gutenberg-style.css (668778B)
1 @charset "UTF-8"; 2 3 .wp-block[data-type="extendstudio/materialis"] { 4 max-width: 100% !important; 5 /* 6 Theme Name: Materialis 7 Theme URI: https://extendthemes.com/go/materialis-home/ 8 Author: Extend Themes 9 Author URI: https://extendthemes.com/ 10 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. 11 Version: @@buildnumber@@ 12 License: GNU General Public License version 3 13 License URI: http://www.opensource.org/licenses/gpl-license.php GPL v3.0 (or later) 14 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 15 Text Domain: materialis 16 17 Tested up to: 5.8 18 Requires PHP: 5.6 19 20 This theme, like WordPress, is licensed under the GPL. 21 22 */ 23 /* 24 DEVELOPMENT ONLY STUFF - remove on production 25 */ 26 /* 27 INIT 28 */ 29 /** 30 * The css property used for elevation. In most cases this should not be changed. It is exposed 31 * as a variable for abstraction / easy use when needing to reference the property directly, for 32 * example in a `will-change` rule. 33 */ 34 /** 35 * The default duration value for elevation transitions. 36 */ 37 /** 38 * The default easing value for elevation transitions. 39 */ 40 /** 41 * Applies the correct CSS rules to an element to give it the elevation specified by $z-value. 42 * The $z-value must be between 0 and 24. 43 * If $color has an alpha channel, it will be ignored and overridden. To increase the opacity of the shadow, use 44 * $opacity-boost. 45 */ 46 /** 47 * Returns a string that can be used as the value for a `transition` property for elevation. 48 * Calling this function directly is useful in situations where a component needs to transition 49 * more than one property. 50 * 51 * ```scss 52 * .foo { 53 * transition: mdc-elevation-transition-value(), opacity 100ms ease; 54 * will-change: $mdc-elevation-property, opacity; 55 * } 56 * ``` 57 */ 58 /** 59 * The css property used for elevation. In most cases this should not be changed. It is exposed 60 * as a variable for abstraction / easy use when needing to reference the property directly, for 61 * example in a `will-change` rule. 62 */ 63 /** 64 * The default duration value for elevation transitions. 65 */ 66 /** 67 * The default easing value for elevation transitions. 68 */ 69 /** 70 * Applies the correct CSS rules to an element to give it the elevation specified by $z-value. 71 * The $z-value must be between 0 and 24. 72 * If $color has an alpha channel, it will be ignored and overridden. To increase the opacity of the shadow, use 73 * $opacity-boost. 74 */ 75 /** 76 * Returns a string that can be used as the value for a `transition` property for elevation. 77 * Calling this function directly is useful in situations where a component needs to transition 78 * more than one property. 79 * 80 * ```scss 81 * .foo { 82 * transition: mdc-elevation-transition-value(), opacity 100ms ease; 83 * will-change: $mdc-elevation-property, opacity; 84 * } 85 * ``` 86 */ 87 /* 88 RESET 89 */ 90 /* 91 COLORS 92 */ 93 /* 94 TYPOGRAPHY 95 */ 96 /* 97 BUTTONS 98 */ 99 /* 100 CARD 101 */ 102 /** 103 * The css property used for elevation. In most cases this should not be changed. It is exposed 104 * as a variable for abstraction / easy use when needing to reference the property directly, for 105 * example in a `will-change` rule. 106 */ 107 /** 108 * The default duration value for elevation transitions. 109 */ 110 /** 111 * The default easing value for elevation transitions. 112 */ 113 /** 114 * Applies the correct CSS rules to an element to give it the elevation specified by $z-value. 115 * The $z-value must be between 0 and 24. 116 * If $color has an alpha channel, it will be ignored and overridden. To increase the opacity of the shadow, use 117 * $opacity-boost. 118 */ 119 /** 120 * Returns a string that can be used as the value for a `transition` property for elevation. 121 * Calling this function directly is useful in situations where a component needs to transition 122 * more than one property. 123 * 124 * ```scss 125 * .foo { 126 * transition: mdc-elevation-transition-value(), opacity 100ms ease; 127 * will-change: $mdc-elevation-property, opacity; 128 * } 129 * ``` 130 */ 131 /* 132 FORM 133 */ 134 /* stylelint-disable selector-max-type */ 135 /* stylelint-enable selector-max-type */ 136 /** dark form style **/ 137 /** dark form **/ 138 /* 139 ELEVATION 140 */ 141 /* 142 TABLES 143 */ 144 /* 145 GRID 146 */ 147 /* 148 WP CORE 149 */ 150 /* Text meant only for screen readers. */ 151 /* 152 HEADER 153 */ 154 /** mate buttons colors **/ 155 /** **/ 156 /** mate buttons colors **/ 157 /** simple-text-buttons **/ 158 /** simple-text-buttons **/ 159 /** border active item */ 160 /** border active item */ 161 /** solid color menu **/ 162 /** solid color menu **/ 163 /* 164 Navigation Bar 165 */ 166 /* Header */ 167 /* 168 POST LIST 169 */ 170 /* 171 COMMENTS 172 */ 173 /*-------------------------------------------------------------- 174 Comments 175 --------------------------------------------------------------*/ 176 /* 177 SIDEBAR 178 */ 179 /* 180 FREE TRIAL 181 */ 182 /* 183 FOOTER 184 */ 185 /* 186 .footer-4 { 187 .footer-content .row > div { 188 min-height:200px; 189 } 190 }*/ 191 /* 192 EDITOR STYLE 193 */ 194 /* 195 GENERAL - STICKY FOOTER 196 */ 197 /* GENERAL CONTENT STYLE */ 198 /** Progressbar */ 199 /*Language Switcher START*/ 200 /* 201 ul.materialis-language-switcher { 202 display: inline-block; 203 list-style: none; 204 margin-left: 0px; 205 padding: 0px; 206 -moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1); 207 -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1); 208 box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1); 209 } 210 211 div.materialis-language-switcher li { 212 display: none; 213 } 214 215 ul.materialis-language-switcher img { 216 width: 18px; 217 } 218 219 .materialis-language-switcher { 220 display: none; 221 } 222 223 li.ellipsis:not(.pll-mobile-menu-item) + li.ellipsis.pll-mobile-menu-item { 224 margin-top: 20px; 225 } 226 227 li.ellipsis.pll-mobile-menu-item .leaf { 228 vertical-align: middle; 229 display: inline-block; 230 } 231 232 233 div#fm2_drop_mainmenu_jq_menu_back div.menu-container ul li.ellipsis a img, 234 li.ellipsis.pll-mobile-menu-item img { 235 vertical-align: baseline; 236 display: inline-block; 237 margin-right: 10px; 238 } 239 240 241 @media only screen and (min-width: 768px) { 242 */ 243 } 244 245 .wp-block[data-type="extendstudio/materialis"] .mdc-line-ripple { 246 position: absolute; 247 bottom: 0; 248 left: 0; 249 width: 100%; 250 height: 2px; 251 -webkit-transform: scaleX(0); 252 transform: scaleX(0); 253 transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1); 254 transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1); 255 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); 256 opacity: 0; 257 z-index: 2; 258 } 259 260 .wp-block[data-type="extendstudio/materialis"] .mdc-line-ripple--active { 261 -webkit-transform: scaleX(1); 262 transform: scaleX(1); 263 opacity: 1; 264 } 265 266 .wp-block[data-type="extendstudio/materialis"] .mdc-line-ripple--deactivating { 267 opacity: 0; 268 } 269 270 @-webkit-keyframes mdc-ripple-fg-radius-in { 271 from { 272 -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 273 animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 274 -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1); 275 transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1); 276 } 277 278 to { 279 -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); 280 transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); 281 } 282 } 283 284 @keyframes mdc-ripple-fg-radius-in { 285 from { 286 -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 287 animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 288 -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1); 289 transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1); 290 } 291 292 to { 293 -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); 294 transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); 295 } 296 } 297 298 @-webkit-keyframes mdc-ripple-fg-opacity-in { 299 from { 300 -webkit-animation-timing-function: linear; 301 animation-timing-function: linear; 302 opacity: 0; 303 } 304 305 to { 306 opacity: var(--mdc-ripple-fg-opacity, 0); 307 } 308 } 309 310 @keyframes mdc-ripple-fg-opacity-in { 311 from { 312 -webkit-animation-timing-function: linear; 313 animation-timing-function: linear; 314 opacity: 0; 315 } 316 317 to { 318 opacity: var(--mdc-ripple-fg-opacity, 0); 319 } 320 } 321 322 @-webkit-keyframes mdc-ripple-fg-opacity-out { 323 from { 324 -webkit-animation-timing-function: linear; 325 animation-timing-function: linear; 326 opacity: var(--mdc-ripple-fg-opacity, 0); 327 } 328 329 to { 330 opacity: 0; 331 } 332 } 333 334 @keyframes mdc-ripple-fg-opacity-out { 335 from { 336 -webkit-animation-timing-function: linear; 337 animation-timing-function: linear; 338 opacity: var(--mdc-ripple-fg-opacity, 0); 339 } 340 341 to { 342 opacity: 0; 343 } 344 } 345 346 .wp-block[data-type="extendstudio/materialis"] .mdc-ripple-surface--test-edge-var-bug { 347 --mdc-ripple-surface-test-edge-var: 1px solid #000; 348 visibility: hidden; 349 } 350 351 .wp-block[data-type="extendstudio/materialis"] .mdc-ripple-surface--test-edge-var-bug::before { 352 border: var(--mdc-ripple-surface-test-edge-var); 353 } 354 355 .wp-block[data-type="extendstudio/materialis"] .mdc-form-field { 356 font-family: Roboto, sans-serif; 357 -moz-osx-font-smoothing: grayscale; 358 -webkit-font-smoothing: antialiased; 359 font-size: 0.875rem; 360 line-height: 1.25rem; 361 font-weight: 400; 362 letter-spacing: 0.0178571429em; 363 text-decoration: inherit; 364 text-transform: inherit; 365 color: rgba(0, 0, 0, 0.87); 366 /* @alternate */ 367 color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)); 368 display: inline-flex; 369 align-items: center; 370 vertical-align: middle; 371 } 372 373 .wp-block[data-type="extendstudio/materialis"] .mdc-form-field > label { 374 order: 0; 375 margin-right: auto; 376 padding-left: 4px; 377 } 378 379 [dir=rtl] .wp-block[data-type="extendstudio/materialis"] .mdc-form-field > label, 380 .wp-block[data-type="extendstudio/materialis"] .mdc-form-field[dir=rtl] > label { 381 margin-left: auto; 382 padding-right: 4px; 383 } 384 385 .wp-block[data-type="extendstudio/materialis"] .mdc-form-field--align-end > label { 386 order: -1; 387 margin-left: auto; 388 padding-right: 4px; 389 } 390 391 [dir=rtl] .wp-block[data-type="extendstudio/materialis"] .mdc-form-field--align-end > label, 392 .wp-block[data-type="extendstudio/materialis"] .mdc-form-field--align-end[dir=rtl] > label { 393 margin-right: auto; 394 padding-left: 4px; 395 } 396 397 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field-helper-text { 398 font-family: Roboto, sans-serif; 399 -moz-osx-font-smoothing: grayscale; 400 -webkit-font-smoothing: antialiased; 401 font-size: 0.75rem; 402 line-height: 1.25rem; 403 font-weight: 400; 404 letter-spacing: 0.0333333333em; 405 text-decoration: inherit; 406 text-transform: inherit; 407 margin: 0; 408 transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1); 409 opacity: 0; 410 will-change: opacity; 411 } 412 413 .mdc-text-field + .wp-block[data-type="extendstudio/materialis"] .mdc-text-field-helper-text { 414 margin-bottom: 8px; 415 } 416 417 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field-helper-text--persistent { 418 transition: none; 419 opacity: 1; 420 will-change: initial; 421 } 422 423 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--with-leading-icon .mdc-text-field__icon, 424 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--with-trailing-icon .mdc-text-field__icon { 425 position: absolute; 426 bottom: 16px; 427 cursor: pointer; 428 } 429 430 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field__icon:not([tabindex]), 431 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field__icon[tabindex="-1"] { 432 cursor: default; 433 pointer-events: none; 434 } 435 436 @-webkit-keyframes mdc-checkbox-unchecked-checked-checkmark-path { 437 0%, 50% { 438 stroke-dashoffset: 29.7833385; 439 } 440 441 50% { 442 -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); 443 animation-timing-function: cubic-bezier(0, 0, 0.2, 1); 444 } 445 446 100% { 447 stroke-dashoffset: 0; 448 } 449 } 450 451 @keyframes mdc-checkbox-unchecked-checked-checkmark-path { 452 0%, 50% { 453 stroke-dashoffset: 29.7833385; 454 } 455 456 50% { 457 -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); 458 animation-timing-function: cubic-bezier(0, 0, 0.2, 1); 459 } 460 461 100% { 462 stroke-dashoffset: 0; 463 } 464 } 465 466 @-webkit-keyframes mdc-checkbox-unchecked-indeterminate-mixedmark { 467 0%, 68.2% { 468 -webkit-transform: scaleX(0); 469 transform: scaleX(0); 470 } 471 472 68.2% { 473 -webkit-animation-timing-function: cubic-bezier(0, 0, 0, 1); 474 animation-timing-function: cubic-bezier(0, 0, 0, 1); 475 } 476 477 100% { 478 -webkit-transform: scaleX(1); 479 transform: scaleX(1); 480 } 481 } 482 483 @keyframes mdc-checkbox-unchecked-indeterminate-mixedmark { 484 0%, 68.2% { 485 -webkit-transform: scaleX(0); 486 transform: scaleX(0); 487 } 488 489 68.2% { 490 -webkit-animation-timing-function: cubic-bezier(0, 0, 0, 1); 491 animation-timing-function: cubic-bezier(0, 0, 0, 1); 492 } 493 494 100% { 495 -webkit-transform: scaleX(1); 496 transform: scaleX(1); 497 } 498 } 499 500 @-webkit-keyframes mdc-checkbox-checked-unchecked-checkmark-path { 501 from { 502 -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 1); 503 animation-timing-function: cubic-bezier(0.4, 0, 1, 1); 504 opacity: 1; 505 stroke-dashoffset: 0; 506 } 507 508 to { 509 opacity: 0; 510 stroke-dashoffset: -29.7833385; 511 } 512 } 513 514 @keyframes mdc-checkbox-checked-unchecked-checkmark-path { 515 from { 516 -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 1); 517 animation-timing-function: cubic-bezier(0.4, 0, 1, 1); 518 opacity: 1; 519 stroke-dashoffset: 0; 520 } 521 522 to { 523 opacity: 0; 524 stroke-dashoffset: -29.7833385; 525 } 526 } 527 528 @-webkit-keyframes mdc-checkbox-checked-indeterminate-checkmark { 529 from { 530 -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); 531 animation-timing-function: cubic-bezier(0, 0, 0.2, 1); 532 -webkit-transform: rotate(0deg); 533 transform: rotate(0deg); 534 opacity: 1; 535 } 536 537 to { 538 -webkit-transform: rotate(45deg); 539 transform: rotate(45deg); 540 opacity: 0; 541 } 542 } 543 544 @keyframes mdc-checkbox-checked-indeterminate-checkmark { 545 from { 546 -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); 547 animation-timing-function: cubic-bezier(0, 0, 0.2, 1); 548 -webkit-transform: rotate(0deg); 549 transform: rotate(0deg); 550 opacity: 1; 551 } 552 553 to { 554 -webkit-transform: rotate(45deg); 555 transform: rotate(45deg); 556 opacity: 0; 557 } 558 } 559 560 @-webkit-keyframes mdc-checkbox-indeterminate-checked-checkmark { 561 from { 562 -webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1); 563 animation-timing-function: cubic-bezier(0.14, 0, 0, 1); 564 -webkit-transform: rotate(45deg); 565 transform: rotate(45deg); 566 opacity: 0; 567 } 568 569 to { 570 -webkit-transform: rotate(360deg); 571 transform: rotate(360deg); 572 opacity: 1; 573 } 574 } 575 576 @keyframes mdc-checkbox-indeterminate-checked-checkmark { 577 from { 578 -webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1); 579 animation-timing-function: cubic-bezier(0.14, 0, 0, 1); 580 -webkit-transform: rotate(45deg); 581 transform: rotate(45deg); 582 opacity: 0; 583 } 584 585 to { 586 -webkit-transform: rotate(360deg); 587 transform: rotate(360deg); 588 opacity: 1; 589 } 590 } 591 592 @-webkit-keyframes mdc-checkbox-checked-indeterminate-mixedmark { 593 from { 594 -webkit-animation-timing-function: mdc-animation-deceleration-curve-timing-function; 595 animation-timing-function: mdc-animation-deceleration-curve-timing-function; 596 -webkit-transform: rotate(-45deg); 597 transform: rotate(-45deg); 598 opacity: 0; 599 } 600 601 to { 602 -webkit-transform: rotate(0deg); 603 transform: rotate(0deg); 604 opacity: 1; 605 } 606 } 607 608 @keyframes mdc-checkbox-checked-indeterminate-mixedmark { 609 from { 610 -webkit-animation-timing-function: mdc-animation-deceleration-curve-timing-function; 611 animation-timing-function: mdc-animation-deceleration-curve-timing-function; 612 -webkit-transform: rotate(-45deg); 613 transform: rotate(-45deg); 614 opacity: 0; 615 } 616 617 to { 618 -webkit-transform: rotate(0deg); 619 transform: rotate(0deg); 620 opacity: 1; 621 } 622 } 623 624 @-webkit-keyframes mdc-checkbox-indeterminate-checked-mixedmark { 625 from { 626 -webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1); 627 animation-timing-function: cubic-bezier(0.14, 0, 0, 1); 628 -webkit-transform: rotate(0deg); 629 transform: rotate(0deg); 630 opacity: 1; 631 } 632 633 to { 634 -webkit-transform: rotate(315deg); 635 transform: rotate(315deg); 636 opacity: 0; 637 } 638 } 639 640 @keyframes mdc-checkbox-indeterminate-checked-mixedmark { 641 from { 642 -webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1); 643 animation-timing-function: cubic-bezier(0.14, 0, 0, 1); 644 -webkit-transform: rotate(0deg); 645 transform: rotate(0deg); 646 opacity: 1; 647 } 648 649 to { 650 -webkit-transform: rotate(315deg); 651 transform: rotate(315deg); 652 opacity: 0; 653 } 654 } 655 656 @-webkit-keyframes mdc-checkbox-indeterminate-unchecked-mixedmark { 657 0% { 658 -webkit-animation-timing-function: linear; 659 animation-timing-function: linear; 660 -webkit-transform: scaleX(1); 661 transform: scaleX(1); 662 opacity: 1; 663 } 664 665 32.8%, 100% { 666 -webkit-transform: scaleX(0); 667 transform: scaleX(0); 668 opacity: 0; 669 } 670 } 671 672 @keyframes mdc-checkbox-indeterminate-unchecked-mixedmark { 673 0% { 674 -webkit-animation-timing-function: linear; 675 animation-timing-function: linear; 676 -webkit-transform: scaleX(1); 677 transform: scaleX(1); 678 opacity: 1; 679 } 680 681 32.8%, 100% { 682 -webkit-transform: scaleX(0); 683 transform: scaleX(0); 684 opacity: 0; 685 } 686 } 687 688 .wp-block[data-type="extendstudio/materialis"] .mdc-checkbox { 689 display: inline-block; 690 position: relative; 691 flex: 0 0 18px; 692 box-sizing: content-box; 693 width: 18px; 694 height: 18px; 695 padding: 11px; 696 line-height: 0; 697 white-space: nowrap; 698 cursor: pointer; 699 vertical-align: bottom; 700 --mdc-ripple-fg-size: 0; 701 --mdc-ripple-left: 0; 702 --mdc-ripple-top: 0; 703 --mdc-ripple-fg-scale: 1; 704 --mdc-ripple-fg-translate-end: 0; 705 --mdc-ripple-fg-translate-start: 0; 706 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 707 will-change: transform, opacity; 708 } 709 710 .wp-block[data-type="extendstudio/materialis"] .mdc-checkbox::before, 711 .wp-block[data-type="extendstudio/materialis"] .mdc-checkbox::after { 712 position: absolute; 713 border-radius: 50%; 714 opacity: 0; 715 pointer-events: none; 716 content: ""; 717 } 718 719 .wp-block[data-type="extendstudio/materialis"] .mdc-checkbox::before { 720 transition: opacity 15ms linear; 721 z-index: 1; 722 } 723 724 .wp-block[data-type="extendstudio/materialis"] .mdc-checkbox.mdc-ripple-upgraded::before { 725 -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1)); 726 transform: scale(var(--mdc-ripple-fg-scale, 1)); 727 } 728 729 .wp-block[data-type="extendstudio/materialis"] .mdc-checkbox.mdc-ripple-upgraded::after { 730 top: 0; 731 /* @noflip */ 732 left: 0; 733 -webkit-transform: scale(0); 734 transform: scale(0); 735 -webkit-transform-origin: center center; 736 transform-origin: center center; 737 } 738 739 .wp-block[data-type="extendstudio/materialis"] .mdc-checkbox.mdc-ripple-upgraded--unbounded::after { 740 top: var(--mdc-ripple-top, 0); 741 /* @noflip */ 742 left: var(--mdc-ripple-left, 0); 743 } 744 745 .wp-block[data-type="extendstudio/materialis"] .mdc-checkbox.mdc-ripple-upgraded--foreground-activation::after { 746 -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; 747 animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; 748 } 749 750 .wp-block[data-type="extendstudio/materialis"] .mdc-checkbox.mdc-ripple-upgraded--foreground-deactivation::after { 751 -webkit-animation: 150ms mdc-ripple-fg-opacity-out; 752 animation: 150ms mdc-ripple-fg-opacity-out; 753 -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); 754 transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); 755 } 756 757 .wp-block[data-type="extendstudio/materialis"] .mdc-checkbox::before, 758 .wp-block[data-type="extendstudio/materialis"] .mdc-checkbox::after { 759 background-color: #018786; 760 } 761 762 @supports not (-ms-ime-align: auto) { 763 .wp-block[data-type="extendstudio/materialis"] .mdc-checkbox::before, 764 .wp-block[data-type="extendstudio/materialis"] .mdc-checkbox::after { 765 /* @alternate */ 766 background-color: var(--mdc-theme-secondary, #018786); 767 } 768 } 769 770 .wp-block[data-type="extendstudio/materialis"] .mdc-checkbox:hover::before { 771 opacity: 0.04; 772 } 773 774 .wp-block[data-type="extendstudio/materialis"] .mdc-checkbox:not(.mdc-ripple-upgraded):focus::before, 775 .wp-block[data-type="extendstudio/materialis"] .mdc-checkbox.mdc-ripple-upgraded--background-focused::before { 776 transition-duration: 75ms; 777 opacity: 0.12; 778 } 779 780 .wp-block[data-type="extendstudio/materialis"] .mdc-checkbox:not(.mdc-ripple-upgraded)::after { 781 transition: opacity 150ms linear; 782 } 783 784 .wp-block[data-type="extendstudio/materialis"] .mdc-checkbox:not(.mdc-ripple-upgraded):active::after { 785 transition-duration: 75ms; 786 opacity: 0.16; 787 } 788 789 .wp-block[data-type="extendstudio/materialis"] .mdc-checkbox.mdc-ripple-upgraded { 790 --mdc-ripple-fg-opacity: 0.16; 791 } 792 793 .wp-block[data-type="extendstudio/materialis"] .mdc-checkbox::before, 794 .wp-block[data-type="extendstudio/materialis"] .mdc-checkbox::after { 795 top: calc(50% - 50%); 796 /* @noflip */ 797 left: calc(50% - 50%); 798 width: 100%; 799 height: 100%; 800 } 801 802 .wp-block[data-type="extendstudio/materialis"] .mdc-checkbox.mdc-ripple-upgraded::before, 803 .wp-block[data-type="extendstudio/materialis"] .mdc-checkbox.mdc-ripple-upgraded::after { 804 top: var(--mdc-ripple-top, calc(50% - 50%)); 805 /* @noflip */ 806 left: var(--mdc-ripple-left, calc(50% - 50%)); 807 width: var(--mdc-ripple-fg-size, 100%); 808 height: var(--mdc-ripple-fg-size, 100%); 809 } 810 811 .wp-block[data-type="extendstudio/materialis"] .mdc-checkbox.mdc-ripple-upgraded::after { 812 width: var(--mdc-ripple-fg-size, 100%); 813 height: var(--mdc-ripple-fg-size, 100%); 814 } 815 816 .mdc-checkbox__checkmark { 817 color: #fff; 818 } 819 820 .mdc-checkbox__mixedmark { 821 border-color: #fff; 822 } 823 824 .mdc-checkbox__background::before { 825 background-color: #018786; 826 } 827 828 @supports not (-ms-ime-align: auto) { 829 .mdc-checkbox__background::before { 830 /* @alternate */ 831 background-color: var(--mdc-theme-secondary, #018786); 832 } 833 } 834 835 .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background { 836 border-color: rgba(0, 0, 0, 0.54); 837 background-color: transparent; 838 } 839 840 .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background, 841 .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background { 842 border-color: #018786; 843 /* @alternate */ 844 border-color: var(--mdc-theme-secondary, #018786); 845 background-color: #018786; 846 /* @alternate */ 847 background-color: var(--mdc-theme-secondary, #018786); 848 } 849 850 @-webkit-keyframes mdc-checkbox-fade-in-background-0 { 851 0% { 852 border-color: rgba(0, 0, 0, 0.54); 853 background-color: transparent; 854 } 855 856 50% { 857 border-color: #018786; 858 /* @alternate */ 859 border-color: var(--mdc-theme-secondary, #018786); 860 background-color: #018786; 861 /* @alternate */ 862 background-color: var(--mdc-theme-secondary, #018786); 863 } 864 } 865 866 @keyframes mdc-checkbox-fade-in-background-0 { 867 0% { 868 border-color: rgba(0, 0, 0, 0.54); 869 background-color: transparent; 870 } 871 872 50% { 873 border-color: #018786; 874 /* @alternate */ 875 border-color: var(--mdc-theme-secondary, #018786); 876 background-color: #018786; 877 /* @alternate */ 878 background-color: var(--mdc-theme-secondary, #018786); 879 } 880 } 881 882 @-webkit-keyframes mdc-checkbox-fade-out-background-0 { 883 0%, 80% { 884 border-color: #018786; 885 /* @alternate */ 886 border-color: var(--mdc-theme-secondary, #018786); 887 background-color: #018786; 888 /* @alternate */ 889 background-color: var(--mdc-theme-secondary, #018786); 890 } 891 892 100% { 893 border-color: rgba(0, 0, 0, 0.54); 894 background-color: transparent; 895 } 896 } 897 898 @keyframes mdc-checkbox-fade-out-background-0 { 899 0%, 80% { 900 border-color: #018786; 901 /* @alternate */ 902 border-color: var(--mdc-theme-secondary, #018786); 903 background-color: #018786; 904 /* @alternate */ 905 background-color: var(--mdc-theme-secondary, #018786); 906 } 907 908 100% { 909 border-color: rgba(0, 0, 0, 0.54); 910 background-color: transparent; 911 } 912 } 913 914 .wp-block[data-type="extendstudio/materialis"].mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, 915 .wp-block[data-type="extendstudio/materialis"].mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background { 916 -webkit-animation-name: mdc-checkbox-fade-in-background-0; 917 animation-name: mdc-checkbox-fade-in-background-0; 918 } 919 920 .wp-block[data-type="extendstudio/materialis"].mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, 921 .wp-block[data-type="extendstudio/materialis"].mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background { 922 -webkit-animation-name: mdc-checkbox-fade-out-background-0; 923 animation-name: mdc-checkbox-fade-out-background-0; 924 } 925 926 .mdc-checkbox__native-control:disabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background { 927 border-color: rgba(0, 0, 0, 0.26); 928 } 929 930 .mdc-checkbox__native-control:disabled:checked ~ .mdc-checkbox__background, 931 .mdc-checkbox__native-control:disabled:indeterminate ~ .mdc-checkbox__background { 932 border-color: transparent; 933 background-color: rgba(0, 0, 0, 0.26); 934 } 935 936 @media screen and (-ms-high-contrast: active) { 937 .wp-block[data-type="extendstudio/materialis"] .mdc-checkbox__mixedmark { 938 margin: 0 1px; 939 } 940 } 941 942 .wp-block[data-type="extendstudio/materialis"] .mdc-checkbox--disabled { 943 cursor: default; 944 pointer-events: none; 945 } 946 947 .wp-block[data-type="extendstudio/materialis"] .mdc-checkbox__background { 948 /* @noflip */ 949 left: 11px; 950 /* @noflip */ 951 right: initial; 952 display: inline-flex; 953 position: absolute; 954 top: 11px; 955 bottom: 0; 956 align-items: center; 957 justify-content: center; 958 box-sizing: border-box; 959 width: 45%; 960 height: 45%; 961 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); 962 border: 2px solid currentColor; 963 border-radius: 2px; 964 background-color: transparent; 965 pointer-events: none; 966 will-change: background-color, border-color; 967 } 968 969 .mdc-checkbox[dir=rtl] .wp-block[data-type="extendstudio/materialis"] .mdc-checkbox__background, 970 [dir=rtl] .mdc-checkbox .wp-block[data-type="extendstudio/materialis"] .mdc-checkbox__background { 971 /* @noflip */ 972 left: initial; 973 /* @noflip */ 974 right: 11px; 975 } 976 977 .wp-block[data-type="extendstudio/materialis"] .mdc-checkbox__checkmark { 978 position: absolute; 979 top: 0; 980 right: 0; 981 bottom: 0; 982 left: 0; 983 width: 100%; 984 transition: opacity 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1); 985 opacity: 0; 986 } 987 988 .mdc-checkbox--upgraded .wp-block[data-type="extendstudio/materialis"] .mdc-checkbox__checkmark { 989 opacity: 1; 990 } 991 992 .wp-block[data-type="extendstudio/materialis"] .mdc-checkbox__checkmark-path { 993 transition: stroke-dashoffset 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1); 994 stroke: currentColor; 995 stroke-width: 3.12px; 996 stroke-dashoffset: 29.7833385; 997 stroke-dasharray: 29.7833385; 998 } 999 1000 .wp-block[data-type="extendstudio/materialis"] .mdc-checkbox__mixedmark { 1001 width: 100%; 1002 height: 0; 1003 -webkit-transform: scaleX(0) rotate(0deg); 1004 transform: scaleX(0) rotate(0deg); 1005 transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); 1006 transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), 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), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); 1008 border-width: 1px; 1009 border-style: solid; 1010 opacity: 0; 1011 } 1012 1013 .wp-block[data-type="extendstudio/materialis"] .mdc-checkbox--upgraded .mdc-checkbox__background, 1014 .wp-block[data-type="extendstudio/materialis"] .mdc-checkbox--upgraded .mdc-checkbox__checkmark, 1015 .wp-block[data-type="extendstudio/materialis"] .mdc-checkbox--upgraded .mdc-checkbox__checkmark-path, 1016 .wp-block[data-type="extendstudio/materialis"] .mdc-checkbox--upgraded .mdc-checkbox__mixedmark { 1017 transition: none !important; 1018 } 1019 1020 .wp-block[data-type="extendstudio/materialis"] .mdc-checkbox--anim-unchecked-checked .mdc-checkbox__background, 1021 .wp-block[data-type="extendstudio/materialis"] .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__background, 1022 .wp-block[data-type="extendstudio/materialis"] .mdc-checkbox--anim-checked-unchecked .mdc-checkbox__background, 1023 .wp-block[data-type="extendstudio/materialis"] .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__background { 1024 -webkit-animation-duration: 180ms; 1025 animation-duration: 180ms; 1026 -webkit-animation-timing-function: linear; 1027 animation-timing-function: linear; 1028 } 1029 1030 .wp-block[data-type="extendstudio/materialis"] .mdc-checkbox--anim-unchecked-checked .mdc-checkbox__checkmark-path { 1031 -webkit-animation: 180ms linear 0s mdc-checkbox-unchecked-checked-checkmark-path; 1032 animation: 180ms linear 0s mdc-checkbox-unchecked-checked-checkmark-path; 1033 transition: none; 1034 } 1035 1036 .wp-block[data-type="extendstudio/materialis"] .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__mixedmark { 1037 -webkit-animation: 90ms linear 0s mdc-checkbox-unchecked-indeterminate-mixedmark; 1038 animation: 90ms linear 0s mdc-checkbox-unchecked-indeterminate-mixedmark; 1039 transition: none; 1040 } 1041 1042 .wp-block[data-type="extendstudio/materialis"] .mdc-checkbox--anim-checked-unchecked .mdc-checkbox__checkmark-path { 1043 -webkit-animation: 90ms linear 0s mdc-checkbox-checked-unchecked-checkmark-path; 1044 animation: 90ms linear 0s mdc-checkbox-checked-unchecked-checkmark-path; 1045 transition: none; 1046 } 1047 1048 .wp-block[data-type="extendstudio/materialis"] .mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__checkmark { 1049 -webkit-animation: 90ms linear 0s mdc-checkbox-checked-indeterminate-checkmark; 1050 animation: 90ms linear 0s mdc-checkbox-checked-indeterminate-checkmark; 1051 transition: none; 1052 } 1053 1054 .wp-block[data-type="extendstudio/materialis"] .mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__mixedmark { 1055 -webkit-animation: 90ms linear 0s mdc-checkbox-checked-indeterminate-mixedmark; 1056 animation: 90ms linear 0s mdc-checkbox-checked-indeterminate-mixedmark; 1057 transition: none; 1058 } 1059 1060 .wp-block[data-type="extendstudio/materialis"] .mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__checkmark { 1061 -webkit-animation: 500ms linear 0s mdc-checkbox-indeterminate-checked-checkmark; 1062 animation: 500ms linear 0s mdc-checkbox-indeterminate-checked-checkmark; 1063 transition: none; 1064 } 1065 1066 .wp-block[data-type="extendstudio/materialis"] .mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__mixedmark { 1067 -webkit-animation: 500ms linear 0s mdc-checkbox-indeterminate-checked-mixedmark; 1068 animation: 500ms linear 0s mdc-checkbox-indeterminate-checked-mixedmark; 1069 transition: none; 1070 } 1071 1072 .wp-block[data-type="extendstudio/materialis"] .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__mixedmark { 1073 -webkit-animation: 300ms linear 0s mdc-checkbox-indeterminate-unchecked-mixedmark; 1074 animation: 300ms linear 0s mdc-checkbox-indeterminate-unchecked-mixedmark; 1075 transition: none; 1076 } 1077 1078 .wp-block[data-type="extendstudio/materialis"] .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background, 1079 .wp-block[data-type="extendstudio/materialis"] .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background { 1080 transition: border-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1), background-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1); 1081 } 1082 1083 .wp-block[data-type="extendstudio/materialis"] .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark-path, 1084 .wp-block[data-type="extendstudio/materialis"] .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__checkmark-path { 1085 stroke-dashoffset: 0; 1086 } 1087 1088 .wp-block[data-type="extendstudio/materialis"] .mdc-checkbox__background::before { 1089 position: absolute; 1090 top: 0; 1091 right: 0; 1092 bottom: 0; 1093 left: 0; 1094 width: 100%; 1095 height: 100%; 1096 -webkit-transform: scale(0, 0); 1097 transform: scale(0, 0); 1098 transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); 1099 transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); 1100 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); 1101 border-radius: 50%; 1102 opacity: 0; 1103 pointer-events: none; 1104 content: ""; 1105 will-change: opacity, transform; 1106 } 1107 1108 .wp-block[data-type="extendstudio/materialis"] .mdc-ripple-upgraded--unbounded .mdc-checkbox__background::before { 1109 content: none; 1110 } 1111 1112 .wp-block[data-type="extendstudio/materialis"] .mdc-checkbox__native-control:focus ~ .mdc-checkbox__background::before { 1113 -webkit-transform: scale(2.75, 2.75); 1114 transform: scale(2.75, 2.75); 1115 transition: opacity 80ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1); 1116 transition: opacity 80ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1); 1117 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); 1118 opacity: 0.26; 1119 } 1120 1121 .wp-block[data-type="extendstudio/materialis"] .mdc-checkbox__native-control { 1122 position: absolute; 1123 top: 0; 1124 left: 0; 1125 width: 100%; 1126 height: 100%; 1127 margin: 0; 1128 padding: 0; 1129 opacity: 0; 1130 cursor: inherit; 1131 } 1132 1133 .wp-block[data-type="extendstudio/materialis"] .mdc-checkbox__native-control:disabled { 1134 cursor: default; 1135 pointer-events: none; 1136 } 1137 1138 .wp-block[data-type="extendstudio/materialis"] .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark { 1139 transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1); 1140 transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1); 1141 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); 1142 opacity: 1; 1143 } 1144 1145 .wp-block[data-type="extendstudio/materialis"] .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__mixedmark { 1146 -webkit-transform: scaleX(1) rotate(-45deg); 1147 transform: scaleX(1) rotate(-45deg); 1148 } 1149 1150 .wp-block[data-type="extendstudio/materialis"] .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__checkmark { 1151 -webkit-transform: rotate(45deg); 1152 transform: rotate(45deg); 1153 transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); 1154 transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); 1155 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); 1156 opacity: 0; 1157 } 1158 1159 .wp-block[data-type="extendstudio/materialis"] .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__mixedmark { 1160 -webkit-transform: scaleX(1) rotate(0deg); 1161 transform: scaleX(1) rotate(0deg); 1162 opacity: 1; 1163 } 1164 1165 .wp-block[data-type="extendstudio/materialis"] .color1 { 1166 color: #228ae6; 1167 } 1168 1169 .wp-block[data-type="extendstudio/materialis"] .color2 { 1170 color: #fa5252; 1171 } 1172 1173 .wp-block[data-type="extendstudio/materialis"] .color3 { 1174 color: #82c91e; 1175 } 1176 1177 .wp-block[data-type="extendstudio/materialis"] .color4 { 1178 color: #fab005; 1179 } 1180 1181 .wp-block[data-type="extendstudio/materialis"] .color5 { 1182 color: #7950f2; 1183 } 1184 1185 .wp-block[data-type="extendstudio/materialis"] .color6 { 1186 color: #e64980; 1187 } 1188 1189 .wp-block[data-type="extendstudio/materialis"] .color-white { 1190 color: #ffffff; 1191 } 1192 1193 .wp-block[data-type="extendstudio/materialis"] .color-black { 1194 color: #4a4a4a; 1195 } 1196 1197 .wp-block[data-type="extendstudio/materialis"] .color-gray { 1198 color: #bdbdbd; 1199 } 1200 1201 .wp-block[data-type="extendstudio/materialis"] .bg-color1 { 1202 background-color: #228ae6; 1203 } 1204 1205 .wp-block[data-type="extendstudio/materialis"] .bg-color2 { 1206 background-color: #fa5252; 1207 } 1208 1209 .wp-block[data-type="extendstudio/materialis"] .bg-color3 { 1210 background-color: #82c91e; 1211 } 1212 1213 .wp-block[data-type="extendstudio/materialis"] .bg-color4 { 1214 background-color: #fab005; 1215 } 1216 1217 .wp-block[data-type="extendstudio/materialis"] .bg-color5 { 1218 background-color: #7950f2; 1219 } 1220 1221 .wp-block[data-type="extendstudio/materialis"] .bg-color6 { 1222 background-color: #e64980; 1223 } 1224 1225 .wp-block[data-type="extendstudio/materialis"] .bg-color-white { 1226 background-color: #ffffff; 1227 } 1228 1229 .wp-block[data-type="extendstudio/materialis"] .bg-color-black { 1230 background-color: #4a4a4a; 1231 } 1232 1233 .wp-block[data-type="extendstudio/materialis"] .bg-color-gray { 1234 background-color: #bdbdbd; 1235 } 1236 1237 .wp-block[data-type="extendstudio/materialis"] .border-color1 { 1238 border-color: #228ae6; 1239 } 1240 1241 .wp-block[data-type="extendstudio/materialis"] .border-top-color1 { 1242 border-top-color: #228ae6; 1243 } 1244 1245 .wp-block[data-type="extendstudio/materialis"] .border-color2 { 1246 border-color: #fa5252; 1247 } 1248 1249 .wp-block[data-type="extendstudio/materialis"] .border-top-color2 { 1250 border-top-color: #fa5252; 1251 } 1252 1253 .wp-block[data-type="extendstudio/materialis"] .border-color3 { 1254 border-color: #82c91e; 1255 } 1256 1257 .wp-block[data-type="extendstudio/materialis"] .border-top-color3 { 1258 border-top-color: #82c91e; 1259 } 1260 1261 .wp-block[data-type="extendstudio/materialis"] .border-color4 { 1262 border-color: #fab005; 1263 } 1264 1265 .wp-block[data-type="extendstudio/materialis"] .border-top-color4 { 1266 border-top-color: #fab005; 1267 } 1268 1269 .wp-block[data-type="extendstudio/materialis"] .border-color5 { 1270 border-color: #7950f2; 1271 } 1272 1273 .wp-block[data-type="extendstudio/materialis"] .border-top-color5 { 1274 border-top-color: #7950f2; 1275 } 1276 1277 .wp-block[data-type="extendstudio/materialis"] .border-color6 { 1278 border-color: #e64980; 1279 } 1280 1281 .wp-block[data-type="extendstudio/materialis"] .border-top-color6 { 1282 border-top-color: #e64980; 1283 } 1284 1285 .wp-block[data-type="extendstudio/materialis"] .border-color-white { 1286 border-color: #ffffff; 1287 } 1288 1289 .wp-block[data-type="extendstudio/materialis"] .border-top-color-white { 1290 border-top-color: #ffffff; 1291 } 1292 1293 .wp-block[data-type="extendstudio/materialis"] .border-color-black { 1294 border-color: #4a4a4a; 1295 } 1296 1297 .wp-block[data-type="extendstudio/materialis"] .border-top-color-black { 1298 border-top-color: #4a4a4a; 1299 } 1300 1301 .wp-block[data-type="extendstudio/materialis"] .border-color-gray { 1302 border-color: #bdbdbd; 1303 } 1304 1305 .wp-block[data-type="extendstudio/materialis"] .border-top-color-gray { 1306 border-top-color: #bdbdbd; 1307 } 1308 1309 .wp-block[data-type="extendstudio/materialis"] .bg-color-white { 1310 background-color: #ffffff; 1311 } 1312 1313 .wp-block[data-type="extendstudio/materialis"] .bg-color-black { 1314 background-color: #000000; 1315 } 1316 1317 .wp-block[data-type="extendstudio/materialis"] .circle-counter.color-white .circle-bar { 1318 stroke: #ffffff; 1319 } 1320 1321 .wp-block[data-type="extendstudio/materialis"] .circle-counter.color-black .circle-bar { 1322 stroke: #000000; 1323 } 1324 1325 .wp-block[data-type="extendstudio/materialis"] .y-move { 1326 transition: all 0.2s; 1327 } 1328 1329 .wp-block[data-type="extendstudio/materialis"] .y-move:hover { 1330 -webkit-transform: translateY(-2px); 1331 transform: translateY(-2px); 1332 box-shadow: 0 10px 20px rgba(189, 189, 189, 0.19), 0 6px 6px rgba(189, 189, 189, 0.23); 1333 } 1334 1335 .wp-block[data-type="extendstudio/materialis"] * { 1336 margin: 0; 1337 padding: 0; 1338 outline: 0; 1339 -webkit-overflow-scrolling: touch; 1340 box-sizing: border-box; 1341 } 1342 1343 .wp-block[data-type="extendstudio/materialis"] div:before, 1344 .wp-block[data-type="extendstudio/materialis"] ul:before, 1345 .wp-block[data-type="extendstudio/materialis"] article:before, 1346 .wp-block[data-type="extendstudio/materialis"] aside:before, 1347 .wp-block[data-type="extendstudio/materialis"] details:before, 1348 .wp-block[data-type="extendstudio/materialis"] figcaption:before, 1349 .wp-block[data-type="extendstudio/materialis"] figure:before, 1350 .wp-block[data-type="extendstudio/materialis"] footer:before, 1351 .wp-block[data-type="extendstudio/materialis"] header:before, 1352 .wp-block[data-type="extendstudio/materialis"] hgroup:before, 1353 .wp-block[data-type="extendstudio/materialis"] menu:before, 1354 .wp-block[data-type="extendstudio/materialis"] nav:before, 1355 .wp-block[data-type="extendstudio/materialis"] section:before, 1356 .wp-block[data-type="extendstudio/materialis"] div:after, 1357 .wp-block[data-type="extendstudio/materialis"] ul:after, 1358 .wp-block[data-type="extendstudio/materialis"] article:after, 1359 .wp-block[data-type="extendstudio/materialis"] aside:after, 1360 .wp-block[data-type="extendstudio/materialis"] details:after, 1361 .wp-block[data-type="extendstudio/materialis"] figcaption:after, 1362 .wp-block[data-type="extendstudio/materialis"] figure:after, 1363 .wp-block[data-type="extendstudio/materialis"] footer:after, 1364 .wp-block[data-type="extendstudio/materialis"] header:after, 1365 .wp-block[data-type="extendstudio/materialis"] hgroup:after, 1366 .wp-block[data-type="extendstudio/materialis"] menu:after, 1367 .wp-block[data-type="extendstudio/materialis"] nav:after, 1368 .wp-block[data-type="extendstudio/materialis"] section:after { 1369 content: ""; 1370 display: table; 1371 width: 0; 1372 } 1373 1374 .wp-block[data-type="extendstudio/materialis"] div:after, 1375 .wp-block[data-type="extendstudio/materialis"] ul:after, 1376 .wp-block[data-type="extendstudio/materialis"] article:after, 1377 .wp-block[data-type="extendstudio/materialis"] aside:after, 1378 .wp-block[data-type="extendstudio/materialis"] details:after, 1379 .wp-block[data-type="extendstudio/materialis"] figcaption:after, 1380 .wp-block[data-type="extendstudio/materialis"] figure:after, 1381 .wp-block[data-type="extendstudio/materialis"] footer:after, 1382 .wp-block[data-type="extendstudio/materialis"] header:after, 1383 .wp-block[data-type="extendstudio/materialis"] hgroup:after, 1384 .wp-block[data-type="extendstudio/materialis"] menu:after, 1385 .wp-block[data-type="extendstudio/materialis"] nav:after, 1386 .wp-block[data-type="extendstudio/materialis"] section:after { 1387 clear: both; 1388 } 1389 1390 .wp-block[data-type="extendstudio/materialis"] img, 1391 .wp-block[data-type="extendstudio/materialis"] video, 1392 .wp-block[data-type="extendstudio/materialis"] audio { 1393 max-width: 100%; 1394 } 1395 1396 .wp-block[data-type="extendstudio/materialis"] img, 1397 .wp-block[data-type="extendstudio/materialis"] video { 1398 height: auto; 1399 } 1400 1401 .wp-block[data-type="extendstudio/materialis"] svg { 1402 max-height: 100%; 1403 } 1404 1405 .wp-block[data-type="extendstudio/materialis"] iframe { 1406 border: none; 1407 max-width: 100%; 1408 } 1409 1410 .wp-block[data-type="extendstudio/materialis"] ::-moz-focus-inner { 1411 border: 0; 1412 padding: 0; 1413 } 1414 1415 .wp-block[data-type="extendstudio/materialis"] input[type=radio], 1416 .wp-block[data-type="extendstudio/materialis"] input[type=checkbox] { 1417 vertical-align: middle; 1418 position: relative; 1419 bottom: 0.15rem; 1420 font-size: 115%; 1421 margin-right: 3px; 1422 } 1423 1424 .wp-block[data-type="extendstudio/materialis"] input[type=search] { 1425 -webkit-appearance: textfield; 1426 } 1427 1428 .wp-block[data-type="extendstudio/materialis"] input[type=search]::-webkit-search-decoration, 1429 .wp-block[data-type="extendstudio/materialis"] input[type=search]::-webkit-search-cancel-button { 1430 -webkit-appearance: none; 1431 } 1432 1433 .wp-block[data-type="extendstudio/materialis"] body { 1434 text-align: center; 1435 } 1436 1437 @media (min-width: 768px) { 1438 .wp-block[data-type="extendstudio/materialis"] body { 1439 text-align: left; 1440 } 1441 } 1442 1443 .wp-block[data-type="extendstudio/materialis"] .black { 1444 color: #4a4a4a; 1445 } 1446 1447 .wp-block[data-type="extendstudio/materialis"] .inverted { 1448 color: #fff; 1449 } 1450 1451 .wp-block[data-type="extendstudio/materialis"] .error { 1452 color: #d60808; 1453 } 1454 1455 .wp-block[data-type="extendstudio/materialis"] .success, 1456 .wp-block[data-type="extendstudio/materialis"] .subscribe-form [class*=success] { 1457 color: #35beb1; 1458 } 1459 1460 .wp-block[data-type="extendstudio/materialis"] .warning { 1461 color: #f7ba45; 1462 } 1463 1464 .wp-block[data-type="extendstudio/materialis"] .focus { 1465 color: #1c86f2; 1466 } 1467 1468 .wp-block[data-type="extendstudio/materialis"] .aluminum { 1469 color: #f8f8f8; 1470 } 1471 1472 .wp-block[data-type="extendstudio/materialis"] .silver { 1473 color: #e0e1e1; 1474 } 1475 1476 .wp-block[data-type="extendstudio/materialis"] .lightgray { 1477 color: #f1f1f1; 1478 } 1479 1480 .wp-block[data-type="extendstudio/materialis"] .gray { 1481 color: #bdbdbd; 1482 } 1483 1484 .wp-block[data-type="extendstudio/materialis"] .midgray { 1485 color: #676b72; 1486 } 1487 1488 .wp-block[data-type="extendstudio/materialis"] .darkgray { 1489 color: #2b2d42; 1490 } 1491 1492 .wp-block[data-type="extendstudio/materialis"] .bg-black { 1493 background-color: #4a4a4a; 1494 } 1495 1496 .wp-block[data-type="extendstudio/materialis"] .bg-inverted { 1497 background-color: #fff; 1498 } 1499 1500 .wp-block[data-type="extendstudio/materialis"] .bg-error { 1501 background-color: #d60808; 1502 } 1503 1504 .wp-block[data-type="extendstudio/materialis"] .bg-success { 1505 background-color: #35beb1; 1506 } 1507 1508 .wp-block[data-type="extendstudio/materialis"] .bg-warning { 1509 background-color: #f7ba45; 1510 } 1511 1512 .wp-block[data-type="extendstudio/materialis"] .bg-focus { 1513 background-color: #1c86f2; 1514 } 1515 1516 .wp-block[data-type="extendstudio/materialis"] .bg-aluminum { 1517 background-color: #f8f8f8; 1518 } 1519 1520 .wp-block[data-type="extendstudio/materialis"] .bg-silver { 1521 background-color: #e0e1e1; 1522 } 1523 1524 .wp-block[data-type="extendstudio/materialis"] .bg-lightgray { 1525 background-color: #f1f1f1; 1526 } 1527 1528 .wp-block[data-type="extendstudio/materialis"] .bg-gray { 1529 background-color: #bdbdbd; 1530 } 1531 1532 .wp-block[data-type="extendstudio/materialis"] .bg-midgray { 1533 background-color: #676b72; 1534 } 1535 1536 .wp-block[data-type="extendstudio/materialis"] .bg-darkgray { 1537 background-color: #2b2d42; 1538 } 1539 1540 .wp-block[data-type="extendstudio/materialis"] .bg-highlight { 1541 background-color: #edf2ff; 1542 } 1543 1544 .wp-block[data-type="extendstudio/materialis"] img.color1, 1545 .wp-block[data-type="extendstudio/materialis"] i.mdi.color1 { 1546 color: #228ae6; 1547 } 1548 1549 .wp-block[data-type="extendstudio/materialis"] img.icon.bordered.color1, 1550 .wp-block[data-type="extendstudio/materialis"] img.icon.color1.card[class*=bottom-border-], 1551 .wp-block[data-type="extendstudio/materialis"] i.mdi.icon.bordered.color1, 1552 .wp-block[data-type="extendstudio/materialis"] i.mdi.icon.color1.card[class*=bottom-border-] { 1553 border-color: #228ae6; 1554 } 1555 1556 .wp-block[data-type="extendstudio/materialis"] img.icon.reverse.color1, 1557 .wp-block[data-type="extendstudio/materialis"] i.mdi.icon.reverse.color1 { 1558 background-color: #228ae6; 1559 } 1560 1561 .wp-block[data-type="extendstudio/materialis"] .button.color1 { 1562 background-color: #228ae6; 1563 } 1564 1565 .wp-block[data-type="extendstudio/materialis"] .button.color1:hover { 1566 background-color: #50a2eb; 1567 } 1568 1569 .wp-block[data-type="extendstudio/materialis"] a.color1:not(.button) { 1570 color: #228ae6; 1571 } 1572 1573 .wp-block[data-type="extendstudio/materialis"] a.color1:not(.button):hover { 1574 color: #50a2eb; 1575 } 1576 1577 .wp-block[data-type="extendstudio/materialis"] hr.small-line.color1 { 1578 background-color: #228ae6; 1579 } 1580 1581 .wp-block[data-type="extendstudio/materialis"] .circle-counter.color1 .circle-bar { 1582 stroke: #228ae6; 1583 } 1584 1585 .wp-block[data-type="extendstudio/materialis"] img.color2, 1586 .wp-block[data-type="extendstudio/materialis"] i.mdi.color2 { 1587 color: #fa5252; 1588 } 1589 1590 .wp-block[data-type="extendstudio/materialis"] img.icon.bordered.color2, 1591 .wp-block[data-type="extendstudio/materialis"] img.icon.color2.card[class*=bottom-border-], 1592 .wp-block[data-type="extendstudio/materialis"] i.mdi.icon.bordered.color2, 1593 .wp-block[data-type="extendstudio/materialis"] i.mdi.icon.color2.card[class*=bottom-border-] { 1594 border-color: #fa5252; 1595 } 1596 1597 .wp-block[data-type="extendstudio/materialis"] img.icon.reverse.color2, 1598 .wp-block[data-type="extendstudio/materialis"] i.mdi.icon.reverse.color2 { 1599 background-color: #fa5252; 1600 } 1601 1602 .wp-block[data-type="extendstudio/materialis"] .button.color2 { 1603 background-color: #fa5252; 1604 } 1605 1606 .wp-block[data-type="extendstudio/materialis"] .button.color2:hover { 1607 background-color: #fb8484; 1608 } 1609 1610 .wp-block[data-type="extendstudio/materialis"] a.color2:not(.button) { 1611 color: #fa5252; 1612 } 1613 1614 .wp-block[data-type="extendstudio/materialis"] a.color2:not(.button):hover { 1615 color: #fb8484; 1616 } 1617 1618 .wp-block[data-type="extendstudio/materialis"] hr.small-line.color2 { 1619 background-color: #fa5252; 1620 } 1621 1622 .wp-block[data-type="extendstudio/materialis"] .circle-counter.color2 .circle-bar { 1623 stroke: #fa5252; 1624 } 1625 1626 .wp-block[data-type="extendstudio/materialis"] img.color3, 1627 .wp-block[data-type="extendstudio/materialis"] i.mdi.color3 { 1628 color: #82c91e; 1629 } 1630 1631 .wp-block[data-type="extendstudio/materialis"] img.icon.bordered.color3, 1632 .wp-block[data-type="extendstudio/materialis"] img.icon.color3.card[class*=bottom-border-], 1633 .wp-block[data-type="extendstudio/materialis"] i.mdi.icon.bordered.color3, 1634 .wp-block[data-type="extendstudio/materialis"] i.mdi.icon.color3.card[class*=bottom-border-] { 1635 border-color: #82c91e; 1636 } 1637 1638 .wp-block[data-type="extendstudio/materialis"] img.icon.reverse.color3, 1639 .wp-block[data-type="extendstudio/materialis"] i.mdi.icon.reverse.color3 { 1640 background-color: #82c91e; 1641 } 1642 1643 .wp-block[data-type="extendstudio/materialis"] .button.color3 { 1644 background-color: #82c91e; 1645 } 1646 1647 .wp-block[data-type="extendstudio/materialis"] .button.color3:hover { 1648 background-color: #9be139; 1649 } 1650 1651 .wp-block[data-type="extendstudio/materialis"] a.color3:not(.button) { 1652 color: #82c91e; 1653 } 1654 1655 .wp-block[data-type="extendstudio/materialis"] a.color3:not(.button):hover { 1656 color: #9be139; 1657 } 1658 1659 .wp-block[data-type="extendstudio/materialis"] hr.small-line.color3 { 1660 background-color: #82c91e; 1661 } 1662 1663 .wp-block[data-type="extendstudio/materialis"] .circle-counter.color3 .circle-bar { 1664 stroke: #82c91e; 1665 } 1666 1667 .wp-block[data-type="extendstudio/materialis"] img.color4, 1668 .wp-block[data-type="extendstudio/materialis"] i.mdi.color4 { 1669 color: #fab005; 1670 } 1671 1672 .wp-block[data-type="extendstudio/materialis"] img.icon.bordered.color4, 1673 .wp-block[data-type="extendstudio/materialis"] img.icon.color4.card[class*=bottom-border-], 1674 .wp-block[data-type="extendstudio/materialis"] i.mdi.icon.bordered.color4, 1675 .wp-block[data-type="extendstudio/materialis"] i.mdi.icon.color4.card[class*=bottom-border-] { 1676 border-color: #fab005; 1677 } 1678 1679 .wp-block[data-type="extendstudio/materialis"] img.icon.reverse.color4, 1680 .wp-block[data-type="extendstudio/materialis"] i.mdi.icon.reverse.color4 { 1681 background-color: #fab005; 1682 } 1683 1684 .wp-block[data-type="extendstudio/materialis"] .button.color4 { 1685 background-color: #fab005; 1686 } 1687 1688 .wp-block[data-type="extendstudio/materialis"] .button.color4:hover { 1689 background-color: #fbc037; 1690 } 1691 1692 .wp-block[data-type="extendstudio/materialis"] a.color4:not(.button) { 1693 color: #fab005; 1694 } 1695 1696 .wp-block[data-type="extendstudio/materialis"] a.color4:not(.button):hover { 1697 color: #fbc037; 1698 } 1699 1700 .wp-block[data-type="extendstudio/materialis"] hr.small-line.color4 { 1701 background-color: #fab005; 1702 } 1703 1704 .wp-block[data-type="extendstudio/materialis"] .circle-counter.color4 .circle-bar { 1705 stroke: #fab005; 1706 } 1707 1708 .wp-block[data-type="extendstudio/materialis"] img.color5, 1709 .wp-block[data-type="extendstudio/materialis"] i.mdi.color5 { 1710 color: #7950f2; 1711 } 1712 1713 .wp-block[data-type="extendstudio/materialis"] img.icon.bordered.color5, 1714 .wp-block[data-type="extendstudio/materialis"] img.icon.color5.card[class*=bottom-border-], 1715 .wp-block[data-type="extendstudio/materialis"] i.mdi.icon.bordered.color5, 1716 .wp-block[data-type="extendstudio/materialis"] i.mdi.icon.color5.card[class*=bottom-border-] { 1717 border-color: #7950f2; 1718 } 1719 1720 .wp-block[data-type="extendstudio/materialis"] img.icon.reverse.color5, 1721 .wp-block[data-type="extendstudio/materialis"] i.mdi.icon.reverse.color5 { 1722 background-color: #7950f2; 1723 } 1724 1725 .wp-block[data-type="extendstudio/materialis"] .button.color5 { 1726 background-color: #7950f2; 1727 } 1728 1729 .wp-block[data-type="extendstudio/materialis"] .button.color5:hover { 1730 background-color: #9d7ff6; 1731 } 1732 1733 .wp-block[data-type="extendstudio/materialis"] a.color5:not(.button) { 1734 color: #7950f2; 1735 } 1736 1737 .wp-block[data-type="extendstudio/materialis"] a.color5:not(.button):hover { 1738 color: #9d7ff6; 1739 } 1740 1741 .wp-block[data-type="extendstudio/materialis"] hr.small-line.color5 { 1742 background-color: #7950f2; 1743 } 1744 1745 .wp-block[data-type="extendstudio/materialis"] .circle-counter.color5 .circle-bar { 1746 stroke: #7950f2; 1747 } 1748 1749 .wp-block[data-type="extendstudio/materialis"] img.color6, 1750 .wp-block[data-type="extendstudio/materialis"] i.mdi.color6 { 1751 color: #e64980; 1752 } 1753 1754 .wp-block[data-type="extendstudio/materialis"] img.icon.bordered.color6, 1755 .wp-block[data-type="extendstudio/materialis"] img.icon.color6.card[class*=bottom-border-], 1756 .wp-block[data-type="extendstudio/materialis"] i.mdi.icon.bordered.color6, 1757 .wp-block[data-type="extendstudio/materialis"] i.mdi.icon.color6.card[class*=bottom-border-] { 1758 border-color: #e64980; 1759 } 1760 1761 .wp-block[data-type="extendstudio/materialis"] img.icon.reverse.color6, 1762 .wp-block[data-type="extendstudio/materialis"] i.mdi.icon.reverse.color6 { 1763 background-color: #e64980; 1764 } 1765 1766 .wp-block[data-type="extendstudio/materialis"] .button.color6 { 1767 background-color: #e64980; 1768 } 1769 1770 .wp-block[data-type="extendstudio/materialis"] .button.color6:hover { 1771 background-color: #ec769f; 1772 } 1773 1774 .wp-block[data-type="extendstudio/materialis"] a.color6:not(.button) { 1775 color: #e64980; 1776 } 1777 1778 .wp-block[data-type="extendstudio/materialis"] a.color6:not(.button):hover { 1779 color: #ec769f; 1780 } 1781 1782 .wp-block[data-type="extendstudio/materialis"] hr.small-line.color6 { 1783 background-color: #e64980; 1784 } 1785 1786 .wp-block[data-type="extendstudio/materialis"] .circle-counter.color6 .circle-bar { 1787 stroke: #e64980; 1788 } 1789 1790 .wp-block[data-type="extendstudio/materialis"] img.color-white, 1791 .wp-block[data-type="extendstudio/materialis"] i.mdi.color-white { 1792 color: #ffffff; 1793 } 1794 1795 .wp-block[data-type="extendstudio/materialis"] img.icon.bordered.color-white, 1796 .wp-block[data-type="extendstudio/materialis"] img.icon.color-white.card[class*=bottom-border-], 1797 .wp-block[data-type="extendstudio/materialis"] i.mdi.icon.bordered.color-white, 1798 .wp-block[data-type="extendstudio/materialis"] i.mdi.icon.color-white.card[class*=bottom-border-] { 1799 border-color: #ffffff; 1800 } 1801 1802 .wp-block[data-type="extendstudio/materialis"] img.icon.reverse.color-white, 1803 .wp-block[data-type="extendstudio/materialis"] i.mdi.icon.reverse.color-white { 1804 background-color: #ffffff; 1805 } 1806 1807 .wp-block[data-type="extendstudio/materialis"] .button.color-white { 1808 background-color: #ffffff; 1809 } 1810 1811 .wp-block[data-type="extendstudio/materialis"] .button.color-white:hover { 1812 background-color: white; 1813 } 1814 1815 .wp-block[data-type="extendstudio/materialis"] a.color-white:not(.button) { 1816 color: #ffffff; 1817 } 1818 1819 .wp-block[data-type="extendstudio/materialis"] a.color-white:not(.button):hover { 1820 color: white; 1821 } 1822 1823 .wp-block[data-type="extendstudio/materialis"] hr.small-line.color-white { 1824 background-color: #ffffff; 1825 } 1826 1827 .wp-block[data-type="extendstudio/materialis"] .circle-counter.color-white .circle-bar { 1828 stroke: #ffffff; 1829 } 1830 1831 .wp-block[data-type="extendstudio/materialis"] img.color-black, 1832 .wp-block[data-type="extendstudio/materialis"] i.mdi.color-black { 1833 color: #4a4a4a; 1834 } 1835 1836 .wp-block[data-type="extendstudio/materialis"] img.icon.bordered.color-black, 1837 .wp-block[data-type="extendstudio/materialis"] img.icon.color-black.card[class*=bottom-border-], 1838 .wp-block[data-type="extendstudio/materialis"] i.mdi.icon.bordered.color-black, 1839 .wp-block[data-type="extendstudio/materialis"] i.mdi.icon.color-black.card[class*=bottom-border-] { 1840 border-color: #4a4a4a; 1841 } 1842 1843 .wp-block[data-type="extendstudio/materialis"] img.icon.reverse.color-black, 1844 .wp-block[data-type="extendstudio/materialis"] i.mdi.icon.reverse.color-black { 1845 background-color: #4a4a4a; 1846 } 1847 1848 .wp-block[data-type="extendstudio/materialis"] .button.color-black { 1849 background-color: #4a4a4a; 1850 } 1851 1852 .wp-block[data-type="extendstudio/materialis"] .button.color-black:hover { 1853 background-color: #646464; 1854 } 1855 1856 .wp-block[data-type="extendstudio/materialis"] a.color-black:not(.button) { 1857 color: #4a4a4a; 1858 } 1859 1860 .wp-block[data-type="extendstudio/materialis"] a.color-black:not(.button):hover { 1861 color: #646464; 1862 } 1863 1864 .wp-block[data-type="extendstudio/materialis"] hr.small-line.color-black { 1865 background-color: #4a4a4a; 1866 } 1867 1868 .wp-block[data-type="extendstudio/materialis"] .circle-counter.color-black .circle-bar { 1869 stroke: #4a4a4a; 1870 } 1871 1872 .wp-block[data-type="extendstudio/materialis"] img.color-gray, 1873 .wp-block[data-type="extendstudio/materialis"] i.mdi.color-gray { 1874 color: #bdbdbd; 1875 } 1876 1877 .wp-block[data-type="extendstudio/materialis"] img.icon.bordered.color-gray, 1878 .wp-block[data-type="extendstudio/materialis"] img.icon.color-gray.card[class*=bottom-border-], 1879 .wp-block[data-type="extendstudio/materialis"] i.mdi.icon.bordered.color-gray, 1880 .wp-block[data-type="extendstudio/materialis"] i.mdi.icon.color-gray.card[class*=bottom-border-] { 1881 border-color: #bdbdbd; 1882 } 1883 1884 .wp-block[data-type="extendstudio/materialis"] img.icon.reverse.color-gray, 1885 .wp-block[data-type="extendstudio/materialis"] i.mdi.icon.reverse.color-gray { 1886 background-color: #bdbdbd; 1887 } 1888 1889 .wp-block[data-type="extendstudio/materialis"] .button.color-gray { 1890 background-color: #bdbdbd; 1891 } 1892 1893 .wp-block[data-type="extendstudio/materialis"] .button.color-gray:hover { 1894 background-color: #d7d7d7; 1895 } 1896 1897 .wp-block[data-type="extendstudio/materialis"] a.color-gray:not(.button) { 1898 color: #bdbdbd; 1899 } 1900 1901 .wp-block[data-type="extendstudio/materialis"] a.color-gray:not(.button):hover { 1902 color: #d7d7d7; 1903 } 1904 1905 .wp-block[data-type="extendstudio/materialis"] hr.small-line.color-gray { 1906 background-color: #bdbdbd; 1907 } 1908 1909 .wp-block[data-type="extendstudio/materialis"] .circle-counter.color-gray .circle-bar { 1910 stroke: #bdbdbd; 1911 } 1912 1913 .wp-block[data-type="extendstudio/materialis"] i.mdi.gray { 1914 color: #bdbdbd; 1915 } 1916 1917 .wp-block[data-type="extendstudio/materialis"] i.mdi.gray:hover { 1918 color: #a4a4a4; 1919 } 1920 1921 .wp-block[data-type="extendstudio/materialis"] i.mdi.darkgray { 1922 color: #8a8a8a; 1923 } 1924 1925 .wp-block[data-type="extendstudio/materialis"] i.mdi.darkgray:hover { 1926 color: #717171; 1927 } 1928 1929 .wp-block[data-type="extendstudio/materialis"] .grad-180-transparent-color1 { 1930 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%); 1931 } 1932 1933 .wp-block[data-type="extendstudio/materialis"] .grad-180-transparent-color2 { 1934 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%); 1935 } 1936 1937 .wp-block[data-type="extendstudio/materialis"] .grad-180-transparent-color3 { 1938 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%); 1939 } 1940 1941 .wp-block[data-type="extendstudio/materialis"] .grad-180-transparent-color4 { 1942 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%); 1943 } 1944 1945 .wp-block[data-type="extendstudio/materialis"] .grad-180-transparent-color5 { 1946 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%); 1947 } 1948 1949 .wp-block[data-type="extendstudio/materialis"] .grad-180-transparent-color6 { 1950 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%); 1951 } 1952 1953 .wp-block[data-type="extendstudio/materialis"] .grad-180-transparent-color-black { 1954 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%); 1955 } 1956 1957 .wp-block[data-type="extendstudio/materialis"] .grad-180-transparent-color-white { 1958 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%); 1959 } 1960 1961 .wp-block[data-type="extendstudio/materialis"] .grad-180-transparent-color-gray { 1962 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%); 1963 } 1964 1965 .wp-block[data-type="extendstudio/materialis"] html, 1966 .wp-block[data-type="extendstudio/materialis"] body, 1967 .wp-block[data-type="extendstudio/materialis"] .p { 1968 font-size: 16px; 1969 line-height: 1.5rem; 1970 } 1971 1972 .wp-block[data-type="extendstudio/materialis"] body { 1973 font-family: "Roboto", sans-serif; 1974 color: #8D99AE; 1975 background-color: transparent; 1976 } 1977 1978 .wp-block[data-type="extendstudio/materialis"] a { 1979 color: #228ae6; 1980 } 1981 1982 .wp-block[data-type="extendstudio/materialis"] a:hover { 1983 color: #50a2eb; 1984 } 1985 1986 .wp-block[data-type="extendstudio/materialis"] h1.title, 1987 .wp-block[data-type="extendstudio/materialis"] h1, 1988 .wp-block[data-type="extendstudio/materialis"] h2, 1989 .wp-block[data-type="extendstudio/materialis"] h3, 1990 .wp-block[data-type="extendstudio/materialis"] h4, 1991 .wp-block[data-type="extendstudio/materialis"] h5, 1992 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container h6:first-child, 1993 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container h5:first-child, 1994 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container h4:first-child, 1995 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container h3:first-child, 1996 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container h2:first-child, 1997 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container h1:first-child, 1998 .wp-block[data-type="extendstudio/materialis"] h6 { 1999 font-family: "Roboto", sans-serif; 2000 font-weight: 400; 2001 color: #54617A; 2002 text-rendering: optimizeLegibility; 2003 margin-bottom: 16px; 2004 } 2005 2006 .wp-block[data-type="extendstudio/materialis"] .button:only-child, 2007 .wp-block[data-type="extendstudio/materialis"] p:last-child, 2008 .wp-block[data-type="extendstudio/materialis"] h1:last-child, 2009 .wp-block[data-type="extendstudio/materialis"] h2:last-child, 2010 .wp-block[data-type="extendstudio/materialis"] h3:last-child, 2011 .wp-block[data-type="extendstudio/materialis"] h4:last-child, 2012 .wp-block[data-type="extendstudio/materialis"] h5:last-child, 2013 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container h6:last-child:first-child, 2014 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container h5:last-child:first-child, 2015 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container h4:last-child:first-child, 2016 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container h3:last-child:first-child, 2017 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container h2:last-child:first-child, 2018 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container h1:last-child:first-child, 2019 .wp-block[data-type="extendstudio/materialis"] h6:last-child { 2020 margin-bottom: 0; 2021 } 2022 2023 .wp-block[data-type="extendstudio/materialis"] .inverted h1, 2024 .wp-block[data-type="extendstudio/materialis"] .inverted h2, 2025 .wp-block[data-type="extendstudio/materialis"] .inverted h3, 2026 .wp-block[data-type="extendstudio/materialis"] .inverted h4, 2027 .wp-block[data-type="extendstudio/materialis"] .inverted h5, 2028 .wp-block[data-type="extendstudio/materialis"] .inverted .widget_block > .wp-block-group > .wp-block-group__inner-container h6:first-child, 2029 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .inverted h6:first-child, 2030 .wp-block[data-type="extendstudio/materialis"] .inverted .widget_block > .wp-block-group > .wp-block-group__inner-container h5:first-child, 2031 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .inverted h5:first-child, 2032 .wp-block[data-type="extendstudio/materialis"] .inverted .widget_block > .wp-block-group > .wp-block-group__inner-container h4:first-child, 2033 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .inverted h4:first-child, 2034 .wp-block[data-type="extendstudio/materialis"] .inverted .widget_block > .wp-block-group > .wp-block-group__inner-container h3:first-child, 2035 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .inverted h3:first-child, 2036 .wp-block[data-type="extendstudio/materialis"] .inverted .widget_block > .wp-block-group > .wp-block-group__inner-container h2:first-child, 2037 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .inverted h2:first-child, 2038 .wp-block[data-type="extendstudio/materialis"] .inverted .widget_block > .wp-block-group > .wp-block-group__inner-container h1:first-child, 2039 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .inverted h1:first-child, 2040 .wp-block[data-type="extendstudio/materialis"] .inverted h6, 2041 .wp-block[data-type="extendstudio/materialis"] .inverted .mdi { 2042 color: #ffffff; 2043 } 2044 2045 .wp-block[data-type="extendstudio/materialis"] .muted h1, 2046 .wp-block[data-type="extendstudio/materialis"] .comment-meta a h1, 2047 .wp-block[data-type="extendstudio/materialis"] .muted h2, 2048 .wp-block[data-type="extendstudio/materialis"] .comment-meta a h2, 2049 .wp-block[data-type="extendstudio/materialis"] .muted h3, 2050 .wp-block[data-type="extendstudio/materialis"] .comment-meta a h3, 2051 .wp-block[data-type="extendstudio/materialis"] .muted h4, 2052 .wp-block[data-type="extendstudio/materialis"] .comment-meta a h4, 2053 .wp-block[data-type="extendstudio/materialis"] .muted h5, 2054 .wp-block[data-type="extendstudio/materialis"] .muted .widget_block > .wp-block-group > .wp-block-group__inner-container h6:first-child, 2055 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .muted h6:first-child, 2056 .wp-block[data-type="extendstudio/materialis"] .muted .widget_block > .wp-block-group > .wp-block-group__inner-container h5:first-child, 2057 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .muted h5:first-child, 2058 .wp-block[data-type="extendstudio/materialis"] .muted .widget_block > .wp-block-group > .wp-block-group__inner-container h4:first-child, 2059 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .muted h4:first-child, 2060 .wp-block[data-type="extendstudio/materialis"] .muted .widget_block > .wp-block-group > .wp-block-group__inner-container h3:first-child, 2061 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .muted h3:first-child, 2062 .wp-block[data-type="extendstudio/materialis"] .muted .widget_block > .wp-block-group > .wp-block-group__inner-container h2:first-child, 2063 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .muted h2:first-child, 2064 .wp-block[data-type="extendstudio/materialis"] .muted .widget_block > .wp-block-group > .wp-block-group__inner-container h1:first-child, 2065 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .muted h1:first-child, 2066 .wp-block[data-type="extendstudio/materialis"] .comment-meta a h5, 2067 .wp-block[data-type="extendstudio/materialis"] .comment-meta a .widget_block > .wp-block-group > .wp-block-group__inner-container h6:first-child, 2068 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .comment-meta a h6:first-child, 2069 .wp-block[data-type="extendstudio/materialis"] .comment-meta a .widget_block > .wp-block-group > .wp-block-group__inner-container h5:first-child, 2070 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .comment-meta a h5:first-child, 2071 .wp-block[data-type="extendstudio/materialis"] .comment-meta a .widget_block > .wp-block-group > .wp-block-group__inner-container h4:first-child, 2072 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .comment-meta a h4:first-child, 2073 .wp-block[data-type="extendstudio/materialis"] .comment-meta a .widget_block > .wp-block-group > .wp-block-group__inner-container h3:first-child, 2074 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .comment-meta a h3:first-child, 2075 .wp-block[data-type="extendstudio/materialis"] .comment-meta a .widget_block > .wp-block-group > .wp-block-group__inner-container h2:first-child, 2076 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .comment-meta a h2:first-child, 2077 .wp-block[data-type="extendstudio/materialis"] .comment-meta a .widget_block > .wp-block-group > .wp-block-group__inner-container h1:first-child, 2078 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .comment-meta a h1:first-child, 2079 .wp-block[data-type="extendstudio/materialis"] .muted h6, 2080 .wp-block[data-type="extendstudio/materialis"] .comment-meta a h6, 2081 .wp-block[data-type="extendstudio/materialis"] .muted .mdi, 2082 .wp-block[data-type="extendstudio/materialis"] .comment-meta a .mdi { 2083 opacity: 0.55; 2084 } 2085 2086 .wp-block[data-type="extendstudio/materialis"] h1.title { 2087 font-size: 3.5rem; 2088 line-height: 4.5rem; 2089 margin-bottom: 8px; 2090 } 2091 2092 .wp-block[data-type="extendstudio/materialis"] h1, 2093 .wp-block[data-type="extendstudio/materialis"] .h1 { 2094 font-size: 3.2rem; 2095 line-height: 4.8rem; 2096 font-weight: 300; 2097 letter-spacing: -1px; 2098 } 2099 2100 .wp-block[data-type="extendstudio/materialis"] h2, 2101 .wp-block[data-type="extendstudio/materialis"] .h2 { 2102 font-size: 2.8rem; 2103 line-height: 3rem; 2104 font-weight: 300; 2105 letter-spacing: 0x; 2106 } 2107 2108 .wp-block[data-type="extendstudio/materialis"] h3, 2109 .wp-block[data-type="extendstudio/materialis"] .h3 { 2110 font-size: 2.1rem; 2111 line-height: 2.5rem; 2112 font-weight: 300; 2113 letter-spacing: 0x; 2114 } 2115 2116 .wp-block[data-type="extendstudio/materialis"] h4, 2117 .wp-block[data-type="extendstudio/materialis"] .h4 { 2118 font-size: 1.5rem; 2119 line-height: 2rem; 2120 font-weight: 400; 2121 letter-spacing: 0x; 2122 } 2123 2124 .wp-block[data-type="extendstudio/materialis"] h5, 2125 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container h6:first-child, 2126 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container h5:first-child, 2127 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container h4:first-child, 2128 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container h3:first-child, 2129 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container h2:first-child, 2130 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container h1:first-child, 2131 .wp-block[data-type="extendstudio/materialis"] .h5 { 2132 font-size: 1.25rem; 2133 line-height: 1.25rem; 2134 font-weight: 500; 2135 letter-spacing: 0x; 2136 } 2137 2138 .wp-block[data-type="extendstudio/materialis"] h6, 2139 .wp-block[data-type="extendstudio/materialis"] .h6 { 2140 font-size: 1rem; 2141 line-height: 1.5rem; 2142 font-weight: 500; 2143 letter-spacing: 0x; 2144 } 2145 2146 .wp-block[data-type="extendstudio/materialis"] h1 a, 2147 .wp-block[data-type="extendstudio/materialis"] .h1 a, 2148 .wp-block[data-type="extendstudio/materialis"] h2 a, 2149 .wp-block[data-type="extendstudio/materialis"] .h2 a, 2150 .wp-block[data-type="extendstudio/materialis"] h3 a, 2151 .wp-block[data-type="extendstudio/materialis"] .h3 a, 2152 .wp-block[data-type="extendstudio/materialis"] h4 a, 2153 .wp-block[data-type="extendstudio/materialis"] .h4 a, 2154 .wp-block[data-type="extendstudio/materialis"] h5 a, 2155 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container h6:first-child a, 2156 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container h5:first-child a, 2157 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container h4:first-child a, 2158 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container h3:first-child a, 2159 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container h2:first-child a, 2160 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container h1:first-child a, 2161 .wp-block[data-type="extendstudio/materialis"] .h5 a, 2162 .wp-block[data-type="extendstudio/materialis"] h6 a, 2163 .wp-block[data-type="extendstudio/materialis"] .h6 a { 2164 color: inherit; 2165 } 2166 2167 .wp-block[data-type="extendstudio/materialis"] p + h2, 2168 .wp-block[data-type="extendstudio/materialis"] p + h3, 2169 .wp-block[data-type="extendstudio/materialis"] p + h4, 2170 .wp-block[data-type="extendstudio/materialis"] p + h5, 2171 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container p + h6:first-child, 2172 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container p + h5:first-child, 2173 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container p + h6:first-child, 2174 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container p + h4:first-child, 2175 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container p + h3:first-child, 2176 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container p + h2:first-child, 2177 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container p + h1:first-child, 2178 .wp-block[data-type="extendstudio/materialis"] p + h6, 2179 .wp-block[data-type="extendstudio/materialis"] ul + h2, 2180 .wp-block[data-type="extendstudio/materialis"] ul + h3, 2181 .wp-block[data-type="extendstudio/materialis"] ul + h4, 2182 .wp-block[data-type="extendstudio/materialis"] ul + h5, 2183 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container ul + h6:first-child, 2184 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container ul + h5:first-child, 2185 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container ul + h6:first-child, 2186 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container ul + h4:first-child, 2187 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container ul + h3:first-child, 2188 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container ul + h2:first-child, 2189 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container ul + h1:first-child, 2190 .wp-block[data-type="extendstudio/materialis"] ul + h6, 2191 .wp-block[data-type="extendstudio/materialis"] ol + h2, 2192 .wp-block[data-type="extendstudio/materialis"] ol + h3, 2193 .wp-block[data-type="extendstudio/materialis"] ol + h4, 2194 .wp-block[data-type="extendstudio/materialis"] ol + h5, 2195 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container ol + h6:first-child, 2196 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container ol + h5:first-child, 2197 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container ol + h6:first-child, 2198 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container ol + h4:first-child, 2199 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container ol + h3:first-child, 2200 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container ol + h2:first-child, 2201 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container ol + h1:first-child, 2202 .wp-block[data-type="extendstudio/materialis"] ol + h6, 2203 .wp-block[data-type="extendstudio/materialis"] dl + h2, 2204 .wp-block[data-type="extendstudio/materialis"] dl + h3, 2205 .wp-block[data-type="extendstudio/materialis"] dl + h4, 2206 .wp-block[data-type="extendstudio/materialis"] dl + h5, 2207 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container dl + h6:first-child, 2208 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container dl + h5:first-child, 2209 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container dl + h6:first-child, 2210 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container dl + h4:first-child, 2211 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container dl + h3:first-child, 2212 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container dl + h2:first-child, 2213 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container dl + h1:first-child, 2214 .wp-block[data-type="extendstudio/materialis"] dl + h6, 2215 .wp-block[data-type="extendstudio/materialis"] blockquote + h2, 2216 .wp-block[data-type="extendstudio/materialis"] blockquote + h3, 2217 .wp-block[data-type="extendstudio/materialis"] blockquote + h4, 2218 .wp-block[data-type="extendstudio/materialis"] blockquote + h5, 2219 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container blockquote + h6:first-child, 2220 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container blockquote + h5:first-child, 2221 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container blockquote + h6:first-child, 2222 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container blockquote + h4:first-child, 2223 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container blockquote + h3:first-child, 2224 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container blockquote + h2:first-child, 2225 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container blockquote + h1:first-child, 2226 .wp-block[data-type="extendstudio/materialis"] blockquote + h6, 2227 .wp-block[data-type="extendstudio/materialis"] hr + h2, 2228 .wp-block[data-type="extendstudio/materialis"] hr + h3, 2229 .wp-block[data-type="extendstudio/materialis"] hr + h4, 2230 .wp-block[data-type="extendstudio/materialis"] hr + h5, 2231 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container hr + h6:first-child, 2232 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container hr + h5:first-child, 2233 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container hr + h6:first-child, 2234 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container hr + h4:first-child, 2235 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container hr + h3:first-child, 2236 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container hr + h2:first-child, 2237 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container hr + h1:first-child, 2238 .wp-block[data-type="extendstudio/materialis"] hr + h6, 2239 .wp-block[data-type="extendstudio/materialis"] pre + h2, 2240 .wp-block[data-type="extendstudio/materialis"] pre + h3, 2241 .wp-block[data-type="extendstudio/materialis"] pre + h4, 2242 .wp-block[data-type="extendstudio/materialis"] pre + h5, 2243 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container pre + h6:first-child, 2244 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container pre + h5:first-child, 2245 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container pre + h6:first-child, 2246 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container pre + h4:first-child, 2247 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container pre + h3:first-child, 2248 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container pre + h2:first-child, 2249 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container pre + h1:first-child, 2250 .wp-block[data-type="extendstudio/materialis"] pre + h6, 2251 .wp-block[data-type="extendstudio/materialis"] table + h2, 2252 .wp-block[data-type="extendstudio/materialis"] table + h3, 2253 .wp-block[data-type="extendstudio/materialis"] table + h4, 2254 .wp-block[data-type="extendstudio/materialis"] table + h5, 2255 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container table + h6:first-child, 2256 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container table + h5:first-child, 2257 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container table + h6:first-child, 2258 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container table + h4:first-child, 2259 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container table + h3:first-child, 2260 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container table + h2:first-child, 2261 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container table + h1:first-child, 2262 .wp-block[data-type="extendstudio/materialis"] table + h6, 2263 .wp-block[data-type="extendstudio/materialis"] form + h2, 2264 .wp-block[data-type="extendstudio/materialis"] form + h3, 2265 .wp-block[data-type="extendstudio/materialis"] form + h4, 2266 .wp-block[data-type="extendstudio/materialis"] form + h5, 2267 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container form + h6:first-child, 2268 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container form + h5:first-child, 2269 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container form + h6:first-child, 2270 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container form + h4:first-child, 2271 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container form + h3:first-child, 2272 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container form + h2:first-child, 2273 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container form + h1:first-child, 2274 .wp-block[data-type="extendstudio/materialis"] form + h6, 2275 .wp-block[data-type="extendstudio/materialis"] figure + h2, 2276 .wp-block[data-type="extendstudio/materialis"] figure + h3, 2277 .wp-block[data-type="extendstudio/materialis"] figure + h4, 2278 .wp-block[data-type="extendstudio/materialis"] figure + h5, 2279 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container figure + h6:first-child, 2280 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container figure + h5:first-child, 2281 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container figure + h6:first-child, 2282 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container figure + h4:first-child, 2283 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container figure + h3:first-child, 2284 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container figure + h2:first-child, 2285 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container figure + h1:first-child, 2286 .wp-block[data-type="extendstudio/materialis"] figure + h6 { 2287 margin-top: 1.5rem; 2288 } 2289 2290 .wp-block[data-type="extendstudio/materialis"] ul, 2291 .wp-block[data-type="extendstudio/materialis"] ul ul, 2292 .wp-block[data-type="extendstudio/materialis"] ul ol, 2293 .wp-block[data-type="extendstudio/materialis"] ol, 2294 .wp-block[data-type="extendstudio/materialis"] ol ul, 2295 .wp-block[data-type="extendstudio/materialis"] ol ol { 2296 margin: 0 0 0 1.5rem; 2297 } 2298 2299 .wp-block[data-type="extendstudio/materialis"] ol ol li { 2300 list-style-type: lower-alpha; 2301 } 2302 2303 .wp-block[data-type="extendstudio/materialis"] ol ol ol li { 2304 list-style-type: lower-roman; 2305 } 2306 2307 .wp-block[data-type="extendstudio/materialis"] nav ul, 2308 .wp-block[data-type="extendstudio/materialis"] nav ol { 2309 margin: 0; 2310 list-style: none; 2311 } 2312 2313 .wp-block[data-type="extendstudio/materialis"] nav ul ul, 2314 .wp-block[data-type="extendstudio/materialis"] nav ul ol, 2315 .wp-block[data-type="extendstudio/materialis"] nav ol ul, 2316 .wp-block[data-type="extendstudio/materialis"] nav ol ol { 2317 margin-left: 1.5rem; 2318 } 2319 2320 .wp-block[data-type="extendstudio/materialis"] dl dt { 2321 font-weight: bold; 2322 } 2323 2324 .wp-block[data-type="extendstudio/materialis"] dd { 2325 margin-left: 1.5rem; 2326 } 2327 2328 .wp-block[data-type="extendstudio/materialis"] .p, 2329 .wp-block[data-type="extendstudio/materialis"] p, 2330 .wp-block[data-type="extendstudio/materialis"] blockquote, 2331 .wp-block[data-type="extendstudio/materialis"] hr, 2332 .wp-block[data-type="extendstudio/materialis"] pre, 2333 .wp-block[data-type="extendstudio/materialis"] ol, 2334 .wp-block[data-type="extendstudio/materialis"] ul, 2335 .wp-block[data-type="extendstudio/materialis"] dl, 2336 .wp-block[data-type="extendstudio/materialis"] table, 2337 .wp-block[data-type="extendstudio/materialis"] fieldset, 2338 .wp-block[data-type="extendstudio/materialis"] figure, 2339 .wp-block[data-type="extendstudio/materialis"] address, 2340 .wp-block[data-type="extendstudio/materialis"] form { 2341 margin-bottom: 16px; 2342 } 2343 2344 .wp-block[data-type="extendstudio/materialis"] hr { 2345 border: none; 2346 border-bottom: 1px solid rgba(0, 0, 0, 0.1); 2347 margin-top: -1px; 2348 } 2349 2350 .wp-block[data-type="extendstudio/materialis"] blockquote { 2351 padding-left: 1rem; 2352 border-left: 4px solid rgba(0, 0, 0, 0.1); 2353 font-style: italic; 2354 color: #8D99AE; 2355 } 2356 2357 .wp-block[data-type="extendstudio/materialis"] blockquote p { 2358 margin-bottom: 0.5rem; 2359 } 2360 2361 .wp-block[data-type="extendstudio/materialis"] time, 2362 .wp-block[data-type="extendstudio/materialis"] cite, 2363 .wp-block[data-type="extendstudio/materialis"] small, 2364 .wp-block[data-type="extendstudio/materialis"] figcaption { 2365 font-size: 87.5%; 2366 } 2367 2368 .wp-block[data-type="extendstudio/materialis"] cite { 2369 opacity: 0.6; 2370 } 2371 2372 .wp-block[data-type="extendstudio/materialis"] abbr[title], 2373 .wp-block[data-type="extendstudio/materialis"] dfn[title] { 2374 border-bottom: 1px dotted rgba(0, 0, 0, 0.5); 2375 cursor: help; 2376 } 2377 2378 .wp-block[data-type="extendstudio/materialis"] var { 2379 font-size: 16px; 2380 opacity: 0.6; 2381 font-style: normal; 2382 } 2383 2384 .wp-block[data-type="extendstudio/materialis"] mark, 2385 .wp-block[data-type="extendstudio/materialis"] code, 2386 .wp-block[data-type="extendstudio/materialis"] samp, 2387 .wp-block[data-type="extendstudio/materialis"] kbd { 2388 position: relative; 2389 top: -1px; 2390 padding: 4px 4px 2px 4px; 2391 display: inline-block; 2392 line-height: 1; 2393 color: rgba(141, 153, 174, 0.85); 2394 } 2395 2396 .wp-block[data-type="extendstudio/materialis"] code { 2397 background: #e0e1e1; 2398 } 2399 2400 .wp-block[data-type="extendstudio/materialis"] mark { 2401 background: #f7ba45; 2402 } 2403 2404 .wp-block[data-type="extendstudio/materialis"] samp { 2405 color: #fff; 2406 background: #1c86f2; 2407 } 2408 2409 .wp-block[data-type="extendstudio/materialis"] kbd { 2410 border: 1px solid rgba(0, 0, 0, 0.1); 2411 } 2412 2413 .wp-block[data-type="extendstudio/materialis"] sub, 2414 .wp-block[data-type="extendstudio/materialis"] sup { 2415 font-size: 0.75em; 2416 line-height: 0; 2417 margin-left: 0.25rem; 2418 position: relative; 2419 } 2420 2421 .wp-block[data-type="extendstudio/materialis"] sup { 2422 top: 0; 2423 } 2424 2425 .wp-block[data-type="extendstudio/materialis"] sub { 2426 bottom: 1px; 2427 } 2428 2429 .wp-block[data-type="extendstudio/materialis"] pre, 2430 .wp-block[data-type="extendstudio/materialis"] code, 2431 .wp-block[data-type="extendstudio/materialis"] samp, 2432 .wp-block[data-type="extendstudio/materialis"] var, 2433 .wp-block[data-type="extendstudio/materialis"] kbd { 2434 font-family: Consolas, Monaco, "Courier New", monospace; 2435 } 2436 2437 .wp-block[data-type="extendstudio/materialis"] pre, 2438 .wp-block[data-type="extendstudio/materialis"] code, 2439 .wp-block[data-type="extendstudio/materialis"] samp, 2440 .wp-block[data-type="extendstudio/materialis"] var, 2441 .wp-block[data-type="extendstudio/materialis"] kbd, 2442 .wp-block[data-type="extendstudio/materialis"] mark { 2443 font-size: 87.5%; 2444 } 2445 2446 .wp-block[data-type="extendstudio/materialis"] pre, 2447 .wp-block[data-type="extendstudio/materialis"] pre code { 2448 background: #f8f8f8; 2449 padding: 0; 2450 top: 0; 2451 display: block; 2452 line-height: 1rem; 2453 color: rgba(141, 153, 174, 0.85); 2454 white-space: pre-wrap; 2455 } 2456 2457 .wp-block[data-type="extendstudio/materialis"] pre { 2458 padding: 1rem; 2459 } 2460 2461 .wp-block[data-type="extendstudio/materialis"] figcaption { 2462 opacity: 0.6; 2463 } 2464 2465 .wp-block[data-type="extendstudio/materialis"] figure figcaption { 2466 position: relative; 2467 top: -0.5rem; 2468 } 2469 2470 .wp-block[data-type="extendstudio/materialis"] figure pre { 2471 background: none; 2472 border: 1px solid rgba(0, 0, 0, 0.1); 2473 border-radius: 4px; 2474 } 2475 2476 .wp-block[data-type="extendstudio/materialis"] figure .video-container, 2477 .wp-block[data-type="extendstudio/materialis"] figure pre { 2478 margin-bottom: 8px; 2479 } 2480 2481 .wp-block[data-type="extendstudio/materialis"] .text-left { 2482 text-align: left; 2483 } 2484 2485 .wp-block[data-type="extendstudio/materialis"] .text-center { 2486 text-align: center; 2487 } 2488 2489 .wp-block[data-type="extendstudio/materialis"] .text-right { 2490 text-align: right; 2491 } 2492 2493 .wp-block[data-type="extendstudio/materialis"] .text-justify { 2494 text-align: justify; 2495 } 2496 2497 .wp-block[data-type="extendstudio/materialis"] ul.unstyled { 2498 margin-left: 0; 2499 } 2500 2501 .wp-block[data-type="extendstudio/materialis"] ul.unstyled, 2502 .wp-block[data-type="extendstudio/materialis"] ul.unstyled ul { 2503 list-style: none; 2504 } 2505 2506 .wp-block[data-type="extendstudio/materialis"] .monospace { 2507 font-family: Consolas, Monaco, "Courier New", monospace; 2508 } 2509 2510 .wp-block[data-type="extendstudio/materialis"] .upper { 2511 text-transform: uppercase; 2512 } 2513 2514 .wp-block[data-type="extendstudio/materialis"] .lower { 2515 text-transform: lowercase; 2516 } 2517 2518 .wp-block[data-type="extendstudio/materialis"] .italic { 2519 font-style: italic !important; 2520 } 2521 2522 .wp-block[data-type="extendstudio/materialis"] .strong { 2523 font-weight: bold !important; 2524 } 2525 2526 .wp-block[data-type="extendstudio/materialis"] .normal { 2527 font-weight: normal !important; 2528 } 2529 2530 .wp-block[data-type="extendstudio/materialis"] .muted, 2531 .wp-block[data-type="extendstudio/materialis"] .comment-meta a { 2532 opacity: 0.55; 2533 } 2534 2535 .wp-block[data-type="extendstudio/materialis"] a.muted, 2536 .wp-block[data-type="extendstudio/materialis"] .comment-meta a { 2537 color: #4a4a4a; 2538 } 2539 2540 .wp-block[data-type="extendstudio/materialis"] a.muted:hover, 2541 .wp-block[data-type="extendstudio/materialis"] .comment-meta a:hover { 2542 opacity: 1; 2543 } 2544 2545 .wp-block[data-type="extendstudio/materialis"] .black { 2546 color: #4a4a4a; 2547 } 2548 2549 .wp-block[data-type="extendstudio/materialis"] .smaller { 2550 font-size: 0.75em; 2551 line-height: 1rem; 2552 } 2553 2554 .wp-block[data-type="extendstudio/materialis"] .small, 2555 .wp-block[data-type="extendstudio/materialis"] .comment-meta { 2556 font-size: 0.875em; 2557 line-height: 1rem; 2558 } 2559 2560 .wp-block[data-type="extendstudio/materialis"] .big { 2561 font-size: 1.2em; 2562 line-height: 1.75rem; 2563 } 2564 2565 .wp-block[data-type="extendstudio/materialis"] .large { 2566 font-size: 1.4em; 2567 line-height: 2rem; 2568 } 2569 2570 .wp-block[data-type="extendstudio/materialis"] .end { 2571 margin-bottom: 0 !important; 2572 } 2573 2574 .wp-block[data-type="extendstudio/materialis"] .highlight { 2575 background-color: #edf2ff; 2576 } 2577 2578 .wp-block[data-type="extendstudio/materialis"] .nowrap, 2579 .wp-block[data-type="extendstudio/materialis"] .nowrap td { 2580 white-space: nowrap; 2581 } 2582 2583 @media (min-width: 768px) and (max-width: 1024px) { 2584 .wp-block[data-type="extendstudio/materialis"] .columns-2, 2585 .wp-block[data-type="extendstudio/materialis"] .columns-3, 2586 .wp-block[data-type="extendstudio/materialis"] .columns-4 { 2587 -webkit-column-gap: 1.5rem; 2588 column-gap: 1.5rem; 2589 } 2590 2591 .wp-block[data-type="extendstudio/materialis"] .columns-2 { 2592 -webkit-column-count: 2; 2593 column-count: 2; 2594 } 2595 2596 .wp-block[data-type="extendstudio/materialis"] .columns-3 { 2597 -webkit-column-count: 3; 2598 column-count: 3; 2599 } 2600 2601 .wp-block[data-type="extendstudio/materialis"] .columns-4 { 2602 -webkit-column-count: 4; 2603 column-count: 4; 2604 } 2605 } 2606 2607 @media (min-width: 768px) { 2608 .wp-block[data-type="extendstudio/materialis"] .text-left-sm { 2609 text-align: left; 2610 } 2611 2612 .wp-block[data-type="extendstudio/materialis"] .text-center-sm { 2613 text-align: center; 2614 } 2615 2616 .wp-block[data-type="extendstudio/materialis"] .text-right-sm { 2617 text-align: right; 2618 } 2619 2620 .wp-block[data-type="extendstudio/materialis"] .text-justify-sm { 2621 text-align: justify; 2622 } 2623 } 2624 2625 @media (max-width: 1024px) { 2626 .wp-block[data-type="extendstudio/materialis"] html, 2627 .wp-block[data-type="extendstudio/materialis"] body { 2628 font-size: 14px; 2629 } 2630 } 2631 2632 .wp-block[data-type="extendstudio/materialis"] body .font-100 { 2633 font-weight: 100; 2634 } 2635 2636 .wp-block[data-type="extendstudio/materialis"] body .font-200 { 2637 font-weight: 200; 2638 } 2639 2640 .wp-block[data-type="extendstudio/materialis"] body .font-300 { 2641 font-weight: 300; 2642 } 2643 2644 .wp-block[data-type="extendstudio/materialis"] body .font-400 { 2645 font-weight: 400; 2646 } 2647 2648 .wp-block[data-type="extendstudio/materialis"] body .font-500 { 2649 font-weight: 500; 2650 } 2651 2652 .wp-block[data-type="extendstudio/materialis"] body .font-600 { 2653 font-weight: 600; 2654 } 2655 2656 .wp-block[data-type="extendstudio/materialis"] body .font-700 { 2657 font-weight: 700; 2658 } 2659 2660 .wp-block[data-type="extendstudio/materialis"] body .font-800 { 2661 font-weight: 800; 2662 } 2663 2664 .wp-block[data-type="extendstudio/materialis"] body .font-900 { 2665 font-weight: 900; 2666 } 2667 2668 .wp-block[data-type="extendstudio/materialis"] body #page h1 { 2669 -ms-word-wrap: break-word; 2670 word-wrap: break-word; 2671 } 2672 2673 .wp-block[data-type="extendstudio/materialis"] body #page h2 { 2674 -ms-word-wrap: break-word; 2675 word-wrap: break-word; 2676 } 2677 2678 .wp-block[data-type="extendstudio/materialis"] body #page h3 { 2679 -ms-word-wrap: break-word; 2680 word-wrap: break-word; 2681 } 2682 2683 .wp-block[data-type="extendstudio/materialis"] body #page h4 { 2684 -ms-word-wrap: break-word; 2685 word-wrap: break-word; 2686 } 2687 2688 .wp-block[data-type="extendstudio/materialis"] body #page h5, 2689 .wp-block[data-type="extendstudio/materialis"] body #page .widget_block > .wp-block-group > .wp-block-group__inner-container h6:first-child, 2690 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container body #page h6:first-child, 2691 .wp-block[data-type="extendstudio/materialis"] body #page .widget_block > .wp-block-group > .wp-block-group__inner-container h4:first-child, 2692 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container body #page h4:first-child, 2693 .wp-block[data-type="extendstudio/materialis"] body #page .widget_block > .wp-block-group > .wp-block-group__inner-container h3:first-child, 2694 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container body #page h3:first-child, 2695 .wp-block[data-type="extendstudio/materialis"] body #page .widget_block > .wp-block-group > .wp-block-group__inner-container h2:first-child, 2696 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container body #page h2:first-child, 2697 .wp-block[data-type="extendstudio/materialis"] body #page .widget_block > .wp-block-group > .wp-block-group__inner-container h1:first-child, 2698 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container body #page h1:first-child { 2699 -ms-word-wrap: break-word; 2700 word-wrap: break-word; 2701 } 2702 2703 .wp-block[data-type="extendstudio/materialis"] body #page h6 { 2704 -ms-word-wrap: break-word; 2705 word-wrap: break-word; 2706 } 2707 2708 .wp-block[data-type="extendstudio/materialis"] body #page p, 2709 .wp-block[data-type="extendstudio/materialis"] body #page a { 2710 -ms-word-wrap: break-word; 2711 word-wrap: break-word; 2712 } 2713 2714 .wp-block[data-type="extendstudio/materialis"] body #page a { 2715 text-decoration: none; 2716 } 2717 2718 .wp-block[data-type="extendstudio/materialis"] .lead { 2719 font-size: 1.1rem; 2720 line-height: 2rem; 2721 color: #8D99AE; 2722 font-weight: 300; 2723 } 2724 2725 .wp-block[data-type="extendstudio/materialis"] input[type=submit], 2726 .wp-block[data-type="extendstudio/materialis"] .button { 2727 font-family: Roboto, sans-serif; 2728 -moz-osx-font-smoothing: grayscale; 2729 -webkit-font-smoothing: antialiased; 2730 font-size: 0.875rem; 2731 line-height: 2.25rem; 2732 font-weight: 500; 2733 letter-spacing: 0.0892857143em; 2734 text-decoration: none; 2735 text-transform: uppercase; 2736 --mdc-ripple-fg-size: 0; 2737 --mdc-ripple-left: 0; 2738 --mdc-ripple-top: 0; 2739 --mdc-ripple-fg-scale: 1; 2740 --mdc-ripple-fg-translate-end: 0; 2741 --mdc-ripple-fg-translate-start: 0; 2742 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 2743 will-change: transform, opacity; 2744 padding: 0 8px 0 8px; 2745 display: inline-flex; 2746 position: relative; 2747 align-items: center; 2748 justify-content: center; 2749 box-sizing: border-box; 2750 min-width: 64px; 2751 height: auto; 2752 border: none; 2753 outline: none; 2754 /* @alternate */ 2755 line-height: inherit; 2756 -webkit-user-select: none; 2757 -moz-user-select: none; 2758 -ms-user-select: none; 2759 user-select: none; 2760 -webkit-appearance: none; 2761 overflow: hidden; 2762 vertical-align: middle; 2763 border-radius: 4px; 2764 background-color: #228ae6; 2765 font-size: 0.875rem; 2766 line-height: 40px; 2767 padding: 0 20px; 2768 border-color: transparent; 2769 font-family: "Roboto", sans-serif; 2770 text-transform: none; 2771 white-space: nowrap; 2772 margin-bottom: 1rem; 2773 } 2774 2775 .wp-block[data-type="extendstudio/materialis"] input[type=submit]::before, 2776 .wp-block[data-type="extendstudio/materialis"] input[type=submit]::after, 2777 .wp-block[data-type="extendstudio/materialis"] .button::before, 2778 .wp-block[data-type="extendstudio/materialis"] .button::after { 2779 position: absolute; 2780 border-radius: 50%; 2781 opacity: 0; 2782 pointer-events: none; 2783 content: ""; 2784 } 2785 2786 .wp-block[data-type="extendstudio/materialis"] input[type=submit]::before, 2787 .wp-block[data-type="extendstudio/materialis"] .button::before { 2788 transition: opacity 15ms linear; 2789 z-index: 1; 2790 } 2791 2792 .wp-block[data-type="extendstudio/materialis"] input[type=submit].mdc-ripple-upgraded::before, 2793 .wp-block[data-type="extendstudio/materialis"] .button.mdc-ripple-upgraded::before { 2794 -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1)); 2795 transform: scale(var(--mdc-ripple-fg-scale, 1)); 2796 } 2797 2798 .wp-block[data-type="extendstudio/materialis"] input[type=submit].mdc-ripple-upgraded::after, 2799 .wp-block[data-type="extendstudio/materialis"] .button.mdc-ripple-upgraded::after { 2800 top: 0; 2801 /* @noflip */ 2802 left: 0; 2803 -webkit-transform: scale(0); 2804 transform: scale(0); 2805 -webkit-transform-origin: center center; 2806 transform-origin: center center; 2807 } 2808 2809 .wp-block[data-type="extendstudio/materialis"] input[type=submit].mdc-ripple-upgraded--unbounded::after, 2810 .wp-block[data-type="extendstudio/materialis"] .button.mdc-ripple-upgraded--unbounded::after { 2811 top: var(--mdc-ripple-top, 0); 2812 /* @noflip */ 2813 left: var(--mdc-ripple-left, 0); 2814 } 2815 2816 .wp-block[data-type="extendstudio/materialis"] input[type=submit].mdc-ripple-upgraded--foreground-activation::after, 2817 .wp-block[data-type="extendstudio/materialis"] .button.mdc-ripple-upgraded--foreground-activation::after { 2818 -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; 2819 animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; 2820 } 2821 2822 .wp-block[data-type="extendstudio/materialis"] input[type=submit].mdc-ripple-upgraded--foreground-deactivation::after, 2823 .wp-block[data-type="extendstudio/materialis"] .button.mdc-ripple-upgraded--foreground-deactivation::after { 2824 -webkit-animation: 150ms mdc-ripple-fg-opacity-out; 2825 animation: 150ms mdc-ripple-fg-opacity-out; 2826 -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); 2827 transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); 2828 } 2829 2830 .wp-block[data-type="extendstudio/materialis"] input[type=submit]::before, 2831 .wp-block[data-type="extendstudio/materialis"] input[type=submit]::after, 2832 .wp-block[data-type="extendstudio/materialis"] .button::before, 2833 .wp-block[data-type="extendstudio/materialis"] .button::after { 2834 top: calc(50% - 100%); 2835 /* @noflip */ 2836 left: calc(50% - 100%); 2837 width: 200%; 2838 height: 200%; 2839 } 2840 2841 .wp-block[data-type="extendstudio/materialis"] input[type=submit].mdc-ripple-upgraded::after, 2842 .wp-block[data-type="extendstudio/materialis"] .button.mdc-ripple-upgraded::after { 2843 width: var(--mdc-ripple-fg-size, 100%); 2844 height: var(--mdc-ripple-fg-size, 100%); 2845 } 2846 2847 .wp-block[data-type="extendstudio/materialis"] input[type=submit]::-moz-focus-inner, 2848 .wp-block[data-type="extendstudio/materialis"] .button::-moz-focus-inner { 2849 padding: 0; 2850 border: 0; 2851 } 2852 2853 .wp-block[data-type="extendstudio/materialis"] input[type=submit]:active, 2854 .wp-block[data-type="extendstudio/materialis"] .button:active { 2855 outline: none; 2856 } 2857 2858 .wp-block[data-type="extendstudio/materialis"] input[type=submit]:hover, 2859 .wp-block[data-type="extendstudio/materialis"] .button:hover { 2860 cursor: pointer; 2861 } 2862 2863 .wp-block[data-type="extendstudio/materialis"] input[type=submit]:disabled, 2864 .wp-block[data-type="extendstudio/materialis"] .button:disabled { 2865 background-color: transparent; 2866 color: rgba(0, 0, 0, 0.37); 2867 cursor: default; 2868 pointer-events: none; 2869 } 2870 2871 .wp-block[data-type="extendstudio/materialis"] input[type=submit]:not(:disabled), 2872 .wp-block[data-type="extendstudio/materialis"] .button:not(:disabled) { 2873 color: #ffffff; 2874 } 2875 2876 .wp-block[data-type="extendstudio/materialis"] input[type=submit]::before, 2877 .wp-block[data-type="extendstudio/materialis"] input[type=submit]::after, 2878 .wp-block[data-type="extendstudio/materialis"] .button::before, 2879 .wp-block[data-type="extendstudio/materialis"] .button::after { 2880 background-color: rgba(255, 255, 255, 0.8); 2881 } 2882 2883 .wp-block[data-type="extendstudio/materialis"] input[type=submit]:hover::before, 2884 .wp-block[data-type="extendstudio/materialis"] .button:hover::before { 2885 opacity: 0.08; 2886 } 2887 2888 .wp-block[data-type="extendstudio/materialis"] input[type=submit]:not(.mdc-ripple-upgraded):focus::before, 2889 .wp-block[data-type="extendstudio/materialis"] input[type=submit].mdc-ripple-upgraded--background-focused::before, 2890 .wp-block[data-type="extendstudio/materialis"] .button:not(.mdc-ripple-upgraded):focus::before, 2891 .wp-block[data-type="extendstudio/materialis"] .button.mdc-ripple-upgraded--background-focused::before { 2892 transition-duration: 75ms; 2893 opacity: 0.24; 2894 } 2895 2896 .wp-block[data-type="extendstudio/materialis"] input[type=submit]:not(.mdc-ripple-upgraded)::after, 2897 .wp-block[data-type="extendstudio/materialis"] .button:not(.mdc-ripple-upgraded)::after { 2898 transition: opacity 150ms linear; 2899 } 2900 2901 .wp-block[data-type="extendstudio/materialis"] input[type=submit]:not(.mdc-ripple-upgraded):active::after, 2902 .wp-block[data-type="extendstudio/materialis"] .button:not(.mdc-ripple-upgraded):active::after { 2903 transition-duration: 75ms; 2904 opacity: 0.32; 2905 } 2906 2907 .wp-block[data-type="extendstudio/materialis"] input[type=submit].mdc-ripple-upgraded, 2908 .wp-block[data-type="extendstudio/materialis"] .button.mdc-ripple-upgraded { 2909 --mdc-ripple-fg-opacity: 0.32; 2910 } 2911 2912 .wp-block[data-type="extendstudio/materialis"] input[type=submit]:before, 2913 .wp-block[data-type="extendstudio/materialis"] .button:before { 2914 transition: opacity 0.2s linear; 2915 } 2916 2917 .wp-block[data-type="extendstudio/materialis"] input[type=submit]:after, 2918 .wp-block[data-type="extendstudio/materialis"] input[type=submit]:before, 2919 .wp-block[data-type="extendstudio/materialis"] .button:after, 2920 .wp-block[data-type="extendstudio/materialis"] .button:before { 2921 background-color: #ffffff; 2922 } 2923 2924 .wp-block[data-type="extendstudio/materialis"] input[type=submit].outline, 2925 .wp-block[data-type="extendstudio/materialis"] .button.outline { 2926 border-width: 2px; 2927 line-height: 36px; 2928 } 2929 2930 .wp-block[data-type="extendstudio/materialis"] input[type=submit].outline::before, 2931 .wp-block[data-type="extendstudio/materialis"] input[type=submit].outline::after, 2932 .wp-block[data-type="extendstudio/materialis"] .button.outline::before, 2933 .wp-block[data-type="extendstudio/materialis"] .button.outline::after { 2934 background-color: #ffffff; 2935 } 2936 2937 .wp-block[data-type="extendstudio/materialis"] input[type=submit].outline:hover::before, 2938 .wp-block[data-type="extendstudio/materialis"] .button.outline:hover::before { 2939 opacity: 0.08; 2940 } 2941 2942 .wp-block[data-type="extendstudio/materialis"] input[type=submit].outline:not(.mdc-ripple-upgraded):focus::before, 2943 .wp-block[data-type="extendstudio/materialis"] input[type=submit].outline.mdc-ripple-upgraded--background-focused::before, 2944 .wp-block[data-type="extendstudio/materialis"] .button.outline:not(.mdc-ripple-upgraded):focus::before, 2945 .wp-block[data-type="extendstudio/materialis"] .button.outline.mdc-ripple-upgraded--background-focused::before { 2946 transition-duration: 75ms; 2947 opacity: 0.24; 2948 } 2949 2950 .wp-block[data-type="extendstudio/materialis"] input[type=submit].outline:not(.mdc-ripple-upgraded)::after, 2951 .wp-block[data-type="extendstudio/materialis"] .button.outline:not(.mdc-ripple-upgraded)::after { 2952 transition: opacity 150ms linear; 2953 } 2954 2955 .wp-block[data-type="extendstudio/materialis"] input[type=submit].outline:not(.mdc-ripple-upgraded):active::after, 2956 .wp-block[data-type="extendstudio/materialis"] .button.outline:not(.mdc-ripple-upgraded):active::after { 2957 transition-duration: 75ms; 2958 opacity: 0.32; 2959 } 2960 2961 .wp-block[data-type="extendstudio/materialis"] input[type=submit].outline.mdc-ripple-upgraded, 2962 .wp-block[data-type="extendstudio/materialis"] .button.outline.mdc-ripple-upgraded { 2963 --mdc-ripple-fg-opacity: 0.32; 2964 } 2965 2966 .wp-block[data-type="extendstudio/materialis"] input[type=submit].small, 2967 .wp-block[data-type="extendstudio/materialis"] input[type=submit].comment-meta, 2968 .wp-block[data-type="extendstudio/materialis"] .button.small, 2969 .wp-block[data-type="extendstudio/materialis"] .button.comment-meta { 2970 font-size: 0.775rem; 2971 font-weight: 400; 2972 padding: 0 15px; 2973 border-radius: 4px; 2974 line-height: 32px; 2975 } 2976 2977 .wp-block[data-type="extendstudio/materialis"] input[type=submit].small.outline, 2978 .wp-block[data-type="extendstudio/materialis"] input[type=submit].outline.comment-meta, 2979 .wp-block[data-type="extendstudio/materialis"] .button.small.outline, 2980 .wp-block[data-type="extendstudio/materialis"] .button.outline.comment-meta { 2981 border-width: 2px; 2982 line-height: 28px; 2983 } 2984 2985 .wp-block[data-type="extendstudio/materialis"] input[type=submit].big, 2986 .wp-block[data-type="extendstudio/materialis"] .button.big { 2987 font-size: 0.975rem; 2988 font-weight: 400; 2989 padding: 2px 40px; 2990 border-radius: 4px; 2991 line-height: 50px; 2992 } 2993 2994 .wp-block[data-type="extendstudio/materialis"] input[type=submit].big.outline, 2995 .wp-block[data-type="extendstudio/materialis"] .button.big.outline { 2996 border-width: 2px; 2997 line-height: 46px; 2998 } 2999 3000 .wp-block[data-type="extendstudio/materialis"] input[type=submit].large, 3001 .wp-block[data-type="extendstudio/materialis"] .button.large { 3002 font-size: 21px; 3003 padding: 20px 36px; 3004 border-radius: 4px; 3005 } 3006 3007 .wp-block[data-type="extendstudio/materialis"] input[type=submit].large:not(.outline), 3008 .wp-block[data-type="extendstudio/materialis"] .button.large:not(.outline) { 3009 padding: calc(20px + 2px) calc(36px + 2px); 3010 } 3011 3012 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-white, 3013 .wp-block[data-type="extendstudio/materialis"] .button.color-white { 3014 background-color: #ffffff; 3015 } 3016 3017 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-white:not(:disabled), 3018 .wp-block[data-type="extendstudio/materialis"] .button.color-white:not(:disabled) { 3019 color: #2b2d42; 3020 } 3021 3022 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-white:not(:disabled), 3023 .wp-block[data-type="extendstudio/materialis"] .button.color-white:not(:disabled) { 3024 border-color: #ffffff; 3025 } 3026 3027 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-white::before, 3028 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-white::after, 3029 .wp-block[data-type="extendstudio/materialis"] .button.color-white::before, 3030 .wp-block[data-type="extendstudio/materialis"] .button.color-white::after { 3031 background-color: #bdbdbd; 3032 } 3033 3034 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-white:hover::before, 3035 .wp-block[data-type="extendstudio/materialis"] .button.color-white:hover::before { 3036 opacity: 0.08; 3037 } 3038 3039 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-white:not(.mdc-ripple-upgraded):focus::before, 3040 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-white.mdc-ripple-upgraded--background-focused::before, 3041 .wp-block[data-type="extendstudio/materialis"] .button.color-white:not(.mdc-ripple-upgraded):focus::before, 3042 .wp-block[data-type="extendstudio/materialis"] .button.color-white.mdc-ripple-upgraded--background-focused::before { 3043 transition-duration: 75ms; 3044 opacity: 0.24; 3045 } 3046 3047 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-white:not(.mdc-ripple-upgraded)::after, 3048 .wp-block[data-type="extendstudio/materialis"] .button.color-white:not(.mdc-ripple-upgraded)::after { 3049 transition: opacity 150ms linear; 3050 } 3051 3052 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-white:not(.mdc-ripple-upgraded):active::after, 3053 .wp-block[data-type="extendstudio/materialis"] .button.color-white:not(.mdc-ripple-upgraded):active::after { 3054 transition-duration: 75ms; 3055 opacity: 0.32; 3056 } 3057 3058 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-white.mdc-ripple-upgraded, 3059 .wp-block[data-type="extendstudio/materialis"] .button.color-white.mdc-ripple-upgraded { 3060 --mdc-ripple-fg-opacity: 0.32; 3061 } 3062 3063 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-white.outline, 3064 .wp-block[data-type="extendstudio/materialis"] .button.color-white.outline { 3065 background-color: transparent; 3066 border-style: solid; 3067 } 3068 3069 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-white.outline:not(:disabled), 3070 .wp-block[data-type="extendstudio/materialis"] .button.color-white.outline:not(:disabled) { 3071 color: #ffffff; 3072 } 3073 3074 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-white.outline:disabled, 3075 .wp-block[data-type="extendstudio/materialis"] .button.color-white.outline:disabled { 3076 border-color: rgba(0, 0, 0, 0.37); 3077 } 3078 3079 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-white.outline:not(:disabled), 3080 .wp-block[data-type="extendstudio/materialis"] .button.color-white.outline:not(:disabled) { 3081 border-color: #ffffff; 3082 } 3083 3084 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-white.link, 3085 .wp-block[data-type="extendstudio/materialis"] .button.color-white.link { 3086 background-color: transparent; 3087 padding: 0 8px; 3088 } 3089 3090 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-white.link:not(:disabled), 3091 .wp-block[data-type="extendstudio/materialis"] .button.color-white.link:not(:disabled) { 3092 color: #ffffff; 3093 } 3094 3095 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-white.link::before, 3096 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-white.link::after, 3097 .wp-block[data-type="extendstudio/materialis"] .button.color-white.link::before, 3098 .wp-block[data-type="extendstudio/materialis"] .button.color-white.link::after { 3099 background-color: rgba(255, 255, 255, 0.8); 3100 } 3101 3102 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-white.link:hover::before, 3103 .wp-block[data-type="extendstudio/materialis"] .button.color-white.link:hover::before { 3104 opacity: 0.08; 3105 } 3106 3107 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-white.link:not(.mdc-ripple-upgraded):focus::before, 3108 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-white.link.mdc-ripple-upgraded--background-focused::before, 3109 .wp-block[data-type="extendstudio/materialis"] .button.color-white.link:not(.mdc-ripple-upgraded):focus::before, 3110 .wp-block[data-type="extendstudio/materialis"] .button.color-white.link.mdc-ripple-upgraded--background-focused::before { 3111 transition-duration: 75ms; 3112 opacity: 0.24; 3113 } 3114 3115 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-white.link:not(.mdc-ripple-upgraded)::after, 3116 .wp-block[data-type="extendstudio/materialis"] .button.color-white.link:not(.mdc-ripple-upgraded)::after { 3117 transition: opacity 150ms linear; 3118 } 3119 3120 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-white.link:not(.mdc-ripple-upgraded):active::after, 3121 .wp-block[data-type="extendstudio/materialis"] .button.color-white.link:not(.mdc-ripple-upgraded):active::after { 3122 transition-duration: 75ms; 3123 opacity: 0.32; 3124 } 3125 3126 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-white.link.mdc-ripple-upgraded, 3127 .wp-block[data-type="extendstudio/materialis"] .button.color-white.link.mdc-ripple-upgraded { 3128 --mdc-ripple-fg-opacity: 0.32; 3129 } 3130 3131 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-white.link:hover, 3132 .wp-block[data-type="extendstudio/materialis"] .button.color-white.link:hover { 3133 background-color: transparent; 3134 } 3135 3136 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-white :disabled, 3137 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-white.disabled, 3138 .wp-block[data-type="extendstudio/materialis"] .button.color-white :disabled, 3139 .wp-block[data-type="extendstudio/materialis"] .button.color-white.disabled { 3140 background-color: rgba(255, 255, 255, 0.5); 3141 border-color: rgba(255, 255, 255, 0.5); 3142 cursor: default; 3143 pointer-events: none; 3144 } 3145 3146 .wp-block[data-type="extendstudio/materialis"] input[type=submit].round, 3147 .wp-block[data-type="extendstudio/materialis"] .button.round { 3148 border-radius: 50px; 3149 } 3150 3151 .wp-block[data-type="extendstudio/materialis"] input[type=submit].square, 3152 .wp-block[data-type="extendstudio/materialis"] .button.square { 3153 border-radius: 0px; 3154 } 3155 3156 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-black, 3157 .wp-block[data-type="extendstudio/materialis"] .button.color-black { 3158 background-color: #000; 3159 } 3160 3161 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-black:not(:disabled), 3162 .wp-block[data-type="extendstudio/materialis"] .button.color-black:not(:disabled) { 3163 color: #ffffff; 3164 } 3165 3166 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-black:not(:disabled), 3167 .wp-block[data-type="extendstudio/materialis"] .button.color-black:not(:disabled) { 3168 border-color: #000; 3169 } 3170 3171 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-black::before, 3172 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-black::after, 3173 .wp-block[data-type="extendstudio/materialis"] .button.color-black::before, 3174 .wp-block[data-type="extendstudio/materialis"] .button.color-black::after { 3175 background-color: rgba(255, 255, 255, 0.8); 3176 } 3177 3178 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-black:hover::before, 3179 .wp-block[data-type="extendstudio/materialis"] .button.color-black:hover::before { 3180 opacity: 0.08; 3181 } 3182 3183 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-black:not(.mdc-ripple-upgraded):focus::before, 3184 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-black.mdc-ripple-upgraded--background-focused::before, 3185 .wp-block[data-type="extendstudio/materialis"] .button.color-black:not(.mdc-ripple-upgraded):focus::before, 3186 .wp-block[data-type="extendstudio/materialis"] .button.color-black.mdc-ripple-upgraded--background-focused::before { 3187 transition-duration: 75ms; 3188 opacity: 0.24; 3189 } 3190 3191 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-black:not(.mdc-ripple-upgraded)::after, 3192 .wp-block[data-type="extendstudio/materialis"] .button.color-black:not(.mdc-ripple-upgraded)::after { 3193 transition: opacity 150ms linear; 3194 } 3195 3196 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-black:not(.mdc-ripple-upgraded):active::after, 3197 .wp-block[data-type="extendstudio/materialis"] .button.color-black:not(.mdc-ripple-upgraded):active::after { 3198 transition-duration: 75ms; 3199 opacity: 0.32; 3200 } 3201 3202 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-black.mdc-ripple-upgraded, 3203 .wp-block[data-type="extendstudio/materialis"] .button.color-black.mdc-ripple-upgraded { 3204 --mdc-ripple-fg-opacity: 0.32; 3205 } 3206 3207 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-black.outline, 3208 .wp-block[data-type="extendstudio/materialis"] .button.color-black.outline { 3209 background-color: transparent; 3210 border-style: solid; 3211 } 3212 3213 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-black.outline:not(:disabled), 3214 .wp-block[data-type="extendstudio/materialis"] .button.color-black.outline:not(:disabled) { 3215 color: #000; 3216 } 3217 3218 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-black.outline:disabled, 3219 .wp-block[data-type="extendstudio/materialis"] .button.color-black.outline:disabled { 3220 border-color: rgba(0, 0, 0, 0.37); 3221 } 3222 3223 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-black.outline:not(:disabled), 3224 .wp-block[data-type="extendstudio/materialis"] .button.color-black.outline:not(:disabled) { 3225 border-color: #000; 3226 } 3227 3228 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-black.link, 3229 .wp-block[data-type="extendstudio/materialis"] .button.color-black.link { 3230 background-color: transparent; 3231 padding: 0 8px; 3232 } 3233 3234 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-black.link:not(:disabled), 3235 .wp-block[data-type="extendstudio/materialis"] .button.color-black.link:not(:disabled) { 3236 color: #000; 3237 } 3238 3239 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-black.link::before, 3240 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-black.link::after, 3241 .wp-block[data-type="extendstudio/materialis"] .button.color-black.link::before, 3242 .wp-block[data-type="extendstudio/materialis"] .button.color-black.link::after { 3243 background-color: rgba(0, 0, 0, 0.8); 3244 } 3245 3246 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-black.link:hover::before, 3247 .wp-block[data-type="extendstudio/materialis"] .button.color-black.link:hover::before { 3248 opacity: 0.04; 3249 } 3250 3251 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-black.link:not(.mdc-ripple-upgraded):focus::before, 3252 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-black.link.mdc-ripple-upgraded--background-focused::before, 3253 .wp-block[data-type="extendstudio/materialis"] .button.color-black.link:not(.mdc-ripple-upgraded):focus::before, 3254 .wp-block[data-type="extendstudio/materialis"] .button.color-black.link.mdc-ripple-upgraded--background-focused::before { 3255 transition-duration: 75ms; 3256 opacity: 0.12; 3257 } 3258 3259 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-black.link:not(.mdc-ripple-upgraded)::after, 3260 .wp-block[data-type="extendstudio/materialis"] .button.color-black.link:not(.mdc-ripple-upgraded)::after { 3261 transition: opacity 150ms linear; 3262 } 3263 3264 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-black.link:not(.mdc-ripple-upgraded):active::after, 3265 .wp-block[data-type="extendstudio/materialis"] .button.color-black.link:not(.mdc-ripple-upgraded):active::after { 3266 transition-duration: 75ms; 3267 opacity: 0.16; 3268 } 3269 3270 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-black.link.mdc-ripple-upgraded, 3271 .wp-block[data-type="extendstudio/materialis"] .button.color-black.link.mdc-ripple-upgraded { 3272 --mdc-ripple-fg-opacity: 0.16; 3273 } 3274 3275 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-black.link:hover, 3276 .wp-block[data-type="extendstudio/materialis"] .button.color-black.link:hover { 3277 background-color: transparent; 3278 } 3279 3280 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-black :disabled, 3281 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-black.disabled, 3282 .wp-block[data-type="extendstudio/materialis"] .button.color-black :disabled, 3283 .wp-block[data-type="extendstudio/materialis"] .button.color-black.disabled { 3284 background-color: rgba(0, 0, 0, 0.5); 3285 border-color: rgba(0, 0, 0, 0.5); 3286 cursor: default; 3287 pointer-events: none; 3288 } 3289 3290 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-darkgray, 3291 .wp-block[data-type="extendstudio/materialis"] .button.color-darkgray { 3292 background-color: #2b2d42; 3293 } 3294 3295 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-darkgray:not(:disabled), 3296 .wp-block[data-type="extendstudio/materialis"] .button.color-darkgray:not(:disabled) { 3297 color: #ffffff; 3298 } 3299 3300 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-darkgray:not(:disabled), 3301 .wp-block[data-type="extendstudio/materialis"] .button.color-darkgray:not(:disabled) { 3302 border-color: #2b2d42; 3303 } 3304 3305 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-darkgray::before, 3306 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-darkgray::after, 3307 .wp-block[data-type="extendstudio/materialis"] .button.color-darkgray::before, 3308 .wp-block[data-type="extendstudio/materialis"] .button.color-darkgray::after { 3309 background-color: rgba(255, 255, 255, 0.8); 3310 } 3311 3312 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-darkgray:hover::before, 3313 .wp-block[data-type="extendstudio/materialis"] .button.color-darkgray:hover::before { 3314 opacity: 0.08; 3315 } 3316 3317 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-darkgray:not(.mdc-ripple-upgraded):focus::before, 3318 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-darkgray.mdc-ripple-upgraded--background-focused::before, 3319 .wp-block[data-type="extendstudio/materialis"] .button.color-darkgray:not(.mdc-ripple-upgraded):focus::before, 3320 .wp-block[data-type="extendstudio/materialis"] .button.color-darkgray.mdc-ripple-upgraded--background-focused::before { 3321 transition-duration: 75ms; 3322 opacity: 0.24; 3323 } 3324 3325 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-darkgray:not(.mdc-ripple-upgraded)::after, 3326 .wp-block[data-type="extendstudio/materialis"] .button.color-darkgray:not(.mdc-ripple-upgraded)::after { 3327 transition: opacity 150ms linear; 3328 } 3329 3330 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-darkgray:not(.mdc-ripple-upgraded):active::after, 3331 .wp-block[data-type="extendstudio/materialis"] .button.color-darkgray:not(.mdc-ripple-upgraded):active::after { 3332 transition-duration: 75ms; 3333 opacity: 0.32; 3334 } 3335 3336 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-darkgray.mdc-ripple-upgraded, 3337 .wp-block[data-type="extendstudio/materialis"] .button.color-darkgray.mdc-ripple-upgraded { 3338 --mdc-ripple-fg-opacity: 0.32; 3339 } 3340 3341 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-darkgray.outline, 3342 .wp-block[data-type="extendstudio/materialis"] .button.color-darkgray.outline { 3343 background-color: transparent; 3344 border-style: solid; 3345 } 3346 3347 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-darkgray.outline:not(:disabled), 3348 .wp-block[data-type="extendstudio/materialis"] .button.color-darkgray.outline:not(:disabled) { 3349 color: #2b2d42; 3350 } 3351 3352 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-darkgray.outline:disabled, 3353 .wp-block[data-type="extendstudio/materialis"] .button.color-darkgray.outline:disabled { 3354 border-color: rgba(0, 0, 0, 0.37); 3355 } 3356 3357 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-darkgray.outline:not(:disabled), 3358 .wp-block[data-type="extendstudio/materialis"] .button.color-darkgray.outline:not(:disabled) { 3359 border-color: #2b2d42; 3360 } 3361 3362 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-darkgray.link, 3363 .wp-block[data-type="extendstudio/materialis"] .button.color-darkgray.link { 3364 background-color: transparent; 3365 padding: 0 8px; 3366 } 3367 3368 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-darkgray.link:not(:disabled), 3369 .wp-block[data-type="extendstudio/materialis"] .button.color-darkgray.link:not(:disabled) { 3370 color: #2b2d42; 3371 } 3372 3373 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-darkgray.link::before, 3374 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-darkgray.link::after, 3375 .wp-block[data-type="extendstudio/materialis"] .button.color-darkgray.link::before, 3376 .wp-block[data-type="extendstudio/materialis"] .button.color-darkgray.link::after { 3377 background-color: rgba(43, 45, 66, 0.8); 3378 } 3379 3380 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-darkgray.link:hover::before, 3381 .wp-block[data-type="extendstudio/materialis"] .button.color-darkgray.link:hover::before { 3382 opacity: 0.04; 3383 } 3384 3385 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-darkgray.link:not(.mdc-ripple-upgraded):focus::before, 3386 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-darkgray.link.mdc-ripple-upgraded--background-focused::before, 3387 .wp-block[data-type="extendstudio/materialis"] .button.color-darkgray.link:not(.mdc-ripple-upgraded):focus::before, 3388 .wp-block[data-type="extendstudio/materialis"] .button.color-darkgray.link.mdc-ripple-upgraded--background-focused::before { 3389 transition-duration: 75ms; 3390 opacity: 0.12; 3391 } 3392 3393 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-darkgray.link:not(.mdc-ripple-upgraded)::after, 3394 .wp-block[data-type="extendstudio/materialis"] .button.color-darkgray.link:not(.mdc-ripple-upgraded)::after { 3395 transition: opacity 150ms linear; 3396 } 3397 3398 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-darkgray.link:not(.mdc-ripple-upgraded):active::after, 3399 .wp-block[data-type="extendstudio/materialis"] .button.color-darkgray.link:not(.mdc-ripple-upgraded):active::after { 3400 transition-duration: 75ms; 3401 opacity: 0.16; 3402 } 3403 3404 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-darkgray.link.mdc-ripple-upgraded, 3405 .wp-block[data-type="extendstudio/materialis"] .button.color-darkgray.link.mdc-ripple-upgraded { 3406 --mdc-ripple-fg-opacity: 0.16; 3407 } 3408 3409 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-darkgray.link:hover, 3410 .wp-block[data-type="extendstudio/materialis"] .button.color-darkgray.link:hover { 3411 background-color: transparent; 3412 } 3413 3414 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-darkgray :disabled, 3415 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color-darkgray.disabled, 3416 .wp-block[data-type="extendstudio/materialis"] .button.color-darkgray :disabled, 3417 .wp-block[data-type="extendstudio/materialis"] .button.color-darkgray.disabled { 3418 background-color: rgba(43, 45, 66, 0.5); 3419 border-color: rgba(43, 45, 66, 0.5); 3420 cursor: default; 3421 pointer-events: none; 3422 } 3423 3424 .wp-block[data-type="extendstudio/materialis"] input[type=submit].white, 3425 .wp-block[data-type="extendstudio/materialis"] .button.white { 3426 background-color: #ffffff; 3427 } 3428 3429 .wp-block[data-type="extendstudio/materialis"] input[type=submit].white:not(:disabled), 3430 .wp-block[data-type="extendstudio/materialis"] .button.white:not(:disabled) { 3431 color: #2b2d42; 3432 } 3433 3434 .wp-block[data-type="extendstudio/materialis"] input[type=submit].white:not(:disabled), 3435 .wp-block[data-type="extendstudio/materialis"] .button.white:not(:disabled) { 3436 border-color: #ffffff; 3437 } 3438 3439 .wp-block[data-type="extendstudio/materialis"] input[type=submit].white::before, 3440 .wp-block[data-type="extendstudio/materialis"] input[type=submit].white::after, 3441 .wp-block[data-type="extendstudio/materialis"] .button.white::before, 3442 .wp-block[data-type="extendstudio/materialis"] .button.white::after { 3443 background-color: #bdbdbd; 3444 } 3445 3446 .wp-block[data-type="extendstudio/materialis"] input[type=submit].white:hover::before, 3447 .wp-block[data-type="extendstudio/materialis"] .button.white:hover::before { 3448 opacity: 0.08; 3449 } 3450 3451 .wp-block[data-type="extendstudio/materialis"] input[type=submit].white:not(.mdc-ripple-upgraded):focus::before, 3452 .wp-block[data-type="extendstudio/materialis"] input[type=submit].white.mdc-ripple-upgraded--background-focused::before, 3453 .wp-block[data-type="extendstudio/materialis"] .button.white:not(.mdc-ripple-upgraded):focus::before, 3454 .wp-block[data-type="extendstudio/materialis"] .button.white.mdc-ripple-upgraded--background-focused::before { 3455 transition-duration: 75ms; 3456 opacity: 0.24; 3457 } 3458 3459 .wp-block[data-type="extendstudio/materialis"] input[type=submit].white:not(.mdc-ripple-upgraded)::after, 3460 .wp-block[data-type="extendstudio/materialis"] .button.white:not(.mdc-ripple-upgraded)::after { 3461 transition: opacity 150ms linear; 3462 } 3463 3464 .wp-block[data-type="extendstudio/materialis"] input[type=submit].white:not(.mdc-ripple-upgraded):active::after, 3465 .wp-block[data-type="extendstudio/materialis"] .button.white:not(.mdc-ripple-upgraded):active::after { 3466 transition-duration: 75ms; 3467 opacity: 0.32; 3468 } 3469 3470 .wp-block[data-type="extendstudio/materialis"] input[type=submit].white.mdc-ripple-upgraded, 3471 .wp-block[data-type="extendstudio/materialis"] .button.white.mdc-ripple-upgraded { 3472 --mdc-ripple-fg-opacity: 0.32; 3473 } 3474 3475 .wp-block[data-type="extendstudio/materialis"] input[type=submit].white.outline, 3476 .wp-block[data-type="extendstudio/materialis"] .button.white.outline { 3477 background-color: transparent; 3478 border-style: solid; 3479 } 3480 3481 .wp-block[data-type="extendstudio/materialis"] input[type=submit].white.outline:not(:disabled), 3482 .wp-block[data-type="extendstudio/materialis"] .button.white.outline:not(:disabled) { 3483 color: #ffffff; 3484 } 3485 3486 .wp-block[data-type="extendstudio/materialis"] input[type=submit].white.outline:disabled, 3487 .wp-block[data-type="extendstudio/materialis"] .button.white.outline:disabled { 3488 border-color: rgba(0, 0, 0, 0.37); 3489 } 3490 3491 .wp-block[data-type="extendstudio/materialis"] input[type=submit].white.outline:not(:disabled), 3492 .wp-block[data-type="extendstudio/materialis"] .button.white.outline:not(:disabled) { 3493 border-color: #ffffff; 3494 } 3495 3496 .wp-block[data-type="extendstudio/materialis"] input[type=submit].white.link, 3497 .wp-block[data-type="extendstudio/materialis"] .button.white.link { 3498 background-color: transparent; 3499 padding: 0 8px; 3500 } 3501 3502 .wp-block[data-type="extendstudio/materialis"] input[type=submit].white.link:not(:disabled), 3503 .wp-block[data-type="extendstudio/materialis"] .button.white.link:not(:disabled) { 3504 color: #ffffff; 3505 } 3506 3507 .wp-block[data-type="extendstudio/materialis"] input[type=submit].white.link::before, 3508 .wp-block[data-type="extendstudio/materialis"] input[type=submit].white.link::after, 3509 .wp-block[data-type="extendstudio/materialis"] .button.white.link::before, 3510 .wp-block[data-type="extendstudio/materialis"] .button.white.link::after { 3511 background-color: rgba(255, 255, 255, 0.8); 3512 } 3513 3514 .wp-block[data-type="extendstudio/materialis"] input[type=submit].white.link:hover::before, 3515 .wp-block[data-type="extendstudio/materialis"] .button.white.link:hover::before { 3516 opacity: 0.08; 3517 } 3518 3519 .wp-block[data-type="extendstudio/materialis"] input[type=submit].white.link:not(.mdc-ripple-upgraded):focus::before, 3520 .wp-block[data-type="extendstudio/materialis"] input[type=submit].white.link.mdc-ripple-upgraded--background-focused::before, 3521 .wp-block[data-type="extendstudio/materialis"] .button.white.link:not(.mdc-ripple-upgraded):focus::before, 3522 .wp-block[data-type="extendstudio/materialis"] .button.white.link.mdc-ripple-upgraded--background-focused::before { 3523 transition-duration: 75ms; 3524 opacity: 0.24; 3525 } 3526 3527 .wp-block[data-type="extendstudio/materialis"] input[type=submit].white.link:not(.mdc-ripple-upgraded)::after, 3528 .wp-block[data-type="extendstudio/materialis"] .button.white.link:not(.mdc-ripple-upgraded)::after { 3529 transition: opacity 150ms linear; 3530 } 3531 3532 .wp-block[data-type="extendstudio/materialis"] input[type=submit].white.link:not(.mdc-ripple-upgraded):active::after, 3533 .wp-block[data-type="extendstudio/materialis"] .button.white.link:not(.mdc-ripple-upgraded):active::after { 3534 transition-duration: 75ms; 3535 opacity: 0.32; 3536 } 3537 3538 .wp-block[data-type="extendstudio/materialis"] input[type=submit].white.link.mdc-ripple-upgraded, 3539 .wp-block[data-type="extendstudio/materialis"] .button.white.link.mdc-ripple-upgraded { 3540 --mdc-ripple-fg-opacity: 0.32; 3541 } 3542 3543 .wp-block[data-type="extendstudio/materialis"] input[type=submit].white.link:hover, 3544 .wp-block[data-type="extendstudio/materialis"] .button.white.link:hover { 3545 background-color: transparent; 3546 } 3547 3548 .wp-block[data-type="extendstudio/materialis"] input[type=submit].white :disabled, 3549 .wp-block[data-type="extendstudio/materialis"] input[type=submit].white.disabled, 3550 .wp-block[data-type="extendstudio/materialis"] .button.white :disabled, 3551 .wp-block[data-type="extendstudio/materialis"] .button.white.disabled { 3552 background-color: rgba(255, 255, 255, 0.5); 3553 border-color: rgba(255, 255, 255, 0.5); 3554 cursor: default; 3555 pointer-events: none; 3556 } 3557 3558 .wp-block[data-type="extendstudio/materialis"] input[type=submit].white.outline::before, 3559 .wp-block[data-type="extendstudio/materialis"] input[type=submit].white.outline::after, 3560 .wp-block[data-type="extendstudio/materialis"] .button.white.outline::before, 3561 .wp-block[data-type="extendstudio/materialis"] .button.white.outline::after { 3562 background-color: #ffffff; 3563 } 3564 3565 .wp-block[data-type="extendstudio/materialis"] input[type=submit].white.outline:hover::before, 3566 .wp-block[data-type="extendstudio/materialis"] .button.white.outline:hover::before { 3567 opacity: 0.08; 3568 } 3569 3570 .wp-block[data-type="extendstudio/materialis"] input[type=submit].white.outline:not(.mdc-ripple-upgraded):focus::before, 3571 .wp-block[data-type="extendstudio/materialis"] input[type=submit].white.outline:not(.mdc-ripple-upgraded):focus-within::before, 3572 .wp-block[data-type="extendstudio/materialis"] input[type=submit].white.outline.mdc-ripple-upgraded--background-focused::before, 3573 .wp-block[data-type="extendstudio/materialis"] .button.white.outline:not(.mdc-ripple-upgraded):focus::before, 3574 .wp-block[data-type="extendstudio/materialis"] .button.white.outline:not(.mdc-ripple-upgraded):focus-within::before, 3575 .wp-block[data-type="extendstudio/materialis"] .button.white.outline.mdc-ripple-upgraded--background-focused::before { 3576 transition-duration: 75ms; 3577 opacity: 0.24; 3578 } 3579 3580 .wp-block[data-type="extendstudio/materialis"] input[type=submit].white.outline:not(.mdc-ripple-upgraded)::after, 3581 .wp-block[data-type="extendstudio/materialis"] .button.white.outline:not(.mdc-ripple-upgraded)::after { 3582 transition: opacity 150ms linear; 3583 } 3584 3585 .wp-block[data-type="extendstudio/materialis"] input[type=submit].white.outline:not(.mdc-ripple-upgraded):active::after, 3586 .wp-block[data-type="extendstudio/materialis"] .button.white.outline:not(.mdc-ripple-upgraded):active::after { 3587 transition-duration: 75ms; 3588 opacity: 0.32; 3589 } 3590 3591 .wp-block[data-type="extendstudio/materialis"] input[type=submit].white.outline.mdc-ripple-upgraded, 3592 .wp-block[data-type="extendstudio/materialis"] .button.white.outline.mdc-ripple-upgraded { 3593 --mdc-ripple-fg-opacity: 0.32; 3594 } 3595 3596 .wp-block[data-type="extendstudio/materialis"] input[type=submit].white.outline:hover::before, 3597 .wp-block[data-type="extendstudio/materialis"] .button.white.outline:hover::before { 3598 opacity: 0.3; 3599 } 3600 3601 .wp-block[data-type="extendstudio/materialis"] input[type=submit].black, 3602 .wp-block[data-type="extendstudio/materialis"] .button.black { 3603 background-color: #000; 3604 } 3605 3606 .wp-block[data-type="extendstudio/materialis"] input[type=submit].black:not(:disabled), 3607 .wp-block[data-type="extendstudio/materialis"] .button.black:not(:disabled) { 3608 color: #ffffff; 3609 } 3610 3611 .wp-block[data-type="extendstudio/materialis"] input[type=submit].black:not(:disabled), 3612 .wp-block[data-type="extendstudio/materialis"] .button.black:not(:disabled) { 3613 border-color: #000; 3614 } 3615 3616 .wp-block[data-type="extendstudio/materialis"] input[type=submit].black::before, 3617 .wp-block[data-type="extendstudio/materialis"] input[type=submit].black::after, 3618 .wp-block[data-type="extendstudio/materialis"] .button.black::before, 3619 .wp-block[data-type="extendstudio/materialis"] .button.black::after { 3620 background-color: rgba(255, 255, 255, 0.8); 3621 } 3622 3623 .wp-block[data-type="extendstudio/materialis"] input[type=submit].black:hover::before, 3624 .wp-block[data-type="extendstudio/materialis"] .button.black:hover::before { 3625 opacity: 0.08; 3626 } 3627 3628 .wp-block[data-type="extendstudio/materialis"] input[type=submit].black:not(.mdc-ripple-upgraded):focus::before, 3629 .wp-block[data-type="extendstudio/materialis"] input[type=submit].black.mdc-ripple-upgraded--background-focused::before, 3630 .wp-block[data-type="extendstudio/materialis"] .button.black:not(.mdc-ripple-upgraded):focus::before, 3631 .wp-block[data-type="extendstudio/materialis"] .button.black.mdc-ripple-upgraded--background-focused::before { 3632 transition-duration: 75ms; 3633 opacity: 0.24; 3634 } 3635 3636 .wp-block[data-type="extendstudio/materialis"] input[type=submit].black:not(.mdc-ripple-upgraded)::after, 3637 .wp-block[data-type="extendstudio/materialis"] .button.black:not(.mdc-ripple-upgraded)::after { 3638 transition: opacity 150ms linear; 3639 } 3640 3641 .wp-block[data-type="extendstudio/materialis"] input[type=submit].black:not(.mdc-ripple-upgraded):active::after, 3642 .wp-block[data-type="extendstudio/materialis"] .button.black:not(.mdc-ripple-upgraded):active::after { 3643 transition-duration: 75ms; 3644 opacity: 0.32; 3645 } 3646 3647 .wp-block[data-type="extendstudio/materialis"] input[type=submit].black.mdc-ripple-upgraded, 3648 .wp-block[data-type="extendstudio/materialis"] .button.black.mdc-ripple-upgraded { 3649 --mdc-ripple-fg-opacity: 0.32; 3650 } 3651 3652 .wp-block[data-type="extendstudio/materialis"] input[type=submit].black.outline, 3653 .wp-block[data-type="extendstudio/materialis"] .button.black.outline { 3654 background-color: transparent; 3655 border-style: solid; 3656 } 3657 3658 .wp-block[data-type="extendstudio/materialis"] input[type=submit].black.outline:not(:disabled), 3659 .wp-block[data-type="extendstudio/materialis"] .button.black.outline:not(:disabled) { 3660 color: #000; 3661 } 3662 3663 .wp-block[data-type="extendstudio/materialis"] input[type=submit].black.outline:disabled, 3664 .wp-block[data-type="extendstudio/materialis"] .button.black.outline:disabled { 3665 border-color: rgba(0, 0, 0, 0.37); 3666 } 3667 3668 .wp-block[data-type="extendstudio/materialis"] input[type=submit].black.outline:not(:disabled), 3669 .wp-block[data-type="extendstudio/materialis"] .button.black.outline:not(:disabled) { 3670 border-color: #000; 3671 } 3672 3673 .wp-block[data-type="extendstudio/materialis"] input[type=submit].black.link, 3674 .wp-block[data-type="extendstudio/materialis"] .button.black.link { 3675 background-color: transparent; 3676 padding: 0 8px; 3677 } 3678 3679 .wp-block[data-type="extendstudio/materialis"] input[type=submit].black.link:not(:disabled), 3680 .wp-block[data-type="extendstudio/materialis"] .button.black.link:not(:disabled) { 3681 color: #000; 3682 } 3683 3684 .wp-block[data-type="extendstudio/materialis"] input[type=submit].black.link::before, 3685 .wp-block[data-type="extendstudio/materialis"] input[type=submit].black.link::after, 3686 .wp-block[data-type="extendstudio/materialis"] .button.black.link::before, 3687 .wp-block[data-type="extendstudio/materialis"] .button.black.link::after { 3688 background-color: rgba(0, 0, 0, 0.8); 3689 } 3690 3691 .wp-block[data-type="extendstudio/materialis"] input[type=submit].black.link:hover::before, 3692 .wp-block[data-type="extendstudio/materialis"] .button.black.link:hover::before { 3693 opacity: 0.04; 3694 } 3695 3696 .wp-block[data-type="extendstudio/materialis"] input[type=submit].black.link:not(.mdc-ripple-upgraded):focus::before, 3697 .wp-block[data-type="extendstudio/materialis"] input[type=submit].black.link.mdc-ripple-upgraded--background-focused::before, 3698 .wp-block[data-type="extendstudio/materialis"] .button.black.link:not(.mdc-ripple-upgraded):focus::before, 3699 .wp-block[data-type="extendstudio/materialis"] .button.black.link.mdc-ripple-upgraded--background-focused::before { 3700 transition-duration: 75ms; 3701 opacity: 0.12; 3702 } 3703 3704 .wp-block[data-type="extendstudio/materialis"] input[type=submit].black.link:not(.mdc-ripple-upgraded)::after, 3705 .wp-block[data-type="extendstudio/materialis"] .button.black.link:not(.mdc-ripple-upgraded)::after { 3706 transition: opacity 150ms linear; 3707 } 3708 3709 .wp-block[data-type="extendstudio/materialis"] input[type=submit].black.link:not(.mdc-ripple-upgraded):active::after, 3710 .wp-block[data-type="extendstudio/materialis"] .button.black.link:not(.mdc-ripple-upgraded):active::after { 3711 transition-duration: 75ms; 3712 opacity: 0.16; 3713 } 3714 3715 .wp-block[data-type="extendstudio/materialis"] input[type=submit].black.link.mdc-ripple-upgraded, 3716 .wp-block[data-type="extendstudio/materialis"] .button.black.link.mdc-ripple-upgraded { 3717 --mdc-ripple-fg-opacity: 0.16; 3718 } 3719 3720 .wp-block[data-type="extendstudio/materialis"] input[type=submit].black.link:hover, 3721 .wp-block[data-type="extendstudio/materialis"] .button.black.link:hover { 3722 background-color: transparent; 3723 } 3724 3725 .wp-block[data-type="extendstudio/materialis"] input[type=submit].black :disabled, 3726 .wp-block[data-type="extendstudio/materialis"] input[type=submit].black.disabled, 3727 .wp-block[data-type="extendstudio/materialis"] .button.black :disabled, 3728 .wp-block[data-type="extendstudio/materialis"] .button.black.disabled { 3729 background-color: rgba(0, 0, 0, 0.5); 3730 border-color: rgba(0, 0, 0, 0.5); 3731 cursor: default; 3732 pointer-events: none; 3733 } 3734 3735 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color1, 3736 .wp-block[data-type="extendstudio/materialis"] .button.color1 { 3737 background-color: #228ae6; 3738 } 3739 3740 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color1:not(:disabled), 3741 .wp-block[data-type="extendstudio/materialis"] .button.color1:not(:disabled) { 3742 color: #ffffff; 3743 } 3744 3745 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color1:not(:disabled), 3746 .wp-block[data-type="extendstudio/materialis"] .button.color1:not(:disabled) { 3747 border-color: #228ae6; 3748 } 3749 3750 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color1::before, 3751 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color1::after, 3752 .wp-block[data-type="extendstudio/materialis"] .button.color1::before, 3753 .wp-block[data-type="extendstudio/materialis"] .button.color1::after { 3754 background-color: rgba(255, 255, 255, 0.8); 3755 } 3756 3757 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color1:hover::before, 3758 .wp-block[data-type="extendstudio/materialis"] .button.color1:hover::before { 3759 opacity: 0.08; 3760 } 3761 3762 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color1:not(.mdc-ripple-upgraded):focus::before, 3763 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color1.mdc-ripple-upgraded--background-focused::before, 3764 .wp-block[data-type="extendstudio/materialis"] .button.color1:not(.mdc-ripple-upgraded):focus::before, 3765 .wp-block[data-type="extendstudio/materialis"] .button.color1.mdc-ripple-upgraded--background-focused::before { 3766 transition-duration: 75ms; 3767 opacity: 0.24; 3768 } 3769 3770 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color1:not(.mdc-ripple-upgraded)::after, 3771 .wp-block[data-type="extendstudio/materialis"] .button.color1:not(.mdc-ripple-upgraded)::after { 3772 transition: opacity 150ms linear; 3773 } 3774 3775 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color1:not(.mdc-ripple-upgraded):active::after, 3776 .wp-block[data-type="extendstudio/materialis"] .button.color1:not(.mdc-ripple-upgraded):active::after { 3777 transition-duration: 75ms; 3778 opacity: 0.32; 3779 } 3780 3781 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color1.mdc-ripple-upgraded, 3782 .wp-block[data-type="extendstudio/materialis"] .button.color1.mdc-ripple-upgraded { 3783 --mdc-ripple-fg-opacity: 0.32; 3784 } 3785 3786 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color1.outline, 3787 .wp-block[data-type="extendstudio/materialis"] .button.color1.outline { 3788 background-color: transparent; 3789 border-style: solid; 3790 } 3791 3792 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color1.outline:not(:disabled), 3793 .wp-block[data-type="extendstudio/materialis"] .button.color1.outline:not(:disabled) { 3794 color: #228ae6; 3795 } 3796 3797 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color1.outline:disabled, 3798 .wp-block[data-type="extendstudio/materialis"] .button.color1.outline:disabled { 3799 border-color: rgba(0, 0, 0, 0.37); 3800 } 3801 3802 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color1.outline:not(:disabled), 3803 .wp-block[data-type="extendstudio/materialis"] .button.color1.outline:not(:disabled) { 3804 border-color: #228ae6; 3805 } 3806 3807 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color1.link, 3808 .wp-block[data-type="extendstudio/materialis"] .button.color1.link { 3809 background-color: transparent; 3810 padding: 0 8px; 3811 } 3812 3813 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color1.link:not(:disabled), 3814 .wp-block[data-type="extendstudio/materialis"] .button.color1.link:not(:disabled) { 3815 color: #228ae6; 3816 } 3817 3818 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color1.link::before, 3819 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color1.link::after, 3820 .wp-block[data-type="extendstudio/materialis"] .button.color1.link::before, 3821 .wp-block[data-type="extendstudio/materialis"] .button.color1.link::after { 3822 background-color: rgba(34, 138, 230, 0.8); 3823 } 3824 3825 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color1.link:hover::before, 3826 .wp-block[data-type="extendstudio/materialis"] .button.color1.link:hover::before { 3827 opacity: 0.04; 3828 } 3829 3830 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color1.link:not(.mdc-ripple-upgraded):focus::before, 3831 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color1.link.mdc-ripple-upgraded--background-focused::before, 3832 .wp-block[data-type="extendstudio/materialis"] .button.color1.link:not(.mdc-ripple-upgraded):focus::before, 3833 .wp-block[data-type="extendstudio/materialis"] .button.color1.link.mdc-ripple-upgraded--background-focused::before { 3834 transition-duration: 75ms; 3835 opacity: 0.12; 3836 } 3837 3838 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color1.link:not(.mdc-ripple-upgraded)::after, 3839 .wp-block[data-type="extendstudio/materialis"] .button.color1.link:not(.mdc-ripple-upgraded)::after { 3840 transition: opacity 150ms linear; 3841 } 3842 3843 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color1.link:not(.mdc-ripple-upgraded):active::after, 3844 .wp-block[data-type="extendstudio/materialis"] .button.color1.link:not(.mdc-ripple-upgraded):active::after { 3845 transition-duration: 75ms; 3846 opacity: 0.16; 3847 } 3848 3849 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color1.link.mdc-ripple-upgraded, 3850 .wp-block[data-type="extendstudio/materialis"] .button.color1.link.mdc-ripple-upgraded { 3851 --mdc-ripple-fg-opacity: 0.16; 3852 } 3853 3854 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color1.link:hover, 3855 .wp-block[data-type="extendstudio/materialis"] .button.color1.link:hover { 3856 background-color: transparent; 3857 } 3858 3859 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color1 :disabled, 3860 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color1.disabled, 3861 .wp-block[data-type="extendstudio/materialis"] .button.color1 :disabled, 3862 .wp-block[data-type="extendstudio/materialis"] .button.color1.disabled { 3863 background-color: rgba(34, 138, 230, 0.5); 3864 border-color: rgba(34, 138, 230, 0.5); 3865 cursor: default; 3866 pointer-events: none; 3867 } 3868 3869 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color2, 3870 .wp-block[data-type="extendstudio/materialis"] .button.color2 { 3871 background-color: #fa5252; 3872 } 3873 3874 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color2:not(:disabled), 3875 .wp-block[data-type="extendstudio/materialis"] .button.color2:not(:disabled) { 3876 color: #ffffff; 3877 } 3878 3879 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color2:not(:disabled), 3880 .wp-block[data-type="extendstudio/materialis"] .button.color2:not(:disabled) { 3881 border-color: #fa5252; 3882 } 3883 3884 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color2::before, 3885 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color2::after, 3886 .wp-block[data-type="extendstudio/materialis"] .button.color2::before, 3887 .wp-block[data-type="extendstudio/materialis"] .button.color2::after { 3888 background-color: rgba(255, 255, 255, 0.8); 3889 } 3890 3891 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color2:hover::before, 3892 .wp-block[data-type="extendstudio/materialis"] .button.color2:hover::before { 3893 opacity: 0.08; 3894 } 3895 3896 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color2:not(.mdc-ripple-upgraded):focus::before, 3897 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color2.mdc-ripple-upgraded--background-focused::before, 3898 .wp-block[data-type="extendstudio/materialis"] .button.color2:not(.mdc-ripple-upgraded):focus::before, 3899 .wp-block[data-type="extendstudio/materialis"] .button.color2.mdc-ripple-upgraded--background-focused::before { 3900 transition-duration: 75ms; 3901 opacity: 0.24; 3902 } 3903 3904 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color2:not(.mdc-ripple-upgraded)::after, 3905 .wp-block[data-type="extendstudio/materialis"] .button.color2:not(.mdc-ripple-upgraded)::after { 3906 transition: opacity 150ms linear; 3907 } 3908 3909 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color2:not(.mdc-ripple-upgraded):active::after, 3910 .wp-block[data-type="extendstudio/materialis"] .button.color2:not(.mdc-ripple-upgraded):active::after { 3911 transition-duration: 75ms; 3912 opacity: 0.32; 3913 } 3914 3915 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color2.mdc-ripple-upgraded, 3916 .wp-block[data-type="extendstudio/materialis"] .button.color2.mdc-ripple-upgraded { 3917 --mdc-ripple-fg-opacity: 0.32; 3918 } 3919 3920 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color2.outline, 3921 .wp-block[data-type="extendstudio/materialis"] .button.color2.outline { 3922 background-color: transparent; 3923 border-style: solid; 3924 } 3925 3926 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color2.outline:not(:disabled), 3927 .wp-block[data-type="extendstudio/materialis"] .button.color2.outline:not(:disabled) { 3928 color: #fa5252; 3929 } 3930 3931 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color2.outline:disabled, 3932 .wp-block[data-type="extendstudio/materialis"] .button.color2.outline:disabled { 3933 border-color: rgba(0, 0, 0, 0.37); 3934 } 3935 3936 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color2.outline:not(:disabled), 3937 .wp-block[data-type="extendstudio/materialis"] .button.color2.outline:not(:disabled) { 3938 border-color: #fa5252; 3939 } 3940 3941 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color2.link, 3942 .wp-block[data-type="extendstudio/materialis"] .button.color2.link { 3943 background-color: transparent; 3944 padding: 0 8px; 3945 } 3946 3947 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color2.link:not(:disabled), 3948 .wp-block[data-type="extendstudio/materialis"] .button.color2.link:not(:disabled) { 3949 color: #fa5252; 3950 } 3951 3952 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color2.link::before, 3953 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color2.link::after, 3954 .wp-block[data-type="extendstudio/materialis"] .button.color2.link::before, 3955 .wp-block[data-type="extendstudio/materialis"] .button.color2.link::after { 3956 background-color: rgba(250, 82, 82, 0.8); 3957 } 3958 3959 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color2.link:hover::before, 3960 .wp-block[data-type="extendstudio/materialis"] .button.color2.link:hover::before { 3961 opacity: 0.04; 3962 } 3963 3964 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color2.link:not(.mdc-ripple-upgraded):focus::before, 3965 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color2.link.mdc-ripple-upgraded--background-focused::before, 3966 .wp-block[data-type="extendstudio/materialis"] .button.color2.link:not(.mdc-ripple-upgraded):focus::before, 3967 .wp-block[data-type="extendstudio/materialis"] .button.color2.link.mdc-ripple-upgraded--background-focused::before { 3968 transition-duration: 75ms; 3969 opacity: 0.12; 3970 } 3971 3972 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color2.link:not(.mdc-ripple-upgraded)::after, 3973 .wp-block[data-type="extendstudio/materialis"] .button.color2.link:not(.mdc-ripple-upgraded)::after { 3974 transition: opacity 150ms linear; 3975 } 3976 3977 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color2.link:not(.mdc-ripple-upgraded):active::after, 3978 .wp-block[data-type="extendstudio/materialis"] .button.color2.link:not(.mdc-ripple-upgraded):active::after { 3979 transition-duration: 75ms; 3980 opacity: 0.16; 3981 } 3982 3983 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color2.link.mdc-ripple-upgraded, 3984 .wp-block[data-type="extendstudio/materialis"] .button.color2.link.mdc-ripple-upgraded { 3985 --mdc-ripple-fg-opacity: 0.16; 3986 } 3987 3988 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color2.link:hover, 3989 .wp-block[data-type="extendstudio/materialis"] .button.color2.link:hover { 3990 background-color: transparent; 3991 } 3992 3993 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color2 :disabled, 3994 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color2.disabled, 3995 .wp-block[data-type="extendstudio/materialis"] .button.color2 :disabled, 3996 .wp-block[data-type="extendstudio/materialis"] .button.color2.disabled { 3997 background-color: rgba(250, 82, 82, 0.5); 3998 border-color: rgba(250, 82, 82, 0.5); 3999 cursor: default; 4000 pointer-events: none; 4001 } 4002 4003 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color3, 4004 .wp-block[data-type="extendstudio/materialis"] .button.color3 { 4005 background-color: #82c91e; 4006 } 4007 4008 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color3:not(:disabled), 4009 .wp-block[data-type="extendstudio/materialis"] .button.color3:not(:disabled) { 4010 color: #ffffff; 4011 } 4012 4013 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color3:not(:disabled), 4014 .wp-block[data-type="extendstudio/materialis"] .button.color3:not(:disabled) { 4015 border-color: #82c91e; 4016 } 4017 4018 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color3::before, 4019 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color3::after, 4020 .wp-block[data-type="extendstudio/materialis"] .button.color3::before, 4021 .wp-block[data-type="extendstudio/materialis"] .button.color3::after { 4022 background-color: rgba(255, 255, 255, 0.8); 4023 } 4024 4025 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color3:hover::before, 4026 .wp-block[data-type="extendstudio/materialis"] .button.color3:hover::before { 4027 opacity: 0.08; 4028 } 4029 4030 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color3:not(.mdc-ripple-upgraded):focus::before, 4031 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color3.mdc-ripple-upgraded--background-focused::before, 4032 .wp-block[data-type="extendstudio/materialis"] .button.color3:not(.mdc-ripple-upgraded):focus::before, 4033 .wp-block[data-type="extendstudio/materialis"] .button.color3.mdc-ripple-upgraded--background-focused::before { 4034 transition-duration: 75ms; 4035 opacity: 0.24; 4036 } 4037 4038 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color3:not(.mdc-ripple-upgraded)::after, 4039 .wp-block[data-type="extendstudio/materialis"] .button.color3:not(.mdc-ripple-upgraded)::after { 4040 transition: opacity 150ms linear; 4041 } 4042 4043 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color3:not(.mdc-ripple-upgraded):active::after, 4044 .wp-block[data-type="extendstudio/materialis"] .button.color3:not(.mdc-ripple-upgraded):active::after { 4045 transition-duration: 75ms; 4046 opacity: 0.32; 4047 } 4048 4049 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color3.mdc-ripple-upgraded, 4050 .wp-block[data-type="extendstudio/materialis"] .button.color3.mdc-ripple-upgraded { 4051 --mdc-ripple-fg-opacity: 0.32; 4052 } 4053 4054 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color3.outline, 4055 .wp-block[data-type="extendstudio/materialis"] .button.color3.outline { 4056 background-color: transparent; 4057 border-style: solid; 4058 } 4059 4060 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color3.outline:not(:disabled), 4061 .wp-block[data-type="extendstudio/materialis"] .button.color3.outline:not(:disabled) { 4062 color: #82c91e; 4063 } 4064 4065 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color3.outline:disabled, 4066 .wp-block[data-type="extendstudio/materialis"] .button.color3.outline:disabled { 4067 border-color: rgba(0, 0, 0, 0.37); 4068 } 4069 4070 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color3.outline:not(:disabled), 4071 .wp-block[data-type="extendstudio/materialis"] .button.color3.outline:not(:disabled) { 4072 border-color: #82c91e; 4073 } 4074 4075 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color3.link, 4076 .wp-block[data-type="extendstudio/materialis"] .button.color3.link { 4077 background-color: transparent; 4078 padding: 0 8px; 4079 } 4080 4081 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color3.link:not(:disabled), 4082 .wp-block[data-type="extendstudio/materialis"] .button.color3.link:not(:disabled) { 4083 color: #82c91e; 4084 } 4085 4086 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color3.link::before, 4087 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color3.link::after, 4088 .wp-block[data-type="extendstudio/materialis"] .button.color3.link::before, 4089 .wp-block[data-type="extendstudio/materialis"] .button.color3.link::after { 4090 background-color: rgba(130, 201, 30, 0.8); 4091 } 4092 4093 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color3.link:hover::before, 4094 .wp-block[data-type="extendstudio/materialis"] .button.color3.link:hover::before { 4095 opacity: 0.08; 4096 } 4097 4098 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color3.link:not(.mdc-ripple-upgraded):focus::before, 4099 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color3.link.mdc-ripple-upgraded--background-focused::before, 4100 .wp-block[data-type="extendstudio/materialis"] .button.color3.link:not(.mdc-ripple-upgraded):focus::before, 4101 .wp-block[data-type="extendstudio/materialis"] .button.color3.link.mdc-ripple-upgraded--background-focused::before { 4102 transition-duration: 75ms; 4103 opacity: 0.24; 4104 } 4105 4106 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color3.link:not(.mdc-ripple-upgraded)::after, 4107 .wp-block[data-type="extendstudio/materialis"] .button.color3.link:not(.mdc-ripple-upgraded)::after { 4108 transition: opacity 150ms linear; 4109 } 4110 4111 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color3.link:not(.mdc-ripple-upgraded):active::after, 4112 .wp-block[data-type="extendstudio/materialis"] .button.color3.link:not(.mdc-ripple-upgraded):active::after { 4113 transition-duration: 75ms; 4114 opacity: 0.32; 4115 } 4116 4117 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color3.link.mdc-ripple-upgraded, 4118 .wp-block[data-type="extendstudio/materialis"] .button.color3.link.mdc-ripple-upgraded { 4119 --mdc-ripple-fg-opacity: 0.32; 4120 } 4121 4122 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color3.link:hover, 4123 .wp-block[data-type="extendstudio/materialis"] .button.color3.link:hover { 4124 background-color: transparent; 4125 } 4126 4127 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color3 :disabled, 4128 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color3.disabled, 4129 .wp-block[data-type="extendstudio/materialis"] .button.color3 :disabled, 4130 .wp-block[data-type="extendstudio/materialis"] .button.color3.disabled { 4131 background-color: rgba(130, 201, 30, 0.5); 4132 border-color: rgba(130, 201, 30, 0.5); 4133 cursor: default; 4134 pointer-events: none; 4135 } 4136 4137 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color4, 4138 .wp-block[data-type="extendstudio/materialis"] .button.color4 { 4139 background-color: #fab005; 4140 } 4141 4142 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color4:not(:disabled), 4143 .wp-block[data-type="extendstudio/materialis"] .button.color4:not(:disabled) { 4144 color: #ffffff; 4145 } 4146 4147 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color4:not(:disabled), 4148 .wp-block[data-type="extendstudio/materialis"] .button.color4:not(:disabled) { 4149 border-color: #fab005; 4150 } 4151 4152 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color4::before, 4153 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color4::after, 4154 .wp-block[data-type="extendstudio/materialis"] .button.color4::before, 4155 .wp-block[data-type="extendstudio/materialis"] .button.color4::after { 4156 background-color: rgba(255, 255, 255, 0.8); 4157 } 4158 4159 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color4:hover::before, 4160 .wp-block[data-type="extendstudio/materialis"] .button.color4:hover::before { 4161 opacity: 0.08; 4162 } 4163 4164 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color4:not(.mdc-ripple-upgraded):focus::before, 4165 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color4.mdc-ripple-upgraded--background-focused::before, 4166 .wp-block[data-type="extendstudio/materialis"] .button.color4:not(.mdc-ripple-upgraded):focus::before, 4167 .wp-block[data-type="extendstudio/materialis"] .button.color4.mdc-ripple-upgraded--background-focused::before { 4168 transition-duration: 75ms; 4169 opacity: 0.24; 4170 } 4171 4172 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color4:not(.mdc-ripple-upgraded)::after, 4173 .wp-block[data-type="extendstudio/materialis"] .button.color4:not(.mdc-ripple-upgraded)::after { 4174 transition: opacity 150ms linear; 4175 } 4176 4177 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color4:not(.mdc-ripple-upgraded):active::after, 4178 .wp-block[data-type="extendstudio/materialis"] .button.color4:not(.mdc-ripple-upgraded):active::after { 4179 transition-duration: 75ms; 4180 opacity: 0.32; 4181 } 4182 4183 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color4.mdc-ripple-upgraded, 4184 .wp-block[data-type="extendstudio/materialis"] .button.color4.mdc-ripple-upgraded { 4185 --mdc-ripple-fg-opacity: 0.32; 4186 } 4187 4188 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color4.outline, 4189 .wp-block[data-type="extendstudio/materialis"] .button.color4.outline { 4190 background-color: transparent; 4191 border-style: solid; 4192 } 4193 4194 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color4.outline:not(:disabled), 4195 .wp-block[data-type="extendstudio/materialis"] .button.color4.outline:not(:disabled) { 4196 color: #fab005; 4197 } 4198 4199 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color4.outline:disabled, 4200 .wp-block[data-type="extendstudio/materialis"] .button.color4.outline:disabled { 4201 border-color: rgba(0, 0, 0, 0.37); 4202 } 4203 4204 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color4.outline:not(:disabled), 4205 .wp-block[data-type="extendstudio/materialis"] .button.color4.outline:not(:disabled) { 4206 border-color: #fab005; 4207 } 4208 4209 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color4.link, 4210 .wp-block[data-type="extendstudio/materialis"] .button.color4.link { 4211 background-color: transparent; 4212 padding: 0 8px; 4213 } 4214 4215 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color4.link:not(:disabled), 4216 .wp-block[data-type="extendstudio/materialis"] .button.color4.link:not(:disabled) { 4217 color: #fab005; 4218 } 4219 4220 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color4.link::before, 4221 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color4.link::after, 4222 .wp-block[data-type="extendstudio/materialis"] .button.color4.link::before, 4223 .wp-block[data-type="extendstudio/materialis"] .button.color4.link::after { 4224 background-color: rgba(250, 176, 5, 0.8); 4225 } 4226 4227 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color4.link:hover::before, 4228 .wp-block[data-type="extendstudio/materialis"] .button.color4.link:hover::before { 4229 opacity: 0.08; 4230 } 4231 4232 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color4.link:not(.mdc-ripple-upgraded):focus::before, 4233 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color4.link.mdc-ripple-upgraded--background-focused::before, 4234 .wp-block[data-type="extendstudio/materialis"] .button.color4.link:not(.mdc-ripple-upgraded):focus::before, 4235 .wp-block[data-type="extendstudio/materialis"] .button.color4.link.mdc-ripple-upgraded--background-focused::before { 4236 transition-duration: 75ms; 4237 opacity: 0.24; 4238 } 4239 4240 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color4.link:not(.mdc-ripple-upgraded)::after, 4241 .wp-block[data-type="extendstudio/materialis"] .button.color4.link:not(.mdc-ripple-upgraded)::after { 4242 transition: opacity 150ms linear; 4243 } 4244 4245 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color4.link:not(.mdc-ripple-upgraded):active::after, 4246 .wp-block[data-type="extendstudio/materialis"] .button.color4.link:not(.mdc-ripple-upgraded):active::after { 4247 transition-duration: 75ms; 4248 opacity: 0.32; 4249 } 4250 4251 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color4.link.mdc-ripple-upgraded, 4252 .wp-block[data-type="extendstudio/materialis"] .button.color4.link.mdc-ripple-upgraded { 4253 --mdc-ripple-fg-opacity: 0.32; 4254 } 4255 4256 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color4.link:hover, 4257 .wp-block[data-type="extendstudio/materialis"] .button.color4.link:hover { 4258 background-color: transparent; 4259 } 4260 4261 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color4 :disabled, 4262 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color4.disabled, 4263 .wp-block[data-type="extendstudio/materialis"] .button.color4 :disabled, 4264 .wp-block[data-type="extendstudio/materialis"] .button.color4.disabled { 4265 background-color: rgba(250, 176, 5, 0.5); 4266 border-color: rgba(250, 176, 5, 0.5); 4267 cursor: default; 4268 pointer-events: none; 4269 } 4270 4271 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color5, 4272 .wp-block[data-type="extendstudio/materialis"] .button.color5 { 4273 background-color: #7950f2; 4274 } 4275 4276 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color5:not(:disabled), 4277 .wp-block[data-type="extendstudio/materialis"] .button.color5:not(:disabled) { 4278 color: #ffffff; 4279 } 4280 4281 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color5:not(:disabled), 4282 .wp-block[data-type="extendstudio/materialis"] .button.color5:not(:disabled) { 4283 border-color: #7950f2; 4284 } 4285 4286 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color5::before, 4287 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color5::after, 4288 .wp-block[data-type="extendstudio/materialis"] .button.color5::before, 4289 .wp-block[data-type="extendstudio/materialis"] .button.color5::after { 4290 background-color: rgba(255, 255, 255, 0.8); 4291 } 4292 4293 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color5:hover::before, 4294 .wp-block[data-type="extendstudio/materialis"] .button.color5:hover::before { 4295 opacity: 0.08; 4296 } 4297 4298 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color5:not(.mdc-ripple-upgraded):focus::before, 4299 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color5.mdc-ripple-upgraded--background-focused::before, 4300 .wp-block[data-type="extendstudio/materialis"] .button.color5:not(.mdc-ripple-upgraded):focus::before, 4301 .wp-block[data-type="extendstudio/materialis"] .button.color5.mdc-ripple-upgraded--background-focused::before { 4302 transition-duration: 75ms; 4303 opacity: 0.24; 4304 } 4305 4306 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color5:not(.mdc-ripple-upgraded)::after, 4307 .wp-block[data-type="extendstudio/materialis"] .button.color5:not(.mdc-ripple-upgraded)::after { 4308 transition: opacity 150ms linear; 4309 } 4310 4311 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color5:not(.mdc-ripple-upgraded):active::after, 4312 .wp-block[data-type="extendstudio/materialis"] .button.color5:not(.mdc-ripple-upgraded):active::after { 4313 transition-duration: 75ms; 4314 opacity: 0.32; 4315 } 4316 4317 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color5.mdc-ripple-upgraded, 4318 .wp-block[data-type="extendstudio/materialis"] .button.color5.mdc-ripple-upgraded { 4319 --mdc-ripple-fg-opacity: 0.32; 4320 } 4321 4322 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color5.outline, 4323 .wp-block[data-type="extendstudio/materialis"] .button.color5.outline { 4324 background-color: transparent; 4325 border-style: solid; 4326 } 4327 4328 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color5.outline:not(:disabled), 4329 .wp-block[data-type="extendstudio/materialis"] .button.color5.outline:not(:disabled) { 4330 color: #7950f2; 4331 } 4332 4333 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color5.outline:disabled, 4334 .wp-block[data-type="extendstudio/materialis"] .button.color5.outline:disabled { 4335 border-color: rgba(0, 0, 0, 0.37); 4336 } 4337 4338 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color5.outline:not(:disabled), 4339 .wp-block[data-type="extendstudio/materialis"] .button.color5.outline:not(:disabled) { 4340 border-color: #7950f2; 4341 } 4342 4343 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color5.link, 4344 .wp-block[data-type="extendstudio/materialis"] .button.color5.link { 4345 background-color: transparent; 4346 padding: 0 8px; 4347 } 4348 4349 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color5.link:not(:disabled), 4350 .wp-block[data-type="extendstudio/materialis"] .button.color5.link:not(:disabled) { 4351 color: #7950f2; 4352 } 4353 4354 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color5.link::before, 4355 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color5.link::after, 4356 .wp-block[data-type="extendstudio/materialis"] .button.color5.link::before, 4357 .wp-block[data-type="extendstudio/materialis"] .button.color5.link::after { 4358 background-color: rgba(121, 80, 242, 0.8); 4359 } 4360 4361 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color5.link:hover::before, 4362 .wp-block[data-type="extendstudio/materialis"] .button.color5.link:hover::before { 4363 opacity: 0.04; 4364 } 4365 4366 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color5.link:not(.mdc-ripple-upgraded):focus::before, 4367 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color5.link.mdc-ripple-upgraded--background-focused::before, 4368 .wp-block[data-type="extendstudio/materialis"] .button.color5.link:not(.mdc-ripple-upgraded):focus::before, 4369 .wp-block[data-type="extendstudio/materialis"] .button.color5.link.mdc-ripple-upgraded--background-focused::before { 4370 transition-duration: 75ms; 4371 opacity: 0.12; 4372 } 4373 4374 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color5.link:not(.mdc-ripple-upgraded)::after, 4375 .wp-block[data-type="extendstudio/materialis"] .button.color5.link:not(.mdc-ripple-upgraded)::after { 4376 transition: opacity 150ms linear; 4377 } 4378 4379 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color5.link:not(.mdc-ripple-upgraded):active::after, 4380 .wp-block[data-type="extendstudio/materialis"] .button.color5.link:not(.mdc-ripple-upgraded):active::after { 4381 transition-duration: 75ms; 4382 opacity: 0.16; 4383 } 4384 4385 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color5.link.mdc-ripple-upgraded, 4386 .wp-block[data-type="extendstudio/materialis"] .button.color5.link.mdc-ripple-upgraded { 4387 --mdc-ripple-fg-opacity: 0.16; 4388 } 4389 4390 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color5.link:hover, 4391 .wp-block[data-type="extendstudio/materialis"] .button.color5.link:hover { 4392 background-color: transparent; 4393 } 4394 4395 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color5 :disabled, 4396 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color5.disabled, 4397 .wp-block[data-type="extendstudio/materialis"] .button.color5 :disabled, 4398 .wp-block[data-type="extendstudio/materialis"] .button.color5.disabled { 4399 background-color: rgba(121, 80, 242, 0.5); 4400 border-color: rgba(121, 80, 242, 0.5); 4401 cursor: default; 4402 pointer-events: none; 4403 } 4404 4405 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color6, 4406 .wp-block[data-type="extendstudio/materialis"] .button.color6 { 4407 background-color: #e64980; 4408 } 4409 4410 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color6:not(:disabled), 4411 .wp-block[data-type="extendstudio/materialis"] .button.color6:not(:disabled) { 4412 color: #ffffff; 4413 } 4414 4415 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color6:not(:disabled), 4416 .wp-block[data-type="extendstudio/materialis"] .button.color6:not(:disabled) { 4417 border-color: #e64980; 4418 } 4419 4420 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color6::before, 4421 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color6::after, 4422 .wp-block[data-type="extendstudio/materialis"] .button.color6::before, 4423 .wp-block[data-type="extendstudio/materialis"] .button.color6::after { 4424 background-color: rgba(255, 255, 255, 0.8); 4425 } 4426 4427 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color6:hover::before, 4428 .wp-block[data-type="extendstudio/materialis"] .button.color6:hover::before { 4429 opacity: 0.08; 4430 } 4431 4432 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color6:not(.mdc-ripple-upgraded):focus::before, 4433 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color6.mdc-ripple-upgraded--background-focused::before, 4434 .wp-block[data-type="extendstudio/materialis"] .button.color6:not(.mdc-ripple-upgraded):focus::before, 4435 .wp-block[data-type="extendstudio/materialis"] .button.color6.mdc-ripple-upgraded--background-focused::before { 4436 transition-duration: 75ms; 4437 opacity: 0.24; 4438 } 4439 4440 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color6:not(.mdc-ripple-upgraded)::after, 4441 .wp-block[data-type="extendstudio/materialis"] .button.color6:not(.mdc-ripple-upgraded)::after { 4442 transition: opacity 150ms linear; 4443 } 4444 4445 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color6:not(.mdc-ripple-upgraded):active::after, 4446 .wp-block[data-type="extendstudio/materialis"] .button.color6:not(.mdc-ripple-upgraded):active::after { 4447 transition-duration: 75ms; 4448 opacity: 0.32; 4449 } 4450 4451 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color6.mdc-ripple-upgraded, 4452 .wp-block[data-type="extendstudio/materialis"] .button.color6.mdc-ripple-upgraded { 4453 --mdc-ripple-fg-opacity: 0.32; 4454 } 4455 4456 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color6.outline, 4457 .wp-block[data-type="extendstudio/materialis"] .button.color6.outline { 4458 background-color: transparent; 4459 border-style: solid; 4460 } 4461 4462 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color6.outline:not(:disabled), 4463 .wp-block[data-type="extendstudio/materialis"] .button.color6.outline:not(:disabled) { 4464 color: #e64980; 4465 } 4466 4467 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color6.outline:disabled, 4468 .wp-block[data-type="extendstudio/materialis"] .button.color6.outline:disabled { 4469 border-color: rgba(0, 0, 0, 0.37); 4470 } 4471 4472 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color6.outline:not(:disabled), 4473 .wp-block[data-type="extendstudio/materialis"] .button.color6.outline:not(:disabled) { 4474 border-color: #e64980; 4475 } 4476 4477 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color6.link, 4478 .wp-block[data-type="extendstudio/materialis"] .button.color6.link { 4479 background-color: transparent; 4480 padding: 0 8px; 4481 } 4482 4483 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color6.link:not(:disabled), 4484 .wp-block[data-type="extendstudio/materialis"] .button.color6.link:not(:disabled) { 4485 color: #e64980; 4486 } 4487 4488 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color6.link::before, 4489 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color6.link::after, 4490 .wp-block[data-type="extendstudio/materialis"] .button.color6.link::before, 4491 .wp-block[data-type="extendstudio/materialis"] .button.color6.link::after { 4492 background-color: rgba(230, 73, 128, 0.8); 4493 } 4494 4495 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color6.link:hover::before, 4496 .wp-block[data-type="extendstudio/materialis"] .button.color6.link:hover::before { 4497 opacity: 0.04; 4498 } 4499 4500 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color6.link:not(.mdc-ripple-upgraded):focus::before, 4501 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color6.link.mdc-ripple-upgraded--background-focused::before, 4502 .wp-block[data-type="extendstudio/materialis"] .button.color6.link:not(.mdc-ripple-upgraded):focus::before, 4503 .wp-block[data-type="extendstudio/materialis"] .button.color6.link.mdc-ripple-upgraded--background-focused::before { 4504 transition-duration: 75ms; 4505 opacity: 0.12; 4506 } 4507 4508 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color6.link:not(.mdc-ripple-upgraded)::after, 4509 .wp-block[data-type="extendstudio/materialis"] .button.color6.link:not(.mdc-ripple-upgraded)::after { 4510 transition: opacity 150ms linear; 4511 } 4512 4513 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color6.link:not(.mdc-ripple-upgraded):active::after, 4514 .wp-block[data-type="extendstudio/materialis"] .button.color6.link:not(.mdc-ripple-upgraded):active::after { 4515 transition-duration: 75ms; 4516 opacity: 0.16; 4517 } 4518 4519 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color6.link.mdc-ripple-upgraded, 4520 .wp-block[data-type="extendstudio/materialis"] .button.color6.link.mdc-ripple-upgraded { 4521 --mdc-ripple-fg-opacity: 0.16; 4522 } 4523 4524 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color6.link:hover, 4525 .wp-block[data-type="extendstudio/materialis"] .button.color6.link:hover { 4526 background-color: transparent; 4527 } 4528 4529 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color6 :disabled, 4530 .wp-block[data-type="extendstudio/materialis"] input[type=submit].color6.disabled, 4531 .wp-block[data-type="extendstudio/materialis"] .button.color6 :disabled, 4532 .wp-block[data-type="extendstudio/materialis"] .button.color6.disabled { 4533 background-color: rgba(230, 73, 128, 0.5); 4534 border-color: rgba(230, 73, 128, 0.5); 4535 cursor: default; 4536 pointer-events: none; 4537 } 4538 4539 .wp-block[data-type="extendstudio/materialis"] input[type=submit].white-text, 4540 .wp-block[data-type="extendstudio/materialis"] .button.white-text { 4541 color: #ffffff !important; 4542 } 4543 4544 .wp-block[data-type="extendstudio/materialis"] input[type=submit].dark-text, 4545 .wp-block[data-type="extendstudio/materialis"] .button.dark-text { 4546 color: #2b2d42 !important; 4547 } 4548 4549 .wp-block[data-type="extendstudio/materialis"] input[type=submit].negative-margin, 4550 .wp-block[data-type="extendstudio/materialis"] .button.negative-margin { 4551 margin-left: -0.5rem; 4552 } 4553 4554 .wp-block[data-type="extendstudio/materialis"] input[type=submit] .button-icon, 4555 .wp-block[data-type="extendstudio/materialis"] .button .button-icon { 4556 font-size: 2em; 4557 margin-right: 0.35em; 4558 vertical-align: middle; 4559 } 4560 4561 .wp-block[data-type="extendstudio/materialis"] .mdc-card { 4562 background-color: #fff; 4563 /* @alternate */ 4564 background-color: var(--mdc-theme-surface, #fff); 4565 border-radius: 2px; 4566 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); 4567 display: flex; 4568 flex-direction: column; 4569 box-sizing: border-box; 4570 } 4571 4572 .wp-block[data-type="extendstudio/materialis"] .mdc-card--outlined { 4573 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); 4574 border: 1px solid #e0e0e0; 4575 } 4576 4577 .wp-block[data-type="extendstudio/materialis"] .mdc-card__media { 4578 position: relative; 4579 box-sizing: border-box; 4580 background-repeat: no-repeat; 4581 background-position: center; 4582 background-size: cover; 4583 } 4584 4585 .wp-block[data-type="extendstudio/materialis"] .mdc-card__media::before { 4586 display: block; 4587 content: ""; 4588 } 4589 4590 .wp-block[data-type="extendstudio/materialis"] .mdc-card__media:first-child { 4591 border-top-left-radius: inherit; 4592 border-top-right-radius: inherit; 4593 } 4594 4595 .wp-block[data-type="extendstudio/materialis"] .mdc-card__media:last-child { 4596 border-bottom-left-radius: inherit; 4597 border-bottom-right-radius: inherit; 4598 } 4599 4600 .wp-block[data-type="extendstudio/materialis"] .mdc-card__media--square::before { 4601 margin-top: 100%; 4602 } 4603 4604 .wp-block[data-type="extendstudio/materialis"] .mdc-card__media--16-9::before { 4605 margin-top: 56.25%; 4606 } 4607 4608 .wp-block[data-type="extendstudio/materialis"] .mdc-card__media-content { 4609 position: absolute; 4610 top: 0; 4611 right: 0; 4612 bottom: 0; 4613 left: 0; 4614 box-sizing: border-box; 4615 } 4616 4617 .wp-block[data-type="extendstudio/materialis"] .mdc-card__primary-action { 4618 --mdc-ripple-fg-size: 0; 4619 --mdc-ripple-left: 0; 4620 --mdc-ripple-top: 0; 4621 --mdc-ripple-fg-scale: 1; 4622 --mdc-ripple-fg-translate-end: 0; 4623 --mdc-ripple-fg-translate-start: 0; 4624 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 4625 will-change: transform, opacity; 4626 display: flex; 4627 flex-direction: column; 4628 box-sizing: border-box; 4629 position: relative; 4630 outline: none; 4631 color: inherit; 4632 text-decoration: none; 4633 cursor: pointer; 4634 overflow: hidden; 4635 } 4636 4637 .wp-block[data-type="extendstudio/materialis"] .mdc-card__primary-action::before, 4638 .wp-block[data-type="extendstudio/materialis"] .mdc-card__primary-action::after { 4639 position: absolute; 4640 border-radius: 50%; 4641 opacity: 0; 4642 pointer-events: none; 4643 content: ""; 4644 } 4645 4646 .wp-block[data-type="extendstudio/materialis"] .mdc-card__primary-action::before { 4647 transition: opacity 15ms linear; 4648 z-index: 1; 4649 } 4650 4651 .wp-block[data-type="extendstudio/materialis"] .mdc-card__primary-action.mdc-ripple-upgraded::before { 4652 -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1)); 4653 transform: scale(var(--mdc-ripple-fg-scale, 1)); 4654 } 4655 4656 .wp-block[data-type="extendstudio/materialis"] .mdc-card__primary-action.mdc-ripple-upgraded::after { 4657 top: 0; 4658 /* @noflip */ 4659 left: 0; 4660 -webkit-transform: scale(0); 4661 transform: scale(0); 4662 -webkit-transform-origin: center center; 4663 transform-origin: center center; 4664 } 4665 4666 .wp-block[data-type="extendstudio/materialis"] .mdc-card__primary-action.mdc-ripple-upgraded--unbounded::after { 4667 top: var(--mdc-ripple-top, 0); 4668 /* @noflip */ 4669 left: var(--mdc-ripple-left, 0); 4670 } 4671 4672 .wp-block[data-type="extendstudio/materialis"] .mdc-card__primary-action.mdc-ripple-upgraded--foreground-activation::after { 4673 -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; 4674 animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; 4675 } 4676 4677 .wp-block[data-type="extendstudio/materialis"] .mdc-card__primary-action.mdc-ripple-upgraded--foreground-deactivation::after { 4678 -webkit-animation: 150ms mdc-ripple-fg-opacity-out; 4679 animation: 150ms mdc-ripple-fg-opacity-out; 4680 -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); 4681 transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); 4682 } 4683 4684 .wp-block[data-type="extendstudio/materialis"] .mdc-card__primary-action::before, 4685 .wp-block[data-type="extendstudio/materialis"] .mdc-card__primary-action::after { 4686 top: calc(50% - 100%); 4687 /* @noflip */ 4688 left: calc(50% - 100%); 4689 width: 200%; 4690 height: 200%; 4691 } 4692 4693 .wp-block[data-type="extendstudio/materialis"] .mdc-card__primary-action.mdc-ripple-upgraded::after { 4694 width: var(--mdc-ripple-fg-size, 100%); 4695 height: var(--mdc-ripple-fg-size, 100%); 4696 } 4697 4698 .wp-block[data-type="extendstudio/materialis"] .mdc-card__primary-action::before, 4699 .wp-block[data-type="extendstudio/materialis"] .mdc-card__primary-action::after { 4700 background-color: black; 4701 } 4702 4703 .wp-block[data-type="extendstudio/materialis"] .mdc-card__primary-action:hover::before { 4704 opacity: 0.04; 4705 } 4706 4707 .wp-block[data-type="extendstudio/materialis"] .mdc-card__primary-action:not(.mdc-ripple-upgraded):focus::before, 4708 .wp-block[data-type="extendstudio/materialis"] .mdc-card__primary-action.mdc-ripple-upgraded--background-focused::before { 4709 transition-duration: 75ms; 4710 opacity: 0.12; 4711 } 4712 4713 .wp-block[data-type="extendstudio/materialis"] .mdc-card__primary-action:not(.mdc-ripple-upgraded)::after { 4714 transition: opacity 150ms linear; 4715 } 4716 4717 .wp-block[data-type="extendstudio/materialis"] .mdc-card__primary-action:not(.mdc-ripple-upgraded):active::after { 4718 transition-duration: 75ms; 4719 opacity: 0.16; 4720 } 4721 4722 .wp-block[data-type="extendstudio/materialis"] .mdc-card__primary-action.mdc-ripple-upgraded { 4723 --mdc-ripple-fg-opacity: 0.16; 4724 } 4725 4726 .wp-block[data-type="extendstudio/materialis"] .mdc-card__primary-action:first-child { 4727 border-top-left-radius: inherit; 4728 border-top-right-radius: inherit; 4729 } 4730 4731 .wp-block[data-type="extendstudio/materialis"] .mdc-card__primary-action:last-child { 4732 border-bottom-left-radius: inherit; 4733 border-bottom-right-radius: inherit; 4734 } 4735 4736 .wp-block[data-type="extendstudio/materialis"] .mdc-card__actions { 4737 display: flex; 4738 flex-direction: row; 4739 align-items: center; 4740 box-sizing: border-box; 4741 min-height: 52px; 4742 padding: 8px; 4743 } 4744 4745 .wp-block[data-type="extendstudio/materialis"] .mdc-card__actions--full-bleed { 4746 padding: 0; 4747 } 4748 4749 .wp-block[data-type="extendstudio/materialis"] .mdc-card__action-buttons, 4750 .wp-block[data-type="extendstudio/materialis"] .mdc-card__action-icons { 4751 display: flex; 4752 flex-direction: row; 4753 align-items: center; 4754 box-sizing: border-box; 4755 } 4756 4757 .wp-block[data-type="extendstudio/materialis"] .mdc-card__action-icons { 4758 color: rgba(0, 0, 0, 0.38); 4759 /* @alternate */ 4760 color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38)); 4761 flex-grow: 1; 4762 justify-content: flex-end; 4763 } 4764 4765 .wp-block[data-type="extendstudio/materialis"] .mdc-card__action-buttons + .mdc-card__action-icons { 4766 /* @noflip */ 4767 margin-left: 16px; 4768 /* @noflip */ 4769 margin-right: 0; 4770 } 4771 4772 [dir=rtl] .wp-block[data-type="extendstudio/materialis"] .mdc-card__action-buttons + .mdc-card__action-icons, 4773 .wp-block[data-type="extendstudio/materialis"] .mdc-card__action-buttons + .mdc-card__action-icons[dir=rtl] { 4774 /* @noflip */ 4775 margin-left: 0; 4776 /* @noflip */ 4777 margin-right: 16px; 4778 } 4779 4780 .wp-block[data-type="extendstudio/materialis"] .mdc-card__action { 4781 display: inline-flex; 4782 flex-direction: row; 4783 align-items: center; 4784 box-sizing: border-box; 4785 justify-content: center; 4786 cursor: pointer; 4787 -webkit-user-select: none; 4788 -moz-user-select: none; 4789 -ms-user-select: none; 4790 user-select: none; 4791 } 4792 4793 .wp-block[data-type="extendstudio/materialis"] .mdc-card__action:focus { 4794 outline: none; 4795 } 4796 4797 .wp-block[data-type="extendstudio/materialis"] .mdc-card__action--button { 4798 /* @noflip */ 4799 margin-left: 0; 4800 /* @noflip */ 4801 margin-right: 8px; 4802 padding: 0 8px; 4803 } 4804 4805 [dir=rtl] .wp-block[data-type="extendstudio/materialis"] .mdc-card__action--button, 4806 .wp-block[data-type="extendstudio/materialis"] .mdc-card__action--button[dir=rtl] { 4807 /* @noflip */ 4808 margin-left: 8px; 4809 /* @noflip */ 4810 margin-right: 0; 4811 } 4812 4813 .wp-block[data-type="extendstudio/materialis"] .mdc-card__action--button:last-child { 4814 /* @noflip */ 4815 margin-left: 0; 4816 /* @noflip */ 4817 margin-right: 0; 4818 } 4819 4820 [dir=rtl] .wp-block[data-type="extendstudio/materialis"] .mdc-card__action--button:last-child, 4821 .wp-block[data-type="extendstudio/materialis"] .mdc-card__action--button:last-child[dir=rtl] { 4822 /* @noflip */ 4823 margin-left: 0; 4824 /* @noflip */ 4825 margin-right: 0; 4826 } 4827 4828 .wp-block[data-type="extendstudio/materialis"] .mdc-card__actions--full-bleed .mdc-card__action--button { 4829 justify-content: space-between; 4830 width: 100%; 4831 height: auto; 4832 max-height: none; 4833 margin: 0; 4834 padding: 8px 16px; 4835 text-align: left; 4836 } 4837 4838 [dir=rtl] .wp-block[data-type="extendstudio/materialis"] .mdc-card__actions--full-bleed .mdc-card__action--button, 4839 .wp-block[data-type="extendstudio/materialis"] .mdc-card__actions--full-bleed .mdc-card__action--button[dir=rtl] { 4840 text-align: right; 4841 } 4842 4843 .wp-block[data-type="extendstudio/materialis"] .mdc-card__action--icon { 4844 margin: -6px 0; 4845 padding: 12px; 4846 } 4847 4848 .wp-block[data-type="extendstudio/materialis"] .mdc-card__action--icon:not(:disabled) { 4849 color: rgba(0, 0, 0, 0.38); 4850 /* @alternate */ 4851 color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38)); 4852 } 4853 4854 .wp-block[data-type="extendstudio/materialis"] .mdc-card.rounded { 4855 border-radius: 8px; 4856 overflow: hidden; 4857 } 4858 4859 .wp-block[data-type="extendstudio/materialis"] .mdc-card.rounded-small { 4860 border-radius: 4px; 4861 overflow: hidden; 4862 } 4863 4864 .wp-block[data-type="extendstudio/materialis"] .mdc-card .mdc-card__actions { 4865 min-height: 60px; 4866 border-top: 1px solid #e0e1e1; 4867 } 4868 4869 .wp-block[data-type="extendstudio/materialis"] .mdc-card.bordered, 4870 .wp-block[data-type="extendstudio/materialis"] .mdc-card.card[class*=bottom-border-] { 4871 border: 1px solid #e0e1e1; 4872 } 4873 4874 .wp-block[data-type="extendstudio/materialis"] .card { 4875 padding: 24px 40px; 4876 background-color: #ffffff; 4877 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); 4878 background-color: #fff; 4879 /* @alternate */ 4880 background-color: var(--mdc-theme-background, #fff); 4881 border-radius: 8px; 4882 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); 4883 } 4884 4885 .wp-block[data-type="extendstudio/materialis"] .card.small-padding { 4886 padding: 24px 24px; 4887 } 4888 4889 .wp-block[data-type="extendstudio/materialis"] .card.large-padding { 4890 padding: 48px 48px; 4891 } 4892 4893 .wp-block[data-type="extendstudio/materialis"] .card.no-padding { 4894 padding: 0px 0px 1rem 0px; 4895 } 4896 4897 .wp-block[data-type="extendstudio/materialis"] .card.bordered, 4898 .wp-block[data-type="extendstudio/materialis"] .card[class*=bottom-border-] { 4899 border: 1px solid #e0e1e1; 4900 } 4901 4902 .wp-block[data-type="extendstudio/materialis"] .card.bordered.y-move, 4903 .wp-block[data-type="extendstudio/materialis"] .card.y-move[class*=bottom-border-] { 4904 transition: all 0.2s; 4905 } 4906 4907 .wp-block[data-type="extendstudio/materialis"] .card.bordered.y-move:hover, 4908 .wp-block[data-type="extendstudio/materialis"] .card.y-move[class*=bottom-border-]:hover { 4909 -webkit-transform: translateY(-2px); 4910 transform: translateY(-2px); 4911 box-shadow: 0 10px 20px rgba(189, 189, 189, 0.19), 0 6px 6px rgba(189, 189, 189, 0.23); 4912 } 4913 4914 .wp-block[data-type="extendstudio/materialis"] .card.transparent { 4915 background: transparent; 4916 border: 1px solid #e0e1e1; 4917 } 4918 4919 .wp-block[data-type="extendstudio/materialis"] .card.rounded { 4920 border-radius: 10px; 4921 } 4922 4923 .wp-block[data-type="extendstudio/materialis"] .card[class*=bottom-border-] { 4924 border-bottom: 3px solid transparent; 4925 } 4926 4927 .wp-block[data-type="extendstudio/materialis"] .card.row-card { 4928 padding-left: 15px; 4929 padding-right: 15px; 4930 } 4931 4932 .wp-block[data-type="extendstudio/materialis"] .card.shadow { 4933 box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.11); 4934 border: 1px solid #E3E4E5; 4935 } 4936 4937 .wp-block[data-type="extendstudio/materialis"] .card.shadow-small { 4938 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); 4939 } 4940 4941 .wp-block[data-type="extendstudio/materialis"] .card.shadow-medium { 4942 box-shadow: 0px 4px 10px 0 rgba(74, 74, 74, 0.3), 0 4px 10px rgba(0, 0, 0, 0.08); 4943 } 4944 4945 .wp-block[data-type="extendstudio/materialis"] .card.shadow-large { 4946 box-shadow: 0px 10px 30px 0 rgba(189, 189, 189, 0.3), 0 10px 30px rgba(0, 0, 0, 0.08); 4947 } 4948 4949 .wp-block[data-type="extendstudio/materialis"] .card.shadow-large-black { 4950 box-shadow: 0px 10px 30px 0 rgba(43, 45, 66, 0.3), 0 10px 30px rgba(0, 0, 0, 0.08); 4951 } 4952 4953 .wp-block[data-type="extendstudio/materialis"] .card.no-radius { 4954 border-radius: 0px; 4955 } 4956 4957 .wp-block[data-type="extendstudio/materialis"] .card.no-shadow { 4958 box-shadow: none; 4959 } 4960 4961 .wp-block[data-type="extendstudio/materialis"] .card.bottom-border-color1 { 4962 border-bottom-color: #228ae6; 4963 } 4964 4965 .wp-block[data-type="extendstudio/materialis"] .card.bottom-border-color2 { 4966 border-bottom-color: #fa5252; 4967 } 4968 4969 .wp-block[data-type="extendstudio/materialis"] .card.bottom-border-color3 { 4970 border-bottom-color: #82c91e; 4971 } 4972 4973 .wp-block[data-type="extendstudio/materialis"] .card.bottom-border-color4 { 4974 border-bottom-color: #fab005; 4975 } 4976 4977 .wp-block[data-type="extendstudio/materialis"] .card.bottom-border-color5 { 4978 border-bottom-color: #7950f2; 4979 } 4980 4981 .wp-block[data-type="extendstudio/materialis"] .card.bottom-border-color6 { 4982 border-bottom-color: #e64980; 4983 } 4984 4985 .wp-block[data-type="extendstudio/materialis"] .card.bottom-border-color-black { 4986 border-bottom-color: #000000; 4987 } 4988 4989 .wp-block[data-type="extendstudio/materialis"] .card.bottom-border-color-white { 4990 border-bottom-color: #ffffff; 4991 } 4992 4993 .wp-block[data-type="extendstudio/materialis"] .card.card-color1 { 4994 background-color: #228ae6; 4995 } 4996 4997 .wp-block[data-type="extendstudio/materialis"] .card.card-color2 { 4998 background-color: #fa5252; 4999 } 5000 5001 .wp-block[data-type="extendstudio/materialis"] .card.card-color3 { 5002 background-color: #82c91e; 5003 } 5004 5005 .wp-block[data-type="extendstudio/materialis"] .card.card-color4 { 5006 background-color: #fab005; 5007 } 5008 5009 .wp-block[data-type="extendstudio/materialis"] .card.card-color5 { 5010 background-color: #7950f2; 5011 } 5012 5013 .wp-block[data-type="extendstudio/materialis"] .card.card-color6 { 5014 background-color: #e64980; 5015 } 5016 5017 .wp-block[data-type="extendstudio/materialis"] .card.card-color-black { 5018 background-color: #000000; 5019 } 5020 5021 .wp-block[data-type="extendstudio/materialis"] .card.card-color-white { 5022 background-color: #ffffff; 5023 } 5024 5025 .wp-block[data-type="extendstudio/materialis"] .card.bg-color1 { 5026 background-color: #228ae6; 5027 } 5028 5029 .wp-block[data-type="extendstudio/materialis"] .card.bg-color2 { 5030 background-color: #fa5252; 5031 } 5032 5033 .wp-block[data-type="extendstudio/materialis"] .card.bg-color3 { 5034 background-color: #82c91e; 5035 } 5036 5037 .wp-block[data-type="extendstudio/materialis"] .card.bg-color4 { 5038 background-color: #fab005; 5039 } 5040 5041 .wp-block[data-type="extendstudio/materialis"] .card.bg-color5 { 5042 background-color: #7950f2; 5043 } 5044 5045 .wp-block[data-type="extendstudio/materialis"] .card.bg-color6 { 5046 background-color: #e64980; 5047 } 5048 5049 .wp-block[data-type="extendstudio/materialis"] .card.bg-color-black { 5050 background-color: #000000; 5051 } 5052 5053 .wp-block[data-type="extendstudio/materialis"] .card.bg-color-white { 5054 background-color: #ffffff; 5055 } 5056 5057 .wp-block[data-type="extendstudio/materialis"] .mdc-form-field { 5058 font-family: Roboto, sans-serif; 5059 -moz-osx-font-smoothing: grayscale; 5060 -webkit-font-smoothing: antialiased; 5061 font-size: 1rem; 5062 line-height: 1.5rem; 5063 font-weight: 400; 5064 letter-spacing: 0.03125em; 5065 text-decoration: inherit; 5066 text-transform: inherit; 5067 color: rgba(0, 0, 0, 0.87); 5068 /* @alternate */ 5069 color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)); 5070 display: inline-flex; 5071 align-items: center; 5072 vertical-align: middle; 5073 } 5074 5075 .wp-block[data-type="extendstudio/materialis"] .mdc-form-field > label { 5076 order: 0; 5077 margin-right: auto; 5078 padding-left: 4px; 5079 } 5080 5081 [dir=rtl] .wp-block[data-type="extendstudio/materialis"] .mdc-form-field > label, 5082 .wp-block[data-type="extendstudio/materialis"] .mdc-form-field[dir=rtl] > label { 5083 margin-left: auto; 5084 padding-right: 4px; 5085 } 5086 5087 .wp-block[data-type="extendstudio/materialis"] .mdc-form-field--align-end > label { 5088 order: -1; 5089 margin-left: auto; 5090 padding-right: 4px; 5091 } 5092 5093 [dir=rtl] .wp-block[data-type="extendstudio/materialis"] .mdc-form-field--align-end > label, 5094 .wp-block[data-type="extendstudio/materialis"] .mdc-form-field--align-end[dir=rtl] > label { 5095 margin-right: auto; 5096 padding-left: 4px; 5097 } 5098 5099 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field { 5100 display: inline-block; 5101 position: relative; 5102 margin-bottom: 8px; 5103 will-change: opacity, transform, color; 5104 } 5105 5106 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input { 5107 border-bottom-color: #4a4a4a; 5108 } 5109 5110 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input:hover { 5111 border-bottom-color: #228ae6; 5112 } 5113 5114 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field .mdc-line-ripple { 5115 background-color: #228ae6; 5116 } 5117 5118 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input { 5119 color: rgba(0, 0, 0, 0.87); 5120 /* @alternate */ 5121 color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)); 5122 } 5123 5124 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label { 5125 color: #4a4a4a; 5126 } 5127 5128 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder { 5129 color: #4a4a4a; 5130 } 5131 5132 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder { 5133 color: #4a4a4a; 5134 } 5135 5136 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-ms-input-placeholder { 5137 color: #4a4a4a; 5138 } 5139 5140 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder { 5141 color: #4a4a4a; 5142 } 5143 5144 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field:not(.mdc-text-field--disabled) + .mdc-text-field-helper-text { 5145 color: #228ae6; 5146 } 5147 5148 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--textarea) { 5149 border-bottom-color: #228ae6; 5150 } 5151 5152 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon { 5153 color: #228ae6; 5154 } 5155 5156 .wp-block[data-type="extendstudio/materialis"] select, 5157 .wp-block[data-type="extendstudio/materialis"] textarea, 5158 .wp-block[data-type="extendstudio/materialis"] input:not([type=submit]):not([type=checkbox]), 5159 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field__input { 5160 font-family: Roboto, sans-serif; 5161 -moz-osx-font-smoothing: grayscale; 5162 -webkit-font-smoothing: antialiased; 5163 letter-spacing: 0.009375em; 5164 width: 100%; 5165 padding: 0 0 8px; 5166 transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1); 5167 border: none; 5168 border-bottom: 1px solid; 5169 border-radius: 0; 5170 background: none; 5171 font-size: inherit; 5172 -webkit-appearance: none; 5173 -moz-appearance: none; 5174 appearance: none; 5175 } 5176 5177 .wp-block[data-type="extendstudio/materialis"] select::-webkit-input-placeholder, 5178 .wp-block[data-type="extendstudio/materialis"] textarea::-webkit-input-placeholder, 5179 .wp-block[data-type="extendstudio/materialis"] input:not([type=submit]):not([type=checkbox])::-webkit-input-placeholder, 5180 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field__input::-webkit-input-placeholder { 5181 transition: color 180ms cubic-bezier(0.4, 0, 0.2, 1); 5182 opacity: 1; 5183 } 5184 5185 .wp-block[data-type="extendstudio/materialis"] select:-ms-input-placeholder, 5186 .wp-block[data-type="extendstudio/materialis"] textarea:-ms-input-placeholder, 5187 .wp-block[data-type="extendstudio/materialis"] input:not([type=submit]):not([type=checkbox]):-ms-input-placeholder, 5188 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field__input:-ms-input-placeholder { 5189 transition: color 180ms cubic-bezier(0.4, 0, 0.2, 1); 5190 opacity: 1; 5191 } 5192 5193 .wp-block[data-type="extendstudio/materialis"] select::-ms-input-placeholder, 5194 .wp-block[data-type="extendstudio/materialis"] textarea::-ms-input-placeholder, 5195 .wp-block[data-type="extendstudio/materialis"] input:not([type=submit]):not([type=checkbox])::-ms-input-placeholder, 5196 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field__input::-ms-input-placeholder { 5197 transition: color 180ms cubic-bezier(0.4, 0, 0.2, 1); 5198 opacity: 1; 5199 } 5200 5201 .wp-block[data-type="extendstudio/materialis"] select::placeholder, 5202 .wp-block[data-type="extendstudio/materialis"] textarea::placeholder, 5203 .wp-block[data-type="extendstudio/materialis"] input:not([type=submit]):not([type=checkbox])::placeholder, 5204 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field__input::placeholder { 5205 transition: color 180ms cubic-bezier(0.4, 0, 0.2, 1); 5206 opacity: 1; 5207 } 5208 5209 .wp-block[data-type="extendstudio/materialis"] select:focus, 5210 .wp-block[data-type="extendstudio/materialis"] textarea:focus, 5211 .wp-block[data-type="extendstudio/materialis"] input:not([type=submit]):not([type=checkbox]):focus, 5212 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field__input:focus { 5213 outline: none; 5214 } 5215 5216 .wp-block[data-type="extendstudio/materialis"] select:invalid, 5217 .wp-block[data-type="extendstudio/materialis"] textarea:invalid, 5218 .wp-block[data-type="extendstudio/materialis"] input:not([type=submit]):not([type=checkbox]):invalid, 5219 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field__input:invalid { 5220 box-shadow: none; 5221 } 5222 5223 .wp-block[data-type="extendstudio/materialis"] select:-webkit-autofill + .mdc-floating-label, 5224 .wp-block[data-type="extendstudio/materialis"] textarea:-webkit-autofill + .mdc-floating-label, 5225 .wp-block[data-type="extendstudio/materialis"] input:not([type=submit]):not([type=checkbox]):-webkit-autofill + .mdc-floating-label, 5226 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field__input:-webkit-autofill + .mdc-floating-label { 5227 -webkit-transform: translateY(-100%) scale(0.75); 5228 transform: translateY(-100%) scale(0.75); 5229 cursor: auto; 5230 } 5231 5232 .wp-block[data-type="extendstudio/materialis"] select { 5233 width: 100%; 5234 padding: 10px 12px 8px 1px; 5235 outline: none; 5236 white-space: nowrap; 5237 cursor: pointer; 5238 -webkit-appearance: none; 5239 -moz-appearance: none; 5240 appearance: none; 5241 background: transparent no-repeat right 2px bottom 16px; 5242 line-height: 1.5rem; 5243 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); 5244 } 5245 5246 .wp-block[data-type="extendstudio/materialis"] select::-ms-expand { 5247 display: none; 5248 } 5249 5250 @-moz-document url-prefix("") { 5251 .wp-block[data-type="extendstudio/materialis"] select { 5252 text-indent: -2px; 5253 } 5254 } 5255 5256 .wp-block[data-type="extendstudio/materialis"] select:focus { 5257 border-bottom-color: #228ae6; 5258 } 5259 5260 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--outlined { 5261 height: 56px; 5262 border: none; 5263 } 5264 5265 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__idle { 5266 border-color: rgba(0, 0, 0, 0.24); 5267 } 5268 5269 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__path { 5270 stroke: rgba(0, 0, 0, 0.24); 5271 } 5272 5273 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline__idle, 5274 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline__idle { 5275 border-color: rgba(0, 0, 0, 0.87); 5276 } 5277 5278 .wp-block[data-type="extendstudio/materialis"] .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, 5279 .wp-block[data-type="extendstudio/materialis"] .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 { 5280 stroke: rgba(0, 0, 0, 0.87); 5281 } 5282 5283 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__path { 5284 stroke: #6200ee; 5285 /* @alternate */ 5286 stroke: var(--mdc-theme-primary, #6200ee); 5287 } 5288 5289 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--outlined .mdc-floating-label--float-above { 5290 -webkit-transform: translateY(-130%) translateX(0%) scale(0.75); 5291 transform: translateY(-130%) translateX(0%) scale(0.75); 5292 } 5293 5294 [dir=rtl] .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--outlined .mdc-floating-label--float-above, 5295 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--outlined .mdc-floating-label--float-above[dir=rtl] { 5296 -webkit-transform: translateY(-130%) translateX(0%) scale(0.75); 5297 transform: translateY(-130%) translateX(0%) scale(0.75); 5298 } 5299 5300 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--outlined .mdc-floating-label--shake { 5301 -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1; 5302 animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1; 5303 } 5304 5305 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--outlined .mdc-notched-outline { 5306 border-radius: 4px; 5307 } 5308 5309 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--outlined .mdc-notched-outline__idle { 5310 border-radius: 4px; 5311 } 5312 5313 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--outlined .mdc-text-field__input { 5314 display: flex; 5315 padding: 12px; 5316 border: none !important; 5317 background-color: transparent; 5318 z-index: 1; 5319 } 5320 5321 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--outlined .mdc-floating-label { 5322 /* @noflip */ 5323 left: 16px; 5324 /* @noflip */ 5325 right: initial; 5326 position: absolute; 5327 bottom: 20px; 5328 } 5329 5330 [dir=rtl] .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--outlined .mdc-floating-label, 5331 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--outlined .mdc-floating-label[dir=rtl] { 5332 /* @noflip */ 5333 left: initial; 5334 /* @noflip */ 5335 right: 16px; 5336 } 5337 5338 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--outlined .mdc-text-field__icon { 5339 z-index: 2; 5340 } 5341 5342 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__path { 5343 stroke-width: 2px; 5344 } 5345 5346 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--outlined.mdc-text-field--disabled .mdc-text-field__input { 5347 color: rgba(0, 0, 0, 0.6); 5348 } 5349 5350 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__idle { 5351 border-color: rgba(0, 0, 0, 0.06); 5352 } 5353 5354 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__path { 5355 stroke: rgba(0, 0, 0, 0.06); 5356 } 5357 5358 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--outlined.mdc-text-field--disabled .mdc-text-field__input { 5359 border-bottom: none; 5360 } 5361 5362 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--outlined.mdc-text-field--dense { 5363 height: 48px; 5364 } 5365 5366 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above { 5367 -webkit-transform: translateY(-110%) translateX(0%) scale(0.923); 5368 transform: translateY(-110%) translateX(0%) scale(0.923); 5369 } 5370 5371 [dir=rtl] .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above, 5372 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above[dir=rtl] { 5373 -webkit-transform: translateY(-110%) translateX(0%) scale(0.923); 5374 transform: translateY(-110%) translateX(0%) scale(0.923); 5375 } 5376 5377 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--shake { 5378 -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-dense 250ms 1; 5379 animation: mdc-floating-label-shake-float-above-text-field-outlined-dense 250ms 1; 5380 } 5381 5382 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--outlined.mdc-text-field--dense .mdc-text-field__input { 5383 padding: 12px 12px 7px; 5384 } 5385 5386 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label { 5387 bottom: 16px; 5388 } 5389 5390 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--outlined.mdc-text-field--dense .mdc-text-field__icon { 5391 top: 12px; 5392 } 5393 5394 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--box { 5395 --mdc-ripple-fg-size: 0; 5396 --mdc-ripple-left: 0; 5397 --mdc-ripple-top: 0; 5398 --mdc-ripple-fg-scale: 1; 5399 --mdc-ripple-fg-translate-end: 0; 5400 --mdc-ripple-fg-translate-start: 0; 5401 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 5402 will-change: transform, opacity; 5403 border-radius: 4px 4px 0 0; 5404 display: inline-flex; 5405 position: relative; 5406 height: 56px; 5407 margin-top: 16px; 5408 overflow: hidden; 5409 } 5410 5411 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--box::before, 5412 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--box::after { 5413 position: absolute; 5414 border-radius: 50%; 5415 opacity: 0; 5416 pointer-events: none; 5417 content: ""; 5418 } 5419 5420 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--box::before { 5421 transition: opacity 15ms linear; 5422 z-index: 1; 5423 } 5424 5425 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--box.mdc-ripple-upgraded::before { 5426 -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1)); 5427 transform: scale(var(--mdc-ripple-fg-scale, 1)); 5428 } 5429 5430 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--box.mdc-ripple-upgraded::after { 5431 top: 0; 5432 /* @noflip */ 5433 left: 0; 5434 -webkit-transform: scale(0); 5435 transform: scale(0); 5436 -webkit-transform-origin: center center; 5437 transform-origin: center center; 5438 } 5439 5440 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--box.mdc-ripple-upgraded--unbounded::after { 5441 top: var(--mdc-ripple-top, 0); 5442 /* @noflip */ 5443 left: var(--mdc-ripple-left, 0); 5444 } 5445 5446 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--box.mdc-ripple-upgraded--foreground-activation::after { 5447 -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; 5448 animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; 5449 } 5450 5451 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--box.mdc-ripple-upgraded--foreground-deactivation::after { 5452 -webkit-animation: 150ms mdc-ripple-fg-opacity-out; 5453 animation: 150ms mdc-ripple-fg-opacity-out; 5454 -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); 5455 transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); 5456 } 5457 5458 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--box::before, 5459 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--box::after { 5460 background-color: rgba(0, 0, 0, 0.87); 5461 } 5462 5463 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--box:hover::before { 5464 opacity: 0.04; 5465 } 5466 5467 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--box:not(.mdc-ripple-upgraded):focus::before, 5468 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--box:not(.mdc-ripple-upgraded):focus-within::before, 5469 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--box.mdc-ripple-upgraded--background-focused::before { 5470 transition-duration: 75ms; 5471 opacity: 0.12; 5472 } 5473 5474 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--box::before, 5475 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--box::after { 5476 top: calc(50% - 100%); 5477 /* @noflip */ 5478 left: calc(50% - 100%); 5479 width: 200%; 5480 height: 200%; 5481 } 5482 5483 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--box.mdc-ripple-upgraded::after { 5484 width: var(--mdc-ripple-fg-size, 100%); 5485 height: var(--mdc-ripple-fg-size, 100%); 5486 } 5487 5488 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--box:not(.mdc-text-field--disabled) { 5489 background-color: whitesmoke; 5490 } 5491 5492 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--box .mdc-floating-label--float-above { 5493 -webkit-transform: translateY(-50%) translateX(0%) scale(0.75); 5494 transform: translateY(-50%) translateX(0%) scale(0.75); 5495 } 5496 5497 [dir=rtl] .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--box .mdc-floating-label--float-above, 5498 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--box .mdc-floating-label--float-above[dir=rtl] { 5499 -webkit-transform: translateY(-50%) translateX(0%) scale(0.75); 5500 transform: translateY(-50%) translateX(0%) scale(0.75); 5501 } 5502 5503 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--box .mdc-floating-label--shake { 5504 -webkit-animation: mdc-floating-label-shake-float-above-text-field-box 250ms 1; 5505 animation: mdc-floating-label-shake-float-above-text-field-box 250ms 1; 5506 } 5507 5508 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--box .mdc-text-field__input { 5509 align-self: flex-end; 5510 box-sizing: border-box; 5511 height: 100%; 5512 padding: 20px 16px 0; 5513 } 5514 5515 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--box .mdc-floating-label { 5516 /* @noflip */ 5517 left: 16px; 5518 /* @noflip */ 5519 right: initial; 5520 position: absolute; 5521 bottom: 20px; 5522 width: calc(100% - 48px); 5523 text-overflow: ellipsis; 5524 white-space: nowrap; 5525 pointer-events: none; 5526 overflow: hidden; 5527 will-change: transform; 5528 } 5529 5530 [dir=rtl] .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--box .mdc-floating-label, 5531 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--box .mdc-floating-label[dir=rtl] { 5532 /* @noflip */ 5533 left: initial; 5534 /* @noflip */ 5535 right: 16px; 5536 } 5537 5538 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--box.mdc-text-field--disabled { 5539 background-color: #fafafa; 5540 border-bottom: none; 5541 } 5542 5543 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--box.mdc-text-field--disabled .mdc-text-field__input { 5544 border-bottom-color: rgba(0, 0, 0, 0.06); 5545 } 5546 5547 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--box.mdc-text-field--disabled:not(.mdc-text-field--disabled) .mdc-floating-label { 5548 color: rgba(0, 0, 0, 0.37); 5549 } 5550 5551 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--box.mdc-text-field--disabled:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder { 5552 color: rgba(0, 0, 0, 0.37); 5553 } 5554 5555 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--box.mdc-text-field--disabled:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder { 5556 color: rgba(0, 0, 0, 0.37); 5557 } 5558 5559 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--box.mdc-text-field--disabled:not(.mdc-text-field--disabled) .mdc-text-field__input::-ms-input-placeholder { 5560 color: rgba(0, 0, 0, 0.37); 5561 } 5562 5563 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--box.mdc-text-field--disabled:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder { 5564 color: rgba(0, 0, 0, 0.37); 5565 } 5566 5567 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--box.mdc-text-field--dense .mdc-floating-label--float-above { 5568 -webkit-transform: translateY(-70%) translateX(0%) scale(0.923); 5569 transform: translateY(-70%) translateX(0%) scale(0.923); 5570 } 5571 5572 [dir=rtl] .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--box.mdc-text-field--dense .mdc-floating-label--float-above, 5573 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--box.mdc-text-field--dense .mdc-floating-label--float-above[dir=rtl] { 5574 -webkit-transform: translateY(-70%) translateX(0%) scale(0.923); 5575 transform: translateY(-70%) translateX(0%) scale(0.923); 5576 } 5577 5578 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--box.mdc-text-field--dense .mdc-floating-label--shake { 5579 -webkit-animation: mdc-floating-label-shake-float-above-text-field-box-dense 250ms 1; 5580 animation: mdc-floating-label-shake-float-above-text-field-box-dense 250ms 1; 5581 } 5582 5583 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--box.mdc-text-field--dense .mdc-text-field__input { 5584 padding: 12px 12px 0; 5585 } 5586 5587 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--with-leading-icon .mdc-text-field__icon { 5588 /* @noflip */ 5589 left: 15px; 5590 /* @noflip */ 5591 right: initial; 5592 } 5593 5594 [dir=rtl] .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--with-leading-icon .mdc-text-field__icon, 5595 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--with-leading-icon .mdc-text-field__icon[dir=rtl] { 5596 /* @noflip */ 5597 left: initial; 5598 /* @noflip */ 5599 right: 15px; 5600 } 5601 5602 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--with-leading-icon .mdc-text-field__input { 5603 /* @noflip */ 5604 padding-left: 48px; 5605 /* @noflip */ 5606 padding-right: 15px; 5607 } 5608 5609 [dir=rtl] .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--with-leading-icon .mdc-text-field__input, 5610 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--with-leading-icon .mdc-text-field__input[dir=rtl] { 5611 /* @noflip */ 5612 padding-left: 15px; 5613 /* @noflip */ 5614 padding-right: 48px; 5615 } 5616 5617 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--with-leading-icon .mdc-floating-label { 5618 /* @noflip */ 5619 left: 48px; 5620 /* @noflip */ 5621 right: initial; 5622 } 5623 5624 [dir=rtl] .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--with-leading-icon .mdc-floating-label, 5625 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--with-leading-icon .mdc-floating-label[dir=rtl] { 5626 /* @noflip */ 5627 left: initial; 5628 /* @noflip */ 5629 right: 48px; 5630 } 5631 5632 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above { 5633 -webkit-transform: translateY(-130%) translateX(-32px) scale(0.75); 5634 transform: translateY(-130%) translateX(-32px) scale(0.75); 5635 } 5636 5637 [dir=rtl] .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above, 5638 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above[dir=rtl] { 5639 -webkit-transform: translateY(-130%) translateX(32px) scale(0.75); 5640 transform: translateY(-130%) translateX(32px) scale(0.75); 5641 } 5642 5643 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake { 5644 -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1; 5645 animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1; 5646 } 5647 5648 [dir=rtl] .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake, 5649 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--with-leading-icon.mdc-text-field--outlined[dir=rtl] .mdc-floating-label--shake { 5650 -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl 250ms 1; 5651 animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl 250ms 1; 5652 } 5653 5654 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above { 5655 -webkit-transform: translateY(-110%) translateX(-21px) scale(0.923); 5656 transform: translateY(-110%) translateX(-21px) scale(0.923); 5657 } 5658 5659 [dir=rtl] .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above, 5660 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above[dir=rtl] { 5661 -webkit-transform: translateY(-110%) translateX(21px) scale(0.923); 5662 transform: translateY(-110%) translateX(21px) scale(0.923); 5663 } 5664 5665 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--shake { 5666 -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense 250ms 1; 5667 animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense 250ms 1; 5668 } 5669 5670 [dir=rtl] .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--shake, 5671 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense[dir=rtl] .mdc-floating-label--shake { 5672 -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense-rtl 250ms 1; 5673 animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense-rtl 250ms 1; 5674 } 5675 5676 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--with-trailing-icon .mdc-text-field__icon { 5677 /* @noflip */ 5678 left: initial; 5679 /* @noflip */ 5680 right: 15px; 5681 } 5682 5683 [dir=rtl] .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--with-trailing-icon .mdc-text-field__icon, 5684 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--with-trailing-icon .mdc-text-field__icon[dir=rtl] { 5685 /* @noflip */ 5686 left: 15px; 5687 /* @noflip */ 5688 right: initial; 5689 } 5690 5691 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--with-trailing-icon .mdc-text-field__input { 5692 /* @noflip */ 5693 padding-left: 15px; 5694 /* @noflip */ 5695 padding-right: 48px; 5696 } 5697 5698 [dir=rtl] .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--with-trailing-icon .mdc-text-field__input, 5699 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--with-trailing-icon .mdc-text-field__input[dir=rtl] { 5700 /* @noflip */ 5701 padding-left: 48px; 5702 /* @noflip */ 5703 padding-right: 15px; 5704 } 5705 5706 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon, 5707 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon { 5708 bottom: 16px; 5709 -webkit-transform: scale(0.8); 5710 transform: scale(0.8); 5711 } 5712 5713 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon { 5714 /* @noflip */ 5715 left: 12px; 5716 /* @noflip */ 5717 right: initial; 5718 } 5719 5720 [dir=rtl] .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon, 5721 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon[dir=rtl] { 5722 /* @noflip */ 5723 left: initial; 5724 /* @noflip */ 5725 right: 12px; 5726 } 5727 5728 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__input { 5729 /* @noflip */ 5730 padding-left: 38px; 5731 /* @noflip */ 5732 padding-right: 12px; 5733 } 5734 5735 [dir=rtl] .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__input, 5736 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__input[dir=rtl] { 5737 /* @noflip */ 5738 padding-left: 12px; 5739 /* @noflip */ 5740 padding-right: 38px; 5741 } 5742 5743 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-floating-label { 5744 /* @noflip */ 5745 left: 38px; 5746 /* @noflip */ 5747 right: initial; 5748 } 5749 5750 [dir=rtl] .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-floating-label, 5751 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-floating-label[dir=rtl] { 5752 /* @noflip */ 5753 left: initial; 5754 /* @noflip */ 5755 right: 38px; 5756 } 5757 5758 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon { 5759 /* @noflip */ 5760 left: initial; 5761 /* @noflip */ 5762 right: 12px; 5763 } 5764 5765 [dir=rtl] .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon, 5766 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon[dir=rtl] { 5767 /* @noflip */ 5768 left: 12px; 5769 /* @noflip */ 5770 right: initial; 5771 } 5772 5773 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input { 5774 /* @noflip */ 5775 padding-left: 12px; 5776 /* @noflip */ 5777 padding-right: 38px; 5778 } 5779 5780 [dir=rtl] .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input, 5781 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input[dir=rtl] { 5782 /* @noflip */ 5783 padding-left: 38px; 5784 /* @noflip */ 5785 padding-right: 12px; 5786 } 5787 5788 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--upgraded:not(.mdc-text-field--fullwidth):not(.mdc-text-field--box) { 5789 display: inline-flex; 5790 position: relative; 5791 align-items: flex-end; 5792 box-sizing: border-box; 5793 margin-top: 16px; 5794 } 5795 5796 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--upgraded:not(.mdc-text-field--fullwidth):not(.mdc-text-field--box):not(.mdc-text-field--textarea):not(.mdc-text-field--outlined) { 5797 height: 48px; 5798 } 5799 5800 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--upgraded:not(.mdc-text-field--fullwidth):not(.mdc-text-field--box) .mdc-floating-label { 5801 pointer-events: none; 5802 background: transparent; 5803 } 5804 5805 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--dense { 5806 margin-top: 12px; 5807 margin-bottom: 4px; 5808 } 5809 5810 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--dense .mdc-floating-label--float-above { 5811 -webkit-transform: translateY(-110%) translateX(0%) scale(0.923); 5812 transform: translateY(-110%) translateX(0%) scale(0.923); 5813 } 5814 5815 [dir=rtl] .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--dense .mdc-floating-label--float-above, 5816 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--dense .mdc-floating-label--float-above[dir=rtl] { 5817 -webkit-transform: translateY(-110%) translateX(0%) scale(0.923); 5818 transform: translateY(-110%) translateX(0%) scale(0.923); 5819 } 5820 5821 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--dense .mdc-floating-label { 5822 font-size: 0.813rem; 5823 } 5824 5825 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field__input:required + .mdc-floating-label::after { 5826 margin-left: 1px; 5827 content: "*"; 5828 } 5829 5830 .wp-block[data-type="extendstudio/materialis"] textarea, 5831 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--textarea { 5832 border-radius: 4px; 5833 display: flex; 5834 width: -webkit-fit-content; 5835 width: -moz-fit-content; 5836 width: fit-content; 5837 height: initial; 5838 transition: none; 5839 border: 1px solid; 5840 overflow: hidden; 5841 width: 100%; 5842 } 5843 5844 .wp-block[data-type="extendstudio/materialis"] textarea .mdc-floating-label, 5845 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--textarea .mdc-floating-label { 5846 border-radius: 4px 4px 0 0; 5847 } 5848 5849 .wp-block[data-type="extendstudio/materialis"] textarea .mdc-text-field__input, 5850 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--textarea .mdc-text-field__input { 5851 border-radius: 2px; 5852 } 5853 5854 .wp-block[data-type="extendstudio/materialis"] textarea:not(.mdc-text-field--disabled), 5855 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--textarea:not(.mdc-text-field--disabled) { 5856 border-color: rgba(0, 0, 0, 0.73); 5857 } 5858 5859 .wp-block[data-type="extendstudio/materialis"] textarea:not(.mdc-text-field--disabled) .mdc-text-field__input:focus, 5860 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-text-field__input:focus { 5861 border-color: rgba(0, 0, 0, 0.73); 5862 } 5863 5864 .wp-block[data-type="extendstudio/materialis"] textarea .mdc-floating-label--float-above, 5865 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--textarea .mdc-floating-label--float-above { 5866 -webkit-transform: translateY(-50%) translateX(0%) scale(0.923); 5867 transform: translateY(-50%) translateX(0%) scale(0.923); 5868 } 5869 5870 [dir=rtl] .wp-block[data-type="extendstudio/materialis"] textarea .mdc-floating-label--float-above, 5871 .wp-block[data-type="extendstudio/materialis"] textarea .mdc-floating-label--float-above[dir=rtl], 5872 [dir=rtl] .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--textarea .mdc-floating-label--float-above, 5873 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--textarea .mdc-floating-label--float-above[dir=rtl] { 5874 -webkit-transform: translateY(-50%) translateX(0%) scale(0.923); 5875 transform: translateY(-50%) translateX(0%) scale(0.923); 5876 } 5877 5878 .wp-block[data-type="extendstudio/materialis"] textarea .mdc-floating-label--shake, 5879 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--textarea .mdc-floating-label--shake { 5880 -webkit-animation: mdc-floating-label-shake-float-above-textarea 250ms 1; 5881 animation: mdc-floating-label-shake-float-above-textarea 250ms 1; 5882 } 5883 5884 .wp-block[data-type="extendstudio/materialis"] textarea .mdc-text-field__input, 5885 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--textarea .mdc-text-field__input { 5886 height: auto; 5887 margin: 0; 5888 padding: 16px; 5889 padding-top: 32px; 5890 border: 1px solid transparent; 5891 } 5892 5893 .wp-block[data-type="extendstudio/materialis"] textarea .mdc-floating-label, 5894 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--textarea .mdc-floating-label { 5895 background-color: white; 5896 /* @noflip */ 5897 left: 1px; 5898 /* @noflip */ 5899 right: 0; 5900 /* @noflip */ 5901 margin-left: 8px; 5902 /* @noflip */ 5903 margin-right: 0; 5904 top: 18px; 5905 bottom: auto; 5906 margin-top: 2px; 5907 padding: 12px 8px 8px 8px; 5908 line-height: 1.15; 5909 pointer-events: none; 5910 } 5911 5912 [dir=rtl] .wp-block[data-type="extendstudio/materialis"] textarea .mdc-floating-label, 5913 .wp-block[data-type="extendstudio/materialis"] textarea .mdc-floating-label[dir=rtl], 5914 [dir=rtl] .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--textarea .mdc-floating-label, 5915 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--textarea .mdc-floating-label[dir=rtl] { 5916 /* @noflip */ 5917 left: 0; 5918 /* @noflip */ 5919 right: 1px; 5920 } 5921 5922 [dir=rtl] .wp-block[data-type="extendstudio/materialis"] textarea .mdc-floating-label, 5923 .wp-block[data-type="extendstudio/materialis"] textarea .mdc-floating-label[dir=rtl], 5924 [dir=rtl] .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--textarea .mdc-floating-label, 5925 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--textarea .mdc-floating-label[dir=rtl] { 5926 /* @noflip */ 5927 margin-left: 0; 5928 /* @noflip */ 5929 margin-right: 8px; 5930 } 5931 5932 .wp-block[data-type="extendstudio/materialis"] textarea:not(.mdc-text-field--disabled), 5933 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--textarea:not(.mdc-text-field--disabled) { 5934 border-color: #228ae6; 5935 } 5936 5937 .wp-block[data-type="extendstudio/materialis"] textarea:not(.mdc-text-field--disabled) .mdc-text-field__input:focus, 5938 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-text-field__input:focus { 5939 border-color: #228ae6; 5940 } 5941 5942 .wp-block[data-type="extendstudio/materialis"] textarea:not(.mdc-text-field--disabled), 5943 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--textarea:not(.mdc-text-field--disabled) { 5944 border-color: #4a4a4a; 5945 } 5946 5947 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--textarea textarea { 5948 border: none !important; 5949 } 5950 5951 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--fullwidth { 5952 width: 100%; 5953 } 5954 5955 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--fullwidth .mdc-text-field__input { 5956 resize: vertical; 5957 } 5958 5959 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--fullwidth:not(.mdc-text-field--textarea) { 5960 display: block; 5961 box-sizing: border-box; 5962 height: 56px; 5963 margin: 0; 5964 border: none; 5965 border-bottom: 1px solid; 5966 outline: none; 5967 } 5968 5969 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--fullwidth:not(.mdc-text-field--textarea) .mdc-text-field__input { 5970 width: 100%; 5971 height: 100%; 5972 padding: 0; 5973 resize: none; 5974 border: none !important; 5975 } 5976 5977 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--fullwidth.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--textarea) { 5978 border-bottom-color: #b00020; 5979 } 5980 5981 .mdc-text-field--dense + .wp-block[data-type="extendstudio/materialis"] .mdc-text-field-helper-text { 5982 margin-bottom: 4px; 5983 } 5984 5985 .mdc-text-field--box + .wp-block[data-type="extendstudio/materialis"] .mdc-text-field-helper-text, 5986 .mdc-text-field--outlined + .wp-block[data-type="extendstudio/materialis"] .mdc-text-field-helper-text { 5987 margin-right: 16px; 5988 margin-left: 16px; 5989 } 5990 5991 .wp-block[data-type="extendstudio/materialis"] .mdc-form-field > .mdc-text-field + label { 5992 align-self: flex-start; 5993 } 5994 5995 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label { 5996 color: #228ae6; 5997 } 5998 5999 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder { 6000 color: #228ae6; 6001 } 6002 6003 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder { 6004 color: #228ae6; 6005 } 6006 6007 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input::-ms-input-placeholder { 6008 color: #228ae6; 6009 } 6010 6011 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder { 6012 color: #228ae6; 6013 } 6014 6015 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--focused .mdc-text-field__input:required + .mdc-floating-label::after { 6016 color: #b00020; 6017 } 6018 6019 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--focused + .mdc-text-field-helper-text:not(.mdc-text-field-helper-text--validation-msg) { 6020 opacity: 1; 6021 } 6022 6023 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) { 6024 border-color: #228ae6; 6025 } 6026 6027 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input:focus { 6028 border-color: #228ae6; 6029 } 6030 6031 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input { 6032 border-bottom-color: #b00020; 6033 } 6034 6035 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input:hover { 6036 border-bottom-color: #b00020; 6037 } 6038 6039 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple { 6040 background-color: #b00020; 6041 } 6042 6043 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label { 6044 color: #b00020; 6045 } 6046 6047 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder { 6048 color: #b00020; 6049 } 6050 6051 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder { 6052 color: #b00020; 6053 } 6054 6055 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input::-ms-input-placeholder { 6056 color: #b00020; 6057 } 6058 6059 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder { 6060 color: #b00020; 6061 } 6062 6063 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid + .mdc-text-field-helper-text--validation-msg { 6064 color: #b00020; 6065 } 6066 6067 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--invalid.mdc-text-field--with-trailing-icon:not(.mdc-text-field--disabled) .mdc-text-field__icon { 6068 color: #b00020; 6069 } 6070 6071 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--invalid + .mdc-text-field-helper-text--validation-msg { 6072 opacity: 1; 6073 } 6074 6075 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled) { 6076 border-color: #b00020; 6077 } 6078 6079 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input:focus { 6080 border-color: #b00020; 6081 } 6082 6083 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__idle { 6084 border-color: #b00020; 6085 } 6086 6087 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__path { 6088 stroke: #b00020; 6089 } 6090 6091 .wp-block[data-type="extendstudio/materialis"] .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, 6092 .wp-block[data-type="extendstudio/materialis"] .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 { 6093 border-color: #b00020; 6094 } 6095 6096 .wp-block[data-type="extendstudio/materialis"] .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, 6097 .wp-block[data-type="extendstudio/materialis"] .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 { 6098 stroke: #b00020; 6099 } 6100 6101 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__path { 6102 stroke: #b00020; 6103 } 6104 6105 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--disabled { 6106 pointer-events: none; 6107 } 6108 6109 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--disabled .mdc-text-field__input { 6110 border-bottom-color: rgba(35, 31, 32, 0.26); 6111 } 6112 6113 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--disabled .mdc-text-field__input { 6114 color: rgba(0, 0, 0, 0.37); 6115 } 6116 6117 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--disabled .mdc-floating-label { 6118 color: rgba(0, 0, 0, 0.37); 6119 } 6120 6121 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--disabled .mdc-text-field__input::-webkit-input-placeholder { 6122 color: rgba(0, 0, 0, 0.37); 6123 } 6124 6125 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder { 6126 color: rgba(0, 0, 0, 0.37); 6127 } 6128 6129 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--disabled .mdc-text-field__input::-ms-input-placeholder { 6130 color: rgba(0, 0, 0, 0.37); 6131 } 6132 6133 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--disabled .mdc-text-field__input::placeholder { 6134 color: rgba(0, 0, 0, 0.37); 6135 } 6136 6137 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--disabled + .mdc-text-field-helper-text { 6138 color: rgba(0, 0, 0, 0.37); 6139 } 6140 6141 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--disabled .mdc-text-field__icon { 6142 color: rgba(0, 0, 0, 0.3); 6143 } 6144 6145 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--disabled:not(.mdc-text-field--textarea) { 6146 border-bottom-color: rgba(0, 0, 0, 0.12); 6147 } 6148 6149 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--disabled .mdc-text-field__input { 6150 border-bottom: 1px dotted; 6151 } 6152 6153 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--disabled .mdc-floating-label { 6154 cursor: default; 6155 } 6156 6157 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--textarea.mdc-text-field--disabled { 6158 border-color: rgba(35, 31, 32, 0.26); 6159 background-color: #f9f9f9; 6160 border-style: solid; 6161 } 6162 6163 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--textarea.mdc-text-field--disabled .mdc-text-field__input:focus { 6164 border-color: rgba(35, 31, 32, 0.26); 6165 } 6166 6167 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--textarea.mdc-text-field--disabled .mdc-text-field__input { 6168 border: 1px solid transparent; 6169 } 6170 6171 .wp-block[data-type="extendstudio/materialis"] .mdc-text-field--textarea.mdc-text-field--disabled .mdc-floating-label { 6172 background-color: #f9f9f9; 6173 } 6174 6175 .wp-block[data-type="extendstudio/materialis"] .mdc-floating-label { 6176 font-family: Roboto, sans-serif; 6177 -moz-osx-font-smoothing: grayscale; 6178 -webkit-font-smoothing: antialiased; 6179 font-size: 1rem; 6180 line-height: 1.75rem; 6181 font-weight: 400; 6182 letter-spacing: 0.009375em; 6183 text-decoration: inherit; 6184 text-transform: inherit; 6185 position: absolute; 6186 bottom: 8px; 6187 left: 0; 6188 -webkit-transform-origin: left top; 6189 transform-origin: left top; 6190 transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1); 6191 transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1); 6192 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); 6193 line-height: 1.15rem; 6194 cursor: text; 6195 /* multiple lines fix */ 6196 width: 100%; 6197 white-space: nowrap; 6198 overflow: hidden; 6199 } 6200 6201 [dir=rtl] .wp-block[data-type="extendstudio/materialis"] .mdc-floating-label, 6202 .wp-block[data-type="extendstudio/materialis"] .mdc-floating-label[dir=rtl] { 6203 /* @noflip */ 6204 right: 0; 6205 /* @noflip */ 6206 left: auto; 6207 /* @noflip */ 6208 -webkit-transform-origin: right top; 6209 transform-origin: right top; 6210 } 6211 6212 .wp-block[data-type="extendstudio/materialis"] .mdc-floating-label--float-above { 6213 cursor: auto; 6214 } 6215 6216 .mdc-floating-label--float-above { 6217 -webkit-transform: translateY(-100%) translateX(0%) scale(0.75); 6218 transform: translateY(-100%) translateX(0%) scale(0.75); 6219 } 6220 6221 [dir=rtl] .mdc-floating-label--float-above, 6222 .mdc-floating-label--float-above[dir=rtl] { 6223 -webkit-transform: translateY(-100%) translateX(0%) scale(0.75); 6224 transform: translateY(-100%) translateX(0%) scale(0.75); 6225 } 6226 6227 .mdc-floating-label--shake { 6228 -webkit-animation: mdc-floating-label-shake-float-above-standard 250ms 1; 6229 animation: mdc-floating-label-shake-float-above-standard 250ms 1; 6230 } 6231 6232 @-webkit-keyframes mdc-floating-label-shake-float-above-standard { 6233 0% { 6234 -webkit-transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75); 6235 transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75); 6236 } 6237 6238 33% { 6239 -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); 6240 animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); 6241 -webkit-transform: translateX(calc(4% - 0%)) translateY(-100%) scale(0.75); 6242 transform: translateX(calc(4% - 0%)) translateY(-100%) scale(0.75); 6243 } 6244 6245 66% { 6246 -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); 6247 animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); 6248 -webkit-transform: translateX(calc(-4% - 0%)) translateY(-100%) scale(0.75); 6249 transform: translateX(calc(-4% - 0%)) translateY(-100%) scale(0.75); 6250 } 6251 6252 100% { 6253 -webkit-transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75); 6254 transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75); 6255 } 6256 } 6257 6258 @keyframes mdc-floating-label-shake-float-above-standard { 6259 0% { 6260 -webkit-transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75); 6261 transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75); 6262 } 6263 6264 33% { 6265 -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); 6266 animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); 6267 -webkit-transform: translateX(calc(4% - 0%)) translateY(-100%) scale(0.75); 6268 transform: translateX(calc(4% - 0%)) translateY(-100%) scale(0.75); 6269 } 6270 6271 66% { 6272 -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); 6273 animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); 6274 -webkit-transform: translateX(calc(-4% - 0%)) translateY(-100%) scale(0.75); 6275 transform: translateX(calc(-4% - 0%)) translateY(-100%) scale(0.75); 6276 } 6277 6278 100% { 6279 -webkit-transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75); 6280 transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75); 6281 } 6282 } 6283 6284 .wp-block[data-type="extendstudio/materialis"] .mdc-floating-label--float-above ~ .mdc-text-field__idle-outline { 6285 opacity: 0; 6286 } 6287 6288 .wp-block[data-type="extendstudio/materialis"] .mdc-floating-label--float-above ~ .mdc-text-field__outline { 6289 opacity: 1; 6290 } 6291 6292 .wp-block[data-type="extendstudio/materialis"] .white-text label, 6293 .wp-block[data-type="extendstudio/materialis"] .white-text select, 6294 .wp-block[data-type="extendstudio/materialis"] .white-text textarea, 6295 .wp-block[data-type="extendstudio/materialis"] .white-text input:not([type=submit]), 6296 .wp-block[data-type="extendstudio/materialis"] .white-text .mdc-text-field { 6297 color: #ffffff; 6298 } 6299 6300 .wp-block[data-type="extendstudio/materialis"] .white-text label::-webkit-input-placeholder, 6301 .wp-block[data-type="extendstudio/materialis"] .white-text label::-webkit-input-placeholder, 6302 .wp-block[data-type="extendstudio/materialis"] .white-text select::-webkit-input-placeholder, 6303 .wp-block[data-type="extendstudio/materialis"] .white-text select::-webkit-input-placeholder, 6304 .wp-block[data-type="extendstudio/materialis"] .white-text textarea::-webkit-input-placeholder, 6305 .wp-block[data-type="extendstudio/materialis"] .white-text textarea::-webkit-input-placeholder, 6306 .wp-block[data-type="extendstudio/materialis"] .white-text input:not([type=submit])::-webkit-input-placeholder, 6307 .wp-block[data-type="extendstudio/materialis"] .white-text input:not([type=submit])::-webkit-input-placeholder, 6308 .wp-block[data-type="extendstudio/materialis"] .white-text .mdc-text-field::-webkit-input-placeholder, 6309 .wp-block[data-type="extendstudio/materialis"] .white-text .mdc-text-field::-webkit-input-placeholder { 6310 color: #ffffff; 6311 } 6312 6313 .wp-block[data-type="extendstudio/materialis"] .white-text label::-webkit-input-placeholder, 6314 .wp-block[data-type="extendstudio/materialis"] .white-text label::placeholder, 6315 .wp-block[data-type="extendstudio/materialis"] .white-text select::-webkit-input-placeholder, 6316 .wp-block[data-type="extendstudio/materialis"] .white-text select::placeholder, 6317 .wp-block[data-type="extendstudio/materialis"] .white-text textarea::-webkit-input-placeholder, 6318 .wp-block[data-type="extendstudio/materialis"] .white-text textarea::placeholder, 6319 .wp-block[data-type="extendstudio/materialis"] .white-text input:not([type=submit])::-webkit-input-placeholder, 6320 .wp-block[data-type="extendstudio/materialis"] .white-text input:not([type=submit])::placeholder, 6321 .wp-block[data-type="extendstudio/materialis"] .white-text .mdc-text-field::-webkit-input-placeholder, 6322 .wp-block[data-type="extendstudio/materialis"] .white-text .mdc-text-field::placeholder { 6323 color: #ffffff; 6324 } 6325 6326 .wp-block[data-type="extendstudio/materialis"] .white-text .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input { 6327 border-bottom-color: #ffffff; 6328 } 6329 6330 .wp-block[data-type="extendstudio/materialis"] .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 { 6331 border-bottom-color: #ffffff; 6332 } 6333 6334 .wp-block[data-type="extendstudio/materialis"] .white-text .mdc-text-field .mdc-line-ripple { 6335 background-color: #ffffff; 6336 } 6337 6338 .wp-block[data-type="extendstudio/materialis"] .white-text .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input { 6339 color: #ffffff; 6340 } 6341 6342 .wp-block[data-type="extendstudio/materialis"] .white-text .mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label { 6343 color: #ffffff; 6344 } 6345 6346 .wp-block[data-type="extendstudio/materialis"] .white-text .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder { 6347 color: #ffffff; 6348 } 6349 6350 .wp-block[data-type="extendstudio/materialis"] .white-text .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder { 6351 color: #ffffff; 6352 } 6353 6354 .wp-block[data-type="extendstudio/materialis"] .white-text .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-ms-input-placeholder { 6355 color: #ffffff; 6356 } 6357 6358 .wp-block[data-type="extendstudio/materialis"] .white-text .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder { 6359 color: #ffffff; 6360 } 6361 6362 .wp-block[data-type="extendstudio/materialis"] .white-text .mdc-text-field:not(.mdc-text-field--disabled) + .mdc-text-field-helper-text { 6363 color: #ffffff; 6364 } 6365 6366 .wp-block[data-type="extendstudio/materialis"] .white-text .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--textarea) { 6367 border-bottom-color: #ffffff; 6368 } 6369 6370 .wp-block[data-type="extendstudio/materialis"] .white-text .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon { 6371 color: #ffffff; 6372 } 6373 6374 .wp-block[data-type="extendstudio/materialis"] .white-text textarea:not(.mdc-text-field--disabled), 6375 .wp-block[data-type="extendstudio/materialis"] .white-text .mdc-text-field--textarea:not(.mdc-text-field--disabled) { 6376 border-color: #ffffff; 6377 } 6378 6379 .wp-block[data-type="extendstudio/materialis"] .white-text textarea:not(.mdc-text-field--disabled) .mdc-text-field__input:focus, 6380 .wp-block[data-type="extendstudio/materialis"] .white-text .mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-text-field__input:focus { 6381 border-color: #ffffff; 6382 } 6383 6384 .wp-block[data-type="extendstudio/materialis"] .white-text textarea::-webkit-input-placeholder, 6385 .wp-block[data-type="extendstudio/materialis"] .white-text textarea::-webkit-input-placeholder, 6386 .wp-block[data-type="extendstudio/materialis"] .white-text .mdc-text-field--textarea::-webkit-input-placeholder, 6387 .wp-block[data-type="extendstudio/materialis"] .white-text .mdc-text-field--textarea::-webkit-input-placeholder { 6388 color: #ffffff; 6389 } 6390 6391 .wp-block[data-type="extendstudio/materialis"] .white-text textarea::-webkit-input-placeholder, 6392 .wp-block[data-type="extendstudio/materialis"] .white-text textarea::placeholder, 6393 .wp-block[data-type="extendstudio/materialis"] .white-text .mdc-text-field--textarea::-webkit-input-placeholder, 6394 .wp-block[data-type="extendstudio/materialis"] .white-text .mdc-text-field--textarea::placeholder { 6395 color: #ffffff; 6396 } 6397 6398 .wp-block[data-type="extendstudio/materialis"] .white-text textarea:not(.mdc-text-field--disabled), 6399 .wp-block[data-type="extendstudio/materialis"] .white-text .mdc-text-field--textarea:not(.mdc-text-field--disabled) { 6400 border-color: #ffffff; 6401 } 6402 6403 .wp-block[data-type="extendstudio/materialis"] .dark-text label, 6404 .wp-block[data-type="extendstudio/materialis"] .dark-text select, 6405 .wp-block[data-type="extendstudio/materialis"] .dark-text textarea, 6406 .wp-block[data-type="extendstudio/materialis"] .dark-text input:not([type=submit]), 6407 .wp-block[data-type="extendstudio/materialis"] .dark-text .mdc-text-field { 6408 color: #4a4a4a; 6409 } 6410 6411 .wp-block[data-type="extendstudio/materialis"] .dark-text label::-webkit-input-placeholder, 6412 .wp-block[data-type="extendstudio/materialis"] .dark-text label::-webkit-input-placeholder, 6413 .wp-block[data-type="extendstudio/materialis"] .dark-text select::-webkit-input-placeholder, 6414 .wp-block[data-type="extendstudio/materialis"] .dark-text select::-webkit-input-placeholder, 6415 .wp-block[data-type="extendstudio/materialis"] .dark-text textarea::-webkit-input-placeholder, 6416 .wp-block[data-type="extendstudio/materialis"] .dark-text textarea::-webkit-input-placeholder, 6417 .wp-block[data-type="extendstudio/materialis"] .dark-text input:not([type=submit])::-webkit-input-placeholder, 6418 .wp-block[data-type="extendstudio/materialis"] .dark-text input:not([type=submit])::-webkit-input-placeholder, 6419 .wp-block[data-type="extendstudio/materialis"] .dark-text .mdc-text-field::-webkit-input-placeholder, 6420 .wp-block[data-type="extendstudio/materialis"] .dark-text .mdc-text-field::-webkit-input-placeholder { 6421 color: #4a4a4a; 6422 } 6423 6424 .wp-block[data-type="extendstudio/materialis"] .dark-text label::-webkit-input-placeholder, 6425 .wp-block[data-type="extendstudio/materialis"] .dark-text label::placeholder, 6426 .wp-block[data-type="extendstudio/materialis"] .dark-text select::-webkit-input-placeholder, 6427 .wp-block[data-type="extendstudio/materialis"] .dark-text select::placeholder, 6428 .wp-block[data-type="extendstudio/materialis"] .dark-text textarea::-webkit-input-placeholder, 6429 .wp-block[data-type="extendstudio/materialis"] .dark-text textarea::placeholder, 6430 .wp-block[data-type="extendstudio/materialis"] .dark-text input:not([type=submit])::-webkit-input-placeholder, 6431 .wp-block[data-type="extendstudio/materialis"] .dark-text input:not([type=submit])::placeholder, 6432 .wp-block[data-type="extendstudio/materialis"] .dark-text .mdc-text-field::-webkit-input-placeholder, 6433 .wp-block[data-type="extendstudio/materialis"] .dark-text .mdc-text-field::placeholder { 6434 color: #4a4a4a; 6435 } 6436 6437 .wp-block[data-type="extendstudio/materialis"] .dark-text .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input { 6438 border-bottom-color: #4a4a4a; 6439 } 6440 6441 .wp-block[data-type="extendstudio/materialis"] .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 { 6442 border-bottom-color: #4a4a4a; 6443 } 6444 6445 .wp-block[data-type="extendstudio/materialis"] .dark-text .mdc-text-field .mdc-line-ripple { 6446 background-color: #228ae6; 6447 } 6448 6449 .wp-block[data-type="extendstudio/materialis"] .dark-text .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input { 6450 color: #4a4a4a; 6451 } 6452 6453 .wp-block[data-type="extendstudio/materialis"] .dark-text .mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label { 6454 color: #4a4a4a; 6455 } 6456 6457 .wp-block[data-type="extendstudio/materialis"] .dark-text .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder { 6458 color: #4a4a4a; 6459 } 6460 6461 .wp-block[data-type="extendstudio/materialis"] .dark-text .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder { 6462 color: #4a4a4a; 6463 } 6464 6465 .wp-block[data-type="extendstudio/materialis"] .dark-text .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-ms-input-placeholder { 6466 color: #4a4a4a; 6467 } 6468 6469 .wp-block[data-type="extendstudio/materialis"] .dark-text .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder { 6470 color: #4a4a4a; 6471 } 6472 6473 .wp-block[data-type="extendstudio/materialis"] .dark-text .mdc-text-field:not(.mdc-text-field--disabled) + .mdc-text-field-helper-text { 6474 color: #4a4a4a; 6475 } 6476 6477 .wp-block[data-type="extendstudio/materialis"] .dark-text .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--textarea) { 6478 border-bottom-color: #4a4a4a; 6479 } 6480 6481 .wp-block[data-type="extendstudio/materialis"] .dark-text .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon { 6482 color: #4a4a4a; 6483 } 6484 6485 .wp-block[data-type="extendstudio/materialis"] .dark-text textarea:not(.mdc-text-field--disabled), 6486 .wp-block[data-type="extendstudio/materialis"] .dark-text .mdc-text-field--textarea:not(.mdc-text-field--disabled) { 6487 border-color: #4a4a4a; 6488 } 6489 6490 .wp-block[data-type="extendstudio/materialis"] .dark-text textarea:not(.mdc-text-field--disabled) .mdc-text-field__input:focus, 6491 .wp-block[data-type="extendstudio/materialis"] .dark-text .mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-text-field__input:focus { 6492 border-color: #4a4a4a; 6493 } 6494 6495 .wp-block[data-type="extendstudio/materialis"] .dark-text textarea::-webkit-input-placeholder, 6496 .wp-block[data-type="extendstudio/materialis"] .dark-text textarea::-webkit-input-placeholder, 6497 .wp-block[data-type="extendstudio/materialis"] .dark-text .mdc-text-field--textarea::-webkit-input-placeholder, 6498 .wp-block[data-type="extendstudio/materialis"] .dark-text .mdc-text-field--textarea::-webkit-input-placeholder { 6499 color: #4a4a4a; 6500 } 6501 6502 .wp-block[data-type="extendstudio/materialis"] .dark-text textarea::-webkit-input-placeholder, 6503 .wp-block[data-type="extendstudio/materialis"] .dark-text textarea::placeholder, 6504 .wp-block[data-type="extendstudio/materialis"] .dark-text .mdc-text-field--textarea::-webkit-input-placeholder, 6505 .wp-block[data-type="extendstudio/materialis"] .dark-text .mdc-text-field--textarea::placeholder { 6506 color: #4a4a4a; 6507 } 6508 6509 .wp-block[data-type="extendstudio/materialis"] .dark-text textarea:not(.mdc-text-field--disabled), 6510 .wp-block[data-type="extendstudio/materialis"] .dark-text .mdc-text-field--textarea:not(.mdc-text-field--disabled) { 6511 border-color: #4a4a4a; 6512 } 6513 6514 .wp-block[data-type="extendstudio/materialis"] .mdc-elevation--z0 { 6515 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); 6516 } 6517 6518 .wp-block[data-type="extendstudio/materialis"] .mdc-elevation--z1 { 6519 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); 6520 } 6521 6522 .wp-block[data-type="extendstudio/materialis"] .mdc-elevation--z2 { 6523 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); 6524 } 6525 6526 .wp-block[data-type="extendstudio/materialis"] .mdc-elevation--z3 { 6527 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); 6528 } 6529 6530 .wp-block[data-type="extendstudio/materialis"] .mdc-elevation--z4 { 6531 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); 6532 } 6533 6534 .wp-block[data-type="extendstudio/materialis"] .mdc-elevation--z5 { 6535 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); 6536 } 6537 6538 .wp-block[data-type="extendstudio/materialis"] .mdc-elevation--z6 { 6539 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); 6540 } 6541 6542 .wp-block[data-type="extendstudio/materialis"] .mdc-elevation--z7 { 6543 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); 6544 } 6545 6546 .wp-block[data-type="extendstudio/materialis"] .mdc-elevation--z8 { 6547 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); 6548 } 6549 6550 .wp-block[data-type="extendstudio/materialis"] .mdc-elevation--z9 { 6551 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); 6552 } 6553 6554 .wp-block[data-type="extendstudio/materialis"] .mdc-elevation--z10 { 6555 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); 6556 } 6557 6558 .wp-block[data-type="extendstudio/materialis"] .mdc-elevation--z11 { 6559 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); 6560 } 6561 6562 .wp-block[data-type="extendstudio/materialis"] .mdc-elevation--z12 { 6563 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); 6564 } 6565 6566 .wp-block[data-type="extendstudio/materialis"] .mdc-elevation--z13 { 6567 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); 6568 } 6569 6570 .wp-block[data-type="extendstudio/materialis"] .mdc-elevation--z14 { 6571 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); 6572 } 6573 6574 .wp-block[data-type="extendstudio/materialis"] .mdc-elevation--z15 { 6575 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); 6576 } 6577 6578 .wp-block[data-type="extendstudio/materialis"] .mdc-elevation--z16 { 6579 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); 6580 } 6581 6582 .wp-block[data-type="extendstudio/materialis"] .mdc-elevation--z17 { 6583 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); 6584 } 6585 6586 .wp-block[data-type="extendstudio/materialis"] .mdc-elevation--z18 { 6587 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); 6588 } 6589 6590 .wp-block[data-type="extendstudio/materialis"] .mdc-elevation--z19 { 6591 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); 6592 } 6593 6594 .wp-block[data-type="extendstudio/materialis"] .mdc-elevation--z20 { 6595 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); 6596 } 6597 6598 .wp-block[data-type="extendstudio/materialis"] .mdc-elevation--z21 { 6599 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); 6600 } 6601 6602 .wp-block[data-type="extendstudio/materialis"] .mdc-elevation--z22 { 6603 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); 6604 } 6605 6606 .wp-block[data-type="extendstudio/materialis"] .mdc-elevation--z23 { 6607 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); 6608 } 6609 6610 .wp-block[data-type="extendstudio/materialis"] .mdc-elevation--z24 { 6611 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); 6612 } 6613 6614 .wp-block[data-type="extendstudio/materialis"] .mdc-elevation-transition { 6615 transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); 6616 will-change: box-shadow; 6617 } 6618 6619 .wp-block[data-type="extendstudio/materialis"] table { 6620 border-collapse: collapse; 6621 border-spacing: 0; 6622 max-width: 100%; 6623 width: 100%; 6624 empty-cells: show; 6625 font-size: 15px; 6626 line-height: 24px; 6627 } 6628 6629 .wp-block[data-type="extendstudio/materialis"] table caption { 6630 text-align: left; 6631 font-size: 0.875em; 6632 font-weight: 500; 6633 color: #676b72; 6634 } 6635 6636 .wp-block[data-type="extendstudio/materialis"] th { 6637 text-align: left; 6638 font-weight: 700; 6639 vertical-align: bottom; 6640 } 6641 6642 .wp-block[data-type="extendstudio/materialis"] td { 6643 vertical-align: top; 6644 } 6645 6646 .wp-block[data-type="extendstudio/materialis"] tr.align-middle td, 6647 .wp-block[data-type="extendstudio/materialis"] td.align-middle { 6648 vertical-align: middle; 6649 } 6650 6651 .wp-block[data-type="extendstudio/materialis"] th, 6652 .wp-block[data-type="extendstudio/materialis"] td { 6653 padding: 1rem 1rem; 6654 border-bottom: 1px solid rgba(0, 0, 0, 0.05); 6655 } 6656 6657 .wp-block[data-type="extendstudio/materialis"] th:first-child, 6658 .wp-block[data-type="extendstudio/materialis"] td:first-child { 6659 padding-left: 0; 6660 } 6661 6662 .wp-block[data-type="extendstudio/materialis"] th:last-child, 6663 .wp-block[data-type="extendstudio/materialis"] td:last-child { 6664 padding-right: 0; 6665 } 6666 6667 .wp-block[data-type="extendstudio/materialis"] tfoot th, 6668 .wp-block[data-type="extendstudio/materialis"] tfoot td { 6669 color: rgba(141, 153, 174, 0.5); 6670 } 6671 6672 .wp-block[data-type="extendstudio/materialis"] table.bordered td, 6673 .wp-block[data-type="extendstudio/materialis"] table.card[class*=bottom-border-] td, 6674 .wp-block[data-type="extendstudio/materialis"] table.bordered th, 6675 .wp-block[data-type="extendstudio/materialis"] table.card[class*=bottom-border-] th { 6676 border: 1px solid rgba(0, 0, 0, 0.05); 6677 } 6678 6679 .wp-block[data-type="extendstudio/materialis"] table.striped tr:nth-child(odd) td { 6680 background: #f8f8f8; 6681 } 6682 6683 .wp-block[data-type="extendstudio/materialis"] table.bordered td:first-child, 6684 .wp-block[data-type="extendstudio/materialis"] table.card[class*=bottom-border-] td:first-child, 6685 .wp-block[data-type="extendstudio/materialis"] table.bordered th:first-child, 6686 .wp-block[data-type="extendstudio/materialis"] table.card[class*=bottom-border-] th:first-child, 6687 .wp-block[data-type="extendstudio/materialis"] table.striped td:first-child, 6688 .wp-block[data-type="extendstudio/materialis"] table.striped th:first-child { 6689 padding-left: 1rem; 6690 } 6691 6692 .wp-block[data-type="extendstudio/materialis"] table.bordered td:last-child, 6693 .wp-block[data-type="extendstudio/materialis"] table.card[class*=bottom-border-] td:last-child, 6694 .wp-block[data-type="extendstudio/materialis"] table.bordered th:last-child, 6695 .wp-block[data-type="extendstudio/materialis"] table.card[class*=bottom-border-] th:last-child, 6696 .wp-block[data-type="extendstudio/materialis"] table.striped td:last-child, 6697 .wp-block[data-type="extendstudio/materialis"] table.striped th:last-child { 6698 padding-right: 1rem; 6699 } 6700 6701 .wp-block[data-type="extendstudio/materialis"] table.unstyled td, 6702 .wp-block[data-type="extendstudio/materialis"] table.unstyled th { 6703 border: none; 6704 padding: 0; 6705 } 6706 6707 .wp-block[data-type="extendstudio/materialis"] .flexbox, 6708 .wp-block[data-type="extendstudio/materialis"] .flexbox-strech { 6709 display: -moz-flex; 6710 display: flex; 6711 } 6712 6713 .wp-block[data-type="extendstudio/materialis"] .flexbox-strech > * { 6714 flex-basis: 100%; 6715 } 6716 6717 .wp-block[data-type="extendstudio/materialis"] .gridContainer { 6718 box-sizing: border-box; 6719 max-width: 1232px; 6720 margin: 0 auto; 6721 padding-right: 15px; 6722 padding-left: 15px; 6723 } 6724 6725 .wp-block[data-type="extendstudio/materialis"] .gridContainer .gridContainer { 6726 max-width: 100%; 6727 width: 100%; 6728 padding-right: 0; 6729 padding-left: 0; 6730 } 6731 6732 .wp-block[data-type="extendstudio/materialis"] .row { 6733 box-sizing: border-box; 6734 display: -moz-flex; 6735 display: flex; 6736 -moz-flex: 0 1 auto; 6737 flex: 0 1 auto; 6738 -moz-flex-direction: row; 6739 flex-direction: row; 6740 flex-wrap: wrap; 6741 margin-right: -15px; 6742 margin-left: -15px; 6743 } 6744 6745 .wp-block[data-type="extendstudio/materialis"] .row.basis-auto { 6746 flex-basis: auto; 6747 -moz-align-items: center; 6748 align-items: center; 6749 } 6750 6751 .wp-block[data-type="extendstudio/materialis"] .row > * { 6752 flex-basis: 100%; 6753 padding-right: 15px; 6754 padding-left: 15px; 6755 } 6756 6757 .wp-block[data-type="extendstudio/materialis"] .row.no-gutter > * { 6758 padding-left: 0; 6759 padding-right: 0; 6760 } 6761 6762 @media (min-width: 768px) { 6763 .wp-block[data-type="extendstudio/materialis"] .row.no-gutter-sm > * { 6764 padding-left: 0; 6765 padding-right: 0; 6766 } 6767 } 6768 6769 .wp-block[data-type="extendstudio/materialis"] .row:before, 6770 .wp-block[data-type="extendstudio/materialis"] .row:after { 6771 position: absolute; 6772 } 6773 6774 .wp-block[data-type="extendstudio/materialis"] .row.reverse { 6775 -moz-flex-direction: row-reverse; 6776 flex-direction: row-reverse; 6777 } 6778 6779 .wp-block[data-type="extendstudio/materialis"] .col.reverse { 6780 -moz-flex-direction: column-reverse; 6781 flex-direction: column-reverse; 6782 } 6783 6784 .wp-block[data-type="extendstudio/materialis"] .col-xs { 6785 box-sizing: border-box; 6786 -moz-flex-grow: 0; 6787 flex-grow: 0; 6788 flex-shrink: 0; 6789 padding-right: 15px; 6790 padding-left: 15px; 6791 flex-basis: auto; 6792 } 6793 6794 .wp-block[data-type="extendstudio/materialis"] .col-xs-1 { 6795 box-sizing: border-box; 6796 -moz-flex-grow: 0; 6797 flex-grow: 0; 6798 flex-shrink: 0; 6799 padding-right: 15px; 6800 padding-left: 15px; 6801 flex-basis: 8.3333333333%; 6802 max-width: 8.3333333333%; 6803 } 6804 6805 .wp-block[data-type="extendstudio/materialis"] .col-xs-2 { 6806 box-sizing: border-box; 6807 -moz-flex-grow: 0; 6808 flex-grow: 0; 6809 flex-shrink: 0; 6810 padding-right: 15px; 6811 padding-left: 15px; 6812 flex-basis: 16.6666666667%; 6813 max-width: 16.6666666667%; 6814 } 6815 6816 .wp-block[data-type="extendstudio/materialis"] .col-xs-3 { 6817 box-sizing: border-box; 6818 -moz-flex-grow: 0; 6819 flex-grow: 0; 6820 flex-shrink: 0; 6821 padding-right: 15px; 6822 padding-left: 15px; 6823 flex-basis: 25%; 6824 max-width: 25%; 6825 } 6826 6827 .wp-block[data-type="extendstudio/materialis"] .col-xs-4 { 6828 box-sizing: border-box; 6829 -moz-flex-grow: 0; 6830 flex-grow: 0; 6831 flex-shrink: 0; 6832 padding-right: 15px; 6833 padding-left: 15px; 6834 flex-basis: 33.3333333333%; 6835 max-width: 33.3333333333%; 6836 } 6837 6838 .wp-block[data-type="extendstudio/materialis"] .col-xs-5 { 6839 box-sizing: border-box; 6840 -moz-flex-grow: 0; 6841 flex-grow: 0; 6842 flex-shrink: 0; 6843 padding-right: 15px; 6844 padding-left: 15px; 6845 flex-basis: 41.6666666667%; 6846 max-width: 41.6666666667%; 6847 } 6848 6849 .wp-block[data-type="extendstudio/materialis"] .col-xs-6 { 6850 box-sizing: border-box; 6851 -moz-flex-grow: 0; 6852 flex-grow: 0; 6853 flex-shrink: 0; 6854 padding-right: 15px; 6855 padding-left: 15px; 6856 flex-basis: 50%; 6857 max-width: 50%; 6858 } 6859 6860 .wp-block[data-type="extendstudio/materialis"] .col-xs-7 { 6861 box-sizing: border-box; 6862 -moz-flex-grow: 0; 6863 flex-grow: 0; 6864 flex-shrink: 0; 6865 padding-right: 15px; 6866 padding-left: 15px; 6867 flex-basis: 58.3333333333%; 6868 max-width: 58.3333333333%; 6869 } 6870 6871 .wp-block[data-type="extendstudio/materialis"] .col-xs-8 { 6872 box-sizing: border-box; 6873 -moz-flex-grow: 0; 6874 flex-grow: 0; 6875 flex-shrink: 0; 6876 padding-right: 15px; 6877 padding-left: 15px; 6878 flex-basis: 66.6666666667%; 6879 max-width: 66.6666666667%; 6880 } 6881 6882 .wp-block[data-type="extendstudio/materialis"] .col-xs-9 { 6883 box-sizing: border-box; 6884 -moz-flex-grow: 0; 6885 flex-grow: 0; 6886 flex-shrink: 0; 6887 padding-right: 15px; 6888 padding-left: 15px; 6889 flex-basis: 75%; 6890 max-width: 75%; 6891 } 6892 6893 .wp-block[data-type="extendstudio/materialis"] .col-xs-10 { 6894 box-sizing: border-box; 6895 -moz-flex-grow: 0; 6896 flex-grow: 0; 6897 flex-shrink: 0; 6898 padding-right: 15px; 6899 padding-left: 15px; 6900 flex-basis: 83.3333333333%; 6901 max-width: 83.3333333333%; 6902 } 6903 6904 .wp-block[data-type="extendstudio/materialis"] .col-xs-11 { 6905 box-sizing: border-box; 6906 -moz-flex-grow: 0; 6907 flex-grow: 0; 6908 flex-shrink: 0; 6909 padding-right: 15px; 6910 padding-left: 15px; 6911 flex-basis: 91.6666666667%; 6912 max-width: 91.6666666667%; 6913 } 6914 6915 .wp-block[data-type="extendstudio/materialis"] .col-xs-12 { 6916 box-sizing: border-box; 6917 -moz-flex-grow: 0; 6918 flex-grow: 0; 6919 flex-shrink: 0; 6920 padding-right: 15px; 6921 padding-left: 15px; 6922 flex-basis: 100%; 6923 max-width: 100%; 6924 } 6925 6926 .wp-block[data-type="extendstudio/materialis"] .col-xs-offset-0 { 6927 box-sizing: border-box; 6928 -moz-flex-grow: 0; 6929 flex-grow: 0; 6930 flex-shrink: 0; 6931 padding-right: 15px; 6932 padding-left: 15px; 6933 margin-left: 0; 6934 } 6935 6936 .wp-block[data-type="extendstudio/materialis"] .col-xs-offset-1 { 6937 box-sizing: border-box; 6938 -moz-flex-grow: 0; 6939 flex-grow: 0; 6940 flex-shrink: 0; 6941 padding-right: 15px; 6942 padding-left: 15px; 6943 margin-left: 8.3333333333%; 6944 } 6945 6946 .wp-block[data-type="extendstudio/materialis"] .col-xs-offset-2 { 6947 box-sizing: border-box; 6948 -moz-flex-grow: 0; 6949 flex-grow: 0; 6950 flex-shrink: 0; 6951 padding-right: 15px; 6952 padding-left: 15px; 6953 margin-left: 16.6666666667%; 6954 } 6955 6956 .wp-block[data-type="extendstudio/materialis"] .col-xs-offset-3 { 6957 box-sizing: border-box; 6958 -moz-flex-grow: 0; 6959 flex-grow: 0; 6960 flex-shrink: 0; 6961 padding-right: 15px; 6962 padding-left: 15px; 6963 margin-left: 25%; 6964 } 6965 6966 .wp-block[data-type="extendstudio/materialis"] .col-xs-offset-4 { 6967 box-sizing: border-box; 6968 -moz-flex-grow: 0; 6969 flex-grow: 0; 6970 flex-shrink: 0; 6971 padding-right: 15px; 6972 padding-left: 15px; 6973 margin-left: 33.3333333333%; 6974 } 6975 6976 .wp-block[data-type="extendstudio/materialis"] .col-xs-offset-5 { 6977 box-sizing: border-box; 6978 -moz-flex-grow: 0; 6979 flex-grow: 0; 6980 flex-shrink: 0; 6981 padding-right: 15px; 6982 padding-left: 15px; 6983 margin-left: 41.6666666667%; 6984 } 6985 6986 .wp-block[data-type="extendstudio/materialis"] .col-xs-offset-6 { 6987 box-sizing: border-box; 6988 -moz-flex-grow: 0; 6989 flex-grow: 0; 6990 flex-shrink: 0; 6991 padding-right: 15px; 6992 padding-left: 15px; 6993 margin-left: 50%; 6994 } 6995 6996 .wp-block[data-type="extendstudio/materialis"] .col-xs-offset-7 { 6997 box-sizing: border-box; 6998 -moz-flex-grow: 0; 6999 flex-grow: 0; 7000 flex-shrink: 0; 7001 padding-right: 15px; 7002 padding-left: 15px; 7003 margin-left: 58.3333333333%; 7004 } 7005 7006 .wp-block[data-type="extendstudio/materialis"] .col-xs-offset-8 { 7007 box-sizing: border-box; 7008 -moz-flex-grow: 0; 7009 flex-grow: 0; 7010 flex-shrink: 0; 7011 padding-right: 15px; 7012 padding-left: 15px; 7013 margin-left: 66.6666666667%; 7014 } 7015 7016 .wp-block[data-type="extendstudio/materialis"] .col-xs-offset-9 { 7017 box-sizing: border-box; 7018 -moz-flex-grow: 0; 7019 flex-grow: 0; 7020 flex-shrink: 0; 7021 padding-right: 15px; 7022 padding-left: 15px; 7023 margin-left: 75%; 7024 } 7025 7026 .wp-block[data-type="extendstudio/materialis"] .col-xs-offset-10 { 7027 box-sizing: border-box; 7028 -moz-flex-grow: 0; 7029 flex-grow: 0; 7030 flex-shrink: 0; 7031 padding-right: 15px; 7032 padding-left: 15px; 7033 margin-left: 83.3333333333%; 7034 } 7035 7036 .wp-block[data-type="extendstudio/materialis"] .col-xs-offset-11 { 7037 box-sizing: border-box; 7038 -moz-flex-grow: 0; 7039 flex-grow: 0; 7040 flex-shrink: 0; 7041 padding-right: 15px; 7042 padding-left: 15px; 7043 margin-left: 91.6666666667%; 7044 } 7045 7046 .wp-block[data-type="extendstudio/materialis"] .col-xs-offset-12 { 7047 box-sizing: border-box; 7048 -moz-flex-grow: 0; 7049 flex-grow: 0; 7050 flex-shrink: 0; 7051 padding-right: 15px; 7052 padding-left: 15px; 7053 margin-left: 100%; 7054 } 7055 7056 .wp-block[data-type="extendstudio/materialis"] .col-xs-fit { 7057 box-sizing: border-box; 7058 -moz-flex-grow: 0; 7059 flex-grow: 0; 7060 flex-shrink: 0; 7061 padding-right: 15px; 7062 padding-left: 15px; 7063 flex-basis: auto; 7064 -moz-flex-grow: 0; 7065 flex-grow: 0; 7066 max-width: 100%; 7067 } 7068 7069 .wp-block[data-type="extendstudio/materialis"] .col-xs { 7070 -moz-flex-grow: 1; 7071 flex-grow: 1; 7072 flex-basis: 0; 7073 max-width: 100%; 7074 } 7075 7076 .wp-block[data-type="extendstudio/materialis"] .no-grow-xs { 7077 -moz-flex-grow: 0; 7078 flex-grow: 0; 7079 } 7080 7081 .wp-block[data-type="extendstudio/materialis"] .start-xs { 7082 -moz-justify-content: flex-start; 7083 justify-content: flex-start; 7084 text-align: left; 7085 } 7086 7087 .wp-block[data-type="extendstudio/materialis"] .center-xs { 7088 -moz-justify-content: center; 7089 justify-content: center; 7090 text-align: center; 7091 } 7092 7093 .wp-block[data-type="extendstudio/materialis"] .end-xs { 7094 -moz-justify-content: flex-end; 7095 justify-content: flex-end; 7096 text-align: right; 7097 } 7098 7099 .wp-block[data-type="extendstudio/materialis"] .top-xs { 7100 -moz-align-items: flex-start; 7101 align-items: flex-start; 7102 } 7103 7104 .wp-block[data-type="extendstudio/materialis"] .middle-xs { 7105 -moz-align-items: center; 7106 align-items: center; 7107 } 7108 7109 .wp-block[data-type="extendstudio/materialis"] .bottom-xs { 7110 -moz-align-items: flex-end; 7111 align-items: flex-end; 7112 } 7113 7114 .wp-block[data-type="extendstudio/materialis"] .around-xs { 7115 -moz-justify-content: space-around; 7116 justify-content: space-around; 7117 } 7118 7119 .wp-block[data-type="extendstudio/materialis"] .between-xs { 7120 -moz-justify-content: space-between; 7121 justify-content: space-between; 7122 } 7123 7124 .wp-block[data-type="extendstudio/materialis"] .first-xs { 7125 order: -1; 7126 } 7127 7128 .wp-block[data-type="extendstudio/materialis"] .last-xs { 7129 order: 1; 7130 } 7131 7132 .wp-block[data-type="extendstudio/materialis"] .flex-grow > div { 7133 -moz-flex-grow: 1; 7134 flex-grow: 1; 7135 max-width: 100%; 7136 } 7137 7138 @media only screen and (min-width: 768px) { 7139 .wp-block[data-type="extendstudio/materialis"] .gridContainer { 7140 width: 90%; 7141 } 7142 7143 .wp-block[data-type="extendstudio/materialis"] .col-sm { 7144 box-sizing: border-box; 7145 -moz-flex-grow: 0; 7146 flex-grow: 0; 7147 flex-shrink: 0; 7148 padding-right: 15px; 7149 padding-left: 15px; 7150 flex-basis: auto; 7151 } 7152 7153 .wp-block[data-type="extendstudio/materialis"] .col-sm-fit { 7154 box-sizing: border-box; 7155 -moz-flex-grow: 0; 7156 flex-grow: 0; 7157 flex-shrink: 0; 7158 padding-right: 15px; 7159 padding-left: 15px; 7160 flex-basis: auto; 7161 -moz-flex-grow: 0; 7162 flex-grow: 0; 7163 max-width: 100%; 7164 } 7165 7166 .wp-block[data-type="extendstudio/materialis"] .col-sm-1 { 7167 box-sizing: border-box; 7168 -moz-flex-grow: 0; 7169 flex-grow: 0; 7170 flex-shrink: 0; 7171 padding-right: 15px; 7172 padding-left: 15px; 7173 flex-basis: 8.3333333333%; 7174 max-width: 8.3333333333%; 7175 } 7176 7177 .wp-block[data-type="extendstudio/materialis"] .col-sm-2 { 7178 box-sizing: border-box; 7179 -moz-flex-grow: 0; 7180 flex-grow: 0; 7181 flex-shrink: 0; 7182 padding-right: 15px; 7183 padding-left: 15px; 7184 flex-basis: 16.6666666667%; 7185 max-width: 16.6666666667%; 7186 } 7187 7188 .wp-block[data-type="extendstudio/materialis"] .col-sm-3 { 7189 box-sizing: border-box; 7190 -moz-flex-grow: 0; 7191 flex-grow: 0; 7192 flex-shrink: 0; 7193 padding-right: 15px; 7194 padding-left: 15px; 7195 flex-basis: 25%; 7196 max-width: 25%; 7197 } 7198 7199 .wp-block[data-type="extendstudio/materialis"] .col-sm-4 { 7200 box-sizing: border-box; 7201 -moz-flex-grow: 0; 7202 flex-grow: 0; 7203 flex-shrink: 0; 7204 padding-right: 15px; 7205 padding-left: 15px; 7206 flex-basis: 33.3333333333%; 7207 max-width: 33.3333333333%; 7208 } 7209 7210 .wp-block[data-type="extendstudio/materialis"] .col-sm-5 { 7211 box-sizing: border-box; 7212 -moz-flex-grow: 0; 7213 flex-grow: 0; 7214 flex-shrink: 0; 7215 padding-right: 15px; 7216 padding-left: 15px; 7217 flex-basis: 41.6666666667%; 7218 max-width: 41.6666666667%; 7219 } 7220 7221 .wp-block[data-type="extendstudio/materialis"] .col-sm-6, 7222 .wp-block[data-type="extendstudio/materialis"] .post-comments .navigation .prev-posts, 7223 .wp-block[data-type="extendstudio/materialis"] .post-comments .navigation .next-posts { 7224 box-sizing: border-box; 7225 -moz-flex-grow: 0; 7226 flex-grow: 0; 7227 flex-shrink: 0; 7228 padding-right: 15px; 7229 padding-left: 15px; 7230 flex-basis: 50%; 7231 max-width: 50%; 7232 } 7233 7234 .wp-block[data-type="extendstudio/materialis"] .col-sm-7 { 7235 box-sizing: border-box; 7236 -moz-flex-grow: 0; 7237 flex-grow: 0; 7238 flex-shrink: 0; 7239 padding-right: 15px; 7240 padding-left: 15px; 7241 flex-basis: 58.3333333333%; 7242 max-width: 58.3333333333%; 7243 } 7244 7245 .wp-block[data-type="extendstudio/materialis"] .col-sm-8 { 7246 box-sizing: border-box; 7247 -moz-flex-grow: 0; 7248 flex-grow: 0; 7249 flex-shrink: 0; 7250 padding-right: 15px; 7251 padding-left: 15px; 7252 flex-basis: 66.6666666667%; 7253 max-width: 66.6666666667%; 7254 } 7255 7256 .wp-block[data-type="extendstudio/materialis"] .col-sm-9 { 7257 box-sizing: border-box; 7258 -moz-flex-grow: 0; 7259 flex-grow: 0; 7260 flex-shrink: 0; 7261 padding-right: 15px; 7262 padding-left: 15px; 7263 flex-basis: 75%; 7264 max-width: 75%; 7265 } 7266 7267 .wp-block[data-type="extendstudio/materialis"] .col-sm-10 { 7268 box-sizing: border-box; 7269 -moz-flex-grow: 0; 7270 flex-grow: 0; 7271 flex-shrink: 0; 7272 padding-right: 15px; 7273 padding-left: 15px; 7274 flex-basis: 83.3333333333%; 7275 max-width: 83.3333333333%; 7276 } 7277 7278 .wp-block[data-type="extendstudio/materialis"] .col-sm-11 { 7279 box-sizing: border-box; 7280 -moz-flex-grow: 0; 7281 flex-grow: 0; 7282 flex-shrink: 0; 7283 padding-right: 15px; 7284 padding-left: 15px; 7285 flex-basis: 91.6666666667%; 7286 max-width: 91.6666666667%; 7287 } 7288 7289 .wp-block[data-type="extendstudio/materialis"] .col-sm-12 { 7290 box-sizing: border-box; 7291 -moz-flex-grow: 0; 7292 flex-grow: 0; 7293 flex-shrink: 0; 7294 padding-right: 15px; 7295 padding-left: 15px; 7296 flex-basis: 100%; 7297 max-width: 100%; 7298 } 7299 7300 .wp-block[data-type="extendstudio/materialis"] .col-sm-offset-0 { 7301 box-sizing: border-box; 7302 -moz-flex-grow: 0; 7303 flex-grow: 0; 7304 flex-shrink: 0; 7305 padding-right: 15px; 7306 padding-left: 15px; 7307 margin-left: 0; 7308 } 7309 7310 .wp-block[data-type="extendstudio/materialis"] .col-sm-offset-1 { 7311 box-sizing: border-box; 7312 -moz-flex-grow: 0; 7313 flex-grow: 0; 7314 flex-shrink: 0; 7315 padding-right: 15px; 7316 padding-left: 15px; 7317 margin-left: 8.3333333333%; 7318 } 7319 7320 .wp-block[data-type="extendstudio/materialis"] .col-sm-offset-2 { 7321 box-sizing: border-box; 7322 -moz-flex-grow: 0; 7323 flex-grow: 0; 7324 flex-shrink: 0; 7325 padding-right: 15px; 7326 padding-left: 15px; 7327 margin-left: 16.6666666667%; 7328 } 7329 7330 .wp-block[data-type="extendstudio/materialis"] .col-sm-offset-3 { 7331 box-sizing: border-box; 7332 -moz-flex-grow: 0; 7333 flex-grow: 0; 7334 flex-shrink: 0; 7335 padding-right: 15px; 7336 padding-left: 15px; 7337 margin-left: 25%; 7338 } 7339 7340 .wp-block[data-type="extendstudio/materialis"] .col-sm-offset-4 { 7341 box-sizing: border-box; 7342 -moz-flex-grow: 0; 7343 flex-grow: 0; 7344 flex-shrink: 0; 7345 padding-right: 15px; 7346 padding-left: 15px; 7347 margin-left: 33.3333333333%; 7348 } 7349 7350 .wp-block[data-type="extendstudio/materialis"] .col-sm-offset-5 { 7351 box-sizing: border-box; 7352 -moz-flex-grow: 0; 7353 flex-grow: 0; 7354 flex-shrink: 0; 7355 padding-right: 15px; 7356 padding-left: 15px; 7357 margin-left: 41.6666666667%; 7358 } 7359 7360 .wp-block[data-type="extendstudio/materialis"] .col-sm-offset-6 { 7361 box-sizing: border-box; 7362 -moz-flex-grow: 0; 7363 flex-grow: 0; 7364 flex-shrink: 0; 7365 padding-right: 15px; 7366 padding-left: 15px; 7367 margin-left: 50%; 7368 } 7369 7370 .wp-block[data-type="extendstudio/materialis"] .col-sm-offset-7 { 7371 box-sizing: border-box; 7372 -moz-flex-grow: 0; 7373 flex-grow: 0; 7374 flex-shrink: 0; 7375 padding-right: 15px; 7376 padding-left: 15px; 7377 margin-left: 58.3333333333%; 7378 } 7379 7380 .wp-block[data-type="extendstudio/materialis"] .col-sm-offset-8 { 7381 box-sizing: border-box; 7382 -moz-flex-grow: 0; 7383 flex-grow: 0; 7384 flex-shrink: 0; 7385 padding-right: 15px; 7386 padding-left: 15px; 7387 margin-left: 66.6666666667%; 7388 } 7389 7390 .wp-block[data-type="extendstudio/materialis"] .col-sm-offset-9 { 7391 box-sizing: border-box; 7392 -moz-flex-grow: 0; 7393 flex-grow: 0; 7394 flex-shrink: 0; 7395 padding-right: 15px; 7396 padding-left: 15px; 7397 margin-left: 75%; 7398 } 7399 7400 .wp-block[data-type="extendstudio/materialis"] .col-sm-offset-10 { 7401 box-sizing: border-box; 7402 -moz-flex-grow: 0; 7403 flex-grow: 0; 7404 flex-shrink: 0; 7405 padding-right: 15px; 7406 padding-left: 15px; 7407 margin-left: 83.3333333333%; 7408 } 7409 7410 .wp-block[data-type="extendstudio/materialis"] .col-sm-offset-11 { 7411 box-sizing: border-box; 7412 -moz-flex-grow: 0; 7413 flex-grow: 0; 7414 flex-shrink: 0; 7415 padding-right: 15px; 7416 padding-left: 15px; 7417 margin-left: 91.6666666667%; 7418 } 7419 7420 .wp-block[data-type="extendstudio/materialis"] .col-sm-offset-12 { 7421 box-sizing: border-box; 7422 -moz-flex-grow: 0; 7423 flex-grow: 0; 7424 flex-shrink: 0; 7425 padding-right: 15px; 7426 padding-left: 15px; 7427 margin-left: 100%; 7428 } 7429 7430 .wp-block[data-type="extendstudio/materialis"] .col-sm { 7431 -moz-flex-grow: 1; 7432 flex-grow: 1; 7433 flex-basis: 0; 7434 max-width: 100%; 7435 } 7436 7437 .wp-block[data-type="extendstudio/materialis"] .start-sm { 7438 -moz-justify-content: flex-start; 7439 justify-content: flex-start; 7440 text-align: left; 7441 } 7442 7443 .wp-block[data-type="extendstudio/materialis"] .center-sm { 7444 -moz-justify-content: center; 7445 justify-content: center; 7446 text-align: center; 7447 } 7448 7449 .wp-block[data-type="extendstudio/materialis"] .end-sm { 7450 -moz-justify-content: flex-end; 7451 justify-content: flex-end; 7452 text-align: right; 7453 } 7454 7455 .wp-block[data-type="extendstudio/materialis"] .top-sm { 7456 -moz-align-items: flex-start; 7457 align-items: flex-start; 7458 } 7459 7460 .wp-block[data-type="extendstudio/materialis"] .middle-sm { 7461 -moz-align-items: center; 7462 align-items: center; 7463 } 7464 7465 .wp-block[data-type="extendstudio/materialis"] .bottom-sm { 7466 -moz-align-items: flex-end; 7467 align-items: flex-end; 7468 } 7469 7470 .wp-block[data-type="extendstudio/materialis"] .around-sm { 7471 -moz-justify-content: space-around; 7472 justify-content: space-around; 7473 } 7474 7475 .wp-block[data-type="extendstudio/materialis"] .between-sm { 7476 -moz-justify-content: space-between; 7477 justify-content: space-between; 7478 } 7479 7480 .wp-block[data-type="extendstudio/materialis"] .first-sm { 7481 order: -1; 7482 } 7483 7484 .wp-block[data-type="extendstudio/materialis"] .last-sm { 7485 order: 1; 7486 } 7487 } 7488 7489 @media only screen and (min-width: 1024px) { 7490 .wp-block[data-type="extendstudio/materialis"] .gridContainer { 7491 width: 90%; 7492 } 7493 7494 .wp-block[data-type="extendstudio/materialis"] .col-md { 7495 box-sizing: border-box; 7496 -moz-flex-grow: 0; 7497 flex-grow: 0; 7498 flex-shrink: 0; 7499 padding-right: 15px; 7500 padding-left: 15px; 7501 flex-basis: auto; 7502 } 7503 7504 .wp-block[data-type="extendstudio/materialis"] .col-md-fit { 7505 box-sizing: border-box; 7506 -moz-flex-grow: 0; 7507 flex-grow: 0; 7508 flex-shrink: 0; 7509 padding-right: 15px; 7510 padding-left: 15px; 7511 flex-basis: auto; 7512 -moz-flex-grow: 0; 7513 flex-grow: 0; 7514 max-width: 100%; 7515 } 7516 7517 .wp-block[data-type="extendstudio/materialis"] .col-md-1 { 7518 box-sizing: border-box; 7519 -moz-flex-grow: 0; 7520 flex-grow: 0; 7521 flex-shrink: 0; 7522 padding-right: 15px; 7523 padding-left: 15px; 7524 flex-basis: 8.3333333333%; 7525 max-width: 8.3333333333%; 7526 } 7527 7528 .wp-block[data-type="extendstudio/materialis"] .col-md-2 { 7529 box-sizing: border-box; 7530 -moz-flex-grow: 0; 7531 flex-grow: 0; 7532 flex-shrink: 0; 7533 padding-right: 15px; 7534 padding-left: 15px; 7535 flex-basis: 16.6666666667%; 7536 max-width: 16.6666666667%; 7537 } 7538 7539 .wp-block[data-type="extendstudio/materialis"] .col-md-3 { 7540 box-sizing: border-box; 7541 -moz-flex-grow: 0; 7542 flex-grow: 0; 7543 flex-shrink: 0; 7544 padding-right: 15px; 7545 padding-left: 15px; 7546 flex-basis: 25%; 7547 max-width: 25%; 7548 } 7549 7550 .wp-block[data-type="extendstudio/materialis"] .col-md-4 { 7551 box-sizing: border-box; 7552 -moz-flex-grow: 0; 7553 flex-grow: 0; 7554 flex-shrink: 0; 7555 padding-right: 15px; 7556 padding-left: 15px; 7557 flex-basis: 33.3333333333%; 7558 max-width: 33.3333333333%; 7559 } 7560 7561 .wp-block[data-type="extendstudio/materialis"] .col-md-5 { 7562 box-sizing: border-box; 7563 -moz-flex-grow: 0; 7564 flex-grow: 0; 7565 flex-shrink: 0; 7566 padding-right: 15px; 7567 padding-left: 15px; 7568 flex-basis: 41.6666666667%; 7569 max-width: 41.6666666667%; 7570 } 7571 7572 .wp-block[data-type="extendstudio/materialis"] .col-md-6 { 7573 box-sizing: border-box; 7574 -moz-flex-grow: 0; 7575 flex-grow: 0; 7576 flex-shrink: 0; 7577 padding-right: 15px; 7578 padding-left: 15px; 7579 flex-basis: 50%; 7580 max-width: 50%; 7581 } 7582 7583 .wp-block[data-type="extendstudio/materialis"] .col-md-7 { 7584 box-sizing: border-box; 7585 -moz-flex-grow: 0; 7586 flex-grow: 0; 7587 flex-shrink: 0; 7588 padding-right: 15px; 7589 padding-left: 15px; 7590 flex-basis: 58.3333333333%; 7591 max-width: 58.3333333333%; 7592 } 7593 7594 .wp-block[data-type="extendstudio/materialis"] .col-md-8 { 7595 box-sizing: border-box; 7596 -moz-flex-grow: 0; 7597 flex-grow: 0; 7598 flex-shrink: 0; 7599 padding-right: 15px; 7600 padding-left: 15px; 7601 flex-basis: 66.6666666667%; 7602 max-width: 66.6666666667%; 7603 } 7604 7605 .wp-block[data-type="extendstudio/materialis"] .col-md-9 { 7606 box-sizing: border-box; 7607 -moz-flex-grow: 0; 7608 flex-grow: 0; 7609 flex-shrink: 0; 7610 padding-right: 15px; 7611 padding-left: 15px; 7612 flex-basis: 75%; 7613 max-width: 75%; 7614 } 7615 7616 .wp-block[data-type="extendstudio/materialis"] .col-md-10 { 7617 box-sizing: border-box; 7618 -moz-flex-grow: 0; 7619 flex-grow: 0; 7620 flex-shrink: 0; 7621 padding-right: 15px; 7622 padding-left: 15px; 7623 flex-basis: 83.3333333333%; 7624 max-width: 83.3333333333%; 7625 } 7626 7627 .wp-block[data-type="extendstudio/materialis"] .col-md-11 { 7628 box-sizing: border-box; 7629 -moz-flex-grow: 0; 7630 flex-grow: 0; 7631 flex-shrink: 0; 7632 padding-right: 15px; 7633 padding-left: 15px; 7634 flex-basis: 91.6666666667%; 7635 max-width: 91.6666666667%; 7636 } 7637 7638 .wp-block[data-type="extendstudio/materialis"] .col-md-12 { 7639 box-sizing: border-box; 7640 -moz-flex-grow: 0; 7641 flex-grow: 0; 7642 flex-shrink: 0; 7643 padding-right: 15px; 7644 padding-left: 15px; 7645 flex-basis: 100%; 7646 max-width: 100%; 7647 } 7648 7649 .wp-block[data-type="extendstudio/materialis"] .col-md-offset-0 { 7650 box-sizing: border-box; 7651 -moz-flex-grow: 0; 7652 flex-grow: 0; 7653 flex-shrink: 0; 7654 padding-right: 15px; 7655 padding-left: 15px; 7656 margin-left: 0; 7657 } 7658 7659 .wp-block[data-type="extendstudio/materialis"] .col-md-offset-1 { 7660 box-sizing: border-box; 7661 -moz-flex-grow: 0; 7662 flex-grow: 0; 7663 flex-shrink: 0; 7664 padding-right: 15px; 7665 padding-left: 15px; 7666 margin-left: 8.3333333333%; 7667 } 7668 7669 .wp-block[data-type="extendstudio/materialis"] .col-md-offset-2 { 7670 box-sizing: border-box; 7671 -moz-flex-grow: 0; 7672 flex-grow: 0; 7673 flex-shrink: 0; 7674 padding-right: 15px; 7675 padding-left: 15px; 7676 margin-left: 16.6666666667%; 7677 } 7678 7679 .wp-block[data-type="extendstudio/materialis"] .col-md-offset-3 { 7680 box-sizing: border-box; 7681 -moz-flex-grow: 0; 7682 flex-grow: 0; 7683 flex-shrink: 0; 7684 padding-right: 15px; 7685 padding-left: 15px; 7686 margin-left: 25%; 7687 } 7688 7689 .wp-block[data-type="extendstudio/materialis"] .col-md-offset-4 { 7690 box-sizing: border-box; 7691 -moz-flex-grow: 0; 7692 flex-grow: 0; 7693 flex-shrink: 0; 7694 padding-right: 15px; 7695 padding-left: 15px; 7696 margin-left: 33.3333333333%; 7697 } 7698 7699 .wp-block[data-type="extendstudio/materialis"] .col-md-offset-5 { 7700 box-sizing: border-box; 7701 -moz-flex-grow: 0; 7702 flex-grow: 0; 7703 flex-shrink: 0; 7704 padding-right: 15px; 7705 padding-left: 15px; 7706 margin-left: 41.6666666667%; 7707 } 7708 7709 .wp-block[data-type="extendstudio/materialis"] .col-md-offset-6 { 7710 box-sizing: border-box; 7711 -moz-flex-grow: 0; 7712 flex-grow: 0; 7713 flex-shrink: 0; 7714 padding-right: 15px; 7715 padding-left: 15px; 7716 margin-left: 50%; 7717 } 7718 7719 .wp-block[data-type="extendstudio/materialis"] .col-md-offset-7 { 7720 box-sizing: border-box; 7721 -moz-flex-grow: 0; 7722 flex-grow: 0; 7723 flex-shrink: 0; 7724 padding-right: 15px; 7725 padding-left: 15px; 7726 margin-left: 58.3333333333%; 7727 } 7728 7729 .wp-block[data-type="extendstudio/materialis"] .col-md-offset-8 { 7730 box-sizing: border-box; 7731 -moz-flex-grow: 0; 7732 flex-grow: 0; 7733 flex-shrink: 0; 7734 padding-right: 15px; 7735 padding-left: 15px; 7736 margin-left: 66.6666666667%; 7737 } 7738 7739 .wp-block[data-type="extendstudio/materialis"] .col-md-offset-9 { 7740 box-sizing: border-box; 7741 -moz-flex-grow: 0; 7742 flex-grow: 0; 7743 flex-shrink: 0; 7744 padding-right: 15px; 7745 padding-left: 15px; 7746 margin-left: 75%; 7747 } 7748 7749 .wp-block[data-type="extendstudio/materialis"] .col-md-offset-10 { 7750 box-sizing: border-box; 7751 -moz-flex-grow: 0; 7752 flex-grow: 0; 7753 flex-shrink: 0; 7754 padding-right: 15px; 7755 padding-left: 15px; 7756 margin-left: 83.3333333333%; 7757 } 7758 7759 .wp-block[data-type="extendstudio/materialis"] .col-md-offset-11 { 7760 box-sizing: border-box; 7761 -moz-flex-grow: 0; 7762 flex-grow: 0; 7763 flex-shrink: 0; 7764 padding-right: 15px; 7765 padding-left: 15px; 7766 margin-left: 91.6666666667%; 7767 } 7768 7769 .wp-block[data-type="extendstudio/materialis"] .col-md-offset-12 { 7770 box-sizing: border-box; 7771 -moz-flex-grow: 0; 7772 flex-grow: 0; 7773 flex-shrink: 0; 7774 padding-right: 15px; 7775 padding-left: 15px; 7776 margin-left: 100%; 7777 } 7778 7779 .wp-block[data-type="extendstudio/materialis"] .col-md { 7780 -moz-flex-grow: 1; 7781 flex-grow: 1; 7782 flex-basis: 0; 7783 max-width: 100%; 7784 } 7785 7786 .wp-block[data-type="extendstudio/materialis"] .start-md { 7787 -moz-justify-content: flex-start; 7788 justify-content: flex-start; 7789 text-align: left; 7790 } 7791 7792 .wp-block[data-type="extendstudio/materialis"] .center-md { 7793 -moz-justify-content: center; 7794 justify-content: center; 7795 text-align: center; 7796 } 7797 7798 .wp-block[data-type="extendstudio/materialis"] .end-md { 7799 -moz-justify-content: flex-end; 7800 justify-content: flex-end; 7801 text-align: right; 7802 } 7803 7804 .wp-block[data-type="extendstudio/materialis"] .top-md { 7805 -moz-align-items: flex-start; 7806 align-items: flex-start; 7807 } 7808 7809 .wp-block[data-type="extendstudio/materialis"] .middle-md { 7810 -moz-align-items: center; 7811 align-items: center; 7812 } 7813 7814 .wp-block[data-type="extendstudio/materialis"] .bottom-md { 7815 -moz-align-items: flex-end; 7816 align-items: flex-end; 7817 } 7818 7819 .wp-block[data-type="extendstudio/materialis"] .around-md { 7820 -moz-justify-content: space-around; 7821 justify-content: space-around; 7822 } 7823 7824 .wp-block[data-type="extendstudio/materialis"] .between-md { 7825 -moz-justify-content: space-between; 7826 justify-content: space-between; 7827 } 7828 7829 .wp-block[data-type="extendstudio/materialis"] .first-md { 7830 order: -1; 7831 } 7832 7833 .wp-block[data-type="extendstudio/materialis"] .last-md { 7834 order: 1; 7835 } 7836 } 7837 7838 @media only screen and (min-width: 1200px) { 7839 .wp-block[data-type="extendstudio/materialis"] .gridContainer { 7840 width: 90%; 7841 } 7842 7843 .wp-block[data-type="extendstudio/materialis"] .col-lg { 7844 box-sizing: border-box; 7845 -moz-flex-grow: 0; 7846 flex-grow: 0; 7847 flex-shrink: 0; 7848 padding-right: 15px; 7849 padding-left: 15px; 7850 flex-basis: auto; 7851 } 7852 7853 .wp-block[data-type="extendstudio/materialis"] .col-lg-fit { 7854 box-sizing: border-box; 7855 -moz-flex-grow: 0; 7856 flex-grow: 0; 7857 flex-shrink: 0; 7858 padding-right: 15px; 7859 padding-left: 15px; 7860 flex-basis: auto; 7861 -moz-flex-grow: 0; 7862 flex-grow: 0; 7863 max-width: 100%; 7864 } 7865 7866 .wp-block[data-type="extendstudio/materialis"] .col-lg-1 { 7867 box-sizing: border-box; 7868 -moz-flex-grow: 0; 7869 flex-grow: 0; 7870 flex-shrink: 0; 7871 padding-right: 15px; 7872 padding-left: 15px; 7873 flex-basis: 8.3333333333%; 7874 max-width: 8.3333333333%; 7875 } 7876 7877 .wp-block[data-type="extendstudio/materialis"] .col-lg-2 { 7878 box-sizing: border-box; 7879 -moz-flex-grow: 0; 7880 flex-grow: 0; 7881 flex-shrink: 0; 7882 padding-right: 15px; 7883 padding-left: 15px; 7884 flex-basis: 16.6666666667%; 7885 max-width: 16.6666666667%; 7886 } 7887 7888 .wp-block[data-type="extendstudio/materialis"] .col-lg-3 { 7889 box-sizing: border-box; 7890 -moz-flex-grow: 0; 7891 flex-grow: 0; 7892 flex-shrink: 0; 7893 padding-right: 15px; 7894 padding-left: 15px; 7895 flex-basis: 25%; 7896 max-width: 25%; 7897 } 7898 7899 .wp-block[data-type="extendstudio/materialis"] .col-lg-4 { 7900 box-sizing: border-box; 7901 -moz-flex-grow: 0; 7902 flex-grow: 0; 7903 flex-shrink: 0; 7904 padding-right: 15px; 7905 padding-left: 15px; 7906 flex-basis: 33.3333333333%; 7907 max-width: 33.3333333333%; 7908 } 7909 7910 .wp-block[data-type="extendstudio/materialis"] .col-lg-5 { 7911 box-sizing: border-box; 7912 -moz-flex-grow: 0; 7913 flex-grow: 0; 7914 flex-shrink: 0; 7915 padding-right: 15px; 7916 padding-left: 15px; 7917 flex-basis: 41.6666666667%; 7918 max-width: 41.6666666667%; 7919 } 7920 7921 .wp-block[data-type="extendstudio/materialis"] .col-lg-6 { 7922 box-sizing: border-box; 7923 -moz-flex-grow: 0; 7924 flex-grow: 0; 7925 flex-shrink: 0; 7926 padding-right: 15px; 7927 padding-left: 15px; 7928 flex-basis: 50%; 7929 max-width: 50%; 7930 } 7931 7932 .wp-block[data-type="extendstudio/materialis"] .col-lg-7 { 7933 box-sizing: border-box; 7934 -moz-flex-grow: 0; 7935 flex-grow: 0; 7936 flex-shrink: 0; 7937 padding-right: 15px; 7938 padding-left: 15px; 7939 flex-basis: 58.3333333333%; 7940 max-width: 58.3333333333%; 7941 } 7942 7943 .wp-block[data-type="extendstudio/materialis"] .col-lg-8 { 7944 box-sizing: border-box; 7945 -moz-flex-grow: 0; 7946 flex-grow: 0; 7947 flex-shrink: 0; 7948 padding-right: 15px; 7949 padding-left: 15px; 7950 flex-basis: 66.6666666667%; 7951 max-width: 66.6666666667%; 7952 } 7953 7954 .wp-block[data-type="extendstudio/materialis"] .col-lg-9 { 7955 box-sizing: border-box; 7956 -moz-flex-grow: 0; 7957 flex-grow: 0; 7958 flex-shrink: 0; 7959 padding-right: 15px; 7960 padding-left: 15px; 7961 flex-basis: 75%; 7962 max-width: 75%; 7963 } 7964 7965 .wp-block[data-type="extendstudio/materialis"] .col-lg-10 { 7966 box-sizing: border-box; 7967 -moz-flex-grow: 0; 7968 flex-grow: 0; 7969 flex-shrink: 0; 7970 padding-right: 15px; 7971 padding-left: 15px; 7972 flex-basis: 83.3333333333%; 7973 max-width: 83.3333333333%; 7974 } 7975 7976 .wp-block[data-type="extendstudio/materialis"] .col-lg-11 { 7977 box-sizing: border-box; 7978 -moz-flex-grow: 0; 7979 flex-grow: 0; 7980 flex-shrink: 0; 7981 padding-right: 15px; 7982 padding-left: 15px; 7983 flex-basis: 91.6666666667%; 7984 max-width: 91.6666666667%; 7985 } 7986 7987 .wp-block[data-type="extendstudio/materialis"] .col-lg-12 { 7988 box-sizing: border-box; 7989 -moz-flex-grow: 0; 7990 flex-grow: 0; 7991 flex-shrink: 0; 7992 padding-right: 15px; 7993 padding-left: 15px; 7994 flex-basis: 100%; 7995 max-width: 100%; 7996 } 7997 7998 .wp-block[data-type="extendstudio/materialis"] .col-lg-offset-0 { 7999 box-sizing: border-box; 8000 -moz-flex-grow: 0; 8001 flex-grow: 0; 8002 flex-shrink: 0; 8003 padding-right: 15px; 8004 padding-left: 15px; 8005 margin-left: 0; 8006 } 8007 8008 .wp-block[data-type="extendstudio/materialis"] .col-lg-offset-1 { 8009 box-sizing: border-box; 8010 -moz-flex-grow: 0; 8011 flex-grow: 0; 8012 flex-shrink: 0; 8013 padding-right: 15px; 8014 padding-left: 15px; 8015 margin-left: 8.3333333333%; 8016 } 8017 8018 .wp-block[data-type="extendstudio/materialis"] .col-lg-offset-2 { 8019 box-sizing: border-box; 8020 -moz-flex-grow: 0; 8021 flex-grow: 0; 8022 flex-shrink: 0; 8023 padding-right: 15px; 8024 padding-left: 15px; 8025 margin-left: 16.6666666667%; 8026 } 8027 8028 .wp-block[data-type="extendstudio/materialis"] .col-lg-offset-3 { 8029 box-sizing: border-box; 8030 -moz-flex-grow: 0; 8031 flex-grow: 0; 8032 flex-shrink: 0; 8033 padding-right: 15px; 8034 padding-left: 15px; 8035 margin-left: 25%; 8036 } 8037 8038 .wp-block[data-type="extendstudio/materialis"] .col-lg-offset-4 { 8039 box-sizing: border-box; 8040 -moz-flex-grow: 0; 8041 flex-grow: 0; 8042 flex-shrink: 0; 8043 padding-right: 15px; 8044 padding-left: 15px; 8045 margin-left: 33.3333333333%; 8046 } 8047 8048 .wp-block[data-type="extendstudio/materialis"] .col-lg-offset-5 { 8049 box-sizing: border-box; 8050 -moz-flex-grow: 0; 8051 flex-grow: 0; 8052 flex-shrink: 0; 8053 padding-right: 15px; 8054 padding-left: 15px; 8055 margin-left: 41.6666666667%; 8056 } 8057 8058 .wp-block[data-type="extendstudio/materialis"] .col-lg-offset-6 { 8059 box-sizing: border-box; 8060 -moz-flex-grow: 0; 8061 flex-grow: 0; 8062 flex-shrink: 0; 8063 padding-right: 15px; 8064 padding-left: 15px; 8065 margin-left: 50%; 8066 } 8067 8068 .wp-block[data-type="extendstudio/materialis"] .col-lg-offset-7 { 8069 box-sizing: border-box; 8070 -moz-flex-grow: 0; 8071 flex-grow: 0; 8072 flex-shrink: 0; 8073 padding-right: 15px; 8074 padding-left: 15px; 8075 margin-left: 58.3333333333%; 8076 } 8077 8078 .wp-block[data-type="extendstudio/materialis"] .col-lg-offset-8 { 8079 box-sizing: border-box; 8080 -moz-flex-grow: 0; 8081 flex-grow: 0; 8082 flex-shrink: 0; 8083 padding-right: 15px; 8084 padding-left: 15px; 8085 margin-left: 66.6666666667%; 8086 } 8087 8088 .wp-block[data-type="extendstudio/materialis"] .col-lg-offset-9 { 8089 box-sizing: border-box; 8090 -moz-flex-grow: 0; 8091 flex-grow: 0; 8092 flex-shrink: 0; 8093 padding-right: 15px; 8094 padding-left: 15px; 8095 margin-left: 75%; 8096 } 8097 8098 .wp-block[data-type="extendstudio/materialis"] .col-lg-offset-10 { 8099 box-sizing: border-box; 8100 -moz-flex-grow: 0; 8101 flex-grow: 0; 8102 flex-shrink: 0; 8103 padding-right: 15px; 8104 padding-left: 15px; 8105 margin-left: 83.3333333333%; 8106 } 8107 8108 .wp-block[data-type="extendstudio/materialis"] .col-lg-offset-11 { 8109 box-sizing: border-box; 8110 -moz-flex-grow: 0; 8111 flex-grow: 0; 8112 flex-shrink: 0; 8113 padding-right: 15px; 8114 padding-left: 15px; 8115 margin-left: 91.6666666667%; 8116 } 8117 8118 .wp-block[data-type="extendstudio/materialis"] .col-lg-offset-12 { 8119 box-sizing: border-box; 8120 -moz-flex-grow: 0; 8121 flex-grow: 0; 8122 flex-shrink: 0; 8123 padding-right: 15px; 8124 padding-left: 15px; 8125 margin-left: 100%; 8126 } 8127 8128 .wp-block[data-type="extendstudio/materialis"] .col-lg { 8129 -moz-flex-grow: 1; 8130 flex-grow: 1; 8131 flex-basis: 0; 8132 max-width: 100%; 8133 } 8134 8135 .wp-block[data-type="extendstudio/materialis"] .start-lg { 8136 -moz-justify-content: flex-start; 8137 justify-content: flex-start; 8138 text-align: left; 8139 } 8140 8141 .wp-block[data-type="extendstudio/materialis"] .center-lg { 8142 -moz-justify-content: center; 8143 justify-content: center; 8144 text-align: center; 8145 } 8146 8147 .wp-block[data-type="extendstudio/materialis"] .end-lg { 8148 -moz-justify-content: flex-end; 8149 justify-content: flex-end; 8150 text-align: right; 8151 } 8152 8153 .wp-block[data-type="extendstudio/materialis"] .top-lg { 8154 -moz-align-items: flex-start; 8155 align-items: flex-start; 8156 } 8157 8158 .wp-block[data-type="extendstudio/materialis"] .middle-lg { 8159 -moz-align-items: center; 8160 align-items: center; 8161 } 8162 8163 .wp-block[data-type="extendstudio/materialis"] .bottom-lg { 8164 -moz-align-items: flex-end; 8165 align-items: flex-end; 8166 } 8167 8168 .wp-block[data-type="extendstudio/materialis"] .around-lg { 8169 -moz-justify-content: space-around; 8170 justify-content: space-around; 8171 } 8172 8173 .wp-block[data-type="extendstudio/materialis"] .between-lg { 8174 -moz-justify-content: space-between; 8175 justify-content: space-between; 8176 } 8177 8178 .wp-block[data-type="extendstudio/materialis"] .first-lg { 8179 order: -1; 8180 } 8181 8182 .wp-block[data-type="extendstudio/materialis"] .last-lg { 8183 order: 1; 8184 } 8185 } 8186 8187 .wp-block[data-type="extendstudio/materialis"] #wp-toolbar ul { 8188 display: inline-block; 8189 } 8190 8191 .wp-block[data-type="extendstudio/materialis"] .sticky { 8192 font-family: inherit; 8193 } 8194 8195 .wp-block[data-type="extendstudio/materialis"] .gallery-caption { 8196 font-family: inherit; 8197 } 8198 8199 .wp-block[data-type="extendstudio/materialis"] .bypostauthor { 8200 font-family: inherit; 8201 } 8202 8203 .wp-block[data-type="extendstudio/materialis"] .aligncenter, 8204 .wp-block[data-type="extendstudio/materialis"] div.aligncenter { 8205 display: block; 8206 margin-bottom: 16px; 8207 } 8208 8209 .wp-block[data-type="extendstudio/materialis"] a img.aligncenter { 8210 display: block; 8211 margin-left: auto; 8212 margin-right: auto; 8213 } 8214 8215 .wp-block[data-type="extendstudio/materialis"] .wp-caption { 8216 background: #fff; 8217 border: 1px solid #f0f0f0; 8218 max-width: 96%; 8219 padding: 5px 3px 10px; 8220 text-align: center; 8221 } 8222 8223 .wp-block[data-type="extendstudio/materialis"] .wp-caption.alignnone { 8224 margin-bottom: 16px; 8225 } 8226 8227 .wp-block[data-type="extendstudio/materialis"] .wp-caption.alignleft { 8228 margin-bottom: 16px; 8229 } 8230 8231 .wp-block[data-type="extendstudio/materialis"] .wp-caption.alignright { 8232 margin-bottom: 16px; 8233 } 8234 8235 .wp-block[data-type="extendstudio/materialis"] .wp-caption img { 8236 border: 0 none; 8237 height: auto; 8238 margin: 0; 8239 max-width: 98.5%; 8240 padding: 0; 8241 width: auto; 8242 } 8243 8244 .wp-block[data-type="extendstudio/materialis"] .wp-caption p.wp-caption-text { 8245 font-size: 0.9em; 8246 font-weight: 400; 8247 line-height: 150%; 8248 margin: 0; 8249 padding: 0 4px 5px; 8250 } 8251 8252 .wp-block[data-type="extendstudio/materialis"] .fancybox-container { 8253 z-index: 100000 !important; 8254 } 8255 8256 .wp-block[data-type="extendstudio/materialis"] .embed-container, 8257 .wp-block[data-type="extendstudio/materialis"] .embed-youtube { 8258 position: relative; 8259 padding-bottom: 56.25%; 8260 /* 16:9 */ 8261 padding-top: 25px; 8262 height: 0; 8263 margin-bottom: 1rem; 8264 } 8265 8266 .wp-block[data-type="extendstudio/materialis"] .embed-container > iframe, 8267 .wp-block[data-type="extendstudio/materialis"] .embed-youtube > iframe { 8268 position: absolute; 8269 top: 0; 8270 left: 0; 8271 width: 100%; 8272 height: 100%; 8273 } 8274 8275 .wp-block[data-type="extendstudio/materialis"] .mejs-container { 8276 margin-bottom: 2rem; 8277 } 8278 8279 .wp-block[data-type="extendstudio/materialis"] .mejs-inner .mejs-button > button[aria-controls] { 8280 min-width: 10px; 8281 width: 20px; 8282 display: block; 8283 padding: 0px; 8284 border-radius: 0; 8285 background-color: transparent; 8286 border: none; 8287 transition: none; 8288 } 8289 8290 .wp-block[data-type="extendstudio/materialis"] .mejs-inner .mejs-button > button[aria-controls]:hover, 8291 .wp-block[data-type="extendstudio/materialis"] .mejs-inner .mejs-button > button[aria-controls]:focus { 8292 background-color: transparent; 8293 } 8294 8295 @media screen and (max-width: 782px) { 8296 .wp-block[data-type="extendstudio/materialis"] .logged-in.admin-bar .fixto-fixed { 8297 top: 0 !important; 8298 } 8299 } 8300 8301 .wp-block[data-type="extendstudio/materialis"] .screen-reader-text { 8302 clip: rect(1px, 1px, 1px, 1px); 8303 position: absolute !important; 8304 height: 1px; 8305 width: 1px; 8306 overflow: hidden; 8307 word-wrap: normal !important; 8308 /* Many screen reader and browser combinations announce broken words as they would appear visually. */ 8309 } 8310 8311 .wp-block[data-type="extendstudio/materialis"] .screen-reader-text:focus { 8312 background-color: transparent; 8313 border-radius: 3px; 8314 box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); 8315 clip: auto !important; 8316 color: #ffffff; 8317 display: block; 8318 font-weight: bold; 8319 height: auto; 8320 left: 5px; 8321 line-height: normal; 8322 padding: 15px 23px 14px; 8323 text-decoration: none; 8324 top: 5px; 8325 width: auto; 8326 z-index: 100000; 8327 /* Above WP toolbar. */ 8328 } 8329 8330 .wp-block[data-type="extendstudio/materialis"] .alignleft { 8331 display: inline; 8332 float: left; 8333 margin-right: 1.5em; 8334 } 8335 8336 .wp-block[data-type="extendstudio/materialis"] .alignright { 8337 display: inline; 8338 float: right; 8339 margin-left: 1.5em; 8340 } 8341 8342 .wp-block[data-type="extendstudio/materialis"] .aligncenter { 8343 clear: both; 8344 display: block; 8345 margin-left: auto; 8346 margin-right: auto; 8347 } 8348 8349 .wp-block[data-type="extendstudio/materialis"] .header-top-bar { 8350 background-color: #222222; 8351 display: none; 8352 padding-left: 5%; 8353 padding-right: 5%; 8354 } 8355 8356 .wp-block[data-type="extendstudio/materialis"] .header-top-bar .content-placeholder-p { 8357 padding: 10px; 8358 font-size: 0.6rem; 8359 max-width: 100%; 8360 } 8361 8362 .wp-block[data-type="extendstudio/materialis"] .header-top-bar.no-padding { 8363 padding-left: 0px; 8364 padding-right: 0px; 8365 } 8366 8367 .wp-block[data-type="extendstudio/materialis"] .header-top-bar-inner { 8368 height: 40px; 8369 } 8370 8371 .wp-block[data-type="extendstudio/materialis"] .header-top-bar-area { 8372 position: relative; 8373 display: flex; 8374 } 8375 8376 .wp-block[data-type="extendstudio/materialis"] .header-top-bar-area.area-left .top-bar-social-icons a:first-of-type { 8377 margin-left: -8px; 8378 } 8379 8380 .wp-block[data-type="extendstudio/materialis"] .header-top-bar-area.area-left .top-bar-field:first-of-type { 8381 padding-left: 0px; 8382 } 8383 8384 .wp-block[data-type="extendstudio/materialis"] .header-top-bar-area.area-left > .content-placeholder-p { 8385 margin: 0; 8386 } 8387 8388 .wp-block[data-type="extendstudio/materialis"] .header-top-bar-area.area-right .top-bar-field:last-of-type { 8389 padding-right: 0px; 8390 } 8391 8392 .wp-block[data-type="extendstudio/materialis"] .header-top-bar-area.area-right .top-bar-social-icons a:last-of-type { 8393 margin-right: -8px; 8394 } 8395 8396 .wp-block[data-type="extendstudio/materialis"] .gridContainer .header-top-bar-area.area-left { 8397 margin-left: 0px; 8398 } 8399 8400 .wp-block[data-type="extendstudio/materialis"] .gridContainer .header-top-bar-area.area-right { 8401 margin-right: 0px; 8402 } 8403 8404 .wp-block[data-type="extendstudio/materialis"] .top-bar-social-icons { 8405 display: block; 8406 float: left; 8407 } 8408 8409 .wp-block[data-type="extendstudio/materialis"] .top-bar-social-icons a { 8410 display: inline-block; 8411 font-size: 22px; 8412 padding: 2px 10px; 8413 color: #ffffff; 8414 max-height: 40px; 8415 float: left; 8416 } 8417 8418 .wp-block[data-type="extendstudio/materialis"] .top-bar-social-icons a:hover { 8419 color: white; 8420 } 8421 8422 .wp-block[data-type="extendstudio/materialis"] .top-bar-social-icons a i:before { 8423 vertical-align: middle; 8424 } 8425 8426 .wp-block[data-type="extendstudio/materialis"] .top-bar-field { 8427 display: flex; 8428 font-size: 12px; 8429 text-align: left; 8430 color: #ffffff; 8431 padding: 0 15px; 8432 } 8433 8434 .wp-block[data-type="extendstudio/materialis"] .top-bar-field i.mdi { 8435 font-size: 18px; 8436 color: #999; 8437 margin-right: 10px; 8438 } 8439 8440 .wp-block[data-type="extendstudio/materialis"] .top-bar-field span { 8441 line-height: 18px; 8442 font-size: 0.8rem; 8443 } 8444 8445 .wp-block[data-type="extendstudio/materialis"] .top-bar-field a { 8446 color: #ffffff; 8447 } 8448 8449 .wp-block[data-type="extendstudio/materialis"] .top-bar-field a:hover { 8450 color: white; 8451 } 8452 8453 .wp-block[data-type="extendstudio/materialis"] .top-bar-menu { 8454 list-style: none; 8455 display: block; 8456 margin: 0; 8457 margin-left: -7px; 8458 margin-right: -7px; 8459 } 8460 8461 .wp-block[data-type="extendstudio/materialis"] .top-bar-menu li { 8462 float: left; 8463 padding: 0px 7px; 8464 } 8465 8466 .wp-block[data-type="extendstudio/materialis"] .top-bar-menu li a { 8467 color: #bdbdbd; 8468 text-decoration: none; 8469 line-height: 40px; 8470 font-size: 12px; 8471 } 8472 8473 @media (min-width: 768px) { 8474 .wp-block[data-type="extendstudio/materialis"] .header-top-bar { 8475 display: block; 8476 } 8477 } 8478 8479 .wp-block[data-type="extendstudio/materialis"] #mainmenu_container { 8480 display: none; 8481 } 8482 8483 @media (min-width: 768px) { 8484 .wp-block[data-type="extendstudio/materialis"] #mainmenu_container { 8485 display: flex; 8486 } 8487 } 8488 8489 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu { 8490 list-style: none; 8491 padding: 0; 8492 margin: 0; 8493 display: none; 8494 z-index: 1; 8495 box-sizing: border-box; 8496 width: 100%; 8497 position: absolute; 8498 } 8499 8500 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu > li.logo:before, 8501 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu > li.logo:after { 8502 display: none !important; 8503 } 8504 8505 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu li { 8506 display: block; 8507 position: relative; 8508 color: #ffffff; 8509 transition: all 0.4s; 8510 overflow: hidden; 8511 } 8512 8513 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu li a { 8514 display: block; 8515 text-decoration: none; 8516 white-space: nowrap; 8517 color: inherit; 8518 position: relative; 8519 overflow: hidden; 8520 padding: 0.9em; 8521 } 8522 8523 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu li:hover > ul, 8524 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu li.hover > ul, 8525 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu li:hover, 8526 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu li.hover { 8527 opacity: 1; 8528 height: auto; 8529 overflow: visible; 8530 } 8531 8532 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu ul { 8533 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); 8534 background-color: #fff; 8535 /* @alternate */ 8536 background-color: var(--mdc-theme-background, #fff); 8537 display: block; 8538 position: absolute; 8539 box-sizing: border-box; 8540 min-width: 170px; 8541 max-width: calc(100vw - 32px); 8542 max-height: calc(100vh - 32px); 8543 margin: 0; 8544 -webkit-transform: scale(1); 8545 transform: scale(1); 8546 -webkit-transform-origin: top left; 8547 transform-origin: top left; 8548 border-radius: 3px; 8549 opacity: 0; 8550 white-space: nowrap; 8551 overflow-x: hidden; 8552 overflow-y: auto; 8553 z-index: 4; 8554 transition: all 0.2s linear; 8555 padding: 8px 0; 8556 } 8557 8558 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu ul li { 8559 font-family: Roboto, sans-serif; 8560 -moz-osx-font-smoothing: grayscale; 8561 -webkit-font-smoothing: antialiased; 8562 font-size: 1rem; 8563 line-height: 1.75rem; 8564 font-weight: 400; 8565 letter-spacing: 0.009375em; 8566 text-decoration: inherit; 8567 text-transform: inherit; 8568 cursor: pointer; 8569 position: relative; 8570 outline: none; 8571 color: #111111; 8572 text-decoration: none; 8573 -webkit-user-select: none; 8574 -moz-user-select: none; 8575 -ms-user-select: none; 8576 user-select: none; 8577 padding: 0px; 8578 } 8579 8580 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu ul ul { 8581 left: 100%; 8582 top: 0; 8583 } 8584 8585 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu:before { 8586 content: " "; 8587 display: table; 8588 } 8589 8590 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu:after { 8591 content: " "; 8592 display: table; 8593 clear: both; 8594 } 8595 8596 .wp-block[data-type="extendstudio/materialis"] a[data-menu-toggler] { 8597 display: block; 8598 top: 0px; 8599 right: 0px; 8600 padding: 1em; 8601 text-decoration: none; 8602 white-space: nowrap; 8603 position: relative; 8604 color: #ffffff; 8605 text-align: right; 8606 background: #1bc2a2; 8607 } 8608 8609 @media (min-width: 768px) { 8610 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu { 8611 display: -moz-flex; 8612 display: flex; 8613 -moz-flex: 1 0 auto; 8614 flex: 1 0 auto; 8615 -moz-flex-direction: row; 8616 flex-direction: row; 8617 flex-wrap: wrap; 8618 position: static; 8619 } 8620 8621 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu > li { 8622 margin: 0px 4px; 8623 } 8624 8625 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu > li > a { 8626 font-style: normal; 8627 font-size: 0.9em; 8628 line-height: 160%; 8629 letter-spacing: 1px; 8630 text-transform: uppercase; 8631 border-radius: 2px; 8632 } 8633 8634 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu li ul { 8635 position: absolute; 8636 padding-left: 0em; 8637 min-width: 200px; 8638 z-index: 10; 8639 top: 100%; 8640 } 8641 8642 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu li ul ul { 8643 margin-left: 1px; 8644 top: 5%; 8645 } 8646 8647 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu li ul ul:before { 8648 display: block; 8649 content: " "; 8650 width: 5px; 8651 height: 100%; 8652 background: transparent; 8653 float: left; 8654 position: absolute; 8655 margin-left: -5px; 8656 z-index: -1; 8657 } 8658 8659 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu li ul ul.open-reverse { 8660 right: 100%; 8661 left: auto; 8662 top: 5%; 8663 margin-right: 1px; 8664 margin-left: 1px; 8665 } 8666 8667 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu li ul ul.open-reverse:before { 8668 display: none; 8669 } 8670 8671 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu li ul ul.open-reverse:after { 8672 display: block; 8673 content: " "; 8674 width: 5px; 8675 height: 100%; 8676 background: transparent; 8677 position: absolute; 8678 z-index: -1; 8679 top: 0px; 8680 right: -5px; 8681 } 8682 8683 .wp-block[data-type="extendstudio/materialis"] a[data-menu-toggler] { 8684 display: none; 8685 } 8686 8687 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu > li > a, 8688 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu > li > a { 8689 color: #000000; 8690 } 8691 } 8692 8693 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu li li a { 8694 --mdc-ripple-fg-size: 0; 8695 --mdc-ripple-left: 0; 8696 --mdc-ripple-top: 0; 8697 --mdc-ripple-fg-scale: 1; 8698 --mdc-ripple-fg-translate-end: 0; 8699 --mdc-ripple-fg-translate-start: 0; 8700 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 8701 will-change: transform, opacity; 8702 padding: 0.9em 1em; 8703 line-height: 1.5; 8704 } 8705 8706 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu li li a::before, 8707 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu li li a::after { 8708 position: absolute; 8709 border-radius: 50%; 8710 opacity: 0; 8711 pointer-events: none; 8712 content: ""; 8713 } 8714 8715 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu li li a::before { 8716 transition: opacity 15ms linear; 8717 z-index: 1; 8718 } 8719 8720 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu li li a.mdc-ripple-upgraded::before { 8721 -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1)); 8722 transform: scale(var(--mdc-ripple-fg-scale, 1)); 8723 } 8724 8725 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu li li a.mdc-ripple-upgraded::after { 8726 top: 0; 8727 /* @noflip */ 8728 left: 0; 8729 -webkit-transform: scale(0); 8730 transform: scale(0); 8731 -webkit-transform-origin: center center; 8732 transform-origin: center center; 8733 } 8734 8735 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu li li a.mdc-ripple-upgraded--unbounded::after { 8736 top: var(--mdc-ripple-top, 0); 8737 /* @noflip */ 8738 left: var(--mdc-ripple-left, 0); 8739 } 8740 8741 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu li li a.mdc-ripple-upgraded--foreground-activation::after { 8742 -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; 8743 animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; 8744 } 8745 8746 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu li li a.mdc-ripple-upgraded--foreground-deactivation::after { 8747 -webkit-animation: 150ms mdc-ripple-fg-opacity-out; 8748 animation: 150ms mdc-ripple-fg-opacity-out; 8749 -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); 8750 transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); 8751 } 8752 8753 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu li li a::before, 8754 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu li li a::after { 8755 top: calc(50% - 100%); 8756 /* @noflip */ 8757 left: calc(50% - 100%); 8758 width: 200%; 8759 height: 200%; 8760 } 8761 8762 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu li li a.mdc-ripple-upgraded::after { 8763 width: var(--mdc-ripple-fg-size, 100%); 8764 height: var(--mdc-ripple-fg-size, 100%); 8765 } 8766 8767 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu li li a::before, 8768 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu li li a::after { 8769 background-color: #ffffff; 8770 } 8771 8772 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu li li a:hover::before { 8773 opacity: 0.2; 8774 } 8775 8776 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu li li a:not(.mdc-ripple-upgraded):focus::before, 8777 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu li li a.mdc-ripple-upgraded--background-focused::before { 8778 transition-duration: 75ms; 8779 opacity: 0.4; 8780 } 8781 8782 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu li li a:not(.mdc-ripple-upgraded)::after { 8783 transition: opacity 150ms linear; 8784 } 8785 8786 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu li li a:not(.mdc-ripple-upgraded):active::after { 8787 transition-duration: 75ms; 8788 opacity: 0.5; 8789 } 8790 8791 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu li li a.mdc-ripple-upgraded { 8792 --mdc-ripple-fg-opacity: 0.5; 8793 } 8794 8795 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu li li:hover:after { 8796 color: #ffffff; 8797 } 8798 8799 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu li li:hover > a, 8800 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu li li a:hover, 8801 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu li li a.hover { 8802 background-color: #228ae6; 8803 color: #ffffff; 8804 } 8805 8806 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons li:after { 8807 content: " "; 8808 font-family: Material Design Icons; 8809 display: inline-flex; 8810 align-items: center; 8811 justify-content: center; 8812 color: inherit; 8813 font-size: 1.5em; 8814 box-sizing: border-box; 8815 width: 12px; 8816 height: 100%; 8817 text-align: center; 8818 position: absolute; 8819 top: 0; 8820 right: 12px; 8821 opacity: 0.9; 8822 pointer-events: none; 8823 } 8824 8825 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons li.page_item_has_children > a, 8826 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons li.menu-item-has-children > a { 8827 padding-right: calc(0.9em + 20px); 8828 } 8829 8830 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons li.page_item_has_children:after, 8831 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons li.menu-item-has-children:after { 8832 content: "\F35D"; 8833 } 8834 8835 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons li.page_item_has_children li.page_item_has_children:after, 8836 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons li.page_item_has_children li.page_item_has_children:hover:after, 8837 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons li.page_item_has_children li.page_item_has_children.hover:after, 8838 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons li.page_item_has_children li.menu-item-has-children:after, 8839 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons li.page_item_has_children li.menu-item-has-children:hover:after, 8840 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons li.page_item_has_children li.menu-item-has-children.hover:after, 8841 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons li.menu-item-has-children li.page_item_has_children:after, 8842 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons li.menu-item-has-children li.page_item_has_children:hover:after, 8843 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons li.menu-item-has-children li.page_item_has_children.hover:after, 8844 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons li.menu-item-has-children li.menu-item-has-children:after, 8845 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons li.menu-item-has-children li.menu-item-has-children:hover:after, 8846 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons li.menu-item-has-children li.menu-item-has-children.hover:after { 8847 content: "\F35F"; 8848 font-size: 1.5em; 8849 } 8850 8851 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu:not(.material-buttons) > li > a { 8852 position: relative; 8853 } 8854 8855 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu:not(.material-buttons) > li > a:after { 8856 content: " "; 8857 font-family: Material Design Icons; 8858 color: inherit; 8859 font-size: 1.5em; 8860 box-sizing: border-box; 8861 opacity: 0.9; 8862 pointer-events: none; 8863 line-height: 1; 8864 display: inline-block; 8865 position: absolute; 8866 top: 50%; 8867 -webkit-transform: translateY(-50%) scale(0.7, 1.4); 8868 transform: translateY(-50%) scale(0.7, 1.4); 8869 right: 0; 8870 } 8871 8872 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu:not(.material-buttons) > li.page_item_has_children > a, 8873 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu:not(.material-buttons) > li.menu-item-has-children > a { 8874 padding-right: 1.5em; 8875 } 8876 8877 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu:not(.material-buttons) > li.page_item_has_children > a:after, 8878 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu:not(.material-buttons) > li.menu-item-has-children > a:after { 8879 content: "\F35D"; 8880 } 8881 8882 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu:not(.material-buttons) > li.page_item_has_children li.page_item_has_children:after, 8883 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu:not(.material-buttons) > li.page_item_has_children li.menu-item-has-children:after, 8884 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu:not(.material-buttons) > li.menu-item-has-children li.page_item_has_children:after, 8885 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu:not(.material-buttons) > li.menu-item-has-children li.menu-item-has-children:after { 8886 content: " "; 8887 font-family: Material Design Icons; 8888 display: inline-flex; 8889 align-items: center; 8890 justify-content: center; 8891 color: inherit; 8892 font-size: 1.5em; 8893 box-sizing: border-box; 8894 width: 12px; 8895 height: 100%; 8896 text-align: center; 8897 position: absolute; 8898 top: 0; 8899 right: 12px; 8900 opacity: 0.9; 8901 pointer-events: none; 8902 } 8903 8904 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu:not(.material-buttons) > li.page_item_has_children li.page_item_has_children:after, 8905 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu:not(.material-buttons) > li.page_item_has_children li.page_item_has_children:hover:after, 8906 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu:not(.material-buttons) > li.page_item_has_children li.page_item_has_children.hover:after, 8907 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu:not(.material-buttons) > li.page_item_has_children li.menu-item-has-children:after, 8908 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu:not(.material-buttons) > li.page_item_has_children li.menu-item-has-children:hover:after, 8909 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu:not(.material-buttons) > li.page_item_has_children li.menu-item-has-children.hover:after, 8910 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu:not(.material-buttons) > li.menu-item-has-children li.page_item_has_children:after, 8911 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu:not(.material-buttons) > li.menu-item-has-children li.page_item_has_children:hover:after, 8912 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu:not(.material-buttons) > li.menu-item-has-children li.page_item_has_children.hover:after, 8913 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu:not(.material-buttons) > li.menu-item-has-children li.menu-item-has-children:after, 8914 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu:not(.material-buttons) > li.menu-item-has-children li.menu-item-has-children:hover:after, 8915 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu:not(.material-buttons) > li.menu-item-has-children li.menu-item-has-children.hover:after { 8916 content: "\F35F"; 8917 font-size: 1.5em; 8918 } 8919 8920 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons > li { 8921 color: #ffffff; 8922 } 8923 8924 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons > li > a { 8925 --mdc-ripple-fg-size: 0; 8926 --mdc-ripple-left: 0; 8927 --mdc-ripple-top: 0; 8928 --mdc-ripple-fg-scale: 1; 8929 --mdc-ripple-fg-translate-end: 0; 8930 --mdc-ripple-fg-translate-start: 0; 8931 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 8932 will-change: transform, opacity; 8933 transition: background-color 0.3s linear; 8934 } 8935 8936 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons > li > a::before, 8937 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons > li > a::after { 8938 position: absolute; 8939 border-radius: 50%; 8940 opacity: 0; 8941 pointer-events: none; 8942 content: ""; 8943 } 8944 8945 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons > li > a::before { 8946 transition: opacity 15ms linear; 8947 z-index: 1; 8948 } 8949 8950 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons > li > a.mdc-ripple-upgraded::before { 8951 -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1)); 8952 transform: scale(var(--mdc-ripple-fg-scale, 1)); 8953 } 8954 8955 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons > li > a.mdc-ripple-upgraded::after { 8956 top: 0; 8957 /* @noflip */ 8958 left: 0; 8959 -webkit-transform: scale(0); 8960 transform: scale(0); 8961 -webkit-transform-origin: center center; 8962 transform-origin: center center; 8963 } 8964 8965 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons > li > a.mdc-ripple-upgraded--unbounded::after { 8966 top: var(--mdc-ripple-top, 0); 8967 /* @noflip */ 8968 left: var(--mdc-ripple-left, 0); 8969 } 8970 8971 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons > li > a.mdc-ripple-upgraded--foreground-activation::after { 8972 -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; 8973 animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; 8974 } 8975 8976 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons > li > a.mdc-ripple-upgraded--foreground-deactivation::after { 8977 -webkit-animation: 150ms mdc-ripple-fg-opacity-out; 8978 animation: 150ms mdc-ripple-fg-opacity-out; 8979 -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); 8980 transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); 8981 } 8982 8983 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons > li > a::before, 8984 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons > li > a::after { 8985 top: calc(50% - 100%); 8986 /* @noflip */ 8987 left: calc(50% - 100%); 8988 width: 200%; 8989 height: 200%; 8990 } 8991 8992 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons > li > a.mdc-ripple-upgraded::after { 8993 width: var(--mdc-ripple-fg-size, 100%); 8994 height: var(--mdc-ripple-fg-size, 100%); 8995 } 8996 8997 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons > li > a:hover::before { 8998 opacity: 0.2; 8999 } 9000 9001 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons > li > a:not(.mdc-ripple-upgraded):focus::before, 9002 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons > li > a.mdc-ripple-upgraded--background-focused::before { 9003 transition-duration: 75ms; 9004 opacity: 0.4; 9005 } 9006 9007 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons > li > a:not(.mdc-ripple-upgraded)::after { 9008 transition: opacity 150ms linear; 9009 } 9010 9011 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons > li > a:not(.mdc-ripple-upgraded):active::after { 9012 transition-duration: 75ms; 9013 opacity: 0.5; 9014 } 9015 9016 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons > li > a.mdc-ripple-upgraded { 9017 --mdc-ripple-fg-opacity: 0.5; 9018 } 9019 9020 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons > li > a:before, 9021 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons > li > a:after { 9022 background-color: #ffffff !important; 9023 } 9024 9025 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons > li > a:after { 9026 color: rgba(255, 255, 255, 0.8); 9027 } 9028 9029 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover, 9030 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover { 9031 color: #228ae6; 9032 } 9033 9034 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a, 9035 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a { 9036 background-color: rgba(255, 255, 255, 0.8); 9037 } 9038 9039 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a:not(:disabled), 9040 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a:not(:disabled) { 9041 color: #228ae6; 9042 } 9043 9044 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a::before, 9045 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a::after, 9046 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a::before, 9047 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a::after { 9048 background-color: white; 9049 } 9050 9051 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a:hover::before, 9052 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a:hover::before { 9053 opacity: 0.08; 9054 } 9055 9056 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a:not(.mdc-ripple-upgraded):focus::before, 9057 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a.mdc-ripple-upgraded--background-focused::before, 9058 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a:not(.mdc-ripple-upgraded):focus::before, 9059 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a.mdc-ripple-upgraded--background-focused::before { 9060 transition-duration: 75ms; 9061 opacity: 0.24; 9062 } 9063 9064 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a:not(.mdc-ripple-upgraded)::after, 9065 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a:not(.mdc-ripple-upgraded)::after { 9066 transition: opacity 150ms linear; 9067 } 9068 9069 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a:not(.mdc-ripple-upgraded):active::after, 9070 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a:not(.mdc-ripple-upgraded):active::after { 9071 transition-duration: 75ms; 9072 opacity: 0.32; 9073 } 9074 9075 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a.mdc-ripple-upgraded, 9076 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a.mdc-ripple-upgraded { 9077 --mdc-ripple-fg-opacity: 0.32; 9078 } 9079 9080 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a::before, 9081 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a::after, 9082 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a::before, 9083 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a::after { 9084 background-color: white; 9085 } 9086 9087 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons > .current_page_item, 9088 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons > .current-menu-item { 9089 color: #228ae6; 9090 } 9091 9092 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons > .current_page_item > a, 9093 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons > .current-menu-item > a { 9094 background-color: rgba(255, 255, 255, 0.8); 9095 } 9096 9097 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons > .current_page_item > a:not(:disabled), 9098 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons > .current-menu-item > a:not(:disabled) { 9099 color: #228ae6; 9100 } 9101 9102 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons > .current_page_item > a::before, 9103 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons > .current_page_item > a::after, 9104 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons > .current-menu-item > a::before, 9105 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons > .current-menu-item > a::after { 9106 background-color: white; 9107 } 9108 9109 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons > .current_page_item > a:hover::before, 9110 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons > .current-menu-item > a:hover::before { 9111 opacity: 0.08; 9112 } 9113 9114 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons > .current_page_item > a:not(.mdc-ripple-upgraded):focus::before, 9115 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons > .current_page_item > a.mdc-ripple-upgraded--background-focused::before, 9116 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons > .current-menu-item > a:not(.mdc-ripple-upgraded):focus::before, 9117 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons > .current-menu-item > a.mdc-ripple-upgraded--background-focused::before { 9118 transition-duration: 75ms; 9119 opacity: 0.24; 9120 } 9121 9122 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons > .current_page_item > a:not(.mdc-ripple-upgraded)::after, 9123 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons > .current-menu-item > a:not(.mdc-ripple-upgraded)::after { 9124 transition: opacity 150ms linear; 9125 } 9126 9127 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons > .current_page_item > a:not(.mdc-ripple-upgraded):active::after, 9128 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons > .current-menu-item > a:not(.mdc-ripple-upgraded):active::after { 9129 transition-duration: 75ms; 9130 opacity: 0.32; 9131 } 9132 9133 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons > .current_page_item > a.mdc-ripple-upgraded, 9134 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons > .current-menu-item > a.mdc-ripple-upgraded { 9135 --mdc-ripple-fg-opacity: 0.32; 9136 } 9137 9138 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons > .current_page_item > a::before, 9139 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons > .current_page_item > a::after, 9140 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons > .current-menu-item > a::before, 9141 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.material-buttons > .current-menu-item > a::after { 9142 background-color: white; 9143 } 9144 9145 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu > li, 9146 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu > li { 9147 color: #000000; 9148 } 9149 9150 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover, 9151 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover, 9152 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover, 9153 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover { 9154 color: #ffffff; 9155 } 9156 9157 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a, 9158 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a, 9159 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a, 9160 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a { 9161 background-color: #228ae6; 9162 } 9163 9164 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a:not(:disabled), 9165 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a:not(:disabled), 9166 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a:not(:disabled), 9167 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a:not(:disabled) { 9168 color: #ffffff; 9169 } 9170 9171 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a::before, 9172 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a::after, 9173 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a::before, 9174 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a::after, 9175 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a::before, 9176 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a::after, 9177 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a::before, 9178 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a::after { 9179 background-color: #228ae6; 9180 } 9181 9182 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a:hover::before, 9183 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a:hover::before, 9184 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a:hover::before, 9185 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a:hover::before { 9186 opacity: 0.04; 9187 } 9188 9189 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a:not(.mdc-ripple-upgraded):focus::before, 9190 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a.mdc-ripple-upgraded--background-focused::before, 9191 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a:not(.mdc-ripple-upgraded):focus::before, 9192 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a.mdc-ripple-upgraded--background-focused::before, 9193 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a:not(.mdc-ripple-upgraded):focus::before, 9194 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a.mdc-ripple-upgraded--background-focused::before, 9195 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a:not(.mdc-ripple-upgraded):focus::before, 9196 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a.mdc-ripple-upgraded--background-focused::before { 9197 transition-duration: 75ms; 9198 opacity: 0.12; 9199 } 9200 9201 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a:not(.mdc-ripple-upgraded)::after, 9202 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a:not(.mdc-ripple-upgraded)::after, 9203 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a:not(.mdc-ripple-upgraded)::after, 9204 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a:not(.mdc-ripple-upgraded)::after { 9205 transition: opacity 150ms linear; 9206 } 9207 9208 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a:not(.mdc-ripple-upgraded):active::after, 9209 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a:not(.mdc-ripple-upgraded):active::after, 9210 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a:not(.mdc-ripple-upgraded):active::after, 9211 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a:not(.mdc-ripple-upgraded):active::after { 9212 transition-duration: 75ms; 9213 opacity: 0.16; 9214 } 9215 9216 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a.mdc-ripple-upgraded, 9217 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a.mdc-ripple-upgraded, 9218 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a.mdc-ripple-upgraded, 9219 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a.mdc-ripple-upgraded { 9220 --mdc-ripple-fg-opacity: 0.16; 9221 } 9222 9223 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a::before, 9224 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a::after, 9225 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a::before, 9226 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a::after, 9227 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a::before, 9228 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a::after, 9229 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a::before, 9230 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a::after { 9231 background-color: #228ae6; 9232 } 9233 9234 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.material-buttons > .current_page_item, 9235 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.material-buttons > .current-menu-item, 9236 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.material-buttons > .current_page_item, 9237 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.material-buttons > .current-menu-item { 9238 color: #ffffff; 9239 } 9240 9241 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.material-buttons > .current_page_item > a, 9242 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.material-buttons > .current-menu-item > a, 9243 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.material-buttons > .current_page_item > a, 9244 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.material-buttons > .current-menu-item > a { 9245 background-color: #228ae6; 9246 } 9247 9248 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.material-buttons > .current_page_item > a:not(:disabled), 9249 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.material-buttons > .current-menu-item > a:not(:disabled), 9250 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.material-buttons > .current_page_item > a:not(:disabled), 9251 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.material-buttons > .current-menu-item > a:not(:disabled) { 9252 color: #ffffff; 9253 } 9254 9255 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.material-buttons > .current_page_item > a::before, 9256 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.material-buttons > .current_page_item > a::after, 9257 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.material-buttons > .current-menu-item > a::before, 9258 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.material-buttons > .current-menu-item > a::after, 9259 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.material-buttons > .current_page_item > a::before, 9260 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.material-buttons > .current_page_item > a::after, 9261 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.material-buttons > .current-menu-item > a::before, 9262 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.material-buttons > .current-menu-item > a::after { 9263 background-color: #228ae6; 9264 } 9265 9266 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.material-buttons > .current_page_item > a::before, 9267 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.material-buttons > .current_page_item > a::after, 9268 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.material-buttons > .current-menu-item > a::before, 9269 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.material-buttons > .current-menu-item > a::after, 9270 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.material-buttons > .current_page_item > a::before, 9271 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.material-buttons > .current_page_item > a::after, 9272 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.material-buttons > .current-menu-item > a::before, 9273 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.material-buttons > .current-menu-item > a::after { 9274 background-color: #228ae6; 9275 } 9276 9277 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.material-buttons > .current_page_item > a:hover::before, 9278 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.material-buttons > .current-menu-item > a:hover::before, 9279 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.material-buttons > .current_page_item > a:hover::before, 9280 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.material-buttons > .current-menu-item > a:hover::before { 9281 opacity: 0.04; 9282 } 9283 9284 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.material-buttons > .current_page_item > a:not(.mdc-ripple-upgraded):focus::before, 9285 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.material-buttons > .current_page_item > a.mdc-ripple-upgraded--background-focused::before, 9286 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.material-buttons > .current-menu-item > a:not(.mdc-ripple-upgraded):focus::before, 9287 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.material-buttons > .current-menu-item > a.mdc-ripple-upgraded--background-focused::before, 9288 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.material-buttons > .current_page_item > a:not(.mdc-ripple-upgraded):focus::before, 9289 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.material-buttons > .current_page_item > a.mdc-ripple-upgraded--background-focused::before, 9290 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.material-buttons > .current-menu-item > a:not(.mdc-ripple-upgraded):focus::before, 9291 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.material-buttons > .current-menu-item > a.mdc-ripple-upgraded--background-focused::before { 9292 transition-duration: 75ms; 9293 opacity: 0.12; 9294 } 9295 9296 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.material-buttons > .current_page_item > a:not(.mdc-ripple-upgraded)::after, 9297 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.material-buttons > .current-menu-item > a:not(.mdc-ripple-upgraded)::after, 9298 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.material-buttons > .current_page_item > a:not(.mdc-ripple-upgraded)::after, 9299 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.material-buttons > .current-menu-item > a:not(.mdc-ripple-upgraded)::after { 9300 transition: opacity 150ms linear; 9301 } 9302 9303 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.material-buttons > .current_page_item > a:not(.mdc-ripple-upgraded):active::after, 9304 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.material-buttons > .current-menu-item > a:not(.mdc-ripple-upgraded):active::after, 9305 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.material-buttons > .current_page_item > a:not(.mdc-ripple-upgraded):active::after, 9306 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.material-buttons > .current-menu-item > a:not(.mdc-ripple-upgraded):active::after { 9307 transition-duration: 75ms; 9308 opacity: 0.16; 9309 } 9310 9311 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.material-buttons > .current_page_item > a.mdc-ripple-upgraded, 9312 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.material-buttons > .current-menu-item > a.mdc-ripple-upgraded, 9313 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.material-buttons > .current_page_item > a.mdc-ripple-upgraded, 9314 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.material-buttons > .current-menu-item > a.mdc-ripple-upgraded { 9315 --mdc-ripple-fg-opacity: 0.16; 9316 } 9317 9318 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.simple-text-buttons > li > a { 9319 color: rgba(255, 255, 255, 0.65); 9320 transition: color 0.3s; 9321 } 9322 9323 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.simple-text-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a, 9324 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.simple-text-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a { 9325 color: white; 9326 } 9327 9328 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.simple-text-buttons > .current_page_item > a, 9329 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.simple-text-buttons > .current-menu-item > a { 9330 color: white; 9331 } 9332 9333 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.simple-text-buttons > li > a, 9334 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.simple-text-buttons > li > a { 9335 color: #4a4a4a; 9336 } 9337 9338 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.simple-text-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a, 9339 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.simple-text-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a, 9340 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.simple-text-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a, 9341 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.simple-text-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a { 9342 color: #fa5252; 9343 } 9344 9345 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.simple-text-buttons > .current_page_item > a, 9346 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.simple-text-buttons > .current-menu-item > a, 9347 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.simple-text-buttons > .current_page_item > a, 9348 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.simple-text-buttons > .current-menu-item > a { 9349 color: #fa5252; 9350 } 9351 9352 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item > li { 9353 position: relative; 9354 } 9355 9356 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item > li:before, 9357 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item > li:after { 9358 content: " "; 9359 display: block; 9360 background: #ffffff; 9361 width: 100%; 9362 left: 0; 9363 height: 2px; 9364 position: absolute; 9365 z-index: 0; 9366 opacity: 0; 9367 } 9368 9369 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item > li:before { 9370 top: 0.5em; 9371 } 9372 9373 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item > li:after { 9374 bottom: 0.5em; 9375 } 9376 9377 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item > li.page_item_has_children, 9378 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item > li.menu-item-has-children { 9379 padding: 0 0.5em; 9380 } 9381 9382 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item.effect-borders-in > li:not(.current_page_item):not(current-menu-item):before, 9383 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item.effect-borders-in > li:not(.current_page_item):not(current-menu-item):after { 9384 width: 100%; 9385 content: ""; 9386 opacity: 0; 9387 transition: all 0.3s; 9388 } 9389 9390 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item.effect-borders-in > li:not(.current_page_item):not(current-menu-item):before { 9391 -webkit-transform: translateY(-10px); 9392 transform: translateY(-10px); 9393 } 9394 9395 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item.effect-borders-in > li:not(.current_page_item):not(current-menu-item):after { 9396 -webkit-transform: translateY(10px); 9397 transform: translateY(10px); 9398 } 9399 9400 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item.effect-borders-in > li:not(.current_page_item):not(current-menu-item):hover:before, 9401 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item.effect-borders-in > li:not(.current_page_item):not(current-menu-item):hover:after { 9402 opacity: 1; 9403 -webkit-transform: translateY(0px); 9404 transform: translateY(0px); 9405 } 9406 9407 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item.effect-borders-out > li:not(.current_page_item):not(current-menu-item):before, 9408 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item.effect-borders-out > li:not(.current_page_item):not(current-menu-item):after { 9409 opacity: 0; 9410 transition: all 0.3s; 9411 } 9412 9413 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item.effect-borders-out > li:not(.current_page_item):not(current-menu-item):before { 9414 -webkit-transform: translateY(10px); 9415 transform: translateY(10px); 9416 } 9417 9418 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item.effect-borders-out > li:not(.current_page_item):not(current-menu-item):after { 9419 -webkit-transform: translateY(-10px); 9420 transform: translateY(-10px); 9421 } 9422 9423 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item.effect-borders-out > li:not(.current_page_item):not(current-menu-item):hover:before, 9424 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item.effect-borders-out > li:not(.current_page_item):not(current-menu-item):hover:after { 9425 opacity: 1; 9426 -webkit-transform: translateY(0px); 9427 transform: translateY(0px); 9428 } 9429 9430 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item.effect-borders-grow > li:not(.current_page_item):not(current-menu-item):before, 9431 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item.effect-borders-grow > li:not(.current_page_item):not(current-menu-item):after { 9432 opacity: 0; 9433 width: 0; 9434 content: ""; 9435 transition: all 0.3s; 9436 } 9437 9438 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item.effect-borders-grow > li:not(.current_page_item):not(current-menu-item):before { 9439 left: 0em; 9440 right: auto; 9441 } 9442 9443 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item.effect-borders-grow > li:not(.current_page_item):not(current-menu-item):after { 9444 right: 0em; 9445 left: auto; 9446 } 9447 9448 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item.effect-borders-grow > li:not(.current_page_item):not(current-menu-item):hover:before, 9449 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item.effect-borders-grow > li:not(.current_page_item):not(current-menu-item):hover:after { 9450 opacity: 1; 9451 width: 100%; 9452 } 9453 9454 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item.effect-none > li:not(.current_page_item):not(current-menu-item):before, 9455 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item.effect-none > li:not(.current_page_item):not(current-menu-item):after { 9456 opacity: 0; 9457 transition: none; 9458 } 9459 9460 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item.effect-none > li:not(.current_page_item):not(current-menu-item):hover:before, 9461 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item.effect-none > li:not(.current_page_item):not(current-menu-item):hover:after { 9462 opacity: 1; 9463 } 9464 9465 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item.grow-from-left > li:not(.current_page_item):not(current-menu-item):before, 9466 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item.grow-from-left > li:not(.current_page_item):not(current-menu-item):after { 9467 left: 0 !important; 9468 right: auto !important; 9469 } 9470 9471 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item.grow-from-right > li:not(.current_page_item):not(current-menu-item):before, 9472 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item.grow-from-right > li:not(.current_page_item):not(current-menu-item):after { 9473 right: 0 !important; 9474 left: auto !important; 9475 } 9476 9477 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item.grow-from-center > li:not(.current_page_item):not(current-menu-item):before, 9478 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item.grow-from-center > li:not(.current_page_item):not(current-menu-item):after { 9479 left: 50% !important; 9480 right: auto !important; 9481 } 9482 9483 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item.grow-from-center > li:not(.current_page_item):not(current-menu-item):hover:before, 9484 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item.grow-from-center > li:not(.current_page_item):not(current-menu-item):hover:after { 9485 left: 0 !important; 9486 right: auto !important; 9487 } 9488 9489 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item--top > li:after { 9490 visibility: hidden; 9491 } 9492 9493 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item--top > li:not(.current-menu-item):not(.current_page_item):hover, 9494 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item--top > li:not(.current-menu-item):not(.current_page_item).hover { 9495 color: #ffffff; 9496 } 9497 9498 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item--top > li:not(.current-menu-item):not(.current_page_item):hover:before, 9499 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item--top > li:not(.current-menu-item):not(.current_page_item):hover:after, 9500 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item--top > li:not(.current-menu-item):not(.current_page_item).hover:before, 9501 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item--top > li:not(.current-menu-item):not(.current_page_item).hover:after { 9502 background: #ffffff; 9503 } 9504 9505 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item--top > .current_page_item, 9506 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item--top > .current-menu-item { 9507 color: #ffffff; 9508 } 9509 9510 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item--top > .current_page_item:before, 9511 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item--top > .current-menu-item:before { 9512 opacity: 0.75; 9513 } 9514 9515 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item--top > .current_page_item:before, 9516 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item--top > .current_page_item:after, 9517 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item--top > .current-menu-item:before, 9518 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item--top > .current-menu-item:after { 9519 background: #ffffff; 9520 } 9521 9522 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.bordered-active-item--top > li:not(.current-menu-item):not(.current_page_item):hover, 9523 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.bordered-active-item--top > li:not(.current-menu-item):not(.current_page_item).hover, 9524 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.bordered-active-item--top > li:not(.current-menu-item):not(.current_page_item):hover, 9525 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.bordered-active-item--top > li:not(.current-menu-item):not(.current_page_item).hover { 9526 color: #fa5252; 9527 } 9528 9529 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.bordered-active-item--top > li:not(.current-menu-item):not(.current_page_item):hover:before, 9530 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.bordered-active-item--top > li:not(.current-menu-item):not(.current_page_item):hover:after, 9531 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.bordered-active-item--top > li:not(.current-menu-item):not(.current_page_item).hover:before, 9532 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.bordered-active-item--top > li:not(.current-menu-item):not(.current_page_item).hover:after, 9533 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.bordered-active-item--top > li:not(.current-menu-item):not(.current_page_item):hover:before, 9534 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.bordered-active-item--top > li:not(.current-menu-item):not(.current_page_item):hover:after, 9535 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.bordered-active-item--top > li:not(.current-menu-item):not(.current_page_item).hover:before, 9536 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.bordered-active-item--top > li:not(.current-menu-item):not(.current_page_item).hover:after { 9537 background: #fa5252; 9538 } 9539 9540 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.bordered-active-item--top > .current_page_item, 9541 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.bordered-active-item--top > .current-menu-item, 9542 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.bordered-active-item--top > .current_page_item, 9543 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.bordered-active-item--top > .current-menu-item { 9544 color: #fa5252; 9545 } 9546 9547 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.bordered-active-item--top > .current_page_item:before, 9548 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.bordered-active-item--top > .current-menu-item:before, 9549 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.bordered-active-item--top > .current_page_item:before, 9550 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.bordered-active-item--top > .current-menu-item:before { 9551 opacity: 0.75; 9552 } 9553 9554 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.bordered-active-item--top > .current_page_item:before, 9555 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.bordered-active-item--top > .current_page_item:after, 9556 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.bordered-active-item--top > .current-menu-item:before, 9557 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.bordered-active-item--top > .current-menu-item:after, 9558 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.bordered-active-item--top > .current_page_item:before, 9559 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.bordered-active-item--top > .current_page_item:after, 9560 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.bordered-active-item--top > .current-menu-item:before, 9561 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.bordered-active-item--top > .current-menu-item:after { 9562 background: #fa5252; 9563 } 9564 9565 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item--bottom > li:before { 9566 visibility: hidden; 9567 } 9568 9569 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item--bottom > li:not(.current-menu-item):not(.current_page_item):hover, 9570 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item--bottom > li:not(.current-menu-item):not(.current_page_item).hover { 9571 color: #ffffff; 9572 } 9573 9574 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item--bottom > li:not(.current-menu-item):not(.current_page_item):hover:before, 9575 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item--bottom > li:not(.current-menu-item):not(.current_page_item):hover:after, 9576 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item--bottom > li:not(.current-menu-item):not(.current_page_item).hover:before, 9577 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item--bottom > li:not(.current-menu-item):not(.current_page_item).hover:after { 9578 background: #ffffff; 9579 } 9580 9581 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item--bottom > .current_page_item, 9582 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item--bottom > .current-menu-item { 9583 color: #ffffff; 9584 } 9585 9586 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item--bottom > .current_page_item:after, 9587 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item--bottom > .current-menu-item:after { 9588 opacity: 0.75; 9589 } 9590 9591 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item--bottom > .current_page_item:before, 9592 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item--bottom > .current_page_item:after, 9593 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item--bottom > .current-menu-item:before, 9594 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item--bottom > .current-menu-item:after { 9595 background: #ffffff; 9596 } 9597 9598 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.bordered-active-item--bottom > li:not(.current-menu-item):not(.current_page_item):hover, 9599 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.bordered-active-item--bottom > li:not(.current-menu-item):not(.current_page_item).hover, 9600 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.bordered-active-item--bottom > li:not(.current-menu-item):not(.current_page_item):hover, 9601 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.bordered-active-item--bottom > li:not(.current-menu-item):not(.current_page_item).hover { 9602 color: #fa5252; 9603 } 9604 9605 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.bordered-active-item--bottom > li:not(.current-menu-item):not(.current_page_item):hover:before, 9606 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.bordered-active-item--bottom > li:not(.current-menu-item):not(.current_page_item):hover:after, 9607 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.bordered-active-item--bottom > li:not(.current-menu-item):not(.current_page_item).hover:before, 9608 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.bordered-active-item--bottom > li:not(.current-menu-item):not(.current_page_item).hover:after, 9609 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.bordered-active-item--bottom > li:not(.current-menu-item):not(.current_page_item):hover:before, 9610 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.bordered-active-item--bottom > li:not(.current-menu-item):not(.current_page_item):hover:after, 9611 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.bordered-active-item--bottom > li:not(.current-menu-item):not(.current_page_item).hover:before, 9612 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.bordered-active-item--bottom > li:not(.current-menu-item):not(.current_page_item).hover:after { 9613 background: #fa5252; 9614 } 9615 9616 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.bordered-active-item--bottom > .current_page_item, 9617 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.bordered-active-item--bottom > .current-menu-item, 9618 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.bordered-active-item--bottom > .current_page_item, 9619 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.bordered-active-item--bottom > .current-menu-item { 9620 color: #fa5252; 9621 } 9622 9623 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.bordered-active-item--bottom > .current_page_item:after, 9624 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.bordered-active-item--bottom > .current-menu-item:after, 9625 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.bordered-active-item--bottom > .current_page_item:after, 9626 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.bordered-active-item--bottom > .current-menu-item:after { 9627 opacity: 0.75; 9628 } 9629 9630 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.bordered-active-item--bottom > .current_page_item:before, 9631 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.bordered-active-item--bottom > .current_page_item:after, 9632 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.bordered-active-item--bottom > .current-menu-item:before, 9633 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.bordered-active-item--bottom > .current-menu-item:after, 9634 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.bordered-active-item--bottom > .current_page_item:before, 9635 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.bordered-active-item--bottom > .current_page_item:after, 9636 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.bordered-active-item--bottom > .current-menu-item:before, 9637 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.bordered-active-item--bottom > .current-menu-item:after { 9638 background: #fa5252; 9639 } 9640 9641 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item--top-and-bottom > li:not(.current-menu-item):not(.current_page_item):hover, 9642 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item--top-and-bottom > li:not(.current-menu-item):not(.current_page_item).hover { 9643 color: #ffffff; 9644 } 9645 9646 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item--top-and-bottom > li:not(.current-menu-item):not(.current_page_item):hover:before, 9647 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item--top-and-bottom > li:not(.current-menu-item):not(.current_page_item):hover:after, 9648 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item--top-and-bottom > li:not(.current-menu-item):not(.current_page_item).hover:before, 9649 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item--top-and-bottom > li:not(.current-menu-item):not(.current_page_item).hover:after { 9650 background: #ffffff; 9651 } 9652 9653 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item--top-and-bottom > .current_page_item, 9654 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item--top-and-bottom > .current-menu-item { 9655 color: #ffffff; 9656 } 9657 9658 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item--top-and-bottom > .current_page_item:before, 9659 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item--top-and-bottom > .current_page_item:after, 9660 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item--top-and-bottom > .current-menu-item:before, 9661 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item--top-and-bottom > .current-menu-item:after { 9662 opacity: 0.75; 9663 } 9664 9665 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item--top-and-bottom > .current_page_item:before, 9666 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item--top-and-bottom > .current_page_item:after, 9667 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item--top-and-bottom > .current-menu-item:before, 9668 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.bordered-active-item--top-and-bottom > .current-menu-item:after { 9669 background: #ffffff; 9670 } 9671 9672 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.bordered-active-item--top-and-bottom > li:not(.current-menu-item):not(.current_page_item):hover, 9673 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.bordered-active-item--top-and-bottom > li:not(.current-menu-item):not(.current_page_item).hover, 9674 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.bordered-active-item--top-and-bottom > li:not(.current-menu-item):not(.current_page_item):hover, 9675 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.bordered-active-item--top-and-bottom > li:not(.current-menu-item):not(.current_page_item).hover { 9676 color: #fa5252; 9677 } 9678 9679 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.bordered-active-item--top-and-bottom > li:not(.current-menu-item):not(.current_page_item):hover:before, 9680 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.bordered-active-item--top-and-bottom > li:not(.current-menu-item):not(.current_page_item):hover:after, 9681 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.bordered-active-item--top-and-bottom > li:not(.current-menu-item):not(.current_page_item).hover:before, 9682 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.bordered-active-item--top-and-bottom > li:not(.current-menu-item):not(.current_page_item).hover:after, 9683 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.bordered-active-item--top-and-bottom > li:not(.current-menu-item):not(.current_page_item):hover:before, 9684 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.bordered-active-item--top-and-bottom > li:not(.current-menu-item):not(.current_page_item):hover:after, 9685 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.bordered-active-item--top-and-bottom > li:not(.current-menu-item):not(.current_page_item).hover:before, 9686 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.bordered-active-item--top-and-bottom > li:not(.current-menu-item):not(.current_page_item).hover:after { 9687 background: #fa5252; 9688 } 9689 9690 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.bordered-active-item--top-and-bottom > .current_page_item, 9691 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.bordered-active-item--top-and-bottom > .current-menu-item, 9692 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.bordered-active-item--top-and-bottom > .current_page_item, 9693 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.bordered-active-item--top-and-bottom > .current-menu-item { 9694 color: #fa5252; 9695 } 9696 9697 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.bordered-active-item--top-and-bottom > .current_page_item:before, 9698 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.bordered-active-item--top-and-bottom > .current_page_item:after, 9699 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.bordered-active-item--top-and-bottom > .current-menu-item:before, 9700 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.bordered-active-item--top-and-bottom > .current-menu-item:after, 9701 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.bordered-active-item--top-and-bottom > .current_page_item:before, 9702 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.bordered-active-item--top-and-bottom > .current_page_item:after, 9703 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.bordered-active-item--top-and-bottom > .current-menu-item:before, 9704 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.bordered-active-item--top-and-bottom > .current-menu-item:after { 9705 opacity: 0.75; 9706 } 9707 9708 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.bordered-active-item--top-and-bottom > .current_page_item:before, 9709 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.bordered-active-item--top-and-bottom > .current_page_item:after, 9710 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.bordered-active-item--top-and-bottom > .current-menu-item:before, 9711 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.bordered-active-item--top-and-bottom > .current-menu-item:after, 9712 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.bordered-active-item--top-and-bottom > .current_page_item:before, 9713 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.bordered-active-item--top-and-bottom > .current_page_item:after, 9714 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.bordered-active-item--top-and-bottom > .current-menu-item:before, 9715 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.bordered-active-item--top-and-bottom > .current-menu-item:after { 9716 background: #fa5252; 9717 } 9718 9719 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item > li { 9720 position: relative; 9721 } 9722 9723 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item > li:before, 9724 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item > li:after { 9725 content: " "; 9726 display: block; 9727 background: rgba(255, 255, 255, 0.8); 9728 width: 100%; 9729 left: 0; 9730 height: 100%; 9731 position: absolute; 9732 z-index: 0; 9733 opacity: 0; 9734 transition: all 0.2s; 9735 } 9736 9737 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item > li > a { 9738 z-index: 1; 9739 color: #ffffff; 9740 transition: all 0.2s; 9741 } 9742 9743 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item > li:before { 9744 top: 0; 9745 } 9746 9747 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item > li:after { 9748 bottom: 0; 9749 } 9750 9751 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item.effect-pull-down > li.current_page_item:before, 9752 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item.effect-pull-down > li.current-menu-item:before { 9753 opacity: 1 !important; 9754 } 9755 9756 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item.effect-pull-down > li.current_page_item:after, 9757 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item.effect-pull-down > li.current-menu-item:after { 9758 visibility: hidden; 9759 } 9760 9761 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item.effect-pull-down > li:not(.current_page_item):not(current-menu-item):before { 9762 height: 0; 9763 opacity: 1 !important; 9764 transition: all 0.3s; 9765 } 9766 9767 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item.effect-pull-down > li:not(.current_page_item):not(current-menu-item):after { 9768 opacity: 0 !important; 9769 visibility: hidden; 9770 transition: none; 9771 } 9772 9773 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item.effect-pull-down > li:not(.current_page_item):not(current-menu-item).hover:before, 9774 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item.effect-pull-down > li:not(.current_page_item):not(current-menu-item):hover:before { 9775 height: 100%; 9776 } 9777 9778 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item.effect-pull-up > li.current_page_item:after, 9779 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item.effect-pull-up > li.current-menu-item:after { 9780 opacity: 1 !important; 9781 } 9782 9783 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item.effect-pull-up > li.current_page_item:before, 9784 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item.effect-pull-up > li.current-menu-item:before { 9785 visibility: hidden; 9786 } 9787 9788 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item.effect-pull-up > li:not(.current_page_item):not(current-menu-item):after { 9789 height: 0; 9790 opacity: 1 !important; 9791 transition: all 0.3s; 9792 } 9793 9794 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item.effect-pull-up > li:not(.current_page_item):not(current-menu-item):before { 9795 opacity: 0 !important; 9796 visibility: hidden; 9797 transition: none; 9798 } 9799 9800 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item.effect-pull-up > li:not(.current_page_item):not(current-menu-item).hover:after, 9801 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item.effect-pull-up > li:not(.current_page_item):not(current-menu-item):hover:after { 9802 height: 100%; 9803 } 9804 9805 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item.effect-pull-up-down > li.current_page_item:before, 9806 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item.effect-pull-up-down > li.current_page_item:after, 9807 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item.effect-pull-up-down > li.current-menu-item:before, 9808 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item.effect-pull-up-down > li.current-menu-item:after { 9809 opacity: 1 !important; 9810 } 9811 9812 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item.effect-pull-up-down > li:not(.current_page_item):not(current-menu-item):before, 9813 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item.effect-pull-up-down > li:not(.current_page_item):not(current-menu-item):after { 9814 height: 0; 9815 opacity: 1 !important; 9816 transition: all 0.4s; 9817 } 9818 9819 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item.effect-pull-up-down > li:not(.current_page_item):not(current-menu-item).hover:before, 9820 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item.effect-pull-up-down > li:not(.current_page_item):not(current-menu-item).hover:after, 9821 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item.effect-pull-up-down > li:not(.current_page_item):not(current-menu-item):hover:before, 9822 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item.effect-pull-up-down > li:not(.current_page_item):not(current-menu-item):hover:after { 9823 height: 100%; 9824 } 9825 9826 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item.effect-pull-up-down-reverse > li.current_page_item:before, 9827 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item.effect-pull-up-down-reverse > li.current_page_item:after, 9828 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item.effect-pull-up-down-reverse > li.current-menu-item:before, 9829 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item.effect-pull-up-down-reverse > li.current-menu-item:after { 9830 opacity: 1 !important; 9831 } 9832 9833 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item.effect-pull-up-down-reverse > li:not(.current_page_item):not(current-menu-item):before { 9834 height: 0%; 9835 width: 100%; 9836 top: 50%; 9837 opacity: 1 !important; 9838 transition: all 0.3s; 9839 } 9840 9841 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item.effect-pull-up-down-reverse > li:not(.current_page_item):not(current-menu-item):after { 9842 opacity: 0 !important; 9843 visibility: hidden; 9844 transition: none; 9845 } 9846 9847 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item.effect-pull-up-down-reverse > li:not(.current_page_item):not(current-menu-item):hover:before { 9848 top: 0; 9849 height: 100%; 9850 } 9851 9852 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item.effect-pull-left-right > li.current_page_item:before, 9853 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item.effect-pull-left-right > li.current-menu-item:before { 9854 opacity: 1 !important; 9855 } 9856 9857 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item.effect-pull-left-right > li.current_page_item:after, 9858 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item.effect-pull-left-right > li.current-menu-item:after { 9859 visibility: hidden; 9860 } 9861 9862 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item.effect-pull-left-right > li:not(.current_page_item):not(current-menu-item):after, 9863 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item.effect-pull-left-right > li:not(.current_page_item):not(current-menu-item):before { 9864 height: 100%; 9865 width: 0; 9866 opacity: 1 !important; 9867 transition: all 0.3s; 9868 } 9869 9870 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item.effect-pull-left-right > li:not(.current_page_item):not(current-menu-item):before { 9871 left: 0; 9872 right: auto; 9873 } 9874 9875 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item.effect-pull-left-right > li:not(.current_page_item):not(current-menu-item):not(.hover):not(:hover):before { 9876 border-top-right-radius: 0px; 9877 border-bottom-right-radius: 0px; 9878 } 9879 9880 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item.effect-pull-left-right > li:not(.current_page_item):not(current-menu-item):not(.hover):not(:hover):after { 9881 border-top-left-radius: 0px; 9882 border-bottom-left-radius: 0px; 9883 } 9884 9885 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item.effect-pull-left-right > li:not(.current_page_item):not(current-menu-item):after { 9886 right: 0; 9887 left: auto; 9888 } 9889 9890 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item.effect-pull-left-right > li:not(.current_page_item):not(current-menu-item).hover:after, 9891 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item.effect-pull-left-right > li:not(.current_page_item):not(current-menu-item).hover:before, 9892 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item.effect-pull-left-right > li:not(.current_page_item):not(current-menu-item):hover:after, 9893 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item.effect-pull-left-right > li:not(.current_page_item):not(current-menu-item):hover:before { 9894 width: 100%; 9895 border: inherit; 9896 } 9897 9898 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item.effect-pull-left-right-reverse > li.current_page_item:before, 9899 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item.effect-pull-left-right-reverse > li.current-menu-item:before { 9900 opacity: 1 !important; 9901 } 9902 9903 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item.effect-pull-left-right-reverse > li.current_page_item:after, 9904 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item.effect-pull-left-right-reverse > li.current-menu-item:after { 9905 visibility: hidden; 9906 } 9907 9908 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item.effect-pull-left-right-reverse > li:not(.current_page_item):not(current-menu-item):before { 9909 height: 100%; 9910 width: 0; 9911 left: 50%; 9912 opacity: 1 !important; 9913 transition: all 0.3s; 9914 } 9915 9916 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item.effect-pull-left-right-reverse > li:not(.current_page_item):not(current-menu-item):after { 9917 opacity: 0 !important; 9918 visibility: hidden; 9919 transition: none; 9920 } 9921 9922 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item.effect-pull-left-right-reverse > li:not(.current_page_item):not(current-menu-item):hover:before { 9923 left: 0; 9924 width: 100%; 9925 } 9926 9927 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item.effect-none > li.current_page_item:before, 9928 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item.effect-none > li.current-menu-item:before { 9929 opacity: 1 !important; 9930 } 9931 9932 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item.effect-none > li.current_page_item:after, 9933 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item.effect-none > li.current-menu-item:after { 9934 visibility: hidden; 9935 } 9936 9937 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item.effect-none > li:not(.current_page_item):not(current-menu-item):before { 9938 height: 100%; 9939 width: 0; 9940 left: 50%; 9941 opacity: 1 !important; 9942 transition: none; 9943 } 9944 9945 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item.effect-none > li:not(.current_page_item):not(current-menu-item):after { 9946 opacity: 0 !important; 9947 visibility: hidden; 9948 transition: none; 9949 } 9950 9951 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item.effect-none > li:not(.current_page_item):not(current-menu-item):hover:before { 9952 left: 0; 9953 width: 100%; 9954 } 9955 9956 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item > li { 9957 color: #ffffff; 9958 } 9959 9960 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item > li:before, 9961 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item > li:after { 9962 background: rgba(255, 255, 255, 0.8); 9963 } 9964 9965 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item > li:not(.current-menu-item):not(.current_page_item):hover, 9966 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item > li:not(.current-menu-item):not(.current_page_item).hover { 9967 color: #228ae6; 9968 } 9969 9970 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item > li:not(.current-menu-item):not(.current_page_item):hover:before, 9971 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item > li:not(.current-menu-item):not(.current_page_item):hover:after, 9972 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item > li:not(.current-menu-item):not(.current_page_item).hover:before, 9973 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item > li:not(.current-menu-item):not(.current_page_item).hover:after { 9974 background: rgba(255, 255, 255, 0.8); 9975 } 9976 9977 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item > .current_page_item, 9978 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item > .current-menu-item { 9979 color: #228ae6; 9980 } 9981 9982 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item > .current_page_item:before, 9983 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item > .current_page_item:after, 9984 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item > .current-menu-item:before, 9985 .wp-block[data-type="extendstudio/materialis"] ul.dropdown-menu.solid-active-item > .current-menu-item:after { 9986 background: rgba(255, 255, 255, 0.8); 9987 } 9988 9989 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.solid-active-item > li > a, 9990 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.solid-active-item > li > a { 9991 color: #000000; 9992 } 9993 9994 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.solid-active-item > li:before, 9995 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.solid-active-item > li:after, 9996 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.solid-active-item > li:before, 9997 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.solid-active-item > li:after { 9998 background: #228ae6; 9999 } 10000 10001 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.solid-active-item > li:not(.current-menu-item):not(.current_page_item):hover:before, 10002 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.solid-active-item > li:not(.current-menu-item):not(.current_page_item):hover:after, 10003 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.solid-active-item > li:not(.current-menu-item):not(.current_page_item).hover:before, 10004 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.solid-active-item > li:not(.current-menu-item):not(.current_page_item).hover:after, 10005 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.solid-active-item > li:not(.current-menu-item):not(.current_page_item):hover:before, 10006 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.solid-active-item > li:not(.current-menu-item):not(.current_page_item):hover:after, 10007 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.solid-active-item > li:not(.current-menu-item):not(.current_page_item).hover:before, 10008 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.solid-active-item > li:not(.current-menu-item):not(.current_page_item).hover:after { 10009 background: #228ae6; 10010 } 10011 10012 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.solid-active-item > li:not(.current-menu-item):not(.current_page_item):hover > a, 10013 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.solid-active-item > li:not(.current-menu-item):not(.current_page_item).hover > a, 10014 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.solid-active-item > li:not(.current-menu-item):not(.current_page_item):hover > a, 10015 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.solid-active-item > li:not(.current-menu-item):not(.current_page_item).hover > a { 10016 color: #ffffff; 10017 } 10018 10019 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.solid-active-item > .current_page_item:before, 10020 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.solid-active-item > .current_page_item:after, 10021 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.solid-active-item > .current-menu-item:before, 10022 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.solid-active-item > .current-menu-item:after, 10023 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.solid-active-item > .current_page_item:before, 10024 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.solid-active-item > .current_page_item:after, 10025 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.solid-active-item > .current-menu-item:before, 10026 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.solid-active-item > .current-menu-item:after { 10027 background: #228ae6; 10028 } 10029 10030 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.solid-active-item > .current_page_item > a, 10031 .wp-block[data-type="extendstudio/materialis"] .coloured-nav ul.dropdown-menu.solid-active-item > .current-menu-item > a, 10032 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.solid-active-item > .current_page_item > a, 10033 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed ul.dropdown-menu.solid-active-item > .current-menu-item > a { 10034 color: #ffffff; 10035 } 10036 10037 .wp-block[data-type="extendstudio/materialis"] .header-separator-bottom { 10038 position: absolute; 10039 bottom: -1px; 10040 left: 0px; 10041 width: 100%; 10042 } 10043 10044 .wp-block[data-type="extendstudio/materialis"] .header-separator-reverse { 10045 -webkit-transform: rotate(180deg); 10046 transform: rotate(180deg); 10047 } 10048 10049 .wp-block[data-type="extendstudio/materialis"] .header-separator svg { 10050 display: block; 10051 width: calc(100% + 1.3px); 10052 } 10053 10054 .wp-block[data-type="extendstudio/materialis"] .header-separator { 10055 position: absolute; 10056 width: 100%; 10057 max-width: 100%; 10058 bottom: -2px; 10059 overflow: hidden; 10060 z-index: 45; 10061 /* because svg inside is a bit bigger to cover the entire separator correctly */ 10062 } 10063 10064 .wp-block[data-type="extendstudio/materialis"] .page .svg-white-bg { 10065 fill: white; 10066 } 10067 10068 .wp-block[data-type="extendstudio/materialis"] .header-top { 10069 align-items: center; 10070 width: 100%; 10071 position: absolute; 10072 z-index: 100; 10073 } 10074 10075 .wp-block[data-type="extendstudio/materialis"] .header-top.small, 10076 .wp-block[data-type="extendstudio/materialis"] .header-top.comment-meta { 10077 position: static; 10078 box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.33); 10079 -moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.33); 10080 -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.33); 10081 } 10082 10083 .wp-block[data-type="extendstudio/materialis"] .navigation-bar { 10084 display: block; 10085 width: 100%; 10086 -webkit-backface-visibility: hidden; 10087 backface-visibility: hidden; 10088 padding-top: 10px; 10089 padding-bottom: 10px; 10090 position: relative; 10091 transition: background-color 0.3s; 10092 } 10093 10094 .wp-block[data-type="extendstudio/materialis"] .navigation-bar.coloured-nav { 10095 background-color: white; 10096 } 10097 10098 .wp-block[data-type="extendstudio/materialis"] .navigation-bar.fixto-fixed { 10099 -webkit-transform: translateZ(0); 10100 transform: translateZ(0); 10101 background-color: #FFFFFF; 10102 box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.33); 10103 } 10104 10105 .wp-block[data-type="extendstudio/materialis"] .navigation-bar.fixto-fixed.bordered, 10106 .wp-block[data-type="extendstudio/materialis"] .navigation-bar.fixto-fixed.card[class*=bottom-border-] { 10107 border-bottom: none; 10108 border-bottom-width: 0px; 10109 } 10110 10111 .wp-block[data-type="extendstudio/materialis"] .navigation-bar.bordered, 10112 .wp-block[data-type="extendstudio/materialis"] .navigation-bar.card[class*=bottom-border-] { 10113 border-bottom-width: 2px; 10114 border-bottom-color: white; 10115 border-bottom-style: solid; 10116 } 10117 10118 .wp-block[data-type="extendstudio/materialis"] .navigation-wrapper:not(.gridContainer) { 10119 padding-left: 5%; 10120 padding-right: 5%; 10121 } 10122 10123 .wp-block[data-type="extendstudio/materialis"] .navigation-wrapper .custom_area_col { 10124 display: none; 10125 } 10126 10127 .wp-block[data-type="extendstudio/materialis"] .main_menu_col, 10128 .wp-block[data-type="extendstudio/materialis"] .logo_col { 10129 text-align: left; 10130 display: -moz-flex; 10131 display: flex; 10132 -moz-align-items: center; 10133 align-items: center; 10134 } 10135 10136 .wp-block[data-type="extendstudio/materialis"] .main_menu_col { 10137 justify-content: flex-end; 10138 } 10139 10140 .wp-block[data-type="extendstudio/materialis"] .logo_col { 10141 flex-basis: auto; 10142 max-width: 80%; 10143 } 10144 10145 .wp-block[data-type="extendstudio/materialis"] .custom_area_col { 10146 text-align: center; 10147 white-space: nowrap; 10148 } 10149 10150 .wp-block[data-type="extendstudio/materialis"] .custom_area_col button, 10151 .wp-block[data-type="extendstudio/materialis"] .custom_area_col .button { 10152 margin-right: 1rem; 10153 } 10154 10155 .wp-block[data-type="extendstudio/materialis"] .custom_area_col button:last-of-type, 10156 .wp-block[data-type="extendstudio/materialis"] .custom_area_col .button:last-of-type { 10157 margin-right: 0; 10158 } 10159 10160 .wp-block[data-type="extendstudio/materialis"] a.text-logo, 10161 .wp-block[data-type="extendstudio/materialis"] a.text-logo:visited, 10162 .wp-block[data-type="extendstudio/materialis"] a.text-logo:hover { 10163 text-decoration: none; 10164 font-size: 1.5rem; 10165 line-height: 100%; 10166 color: #ffffff; 10167 text-transform: uppercase; 10168 } 10169 10170 .wp-block[data-type="extendstudio/materialis"] .dark-logo #main_menu > li.logo > a.text-logo, 10171 .wp-block[data-type="extendstudio/materialis"] .dark-logo #main_menu > li.logo > a.text-logo:visited, 10172 .wp-block[data-type="extendstudio/materialis"] .dark-logo #main_menu > li.logo > a.text-logo:hover, 10173 .wp-block[data-type="extendstudio/materialis"] .dark-logo a.text-logo, 10174 .wp-block[data-type="extendstudio/materialis"] .dark-logo a.text-logo:visited, 10175 .wp-block[data-type="extendstudio/materialis"] .dark-logo a.text-logo:hover, 10176 .wp-block[data-type="extendstudio/materialis"] .coloured-nav #main_menu > li.logo > a.text-logo, 10177 .wp-block[data-type="extendstudio/materialis"] .coloured-nav #main_menu > li.logo > a.text-logo:visited, 10178 .wp-block[data-type="extendstudio/materialis"] .coloured-nav #main_menu > li.logo > a.text-logo:hover, 10179 .wp-block[data-type="extendstudio/materialis"] .coloured-nav a.text-logo, 10180 .wp-block[data-type="extendstudio/materialis"] .coloured-nav a.text-logo:visited, 10181 .wp-block[data-type="extendstudio/materialis"] .coloured-nav a.text-logo:hover, 10182 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed #main_menu > li.logo > a.text-logo, 10183 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed #main_menu > li.logo > a.text-logo:visited, 10184 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed #main_menu > li.logo > a.text-logo:hover, 10185 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed a.text-logo, 10186 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed a.text-logo:visited, 10187 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed a.text-logo:hover { 10188 text-decoration: none; 10189 color: #000000; 10190 } 10191 10192 .wp-block[data-type="extendstudio/materialis"] .coloured-nav .main_menu_col [data-component=offcanvas] .bubble, 10193 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed .main_menu_col [data-component=offcanvas] .bubble { 10194 background-color: #000; 10195 } 10196 10197 .wp-block[data-type="extendstudio/materialis"] .coloured-nav .main_menu_col [data-component=offcanvas], 10198 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed .main_menu_col [data-component=offcanvas] { 10199 color: #000000; 10200 } 10201 10202 .wp-block[data-type="extendstudio/materialis"] .header-wrapper { 10203 position: relative; 10204 -moz-flex: 0 0 auto; 10205 flex: 0 0 auto; 10206 flex-grow: 0; 10207 } 10208 10209 .wp-block[data-type="extendstudio/materialis"] .header-wrapper > div[class*=header] { 10210 flex-grow: 1; 10211 } 10212 10213 .wp-block[data-type="extendstudio/materialis"] .header, 10214 .wp-block[data-type="extendstudio/materialis"] .header-homepage { 10215 background-position: center center; 10216 background-repeat: no-repeat; 10217 background-size: cover; 10218 position: relative; 10219 z-index: 0; 10220 } 10221 10222 .wp-block[data-type="extendstudio/materialis"] h1.hero-title { 10223 color: #FFFFFF; 10224 margin-bottom: 1.25rem; 10225 font-size: 3.2rem; 10226 font-weight: 500; 10227 line-height: 114%; 10228 letter-spacing: 1px; 10229 max-width: 100%; 10230 } 10231 10232 @media (max-width: 767px) { 10233 .wp-block[data-type="extendstudio/materialis"] h1.hero-title { 10234 font-size: 2.3rem; 10235 } 10236 } 10237 10238 .wp-block[data-type="extendstudio/materialis"] p.header-subtitle2, 10239 .wp-block[data-type="extendstudio/materialis"] p.header-subtitle { 10240 font-family: "Roboto", sans-serif; 10241 font-size: 1.3rem; 10242 font-weight: 400; 10243 line-height: 130%; 10244 color: #ffffff; 10245 margin-bottom: 1.25rem; 10246 max-width: 100%; 10247 } 10248 10249 .wp-block[data-type="extendstudio/materialis"] .color-overlay:after, 10250 .wp-block[data-type="extendstudio/materialis"] .color-overlay:before { 10251 width: 100%; 10252 height: 100%; 10253 top: 0px; 10254 left: 0px; 10255 position: absolute; 10256 z-index: 1; 10257 display: inline-block; 10258 content: " "; 10259 /*SAFARI BUG*/ 10260 } 10261 10262 .wp-block[data-type="extendstudio/materialis"] .color-overlay:after { 10263 z-index: 2; 10264 display: block; 10265 } 10266 10267 .wp-block[data-type="extendstudio/materialis"] .background-overlay { 10268 width: 100%; 10269 height: 100%; 10270 top: 0px; 10271 left: 0px; 10272 position: absolute; 10273 z-index: 1; 10274 display: inline-block; 10275 content: ""; 10276 /*SAFARI BUG*/ 10277 } 10278 10279 .wp-block[data-type="extendstudio/materialis"] a.hp-header-primary-button { 10280 color: #ffffff; 10281 background-color: #f5b219; 10282 border-color: #f5b219; 10283 } 10284 10285 .wp-block[data-type="extendstudio/materialis"] a.hp-header-primary-button:hover { 10286 color: #ffffff; 10287 background-color: #f7c24a; 10288 border-color: #f7c24a; 10289 } 10290 10291 .wp-block[data-type="extendstudio/materialis"] a.hp-header-primary-button:disabled, 10292 .wp-block[data-type="extendstudio/materialis"] a.hp-header-primary-button.disabled { 10293 color: rgba(255, 255, 255, 0.7); 10294 background-color: rgba(245, 178, 25, 0.7); 10295 border-color: rgba(245, 178, 25, 0.7); 10296 } 10297 10298 .wp-block[data-type="extendstudio/materialis"] a.hp-header-primary-button.outline { 10299 background: none; 10300 color: #f5b219; 10301 border-color: #f5b219; 10302 } 10303 10304 .wp-block[data-type="extendstudio/materialis"] a.hp-header-primary-button.outline:hover { 10305 color: rgba(255, 255, 255, 0.9); 10306 border-color: rgba(245, 178, 25, 0.7); 10307 } 10308 10309 .wp-block[data-type="extendstudio/materialis"] a.hp-header-primary-button.outline:disabled, 10310 .wp-block[data-type="extendstudio/materialis"] a.hp-header-primary-button.outline.disabled { 10311 background: none; 10312 color: rgba(245, 178, 25, 0.7); 10313 border-color: rgba(245, 178, 25, 0.5); 10314 } 10315 10316 .wp-block[data-type="extendstudio/materialis"] .header-buttons-wrapper .remove-gutter { 10317 margin: 0 -15px; 10318 } 10319 10320 .wp-block[data-type="extendstudio/materialis"] .header-buttons-wrapper .remove-gutter .button { 10321 margin-left: 15px; 10322 margin-right: 15px; 10323 margin-bottom: 7.5px; 10324 margin-top: 7.5px; 10325 } 10326 10327 .wp-block[data-type="extendstudio/materialis"] .header-buttons-wrapper .remove-gutter .badge-button { 10328 width: 12rem; 10329 font-size: 0; 10330 vertical-align: top; 10331 line-height: 0; 10332 border-radius: 8px; 10333 padding: 0; 10334 background: transparent; 10335 border: none; 10336 } 10337 10338 .wp-block[data-type="extendstudio/materialis"] .header-buttons-wrapper .remove-gutter .badge-button:hover { 10339 border: none; 10340 } 10341 10342 .wp-block[data-type="extendstudio/materialis"] .header-buttons-wrapper .remove-gutter .badge-button svg { 10343 width: 100%; 10344 height: auto; 10345 } 10346 10347 .wp-block[data-type="extendstudio/materialis"] .header-homepage-arrow-c { 10348 position: absolute; 10349 text-align: center; 10350 bottom: 0px; 10351 left: 0px; 10352 right: 0px; 10353 z-index: 500; 10354 } 10355 10356 @media (max-width: 767px) { 10357 .wp-block[data-type="extendstudio/materialis"] .header-homepage-arrow-c { 10358 display: none; 10359 } 10360 } 10361 10362 .wp-block[data-type="extendstudio/materialis"] .header-homepage-arrow { 10363 display: inline-block; 10364 line-height: 0px; 10365 cursor: pointer; 10366 background-color: #ffffff; 10367 border-radius: 500px; 10368 padding-left: 10px; 10369 padding-right: 10px; 10370 padding-top: 10px; 10371 padding-bottom: 10px; 10372 bottom: 60px; 10373 color: #000000; 10374 position: relative; 10375 font-size: 20px; 10376 } 10377 10378 .wp-block[data-type="extendstudio/materialis"] .header-homepage-arrow i { 10379 display: flex; 10380 justify-content: center; 10381 align-items: center; 10382 } 10383 10384 @-webkit-keyframes move-down-bounce { 10385 0%, 20%, 50%, 80%, 100% { 10386 -webkit-transform: translateY(0); 10387 transform: translateY(0); 10388 } 10389 10390 40% { 10391 -webkit-transform: translateY(-20px); 10392 transform: translateY(-20px); 10393 } 10394 10395 60% { 10396 -webkit-transform: translateY(-10px); 10397 transform: translateY(-10px); 10398 } 10399 } 10400 10401 @keyframes move-down-bounce { 10402 0%, 20%, 50%, 80%, 100% { 10403 -webkit-transform: translateY(0); 10404 transform: translateY(0); 10405 } 10406 10407 40% { 10408 -webkit-transform: translateY(-20px); 10409 transform: translateY(-20px); 10410 } 10411 10412 60% { 10413 -webkit-transform: translateY(-10px); 10414 transform: translateY(-10px); 10415 } 10416 } 10417 10418 .wp-block[data-type="extendstudio/materialis"] .move-down-bounce { 10419 -webkit-animation: move-down-bounce 2s infinite; 10420 animation: move-down-bounce 2s infinite; 10421 } 10422 10423 .wp-block[data-type="extendstudio/materialis"] img.homepage-header-image { 10424 display: block; 10425 } 10426 10427 .wp-block[data-type="extendstudio/materialis"] img.homepage-header-image.round { 10428 border-radius: 100%; 10429 border: 5px solid #fff; 10430 text-align: center; 10431 } 10432 10433 .wp-block[data-type="extendstudio/materialis"] iframe.header-hero-video { 10434 width: 100%; 10435 height: 300px; 10436 display: block; 10437 } 10438 10439 .wp-block[data-type="extendstudio/materialis"] .video-popup-button { 10440 position: relative; 10441 z-index: 1; 10442 text-align: center; 10443 } 10444 10445 .wp-block[data-type="extendstudio/materialis"] .video-popup-button.with-image:before { 10446 width: 100%; 10447 height: 100%; 10448 top: 0px; 10449 left: 0px; 10450 position: absolute; 10451 z-index: -1; 10452 background-color: rgba(0, 0, 0, 0.5); 10453 display: inline-block; 10454 content: " "; 10455 } 10456 10457 .wp-block[data-type="extendstudio/materialis"] .video-popup-button img.poster { 10458 position: relative; 10459 width: 100%; 10460 display: block; 10461 z-index: -2; 10462 } 10463 10464 .wp-block[data-type="extendstudio/materialis"] a.video-popup-button-link { 10465 color: #ffffff; 10466 font-size: 100px; 10467 width: 100px; 10468 height: 100px; 10469 } 10470 10471 .wp-block[data-type="extendstudio/materialis"] a.video-popup-button-link:hover { 10472 color: #7AA7F5; 10473 } 10474 10475 .wp-block[data-type="extendstudio/materialis"] .video-popup-button img.poster + a.video-popup-button-link { 10476 position: absolute; 10477 top: 50%; 10478 left: 50%; 10479 margin-left: -50px; 10480 margin-top: -50px; 10481 } 10482 10483 .wp-block[data-type="extendstudio/materialis"] img.logo.dark, 10484 .wp-block[data-type="extendstudio/materialis"] img.custom-logo { 10485 vertical-align: middle; 10486 max-height: 100%; 10487 width: auto; 10488 } 10489 10490 .wp-block[data-type="extendstudio/materialis"] .logo-link.dark { 10491 opacity: 0; 10492 display: none; 10493 } 10494 10495 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed a.logo-link.dark, 10496 .wp-block[data-type="extendstudio/materialis"] .coloured-nav a.logo-link.dark { 10497 opacity: 1; 10498 display: inline-block; 10499 } 10500 10501 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed a.logo-link.dark + a.custom-logo-link, 10502 .wp-block[data-type="extendstudio/materialis"] .coloured-nav a.logo-link.dark + a.custom-logo-link { 10503 display: none; 10504 } 10505 10506 .wp-block[data-type="extendstudio/materialis"] .white-logo a.logo-link.dark, 10507 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed .fixed-white-logo a.logo-link.dark { 10508 opacity: 0; 10509 display: none; 10510 } 10511 10512 .wp-block[data-type="extendstudio/materialis"] .white-logo a.logo-link.dark + a.custom-logo-link, 10513 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed .fixed-white-logo a.logo-link.dark + a.custom-logo-link { 10514 opacity: 1; 10515 display: inline-block; 10516 } 10517 10518 .wp-block[data-type="extendstudio/materialis"] .dark-logo a.logo-link.dark, 10519 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed .fixed-dark-logo a.logo-link.dark { 10520 opacity: 1; 10521 display: inline-block; 10522 } 10523 10524 .wp-block[data-type="extendstudio/materialis"] .dark-logo a.logo-link.dark + a.custom-logo-link, 10525 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed .fixed-dark-logo a.logo-link.dark + a.custom-logo-link { 10526 opacity: 0; 10527 display: none; 10528 } 10529 10530 .wp-block[data-type="extendstudio/materialis"] .nav-search.widget_search * { 10531 background: transparent; 10532 color: #ffffff; 10533 margin-bottom: 0px; 10534 } 10535 10536 .wp-block[data-type="extendstudio/materialis"] .nav-search.widget_search .mdc-text-field { 10537 margin-top: 0; 10538 height: 2em; 10539 } 10540 10541 .wp-block[data-type="extendstudio/materialis"] .nav-search.widget_search input::-webkit-input-placeholder { 10542 color: #ffffff; 10543 } 10544 10545 .wp-block[data-type="extendstudio/materialis"] .nav-search.widget_search input:-ms-input-placeholder { 10546 color: #ffffff; 10547 } 10548 10549 .wp-block[data-type="extendstudio/materialis"] .nav-search.widget_search input::-moz-placeholder { 10550 color: #ffffff; 10551 } 10552 10553 .wp-block[data-type="extendstudio/materialis"] .nav-search.widget_search input:-moz-placeholder { 10554 color: #ffffff; 10555 } 10556 10557 .wp-block[data-type="extendstudio/materialis"] .nav-search.widget_search input:-moz-placeholder { 10558 color: #ffffff; 10559 } 10560 10561 .wp-block[data-type="extendstudio/materialis"] .nav-search.widget_search input:-webkit-autofill, 10562 .wp-block[data-type="extendstudio/materialis"] .nav-search.widget_search input:-webkit-autofill:hover, 10563 .wp-block[data-type="extendstudio/materialis"] .nav-search.widget_search input:-webkit-autofill:focus, 10564 .wp-block[data-type="extendstudio/materialis"] .nav-search.widget_search input:-webkit-autofill:active { 10565 -webkit-text-fill-color: #ffffff; 10566 transition: background-color 5000s ease-in-out 0s; 10567 } 10568 10569 .wp-block[data-type="extendstudio/materialis"] .nav-search.widget_search .mdc-text-field { 10570 position: relative; 10571 } 10572 10573 .wp-block[data-type="extendstudio/materialis"] .nav-search.widget_search .mdc-text-field input, 10574 .wp-block[data-type="extendstudio/materialis"] .nav-search.widget_search .mdc-text-field label { 10575 padding-left: 30px; 10576 } 10577 10578 .wp-block[data-type="extendstudio/materialis"] .nav-search.widget_search .mdc-text-field:before { 10579 display: inline-block; 10580 content: "\F349"; 10581 font-family: Material Design Icons; 10582 display: inline-flex; 10583 align-items: center; 10584 -webkit-box-pack: center; 10585 -ms-flex-pack: center; 10586 font-size: 1.2rem; 10587 box-sizing: border-box; 10588 width: 30px; 10589 height: 40px; 10590 min-height: 20px; 10591 position: absolute; 10592 font-size: 1.4rem; 10593 } 10594 10595 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed { 10596 position: relative; 10597 } 10598 10599 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed .nav-search.widget_search * { 10600 color: #000000; 10601 } 10602 10603 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed .nav-search.widget_search input::-webkit-input-placeholder { 10604 color: #000000; 10605 } 10606 10607 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed .nav-search.widget_search input:-ms-input-placeholder { 10608 color: #000000; 10609 } 10610 10611 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed .nav-search.widget_search input::-moz-placeholder { 10612 color: #000000; 10613 } 10614 10615 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed .nav-search.widget_search input:-moz-placeholder { 10616 color: #000000; 10617 } 10618 10619 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed .nav-search.widget_search input:-moz-placeholder { 10620 color: #000000; 10621 } 10622 10623 .wp-block[data-type="extendstudio/materialis"] .fixto-fixed .nav-search.widget_search input { 10624 border-color: #000000; 10625 } 10626 10627 .wp-block[data-type="extendstudio/materialis"] .navigation-custom-area .social-icons { 10628 margin-left: -10px; 10629 margin-right: -10px; 10630 } 10631 10632 .wp-block[data-type="extendstudio/materialis"] .navigation-custom-area .social-icons a { 10633 display: inline-block; 10634 font-size: 22px; 10635 padding-left: 10px; 10636 padding-right: 10px; 10637 opacity: 0.9; 10638 transition: all 0.3s linear; 10639 } 10640 10641 .wp-block[data-type="extendstudio/materialis"] .navigation-custom-area .social-icons a:hover { 10642 opacity: 1; 10643 } 10644 10645 .wp-block[data-type="extendstudio/materialis"] .navigation-custom-area .button { 10646 margin-bottom: 0; 10647 } 10648 10649 .wp-block[data-type="extendstudio/materialis"] .inner-header-description, 10650 .wp-block[data-type="extendstudio/materialis"] .header-description { 10651 position: relative; 10652 z-index: 50; 10653 } 10654 10655 @media (max-width: 767px) { 10656 .wp-block[data-type="extendstudio/materialis"] .inner-header-description:not(.gridContainer), 10657 .wp-block[data-type="extendstudio/materialis"] .header-description:not(.gridContainer) { 10658 padding-left: 15px; 10659 padding-right: 15px; 10660 } 10661 } 10662 10663 @media (min-width: 768px) { 10664 .wp-block[data-type="extendstudio/materialis"] .inner-header-description:not(.gridContainer), 10665 .wp-block[data-type="extendstudio/materialis"] .header-description:not(.gridContainer) { 10666 max-width: 100%; 10667 overflow-x: hidden; 10668 } 10669 10670 .wp-block[data-type="extendstudio/materialis"] .inner-header-description:not(.gridContainer) .header-description-row, 10671 .wp-block[data-type="extendstudio/materialis"] .header-description:not(.gridContainer) .header-description-row { 10672 margin-left: 0; 10673 margin-right: 0; 10674 } 10675 10676 .wp-block[data-type="extendstudio/materialis"] .inner-header-description:not(.gridContainer) .header-description-row .header-content-centered, 10677 .wp-block[data-type="extendstudio/materialis"] .inner-header-description:not(.gridContainer) .header-description-row .header-content-left, 10678 .wp-block[data-type="extendstudio/materialis"] .inner-header-description:not(.gridContainer) .header-description-row .header-content-right, 10679 .wp-block[data-type="extendstudio/materialis"] .header-description:not(.gridContainer) .header-description-row .header-content-centered, 10680 .wp-block[data-type="extendstudio/materialis"] .header-description:not(.gridContainer) .header-description-row .header-content-left, 10681 .wp-block[data-type="extendstudio/materialis"] .header-description:not(.gridContainer) .header-description-row .header-content-right { 10682 padding-left: 0; 10683 padding-right: 0; 10684 } 10685 10686 .wp-block[data-type="extendstudio/materialis"] .inner-header-description:not(.gridContainer) .header-description-row .header-hero-media-v-align > div, 10687 .wp-block[data-type="extendstudio/materialis"] .header-description:not(.gridContainer) .header-description-row .header-hero-media-v-align > div { 10688 padding-left: 0; 10689 padding-right: 0; 10690 margin-left: 0; 10691 margin-right: 0; 10692 } 10693 10694 .wp-block[data-type="extendstudio/materialis"] .inner-header-description:not(.gridContainer) .header-description-row .header-hero-content-v-align > div, 10695 .wp-block[data-type="extendstudio/materialis"] .header-description:not(.gridContainer) .header-description-row .header-hero-content-v-align > div { 10696 padding-left: 0; 10697 padding-right: 0; 10698 margin-left: 0; 10699 margin-right: 0; 10700 } 10701 } 10702 10703 .wp-block[data-type="extendstudio/materialis"] .materialis-front-page.only-template .header-description { 10704 padding-top: 5%; 10705 padding-bottom: 5%; 10706 } 10707 10708 @media (min-width: 768px) { 10709 .wp-block[data-type="extendstudio/materialis"] .materialis-front-page.overlap-first-section .content { 10710 position: relative; 10711 z-index: 10; 10712 } 10713 10714 .wp-block[data-type="extendstudio/materialis"] .materialis-front-page.overlap-first-section .page-content div[data-overlap]:first-of-type > div:not([class*=section-separator]) { 10715 background: transparent !important; 10716 position: relative; 10717 } 10718 10719 .wp-block[data-type="extendstudio/materialis"] .materialis-front-page.overlap-first-section .page-content div[data-overlap]:first-of-type > div:not([class*=section-separator]) ~ div:not([class*=section-separator]) { 10720 margin-top: auto; 10721 background: initial !important; 10722 } 10723 10724 .wp-block[data-type="extendstudio/materialis"] .materialis-front-page.overlap-first-section .page-content div[data-overlap=true]:first-of-type { 10725 padding-top: 0 !important; 10726 } 10727 } 10728 10729 @media (min-width: 768px) { 10730 .wp-block[data-type="extendstudio/materialis"] { 10731 /* Header*/ 10732 } 10733 10734 .wp-block[data-type="extendstudio/materialis"] .content-video-container.iframe-holder { 10735 position: relative; 10736 width: 100%; 10737 } 10738 10739 .wp-block[data-type="extendstudio/materialis"] iframe.header-hero-video { 10740 width: 100%; 10741 left: 0px; 10742 top: 0px; 10743 height: 100%; 10744 position: relative; 10745 min-height: 100px; 10746 display: block; 10747 } 10748 10749 .wp-block[data-type="extendstudio/materialis"] .content-video-container iframe.header-hero-video { 10750 position: absolute; 10751 top: 0; 10752 left: 0; 10753 width: 100%; 10754 height: 100%; 10755 } 10756 10757 .wp-block[data-type="extendstudio/materialis"] .navigation-wrapper .custom_area_col { 10758 display: -moz-flex; 10759 display: flex; 10760 -moz-align-items: center; 10761 align-items: center; 10762 } 10763 10764 .wp-block[data-type="extendstudio/materialis"] .materialis-front-page .header-description-row > div { 10765 display: flex; 10766 } 10767 10768 .wp-block[data-type="extendstudio/materialis"] .logo_col { 10769 max-width: 30%; 10770 } 10771 } 10772 10773 .wp-block[data-type="extendstudio/materialis"] .media-on-bottom .header-media-container, 10774 .wp-block[data-type="extendstudio/materialis"] .media-on-top .header-media-container { 10775 width: 100%; 10776 margin: auto; 10777 } 10778 10779 @media (min-width: 768px) { 10780 .wp-block[data-type="extendstudio/materialis"] .media-on-bottom .header-media-container, 10781 .wp-block[data-type="extendstudio/materialis"] .media-on-top .header-media-container { 10782 width: 50%; 10783 } 10784 } 10785 10786 .wp-block[data-type="extendstudio/materialis"] .media-on-bottom .header-content, 10787 .wp-block[data-type="extendstudio/materialis"] .media-on-top .header-content { 10788 width: 100%; 10789 } 10790 10791 .wp-block[data-type="extendstudio/materialis"] .header-content .align-holder { 10792 display: flex; 10793 flex-direction: column; 10794 align-items: center; 10795 } 10796 10797 @media (max-width: 767px) { 10798 .wp-block[data-type="extendstudio/materialis"] .header-description.media-on-left .header-hero-content { 10799 margin-top: 2rem; 10800 } 10801 } 10802 10803 @media (max-width: 767px) { 10804 .wp-block[data-type="extendstudio/materialis"] .header-description.media-on-right .header-hero-content { 10805 margin-bottom: 2rem; 10806 } 10807 } 10808 10809 @media (min-width: 768px) { 10810 .wp-block[data-type="extendstudio/materialis"] .header-content .align-holder { 10811 margin: auto; 10812 } 10813 10814 .wp-block[data-type="extendstudio/materialis"] .header-content .align-holder.right { 10815 text-align: right; 10816 align-items: flex-end; 10817 margin-right: 0; 10818 } 10819 10820 .wp-block[data-type="extendstudio/materialis"] .header-content .align-holder.left { 10821 text-align: left; 10822 align-items: flex-start; 10823 margin-left: 0; 10824 } 10825 10826 .wp-block[data-type="extendstudio/materialis"] .header-content .align-holder.center { 10827 text-align: center; 10828 align-items: center; 10829 } 10830 10831 .wp-block[data-type="extendstudio/materialis"] .header-hero-media-v-align, 10832 .wp-block[data-type="extendstudio/materialis"] .header-hero-content-v-align, 10833 .wp-block[data-type="extendstudio/materialis"] .header-hero-media .header-hero-media-v-align { 10834 -moz-flex: 1; 10835 flex: 1; 10836 } 10837 10838 .wp-block[data-type="extendstudio/materialis"] .header-description.media-on-left .header-hero-content, 10839 .wp-block[data-type="extendstudio/materialis"] .header-description.media-on-right .header-hero-content { 10840 position: relative; 10841 z-index: 50; 10842 } 10843 } 10844 10845 @media (min-width: 1024px) { 10846 .wp-block[data-type="extendstudio/materialis"] .header-description.media-on-left img.homepage-header-image { 10847 float: left; 10848 } 10849 10850 .wp-block[data-type="extendstudio/materialis"] .header-description.media-on-right img.homepage-header-image { 10851 float: right; 10852 } 10853 10854 .wp-block[data-type="extendstudio/materialis"] .header-description.media-on-left .header-hero-content, 10855 .wp-block[data-type="extendstudio/materialis"] .header-description.media-on-right .header-hero-content { 10856 position: relative; 10857 z-index: 50; 10858 } 10859 10860 .wp-block[data-type="extendstudio/materialis"] .header-description.content-on-center .header-content { 10861 margin-right: auto; 10862 margin-left: auto; 10863 } 10864 10865 .wp-block[data-type="extendstudio/materialis"] .header-description.content-on-left .header-content { 10866 margin-right: auto; 10867 } 10868 10869 .wp-block[data-type="extendstudio/materialis"] .header-description.content-on-right .header-content { 10870 margin-left: auto; 10871 } 10872 } 10873 10874 .wp-block[data-type="extendstudio/materialis"] .offcanvas { 10875 background: #fff; 10876 position: fixed; 10877 padding: 1.5rem; 10878 height: 100%; 10879 top: 0; 10880 left: 0; 10881 z-index: 300; 10882 overflow-y: scroll; 10883 } 10884 10885 .wp-block[data-type="extendstudio/materialis"] .offcanvas .close { 10886 position: absolute; 10887 top: 8px; 10888 right: 8px; 10889 } 10890 10891 .wp-block[data-type="extendstudio/materialis"] .offcanvas-left { 10892 border-right: 1px solid rgba(0, 0, 0, 0.1); 10893 } 10894 10895 .wp-block[data-type="extendstudio/materialis"] .offcanvas-right { 10896 left: auto; 10897 right: 0; 10898 border-left: 1px solid rgba(0, 0, 0, 0.1); 10899 } 10900 10901 .wp-block[data-type="extendstudio/materialis"] .offcanvas-push-body { 10902 position: relative; 10903 } 10904 10905 @-webkit-keyframes slideUp { 10906 to { 10907 height: 0; 10908 padding-top: 0; 10909 padding-bottom: 0; 10910 } 10911 } 10912 10913 @keyframes slideUp { 10914 to { 10915 height: 0; 10916 padding-top: 0; 10917 padding-bottom: 0; 10918 } 10919 } 10920 10921 @-webkit-keyframes slideDown { 10922 from { 10923 height: 0; 10924 padding-top: 0; 10925 padding-bottom: 0; 10926 } 10927 } 10928 10929 @keyframes slideDown { 10930 from { 10931 height: 0; 10932 padding-top: 0; 10933 padding-bottom: 0; 10934 } 10935 } 10936 10937 @-webkit-keyframes fadeIn { 10938 from { 10939 opacity: 0; 10940 } 10941 10942 to { 10943 opacity: 1; 10944 } 10945 } 10946 10947 @keyframes fadeIn { 10948 from { 10949 opacity: 0; 10950 } 10951 10952 to { 10953 opacity: 1; 10954 } 10955 } 10956 10957 @-webkit-keyframes fadeOut { 10958 from { 10959 opacity: 1; 10960 } 10961 10962 to { 10963 opacity: 0; 10964 } 10965 } 10966 10967 @keyframes fadeOut { 10968 from { 10969 opacity: 1; 10970 } 10971 10972 to { 10973 opacity: 0; 10974 } 10975 } 10976 10977 @-webkit-keyframes flipIn { 10978 from { 10979 opacity: 0; 10980 -webkit-transform: scaleY(0); 10981 transform: scaleY(0); 10982 } 10983 10984 to { 10985 opacity: 1; 10986 -webkit-transform: scaleY(1); 10987 transform: scaleY(1); 10988 } 10989 } 10990 10991 @keyframes flipIn { 10992 from { 10993 opacity: 0; 10994 -webkit-transform: scaleY(0); 10995 transform: scaleY(0); 10996 } 10997 10998 to { 10999 opacity: 1; 11000 -webkit-transform: scaleY(1); 11001 transform: scaleY(1); 11002 } 11003 } 11004 11005 @-webkit-keyframes flipOut { 11006 from { 11007 opacity: 1; 11008 -webkit-transform: scaleY(1); 11009 transform: scaleY(1); 11010 } 11011 11012 to { 11013 opacity: 0; 11014 -webkit-transform: scaleY(0); 11015 transform: scaleY(0); 11016 } 11017 } 11018 11019 @keyframes flipOut { 11020 from { 11021 opacity: 1; 11022 -webkit-transform: scaleY(1); 11023 transform: scaleY(1); 11024 } 11025 11026 to { 11027 opacity: 0; 11028 -webkit-transform: scaleY(0); 11029 transform: scaleY(0); 11030 } 11031 } 11032 11033 @-webkit-keyframes zoomIn { 11034 from { 11035 opacity: 0; 11036 -webkit-transform: scale3d(0.3, 0.3, 0.3); 11037 transform: scale3d(0.3, 0.3, 0.3); 11038 } 11039 11040 50% { 11041 opacity: 1; 11042 } 11043 } 11044 11045 @keyframes zoomIn { 11046 from { 11047 opacity: 0; 11048 -webkit-transform: scale3d(0.3, 0.3, 0.3); 11049 transform: scale3d(0.3, 0.3, 0.3); 11050 } 11051 11052 50% { 11053 opacity: 1; 11054 } 11055 } 11056 11057 @-webkit-keyframes zoomOut { 11058 from { 11059 opacity: 1; 11060 } 11061 11062 50% { 11063 opacity: 0; 11064 -webkit-transform: scale3d(0.3, 0.3, 0.3); 11065 transform: scale3d(0.3, 0.3, 0.3); 11066 } 11067 11068 to { 11069 opacity: 0; 11070 } 11071 } 11072 11073 @keyframes zoomOut { 11074 from { 11075 opacity: 1; 11076 } 11077 11078 50% { 11079 opacity: 0; 11080 -webkit-transform: scale3d(0.3, 0.3, 0.3); 11081 transform: scale3d(0.3, 0.3, 0.3); 11082 } 11083 11084 to { 11085 opacity: 0; 11086 } 11087 } 11088 11089 @-webkit-keyframes slideInRight { 11090 from { 11091 -webkit-transform: translate3d(100%, 0, 0); 11092 transform: translate3d(100%, 0, 0); 11093 visibility: visible; 11094 } 11095 11096 to { 11097 -webkit-transform: translate3d(0, 0, 0); 11098 transform: translate3d(0, 0, 0); 11099 } 11100 } 11101 11102 @keyframes slideInRight { 11103 from { 11104 -webkit-transform: translate3d(100%, 0, 0); 11105 transform: translate3d(100%, 0, 0); 11106 visibility: visible; 11107 } 11108 11109 to { 11110 -webkit-transform: translate3d(0, 0, 0); 11111 transform: translate3d(0, 0, 0); 11112 } 11113 } 11114 11115 @-webkit-keyframes slideInLeft { 11116 from { 11117 -webkit-transform: translate3d(-100%, 0, 0); 11118 transform: translate3d(-100%, 0, 0); 11119 visibility: visible; 11120 } 11121 11122 to { 11123 -webkit-transform: translate3d(0, 0, 0); 11124 transform: translate3d(0, 0, 0); 11125 } 11126 } 11127 11128 @keyframes slideInLeft { 11129 from { 11130 -webkit-transform: translate3d(-100%, 0, 0); 11131 transform: translate3d(-100%, 0, 0); 11132 visibility: visible; 11133 } 11134 11135 to { 11136 -webkit-transform: translate3d(0, 0, 0); 11137 transform: translate3d(0, 0, 0); 11138 } 11139 } 11140 11141 @-webkit-keyframes slideInDown { 11142 from { 11143 -webkit-transform: translate3d(0, -100%, 0); 11144 transform: translate3d(0, -100%, 0); 11145 visibility: visible; 11146 } 11147 11148 to { 11149 -webkit-transform: translate3d(0, 0, 0); 11150 transform: translate3d(0, 0, 0); 11151 } 11152 } 11153 11154 @keyframes slideInDown { 11155 from { 11156 -webkit-transform: translate3d(0, -100%, 0); 11157 transform: translate3d(0, -100%, 0); 11158 visibility: visible; 11159 } 11160 11161 to { 11162 -webkit-transform: translate3d(0, 0, 0); 11163 transform: translate3d(0, 0, 0); 11164 } 11165 } 11166 11167 @-webkit-keyframes slideOutLeft { 11168 from { 11169 -webkit-transform: translate3d(0, 0, 0); 11170 transform: translate3d(0, 0, 0); 11171 } 11172 11173 to { 11174 visibility: hidden; 11175 -webkit-transform: translate3d(-100%, 0, 0); 11176 transform: translate3d(-100%, 0, 0); 11177 } 11178 } 11179 11180 @keyframes slideOutLeft { 11181 from { 11182 -webkit-transform: translate3d(0, 0, 0); 11183 transform: translate3d(0, 0, 0); 11184 } 11185 11186 to { 11187 visibility: hidden; 11188 -webkit-transform: translate3d(-100%, 0, 0); 11189 transform: translate3d(-100%, 0, 0); 11190 } 11191 } 11192 11193 @-webkit-keyframes slideOutRight { 11194 from { 11195 -webkit-transform: translate3d(0, 0, 0); 11196 transform: translate3d(0, 0, 0); 11197 } 11198 11199 to { 11200 visibility: hidden; 11201 -webkit-transform: translate3d(100%, 0, 0); 11202 transform: translate3d(100%, 0, 0); 11203 } 11204 } 11205 11206 @keyframes slideOutRight { 11207 from { 11208 -webkit-transform: translate3d(0, 0, 0); 11209 transform: translate3d(0, 0, 0); 11210 } 11211 11212 to { 11213 visibility: hidden; 11214 -webkit-transform: translate3d(100%, 0, 0); 11215 transform: translate3d(100%, 0, 0); 11216 } 11217 } 11218 11219 @-webkit-keyframes slideOutUp { 11220 from { 11221 -webkit-transform: translate3d(0, 0, 0); 11222 transform: translate3d(0, 0, 0); 11223 } 11224 11225 to { 11226 visibility: hidden; 11227 -webkit-transform: translate3d(0, -100%, 0); 11228 transform: translate3d(0, -100%, 0); 11229 } 11230 } 11231 11232 @keyframes slideOutUp { 11233 from { 11234 -webkit-transform: translate3d(0, 0, 0); 11235 transform: translate3d(0, 0, 0); 11236 } 11237 11238 to { 11239 visibility: hidden; 11240 -webkit-transform: translate3d(0, -100%, 0); 11241 transform: translate3d(0, -100%, 0); 11242 } 11243 } 11244 11245 @-webkit-keyframes rotate { 11246 from { 11247 -webkit-transform: rotate(0deg); 11248 transform: rotate(0deg); 11249 } 11250 11251 to { 11252 -webkit-transform: rotate(360deg); 11253 transform: rotate(360deg); 11254 } 11255 } 11256 11257 @keyframes rotate { 11258 from { 11259 -webkit-transform: rotate(0deg); 11260 transform: rotate(0deg); 11261 } 11262 11263 to { 11264 -webkit-transform: rotate(360deg); 11265 transform: rotate(360deg); 11266 } 11267 } 11268 11269 @-webkit-keyframes pulse { 11270 from { 11271 -webkit-transform: scale3d(1, 1, 1); 11272 transform: scale3d(1, 1, 1); 11273 } 11274 11275 50% { 11276 -webkit-transform: scale3d(1.03, 1.03, 1.03); 11277 transform: scale3d(1.03, 1.03, 1.03); 11278 } 11279 11280 to { 11281 -webkit-transform: scale3d(1, 1, 1); 11282 transform: scale3d(1, 1, 1); 11283 } 11284 } 11285 11286 @keyframes pulse { 11287 from { 11288 -webkit-transform: scale3d(1, 1, 1); 11289 transform: scale3d(1, 1, 1); 11290 } 11291 11292 50% { 11293 -webkit-transform: scale3d(1.03, 1.03, 1.03); 11294 transform: scale3d(1.03, 1.03, 1.03); 11295 } 11296 11297 to { 11298 -webkit-transform: scale3d(1, 1, 1); 11299 transform: scale3d(1, 1, 1); 11300 } 11301 } 11302 11303 @-webkit-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 @keyframes shake { 11341 15% { 11342 -webkit-transform: translateX(0.5rem); 11343 transform: translateX(0.5rem); 11344 } 11345 11346 30% { 11347 -webkit-transform: translateX(-0.4rem); 11348 transform: translateX(-0.4rem); 11349 } 11350 11351 45% { 11352 -webkit-transform: translateX(0.3rem); 11353 transform: translateX(0.3rem); 11354 } 11355 11356 60% { 11357 -webkit-transform: translateX(-0.2rem); 11358 transform: translateX(-0.2rem); 11359 } 11360 11361 75% { 11362 -webkit-transform: translateX(0.1rem); 11363 transform: translateX(0.1rem); 11364 } 11365 11366 90% { 11367 -webkit-transform: translateX(0); 11368 transform: translateX(0); 11369 } 11370 11371 90% { 11372 -webkit-transform: translateX(0); 11373 transform: translateX(0); 11374 } 11375 } 11376 11377 .wp-block[data-type="extendstudio/materialis"] .fadeIn { 11378 -webkit-animation: fadeIn 250ms; 11379 animation: fadeIn 250ms; 11380 } 11381 11382 .wp-block[data-type="extendstudio/materialis"] .fadeOut { 11383 -webkit-animation: fadeOut 250ms; 11384 animation: fadeOut 250ms; 11385 } 11386 11387 .wp-block[data-type="extendstudio/materialis"] .zoomIn { 11388 -webkit-animation: zoomIn 200ms; 11389 animation: zoomIn 200ms; 11390 } 11391 11392 .wp-block[data-type="extendstudio/materialis"] .zoomOut { 11393 -webkit-animation: zoomOut 500ms; 11394 animation: zoomOut 500ms; 11395 } 11396 11397 .wp-block[data-type="extendstudio/materialis"] .slideInRight { 11398 -webkit-animation: slideInRight 500ms; 11399 animation: slideInRight 500ms; 11400 } 11401 11402 .wp-block[data-type="extendstudio/materialis"] .slideInLeft { 11403 -webkit-animation: slideInLeft 500ms; 11404 animation: slideInLeft 500ms; 11405 } 11406 11407 .wp-block[data-type="extendstudio/materialis"] .slideInDown { 11408 -webkit-animation: slideInDown 500ms; 11409 animation: slideInDown 500ms; 11410 } 11411 11412 .wp-block[data-type="extendstudio/materialis"] .slideOutLeft { 11413 -webkit-animation: slideOutLeft 500ms; 11414 animation: slideOutLeft 500ms; 11415 } 11416 11417 .wp-block[data-type="extendstudio/materialis"] .slideOutRight { 11418 -webkit-animation: slideOutRight 500ms; 11419 animation: slideOutRight 500ms; 11420 } 11421 11422 .wp-block[data-type="extendstudio/materialis"] .slideOutUp { 11423 -webkit-animation: slideOutUp 500ms; 11424 animation: slideOutUp 500ms; 11425 } 11426 11427 .wp-block[data-type="extendstudio/materialis"] .slideUp { 11428 overflow: hidden; 11429 -webkit-animation: slideUp 200ms ease-in-out; 11430 animation: slideUp 200ms ease-in-out; 11431 } 11432 11433 .wp-block[data-type="extendstudio/materialis"] .slideDown { 11434 overflow: hidden; 11435 -webkit-animation: slideDown 80ms ease-in-out; 11436 animation: slideDown 80ms ease-in-out; 11437 } 11438 11439 .wp-block[data-type="extendstudio/materialis"] .flipIn { 11440 -webkit-animation: flipIn 250ms cubic-bezier(0.5, -0.5, 0.5, 1.5); 11441 animation: flipIn 250ms cubic-bezier(0.5, -0.5, 0.5, 1.5); 11442 } 11443 11444 .wp-block[data-type="extendstudio/materialis"] .flipOut { 11445 -webkit-animation: flipOut 500ms cubic-bezier(0.5, -0.5, 0.5, 1.5); 11446 animation: flipOut 500ms cubic-bezier(0.5, -0.5, 0.5, 1.5); 11447 } 11448 11449 .wp-block[data-type="extendstudio/materialis"] .rotate { 11450 -webkit-animation: rotate 500ms; 11451 animation: rotate 500ms; 11452 } 11453 11454 .wp-block[data-type="extendstudio/materialis"] .pulse { 11455 -webkit-animation: pulse 250ms 2; 11456 animation: pulse 250ms 2; 11457 } 11458 11459 .wp-block[data-type="extendstudio/materialis"] .shake { 11460 -webkit-animation: shake 500ms; 11461 animation: shake 500ms; 11462 } 11463 11464 @media (min-width: 768px) { 11465 .wp-block[data-type="extendstudio/materialis"] .logo-above-menu .logo_col { 11466 margin: auto; 11467 flex-basis: 100%; 11468 max-width: none; 11469 max-height: none; 11470 } 11471 11472 .wp-block[data-type="extendstudio/materialis"] .logo-above-menu .main_menu_col { 11473 justify-content: center; 11474 } 11475 11476 .wp-block[data-type="extendstudio/materialis"] .logo-above-menu.fixto-fixed .logo_col { 11477 max-width: 30%; 11478 max-height: none; 11479 height: auto; 11480 flex-basis: auto; 11481 -moz-flex-grow: 0; 11482 flex-grow: 0; 11483 } 11484 11485 .wp-block[data-type="extendstudio/materialis"] .logo-above-menu.fixto-fixed .main_menu_col { 11486 justify-content: flex-end; 11487 } 11488 11489 .wp-block[data-type="extendstudio/materialis"] .logo-above-menu:not(.fixto-fixed) .logo_col { 11490 padding-top: 1rem; 11491 padding-bottom: 1rem; 11492 } 11493 } 11494 11495 @media (min-width: 768px) { 11496 .wp-block[data-type="extendstudio/materialis"] .navigation-bar.logo-inside-menu .logo_col { 11497 display: none; 11498 } 11499 11500 .wp-block[data-type="extendstudio/materialis"] .navigation-bar.logo-inside-menu .main_menu_col { 11501 width: 100%; 11502 } 11503 11504 .wp-block[data-type="extendstudio/materialis"] .navigation-bar.logo-inside-menu #mainmenu_container { 11505 width: 100%; 11506 } 11507 11508 .wp-block[data-type="extendstudio/materialis"] .navigation-bar.logo-inside-menu .navigation-wrapper:not(.gridContainer) { 11509 padding-left: 15px; 11510 padding-right: 15px; 11511 } 11512 11513 .wp-block[data-type="extendstudio/materialis"] .navigation-bar.logo-inside-menu #main_menu { 11514 text-align: center; 11515 box-sizing: border-box; 11516 display: -moz-flex; 11517 display: flex; 11518 -moz-flex: 0 1 auto; 11519 flex: 0 1 auto; 11520 -moz-flex-direction: row; 11521 flex-direction: row; 11522 flex-wrap: wrap; 11523 margin-right: -15px; 11524 margin-left: -15px; 11525 -moz-align-items: center; 11526 align-items: center; 11527 align-content: center; 11528 justify-content: center; 11529 } 11530 11531 .wp-block[data-type="extendstudio/materialis"] .navigation-bar.logo-inside-menu #main_menu > li > a.text-logo, 11532 .wp-block[data-type="extendstudio/materialis"] .navigation-bar.logo-inside-menu #main_menu > li > a.text-logo:hover, 11533 .wp-block[data-type="extendstudio/materialis"] .navigation-bar.logo-inside-menu #main_menu a.text-logo, 11534 .wp-block[data-type="extendstudio/materialis"] .navigation-bar.logo-inside-menu #main_menu a.text-logo:hover { 11535 text-transform: none; 11536 margin-top: 0px; 11537 text-decoration: none; 11538 font-weight: 400; 11539 line-height: 1; 11540 display: inline-block; 11541 font-family: "Roboto", sans-serif; 11542 font-size: 2.5rem; 11543 text-align: left; 11544 color: #ffffff; 11545 border: none; 11546 background: none; 11547 margin: 0px; 11548 } 11549 } 11550 11551 .wp-block[data-type="extendstudio/materialis"] html.has-offscreen body:after { 11552 content: " "; 11553 display: block; 11554 top: 0px; 11555 left: 0px; 11556 height: 100%; 11557 width: 100%; 11558 position: fixed; 11559 background: rgba(34, 43, 52, 0.7); 11560 opacity: 0; 11561 z-index: -1; 11562 transition: all 0.5s linear; 11563 } 11564 11565 .wp-block[data-type="extendstudio/materialis"] html.has-offscreen.offcanvas-opened { 11566 overflow-y: auto !important; 11567 } 11568 11569 .wp-block[data-type="extendstudio/materialis"] html.has-offscreen.offcanvas-opened body:after { 11570 opacity: 1; 11571 z-index: 299; 11572 } 11573 11574 .wp-block[data-type="extendstudio/materialis"] .main_menu_col [data-component=offcanvas] { 11575 color: #ffffff; 11576 position: relative; 11577 text-align: center; 11578 } 11579 11580 .wp-block[data-type="extendstudio/materialis"] .main_menu_col [data-component=offcanvas] .bubble { 11581 position: absolute; 11582 z-index: 0; 11583 height: 2.5rem; 11584 width: 2.5rem; 11585 background-color: #000000; 11586 opacity: 0.1; 11587 border-radius: 100%; 11588 transition: all 0.2s linear; 11589 } 11590 11591 .wp-block[data-type="extendstudio/materialis"] .main_menu_col [data-component=offcanvas]:hover .bubble { 11592 opacity: 0.3; 11593 } 11594 11595 .wp-block[data-type="extendstudio/materialis"] .main_menu_col [data-component=offcanvas] i.mdi { 11596 display: inline-block; 11597 font-size: 1.4rem; 11598 line-height: 2.5rem; 11599 height: 2.5rem; 11600 width: 2.5rem; 11601 text-align: center; 11602 position: relative; 11603 z-index: 1; 11604 } 11605 11606 .wp-block[data-type="extendstudio/materialis"] #offcanvas-wrapper { 11607 transition: -webkit-transform 0.3s linear; 11608 transition: transform 0.3s linear; 11609 transition: transform 0.3s linear, -webkit-transform 0.3s linear; 11610 left: auto; 11611 right: 0; 11612 background-color: #222B34; 11613 padding: 0px; 11614 overflow: auto; 11615 z-index: 99999; 11616 display: -moz-flex; 11617 display: flex; 11618 -moz-flex: 0 1 auto; 11619 flex: 0 1 auto; 11620 -moz-flex-direction: column; 11621 flex-direction: column; 11622 } 11623 11624 .wp-block[data-type="extendstudio/materialis"] #offcanvas-wrapper.hide { 11625 display: none; 11626 } 11627 11628 .wp-block[data-type="extendstudio/materialis"] #offcanvas-wrapper.force-hide { 11629 display: none !important; 11630 width: 0 !important; 11631 overflow: hidden; 11632 } 11633 11634 .wp-block[data-type="extendstudio/materialis"] #offcanvas-wrapper .offcanvas-top { 11635 padding-top: 2rem; 11636 padding-bottom: 2rem; 11637 } 11638 11639 .wp-block[data-type="extendstudio/materialis"] #offcanvas-wrapper .offcanvas-top .logo-holder a { 11640 color: #ffffff; 11641 text-decoration: none; 11642 font-size: 1.5rem; 11643 text-align: center; 11644 display: block; 11645 } 11646 11647 .wp-block[data-type="extendstudio/materialis"] #offcanvas-wrapper .offcanvas-top .logo-holder img { 11648 max-width: 80%; 11649 display: block; 11650 margin: auto; 11651 } 11652 11653 .wp-block[data-type="extendstudio/materialis"] #offcanvas-wrapper .social-icons { 11654 bottom: 0px; 11655 padding-bottom: 1rem; 11656 z-index: 1; 11657 text-align: center; 11658 width: 100%; 11659 } 11660 11661 .wp-block[data-type="extendstudio/materialis"] #offcanvas-wrapper .social-icons a, 11662 .wp-block[data-type="extendstudio/materialis"] #offcanvas-wrapper .social-icons i.mdi { 11663 color: #ffffff; 11664 } 11665 11666 .wp-block[data-type="extendstudio/materialis"] #offcanvas-wrapper .social-icons a { 11667 display: inline-block; 11668 text-decoration: none; 11669 padding: 8px; 11670 line-height: 1; 11671 } 11672 11673 .wp-block[data-type="extendstudio/materialis"] #offcanvas-wrapper .social-icons i.mdi { 11674 font-size: calc(0.9rem + 0.5rem); 11675 margin-bottom: 0px; 11676 pointer-events: none; 11677 } 11678 11679 .wp-block[data-type="extendstudio/materialis"] #offcanvas-wrapper #offcanvas-menu { 11680 -moz-flex: 1 1 auto; 11681 flex: 1 1 auto; 11682 } 11683 11684 .wp-block[data-type="extendstudio/materialis"] .offcanvas_menu { 11685 margin-left: 0px; 11686 list-style: none; 11687 flex: 1; 11688 } 11689 11690 .wp-block[data-type="extendstudio/materialis"] .offcanvas_menu * { 11691 color: #ffffff; 11692 } 11693 11694 .wp-block[data-type="extendstudio/materialis"] .offcanvas_menu ul { 11695 list-style: none; 11696 } 11697 11698 .wp-block[data-type="extendstudio/materialis"] .offcanvas_menu li { 11699 color: #ffffff; 11700 border-bottom: 1px solid rgba(128, 128, 128, 0.2); 11701 font-size: 0.8rem; 11702 text-align: left; 11703 transition: all 0.1s linear; 11704 } 11705 11706 .wp-block[data-type="extendstudio/materialis"] .offcanvas_menu li a { 11707 text-decoration: none; 11708 color: inherit; 11709 position: relative; 11710 display: block; 11711 padding: 0.75rem 0 0.75rem 2.5rem; 11712 font-size: 0.875rem; 11713 line-height: 1; 11714 } 11715 11716 .wp-block[data-type="extendstudio/materialis"] .offcanvas_menu li a:hover { 11717 background-color: rgba(255, 255, 255, 0.1); 11718 } 11719 11720 .wp-block[data-type="extendstudio/materialis"] .offcanvas_menu li:first-of-type { 11721 border-bottom: 1px solid rgba(128, 128, 128, 0.2); 11722 } 11723 11724 .wp-block[data-type="extendstudio/materialis"] .offcanvas_menu li.page_item_has_children > a .mdi-chevron-right, 11725 .wp-block[data-type="extendstudio/materialis"] .offcanvas_menu li.menu-item-has-children > a .mdi-chevron-right { 11726 position: absolute; 11727 top: 0rem; 11728 width: 3.5em; 11729 height: 100%; 11730 line-height: 1em; 11731 text-align: center; 11732 right: 0; 11733 transition: all 0.3s linear; 11734 } 11735 11736 .wp-block[data-type="extendstudio/materialis"] .offcanvas_menu li.page_item_has_children > a .mdi-chevron-right:before, 11737 .wp-block[data-type="extendstudio/materialis"] .offcanvas_menu li.menu-item-has-children > a .mdi-chevron-right:before { 11738 -webkit-transform: translateY(-50%) translateX(-50%); 11739 transform: translateY(-50%) translateX(-50%); 11740 display: inline-block; 11741 top: 50%; 11742 position: absolute; 11743 left: 50%; 11744 font-size: 24px; 11745 } 11746 11747 .wp-block[data-type="extendstudio/materialis"] .offcanvas_menu li > ul { 11748 display: none; 11749 margin-left: 0px; 11750 background-color: rgba(255, 255, 255, 0.2); 11751 } 11752 11753 .wp-block[data-type="extendstudio/materialis"] .offcanvas_menu li > ul > li > a { 11754 padding-left: 3.75rem; 11755 } 11756 11757 .wp-block[data-type="extendstudio/materialis"] .offcanvas_menu li > ul > li > ul > li > a { 11758 padding-left: 5rem; 11759 } 11760 11761 .wp-block[data-type="extendstudio/materialis"] .offcanvas_menu li.current_page_item a, 11762 .wp-block[data-type="extendstudio/materialis"] .offcanvas_menu li.current_page_item a:hover, 11763 .wp-block[data-type="extendstudio/materialis"] .offcanvas_menu li.current-menu-item a, 11764 .wp-block[data-type="extendstudio/materialis"] .offcanvas_menu li.current-menu-item a:hover { 11765 background-color: rgba(255, 255, 255, 0.05); 11766 } 11767 11768 .wp-block[data-type="extendstudio/materialis"] .offcanvas_menu li.open { 11769 background-color: rgba(255, 255, 255, 0.05); 11770 border-bottom: none; 11771 } 11772 11773 .wp-block[data-type="extendstudio/materialis"] .offcanvas_menu li.open.page_item_has_children > a .mdi-chevron-right, 11774 .wp-block[data-type="extendstudio/materialis"] .offcanvas_menu li.open.menu-item-has-children > a .mdi-chevron-right { 11775 border-left-color: transparent; 11776 color: #2395F6; 11777 } 11778 11779 .wp-block[data-type="extendstudio/materialis"] .offcanvas_menu li.open > a, 11780 .wp-block[data-type="extendstudio/materialis"] .offcanvas_menu li.open > a:hover { 11781 background-color: #ffffff; 11782 color: #2395F6; 11783 border-left: 3px solid #2395F6; 11784 } 11785 11786 @media (min-width: 768px) and (max-width: 1023px) { 11787 .wp-block[data-type="extendstudio/materialis"] [data-component=offcanvas] { 11788 display: none; 11789 } 11790 11791 .wp-block[data-type="extendstudio/materialis"] .offcanvas_menu-tablet [data-component=offcanvas] { 11792 display: inline-block; 11793 } 11794 11795 .wp-block[data-type="extendstudio/materialis"] .offcanvas_menu-tablet #mainmenu_container { 11796 display: none !important; 11797 } 11798 } 11799 11800 @media (min-width: 1024px) { 11801 .wp-block[data-type="extendstudio/materialis"] [data-component=offcanvas] { 11802 display: none; 11803 } 11804 11805 .wp-block[data-type="extendstudio/materialis"] .offcanvas_menu-desktop [data-component=offcanvas] { 11806 display: inline-block; 11807 } 11808 11809 .wp-block[data-type="extendstudio/materialis"] .offcanvas_menu-desktop #mainmenu_container { 11810 display: none !important; 11811 } 11812 } 11813 11814 @media (min-width: 768px) { 11815 .wp-block[data-type="extendstudio/materialis"] .logo-area-menu-below .custom_area_col { 11816 text-align: right; 11817 } 11818 11819 .wp-block[data-type="extendstudio/materialis"] .logo-area-menu-below .custom_area_col .widget_search { 11820 float: right; 11821 text-align: center; 11822 } 11823 11824 .wp-block[data-type="extendstudio/materialis"] .logo-area-menu-below.fixto-fixed .custom_area_col { 11825 order: 2; 11826 width: auto; 11827 } 11828 11829 .wp-block[data-type="extendstudio/materialis"] .logo-area-menu-below.fixto-fixed .custom_area_col, 11830 .wp-block[data-type="extendstudio/materialis"] .logo-area-menu-below.fixto-fixed .logo_col { 11831 flex-basis: auto; 11832 -moz-flex-grow: 0; 11833 flex-grow: 0; 11834 } 11835 11836 .wp-block[data-type="extendstudio/materialis"] .logo-area-menu-below.fixto-fixed .main_menu_col { 11837 order: 1; 11838 flex-basis: 0; 11839 -moz-flex-grow: 1; 11840 flex-grow: 1; 11841 } 11842 } 11843 11844 .wp-block[data-type="extendstudio/materialis"] .logo-menu-area .custom_area_col { 11845 text-align: center; 11846 } 11847 11848 .wp-block[data-type="extendstudio/materialis"] .button.link.read-more .mdi { 11849 margin-left: 3px; 11850 font-size: 1.2em; 11851 vertical-align: middle; 11852 } 11853 11854 .wp-block[data-type="extendstudio/materialis"] .tags-list { 11855 margin-top: 10px; 11856 display: inline-block; 11857 width: 100%; 11858 } 11859 11860 .wp-block[data-type="extendstudio/materialis"] .tags-list a { 11861 font-size: 10px; 11862 font-weight: 500; 11863 text-decoration: none; 11864 background-color: #676b72; 11865 color: #ffffff; 11866 padding: 0.3rem 0.6rem; 11867 text-transform: uppercase; 11868 letter-spacing: 0.5px; 11869 border-radius: 3px; 11870 } 11871 11872 .wp-block[data-type="extendstudio/materialis"] .tags-list a:hover { 11873 background-color: #228ae6; 11874 border-color: #228ae6; 11875 color: #ffffff; 11876 } 11877 11878 .wp-block[data-type="extendstudio/materialis"] .site > .content.post-page, 11879 .wp-block[data-type="extendstudio/materialis"] .site > .content.blog-page { 11880 padding-top: 30px; 11881 padding-bottom: 30px; 11882 } 11883 11884 .wp-block[data-type="extendstudio/materialis"] .post-list-item.highlighted-post, 11885 .wp-block[data-type="extendstudio/materialis"] .post-item.highlighted-post { 11886 width: 100%; 11887 } 11888 11889 .wp-block[data-type="extendstudio/materialis"] .post-list-item .has-more-categories, 11890 .wp-block[data-type="extendstudio/materialis"] .post-item .has-more-categories { 11891 display: inline-block; 11892 margin-left: 4px; 11893 } 11894 11895 .wp-block[data-type="extendstudio/materialis"] .post-list-item .mdc-card, 11896 .wp-block[data-type="extendstudio/materialis"] .post-item .mdc-card { 11897 padding: 0; 11898 border-radius: 4px; 11899 overflow: hidden; 11900 } 11901 11902 .wp-block[data-type="extendstudio/materialis"] .post-list-item .mdc-card > a .wp-post-image, 11903 .wp-block[data-type="extendstudio/materialis"] .post-item .mdc-card > a .wp-post-image { 11904 display: block; 11905 width: auto; 11906 } 11907 11908 .wp-block[data-type="extendstudio/materialis"] .post-list-item .mdc-card h3, 11909 .wp-block[data-type="extendstudio/materialis"] .post-item .mdc-card h3 { 11910 margin-bottom: 20px; 11911 } 11912 11913 .wp-block[data-type="extendstudio/materialis"] .post-list-item .mdc-card .mdc-card__action-icons, 11914 .wp-block[data-type="extendstudio/materialis"] .post-item .mdc-card .mdc-card__action-icons { 11915 justify-content: flex-start; 11916 } 11917 11918 .wp-block[data-type="extendstudio/materialis"] .post-list-item .mdc-card .mdc-card__action-icons .post-footer-link, 11919 .wp-block[data-type="extendstudio/materialis"] .post-item .mdc-card .mdc-card__action-icons .post-footer-link { 11920 margin-right: 14px; 11921 color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38)); 11922 } 11923 11924 .wp-block[data-type="extendstudio/materialis"] .post-list-item .mdc-card .mdc-card__action-icons .post-footer-link:hover > *, 11925 .wp-block[data-type="extendstudio/materialis"] .post-item .mdc-card .mdc-card__action-icons .post-footer-link:hover > * { 11926 color: #228ae6; 11927 } 11928 11929 .wp-block[data-type="extendstudio/materialis"] .post-list-item .mdc-card .mdc-card__action-icons .post-footer-link .post-footer-value, 11930 .wp-block[data-type="extendstudio/materialis"] .post-item .mdc-card .mdc-card__action-icons .post-footer-link .post-footer-value { 11931 margin-left: 5px; 11932 font-size: 14px; 11933 } 11934 11935 .wp-block[data-type="extendstudio/materialis"] .post-list-item .mdc-card .mdc-card__action-icons .mdc-card__action--icon, 11936 .wp-block[data-type="extendstudio/materialis"] .post-item .mdc-card .mdc-card__action-icons .mdc-card__action--icon { 11937 vertical-align: middle; 11938 padding: 0; 11939 } 11940 11941 .wp-block[data-type="extendstudio/materialis"] .post-list-item .mdc-card .mdc-card__action-icons .mdi-folder-open, 11942 .wp-block[data-type="extendstudio/materialis"] .post-item .mdc-card .mdc-card__action-icons .mdi-folder-open { 11943 margin-right: 10px; 11944 } 11945 11946 .wp-block[data-type="extendstudio/materialis"] .post-list-item img.attachment-post-thumbnail, 11947 .wp-block[data-type="extendstudio/materialis"] .post-item img.attachment-post-thumbnail { 11948 width: auto; 11949 } 11950 11951 .wp-block[data-type="extendstudio/materialis"] .post-list-item.multiple-per-row img.attachment-post-thumbnail, 11952 .wp-block[data-type="extendstudio/materialis"] .post-item.multiple-per-row img.attachment-post-thumbnail { 11953 width: 100%; 11954 height: auto; 11955 } 11956 11957 .wp-block[data-type="extendstudio/materialis"] .post-list-item.multiple-per-row .mdc-card__actions, 11958 .wp-block[data-type="extendstudio/materialis"] .post-item.multiple-per-row .mdc-card__actions { 11959 flex-flow: wrap; 11960 } 11961 11962 .wp-block[data-type="extendstudio/materialis"] .post-list-item.multiple-per-row .mdc-card__actions .mdc-card__action-icons, 11963 .wp-block[data-type="extendstudio/materialis"] .post-list-item.multiple-per-row .mdc-card__actions .mdc-card__action-buttons, 11964 .wp-block[data-type="extendstudio/materialis"] .post-item.multiple-per-row .mdc-card__actions .mdc-card__action-icons, 11965 .wp-block[data-type="extendstudio/materialis"] .post-item.multiple-per-row .mdc-card__actions .mdc-card__action-buttons { 11966 -moz-justify-content: center; 11967 justify-content: center; 11968 box-sizing: border-box; 11969 -moz-flex-grow: 0; 11970 flex-grow: 0; 11971 flex-shrink: 0; 11972 padding-right: 15px; 11973 padding-left: 15px; 11974 flex-basis: 100%; 11975 max-width: 100%; 11976 text-align: center; 11977 } 11978 11979 .wp-block[data-type="extendstudio/materialis"] .post-list-item.multiple-per-row .mdc-card__actions .mdc-card__action-icons, 11980 .wp-block[data-type="extendstudio/materialis"] .post-item.multiple-per-row .mdc-card__actions .mdc-card__action-icons { 11981 flex-flow: wrap; 11982 } 11983 11984 .wp-block[data-type="extendstudio/materialis"] .post-list-item.multiple-per-row .mdc-card__actions .mdc-card__action-buttons, 11985 .wp-block[data-type="extendstudio/materialis"] .post-item.multiple-per-row .mdc-card__actions .mdc-card__action-buttons { 11986 box-sizing: border-box; 11987 -moz-flex-grow: 0; 11988 flex-grow: 0; 11989 flex-shrink: 0; 11990 padding-right: 15px; 11991 padding-left: 15px; 11992 flex-basis: 100%; 11993 max-width: 100%; 11994 } 11995 11996 .wp-block[data-type="extendstudio/materialis"] .nav-links, 11997 .wp-block[data-type="extendstudio/materialis"] .post-comments .navigation { 11998 background: #ffffff; 11999 display: -moz-flex; 12000 display: flex; 12001 -moz-align-items: center; 12002 align-items: center; 12003 width: 100%; 12004 } 12005 12006 .wp-block[data-type="extendstudio/materialis"] .nav-links a, 12007 .wp-block[data-type="extendstudio/materialis"] .post-comments .navigation a { 12008 outline: none; 12009 text-decoration: none; 12010 } 12011 12012 .wp-block[data-type="extendstudio/materialis"] .nav-links .nav-previous, 12013 .wp-block[data-type="extendstudio/materialis"] .post-comments .navigation .nav-previous, 12014 .wp-block[data-type="extendstudio/materialis"] .nav-links .nav-next, 12015 .wp-block[data-type="extendstudio/materialis"] .post-comments .navigation .nav-next { 12016 box-sizing: border-box; 12017 -moz-flex-grow: 0; 12018 flex-grow: 0; 12019 flex-shrink: 0; 12020 padding-right: 15px; 12021 padding-left: 15px; 12022 flex-basis: 50%; 12023 max-width: 50%; 12024 } 12025 12026 .wp-block[data-type="extendstudio/materialis"] .nav-links .nav-previous .font-icon-post, 12027 .wp-block[data-type="extendstudio/materialis"] .post-comments .navigation .nav-previous .font-icon-post, 12028 .wp-block[data-type="extendstudio/materialis"] .nav-links .nav-next .font-icon-post, 12029 .wp-block[data-type="extendstudio/materialis"] .post-comments .navigation .nav-next .font-icon-post { 12030 margin-right: 0.5rem; 12031 } 12032 12033 .wp-block[data-type="extendstudio/materialis"] .nav-links .nav-next, 12034 .wp-block[data-type="extendstudio/materialis"] .post-comments .navigation .nav-next, 12035 .wp-block[data-type="extendstudio/materialis"] .nav-links .next-navigation, 12036 .wp-block[data-type="extendstudio/materialis"] .post-comments .navigation .next-navigation { 12037 text-align: right; 12038 } 12039 12040 .wp-block[data-type="extendstudio/materialis"] .nav-links .nav-next .post-title, 12041 .wp-block[data-type="extendstudio/materialis"] .post-comments .navigation .nav-next .post-title, 12042 .wp-block[data-type="extendstudio/materialis"] .nav-links .next-navigation .post-title, 12043 .wp-block[data-type="extendstudio/materialis"] .post-comments .navigation .next-navigation .post-title { 12044 margin-right: 0.5rem; 12045 } 12046 12047 .wp-block[data-type="extendstudio/materialis"] .nav-links .prev-navigation, 12048 .wp-block[data-type="extendstudio/materialis"] .post-comments .navigation .prev-navigation, 12049 .wp-block[data-type="extendstudio/materialis"] .nav-links .next-navigation, 12050 .wp-block[data-type="extendstudio/materialis"] .post-comments .navigation .next-navigation { 12051 box-sizing: border-box; 12052 -moz-flex-grow: 0; 12053 flex-grow: 0; 12054 flex-shrink: 0; 12055 padding-right: 15px; 12056 padding-left: 15px; 12057 flex-basis: 40px; 12058 height: 60px; 12059 padding: 0; 12060 } 12061 12062 .wp-block[data-type="extendstudio/materialis"] .nav-links .prev-navigation a, 12063 .wp-block[data-type="extendstudio/materialis"] .post-comments .navigation .prev-navigation a, 12064 .wp-block[data-type="extendstudio/materialis"] .nav-links .next-navigation a, 12065 .wp-block[data-type="extendstudio/materialis"] .post-comments .navigation .next-navigation a { 12066 height: 60px; 12067 width: 60px; 12068 color: #b3b3b3; 12069 border: none; 12070 display: -moz-flex; 12071 display: flex; 12072 -moz-justify-content: center; 12073 justify-content: center; 12074 -moz-align-items: center; 12075 align-items: center; 12076 } 12077 12078 .wp-block[data-type="extendstudio/materialis"] .nav-links .prev-navigation a:hover, 12079 .wp-block[data-type="extendstudio/materialis"] .post-comments .navigation .prev-navigation a:hover, 12080 .wp-block[data-type="extendstudio/materialis"] .nav-links .next-navigation a:hover, 12081 .wp-block[data-type="extendstudio/materialis"] .post-comments .navigation .next-navigation a:hover { 12082 background-color: #228ae6; 12083 border: 0; 12084 color: #ffffff; 12085 opacity: 0.5; 12086 } 12087 12088 .wp-block[data-type="extendstudio/materialis"] .nav-links .prev-navigation a i, 12089 .wp-block[data-type="extendstudio/materialis"] .post-comments .navigation .prev-navigation a i, 12090 .wp-block[data-type="extendstudio/materialis"] .nav-links .next-navigation a i, 12091 .wp-block[data-type="extendstudio/materialis"] .post-comments .navigation .next-navigation a i { 12092 font-size: 1.3em; 12093 font-weight: 600; 12094 } 12095 12096 .wp-block[data-type="extendstudio/materialis"] .nav-links .numbers-navigation, 12097 .wp-block[data-type="extendstudio/materialis"] .post-comments .navigation .numbers-navigation { 12098 box-sizing: border-box; 12099 -moz-flex-grow: 0; 12100 flex-grow: 0; 12101 flex-shrink: 0; 12102 padding-right: 15px; 12103 padding-left: 15px; 12104 display: -moz-flex; 12105 display: flex; 12106 -moz-flex-grow: 1; 12107 flex-grow: 1; 12108 -moz-justify-content: center; 12109 justify-content: center; 12110 flex-wrap: wrap; 12111 flex-shrink: inherit; 12112 } 12113 12114 .wp-block[data-type="extendstudio/materialis"] .nav-links .numbers-navigation .page-numbers, 12115 .wp-block[data-type="extendstudio/materialis"] .post-comments .navigation .numbers-navigation .page-numbers { 12116 padding: 18px 0; 12117 width: 58px; 12118 text-align: center; 12119 font-size: 14px; 12120 border-left: 1px solid #e0e1e1; 12121 border-right: 1px solid #e0e1e1; 12122 margin-left: -1px; 12123 color: #666666; 12124 font-weight: 600; 12125 } 12126 12127 .wp-block[data-type="extendstudio/materialis"] .nav-links .numbers-navigation .page-numbers.prev, 12128 .wp-block[data-type="extendstudio/materialis"] .post-comments .navigation .numbers-navigation .page-numbers.prev, 12129 .wp-block[data-type="extendstudio/materialis"] .nav-links .numbers-navigation .page-numbers.next, 12130 .wp-block[data-type="extendstudio/materialis"] .post-comments .navigation .numbers-navigation .page-numbers.next { 12131 display: none; 12132 } 12133 12134 @media (max-width: 767px) { 12135 .wp-block[data-type="extendstudio/materialis"] .nav-links .numbers-navigation .page-numbers, 12136 .wp-block[data-type="extendstudio/materialis"] .post-comments .navigation .numbers-navigation .page-numbers { 12137 padding: 15px 0; 12138 width: 50px; 12139 } 12140 } 12141 12142 .wp-block[data-type="extendstudio/materialis"] .nav-links .numbers-navigation span.current, 12143 .wp-block[data-type="extendstudio/materialis"] .post-comments .navigation .numbers-navigation span.current, 12144 .wp-block[data-type="extendstudio/materialis"] .nav-links .numbers-navigation a:hover, 12145 .wp-block[data-type="extendstudio/materialis"] .post-comments .navigation .numbers-navigation a:hover { 12146 background-color: #228ae6; 12147 color: #ffffff; 12148 opacity: 0.5; 12149 } 12150 12151 @media (max-width: 767px) { 12152 .wp-block[data-type="extendstudio/materialis"] .nav-links .prev-navigation, 12153 .wp-block[data-type="extendstudio/materialis"] .post-comments .navigation .prev-navigation, 12154 .wp-block[data-type="extendstudio/materialis"] .nav-links .next-navigation, 12155 .wp-block[data-type="extendstudio/materialis"] .post-comments .navigation .next-navigation { 12156 height: 50px; 12157 } 12158 12159 .wp-block[data-type="extendstudio/materialis"] .nav-links .prev-navigation > a, 12160 .wp-block[data-type="extendstudio/materialis"] .post-comments .navigation .prev-navigation > a, 12161 .wp-block[data-type="extendstudio/materialis"] .nav-links .next-navigation > a, 12162 .wp-block[data-type="extendstudio/materialis"] .post-comments .navigation .next-navigation > a { 12163 height: 50px; 12164 width: 50px; 12165 } 12166 } 12167 12168 .wp-block[data-type="extendstudio/materialis"] .materialis-latest-news a.post-list-item-thumb { 12169 display: block; 12170 } 12171 12172 .wp-block[data-type="extendstudio/materialis"] .materialis-latest-news .post-content-body.col-padding { 12173 padding-top: 1rem; 12174 } 12175 12176 .wp-block[data-type="extendstudio/materialis"] .materialis-latest-news div > a:last-of-type { 12177 margin-bottom: 0; 12178 } 12179 12180 .wp-block[data-type="extendstudio/materialis"] a.post-list-item-thumb > img, 12181 .wp-block[data-type="extendstudio/materialis"] a.post-list-item-thumb > svg { 12182 width: auto; 12183 height: auto; 12184 margin-bottom: 0; 12185 display: block; 12186 } 12187 12188 .wp-block[data-type="extendstudio/materialis"] a.post-list-item-thumb > img.materialis-post-list-item-thumb-placeholder, 12189 .wp-block[data-type="extendstudio/materialis"] a.post-list-item-thumb > svg.materialis-post-list-item-thumb-placeholder { 12190 width: 100%; 12191 } 12192 12193 .wp-block[data-type="extendstudio/materialis"] .post-excerpt > :last-child, 12194 .wp-block[data-type="extendstudio/materialis"] .post-excerpt > * :last-child { 12195 margin-bottom: 0; 12196 } 12197 12198 .wp-block[data-type="extendstudio/materialis"] .post-excerpt .button { 12199 margin-top: 1rem; 12200 } 12201 12202 .wp-block[data-type="extendstudio/materialis"] .post-list .post-list-item .mdc-card__action-icons .post-footer-category a.button, 12203 .wp-block[data-type="extendstudio/materialis"] .post-item .mdc-card__action-icons .post-footer-category a.button { 12204 margin-bottom: 0px; 12205 } 12206 12207 @media (max-width: 1023px) { 12208 .wp-block[data-type="extendstudio/materialis"] .post-list .post-list-item .post-excerpt, 12209 .wp-block[data-type="extendstudio/materialis"] .post-list .post-list-item .post-title, 12210 .wp-block[data-type="extendstudio/materialis"] .post-item .post-excerpt, 12211 .wp-block[data-type="extendstudio/materialis"] .post-item .post-title { 12212 text-align: center; 12213 } 12214 12215 .wp-block[data-type="extendstudio/materialis"] .post-list .post-list-item .mdc-card__actions, 12216 .wp-block[data-type="extendstudio/materialis"] .post-item .mdc-card__actions { 12217 flex-flow: wrap; 12218 } 12219 12220 .wp-block[data-type="extendstudio/materialis"] .post-list .post-list-item .mdc-card__actions .mdc-card__action-icons, 12221 .wp-block[data-type="extendstudio/materialis"] .post-list .post-list-item .mdc-card__actions .mdc-card__action-buttons, 12222 .wp-block[data-type="extendstudio/materialis"] .post-item .mdc-card__actions .mdc-card__action-icons, 12223 .wp-block[data-type="extendstudio/materialis"] .post-item .mdc-card__actions .mdc-card__action-buttons { 12224 width: 100%; 12225 justify-content: center; 12226 } 12227 12228 .wp-block[data-type="extendstudio/materialis"] .post-list .post-list-item .mdc-card__actions .mdc-card__action-icons .post-footer-category, 12229 .wp-block[data-type="extendstudio/materialis"] .post-item .mdc-card__actions .mdc-card__action-icons .post-footer-category { 12230 width: 100%; 12231 margin: 15px 0 10px 0; 12232 text-align: center; 12233 } 12234 12235 .wp-block[data-type="extendstudio/materialis"] .post-list .post-list-item .mdc-card__actions .mdc-card__action-icons .post-footer-category i, 12236 .wp-block[data-type="extendstudio/materialis"] .post-item .mdc-card__actions .mdc-card__action-icons .post-footer-category i { 12237 margin-right: 0; 12238 } 12239 12240 .wp-block[data-type="extendstudio/materialis"] .post-list .post-list-item .mdc-card__actions .mdc-card__action-icons, 12241 .wp-block[data-type="extendstudio/materialis"] .post-item .mdc-card__actions .mdc-card__action-icons { 12242 flex-flow: wrap; 12243 } 12244 12245 .wp-block[data-type="extendstudio/materialis"] .post-list .post-list-item .mdc-card__actions .button, 12246 .wp-block[data-type="extendstudio/materialis"] .post-item .mdc-card__actions .button { 12247 font-size: 1rem; 12248 } 12249 12250 .wp-block[data-type="extendstudio/materialis"] .post-list .post-list-item .mdc-card__actions .post-footer-value, 12251 .wp-block[data-type="extendstudio/materialis"] .post-item .mdc-card__actions .post-footer-value { 12252 font-size: 16px !important; 12253 } 12254 12255 .wp-block[data-type="extendstudio/materialis"] .post-list .post-list-item .mdc-card__actions .mdc-card__action--icon, 12256 .wp-block[data-type="extendstudio/materialis"] .post-item .mdc-card__actions .mdc-card__action--icon { 12257 vertical-align: unset; 12258 } 12259 } 12260 12261 @media (min-width: 1024px) { 12262 .wp-block[data-type="extendstudio/materialis"] .post-list .post-list-item .mdc-card__action-buttons { 12263 margin-left: auto; 12264 } 12265 12266 .wp-block[data-type="extendstudio/materialis"] .post-list .post-list-item .mdc-card__action-icons, 12267 .wp-block[data-type="extendstudio/materialis"] .post-list .post-list-item .mdc-card__action-buttons { 12268 padding: 0; 12269 } 12270 12271 .wp-block[data-type="extendstudio/materialis"] .post-list .post-list-item .mdc-card__action-icons .post-footer-category i { 12272 margin-right: 0; 12273 } 12274 } 12275 12276 .wp-block[data-type="extendstudio/materialis"] form.post-password-form { 12277 margin: 3rem 0; 12278 text-align: center; 12279 } 12280 12281 .wp-block[data-type="extendstudio/materialis"] form.post-password-form p { 12282 color: #2b2d42; 12283 display: -moz-flex; 12284 display: flex; 12285 -moz-align-items: center; 12286 align-items: center; 12287 -moz-justify-content: center; 12288 justify-content: center; 12289 text-align: center; 12290 } 12291 12292 .wp-block[data-type="extendstudio/materialis"] form.post-password-form p .mdc-text-field, 12293 .wp-block[data-type="extendstudio/materialis"] form.post-password-form p .mdc-text-field.mdc-text-field--upgraded { 12294 margin-top: 0px; 12295 margin-bottom: 0px; 12296 } 12297 12298 .wp-block[data-type="extendstudio/materialis"] form.post-password-form p input[type=submit] { 12299 margin-left: 1rem; 12300 margin-bottom: 0; 12301 margin-top: 1em; 12302 } 12303 12304 .wp-block[data-type="extendstudio/materialis"] .mdc-card .mdc-card__action-icons i.mdi:not(.icon), 12305 .wp-block[data-type="extendstudio/materialis"] .card .mdc-card__action-icons i.mdi:not(.icon) { 12306 font-size: 1.2rem; 12307 } 12308 12309 .wp-block[data-type="extendstudio/materialis"] .mdc-card .mdc-card__action-buttons a.link, 12310 .wp-block[data-type="extendstudio/materialis"] .mdc-card .mdc-card__action-buttons a.button, 12311 .wp-block[data-type="extendstudio/materialis"] .card .mdc-card__action-buttons a.link, 12312 .wp-block[data-type="extendstudio/materialis"] .card .mdc-card__action-buttons a.button { 12313 margin-bottom: 0; 12314 } 12315 12316 .wp-block[data-type="extendstudio/materialis"] .post-comments { 12317 display: flex; 12318 flex-wrap: wrap; 12319 border-radius: 4px; 12320 position: relative; 12321 margin-top: 2rem; 12322 min-height: 100px; 12323 background-color: #FFFFFF; 12324 -moz-flex-direction: column; 12325 flex-direction: column; 12326 } 12327 12328 .wp-block[data-type="extendstudio/materialis"] .post-comments .comments-number > span { 12329 color: #ef233c; 12330 } 12331 12332 .wp-block[data-type="extendstudio/materialis"] .post-comments .add-comment-toggler { 12333 margin: 0; 12334 margin-left: auto; 12335 padding-top: 2px; 12336 padding-bottom: 2px; 12337 } 12338 12339 @media (max-width: 767px) { 12340 .wp-block[data-type="extendstudio/materialis"] .post-comments .add-comment-toggler { 12341 margin-left: auto; 12342 margin-right: auto; 12343 margin-top: 10px; 12344 } 12345 } 12346 12347 .wp-block[data-type="extendstudio/materialis"] .post-comments .navigation { 12348 margin: 2rem 0; 12349 } 12350 12351 .wp-block[data-type="extendstudio/materialis"] .post-comments .navigation .next-posts { 12352 text-align: right; 12353 } 12354 12355 .wp-block[data-type="extendstudio/materialis"] .post-comments .no-margin { 12356 margin: 0; 12357 } 12358 12359 .wp-block[data-type="extendstudio/materialis"] .comments-title { 12360 font-size: 24px; 12361 font-weight: 400; 12362 max-width: 100%; 12363 margin-bottom: 0; 12364 } 12365 12366 @media (max-width: 767px) { 12367 .wp-block[data-type="extendstudio/materialis"] .comments-title { 12368 margin-left: auto; 12369 margin-right: auto; 12370 } 12371 } 12372 12373 .wp-block[data-type="extendstudio/materialis"] .comment-list { 12374 width: 100%; 12375 list-style: none; 12376 margin: 0; 12377 padding: 0; 12378 } 12379 12380 @media (max-width: 767px) { 12381 .wp-block[data-type="extendstudio/materialis"] .comment-list { 12382 margin-top: 50px; 12383 } 12384 } 12385 12386 .wp-block[data-type="extendstudio/materialis"] .comment-list li.comment { 12387 border-bottom: 1px dotted #bdbdbd; 12388 } 12389 12390 .wp-block[data-type="extendstudio/materialis"] .comment-list li.comment .comment { 12391 padding-left: 15px; 12392 padding-right: 15px; 12393 } 12394 12395 @media (max-width: 767px) { 12396 .wp-block[data-type="extendstudio/materialis"] .comment-list li.comment { 12397 text-align: left; 12398 } 12399 } 12400 12401 .wp-block[data-type="extendstudio/materialis"] .comment-list li.comment.even blockquote { 12402 background-color: #ffffff; 12403 } 12404 12405 .wp-block[data-type="extendstudio/materialis"] .comment-list li.comment.odd { 12406 background-color: #ffffff; 12407 } 12408 12409 .wp-block[data-type="extendstudio/materialis"] .comment-list li.comment:last-child { 12410 border-bottom: none; 12411 } 12412 12413 .wp-block[data-type="extendstudio/materialis"] .comment-list li.comment.byuser { 12414 padding: 1rem; 12415 border: 1px solid #d1d1d1; 12416 background-color: #f8f8f8; 12417 } 12418 12419 .wp-block[data-type="extendstudio/materialis"] .comment-list .children { 12420 list-style: none; 12421 margin: 0 0 0 1rem; 12422 padding: 1rem; 12423 } 12424 12425 .wp-block[data-type="extendstudio/materialis"] .comment-list li:before { 12426 display: none; 12427 } 12428 12429 @media (max-width: 767px) { 12430 .wp-block[data-type="extendstudio/materialis"] .comments-counter-wrapper { 12431 -moz-flex-direction: column; 12432 flex-direction: column; 12433 } 12434 } 12435 12436 .wp-block[data-type="extendstudio/materialis"] .comment-body { 12437 margin-left: 60px; 12438 padding: 1rem 0; 12439 word-break: break-word; 12440 white-space: normal; 12441 } 12442 12443 .wp-block[data-type="extendstudio/materialis"] .comment-author { 12444 color: #54617A; 12445 position: relative; 12446 z-index: 2; 12447 } 12448 12449 .wp-block[data-type="extendstudio/materialis"] .comment-author .avatar { 12450 height: 40px; 12451 left: -60px; 12452 position: absolute; 12453 width: 40px; 12454 border-radius: 20px; 12455 } 12456 12457 .wp-block[data-type="extendstudio/materialis"] .comment-author .fn { 12458 font-style: normal; 12459 font-weight: 600; 12460 font-size: 16px; 12461 } 12462 12463 .wp-block[data-type="extendstudio/materialis"] .comment-author .fn a { 12464 color: #000000; 12465 text-decoration: none; 12466 } 12467 12468 .wp-block[data-type="extendstudio/materialis"] .comment-author .says { 12469 display: none; 12470 } 12471 12472 .wp-block[data-type="extendstudio/materialis"] .comment-meta { 12473 margin-bottom: 1.4rem; 12474 } 12475 12476 .wp-block[data-type="extendstudio/materialis"] .comment-meta a { 12477 text-decoration: none; 12478 color: #8D99AE; 12479 } 12480 12481 .wp-block[data-type="extendstudio/materialis"] .comment-metadata { 12482 color: #bdbdbd; 12483 font-size: 10px; 12484 font-size: 0.625rem; 12485 font-weight: 800; 12486 letter-spacing: 0.1818em; 12487 text-transform: uppercase; 12488 } 12489 12490 .wp-block[data-type="extendstudio/materialis"] .comment-metadata a { 12491 color: #bdbdbd; 12492 } 12493 12494 .wp-block[data-type="extendstudio/materialis"] .comment-metadata a.comment-edit-link { 12495 color: #4a4a4a; 12496 margin-left: 1em; 12497 } 12498 12499 .wp-block[data-type="extendstudio/materialis"] .comment-reply-link { 12500 font-size: 12px; 12501 font-weight: 600; 12502 color: #4a4a4a; 12503 text-transform: uppercase; 12504 } 12505 12506 .wp-block[data-type="extendstudio/materialis"] .comment-reply-link i { 12507 color: rgba(0, 0, 0, 0.38); 12508 vertical-align: middle; 12509 font-size: 1.2rem; 12510 margin-right: 5px; 12511 } 12512 12513 .wp-block[data-type="extendstudio/materialis"] .no-comments, 12514 .wp-block[data-type="extendstudio/materialis"] .comment-awaiting-moderation { 12515 color: #bdbdbd; 12516 font-size: 14px; 12517 font-size: 0.875rem; 12518 font-style: italic; 12519 } 12520 12521 .wp-block[data-type="extendstudio/materialis"] .comments-pagination { 12522 margin: 2em 0 3em; 12523 } 12524 12525 .wp-block[data-type="extendstudio/materialis"] .form-submit { 12526 margin-top: 35px; 12527 text-align: right; 12528 margin-left: auto; 12529 } 12530 12531 @media (max-width: 767px) { 12532 .wp-block[data-type="extendstudio/materialis"] .form-submit { 12533 margin-right: auto; 12534 } 12535 } 12536 12537 .wp-block[data-type="extendstudio/materialis"] .form-submit #submit { 12538 width: auto; 12539 padding: 2px 60px; 12540 font-size: 14px; 12541 } 12542 12543 .wp-block[data-type="extendstudio/materialis"] .comments-form { 12544 background-color: #f0effd; 12545 display: none; 12546 border-radius: 0 0 4px 4px; 12547 padding-left: 6px; 12548 padding-right: 6px; 12549 } 12550 12551 .wp-block[data-type="extendstudio/materialis"] .post-comments > .comments-form { 12552 margin: 30px -2rem -2rem -2rem; 12553 } 12554 12555 .wp-block[data-type="extendstudio/materialis"] .comment-form { 12556 display: flex; 12557 flex-wrap: wrap; 12558 } 12559 12560 .wp-block[data-type="extendstudio/materialis"] .comment-form p.logged-in-as { 12561 font-size: 0.9em; 12562 } 12563 12564 @media (max-width: 767px) { 12565 .wp-block[data-type="extendstudio/materialis"] .comment-form p.logged-in-as { 12566 width: 100%; 12567 } 12568 } 12569 12570 .wp-block[data-type="extendstudio/materialis"] .comment-form > .mdc-text-field.mdc-text-field--textarea { 12571 background: #ffffff; 12572 font-size: 1em; 12573 margin: none; 12574 border: none; 12575 } 12576 12577 .wp-block[data-type="extendstudio/materialis"] .comment-form > .mdc-text-field.half { 12578 width: 48%; 12579 } 12580 12581 .wp-block[data-type="extendstudio/materialis"] .comment-form > .mdc-text-field.half.left-margin { 12582 margin-left: 2%; 12583 } 12584 12585 .wp-block[data-type="extendstudio/materialis"] .comment-form > .mdc-text-field.half.right-margin { 12586 margin-right: 2%; 12587 } 12588 12589 .wp-block[data-type="extendstudio/materialis"] .comment-form > .mdc-text-field { 12590 width: 100%; 12591 } 12592 12593 .wp-block[data-type="extendstudio/materialis"] .comment-respond { 12594 background-color: #f0effd; 12595 padding: 2rem; 12596 max-width: 100%; 12597 flex-basis: 100%; 12598 } 12599 12600 .wp-block[data-type="extendstudio/materialis"] .comment-respond .comment-reply-title { 12601 display: flex; 12602 font-size: 24px; 12603 font-weight: 500; 12604 margin-bottom: 0; 12605 } 12606 12607 @media (max-width: 767px) { 12608 .wp-block[data-type="extendstudio/materialis"] .comment-respond .comment-reply-title { 12609 display: block; 12610 } 12611 } 12612 12613 .wp-block[data-type="extendstudio/materialis"] .comment-respond .comment-reply-title small { 12614 margin-left: auto; 12615 font-size: 0.9rem; 12616 } 12617 12618 @media (max-width: 767px) { 12619 .wp-block[data-type="extendstudio/materialis"] .comment-respond .comment-reply-title small { 12620 display: none; 12621 } 12622 } 12623 12624 .wp-block[data-type="extendstudio/materialis"] .post-comments .navigation { 12625 line-height: 36px; 12626 } 12627 12628 .wp-block[data-type="extendstudio/materialis"] .navigation.post-navigation { 12629 border-radius: 4px; 12630 margin-top: 30px; 12631 } 12632 12633 .wp-block[data-type="extendstudio/materialis"] .navigation.post-navigation .nav-links, 12634 .wp-block[data-type="extendstudio/materialis"] .navigation.post-navigation .post-comments .navigation, 12635 .wp-block[data-type="extendstudio/materialis"] .post-comments .navigation.post-navigation .navigation { 12636 border-radius: 4px; 12637 padding: 30px 15px; 12638 } 12639 12640 @media (max-width: 767px) { 12641 .wp-block[data-type="extendstudio/materialis"] .sidebar { 12642 margin-top: 40px; 12643 text-align: left; 12644 } 12645 } 12646 12647 .wp-block[data-type="extendstudio/materialis"] .sidebar h5, 12648 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget_block > .wp-block-group > .wp-block-group__inner-container h6:first-child, 12649 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .sidebar h6:first-child, 12650 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget_block > .wp-block-group > .wp-block-group__inner-container h5:first-child, 12651 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .sidebar h5:first-child, 12652 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget_block > .wp-block-group > .wp-block-group__inner-container h4:first-child, 12653 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .sidebar h4:first-child, 12654 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget_block > .wp-block-group > .wp-block-group__inner-container h3:first-child, 12655 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .sidebar h3:first-child, 12656 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget_block > .wp-block-group > .wp-block-group__inner-container h2:first-child, 12657 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .sidebar h2:first-child, 12658 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget_block > .wp-block-group > .wp-block-group__inner-container h1:first-child, 12659 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .sidebar h1:first-child { 12660 text-transform: uppercase; 12661 /*font-size: 23px;*/ 12662 padding: 25px 20px; 12663 line-height: 28px; 12664 } 12665 12666 @media (min-width: 768px) and (max-width: 1023px) { 12667 .wp-block[data-type="extendstudio/materialis"] .sidebar h5, 12668 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget_block > .wp-block-group > .wp-block-group__inner-container h6:first-child, 12669 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .sidebar h6:first-child, 12670 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget_block > .wp-block-group > .wp-block-group__inner-container h5:first-child, 12671 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .sidebar h5:first-child, 12672 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget_block > .wp-block-group > .wp-block-group__inner-container h4:first-child, 12673 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .sidebar h4:first-child, 12674 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget_block > .wp-block-group > .wp-block-group__inner-container h3:first-child, 12675 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .sidebar h3:first-child, 12676 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget_block > .wp-block-group > .wp-block-group__inner-container h2:first-child, 12677 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .sidebar h2:first-child, 12678 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget_block > .wp-block-group > .wp-block-group__inner-container h1:first-child, 12679 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .sidebar h1:first-child { 12680 padding: 20px 15px; 12681 font-size: 20px; 12682 letter-spacing: 0px; 12683 line-height: 24px; 12684 } 12685 } 12686 12687 .wp-block[data-type="extendstudio/materialis"] .sidebar a { 12688 text-decoration: none; 12689 } 12690 12691 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget_search form { 12692 margin-bottom: 0; 12693 } 12694 12695 .wp-block[data-type="extendstudio/materialis"] .sidebar #wp-calendar td, 12696 .wp-block[data-type="extendstudio/materialis"] .sidebar #wp-calendar th { 12697 padding: 0.5rem; 12698 } 12699 12700 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget_about { 12701 border-radius: 4px; 12702 background-color: #228ae6; 12703 background-image: linear-gradient(to bottom, #228ae6 0%, #67aeee 100%); 12704 padding: 80px 50px 30px 50px; 12705 text-align: center; 12706 margin-top: 80px; 12707 margin-bottom: 30px; 12708 position: relative; 12709 } 12710 12711 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget_about h4 { 12712 color: #ffffff; 12713 margin-bottom: 0px; 12714 } 12715 12716 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget_about .about-box-image { 12717 width: 160px; 12718 height: 160px; 12719 border-radius: 80px; 12720 background-size: contain; 12721 position: absolute; 12722 top: -80px; 12723 left: 50%; 12724 margin-bottom: 1rem; 12725 -webkit-transform: translateX(-50%); 12726 transform: translateX(-50%); 12727 } 12728 12729 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget_about .about-box-subheading { 12730 font-style: italic; 12731 color: #edf2f4; 12732 opacity: 0.6; 12733 } 12734 12735 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget_about .about-box-description { 12736 color: #edf2f4; 12737 } 12738 12739 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget { 12740 background-color: #ffffff; 12741 border-radius: 4px; 12742 } 12743 12744 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget .widgettitle { 12745 position: relative; 12746 margin-bottom: 0px; 12747 text-transform: capitalize; 12748 word-break: break-word; 12749 letter-spacing: 0.4px; 12750 font-weight: 400; 12751 display: flex; 12752 align-items: center; 12753 border-bottom: 1px solid rgba(0, 0, 0, 0.1); 12754 } 12755 12756 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget .widgettitle i.widget-icon { 12757 font-size: 0.8em; 12758 width: 1.7em; 12759 height: 1.7em; 12760 min-width: 27px; 12761 background: #228ae6; 12762 color: #ffffff; 12763 position: relative; 12764 border-radius: 100px; 12765 margin-right: 0.5rem; 12766 } 12767 12768 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget .widgettitle i.widget-icon:before { 12769 position: absolute; 12770 top: 50%; 12771 left: 50%; 12772 -webkit-transform: translate(-50%, -50%); 12773 transform: translate(-50%, -50%); 12774 } 12775 12776 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget > pre { 12777 word-wrap: break-word; 12778 } 12779 12780 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget > select { 12781 width: calc(100% - 40px); 12782 margin-left: 20px; 12783 margin-bottom: 1.5rem; 12784 margin-top: 1.5rem; 12785 } 12786 12787 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget > div { 12788 padding: 25px 20px; 12789 } 12790 12791 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget > ul { 12792 position: relative; 12793 } 12794 12795 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget ul { 12796 list-style: none; 12797 margin: 0; 12798 } 12799 12800 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget ul li { 12801 position: relative; 12802 text-transform: capitalize; 12803 padding: 20px 10px 20px 25px; 12804 border-top: 1px solid rgba(0, 0, 0, 0.1); 12805 } 12806 12807 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget ul li:first-of-type { 12808 border-top: none; 12809 } 12810 12811 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget ul li:last-of-type { 12812 border-bottom: none; 12813 } 12814 12815 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget ul li ul { 12816 margin-top: 20px; 12817 } 12818 12819 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget ul li ul li { 12820 padding: 20px 0px 20px 25px; 12821 } 12822 12823 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget ul li ul li, 12824 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget ul li ul li:first-of-type { 12825 padding-left: 10px; 12826 border-top: 1px solid rgba(0, 0, 0, 0.1); 12827 } 12828 12829 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget ul li ul li:last-of-type { 12830 padding-bottom: 0; 12831 } 12832 12833 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget ul li a { 12834 margin: 0px 10px; 12835 color: #2b2d42; 12836 display: inline-block; 12837 } 12838 12839 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget ul li a:hover, 12840 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget ul li a:hover * { 12841 color: #50a2eb; 12842 } 12843 12844 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget ul li:hover:before { 12845 content: ""; 12846 height: calc(100%); 12847 width: 4px; 12848 display: block; 12849 background: #228ae6; 12850 position: absolute; 12851 top: 0px; 12852 left: 0px; 12853 } 12854 12855 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget .widgettitle i.widget-icon:before { 12856 content: "\F72B"; 12857 } 12858 12859 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget.widget_search .widgettitle i.widget-icon:before { 12860 content: "\F349"; 12861 } 12862 12863 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget.widget_search h5, 12864 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget.widget_search .widget_block > .wp-block-group > .wp-block-group__inner-container h6:first-child, 12865 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .sidebar .widget.widget_search h6:first-child, 12866 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget.widget_search .widget_block > .wp-block-group > .wp-block-group__inner-container h5:first-child, 12867 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .sidebar .widget.widget_search h5:first-child, 12868 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget.widget_search .widget_block > .wp-block-group > .wp-block-group__inner-container h4:first-child, 12869 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .sidebar .widget.widget_search h4:first-child, 12870 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget.widget_search .widget_block > .wp-block-group > .wp-block-group__inner-container h3:first-child, 12871 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .sidebar .widget.widget_search h3:first-child, 12872 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget.widget_search .widget_block > .wp-block-group > .wp-block-group__inner-container h2:first-child, 12873 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .sidebar .widget.widget_search h2:first-child, 12874 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget.widget_search .widget_block > .wp-block-group > .wp-block-group__inner-container h1:first-child, 12875 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .sidebar .widget.widget_search h1:first-child { 12876 padding: 25px 20px 10px 20px; 12877 } 12878 12879 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget.widget_search form { 12880 padding: 0 25px 10px 25px; 12881 } 12882 12883 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget.widget_search form .mdc-text-field { 12884 width: 100%; 12885 } 12886 12887 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget.widget_calendar .widgettitle i.widget-icon:before { 12888 content: "\F0F6"; 12889 } 12890 12891 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget.widget_recent_entries .widgettitle i.widget-icon:before { 12892 content: "\F2DA"; 12893 } 12894 12895 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget.widget_media_image { 12896 padding: 0px; 12897 overflow: hidden; 12898 } 12899 12900 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget.widget_media_image img { 12901 display: block; 12902 width: 100%; 12903 } 12904 12905 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget.widget_media_image .wp-caption { 12906 padding: 0px; 12907 margin: 0px; 12908 max-width: 100%; 12909 border: none; 12910 } 12911 12912 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget.widget_media_image .wp-caption .wp-caption-text { 12913 margin-top: 1rem; 12914 margin-bottom: 1rem; 12915 } 12916 12917 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget.widget_media_image .widgettitle + .wp-caption { 12918 padding: 25px 20px; 12919 } 12920 12921 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget.widget_media_image .widgettitle + .wp-caption .wp-caption-text { 12922 margin-bottom: 0rem; 12923 } 12924 12925 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget.widget_media_video { 12926 padding: 0px; 12927 overflow: hidden; 12928 } 12929 12930 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget.widget_media_video mediaelementwrapper { 12931 display: block; 12932 width: 100%; 12933 } 12934 12935 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget.widget_media_video .wp-video { 12936 padding: 0px; 12937 margin: 0px; 12938 max-width: 100%; 12939 border: none; 12940 } 12941 12942 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget.widget_media_video .wp-video .wp-caption-text { 12943 margin-top: 1rem; 12944 margin-bottom: 1rem; 12945 } 12946 12947 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget.widget_media_video .widgettitle + .wp-video { 12948 padding: 25px 20px; 12949 } 12950 12951 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget.widget_media_video .widgettitle + .wp-video .wp-caption-text { 12952 margin-bottom: 0rem; 12953 } 12954 12955 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget.widget_archive .widgettitle i.widget-icon:before { 12956 content: "\F03C"; 12957 } 12958 12959 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget.widget_categories .widgettitle i.widget-icon:before { 12960 content: "\F332"; 12961 } 12962 12963 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget.widget_meta .widgettitle i.widget-icon:before { 12964 content: "\F4FB"; 12965 } 12966 12967 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget.widget_rss .widgettitle i.widget-icon:before { 12968 content: "\F46B"; 12969 } 12970 12971 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget.widget_rss .rss-widget-icon { 12972 display: none; 12973 } 12974 12975 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget.widget_rss a.rsswidget { 12976 padding-left: 0; 12977 padding-right: 0; 12978 margin-bottom: 1.2rem; 12979 } 12980 12981 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget.widget_rss .rss-date, 12982 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget.widget_rss .rssSummary, 12983 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget.widget_rss cite { 12984 font-size: 0.8rem; 12985 } 12986 12987 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget.widget_tag_cloud .widgettitle i.widget-icon:before { 12988 content: "\F15F"; 12989 } 12990 12991 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget.widget_tag_cloud .tagcloud a:hover { 12992 border-bottom: 1px solid #228ae6; 12993 } 12994 12995 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget.widget_price_filter .widgettitle i.widget-icon:before { 12996 content: "\F178"; 12997 } 12998 12999 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget.widget_price_filter .price_slider_wrapper { 13000 padding: 30px 20px 10px 20px; 13001 } 13002 13003 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget.widget_price_filter .price_slider_wrapper .price_slider_amount { 13004 display: flex; 13005 flex-direction: row-reverse; 13006 flex-wrap: wrap; 13007 justify-content: flex-end; 13008 } 13009 13010 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget.widget_price_filter .price_slider_wrapper .price_slider_amount .price_label { 13011 width: 100%; 13012 text-align: left; 13013 } 13014 13015 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container h1:first-child { 13016 font-size: 1em; 13017 padding: 0; 13018 } 13019 13020 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container h2:first-child { 13021 font-size: 1em; 13022 padding: 0; 13023 } 13024 13025 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container h3:first-child { 13026 font-size: 1em; 13027 padding: 0; 13028 } 13029 13030 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container h4:first-child { 13031 font-size: 1em; 13032 padding: 0; 13033 } 13034 13035 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container h5:first-child, 13036 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container h6:first-child, 13037 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container h1:first-child, 13038 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container h2:first-child, 13039 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container h3:first-child, 13040 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container h4:first-child { 13041 font-size: 1em; 13042 padding: 0; 13043 } 13044 13045 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container h6:first-child { 13046 font-size: 1em; 13047 padding: 0; 13048 } 13049 13050 .wp-block[data-type="extendstudio/materialis"] .widget_block ul, 13051 .wp-block[data-type="extendstudio/materialis"] .widget_block ol { 13052 list-style: none; 13053 padding: 0; 13054 margin: 0; 13055 } 13056 13057 .wp-block[data-type="extendstudio/materialis"] .widget_block ul > li, 13058 .wp-block[data-type="extendstudio/materialis"] .widget_block ol > li { 13059 border-top: 1px solid rgba(0, 0, 0, 0.1); 13060 } 13061 13062 .wp-block[data-type="extendstudio/materialis"] .widget_block ul > li:first-of-type, 13063 .wp-block[data-type="extendstudio/materialis"] .widget_block ol > li:first-of-type { 13064 border-top: none; 13065 } 13066 13067 .wp-block[data-type="extendstudio/materialis"] .widget_block [class*=wp-block] { 13068 margin-top: initial; 13069 margin-bottom: initial; 13070 } 13071 13072 .wp-block[data-type="extendstudio/materialis"] div#block-2 label.wp-block-search__label { 13073 display: none; 13074 } 13075 13076 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container > h1:first-child, 13077 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container > h2:first-child, 13078 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container > h3:first-child, 13079 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container > h4:first-child, 13080 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container > h5:first-child, 13081 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container > h6:first-child { 13082 position: relative; 13083 margin-bottom: 0px; 13084 text-transform: capitalize; 13085 word-break: break-word; 13086 letter-spacing: 0.4px; 13087 font-weight: 400; 13088 display: flex; 13089 align-items: center; 13090 border-bottom: 1px solid rgba(0, 0, 0, 0.1); 13091 padding: 0; 13092 } 13093 13094 .wp-block[data-type="extendstudio/materialis"] .widget.widget_block > div { 13095 padding: 0; 13096 } 13097 13098 .wp-block[data-type="extendstudio/materialis"] .widget.widget_block h5, 13099 .wp-block[data-type="extendstudio/materialis"] .widget.widget_block .widget_block > .wp-block-group > .wp-block-group__inner-container h1:first-child, 13100 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .widget.widget_block h1:first-child, 13101 .wp-block[data-type="extendstudio/materialis"] .widget.widget_block .widget_block > .wp-block-group > .wp-block-group__inner-container h2:first-child, 13102 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .widget.widget_block h2:first-child, 13103 .wp-block[data-type="extendstudio/materialis"] .widget.widget_block .widget_block > .wp-block-group > .wp-block-group__inner-container h3:first-child, 13104 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .widget.widget_block h3:first-child, 13105 .wp-block[data-type="extendstudio/materialis"] .widget.widget_block .widget_block > .wp-block-group > .wp-block-group__inner-container h4:first-child, 13106 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .widget.widget_block h4:first-child, 13107 .wp-block[data-type="extendstudio/materialis"] .widget.widget_block .widget_block > .wp-block-group > .wp-block-group__inner-container h5:first-child, 13108 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .widget.widget_block h5:first-child, 13109 .wp-block[data-type="extendstudio/materialis"] .widget.widget_block .widget_block > .wp-block-group > .wp-block-group__inner-container h6:first-child, 13110 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .widget.widget_block h6:first-child { 13111 padding: 0; 13112 } 13113 13114 .wp-block[data-type="extendstudio/materialis"] .widget.widget_block ul, 13115 .wp-block[data-type="extendstudio/materialis"] .widget.widget_block ol { 13116 padding-left: 1em; 13117 padding-right: 1em; 13118 } 13119 13120 .wp-block[data-type="extendstudio/materialis"] .widget.widget_block ul li, 13121 .wp-block[data-type="extendstudio/materialis"] .widget.widget_block ol li { 13122 margin-left: -1em; 13123 margin-right: -1em; 13124 padding: 1em; 13125 position: relative; 13126 } 13127 13128 .wp-block[data-type="extendstudio/materialis"] .widget.widget_block ul li:hover:before, 13129 .wp-block[data-type="extendstudio/materialis"] .widget.widget_block ol li:hover:before { 13130 content: ""; 13131 height: calc(100%); 13132 width: 4px; 13133 display: block; 13134 background: #228ae6; 13135 position: absolute; 13136 top: 0px; 13137 left: 0px; 13138 } 13139 13140 .wp-block[data-type="extendstudio/materialis"] .widget_block.widget_search { 13141 padding-top: 1em; 13142 padding-bottom: 1em; 13143 } 13144 13145 .wp-block[data-type="extendstudio/materialis"] div#block-2 label.wp-block-search__label { 13146 display: none; 13147 } 13148 13149 .wp-block[data-type="extendstudio/materialis"] .our-services .gridContainer > .row { 13150 padding: 80px 0; 13151 } 13152 13153 .wp-block[data-type="extendstudio/materialis"] .our-services .gridContainer > .row > div { 13154 display: flex; 13155 align-items: center; 13156 padding: 20px 0; 13157 } 13158 13159 .wp-block[data-type="extendstudio/materialis"] .our-services .gridContainer > .row > div:last-child { 13160 border-left: 1px solid #eaeaea; 13161 } 13162 13163 .wp-block[data-type="extendstudio/materialis"] .our-services .gridContainer > .row > div > i.mdi { 13164 margin-left: 100px; 13165 margin-right: 20px; 13166 font-size: 50px; 13167 width: 100px; 13168 height: 100px; 13169 background: #228ae6; 13170 color: #ffffff; 13171 position: relative; 13172 text-align: center; 13173 border-radius: 100px; 13174 display: inline-table; 13175 } 13176 13177 .wp-block[data-type="extendstudio/materialis"] .our-services .gridContainer > .row > div > i.mdi:before { 13178 position: absolute; 13179 top: 50%; 13180 left: 50%; 13181 -webkit-transform: translate(-48%, -56%); 13182 transform: translate(-48%, -56%); 13183 } 13184 13185 .wp-block[data-type="extendstudio/materialis"] .our-services .gridContainer > .row > div h4 { 13186 margin-bottom: 5px; 13187 } 13188 13189 .wp-block[data-type="extendstudio/materialis"] .our-services .gridContainer > .row > div h4 i { 13190 vertical-align: middle; 13191 margin-bottom: 3px; 13192 } 13193 13194 .wp-block[data-type="extendstudio/materialis"] .free-trial { 13195 background-color: #654ea3; 13196 background-image: linear-gradient(to bottom, #654ea3 0%, #bf69fd 100%); 13197 } 13198 13199 .wp-block[data-type="extendstudio/materialis"] .free-trial .gridContainer > .row { 13200 padding: 100px 0; 13201 color: #e5f3fc; 13202 } 13203 13204 .wp-block[data-type="extendstudio/materialis"] .free-trial .gridContainer > .row h3 { 13205 color: #fff; 13206 } 13207 13208 .wp-block[data-type="extendstudio/materialis"] .free-trial .gridContainer > .row > div:last-child { 13209 align-items: center; 13210 display: flex; 13211 justify-content: flex-end; 13212 } 13213 13214 .wp-block[data-type="extendstudio/materialis"] .free-trial .gridContainer > .row > div:last-child .button { 13215 margin-left: 25px; 13216 } 13217 13218 .wp-block[data-type="extendstudio/materialis"] .footer-shadow { 13219 box-shadow: 0px 20px 20px -10px rgba(49, 52, 57, 0.3), 0 20px 30px rgba(0, 0, 0, 0.08); 13220 } 13221 13222 .wp-block[data-type="extendstudio/materialis"] .footer { 13223 background-color: #ffffff; 13224 margin-bottom: -1px; 13225 color: #8D99AE; 13226 } 13227 13228 .wp-block[data-type="extendstudio/materialis"] .footer .materialis-theme-link { 13229 color: inherit; 13230 text-decoration: none; 13231 border-bottom: none; 13232 } 13233 13234 .wp-block[data-type="extendstudio/materialis"] .footer .materialis-theme-link:hover { 13235 color: inherit; 13236 border-bottom: none; 13237 text-decoration: underline; 13238 } 13239 13240 .wp-block[data-type="extendstudio/materialis"] .footer table caption { 13241 color: #8D99AE; 13242 } 13243 13244 .wp-block[data-type="extendstudio/materialis"] .footer .mdi { 13245 color: #8D99AE; 13246 } 13247 13248 .wp-block[data-type="extendstudio/materialis"] .footer a { 13249 color: #228ae6; 13250 } 13251 13252 .wp-block[data-type="extendstudio/materialis"] .footer a .mdi { 13253 color: #8D99AE; 13254 } 13255 13256 .wp-block[data-type="extendstudio/materialis"] .footer a:hover { 13257 color: #50a2eb; 13258 } 13259 13260 .wp-block[data-type="extendstudio/materialis"] .footer a:hover .mdi { 13261 color: #50a2eb; 13262 } 13263 13264 .wp-block[data-type="extendstudio/materialis"] .footer h1, 13265 .wp-block[data-type="extendstudio/materialis"] .footer h2, 13266 .wp-block[data-type="extendstudio/materialis"] .footer h3, 13267 .wp-block[data-type="extendstudio/materialis"] .footer h4, 13268 .wp-block[data-type="extendstudio/materialis"] .footer h5, 13269 .wp-block[data-type="extendstudio/materialis"] .footer .widget_block > .wp-block-group > .wp-block-group__inner-container h1:first-child, 13270 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .footer h1:first-child, 13271 .wp-block[data-type="extendstudio/materialis"] .footer .widget_block > .wp-block-group > .wp-block-group__inner-container h2:first-child, 13272 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .footer h2:first-child, 13273 .wp-block[data-type="extendstudio/materialis"] .footer .widget_block > .wp-block-group > .wp-block-group__inner-container h3:first-child, 13274 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .footer h3:first-child, 13275 .wp-block[data-type="extendstudio/materialis"] .footer .widget_block > .wp-block-group > .wp-block-group__inner-container h4:first-child, 13276 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .footer h4:first-child, 13277 .wp-block[data-type="extendstudio/materialis"] .footer .widget_block > .wp-block-group > .wp-block-group__inner-container h5:first-child, 13278 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .footer h5:first-child, 13279 .wp-block[data-type="extendstudio/materialis"] .footer .widget_block > .wp-block-group > .wp-block-group__inner-container h6:first-child, 13280 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .footer h6:first-child, 13281 .wp-block[data-type="extendstudio/materialis"] .footer h6 { 13282 color: #54617A; 13283 } 13284 13285 .wp-block[data-type="extendstudio/materialis"] .footer p { 13286 color: #8D99AE; 13287 } 13288 13289 .wp-block[data-type="extendstudio/materialis"] .footer .footer-content { 13290 position: relative; 13291 z-index: 0; 13292 } 13293 13294 .wp-block[data-type="extendstudio/materialis"] .footer #wp-calendar td, 13295 .wp-block[data-type="extendstudio/materialis"] .footer #wp-calendar th { 13296 padding: 0.5rem; 13297 } 13298 13299 .wp-block[data-type="extendstudio/materialis"] .footer .widget > ul { 13300 list-style: none; 13301 margin: 0; 13302 } 13303 13304 .wp-block[data-type="extendstudio/materialis"] .footer .widget > ul > li a { 13305 font-size: 1rem; 13306 text-decoration: none; 13307 } 13308 13309 .wp-block[data-type="extendstudio/materialis"] .footer input, 13310 .wp-block[data-type="extendstudio/materialis"] .footer textarea, 13311 .wp-block[data-type="extendstudio/materialis"] .footer select { 13312 display: inline-block; 13313 max-width: 100%; 13314 height: 44px; 13315 } 13316 13317 .wp-block[data-type="extendstudio/materialis"] .footer form { 13318 margin-bottom: 25px; 13319 } 13320 13321 .wp-block[data-type="extendstudio/materialis"] .footer form input[type=email] { 13322 width: 70%; 13323 float: left; 13324 } 13325 13326 .wp-block[data-type="extendstudio/materialis"] .footer form input[type=submit] { 13327 width: 30%; 13328 float: right; 13329 height: 42px; 13330 line-height: 42px; 13331 background-color: #228ae6; 13332 color: #fff; 13333 font-size: 14px; 13334 font-weight: 600; 13335 letter-spacing: 2px; 13336 text-transform: uppercase; 13337 border: none; 13338 border-radius: 0px; 13339 outline: 1px solid #228ae6; 13340 margin-top: 1px; 13341 cursor: pointer; 13342 } 13343 13344 .wp-block[data-type="extendstudio/materialis"] .footer ul { 13345 list-style: none; 13346 margin: 0; 13347 line-height: 32px; 13348 } 13349 13350 .wp-block[data-type="extendstudio/materialis"] .footer .bottom-bar { 13351 background-color: #f8f8f8; 13352 } 13353 13354 .wp-block[data-type="extendstudio/materialis"] .footer .bottom-bar h4 { 13355 margin-bottom: 0; 13356 } 13357 13358 .wp-block[data-type="extendstudio/materialis"] .horizontal_footer_menu ul { 13359 list-style: none; 13360 margin-left: -0.4rem; 13361 margin-right: -0.4rem; 13362 } 13363 13364 .wp-block[data-type="extendstudio/materialis"] .horizontal_footer_menu ul li { 13365 display: inline-block; 13366 position: relative; 13367 transition: all 0.4s; 13368 padding-left: 0.4rem; 13369 padding-right: 0.4rem; 13370 } 13371 13372 .wp-block[data-type="extendstudio/materialis"] .horizontal_footer_menu ul li a { 13373 display: block; 13374 text-decoration: none; 13375 white-space: nowrap; 13376 } 13377 13378 .wp-block[data-type="extendstudio/materialis"] .footer.paralax { 13379 position: fixed; 13380 bottom: 0; 13381 left: 0; 13382 right: 0; 13383 visibility: hidden; 13384 } 13385 13386 .wp-block[data-type="extendstudio/materialis"] .footer-social-icons { 13387 max-width: 100%; 13388 margin: -5px; 13389 } 13390 13391 .wp-block[data-type="extendstudio/materialis"] .footer-social-icons a { 13392 display: inline-block; 13393 font-size: 22px; 13394 margin: 5px; 13395 max-height: 40px; 13396 opacity: 0.9; 13397 transition: all 0.3s linear; 13398 } 13399 13400 .wp-block[data-type="extendstudio/materialis"] .footer-social-icons a:hover { 13401 opacity: 1; 13402 } 13403 13404 .wp-block[data-type="extendstudio/materialis"] .footer-social-icons.spaced { 13405 margin: -10px; 13406 } 13407 13408 .wp-block[data-type="extendstudio/materialis"] .footer-social-icons.spaced a { 13409 margin: 10px; 13410 } 13411 13412 .wp-block[data-type="extendstudio/materialis"] .footer::before, 13413 .wp-block[data-type="extendstudio/materialis"] .footer::after { 13414 position: absolute; 13415 top: 0; 13416 bottom: 0; 13417 left: 0; 13418 right: 0; 13419 } 13420 13421 .wp-block[data-type="extendstudio/materialis"] .footer::before { 13422 z-index: 0; 13423 } 13424 13425 .wp-block[data-type="extendstudio/materialis"] .footer::after { 13426 z-index: 1; 13427 } 13428 13429 .wp-block[data-type="extendstudio/materialis"] .footer .gridContainer { 13430 position: relative; 13431 z-index: 10; 13432 } 13433 13434 .wp-block[data-type="extendstudio/materialis"] .no-parallax .footer { 13435 position: static !important; 13436 } 13437 13438 .wp-block[data-type="extendstudio/materialis"] .no-parallax .footer-shadow { 13439 margin-bottom: 0px !important; 13440 box-shadow: none; 13441 } 13442 13443 .wp-block[data-type="extendstudio/materialis"] .footer .copyright a { 13444 color: inherit; 13445 } 13446 13447 .wp-block[data-type="extendstudio/materialis"] .footer .copyright a:hover { 13448 color: inherit; 13449 } 13450 13451 @media (max-width: 767px) { 13452 .wp-block[data-type="extendstudio/materialis"] .footer ul#materialis-footer-menu { 13453 justify-content: center; 13454 } 13455 } 13456 13457 @media (max-width: 767px) { 13458 .wp-block[data-type="extendstudio/materialis"] .footer .row:not(.no-spacing) > div:not(.no-gutter-col) { 13459 padding-top: 20px; 13460 padding-bottom: 20px; 13461 } 13462 } 13463 13464 .wp-block[data-type="extendstudio/materialis"] .footer-simple .footer-content { 13465 padding-top: 40px; 13466 padding-bottom: 40px; 13467 border-top: 1px solid #e8e8e8; 13468 } 13469 13470 .wp-block[data-type="extendstudio/materialis"] .footer.footer-dark .footer-content { 13471 background: #0b0815; 13472 padding-top: 16px; 13473 padding-bottom: 16px; 13474 } 13475 13476 @media (min-width: 768px) and (max-width: 1023px) { 13477 .wp-block[data-type="extendstudio/materialis"] .footer.footer-dark .menu-column { 13478 order: 3; 13479 padding-top: 1rem; 13480 padding-bottom: 0; 13481 } 13482 } 13483 13484 @media (max-width: 767px) { 13485 .wp-block[data-type="extendstudio/materialis"] .footer.footer-dark .footer-social-icons { 13486 margin-top: 1rem; 13487 } 13488 13489 .wp-block[data-type="extendstudio/materialis"] .footer.footer-dark .menu-column { 13490 margin-top: 1rem; 13491 } 13492 13493 .wp-block[data-type="extendstudio/materialis"] .footer.footer-dark .menu-column li { 13494 display: block; 13495 } 13496 } 13497 13498 .wp-block[data-type="extendstudio/materialis"] ul.materialis-footer-menu { 13499 list-style: none; 13500 padding: 0; 13501 margin: 0; 13502 display: -moz-flex; 13503 display: flex; 13504 -moz-flex: 1 0 auto; 13505 flex: 1 0 auto; 13506 -moz-flex-direction: row; 13507 flex-direction: row; 13508 flex-wrap: wrap; 13509 z-index: 1; 13510 left: 0px; 13511 box-sizing: border-box; 13512 width: 100%; 13513 } 13514 13515 .wp-block[data-type="extendstudio/materialis"] ul.materialis-footer-menu li { 13516 display: block; 13517 color: #ffffff; 13518 transition: all 0.4s; 13519 overflow: hidden; 13520 } 13521 13522 .wp-block[data-type="extendstudio/materialis"] ul.materialis-footer-menu li a { 13523 display: block; 13524 text-decoration: none; 13525 white-space: nowrap; 13526 color: inherit; 13527 position: relative; 13528 overflow: hidden; 13529 padding: 1rem 0.9rem; 13530 font-style: normal; 13531 font-size: 14px; 13532 line-height: 160%; 13533 letter-spacing: 1px; 13534 text-transform: uppercase; 13535 } 13536 13537 .wp-block[data-type="extendstudio/materialis"] ul.materialis-footer-menu li:hover, 13538 .wp-block[data-type="extendstudio/materialis"] ul.materialis-footer-menu li.hover { 13539 overflow: visible; 13540 } 13541 13542 .wp-block[data-type="extendstudio/materialis"] ul.materialis-footer-menu li:hover > ul, 13543 .wp-block[data-type="extendstudio/materialis"] ul.materialis-footer-menu li.hover > ul, 13544 .wp-block[data-type="extendstudio/materialis"] ul.materialis-footer-menu li:hover, 13545 .wp-block[data-type="extendstudio/materialis"] ul.materialis-footer-menu li.hover { 13546 opacity: 1; 13547 height: auto; 13548 overflow: visible; 13549 } 13550 13551 @media (min-width: 768px) { 13552 .wp-block[data-type="extendstudio/materialis"] .footer.footer-1 .footer-social-icons { 13553 margin-left: auto; 13554 } 13555 } 13556 13557 @media (min-width: 768px) and (max-width: 1023px) { 13558 .wp-block[data-type="extendstudio/materialis"] .footer.footer-1 .menu-column { 13559 order: 3; 13560 padding-top: 1rem; 13561 padding-bottom: 0; 13562 } 13563 } 13564 13565 @media (max-width: 767px) { 13566 .wp-block[data-type="extendstudio/materialis"] .footer.footer-1 .footer-social-icons { 13567 margin-top: 1rem; 13568 } 13569 13570 .wp-block[data-type="extendstudio/materialis"] .footer.footer-1 .menu-column { 13571 margin-top: 1rem; 13572 } 13573 13574 .wp-block[data-type="extendstudio/materialis"] .footer.footer-1 .menu-column li { 13575 display: block; 13576 } 13577 } 13578 13579 .wp-block[data-type="extendstudio/materialis"] .footer.footer-4 .bottom-bar-content { 13580 display: flex; 13581 flex-direction: column; 13582 align-items: center; 13583 } 13584 13585 .wp-block[data-type="extendstudio/materialis"] .footer-contact-boxes { 13586 background-color: #222222; 13587 color: #ffffff; 13588 } 13589 13590 .wp-block[data-type="extendstudio/materialis"] .footer-contact-boxes table caption { 13591 color: #ffffff; 13592 } 13593 13594 .wp-block[data-type="extendstudio/materialis"] .footer-contact-boxes .mdi { 13595 color: #ffffff; 13596 } 13597 13598 .wp-block[data-type="extendstudio/materialis"] .footer-contact-boxes a { 13599 color: #03a9f4; 13600 } 13601 13602 .wp-block[data-type="extendstudio/materialis"] .footer-contact-boxes a .mdi { 13603 color: #ffffff; 13604 } 13605 13606 .wp-block[data-type="extendstudio/materialis"] .footer-contact-boxes a:hover { 13607 color: #03a9f4; 13608 } 13609 13610 .wp-block[data-type="extendstudio/materialis"] .footer-contact-boxes a:hover .mdi { 13611 color: #3F464C; 13612 } 13613 13614 .wp-block[data-type="extendstudio/materialis"] .footer-contact-boxes h1, 13615 .wp-block[data-type="extendstudio/materialis"] .footer-contact-boxes h2, 13616 .wp-block[data-type="extendstudio/materialis"] .footer-contact-boxes h3, 13617 .wp-block[data-type="extendstudio/materialis"] .footer-contact-boxes h4, 13618 .wp-block[data-type="extendstudio/materialis"] .footer-contact-boxes h5, 13619 .wp-block[data-type="extendstudio/materialis"] .footer-contact-boxes .widget_block > .wp-block-group > .wp-block-group__inner-container h1:first-child, 13620 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .footer-contact-boxes h1:first-child, 13621 .wp-block[data-type="extendstudio/materialis"] .footer-contact-boxes .widget_block > .wp-block-group > .wp-block-group__inner-container h2:first-child, 13622 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .footer-contact-boxes h2:first-child, 13623 .wp-block[data-type="extendstudio/materialis"] .footer-contact-boxes .widget_block > .wp-block-group > .wp-block-group__inner-container h3:first-child, 13624 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .footer-contact-boxes h3:first-child, 13625 .wp-block[data-type="extendstudio/materialis"] .footer-contact-boxes .widget_block > .wp-block-group > .wp-block-group__inner-container h4:first-child, 13626 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .footer-contact-boxes h4:first-child, 13627 .wp-block[data-type="extendstudio/materialis"] .footer-contact-boxes .widget_block > .wp-block-group > .wp-block-group__inner-container h5:first-child, 13628 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .footer-contact-boxes h5:first-child, 13629 .wp-block[data-type="extendstudio/materialis"] .footer-contact-boxes .widget_block > .wp-block-group > .wp-block-group__inner-container h6:first-child, 13630 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .footer-contact-boxes h6:first-child, 13631 .wp-block[data-type="extendstudio/materialis"] .footer-contact-boxes h6 { 13632 color: #ffffff; 13633 } 13634 13635 .wp-block[data-type="extendstudio/materialis"] .footer-contact-boxes p { 13636 color: #ffffff; 13637 } 13638 13639 .wp-block[data-type="extendstudio/materialis"] .footer-contact-boxes .big-icon { 13640 font-size: 48px; 13641 margin-bottom: 24px; 13642 } 13643 13644 .wp-block[data-type="extendstudio/materialis"] .footer-contact-boxes .footer-bg-accent { 13645 padding-left: 1rem; 13646 padding-right: 1rem; 13647 background-color: #fa5252; 13648 } 13649 13650 .wp-block[data-type="extendstudio/materialis"] .footer-contact-boxes .footer-social-icons { 13651 margin-bottom: 16px; 13652 } 13653 13654 .wp-block[data-type="extendstudio/materialis"] .footer-contact-boxes .col-sm-3 { 13655 padding-top: 20px; 13656 padding-bottom: 20px; 13657 border-left: 1px solid rgba(128, 128, 128, 0.2); 13658 } 13659 13660 .wp-block[data-type="extendstudio/materialis"] .footer-contact-boxes .col-sm-3:last-child { 13661 border-right: 1px solid rgba(128, 128, 128, 0.2); 13662 } 13663 13664 @media (min-width: 768px) { 13665 .wp-block[data-type="extendstudio/materialis"] .footer-contact-boxes .col-sm-3 { 13666 padding-top: 80px; 13667 padding-bottom: 80px; 13668 } 13669 } 13670 13671 .wp-block[data-type="extendstudio/materialis"] body#tinymce { 13672 color: #333333; 13673 } 13674 13675 .wp-block[data-type="extendstudio/materialis"] body { 13676 min-height: 1px; 13677 } 13678 13679 .wp-block[data-type="extendstudio/materialis"] [data-parallax-depth] { 13680 background-attachment: fixed; 13681 } 13682 13683 .wp-block[data-type="extendstudio/materialis"] [data-parallax-depth]:before, 13684 .wp-block[data-type="extendstudio/materialis"] [data-parallax-depth]:after { 13685 background-attachment: fixed !important; 13686 } 13687 13688 .wp-block[data-type="extendstudio/materialis"] .no-parallax [data-parallax-depth] { 13689 background-attachment: scroll; 13690 } 13691 13692 .wp-block[data-type="extendstudio/materialis"] .no-parallax [data-parallax-depth]:before, 13693 .wp-block[data-type="extendstudio/materialis"] .no-parallax [data-parallax-depth]:after { 13694 background-attachment: scroll !important; 13695 } 13696 13697 .wp-block[data-type="extendstudio/materialis"] .page-content .content-section a.link, 13698 .wp-block[data-type="extendstudio/materialis"] .page-content .content-section a.button { 13699 margin-right: 3px; 13700 max-width: 100%; 13701 } 13702 13703 .wp-block[data-type="extendstudio/materialis"] .site { 13704 box-sizing: border-box; 13705 display: -moz-flex; 13706 display: flex; 13707 -moz-flex: 0 1 auto; 13708 flex: 0 1 auto; 13709 -moz-flex-direction: column; 13710 flex-direction: column; 13711 min-height: 100vh; 13712 } 13713 13714 .wp-block[data-type="extendstudio/materialis"] .site > .page-content, 13715 .wp-block[data-type="extendstudio/materialis"] .site > .content { 13716 z-index: 1; 13717 -moz-flex: 0 0 auto; 13718 flex: 0 0 auto; 13719 flex-grow: 1; 13720 padding: 30px 0; 13721 } 13722 13723 .wp-block[data-type="extendstudio/materialis"] .site > .page-content.landing, 13724 .wp-block[data-type="extendstudio/materialis"] .site > .content.landing { 13725 display: -moz-flex; 13726 display: flex; 13727 justify-content: center; 13728 align-items: center; 13729 flex-direction: column; 13730 } 13731 13732 .wp-block[data-type="extendstudio/materialis"] .site > .page-content.landing .content, 13733 .wp-block[data-type="extendstudio/materialis"] .site > .content.landing .content { 13734 width: 100%; 13735 } 13736 13737 .wp-block[data-type="extendstudio/materialis"] .site > .content { 13738 padding-top: 6rem; 13739 padding-bottom: 6rem; 13740 } 13741 13742 .wp-block[data-type="extendstudio/materialis"] .site > .content.boxed-layout, 13743 .wp-block[data-type="extendstudio/materialis"] .site > .page-content.boxed-layout { 13744 width: 96%; 13745 margin: 0 auto; 13746 border-radius: 6px 6px 0 0; 13747 margin-top: -20px; 13748 } 13749 13750 .wp-block[data-type="extendstudio/materialis"] .site > .content.boxed-layout.mdc-elevation--z0, 13751 .wp-block[data-type="extendstudio/materialis"] .site > .page-content.boxed-layout.mdc-elevation--z0 { 13752 margin-bottom: 0px; 13753 } 13754 13755 .wp-block[data-type="extendstudio/materialis"] .site > .content.boxed-layout.mdc-elevation--z1, 13756 .wp-block[data-type="extendstudio/materialis"] .site > .page-content.boxed-layout.mdc-elevation--z1 { 13757 margin-bottom: 1.8px; 13758 } 13759 13760 .wp-block[data-type="extendstudio/materialis"] .site > .content.boxed-layout.mdc-elevation--z2, 13761 .wp-block[data-type="extendstudio/materialis"] .site > .page-content.boxed-layout.mdc-elevation--z2 { 13762 margin-bottom: 3.6px; 13763 } 13764 13765 .wp-block[data-type="extendstudio/materialis"] .site > .content.boxed-layout.mdc-elevation--z3, 13766 .wp-block[data-type="extendstudio/materialis"] .site > .page-content.boxed-layout.mdc-elevation--z3 { 13767 margin-bottom: 5.4px; 13768 } 13769 13770 .wp-block[data-type="extendstudio/materialis"] .site > .content.boxed-layout.mdc-elevation--z4, 13771 .wp-block[data-type="extendstudio/materialis"] .site > .page-content.boxed-layout.mdc-elevation--z4 { 13772 margin-bottom: 7.2px; 13773 } 13774 13775 .wp-block[data-type="extendstudio/materialis"] .site > .content.boxed-layout.mdc-elevation--z5, 13776 .wp-block[data-type="extendstudio/materialis"] .site > .page-content.boxed-layout.mdc-elevation--z5 { 13777 margin-bottom: 9px; 13778 } 13779 13780 .wp-block[data-type="extendstudio/materialis"] .site > .content.boxed-layout.mdc-elevation--z6, 13781 .wp-block[data-type="extendstudio/materialis"] .site > .page-content.boxed-layout.mdc-elevation--z6 { 13782 margin-bottom: 10.8px; 13783 } 13784 13785 .wp-block[data-type="extendstudio/materialis"] .site > .content.boxed-layout.mdc-elevation--z7, 13786 .wp-block[data-type="extendstudio/materialis"] .site > .page-content.boxed-layout.mdc-elevation--z7 { 13787 margin-bottom: 12.6px; 13788 } 13789 13790 .wp-block[data-type="extendstudio/materialis"] .site > .content.boxed-layout.mdc-elevation--z8, 13791 .wp-block[data-type="extendstudio/materialis"] .site > .page-content.boxed-layout.mdc-elevation--z8 { 13792 margin-bottom: 14.4px; 13793 } 13794 13795 .wp-block[data-type="extendstudio/materialis"] .site > .content.boxed-layout.mdc-elevation--z9, 13796 .wp-block[data-type="extendstudio/materialis"] .site > .page-content.boxed-layout.mdc-elevation--z9 { 13797 margin-bottom: 16.2px; 13798 } 13799 13800 .wp-block[data-type="extendstudio/materialis"] .site > .content.boxed-layout.mdc-elevation--z10, 13801 .wp-block[data-type="extendstudio/materialis"] .site > .page-content.boxed-layout.mdc-elevation--z10 { 13802 margin-bottom: 18px; 13803 } 13804 13805 .wp-block[data-type="extendstudio/materialis"] .site > .content.boxed-layout.mdc-elevation--z11, 13806 .wp-block[data-type="extendstudio/materialis"] .site > .page-content.boxed-layout.mdc-elevation--z11 { 13807 margin-bottom: 19.8px; 13808 } 13809 13810 .wp-block[data-type="extendstudio/materialis"] .site > .content.boxed-layout.mdc-elevation--z12, 13811 .wp-block[data-type="extendstudio/materialis"] .site > .page-content.boxed-layout.mdc-elevation--z12 { 13812 margin-bottom: 21.6px; 13813 } 13814 13815 .wp-block[data-type="extendstudio/materialis"] .site > .content.boxed-layout.mdc-elevation--z13, 13816 .wp-block[data-type="extendstudio/materialis"] .site > .page-content.boxed-layout.mdc-elevation--z13 { 13817 margin-bottom: 23.4px; 13818 } 13819 13820 .wp-block[data-type="extendstudio/materialis"] .site > .content.boxed-layout.mdc-elevation--z14, 13821 .wp-block[data-type="extendstudio/materialis"] .site > .page-content.boxed-layout.mdc-elevation--z14 { 13822 margin-bottom: 25.2px; 13823 } 13824 13825 .wp-block[data-type="extendstudio/materialis"] .site > .content.boxed-layout.mdc-elevation--z15, 13826 .wp-block[data-type="extendstudio/materialis"] .site > .page-content.boxed-layout.mdc-elevation--z15 { 13827 margin-bottom: 27px; 13828 } 13829 13830 .wp-block[data-type="extendstudio/materialis"] .site > .content.boxed-layout.mdc-elevation--z16, 13831 .wp-block[data-type="extendstudio/materialis"] .site > .page-content.boxed-layout.mdc-elevation--z16 { 13832 margin-bottom: 28.8px; 13833 } 13834 13835 .wp-block[data-type="extendstudio/materialis"] .site > .content.boxed-layout.mdc-elevation--z17, 13836 .wp-block[data-type="extendstudio/materialis"] .site > .page-content.boxed-layout.mdc-elevation--z17 { 13837 margin-bottom: 30.6px; 13838 } 13839 13840 .wp-block[data-type="extendstudio/materialis"] .site > .content.boxed-layout.mdc-elevation--z18, 13841 .wp-block[data-type="extendstudio/materialis"] .site > .page-content.boxed-layout.mdc-elevation--z18 { 13842 margin-bottom: 32.4px; 13843 } 13844 13845 .wp-block[data-type="extendstudio/materialis"] .site > .content.boxed-layout.mdc-elevation--z19, 13846 .wp-block[data-type="extendstudio/materialis"] .site > .page-content.boxed-layout.mdc-elevation--z19 { 13847 margin-bottom: 34.2px; 13848 } 13849 13850 .wp-block[data-type="extendstudio/materialis"] .site > .content.boxed-layout.mdc-elevation--z20, 13851 .wp-block[data-type="extendstudio/materialis"] .site > .page-content.boxed-layout.mdc-elevation--z20 { 13852 margin-bottom: 36px; 13853 } 13854 13855 .wp-block[data-type="extendstudio/materialis"] .site > .content.boxed-layout.mdc-elevation--z21, 13856 .wp-block[data-type="extendstudio/materialis"] .site > .page-content.boxed-layout.mdc-elevation--z21 { 13857 margin-bottom: 37.8px; 13858 } 13859 13860 .wp-block[data-type="extendstudio/materialis"] .site > .content.boxed-layout.mdc-elevation--z22, 13861 .wp-block[data-type="extendstudio/materialis"] .site > .page-content.boxed-layout.mdc-elevation--z22 { 13862 margin-bottom: 39.6px; 13863 } 13864 13865 .wp-block[data-type="extendstudio/materialis"] .site > .content.boxed-layout.mdc-elevation--z23, 13866 .wp-block[data-type="extendstudio/materialis"] .site > .page-content.boxed-layout.mdc-elevation--z23 { 13867 margin-bottom: 41.4px; 13868 } 13869 13870 .wp-block[data-type="extendstudio/materialis"] .site > .content.boxed-layout.mdc-elevation--z24, 13871 .wp-block[data-type="extendstudio/materialis"] .site > .page-content.boxed-layout.mdc-elevation--z24 { 13872 margin-bottom: 43.2px; 13873 } 13874 13875 .wp-block[data-type="extendstudio/materialis"] body.materialis-maintainable-in-customizer .boxed-layout div[data-id]:first-of-type { 13876 border-top-left-radius: 6px; 13877 border-top-right-radius: 6px; 13878 } 13879 13880 @media (max-width: 768px) { 13881 .wp-block[data-type="extendstudio/materialis"] .site > .content { 13882 padding-top: 3rem; 13883 padding-bottom: 3rem; 13884 } 13885 } 13886 13887 @media (max-width: 767px) { 13888 .wp-block[data-type="extendstudio/materialis"] .page-content .page-sidebar-column { 13889 order: 2; 13890 } 13891 } 13892 13893 .wp-block[data-type="extendstudio/materialis"] .materialis-front-page #page > .blog-page, 13894 .wp-block[data-type="extendstudio/materialis"] .materialis-content-padding #page > .page-content, 13895 .wp-block[data-type="extendstudio/materialis"] .materialis-inner-page #page > .page-content { 13896 padding-top: 6rem; 13897 padding-bottom: 6rem; 13898 } 13899 13900 .wp-block[data-type="extendstudio/materialis"] .materialis-front-page #page > .blog-page.no-padding, 13901 .wp-block[data-type="extendstudio/materialis"] .materialis-content-padding #page > .page-content.no-padding, 13902 .wp-block[data-type="extendstudio/materialis"] .materialis-inner-page #page > .page-content.no-padding { 13903 padding: 0 !important; 13904 } 13905 13906 @media (max-width: 768px) { 13907 .wp-block[data-type="extendstudio/materialis"] .materialis-front-page #page > .blog-page, 13908 .wp-block[data-type="extendstudio/materialis"] .materialis-content-padding #page > .page-content, 13909 .wp-block[data-type="extendstudio/materialis"] .materialis-inner-page #page > .page-content { 13910 padding-top: 3rem; 13911 padding-bottom: 3rem; 13912 } 13913 } 13914 13915 .wp-block[data-type="extendstudio/materialis"] .materialis-content-no-padding #page > .page-content, 13916 .wp-block[data-type="extendstudio/materialis"] .materialis-content-no-padding #page > .content { 13917 padding-top: 0; 13918 padding-bottom: 0; 13919 } 13920 13921 .wp-block[data-type="extendstudio/materialis"] body.custom-background, 13922 .wp-block[data-type="extendstudio/materialis"] .materialis-front-page.materialis-content-padding .page-content, 13923 .wp-block[data-type="extendstudio/materialis"] .materialis-inner-page .page-content, 13924 .wp-block[data-type="extendstudio/materialis"] .materialis-inner-page .content { 13925 background-color: #f8f8f8; 13926 } 13927 13928 .wp-block[data-type="extendstudio/materialis"] .content-section { 13929 text-align: center; 13930 } 13931 13932 .wp-block[data-type="extendstudio/materialis"] .content-section a { 13933 display: inline-block; 13934 } 13935 13936 .wp-block[data-type="extendstudio/materialis"] .content-section a i.mdi { 13937 margin: 0; 13938 } 13939 13940 .wp-block[data-type="extendstudio/materialis"] .content-section img { 13941 margin-bottom: 1rem; 13942 } 13943 13944 @media (min-width: 768px) { 13945 .wp-block[data-type="extendstudio/materialis"] .content-section { 13946 text-align: left; 13947 } 13948 } 13949 13950 .wp-block[data-type="extendstudio/materialis"] .content-section > div:not([class*=gridContainer]):not([class*=separator]) { 13951 padding-left: 15px; 13952 padding-right: 15px; 13953 } 13954 13955 .wp-block[data-type="extendstudio/materialis"] .content-section p { 13956 display: block; 13957 } 13958 13959 .wp-block[data-type="extendstudio/materialis"] .content-section.content-section-spacing-top, 13960 .wp-block[data-type="extendstudio/materialis"] .content-section.content-section-spacing { 13961 padding-top: 32px; 13962 } 13963 13964 .wp-block[data-type="extendstudio/materialis"] .content-section.content-section-spacing-bottom, 13965 .wp-block[data-type="extendstudio/materialis"] .content-section.content-section-spacing { 13966 padding-bottom: 32px; 13967 } 13968 13969 @media (min-width: 768px) { 13970 .wp-block[data-type="extendstudio/materialis"] .content-section.content-section-spacing { 13971 padding-top: 64px; 13972 padding-bottom: 64px; 13973 } 13974 } 13975 13976 .wp-block[data-type="extendstudio/materialis"] .content-section.content-section-spacing-small { 13977 padding-top: 0.6rem; 13978 padding-bottom: 0.6rem; 13979 } 13980 13981 @media (min-width: 768px) { 13982 .wp-block[data-type="extendstudio/materialis"] .content-section.content-section-spacing-small { 13983 padding-top: 1.5rem; 13984 padding-bottom: 1.5rem; 13985 } 13986 } 13987 13988 .wp-block[data-type="extendstudio/materialis"] .content-section.content-section-spacing-medium { 13989 padding-top: 20px; 13990 padding-bottom: 20px; 13991 } 13992 13993 @media (min-width: 768px) { 13994 .wp-block[data-type="extendstudio/materialis"] .content-section.content-section-spacing-medium { 13995 padding-top: 40px; 13996 padding-bottom: 40px; 13997 } 13998 } 13999 14000 .wp-block[data-type="extendstudio/materialis"] .content-section.content-section-spacing-large { 14001 padding-top: 40px; 14002 padding-bottom: 40px; 14003 } 14004 14005 @media (min-width: 768px) { 14006 .wp-block[data-type="extendstudio/materialis"] .content-section.content-section-spacing-large { 14007 padding-top: 80px; 14008 padding-bottom: 80px; 14009 } 14010 } 14011 14012 .wp-block[data-type="extendstudio/materialis"] .content-section.content-section-spacing-xlarge { 14013 padding-top: 60px; 14014 padding-bottom: 60px; 14015 } 14016 14017 @media (min-width: 768px) { 14018 .wp-block[data-type="extendstudio/materialis"] .content-section.content-section-spacing-xlarge { 14019 padding-top: 100px; 14020 padding-bottom: 100px; 14021 } 14022 } 14023 14024 .wp-block[data-type="extendstudio/materialis"] .content-section.content-relative { 14025 position: relative; 14026 } 14027 14028 .wp-block[data-type="extendstudio/materialis"] .content-section.content-relative > *:not([class*=section-separator]) { 14029 position: relative; 14030 z-index: 1; 14031 } 14032 14033 @media (max-width: 767px) { 14034 .wp-block[data-type="extendstudio/materialis"] .content-section > .row:not(.no-spacing) > div:not(.no-gutter-col), 14035 .wp-block[data-type="extendstudio/materialis"] .content-section > div:not(.gridContainer) > .row:not(.no-spacing) > div:not(.no-gutter-col) { 14036 padding-top: 2rem; 14037 padding-bottom: 2rem; 14038 } 14039 } 14040 14041 .wp-block[data-type="extendstudio/materialis"] .offset-double-border-overlay { 14042 display: inline-block; 14043 position: absolute; 14044 pointer-events: none; 14045 width: auto; 14046 top: 0; 14047 left: 0; 14048 right: 0; 14049 bottom: 0; 14050 top: -15%; 14051 bottom: 15%; 14052 left: 15%; 14053 right: -15%; 14054 width: auto; 14055 height: auto; 14056 z-index: 12; 14057 } 14058 14059 .wp-block[data-type="extendstudio/materialis"] .offset-double-border-overlay .border-1, 14060 .wp-block[data-type="extendstudio/materialis"] .offset-double-border-overlay .border-2 { 14061 position: absolute; 14062 width: 100%; 14063 height: 100%; 14064 border-width: 10px; 14065 border-style: solid; 14066 border-color: #ffffff; 14067 } 14068 14069 .wp-block[data-type="extendstudio/materialis"] .offset-double-border-overlay .border-2 { 14070 border-color: rgba(0, 0, 0, 0.2); 14071 right: -10px; 14072 top: 10px; 14073 z-index: -1; 14074 } 14075 14076 .wp-block[data-type="extendstudio/materialis"] .offset-box { 14077 position: relative; 14078 z-index: 0; 14079 } 14080 14081 .wp-block[data-type="extendstudio/materialis"] .offset-box.border:after { 14082 display: inline-block; 14083 position: absolute; 14084 pointer-events: none; 14085 width: auto; 14086 top: 0; 14087 left: 0; 14088 right: 0; 14089 bottom: 0; 14090 -webkit-transform: translate(3%, -3%); 14091 transform: translate(3%, -3%); 14092 border-width: 10px; 14093 border-style: solid; 14094 border-color: rgba(0, 0, 0, 0.5); 14095 z-index: -1; 14096 } 14097 14098 .wp-block[data-type="extendstudio/materialis"] .offset-box.bg:after { 14099 display: flex; 14100 background-color: white; 14101 display: inline-block; 14102 position: absolute; 14103 pointer-events: none; 14104 width: auto; 14105 top: 0; 14106 left: 0; 14107 right: 0; 14108 bottom: 0; 14109 -webkit-transform: translate(-5%, -5%); 14110 transform: translate(-5%, -5%); 14111 z-index: -1; 14112 } 14113 14114 .wp-block[data-type="extendstudio/materialis"] .overlay-box { 14115 position: relative; 14116 z-index: 0; 14117 } 14118 14119 .wp-block[data-type="extendstudio/materialis"] .overlay-box .offset-border { 14120 display: inline-block; 14121 position: absolute; 14122 pointer-events: none; 14123 width: auto; 14124 top: 0; 14125 left: 0; 14126 right: 0; 14127 bottom: 0; 14128 -webkit-transform: translate(3%, -3%); 14129 transform: translate(3%, -3%); 14130 border-width: 10px; 14131 border-style: solid; 14132 } 14133 14134 .wp-block[data-type="extendstudio/materialis"] .overlay-box .offset-border-top-right { 14135 display: inline-block; 14136 position: absolute; 14137 pointer-events: none; 14138 width: auto; 14139 top: 0; 14140 left: 0; 14141 right: 0; 14142 bottom: 0; 14143 -webkit-transform: translate(3%, -3%); 14144 transform: translate(3%, -3%); 14145 border-width: 10px; 14146 } 14147 14148 .wp-block[data-type="extendstudio/materialis"] .overlay-box .offset-border-top-left { 14149 display: inline-block; 14150 position: absolute; 14151 pointer-events: none; 14152 width: auto; 14153 top: 0; 14154 left: 0; 14155 right: 0; 14156 bottom: 0; 14157 -webkit-transform: translate(-3%, -3%); 14158 transform: translate(-3%, -3%); 14159 border-width: 10px; 14160 border-style: solid; 14161 } 14162 14163 .wp-block[data-type="extendstudio/materialis"] .overlay-box .offset-background { 14164 display: inline-block; 14165 position: absolute; 14166 pointer-events: none; 14167 width: auto; 14168 top: 0; 14169 left: 0; 14170 right: 0; 14171 bottom: 0; 14172 z-index: -1; 14173 } 14174 14175 .wp-block[data-type="extendstudio/materialis"] .overlay-box .offset-background-top-right { 14176 display: inline-block; 14177 position: absolute; 14178 pointer-events: none; 14179 width: auto; 14180 top: 0; 14181 left: 0; 14182 right: 0; 14183 bottom: 0; 14184 -webkit-transform: translate(5%, -5%); 14185 transform: translate(5%, -5%); 14186 z-index: -1; 14187 } 14188 14189 .wp-block[data-type="extendstudio/materialis"] .overlay-box .offset-background-top-left { 14190 display: inline-block; 14191 position: absolute; 14192 pointer-events: none; 14193 width: auto; 14194 top: 0; 14195 left: 0; 14196 right: 0; 14197 bottom: 0; 14198 -webkit-transform: translate(-5%, -5%); 14199 transform: translate(-5%, -5%); 14200 z-index: -1; 14201 } 14202 14203 .wp-block[data-type="extendstudio/materialis"] .center-overlay { 14204 display: inline-block; 14205 position: absolute; 14206 pointer-events: none; 14207 width: auto; 14208 top: 0; 14209 left: 0; 14210 right: 0; 14211 bottom: 0; 14212 -webkit-transform: scale(0.75); 14213 transform: scale(0.75); 14214 z-index: 12; 14215 } 14216 14217 .wp-block[data-type="extendstudio/materialis"] .dark-overlay-bg { 14218 position: relative; 14219 z-index: 0; 14220 } 14221 14222 .wp-block[data-type="extendstudio/materialis"] .dark-overlay-bg:before { 14223 display: inline-block; 14224 position: absolute; 14225 pointer-events: none; 14226 width: auto; 14227 top: 0; 14228 left: 0; 14229 right: 0; 14230 bottom: 0; 14231 background-color: rgba(0, 0, 0, 0.498039); 14232 z-index: -1; 14233 } 14234 14235 .wp-block[data-type="extendstudio/materialis"] .dark-overlay { 14236 position: relative; 14237 } 14238 14239 .wp-block[data-type="extendstudio/materialis"] .dark-overlay:before { 14240 display: inline-block; 14241 position: absolute; 14242 pointer-events: none; 14243 width: auto; 14244 top: 0; 14245 left: 0; 14246 right: 0; 14247 bottom: 0; 14248 background-color: rgba(0, 0, 0, 0.498039); 14249 z-index: 0; 14250 } 14251 14252 .wp-block[data-type="extendstudio/materialis"] .dark-overlay > * { 14253 position: absolute; 14254 z-index: 1; 14255 top: 50%; 14256 left: 50%; 14257 margin: -2.22em 0px 0px -2.22em; 14258 } 14259 14260 @media (min-width: 768px) { 14261 .wp-block[data-type="extendstudio/materialis"] .overlay-box .offset-border-top-right { 14262 -webkit-transform: translate(10%, -10%); 14263 transform: translate(10%, -10%); 14264 } 14265 14266 .wp-block[data-type="extendstudio/materialis"] .overlay-box .offset-border-top-left { 14267 -webkit-transform: translate(-10%, -10%); 14268 transform: translate(-10%, -10%); 14269 } 14270 } 14271 14272 .wp-block[data-type="extendstudio/materialis"] .image-group-1 { 14273 position: relative; 14274 } 14275 14276 .wp-block[data-type="extendstudio/materialis"] .image-group-1 img { 14277 width: 100%; 14278 position: relative; 14279 } 14280 14281 .wp-block[data-type="extendstudio/materialis"] .image-group-1 img { 14282 width: 60%; 14283 } 14284 14285 .wp-block[data-type="extendstudio/materialis"] .image-group-1 .img-1 { 14286 z-index: 2; 14287 margin-left: 9%; 14288 } 14289 14290 .wp-block[data-type="extendstudio/materialis"] .image-group-1 .img-2 { 14291 margin-top: -10%; 14292 z-index: 1; 14293 } 14294 14295 .wp-block[data-type="extendstudio/materialis"] .image-group-1 .img-3 { 14296 margin-top: -2%; 14297 margin-left: 15%; 14298 } 14299 14300 .wp-block[data-type="extendstudio/materialis"] .image-group-2-img { 14301 position: relative; 14302 } 14303 14304 .wp-block[data-type="extendstudio/materialis"] .image-group-2-img img { 14305 width: 100%; 14306 position: relative; 14307 } 14308 14309 .wp-block[data-type="extendstudio/materialis"] .image-group-2-img img { 14310 width: 60%; 14311 } 14312 14313 .wp-block[data-type="extendstudio/materialis"] .image-group-2-img .img-1 { 14314 -webkit-transform: translateY(-12%); 14315 transform: translateY(-12%); 14316 } 14317 14318 .wp-block[data-type="extendstudio/materialis"] .image-group-2-img .img-2 { 14319 z-index: 1; 14320 margin-left: -25%; 14321 -webkit-transform: translateY(12%); 14322 transform: translateY(12%); 14323 } 14324 14325 .wp-block[data-type="extendstudio/materialis"] .image-group-right-2 { 14326 position: relative; 14327 } 14328 14329 .wp-block[data-type="extendstudio/materialis"] .image-group-right-2 img { 14330 width: 100%; 14331 position: relative; 14332 } 14333 14334 .wp-block[data-type="extendstudio/materialis"] .image-group-right-2 .left-el, 14335 .wp-block[data-type="extendstudio/materialis"] .image-group-right-2 .right-el { 14336 display: inline-block; 14337 position: relative; 14338 width: 50%; 14339 } 14340 14341 .wp-block[data-type="extendstudio/materialis"] .image-group-right-2 .left-el { 14342 z-index: 11; 14343 } 14344 14345 .wp-block[data-type="extendstudio/materialis"] .image-group-right-2 .right-el { 14346 margin-top: 25%; 14347 margin-left: -20px; 14348 } 14349 14350 .wp-block[data-type="extendstudio/materialis"] .image-group-right-3 { 14351 position: relative; 14352 } 14353 14354 .wp-block[data-type="extendstudio/materialis"] .image-group-right-3 img { 14355 width: 100%; 14356 position: relative; 14357 } 14358 14359 .wp-block[data-type="extendstudio/materialis"] .image-group-right-3 .left-media, 14360 .wp-block[data-type="extendstudio/materialis"] .image-group-right-3 .right-media, 14361 .wp-block[data-type="extendstudio/materialis"] .image-group-right-3 .bottom-media { 14362 display: inline-block; 14363 position: relative; 14364 } 14365 14366 .wp-block[data-type="extendstudio/materialis"] .image-group-right-3 .top-media { 14367 width: 60%; 14368 margin-left: 30%; 14369 } 14370 14371 .wp-block[data-type="extendstudio/materialis"] .image-group-right-3 .bottom-media { 14372 margin-left: 26%; 14373 margin-top: -10%; 14374 width: 60%; 14375 float: right; 14376 } 14377 14378 .wp-block[data-type="extendstudio/materialis"] .image-group-right-3 .left-media { 14379 z-index: 11; 14380 width: 60%; 14381 margin-left: -40%; 14382 margin-top: -50%; 14383 } 14384 14385 .wp-block[data-type="extendstudio/materialis"] .image-group-bottom-3 img { 14386 position: relative; 14387 max-width: 100%; 14388 float: left; 14389 } 14390 14391 .wp-block[data-type="extendstudio/materialis"] .image-group-bottom-3 .left-img { 14392 margin-left: 0%; 14393 margin-top: 10%; 14394 width: 30%; 14395 z-index: 11; 14396 } 14397 14398 .wp-block[data-type="extendstudio/materialis"] .image-group-bottom-3 .center-img { 14399 margin-left: -16%; 14400 max-width: 100%; 14401 width: 70%; 14402 } 14403 14404 .wp-block[data-type="extendstudio/materialis"] .image-group-bottom-3 .right-img { 14405 margin-left: 60%; 14406 margin-top: -30%; 14407 max-width: 100%; 14408 width: 40%; 14409 } 14410 14411 .wp-block[data-type="extendstudio/materialis"] .image-group-side-3-img .topimg, 14412 .wp-block[data-type="extendstudio/materialis"] .image-group-side-3-img .rightimg, 14413 .wp-block[data-type="extendstudio/materialis"] .image-group-side-3-img .leftimg { 14414 float: left; 14415 display: inline-block; 14416 position: relative; 14417 max-width: 100%; 14418 } 14419 14420 .wp-block[data-type="extendstudio/materialis"] .image-group-side-3-img .topimg { 14421 width: 80%; 14422 z-index: 10; 14423 margin-left: 10%; 14424 } 14425 14426 .wp-block[data-type="extendstudio/materialis"] .image-group-side-3-img .rightimg { 14427 margin-top: -25%; 14428 width: auto; 14429 width: 80%; 14430 float: right; 14431 } 14432 14433 .wp-block[data-type="extendstudio/materialis"] .image-group-side-3-img .leftimg { 14434 margin-top: -50%; 14435 z-index: 11; 14436 width: 60%; 14437 } 14438 14439 .wp-block[data-type="extendstudio/materialis"] .image-group-bottom-3-img { 14440 overflow: hidden; 14441 } 14442 14443 .wp-block[data-type="extendstudio/materialis"] .image-group-bottom-3-img img { 14444 position: relative; 14445 max-width: 100%; 14446 } 14447 14448 .wp-block[data-type="extendstudio/materialis"] .image-group-bottom-3-img .left-img { 14449 margin-right: -10%; 14450 width: 35%; 14451 z-index: 0; 14452 } 14453 14454 .wp-block[data-type="extendstudio/materialis"] .image-group-bottom-3-img .center-img { 14455 max-width: 100%; 14456 width: 42%; 14457 z-index: 1; 14458 } 14459 14460 .wp-block[data-type="extendstudio/materialis"] .image-group-bottom-3-img .right-img { 14461 margin-left: -10%; 14462 max-width: 100%; 14463 width: 35%; 14464 } 14465 14466 .wp-block[data-type="extendstudio/materialis"] .subscribe-form input, 14467 .wp-block[data-type="extendstudio/materialis"] .subscribe-form textarea, 14468 .wp-block[data-type="extendstudio/materialis"] .subscribe-form select { 14469 display: inline-block; 14470 width: auto; 14471 } 14472 14473 .wp-block[data-type="extendstudio/materialis"] .subscribe-form form, 14474 .wp-block[data-type="extendstudio/materialis"] .subscribe-form .form-item { 14475 margin-bottom: 0; 14476 } 14477 14478 .wp-block[data-type="extendstudio/materialis"] .subscribe-form input[type=submit] { 14479 margin-left: 20px; 14480 } 14481 14482 .wp-block[data-type="extendstudio/materialis"] .subscribe-form input[type=email] { 14483 max-width: 400px; 14484 width: 100%; 14485 } 14486 14487 .wp-block[data-type="extendstudio/materialis"] .subscribe-form .mc4wp-form-fields { 14488 display: -moz-flex; 14489 display: flex; 14490 -moz-justify-content: center; 14491 justify-content: center; 14492 } 14493 14494 @media (max-width: 767px) { 14495 .wp-block[data-type="extendstudio/materialis"] .subscribe-form .mc4wp-form-fields { 14496 display: block; 14497 } 14498 14499 .wp-block[data-type="extendstudio/materialis"] .subscribe-form .mc4wp-form-fields input[type=email] { 14500 width: calc(100% - 40px); 14501 max-width: unset; 14502 } 14503 14504 .wp-block[data-type="extendstudio/materialis"] .subscribe-form .mc4wp-form-fields input[type=submit] { 14505 margin: 1.5rem auto 0 auto; 14506 display: flex; 14507 } 14508 } 14509 14510 .wp-block[data-type="extendstudio/materialis"] .subscribe-form input[type=submit] { 14511 height: auto; 14512 font-family: "Roboto"; 14513 font-size: 0.875rem; 14514 color: #ffffff; 14515 background-color: #228ae6; 14516 border-radius: 4px; 14517 min-width: 7rem; 14518 padding: 0.55rem 20px; 14519 font-weight: 500; 14520 letter-spacing: 1px; 14521 text-align: center; 14522 text-decoration: none; 14523 cursor: pointer; 14524 display: inline-block; 14525 line-height: 40px; 14526 border: 2px solid #228ae6; 14527 vertical-align: middle; 14528 -webkit-appearance: none; 14529 margin-bottom: 0.875rem; 14530 margin-bottom: 0; 14531 line-height: 1; 14532 min-width: 6rem; 14533 } 14534 14535 .wp-block[data-type="extendstudio/materialis"] .subscribe-form input[type=submit] i { 14536 position: relative; 14537 top: 1px; 14538 margin: 0 2px; 14539 } 14540 14541 .wp-block[data-type="extendstudio/materialis"] .subscribe-form input[type=submit]:hover { 14542 outline: none; 14543 text-decoration: none; 14544 color: #ffffff; 14545 background-color: #50a2eb; 14546 border-color: #50a2eb; 14547 } 14548 14549 .wp-block[data-type="extendstudio/materialis"] .subscribe-form input[type=submit]:disabled, 14550 .wp-block[data-type="extendstudio/materialis"] .subscribe-form input[type=submit]:disabled[disabled], 14551 .wp-block[data-type="extendstudio/materialis"] .subscribe-form input[type=submit].disabled { 14552 cursor: default; 14553 font-style: normal; 14554 color: rgba(255, 255, 255, 0.7); 14555 background-color: rgba(34, 138, 230, 0.7); 14556 border-color: rgba(34, 138, 230, 0.7); 14557 padding: 0.55rem 20px; 14558 } 14559 14560 .wp-block[data-type="extendstudio/materialis"] .subscribe-form input[type=submit]:disabled:hover, 14561 .wp-block[data-type="extendstudio/materialis"] .subscribe-form input[type=submit]:disabled[disabled]:hover, 14562 .wp-block[data-type="extendstudio/materialis"] .subscribe-form input[type=submit].disabled:hover { 14563 color: #ffffff; 14564 } 14565 14566 .wp-block[data-type="extendstudio/materialis"] .subscribe-form input[type=submit] .button-icon { 14567 font-size: 1.5em; 14568 margin-right: 0.25em; 14569 vertical-align: middle; 14570 } 14571 14572 .wp-block[data-type="extendstudio/materialis"] .v-spacing { 14573 margin-top: 1rem; 14574 margin-bottom: 1rem; 14575 } 14576 14577 .wp-block[data-type="extendstudio/materialis"] .v-spacing.medium { 14578 margin-top: 1.5rem; 14579 margin-bottom: 1.5rem; 14580 } 14581 14582 .wp-block[data-type="extendstudio/materialis"] .v-spacing.large { 14583 margin-top: 2rem; 14584 margin-bottom: 2rem; 14585 } 14586 14587 .wp-block[data-type="extendstudio/materialis"] .full-height-row { 14588 height: 100%; 14589 } 14590 14591 .wp-block[data-type="extendstudio/materialis"] .no-margin-top { 14592 margin-top: 0px; 14593 } 14594 14595 .wp-block[data-type="extendstudio/materialis"] .no-margin-bottom { 14596 margin-bottom: 0px; 14597 } 14598 14599 .wp-block[data-type="extendstudio/materialis"] .space-bottom-large { 14600 margin-bottom: 4rem; 14601 } 14602 14603 .wp-block[data-type="extendstudio/materialis"] .space-bottom { 14604 margin-bottom: 2rem; 14605 } 14606 14607 .wp-block[data-type="extendstudio/materialis"] .space-bottom-small, 14608 .wp-block[data-type="extendstudio/materialis"] .sidebar .widget { 14609 margin-bottom: 1rem; 14610 } 14611 14612 .wp-block[data-type="extendstudio/materialis"] .space-top-large { 14613 margin-top: 4rem; 14614 } 14615 14616 .wp-block[data-type="extendstudio/materialis"] .space-top { 14617 margin-top: 2rem; 14618 } 14619 14620 .wp-block[data-type="extendstudio/materialis"] .space-top-small { 14621 margin-top: 1rem; 14622 } 14623 14624 @media (max-width: 767px) { 14625 .wp-block[data-type="extendstudio/materialis"] .hide-xs { 14626 display: none !important; 14627 } 14628 14629 .wp-block[data-type="extendstudio/materialis"] .space-bottom-xs-large { 14630 margin-bottom: 3rem; 14631 } 14632 14633 .wp-block[data-type="extendstudio/materialis"] .space-bottom-xs { 14634 margin-bottom: 1.5rem; 14635 } 14636 14637 .wp-block[data-type="extendstudio/materialis"] .space-top-xs-large { 14638 margin-top: 3rem; 14639 } 14640 14641 .wp-block[data-type="extendstudio/materialis"] .space-top-xs { 14642 margin-top: 1.5rem; 14643 } 14644 } 14645 14646 .wp-block[data-type="extendstudio/materialis"] div.section-separator-top, 14647 .wp-block[data-type="extendstudio/materialis"] div.section-separator-bottom { 14648 width: 100%; 14649 max-width: 100%; 14650 overflow-x: hidden; 14651 position: absolute; 14652 z-index: 0; 14653 height: 10%; 14654 display: flex; 14655 } 14656 14657 .wp-block[data-type="extendstudio/materialis"] svg.section-separator-top, 14658 .wp-block[data-type="extendstudio/materialis"] svg.section-separator-bottom { 14659 display: block; 14660 margin-left: -1%; 14661 max-height: 100%; 14662 width: 102%; 14663 height: 100%; 14664 } 14665 14666 .wp-block[data-type="extendstudio/materialis"] svg.section-separator-top[data-separator-name*=-negative] { 14667 -webkit-transform: rotateX(180deg); 14668 transform: rotateX(180deg); 14669 } 14670 14671 .wp-block[data-type="extendstudio/materialis"] svg.section-separator-bottom:not([data-separator-name*=-negative]) { 14672 -webkit-transform: rotateX(180deg); 14673 transform: rotateX(180deg); 14674 } 14675 14676 .wp-block[data-type="extendstudio/materialis"] div.section-separator-bottom { 14677 bottom: 0px; 14678 } 14679 14680 .wp-block[data-type="extendstudio/materialis"] div.section-separator-top { 14681 top: 0px; 14682 } 14683 14684 .wp-block[data-type="extendstudio/materialis"] .mdi.video-icon { 14685 color: #ffffff; 14686 font-size: 4.44rem; 14687 padding: 0 10px; 14688 } 14689 14690 .wp-block[data-type="extendstudio/materialis"] img.round { 14691 border-radius: 100%; 14692 } 14693 14694 .wp-block[data-type="extendstudio/materialis"] img.rounded { 14695 border-radius: 8px; 14696 } 14697 14698 .wp-block[data-type="extendstudio/materialis"] img.desaturate { 14699 -webkit-filter: grayscale(100%); 14700 filter: grayscale(100%); 14701 opacity: 0.6; 14702 transition: 1s all; 14703 } 14704 14705 .wp-block[data-type="extendstudio/materialis"] img.desaturate:hover { 14706 -webkit-filter: grayscale(0%); 14707 filter: grayscale(0%); 14708 opacity: 1; 14709 } 14710 14711 .wp-block[data-type="extendstudio/materialis"] img.icon { 14712 font-size: 4.5rem; 14713 margin-bottom: 1rem; 14714 width: 4.5rem; 14715 min-width: 4.5rem; 14716 height: 4.5rem; 14717 position: relative; 14718 } 14719 14720 .wp-block[data-type="extendstudio/materialis"] img.icon:before { 14721 position: absolute; 14722 top: 50%; 14723 left: 50%; 14724 -webkit-transform: translateX(-50%) translateY(-50%); 14725 transform: translateX(-50%) translateY(-50%); 14726 } 14727 14728 .wp-block[data-type="extendstudio/materialis"] img.icon.round { 14729 border-radius: 100%; 14730 } 14731 14732 .wp-block[data-type="extendstudio/materialis"] img.icon.reverse { 14733 font-size: 2.25rem; 14734 color: #ffffff; 14735 } 14736 14737 .wp-block[data-type="extendstudio/materialis"] img.icon.bordered, 14738 .wp-block[data-type="extendstudio/materialis"] img.icon.card[class*=bottom-border-] { 14739 border-width: 2px; 14740 border-style: solid; 14741 font-size: 2.25rem; 14742 padding: calc(0.3em - 2px); 14743 } 14744 14745 .wp-block[data-type="extendstudio/materialis"] img.icon.small, 14746 .wp-block[data-type="extendstudio/materialis"] img.icon.comment-meta { 14747 font-size: 3.375rem; 14748 margin-bottom: 1rem; 14749 width: 3.375rem; 14750 min-width: 3.375rem; 14751 height: 3.375rem; 14752 position: relative; 14753 } 14754 14755 .wp-block[data-type="extendstudio/materialis"] img.icon.small:before, 14756 .wp-block[data-type="extendstudio/materialis"] img.icon.comment-meta:before { 14757 position: absolute; 14758 top: 50%; 14759 left: 50%; 14760 -webkit-transform: translateX(-50%) translateY(-50%); 14761 transform: translateX(-50%) translateY(-50%); 14762 } 14763 14764 .wp-block[data-type="extendstudio/materialis"] img.icon.small.round, 14765 .wp-block[data-type="extendstudio/materialis"] img.icon.round.comment-meta { 14766 border-radius: 100%; 14767 } 14768 14769 .wp-block[data-type="extendstudio/materialis"] img.icon.small.reverse, 14770 .wp-block[data-type="extendstudio/materialis"] img.icon.reverse.comment-meta { 14771 font-size: 1.6875rem; 14772 color: #ffffff; 14773 } 14774 14775 .wp-block[data-type="extendstudio/materialis"] img.icon.small.bordered, 14776 .wp-block[data-type="extendstudio/materialis"] img.icon.bordered.comment-meta, 14777 .wp-block[data-type="extendstudio/materialis"] img.icon.small.card[class*=bottom-border-], 14778 .wp-block[data-type="extendstudio/materialis"] img.icon.comment-meta.card[class*=bottom-border-] { 14779 border-width: 2px; 14780 border-style: solid; 14781 font-size: 1.6875rem; 14782 padding: calc(0.3em - 2px); 14783 } 14784 14785 .wp-block[data-type="extendstudio/materialis"] img.icon.big { 14786 font-size: 5.625rem; 14787 margin-bottom: 1rem; 14788 width: 5.625rem; 14789 min-width: 5.625rem; 14790 height: 5.625rem; 14791 position: relative; 14792 } 14793 14794 .wp-block[data-type="extendstudio/materialis"] img.icon.big:before { 14795 position: absolute; 14796 top: 50%; 14797 left: 50%; 14798 -webkit-transform: translateX(-50%) translateY(-50%); 14799 transform: translateX(-50%) translateY(-50%); 14800 } 14801 14802 .wp-block[data-type="extendstudio/materialis"] img.icon.big.round { 14803 border-radius: 100%; 14804 } 14805 14806 .wp-block[data-type="extendstudio/materialis"] img.icon.big.reverse { 14807 font-size: 2.8125rem; 14808 color: #ffffff; 14809 } 14810 14811 .wp-block[data-type="extendstudio/materialis"] img.icon.big.bordered, 14812 .wp-block[data-type="extendstudio/materialis"] img.icon.big.card[class*=bottom-border-] { 14813 border-width: 2px; 14814 border-style: solid; 14815 font-size: 2.8125rem; 14816 padding: calc(0.3em - 2px); 14817 } 14818 14819 .wp-block[data-type="extendstudio/materialis"] img.icon.large { 14820 font-size: 6.75rem; 14821 margin-bottom: 1rem; 14822 width: 6.75rem; 14823 min-width: 6.75rem; 14824 height: 6.75rem; 14825 position: relative; 14826 } 14827 14828 .wp-block[data-type="extendstudio/materialis"] img.icon.large:before { 14829 position: absolute; 14830 top: 50%; 14831 left: 50%; 14832 -webkit-transform: translateX(-50%) translateY(-50%); 14833 transform: translateX(-50%) translateY(-50%); 14834 } 14835 14836 .wp-block[data-type="extendstudio/materialis"] img.icon.large.round { 14837 border-radius: 100%; 14838 } 14839 14840 .wp-block[data-type="extendstudio/materialis"] img.icon.large.reverse { 14841 font-size: 3.375rem; 14842 color: #ffffff; 14843 } 14844 14845 .wp-block[data-type="extendstudio/materialis"] img.icon.large.bordered, 14846 .wp-block[data-type="extendstudio/materialis"] img.icon.large.card[class*=bottom-border-] { 14847 border-width: 2px; 14848 border-style: solid; 14849 font-size: 3.375rem; 14850 padding: calc(0.3em - 2px); 14851 } 14852 14853 .wp-block[data-type="extendstudio/materialis"] img.icon.bordered, 14854 .wp-block[data-type="extendstudio/materialis"] img.icon.card[class*=bottom-border-] { 14855 border-width: 4px; 14856 padding: 0; 14857 } 14858 14859 .wp-block[data-type="extendstudio/materialis"] i.mdi { 14860 -webkit-font-feature-settings: "liga"; 14861 -webkit-font-smoothing: antialiased; 14862 line-height: 1; 14863 display: inline-block; 14864 text-align: center; 14865 } 14866 14867 .wp-block[data-type="extendstudio/materialis"] i.mdi.icon { 14868 font-size: 4.5rem; 14869 margin-bottom: 1rem; 14870 width: 4.5rem; 14871 min-width: 4.5rem; 14872 height: 4.5rem; 14873 position: relative; 14874 } 14875 14876 .wp-block[data-type="extendstudio/materialis"] i.mdi.icon:before { 14877 position: absolute; 14878 top: 50%; 14879 left: 50%; 14880 -webkit-transform: translateX(-50%) translateY(-50%); 14881 transform: translateX(-50%) translateY(-50%); 14882 } 14883 14884 .wp-block[data-type="extendstudio/materialis"] i.mdi.icon.round { 14885 border-radius: 100%; 14886 } 14887 14888 .wp-block[data-type="extendstudio/materialis"] i.mdi.icon.reverse { 14889 font-size: 2.25rem; 14890 color: #ffffff; 14891 } 14892 14893 .wp-block[data-type="extendstudio/materialis"] i.mdi.icon.bordered, 14894 .wp-block[data-type="extendstudio/materialis"] i.mdi.icon.card[class*=bottom-border-] { 14895 border-width: 2px; 14896 border-style: solid; 14897 font-size: 2.25rem; 14898 padding: calc(0.3em - 2px); 14899 } 14900 14901 .wp-block[data-type="extendstudio/materialis"] i.mdi.icon.small, 14902 .wp-block[data-type="extendstudio/materialis"] i.mdi.icon.comment-meta { 14903 font-size: 3.375rem; 14904 margin-bottom: 1rem; 14905 width: 3.375rem; 14906 min-width: 3.375rem; 14907 height: 3.375rem; 14908 position: relative; 14909 } 14910 14911 .wp-block[data-type="extendstudio/materialis"] i.mdi.icon.small:before, 14912 .wp-block[data-type="extendstudio/materialis"] i.mdi.icon.comment-meta:before { 14913 position: absolute; 14914 top: 50%; 14915 left: 50%; 14916 -webkit-transform: translateX(-50%) translateY(-50%); 14917 transform: translateX(-50%) translateY(-50%); 14918 } 14919 14920 .wp-block[data-type="extendstudio/materialis"] i.mdi.icon.small.round, 14921 .wp-block[data-type="extendstudio/materialis"] i.mdi.icon.round.comment-meta { 14922 border-radius: 100%; 14923 } 14924 14925 .wp-block[data-type="extendstudio/materialis"] i.mdi.icon.small.reverse, 14926 .wp-block[data-type="extendstudio/materialis"] i.mdi.icon.reverse.comment-meta { 14927 font-size: 1.6875rem; 14928 color: #ffffff; 14929 } 14930 14931 .wp-block[data-type="extendstudio/materialis"] i.mdi.icon.small.bordered, 14932 .wp-block[data-type="extendstudio/materialis"] i.mdi.icon.bordered.comment-meta, 14933 .wp-block[data-type="extendstudio/materialis"] i.mdi.icon.small.card[class*=bottom-border-], 14934 .wp-block[data-type="extendstudio/materialis"] i.mdi.icon.comment-meta.card[class*=bottom-border-] { 14935 border-width: 2px; 14936 border-style: solid; 14937 font-size: 1.6875rem; 14938 padding: calc(0.3em - 2px); 14939 } 14940 14941 .wp-block[data-type="extendstudio/materialis"] i.mdi.icon.big { 14942 font-size: 5.625rem; 14943 margin-bottom: 1rem; 14944 width: 5.625rem; 14945 min-width: 5.625rem; 14946 height: 5.625rem; 14947 position: relative; 14948 } 14949 14950 .wp-block[data-type="extendstudio/materialis"] i.mdi.icon.big:before { 14951 position: absolute; 14952 top: 50%; 14953 left: 50%; 14954 -webkit-transform: translateX(-50%) translateY(-50%); 14955 transform: translateX(-50%) translateY(-50%); 14956 } 14957 14958 .wp-block[data-type="extendstudio/materialis"] i.mdi.icon.big.round { 14959 border-radius: 100%; 14960 } 14961 14962 .wp-block[data-type="extendstudio/materialis"] i.mdi.icon.big.reverse { 14963 font-size: 2.8125rem; 14964 color: #ffffff; 14965 } 14966 14967 .wp-block[data-type="extendstudio/materialis"] i.mdi.icon.big.bordered, 14968 .wp-block[data-type="extendstudio/materialis"] i.mdi.icon.big.card[class*=bottom-border-] { 14969 border-width: 2px; 14970 border-style: solid; 14971 font-size: 2.8125rem; 14972 padding: calc(0.3em - 2px); 14973 } 14974 14975 .wp-block[data-type="extendstudio/materialis"] i.mdi.icon.large { 14976 font-size: 6.75rem; 14977 margin-bottom: 1rem; 14978 width: 6.75rem; 14979 min-width: 6.75rem; 14980 height: 6.75rem; 14981 position: relative; 14982 } 14983 14984 .wp-block[data-type="extendstudio/materialis"] i.mdi.icon.large:before { 14985 position: absolute; 14986 top: 50%; 14987 left: 50%; 14988 -webkit-transform: translateX(-50%) translateY(-50%); 14989 transform: translateX(-50%) translateY(-50%); 14990 } 14991 14992 .wp-block[data-type="extendstudio/materialis"] i.mdi.icon.large.round { 14993 border-radius: 100%; 14994 } 14995 14996 .wp-block[data-type="extendstudio/materialis"] i.mdi.icon.large.reverse { 14997 font-size: 3.375rem; 14998 color: #ffffff; 14999 } 15000 15001 .wp-block[data-type="extendstudio/materialis"] i.mdi.icon.large.bordered, 15002 .wp-block[data-type="extendstudio/materialis"] i.mdi.icon.large.card[class*=bottom-border-] { 15003 border-width: 2px; 15004 border-style: solid; 15005 font-size: 3.375rem; 15006 padding: calc(0.3em - 2px); 15007 } 15008 15009 .wp-block[data-type="extendstudio/materialis"] i.mdi.icon.reverse { 15010 background-color: #228ae6; 15011 } 15012 15013 .wp-block[data-type="extendstudio/materialis"] i.mdi.icon.bordered, 15014 .wp-block[data-type="extendstudio/materialis"] i.mdi.icon.card[class*=bottom-border-] { 15015 border-color: #228ae6; 15016 } 15017 15018 .wp-block[data-type="extendstudio/materialis"] .content-section i.mdi:not(.icon) { 15019 font-size: 1.6rem; 15020 } 15021 15022 .wp-block[data-type="extendstudio/materialis"] a.icon-link { 15023 text-decoration: none; 15024 display: inline-block; 15025 } 15026 15027 .wp-block[data-type="extendstudio/materialis"] a.icon-link i.mdi { 15028 color: inherit; 15029 } 15030 15031 .wp-block[data-type="extendstudio/materialis"] a.icon-link i.mdi.icon { 15032 display: block; 15033 border-radius: 100%; 15034 margin-right: 0.5rem; 15035 margin-bottom: 0; 15036 } 15037 15038 .wp-block[data-type="extendstudio/materialis"] .top-right-triangle { 15039 width: 0; 15040 height: 0; 15041 border-style: solid; 15042 border-width: 0 70px 70px 0; 15043 border-color: transparent; 15044 display: inline-block; 15045 position: relative; 15046 } 15047 15048 .wp-block[data-type="extendstudio/materialis"] .top-right-triangle.color1 { 15049 border-right-color: #228ae6; 15050 } 15051 15052 .wp-block[data-type="extendstudio/materialis"] .top-right-triangle.color2 { 15053 border-right-color: #fa5252; 15054 } 15055 15056 .wp-block[data-type="extendstudio/materialis"] .top-right-triangle.color3 { 15057 border-right-color: #82c91e; 15058 } 15059 15060 .wp-block[data-type="extendstudio/materialis"] .top-right-triangle.color4 { 15061 border-right-color: #fab005; 15062 } 15063 15064 .wp-block[data-type="extendstudio/materialis"] .top-right-triangle.color5 { 15065 border-right-color: #fab005; 15066 } 15067 15068 .wp-block[data-type="extendstudio/materialis"] .top-right-triangle i.mdi { 15069 position: absolute; 15070 top: 13px; 15071 right: -58px; 15072 color: #ffffff; 15073 } 15074 15075 .wp-block[data-type="extendstudio/materialis"] .top-right-triangle { 15076 width: 0; 15077 height: 0; 15078 border-style: solid; 15079 border-width: 0px 70px 70px 0px; 15080 border-color: transparent; 15081 display: inline-block; 15082 position: relative; 15083 } 15084 15085 .wp-block[data-type="extendstudio/materialis"] .top-right-triangle.color1 { 15086 border-right-color: #228ae6; 15087 } 15088 15089 .wp-block[data-type="extendstudio/materialis"] .top-right-triangle.color2 { 15090 border-right-color: #fa5252; 15091 } 15092 15093 .wp-block[data-type="extendstudio/materialis"] .top-right-triangle.color3 { 15094 border-right-color: #82c91e; 15095 } 15096 15097 .wp-block[data-type="extendstudio/materialis"] .top-right-triangle.color4 { 15098 border-right-color: #fab005; 15099 } 15100 15101 .wp-block[data-type="extendstudio/materialis"] .top-right-triangle.color5 { 15102 border-right-color: #fab005; 15103 } 15104 15105 .wp-block[data-type="extendstudio/materialis"] .top-right-triangle i.mdi { 15106 position: absolute; 15107 top: 8.75px; 15108 right: -66.6666666667px; 15109 color: #ffffff; 15110 } 15111 15112 .wp-block[data-type="extendstudio/materialis"] .top-right-triangle.small, 15113 .wp-block[data-type="extendstudio/materialis"] .top-right-triangle.comment-meta { 15114 border-width: 0px 35px 35px 0px; 15115 } 15116 15117 .wp-block[data-type="extendstudio/materialis"] .top-right-triangle.small i.mdi, 15118 .wp-block[data-type="extendstudio/materialis"] .top-right-triangle.comment-meta i.mdi { 15119 top: 5.8333333333px; 15120 right: -30.1724137931px; 15121 } 15122 15123 .wp-block[data-type="extendstudio/materialis"] .bottom-right-triangle { 15124 width: 0; 15125 height: 0; 15126 border-style: solid; 15127 border-width: 0px 0px 70px 70px; 15128 border-color: transparent; 15129 display: inline-block; 15130 position: relative; 15131 } 15132 15133 .wp-block[data-type="extendstudio/materialis"] .bottom-right-triangle.color1 { 15134 border-bottom-color: #228ae6; 15135 } 15136 15137 .wp-block[data-type="extendstudio/materialis"] .bottom-right-triangle.color2 { 15138 border-bottom-color: #fa5252; 15139 } 15140 15141 .wp-block[data-type="extendstudio/materialis"] .bottom-right-triangle.color3 { 15142 border-bottom-color: #82c91e; 15143 } 15144 15145 .wp-block[data-type="extendstudio/materialis"] .bottom-right-triangle.color4 { 15146 border-bottom-color: #fab005; 15147 } 15148 15149 .wp-block[data-type="extendstudio/materialis"] .bottom-right-triangle.color5 { 15150 border-bottom-color: #fab005; 15151 } 15152 15153 .wp-block[data-type="extendstudio/materialis"] .bottom-right-triangle i.mdi { 15154 position: absolute; 15155 top: 8.75px; 15156 right: -66.6666666667px; 15157 color: #ffffff; 15158 } 15159 15160 .wp-block[data-type="extendstudio/materialis"] .bottom-right-triangle.small, 15161 .wp-block[data-type="extendstudio/materialis"] .bottom-right-triangle.comment-meta { 15162 border-width: 0px 0px 35px 35px; 15163 } 15164 15165 .wp-block[data-type="extendstudio/materialis"] .bottom-right-triangle.small i.mdi, 15166 .wp-block[data-type="extendstudio/materialis"] .bottom-right-triangle.comment-meta i.mdi { 15167 top: 5.8333333333px; 15168 right: -30.1724137931px; 15169 } 15170 15171 .wp-block[data-type="extendstudio/materialis"] .top-left-triangle { 15172 width: 0; 15173 height: 0; 15174 border-style: solid; 15175 border-width: 70px 70px 0px 0px; 15176 border-color: transparent; 15177 display: inline-block; 15178 position: relative; 15179 } 15180 15181 .wp-block[data-type="extendstudio/materialis"] .top-left-triangle.color1 { 15182 border-top-color: #228ae6; 15183 } 15184 15185 .wp-block[data-type="extendstudio/materialis"] .top-left-triangle.color2 { 15186 border-top-color: #fa5252; 15187 } 15188 15189 .wp-block[data-type="extendstudio/materialis"] .top-left-triangle.color3 { 15190 border-top-color: #82c91e; 15191 } 15192 15193 .wp-block[data-type="extendstudio/materialis"] .top-left-triangle.color4 { 15194 border-top-color: #fab005; 15195 } 15196 15197 .wp-block[data-type="extendstudio/materialis"] .top-left-triangle.color5 { 15198 border-top-color: #fab005; 15199 } 15200 15201 .wp-block[data-type="extendstudio/materialis"] .top-left-triangle i.mdi { 15202 position: absolute; 15203 top: 8.75px; 15204 right: -66.6666666667px; 15205 color: #ffffff; 15206 } 15207 15208 .wp-block[data-type="extendstudio/materialis"] .top-left-triangle.small, 15209 .wp-block[data-type="extendstudio/materialis"] .top-left-triangle.comment-meta { 15210 border-width: 35px 35px 0px 0px; 15211 } 15212 15213 .wp-block[data-type="extendstudio/materialis"] .top-left-triangle.small i.mdi, 15214 .wp-block[data-type="extendstudio/materialis"] .top-left-triangle.comment-meta i.mdi { 15215 top: 5.8333333333px; 15216 right: -30.1724137931px; 15217 } 15218 15219 .wp-block[data-type="extendstudio/materialis"] .materialis-latest-news div.negative-margin { 15220 margin-left: -0.5rem; 15221 } 15222 15223 .wp-block[data-type="extendstudio/materialis"] .materialis-latest-news .latest-news-layout-overlap .post-content-body h1, 15224 .wp-block[data-type="extendstudio/materialis"] .materialis-latest-news .latest-news-layout-overlap .post-content-body h2, 15225 .wp-block[data-type="extendstudio/materialis"] .materialis-latest-news .latest-news-layout-overlap .post-content-body h3, 15226 .wp-block[data-type="extendstudio/materialis"] .materialis-latest-news .latest-news-layout-overlap .post-content-body h4, 15227 .wp-block[data-type="extendstudio/materialis"] .materialis-latest-news .latest-news-layout-overlap .post-content-body h5, 15228 .wp-block[data-type="extendstudio/materialis"] .materialis-latest-news .latest-news-layout-overlap .post-content-body .widget_block > .wp-block-group > .wp-block-group__inner-container h1:first-child, 15229 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .materialis-latest-news .latest-news-layout-overlap .post-content-body h1:first-child, 15230 .wp-block[data-type="extendstudio/materialis"] .materialis-latest-news .latest-news-layout-overlap .post-content-body .widget_block > .wp-block-group > .wp-block-group__inner-container h2:first-child, 15231 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .materialis-latest-news .latest-news-layout-overlap .post-content-body h2:first-child, 15232 .wp-block[data-type="extendstudio/materialis"] .materialis-latest-news .latest-news-layout-overlap .post-content-body .widget_block > .wp-block-group > .wp-block-group__inner-container h3:first-child, 15233 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .materialis-latest-news .latest-news-layout-overlap .post-content-body h3:first-child, 15234 .wp-block[data-type="extendstudio/materialis"] .materialis-latest-news .latest-news-layout-overlap .post-content-body .widget_block > .wp-block-group > .wp-block-group__inner-container h4:first-child, 15235 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .materialis-latest-news .latest-news-layout-overlap .post-content-body h4:first-child, 15236 .wp-block[data-type="extendstudio/materialis"] .materialis-latest-news .latest-news-layout-overlap .post-content-body .widget_block > .wp-block-group > .wp-block-group__inner-container h5:first-child, 15237 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .materialis-latest-news .latest-news-layout-overlap .post-content-body h5:first-child, 15238 .wp-block[data-type="extendstudio/materialis"] .materialis-latest-news .latest-news-layout-overlap .post-content-body .widget_block > .wp-block-group > .wp-block-group__inner-container h6:first-child, 15239 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .materialis-latest-news .latest-news-layout-overlap .post-content-body h6:first-child, 15240 .wp-block[data-type="extendstudio/materialis"] .materialis-latest-news .latest-news-layout-overlap .post-content-body h6, 15241 .wp-block[data-type="extendstudio/materialis"] .materialis-latest-news .mdc-card .post-content-body h1, 15242 .wp-block[data-type="extendstudio/materialis"] .materialis-latest-news .mdc-card .post-content-body h2, 15243 .wp-block[data-type="extendstudio/materialis"] .materialis-latest-news .mdc-card .post-content-body h3, 15244 .wp-block[data-type="extendstudio/materialis"] .materialis-latest-news .mdc-card .post-content-body h4, 15245 .wp-block[data-type="extendstudio/materialis"] .materialis-latest-news .mdc-card .post-content-body h5, 15246 .wp-block[data-type="extendstudio/materialis"] .materialis-latest-news .mdc-card .post-content-body .widget_block > .wp-block-group > .wp-block-group__inner-container h1:first-child, 15247 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .materialis-latest-news .mdc-card .post-content-body h1:first-child, 15248 .wp-block[data-type="extendstudio/materialis"] .materialis-latest-news .mdc-card .post-content-body .widget_block > .wp-block-group > .wp-block-group__inner-container h2:first-child, 15249 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .materialis-latest-news .mdc-card .post-content-body h2:first-child, 15250 .wp-block[data-type="extendstudio/materialis"] .materialis-latest-news .mdc-card .post-content-body .widget_block > .wp-block-group > .wp-block-group__inner-container h3:first-child, 15251 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .materialis-latest-news .mdc-card .post-content-body h3:first-child, 15252 .wp-block[data-type="extendstudio/materialis"] .materialis-latest-news .mdc-card .post-content-body .widget_block > .wp-block-group > .wp-block-group__inner-container h4:first-child, 15253 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .materialis-latest-news .mdc-card .post-content-body h4:first-child, 15254 .wp-block[data-type="extendstudio/materialis"] .materialis-latest-news .mdc-card .post-content-body .widget_block > .wp-block-group > .wp-block-group__inner-container h5:first-child, 15255 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .materialis-latest-news .mdc-card .post-content-body h5:first-child, 15256 .wp-block[data-type="extendstudio/materialis"] .materialis-latest-news .mdc-card .post-content-body .widget_block > .wp-block-group > .wp-block-group__inner-container h6:first-child, 15257 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .materialis-latest-news .mdc-card .post-content-body h6:first-child, 15258 .wp-block[data-type="extendstudio/materialis"] .materialis-latest-news .mdc-card .post-content-body h6 { 15259 color: #54617A; 15260 } 15261 15262 .wp-block[data-type="extendstudio/materialis"] .materialis-latest-news .latest-news-layout-overlap .post-content-body p, 15263 .wp-block[data-type="extendstudio/materialis"] .materialis-latest-news .latest-news-layout-overlap .post-content-body span, 15264 .wp-block[data-type="extendstudio/materialis"] .materialis-latest-news .mdc-card .post-content-body p, 15265 .wp-block[data-type="extendstudio/materialis"] .materialis-latest-news .mdc-card .post-content-body span { 15266 color: #8D99AE; 15267 } 15268 15269 .wp-block[data-type="extendstudio/materialis"] .materialis-latest-news .latest-news-item-meta.after-title i.mdi { 15270 line-height: 1; 15271 vertical-align: middle; 15272 padding: 0; 15273 margin-top: -0.45rem; 15274 } 15275 15276 .wp-block[data-type="extendstudio/materialis"] .materialis-latest-news .latest-news-item-meta.after-title a { 15277 padding: 0px 6px; 15278 } 15279 15280 .wp-block[data-type="extendstudio/materialis"] .materialis-latest-news .latest-news-layout-list { 15281 display: -moz-flex; 15282 display: flex; 15283 -moz-flex-direction: column; 15284 flex-direction: column; 15285 height: 100%; 15286 } 15287 15288 .wp-block[data-type="extendstudio/materialis"] .materialis-latest-news .latest-news-layout-list .post-content-body { 15289 flex-grow: 1; 15290 } 15291 15292 @media (max-width: 1024px) { 15293 .wp-block[data-type="extendstudio/materialis"] .materialis-latest-news .mdc-card__actions { 15294 flex-flow: wrap; 15295 } 15296 15297 .wp-block[data-type="extendstudio/materialis"] .materialis-latest-news .mdc-card__actions .mdc-card__action-icons, 15298 .wp-block[data-type="extendstudio/materialis"] .materialis-latest-news .mdc-card__actions .mdc-card__action-buttons { 15299 -moz-justify-content: center; 15300 justify-content: center; 15301 box-sizing: border-box; 15302 -moz-flex-grow: 0; 15303 flex-grow: 0; 15304 flex-shrink: 0; 15305 padding-right: 15px; 15306 padding-left: 15px; 15307 flex-basis: 100%; 15308 max-width: 100%; 15309 text-align: center; 15310 } 15311 15312 .wp-block[data-type="extendstudio/materialis"] .materialis-latest-news .mdc-card__actions .mdc-card__action-icons { 15313 flex-flow: wrap; 15314 } 15315 15316 .wp-block[data-type="extendstudio/materialis"] .materialis-latest-news .mdc-card__actions .mdc-card__action-buttons { 15317 box-sizing: border-box; 15318 -moz-flex-grow: 0; 15319 flex-grow: 0; 15320 flex-shrink: 0; 15321 padding-right: 15px; 15322 padding-left: 15px; 15323 flex-basis: 100%; 15324 max-width: 100%; 15325 } 15326 } 15327 15328 .wp-block[data-type="extendstudio/materialis"] .materialis-latest-news .latest-news-layout-overlap { 15329 position: relative; 15330 } 15331 15332 .wp-block[data-type="extendstudio/materialis"] .materialis-latest-news .latest-news-layout-overlap .background-image { 15333 top: 0; 15334 left: 0; 15335 width: 100%; 15336 padding-top: 180%; 15337 overflow: hidden; 15338 z-index: 1; 15339 position: relative; 15340 } 15341 15342 @media (max-width: 1023px) { 15343 .wp-block[data-type="extendstudio/materialis"] .materialis-latest-news .latest-news-layout-overlap .background-image { 15344 padding-top: 200%; 15345 } 15346 } 15347 15348 .wp-block[data-type="extendstudio/materialis"] .materialis-latest-news .latest-news-layout-overlap .background-image img { 15349 position: absolute; 15350 top: -10%; 15351 left: -10%; 15352 height: 110%; 15353 max-width: unset; 15354 width: auto; 15355 } 15356 15357 .wp-block[data-type="extendstudio/materialis"] .materialis-latest-news .latest-news-layout-overlap .post-content-body { 15358 position: absolute; 15359 bottom: 0px; 15360 left: 0; 15361 z-index: 2; 15362 width: 90%; 15363 } 15364 15365 .wp-block[data-type="extendstudio/materialis"] .materialis-latest-news .elevate-image .post-list-item-thumb img { 15366 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); 15367 } 15368 15369 .wp-block[data-type="extendstudio/materialis"] .materialis-latest-news .mdc-card, 15370 .wp-block[data-type="extendstudio/materialis"] .materialis-latest-news .card { 15371 height: 100%; 15372 } 15373 15374 .wp-block[data-type="extendstudio/materialis"] .materialis-latest-news .mdc-card .post-content-body, 15375 .wp-block[data-type="extendstudio/materialis"] .materialis-latest-news .card .post-content-body { 15376 flex-grow: 1; 15377 } 15378 15379 .wp-block[data-type="extendstudio/materialis"] .materialis-latest-news .mdc-card .button.link, 15380 .wp-block[data-type="extendstudio/materialis"] .materialis-latest-news .card .button.link { 15381 margin-left: -8px; 15382 font-size: 16px; 15383 text-transform: capitalize; 15384 } 15385 15386 .wp-block[data-type="extendstudio/materialis"] .materialis-latest-news .mdc-card .mdc-card__action-icons .post-footer-link, 15387 .wp-block[data-type="extendstudio/materialis"] .materialis-latest-news .card .mdc-card__action-icons .post-footer-link { 15388 margin-right: 10px; 15389 } 15390 15391 .wp-block[data-type="extendstudio/materialis"] .materialis-latest-news .mdc-card .mdc-card__action-icons .post-footer-link > i, 15392 .wp-block[data-type="extendstudio/materialis"] .materialis-latest-news .card .mdc-card__action-icons .post-footer-link > i { 15393 padding: 0; 15394 vertical-align: middle; 15395 } 15396 15397 .wp-block[data-type="extendstudio/materialis"] .materialis-latest-news .mdc-card .mdc-card__action-icons .post-footer-link > .post-footer-value, 15398 .wp-block[data-type="extendstudio/materialis"] .materialis-latest-news .card .mdc-card__action-icons .post-footer-link > .post-footer-value { 15399 color: rgba(0, 0, 0, 0.38); 15400 vertical-align: middle; 15401 } 15402 15403 .wp-block[data-type="extendstudio/materialis"] .materialis-latest-news .mdc-card .mdc-card__action-buttons, 15404 .wp-block[data-type="extendstudio/materialis"] .materialis-latest-news .card .mdc-card__action-buttons { 15405 margin-left: auto; 15406 } 15407 15408 .wp-block[data-type="extendstudio/materialis"] .materialis-latest-news .mdc-card .mdc-card__action-buttons .button.link, 15409 .wp-block[data-type="extendstudio/materialis"] .materialis-latest-news .card .mdc-card__action-buttons .button.link { 15410 font-size: 14px; 15411 text-transform: uppercase; 15412 } 15413 15414 .wp-block[data-type="extendstudio/materialis"] [data-section-ov], 15415 .wp-block[data-type="extendstudio/materialis"] [data-ovid] { 15416 position: relative; 15417 } 15418 15419 .wp-block[data-type="extendstudio/materialis"] [data-section-ov] > *, 15420 .wp-block[data-type="extendstudio/materialis"] [data-ovid] > * { 15421 z-index: 1; 15422 position: relative; 15423 } 15424 15425 .wp-block[data-type="extendstudio/materialis"] [data-section-ov]:before, 15426 .wp-block[data-type="extendstudio/materialis"] [data-ovid]:before { 15427 position: absolute; 15428 display: block; 15429 top: 0px; 15430 left: 0px; 15431 width: 100%; 15432 height: 100%; 15433 z-index: 0; 15434 } 15435 15436 .wp-block[data-type="extendstudio/materialis"] .col-relative { 15437 position: relative; 15438 } 15439 15440 .wp-block[data-type="extendstudio/materialis"] .col-padding { 15441 padding: 2rem; 15442 } 15443 15444 .wp-block[data-type="extendstudio/materialis"] .col-padding-top { 15445 padding-top: 2rem; 15446 } 15447 15448 .wp-block[data-type="extendstudio/materialis"] .col-padding-bottom { 15449 padding-top: 2rem; 15450 } 15451 15452 .wp-block[data-type="extendstudio/materialis"] .col-padding-small { 15453 padding: 1rem; 15454 } 15455 15456 .wp-block[data-type="extendstudio/materialis"] .col-no-padding { 15457 padding: 0; 15458 } 15459 15460 .wp-block[data-type="extendstudio/materialis"] .col-no-padding-bottom { 15461 padding-bottom: 0; 15462 } 15463 15464 .wp-block[data-type="extendstudio/materialis"] .col-no-padding-top { 15465 padding-top: 0; 15466 } 15467 15468 .wp-block[data-type="extendstudio/materialis"] .no-gutter-col { 15469 padding-left: 0px; 15470 padding-right: 0px; 15471 } 15472 15473 .wp-block[data-type="extendstudio/materialis"] .no-padding { 15474 padding: 0px; 15475 } 15476 15477 .wp-block[data-type="extendstudio/materialis"] .no-padding-top { 15478 padding-top: 0px; 15479 } 15480 15481 .wp-block[data-type="extendstudio/materialis"] .no-padding-bottom { 15482 padding-bottom: 0px; 15483 } 15484 15485 .wp-block[data-type="extendstudio/materialis"] .no-padding-left { 15486 padding-left: 0px; 15487 } 15488 15489 .wp-block[data-type="extendstudio/materialis"] .box-padding-tb-medium { 15490 padding-top: 40px; 15491 padding-bottom: 40px; 15492 } 15493 15494 .wp-block[data-type="extendstudio/materialis"] .box-padding-tb-small { 15495 padding-top: 22px; 15496 padding-bottom: 22px; 15497 } 15498 15499 .wp-block[data-type="extendstudio/materialis"] .box-padding-lr-small { 15500 padding-left: 28px; 15501 padding-right: 28px; 15502 } 15503 15504 .wp-block[data-type="extendstudio/materialis"] .box-padding-lr-medium { 15505 padding-left: 40px; 15506 padding-right: 40px; 15507 } 15508 15509 @media (min-width: 768px) { 15510 .wp-block[data-type="extendstudio/materialis"] .col-sm-padding-medium { 15511 padding-left: 5%; 15512 padding-right: 5%; 15513 padding-top: 3rem; 15514 padding-bottom: 3rem; 15515 } 15516 15517 .wp-block[data-type="extendstudio/materialis"] .col-sm-padding-large { 15518 padding-left: 10%; 15519 padding-right: 10%; 15520 padding-top: 6rem; 15521 padding-bottom: 6rem; 15522 } 15523 } 15524 15525 @media (max-width: 767px) { 15526 .wp-block[data-type="extendstudio/materialis"] .col-padding-xs { 15527 padding: 2rem; 15528 } 15529 15530 .wp-block[data-type="extendstudio/materialis"] .col-padding-small-xs { 15531 padding: 1rem; 15532 } 15533 } 15534 15535 .wp-block[data-type="extendstudio/materialis"] .row.spaced-cols { 15536 margin-bottom: -30px; 15537 } 15538 15539 .wp-block[data-type="extendstudio/materialis"] .row.spaced-cols.space-bottom { 15540 margin-bottom: 0px; 15541 } 15542 15543 .wp-block[data-type="extendstudio/materialis"] .spaced-cols > div { 15544 margin-bottom: 30px; 15545 } 15546 15547 .wp-block[data-type="extendstudio/materialis"] .full-col-left-padding { 15548 padding-left: 8%; 15549 } 15550 15551 .wp-block[data-type="extendstudio/materialis"] .full-col-right-padding { 15552 padding-right: 8%; 15553 } 15554 15555 .wp-block[data-type="extendstudio/materialis"] .full-title-col { 15556 margin: auto; 15557 } 15558 15559 .wp-block[data-type="extendstudio/materialis"] .gridContainer .full-col-left-padding, 15560 .wp-block[data-type="extendstudio/materialis"] .gridContainer .full-col-right-padding { 15561 padding-left: 15px; 15562 padding-right: 15px; 15563 } 15564 15565 .wp-block[data-type="extendstudio/materialis"] .section-title-col { 15566 box-sizing: border-box; 15567 -moz-flex-grow: 0; 15568 flex-grow: 0; 15569 flex-shrink: 0; 15570 padding-right: 15px; 15571 padding-left: 15px; 15572 flex-basis: 100%; 15573 max-width: 100%; 15574 max-width: 100%; 15575 text-align: center; 15576 margin: auto; 15577 } 15578 15579 .wp-block[data-type="extendstudio/materialis"] .section-title-col > *:last-child:not(.button) { 15580 margin-bottom: 1.5rem; 15581 } 15582 15583 @media (min-width: 768px) { 15584 .wp-block[data-type="extendstudio/materialis"] .section-title-col { 15585 box-sizing: border-box; 15586 -moz-flex-grow: 0; 15587 flex-grow: 0; 15588 flex-shrink: 0; 15589 padding-right: 15px; 15590 padding-left: 15px; 15591 flex-basis: 83.3333333333%; 15592 max-width: 83.3333333333%; 15593 } 15594 15595 .wp-block[data-type="extendstudio/materialis"] .section-title-col > *:last-child:not(.button) { 15596 margin-bottom: 2rem; 15597 } 15598 } 15599 15600 @media (min-width: 1228px) { 15601 .wp-block[data-type="extendstudio/materialis"] .section-title-col { 15602 max-width: 65%; 15603 } 15604 15605 .wp-block[data-type="extendstudio/materialis"] .section-title-col.large { 15606 max-width: 82.5%; 15607 } 15608 } 15609 15610 .wp-block[data-type="extendstudio/materialis"] .white-text p:not([class*=color]), 15611 .wp-block[data-type="extendstudio/materialis"] .white-text h1:not([class*=color]), 15612 .wp-block[data-type="extendstudio/materialis"] .white-text h2:not([class*=color]), 15613 .wp-block[data-type="extendstudio/materialis"] .white-text h3:not([class*=color]), 15614 .wp-block[data-type="extendstudio/materialis"] .white-text h4:not([class*=color]), 15615 .wp-block[data-type="extendstudio/materialis"] .white-text h5:not([class*=color]), 15616 .wp-block[data-type="extendstudio/materialis"] .white-text .widget_block > .wp-block-group > .wp-block-group__inner-container h1:not([class*=color]):first-child, 15617 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .white-text h1:not([class*=color]):first-child, 15618 .wp-block[data-type="extendstudio/materialis"] .white-text .widget_block > .wp-block-group > .wp-block-group__inner-container h2:not([class*=color]):first-child, 15619 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .white-text h2:not([class*=color]):first-child, 15620 .wp-block[data-type="extendstudio/materialis"] .white-text .widget_block > .wp-block-group > .wp-block-group__inner-container h3:not([class*=color]):first-child, 15621 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .white-text h3:not([class*=color]):first-child, 15622 .wp-block[data-type="extendstudio/materialis"] .white-text .widget_block > .wp-block-group > .wp-block-group__inner-container h4:not([class*=color]):first-child, 15623 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .white-text h4:not([class*=color]):first-child, 15624 .wp-block[data-type="extendstudio/materialis"] .white-text .widget_block > .wp-block-group > .wp-block-group__inner-container h5:not([class*=color]):first-child, 15625 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .white-text h5:not([class*=color]):first-child, 15626 .wp-block[data-type="extendstudio/materialis"] .white-text .widget_block > .wp-block-group > .wp-block-group__inner-container h6:not([class*=color]):first-child, 15627 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .white-text h6:not([class*=color]):first-child, 15628 .wp-block[data-type="extendstudio/materialis"] .white-text h6:not([class*=color]), 15629 .wp-block[data-type="extendstudio/materialis"] .white-text i:not(.read-more-icon):not([class*=color]), 15630 .wp-block[data-type="extendstudio/materialis"] .white-text .section-title-col p:not([class*=color]), 15631 .wp-block[data-type="extendstudio/materialis"] .white-text .section-title-col h1:not([class*=color]), 15632 .wp-block[data-type="extendstudio/materialis"] .white-text .section-title-col h2:not([class*=color]), 15633 .wp-block[data-type="extendstudio/materialis"] .white-text .section-title-col h3:not([class*=color]), 15634 .wp-block[data-type="extendstudio/materialis"] .white-text .section-title-col h4:not([class*=color]), 15635 .wp-block[data-type="extendstudio/materialis"] .white-text .section-title-col h5:not([class*=color]), 15636 .wp-block[data-type="extendstudio/materialis"] .white-text .section-title-col h6:not([class*=color]), 15637 .wp-block[data-type="extendstudio/materialis"] .white-text .section-title-col i:not(.read-more-icon):not([class*=color]) { 15638 color: #ffffff; 15639 } 15640 15641 .wp-block[data-type="extendstudio/materialis"] .section-title-col-white-text .section-title-col p:not([class*=color]), 15642 .wp-block[data-type="extendstudio/materialis"] .section-title-col-white-text .section-title-col h1:not([class*=color]), 15643 .wp-block[data-type="extendstudio/materialis"] .section-title-col-white-text .section-title-col h2:not([class*=color]), 15644 .wp-block[data-type="extendstudio/materialis"] .section-title-col-white-text .section-title-col h3:not([class*=color]), 15645 .wp-block[data-type="extendstudio/materialis"] .section-title-col-white-text .section-title-col h4:not([class*=color]), 15646 .wp-block[data-type="extendstudio/materialis"] .section-title-col-white-text .section-title-col h5:not([class*=color]), 15647 .wp-block[data-type="extendstudio/materialis"] .section-title-col-white-text .section-title-col .widget_block > .wp-block-group > .wp-block-group__inner-container h1:not([class*=color]):first-child, 15648 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .section-title-col-white-text .section-title-col h1:not([class*=color]):first-child, 15649 .wp-block[data-type="extendstudio/materialis"] .section-title-col-white-text .section-title-col .widget_block > .wp-block-group > .wp-block-group__inner-container h2:not([class*=color]):first-child, 15650 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .section-title-col-white-text .section-title-col h2:not([class*=color]):first-child, 15651 .wp-block[data-type="extendstudio/materialis"] .section-title-col-white-text .section-title-col .widget_block > .wp-block-group > .wp-block-group__inner-container h3:not([class*=color]):first-child, 15652 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .section-title-col-white-text .section-title-col h3:not([class*=color]):first-child, 15653 .wp-block[data-type="extendstudio/materialis"] .section-title-col-white-text .section-title-col .widget_block > .wp-block-group > .wp-block-group__inner-container h4:not([class*=color]):first-child, 15654 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .section-title-col-white-text .section-title-col h4:not([class*=color]):first-child, 15655 .wp-block[data-type="extendstudio/materialis"] .section-title-col-white-text .section-title-col .widget_block > .wp-block-group > .wp-block-group__inner-container h5:not([class*=color]):first-child, 15656 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .section-title-col-white-text .section-title-col h5:not([class*=color]):first-child, 15657 .wp-block[data-type="extendstudio/materialis"] .section-title-col-white-text .section-title-col .widget_block > .wp-block-group > .wp-block-group__inner-container h6:not([class*=color]):first-child, 15658 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .section-title-col-white-text .section-title-col h6:not([class*=color]):first-child, 15659 .wp-block[data-type="extendstudio/materialis"] .section-title-col-white-text .section-title-col h6:not([class*=color]), 15660 .wp-block[data-type="extendstudio/materialis"] .section-title-col-white-text .section-title-col i:not(.read-more-icon):not([class*=color]) { 15661 color: #ffffff; 15662 } 15663 15664 .wp-block[data-type="extendstudio/materialis"] .section-title-col-white-text .use-section-text-color > p:not([class*=color]), 15665 .wp-block[data-type="extendstudio/materialis"] .section-title-col-white-text .use-section-text-color > h1:not([class*=color]), 15666 .wp-block[data-type="extendstudio/materialis"] .section-title-col-white-text .use-section-text-color > h2:not([class*=color]), 15667 .wp-block[data-type="extendstudio/materialis"] .section-title-col-white-text .use-section-text-color > h3:not([class*=color]), 15668 .wp-block[data-type="extendstudio/materialis"] .section-title-col-white-text .use-section-text-color > h4:not([class*=color]), 15669 .wp-block[data-type="extendstudio/materialis"] .section-title-col-white-text .use-section-text-color > h5:not([class*=color]), 15670 .wp-block[data-type="extendstudio/materialis"] .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, 15671 .wp-block[data-type="extendstudio/materialis"] .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, 15672 .wp-block[data-type="extendstudio/materialis"] .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, 15673 .wp-block[data-type="extendstudio/materialis"] .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, 15674 .wp-block[data-type="extendstudio/materialis"] .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, 15675 .wp-block[data-type="extendstudio/materialis"] .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, 15676 .wp-block[data-type="extendstudio/materialis"] .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, 15677 .wp-block[data-type="extendstudio/materialis"] .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, 15678 .wp-block[data-type="extendstudio/materialis"] .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, 15679 .wp-block[data-type="extendstudio/materialis"] .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, 15680 .wp-block[data-type="extendstudio/materialis"] .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, 15681 .wp-block[data-type="extendstudio/materialis"] .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, 15682 .wp-block[data-type="extendstudio/materialis"] .section-title-col-white-text .use-section-text-color > h6:not([class*=color]), 15683 .wp-block[data-type="extendstudio/materialis"] .section-title-col-white-text .use-section-text-color > i:not(.read-more-icon):not([class*=color]), 15684 .wp-block[data-type="extendstudio/materialis"] .section-title-col-white-text .use-section-text-color :not(.dark-text) p:not([class*=color]), 15685 .wp-block[data-type="extendstudio/materialis"] .section-title-col-white-text .use-section-text-color :not(.dark-text) h1:not([class*=color]), 15686 .wp-block[data-type="extendstudio/materialis"] .section-title-col-white-text .use-section-text-color :not(.dark-text) h2:not([class*=color]), 15687 .wp-block[data-type="extendstudio/materialis"] .section-title-col-white-text .use-section-text-color :not(.dark-text) h3:not([class*=color]), 15688 .wp-block[data-type="extendstudio/materialis"] .section-title-col-white-text .use-section-text-color :not(.dark-text) h4:not([class*=color]), 15689 .wp-block[data-type="extendstudio/materialis"] .section-title-col-white-text .use-section-text-color :not(.dark-text) h5:not([class*=color]), 15690 .wp-block[data-type="extendstudio/materialis"] .section-title-col-white-text .use-section-text-color :not(.dark-text) h6:not([class*=color]), 15691 .wp-block[data-type="extendstudio/materialis"] .section-title-col-white-text .use-section-text-color :not(.dark-text) i:not(.read-more-icon):not([class*=color]) { 15692 color: #ffffff; 15693 } 15694 15695 .wp-block[data-type="extendstudio/materialis"] .dark-text p:not([class*=color]), 15696 .wp-block[data-type="extendstudio/materialis"] .dark-text h1:not([class*=color]), 15697 .wp-block[data-type="extendstudio/materialis"] .dark-text h2:not([class*=color]), 15698 .wp-block[data-type="extendstudio/materialis"] .dark-text h3:not([class*=color]), 15699 .wp-block[data-type="extendstudio/materialis"] .dark-text h4:not([class*=color]), 15700 .wp-block[data-type="extendstudio/materialis"] .dark-text h5:not([class*=color]), 15701 .wp-block[data-type="extendstudio/materialis"] .dark-text .widget_block > .wp-block-group > .wp-block-group__inner-container h1:not([class*=color]):first-child, 15702 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .dark-text h1:not([class*=color]):first-child, 15703 .wp-block[data-type="extendstudio/materialis"] .dark-text .widget_block > .wp-block-group > .wp-block-group__inner-container h2:not([class*=color]):first-child, 15704 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .dark-text h2:not([class*=color]):first-child, 15705 .wp-block[data-type="extendstudio/materialis"] .dark-text .widget_block > .wp-block-group > .wp-block-group__inner-container h3:not([class*=color]):first-child, 15706 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .dark-text h3:not([class*=color]):first-child, 15707 .wp-block[data-type="extendstudio/materialis"] .dark-text .widget_block > .wp-block-group > .wp-block-group__inner-container h4:not([class*=color]):first-child, 15708 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .dark-text h4:not([class*=color]):first-child, 15709 .wp-block[data-type="extendstudio/materialis"] .dark-text .widget_block > .wp-block-group > .wp-block-group__inner-container h5:not([class*=color]):first-child, 15710 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .dark-text h5:not([class*=color]):first-child, 15711 .wp-block[data-type="extendstudio/materialis"] .dark-text .widget_block > .wp-block-group > .wp-block-group__inner-container h6:not([class*=color]):first-child, 15712 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .dark-text h6:not([class*=color]):first-child, 15713 .wp-block[data-type="extendstudio/materialis"] .dark-text h6:not([class*=color]), 15714 .wp-block[data-type="extendstudio/materialis"] .dark-text i:not(.read-more-icon):not([class*=color]), 15715 .wp-block[data-type="extendstudio/materialis"] .dark-text .section-title-col p:not([class*=color]), 15716 .wp-block[data-type="extendstudio/materialis"] .dark-text .section-title-col h1:not([class*=color]), 15717 .wp-block[data-type="extendstudio/materialis"] .dark-text .section-title-col h2:not([class*=color]), 15718 .wp-block[data-type="extendstudio/materialis"] .dark-text .section-title-col h3:not([class*=color]), 15719 .wp-block[data-type="extendstudio/materialis"] .dark-text .section-title-col h4:not([class*=color]), 15720 .wp-block[data-type="extendstudio/materialis"] .dark-text .section-title-col h5:not([class*=color]), 15721 .wp-block[data-type="extendstudio/materialis"] .dark-text .section-title-col h6:not([class*=color]), 15722 .wp-block[data-type="extendstudio/materialis"] .dark-text .section-title-col i:not(.read-more-icon):not([class*=color]) { 15723 color: #4a4a4a; 15724 } 15725 15726 .wp-block[data-type="extendstudio/materialis"] .section-title-col-dark-text .section-title-col p:not([class*=color]), 15727 .wp-block[data-type="extendstudio/materialis"] .section-title-col-dark-text .section-title-col h1:not([class*=color]), 15728 .wp-block[data-type="extendstudio/materialis"] .section-title-col-dark-text .section-title-col h2:not([class*=color]), 15729 .wp-block[data-type="extendstudio/materialis"] .section-title-col-dark-text .section-title-col h3:not([class*=color]), 15730 .wp-block[data-type="extendstudio/materialis"] .section-title-col-dark-text .section-title-col h4:not([class*=color]), 15731 .wp-block[data-type="extendstudio/materialis"] .section-title-col-dark-text .section-title-col h5:not([class*=color]), 15732 .wp-block[data-type="extendstudio/materialis"] .section-title-col-dark-text .section-title-col .widget_block > .wp-block-group > .wp-block-group__inner-container h1:not([class*=color]):first-child, 15733 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .section-title-col-dark-text .section-title-col h1:not([class*=color]):first-child, 15734 .wp-block[data-type="extendstudio/materialis"] .section-title-col-dark-text .section-title-col .widget_block > .wp-block-group > .wp-block-group__inner-container h2:not([class*=color]):first-child, 15735 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .section-title-col-dark-text .section-title-col h2:not([class*=color]):first-child, 15736 .wp-block[data-type="extendstudio/materialis"] .section-title-col-dark-text .section-title-col .widget_block > .wp-block-group > .wp-block-group__inner-container h3:not([class*=color]):first-child, 15737 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .section-title-col-dark-text .section-title-col h3:not([class*=color]):first-child, 15738 .wp-block[data-type="extendstudio/materialis"] .section-title-col-dark-text .section-title-col .widget_block > .wp-block-group > .wp-block-group__inner-container h4:not([class*=color]):first-child, 15739 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .section-title-col-dark-text .section-title-col h4:not([class*=color]):first-child, 15740 .wp-block[data-type="extendstudio/materialis"] .section-title-col-dark-text .section-title-col .widget_block > .wp-block-group > .wp-block-group__inner-container h5:not([class*=color]):first-child, 15741 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .section-title-col-dark-text .section-title-col h5:not([class*=color]):first-child, 15742 .wp-block[data-type="extendstudio/materialis"] .section-title-col-dark-text .section-title-col .widget_block > .wp-block-group > .wp-block-group__inner-container h6:not([class*=color]):first-child, 15743 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container .section-title-col-dark-text .section-title-col h6:not([class*=color]):first-child, 15744 .wp-block[data-type="extendstudio/materialis"] .section-title-col-dark-text .section-title-col h6:not([class*=color]), 15745 .wp-block[data-type="extendstudio/materialis"] .section-title-col-dark-text .section-title-col i:not(.read-more-icon):not([class*=color]) { 15746 color: #4a4a4a; 15747 } 15748 15749 .wp-block[data-type="extendstudio/materialis"] .section-title-col-dark-text .use-section-text-color > p:not([class*=color]), 15750 .wp-block[data-type="extendstudio/materialis"] .section-title-col-dark-text .use-section-text-color > h1:not([class*=color]), 15751 .wp-block[data-type="extendstudio/materialis"] .section-title-col-dark-text .use-section-text-color > h2:not([class*=color]), 15752 .wp-block[data-type="extendstudio/materialis"] .section-title-col-dark-text .use-section-text-color > h3:not([class*=color]), 15753 .wp-block[data-type="extendstudio/materialis"] .section-title-col-dark-text .use-section-text-color > h4:not([class*=color]), 15754 .wp-block[data-type="extendstudio/materialis"] .section-title-col-dark-text .use-section-text-color > h5:not([class*=color]), 15755 .wp-block[data-type="extendstudio/materialis"] .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, 15756 .wp-block[data-type="extendstudio/materialis"] .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, 15757 .wp-block[data-type="extendstudio/materialis"] .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, 15758 .wp-block[data-type="extendstudio/materialis"] .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, 15759 .wp-block[data-type="extendstudio/materialis"] .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, 15760 .wp-block[data-type="extendstudio/materialis"] .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, 15761 .wp-block[data-type="extendstudio/materialis"] .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, 15762 .wp-block[data-type="extendstudio/materialis"] .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, 15763 .wp-block[data-type="extendstudio/materialis"] .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, 15764 .wp-block[data-type="extendstudio/materialis"] .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, 15765 .wp-block[data-type="extendstudio/materialis"] .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, 15766 .wp-block[data-type="extendstudio/materialis"] .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, 15767 .wp-block[data-type="extendstudio/materialis"] .section-title-col-dark-text .use-section-text-color > h6:not([class*=color]), 15768 .wp-block[data-type="extendstudio/materialis"] .section-title-col-dark-text .use-section-text-color > i:not(.read-more-icon):not([class*=color]), 15769 .wp-block[data-type="extendstudio/materialis"] .section-title-col-dark-text .use-section-text-color :not(.white-text) p:not([class*=color]), 15770 .wp-block[data-type="extendstudio/materialis"] .section-title-col-dark-text .use-section-text-color :not(.white-text) h1:not([class*=color]), 15771 .wp-block[data-type="extendstudio/materialis"] .section-title-col-dark-text .use-section-text-color :not(.white-text) h2:not([class*=color]), 15772 .wp-block[data-type="extendstudio/materialis"] .section-title-col-dark-text .use-section-text-color :not(.white-text) h3:not([class*=color]), 15773 .wp-block[data-type="extendstudio/materialis"] .section-title-col-dark-text .use-section-text-color :not(.white-text) h4:not([class*=color]), 15774 .wp-block[data-type="extendstudio/materialis"] .section-title-col-dark-text .use-section-text-color :not(.white-text) h5:not([class*=color]), 15775 .wp-block[data-type="extendstudio/materialis"] .section-title-col-dark-text .use-section-text-color :not(.white-text) h6:not([class*=color]), 15776 .wp-block[data-type="extendstudio/materialis"] .section-title-col-dark-text .use-section-text-color :not(.white-text) i:not(.read-more-icon):not([class*=color]) { 15777 color: #4a4a4a; 15778 } 15779 15780 @media (min-width: 768px) { 15781 .wp-block[data-type="extendstudio/materialis"] div.content-left-sm { 15782 text-align: left; 15783 } 15784 15785 .wp-block[data-type="extendstudio/materialis"] div.content-left-sm h1, 15786 .wp-block[data-type="extendstudio/materialis"] div.content-left-sm h2, 15787 .wp-block[data-type="extendstudio/materialis"] div.content-left-sm h3, 15788 .wp-block[data-type="extendstudio/materialis"] div.content-left-sm h4, 15789 .wp-block[data-type="extendstudio/materialis"] div.content-left-sm h5, 15790 .wp-block[data-type="extendstudio/materialis"] div.content-left-sm .widget_block > .wp-block-group > .wp-block-group__inner-container h1:first-child, 15791 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container div.content-left-sm h1:first-child, 15792 .wp-block[data-type="extendstudio/materialis"] div.content-left-sm .widget_block > .wp-block-group > .wp-block-group__inner-container h2:first-child, 15793 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container div.content-left-sm h2:first-child, 15794 .wp-block[data-type="extendstudio/materialis"] div.content-left-sm .widget_block > .wp-block-group > .wp-block-group__inner-container h3:first-child, 15795 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container div.content-left-sm h3:first-child, 15796 .wp-block[data-type="extendstudio/materialis"] div.content-left-sm .widget_block > .wp-block-group > .wp-block-group__inner-container h4:first-child, 15797 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container div.content-left-sm h4:first-child, 15798 .wp-block[data-type="extendstudio/materialis"] div.content-left-sm .widget_block > .wp-block-group > .wp-block-group__inner-container h5:first-child, 15799 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container div.content-left-sm h5:first-child, 15800 .wp-block[data-type="extendstudio/materialis"] div.content-left-sm .widget_block > .wp-block-group > .wp-block-group__inner-container h6:first-child, 15801 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container div.content-left-sm h6:first-child, 15802 .wp-block[data-type="extendstudio/materialis"] div.content-left-sm h6, 15803 .wp-block[data-type="extendstudio/materialis"] div.content-left-sm p, 15804 .wp-block[data-type="extendstudio/materialis"] div.content-left-sm img { 15805 margin-left: 0; 15806 margin-right: auto; 15807 text-align: left; 15808 } 15809 15810 .wp-block[data-type="extendstudio/materialis"] div.content-left-sm .icon { 15811 margin-left: 0; 15812 margin-right: auto; 15813 } 15814 15815 .wp-block[data-type="extendstudio/materialis"] div.content-center-sm { 15816 text-align: center; 15817 } 15818 15819 .wp-block[data-type="extendstudio/materialis"] div.content-center-sm h1, 15820 .wp-block[data-type="extendstudio/materialis"] div.content-center-sm h2, 15821 .wp-block[data-type="extendstudio/materialis"] div.content-center-sm h3, 15822 .wp-block[data-type="extendstudio/materialis"] div.content-center-sm h4, 15823 .wp-block[data-type="extendstudio/materialis"] div.content-center-sm h5, 15824 .wp-block[data-type="extendstudio/materialis"] div.content-center-sm .widget_block > .wp-block-group > .wp-block-group__inner-container h1:first-child, 15825 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container div.content-center-sm h1:first-child, 15826 .wp-block[data-type="extendstudio/materialis"] div.content-center-sm .widget_block > .wp-block-group > .wp-block-group__inner-container h2:first-child, 15827 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container div.content-center-sm h2:first-child, 15828 .wp-block[data-type="extendstudio/materialis"] div.content-center-sm .widget_block > .wp-block-group > .wp-block-group__inner-container h3:first-child, 15829 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container div.content-center-sm h3:first-child, 15830 .wp-block[data-type="extendstudio/materialis"] div.content-center-sm .widget_block > .wp-block-group > .wp-block-group__inner-container h4:first-child, 15831 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container div.content-center-sm h4:first-child, 15832 .wp-block[data-type="extendstudio/materialis"] div.content-center-sm .widget_block > .wp-block-group > .wp-block-group__inner-container h5:first-child, 15833 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container div.content-center-sm h5:first-child, 15834 .wp-block[data-type="extendstudio/materialis"] div.content-center-sm .widget_block > .wp-block-group > .wp-block-group__inner-container h6:first-child, 15835 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container div.content-center-sm h6:first-child, 15836 .wp-block[data-type="extendstudio/materialis"] div.content-center-sm h6, 15837 .wp-block[data-type="extendstudio/materialis"] div.content-center-sm p, 15838 .wp-block[data-type="extendstudio/materialis"] div.content-center-sm img, 15839 .wp-block[data-type="extendstudio/materialis"] div.content-center-sm [data-type=group] { 15840 text-align: center; 15841 margin-left: auto; 15842 margin-right: auto; 15843 } 15844 15845 .wp-block[data-type="extendstudio/materialis"] div.content-center-sm .icon, 15846 .wp-block[data-type="extendstudio/materialis"] div.content-center-sm img { 15847 margin-left: auto; 15848 margin-right: auto; 15849 text-align: center; 15850 } 15851 15852 .wp-block[data-type="extendstudio/materialis"] div.content-right-sm { 15853 text-align: right; 15854 } 15855 15856 .wp-block[data-type="extendstudio/materialis"] div.content-right-sm h1, 15857 .wp-block[data-type="extendstudio/materialis"] div.content-right-sm h2, 15858 .wp-block[data-type="extendstudio/materialis"] div.content-right-sm h3, 15859 .wp-block[data-type="extendstudio/materialis"] div.content-right-sm h4, 15860 .wp-block[data-type="extendstudio/materialis"] div.content-right-sm h5, 15861 .wp-block[data-type="extendstudio/materialis"] div.content-right-sm .widget_block > .wp-block-group > .wp-block-group__inner-container h1:first-child, 15862 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container div.content-right-sm h1:first-child, 15863 .wp-block[data-type="extendstudio/materialis"] div.content-right-sm .widget_block > .wp-block-group > .wp-block-group__inner-container h2:first-child, 15864 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container div.content-right-sm h2:first-child, 15865 .wp-block[data-type="extendstudio/materialis"] div.content-right-sm .widget_block > .wp-block-group > .wp-block-group__inner-container h3:first-child, 15866 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container div.content-right-sm h3:first-child, 15867 .wp-block[data-type="extendstudio/materialis"] div.content-right-sm .widget_block > .wp-block-group > .wp-block-group__inner-container h4:first-child, 15868 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container div.content-right-sm h4:first-child, 15869 .wp-block[data-type="extendstudio/materialis"] div.content-right-sm .widget_block > .wp-block-group > .wp-block-group__inner-container h5:first-child, 15870 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container div.content-right-sm h5:first-child, 15871 .wp-block[data-type="extendstudio/materialis"] div.content-right-sm .widget_block > .wp-block-group > .wp-block-group__inner-container h6:first-child, 15872 .wp-block[data-type="extendstudio/materialis"] .widget_block > .wp-block-group > .wp-block-group__inner-container div.content-right-sm h6:first-child, 15873 .wp-block[data-type="extendstudio/materialis"] div.content-right-sm h6, 15874 .wp-block[data-type="extendstudio/materialis"] div.content-right-sm p, 15875 .wp-block[data-type="extendstudio/materialis"] div.content-right-sm img, 15876 .wp-block[data-type="extendstudio/materialis"] div.content-right-sm [data-type=group] { 15877 margin-right: 0; 15878 margin-left: auto; 15879 text-align: right; 15880 } 15881 15882 .wp-block[data-type="extendstudio/materialis"] div.content-right-sm .icon { 15883 margin-right: 0; 15884 margin-left: auto; 15885 } 15886 } 15887 15888 @-webkit-keyframes per-column-not-rendering { 15889 from { 15890 opacity: 0; 15891 } 15892 15893 to { 15894 opacity: 1; 15895 } 15896 } 15897 15898 @keyframes per-column-not-rendering { 15899 from { 15900 opacity: 0; 15901 } 15902 15903 to { 15904 opacity: 1; 15905 } 15906 } 15907 15908 @media (max-width: 767px) { 15909 .wp-block[data-type="extendstudio/materialis"] .cols-border-between div.col-xs-1 { 15910 border-right-width: 1px; 15911 border-right-style: solid; 15912 border-right-color: #228ae6; 15913 } 15914 } 15915 15916 @media (max-width: 767px) and (min-width: 768px) { 15917 .wp-block[data-type="extendstudio/materialis"] .cols-border-between div.col-xs-1 { 15918 padding-left: 40px; 15919 padding-right: 40px; 15920 } 15921 } 15922 15923 @media (max-width: 767px) { 15924 .wp-block[data-type="extendstudio/materialis"] .cols-border-between div.col-xs-1:nth-of-type(12n) { 15925 border-right: transparent; 15926 } 15927 } 15928 15929 @media (max-width: 767px) { 15930 .wp-block[data-type="extendstudio/materialis"] .cols-border-between div.col-xs-1:last-of-type { 15931 border-right: transparent; 15932 } 15933 } 15934 15935 @media (max-width: 767px) { 15936 .wp-block[data-type="extendstudio/materialis"] .cols-border-between div.col-xs-2 { 15937 border-right-width: 1px; 15938 border-right-style: solid; 15939 border-right-color: #228ae6; 15940 } 15941 } 15942 15943 @media (max-width: 767px) and (min-width: 768px) { 15944 .wp-block[data-type="extendstudio/materialis"] .cols-border-between div.col-xs-2 { 15945 padding-left: 40px; 15946 padding-right: 40px; 15947 } 15948 } 15949 15950 @media (max-width: 767px) { 15951 .wp-block[data-type="extendstudio/materialis"] .cols-border-between div.col-xs-2:nth-of-type(6n) { 15952 border-right: transparent; 15953 } 15954 } 15955 15956 @media (max-width: 767px) { 15957 .wp-block[data-type="extendstudio/materialis"] .cols-border-between div.col-xs-2:last-of-type { 15958 border-right: transparent; 15959 } 15960 } 15961 15962 @media (max-width: 767px) { 15963 .wp-block[data-type="extendstudio/materialis"] .cols-border-between div.col-xs-3 { 15964 border-right-width: 1px; 15965 border-right-style: solid; 15966 border-right-color: #228ae6; 15967 } 15968 } 15969 15970 @media (max-width: 767px) and (min-width: 768px) { 15971 .wp-block[data-type="extendstudio/materialis"] .cols-border-between div.col-xs-3 { 15972 padding-left: 40px; 15973 padding-right: 40px; 15974 } 15975 } 15976 15977 @media (max-width: 767px) { 15978 .wp-block[data-type="extendstudio/materialis"] .cols-border-between div.col-xs-3:nth-of-type(4n) { 15979 border-right: transparent; 15980 } 15981 } 15982 15983 @media (max-width: 767px) { 15984 .wp-block[data-type="extendstudio/materialis"] .cols-border-between div.col-xs-3:last-of-type { 15985 border-right: transparent; 15986 } 15987 } 15988 15989 @media (max-width: 767px) { 15990 .wp-block[data-type="extendstudio/materialis"] .cols-border-between div.col-xs-4 { 15991 border-right-width: 1px; 15992 border-right-style: solid; 15993 border-right-color: #228ae6; 15994 } 15995 } 15996 15997 @media (max-width: 767px) and (min-width: 768px) { 15998 .wp-block[data-type="extendstudio/materialis"] .cols-border-between div.col-xs-4 { 15999 padding-left: 40px; 16000 padding-right: 40px; 16001 } 16002 } 16003 16004 @media (max-width: 767px) { 16005 .wp-block[data-type="extendstudio/materialis"] .cols-border-between div.col-xs-4:nth-of-type(3n) { 16006 border-right: transparent; 16007 } 16008 } 16009 16010 @media (max-width: 767px) { 16011 .wp-block[data-type="extendstudio/materialis"] .cols-border-between div.col-xs-4:last-of-type { 16012 border-right: transparent; 16013 } 16014 } 16015 16016 @media (max-width: 767px) { 16017 .wp-block[data-type="extendstudio/materialis"] .cols-border-between div.col-xs-6 { 16018 border-right-width: 1px; 16019 border-right-style: solid; 16020 border-right-color: #228ae6; 16021 } 16022 } 16023 16024 @media (max-width: 767px) and (min-width: 768px) { 16025 .wp-block[data-type="extendstudio/materialis"] .cols-border-between div.col-xs-6 { 16026 padding-left: 40px; 16027 padding-right: 40px; 16028 } 16029 } 16030 16031 @media (max-width: 767px) { 16032 .wp-block[data-type="extendstudio/materialis"] .cols-border-between div.col-xs-6:nth-of-type(2n) { 16033 border-right: transparent; 16034 } 16035 } 16036 16037 @media (max-width: 767px) { 16038 .wp-block[data-type="extendstudio/materialis"] .cols-border-between div.col-xs-6:last-of-type { 16039 border-right: transparent; 16040 } 16041 } 16042 16043 @media (max-width: 767px) { 16044 .wp-block[data-type="extendstudio/materialis"] .cols-border-between div.col-xs-12 { 16045 border-right-width: 1px; 16046 border-right-style: solid; 16047 border-right-color: #228ae6; 16048 } 16049 } 16050 16051 @media (max-width: 767px) and (min-width: 768px) { 16052 .wp-block[data-type="extendstudio/materialis"] .cols-border-between div.col-xs-12 { 16053 padding-left: 40px; 16054 padding-right: 40px; 16055 } 16056 } 16057 16058 @media (max-width: 767px) { 16059 .wp-block[data-type="extendstudio/materialis"] .cols-border-between div.col-xs-12:nth-of-type(1n) { 16060 border-right: transparent; 16061 } 16062 } 16063 16064 @media (max-width: 767px) { 16065 .wp-block[data-type="extendstudio/materialis"] .cols-border-between div.col-xs-12:last-of-type { 16066 border-right: transparent; 16067 } 16068 } 16069 16070 @media (max-width: 767px) { 16071 .wp-block[data-type="extendstudio/materialis"] .cols-border-between div.col-xs-12 { 16072 border-right: none; 16073 border-bottom: 1px solid #228ae6; 16074 } 16075 } 16076 16077 @media (max-width: 767px) { 16078 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-xs-1 { 16079 position: relative; 16080 } 16081 } 16082 16083 @media (max-width: 767px) and (min-width: 768px) { 16084 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-xs-1 { 16085 padding-left: 40px; 16086 padding-right: 40px; 16087 } 16088 } 16089 16090 @media (max-width: 767px) { 16091 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-xs-1:after { 16092 background: #228ae6; 16093 content: ""; 16094 display: block; 16095 height: 90%; 16096 position: absolute; 16097 right: 0; 16098 top: 5%; 16099 width: 1px; 16100 -webkit-backface-visibility: hidden; 16101 -webkit-transform: translateZ(0); 16102 transform: translateZ(0); 16103 -webkit-animation-name: per-column-not-rendering; 16104 animation-name: per-column-not-rendering; 16105 -webkit-animation-duration: 0.1s; 16106 animation-duration: 0.1s; 16107 } 16108 } 16109 16110 @media (max-width: 767px) { 16111 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-xs-1:nth-of-type(12n):after { 16112 background: transparent; 16113 } 16114 } 16115 16116 @media (max-width: 767px) { 16117 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-xs-1:last-of-type:after { 16118 background: transparent; 16119 } 16120 } 16121 16122 @media (max-width: 767px) { 16123 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-xs-2 { 16124 position: relative; 16125 } 16126 } 16127 16128 @media (max-width: 767px) and (min-width: 768px) { 16129 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-xs-2 { 16130 padding-left: 40px; 16131 padding-right: 40px; 16132 } 16133 } 16134 16135 @media (max-width: 767px) { 16136 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-xs-2:after { 16137 background: #228ae6; 16138 content: ""; 16139 display: block; 16140 height: 90%; 16141 position: absolute; 16142 right: 0; 16143 top: 5%; 16144 width: 1px; 16145 -webkit-backface-visibility: hidden; 16146 -webkit-transform: translateZ(0); 16147 transform: translateZ(0); 16148 -webkit-animation-name: per-column-not-rendering; 16149 animation-name: per-column-not-rendering; 16150 -webkit-animation-duration: 0.1s; 16151 animation-duration: 0.1s; 16152 } 16153 } 16154 16155 @media (max-width: 767px) { 16156 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-xs-2:nth-of-type(6n):after { 16157 background: transparent; 16158 } 16159 } 16160 16161 @media (max-width: 767px) { 16162 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-xs-2:last-of-type:after { 16163 background: transparent; 16164 } 16165 } 16166 16167 @media (max-width: 767px) { 16168 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-xs-3 { 16169 position: relative; 16170 } 16171 } 16172 16173 @media (max-width: 767px) and (min-width: 768px) { 16174 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-xs-3 { 16175 padding-left: 40px; 16176 padding-right: 40px; 16177 } 16178 } 16179 16180 @media (max-width: 767px) { 16181 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-xs-3:after { 16182 background: #228ae6; 16183 content: ""; 16184 display: block; 16185 height: 90%; 16186 position: absolute; 16187 right: 0; 16188 top: 5%; 16189 width: 1px; 16190 -webkit-backface-visibility: hidden; 16191 -webkit-transform: translateZ(0); 16192 transform: translateZ(0); 16193 -webkit-animation-name: per-column-not-rendering; 16194 animation-name: per-column-not-rendering; 16195 -webkit-animation-duration: 0.1s; 16196 animation-duration: 0.1s; 16197 } 16198 } 16199 16200 @media (max-width: 767px) { 16201 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-xs-3:nth-of-type(4n):after { 16202 background: transparent; 16203 } 16204 } 16205 16206 @media (max-width: 767px) { 16207 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-xs-3:last-of-type:after { 16208 background: transparent; 16209 } 16210 } 16211 16212 @media (max-width: 767px) { 16213 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-xs-4 { 16214 position: relative; 16215 } 16216 } 16217 16218 @media (max-width: 767px) and (min-width: 768px) { 16219 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-xs-4 { 16220 padding-left: 40px; 16221 padding-right: 40px; 16222 } 16223 } 16224 16225 @media (max-width: 767px) { 16226 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-xs-4:after { 16227 background: #228ae6; 16228 content: ""; 16229 display: block; 16230 height: 90%; 16231 position: absolute; 16232 right: 0; 16233 top: 5%; 16234 width: 1px; 16235 -webkit-backface-visibility: hidden; 16236 -webkit-transform: translateZ(0); 16237 transform: translateZ(0); 16238 -webkit-animation-name: per-column-not-rendering; 16239 animation-name: per-column-not-rendering; 16240 -webkit-animation-duration: 0.1s; 16241 animation-duration: 0.1s; 16242 } 16243 } 16244 16245 @media (max-width: 767px) { 16246 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-xs-4:nth-of-type(3n):after { 16247 background: transparent; 16248 } 16249 } 16250 16251 @media (max-width: 767px) { 16252 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-xs-4:last-of-type:after { 16253 background: transparent; 16254 } 16255 } 16256 16257 @media (max-width: 767px) { 16258 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-xs-6 { 16259 position: relative; 16260 } 16261 } 16262 16263 @media (max-width: 767px) and (min-width: 768px) { 16264 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-xs-6 { 16265 padding-left: 40px; 16266 padding-right: 40px; 16267 } 16268 } 16269 16270 @media (max-width: 767px) { 16271 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-xs-6:after { 16272 background: #228ae6; 16273 content: ""; 16274 display: block; 16275 height: 90%; 16276 position: absolute; 16277 right: 0; 16278 top: 5%; 16279 width: 1px; 16280 -webkit-backface-visibility: hidden; 16281 -webkit-transform: translateZ(0); 16282 transform: translateZ(0); 16283 -webkit-animation-name: per-column-not-rendering; 16284 animation-name: per-column-not-rendering; 16285 -webkit-animation-duration: 0.1s; 16286 animation-duration: 0.1s; 16287 } 16288 } 16289 16290 @media (max-width: 767px) { 16291 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-xs-6:nth-of-type(2n):after { 16292 background: transparent; 16293 } 16294 } 16295 16296 @media (max-width: 767px) { 16297 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-xs-6:last-of-type:after { 16298 background: transparent; 16299 } 16300 } 16301 16302 @media (max-width: 767px) { 16303 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-xs-12 { 16304 position: relative; 16305 } 16306 } 16307 16308 @media (max-width: 767px) and (min-width: 768px) { 16309 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-xs-12 { 16310 padding-left: 40px; 16311 padding-right: 40px; 16312 } 16313 } 16314 16315 @media (max-width: 767px) { 16316 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-xs-12:after { 16317 background: #228ae6; 16318 content: ""; 16319 display: block; 16320 height: 90%; 16321 position: absolute; 16322 right: 0; 16323 top: 5%; 16324 width: 1px; 16325 -webkit-backface-visibility: hidden; 16326 -webkit-transform: translateZ(0); 16327 transform: translateZ(0); 16328 -webkit-animation-name: per-column-not-rendering; 16329 animation-name: per-column-not-rendering; 16330 -webkit-animation-duration: 0.1s; 16331 animation-duration: 0.1s; 16332 } 16333 } 16334 16335 @media (max-width: 767px) { 16336 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-xs-12:nth-of-type(1n):after { 16337 background: transparent; 16338 } 16339 } 16340 16341 @media (max-width: 767px) { 16342 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-xs-12:last-of-type:after { 16343 background: transparent; 16344 } 16345 } 16346 16347 @media (max-width: 767px) { 16348 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-xs-12:after { 16349 display: block !important; 16350 background: #228ae6; 16351 height: 1px; 16352 width: 100%; 16353 top: auto; 16354 left: 0; 16355 bottom: 0; 16356 } 16357 } 16358 16359 @media (min-width: 768px) and (max-width: 1023px) { 16360 .wp-block[data-type="extendstudio/materialis"] .cols-border-between div.col-sm-1 { 16361 border-right-width: 1px; 16362 border-right-style: solid; 16363 border-right-color: #228ae6; 16364 } 16365 } 16366 16367 @media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) { 16368 .wp-block[data-type="extendstudio/materialis"] .cols-border-between div.col-sm-1 { 16369 padding-left: 40px; 16370 padding-right: 40px; 16371 } 16372 } 16373 16374 @media (min-width: 768px) and (max-width: 1023px) { 16375 .wp-block[data-type="extendstudio/materialis"] .cols-border-between div.col-sm-1:nth-of-type(12n) { 16376 border-right: transparent; 16377 } 16378 } 16379 16380 @media (min-width: 768px) and (max-width: 1023px) { 16381 .wp-block[data-type="extendstudio/materialis"] .cols-border-between div.col-sm-1:last-of-type { 16382 border-right: transparent; 16383 } 16384 } 16385 16386 @media (min-width: 768px) and (max-width: 1023px) { 16387 .wp-block[data-type="extendstudio/materialis"] .cols-border-between div.col-sm-2 { 16388 border-right-width: 1px; 16389 border-right-style: solid; 16390 border-right-color: #228ae6; 16391 } 16392 } 16393 16394 @media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) { 16395 .wp-block[data-type="extendstudio/materialis"] .cols-border-between div.col-sm-2 { 16396 padding-left: 40px; 16397 padding-right: 40px; 16398 } 16399 } 16400 16401 @media (min-width: 768px) and (max-width: 1023px) { 16402 .wp-block[data-type="extendstudio/materialis"] .cols-border-between div.col-sm-2:nth-of-type(6n) { 16403 border-right: transparent; 16404 } 16405 } 16406 16407 @media (min-width: 768px) and (max-width: 1023px) { 16408 .wp-block[data-type="extendstudio/materialis"] .cols-border-between div.col-sm-2:last-of-type { 16409 border-right: transparent; 16410 } 16411 } 16412 16413 @media (min-width: 768px) and (max-width: 1023px) { 16414 .wp-block[data-type="extendstudio/materialis"] .cols-border-between div.col-sm-3 { 16415 border-right-width: 1px; 16416 border-right-style: solid; 16417 border-right-color: #228ae6; 16418 } 16419 } 16420 16421 @media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) { 16422 .wp-block[data-type="extendstudio/materialis"] .cols-border-between div.col-sm-3 { 16423 padding-left: 40px; 16424 padding-right: 40px; 16425 } 16426 } 16427 16428 @media (min-width: 768px) and (max-width: 1023px) { 16429 .wp-block[data-type="extendstudio/materialis"] .cols-border-between div.col-sm-3:nth-of-type(4n) { 16430 border-right: transparent; 16431 } 16432 } 16433 16434 @media (min-width: 768px) and (max-width: 1023px) { 16435 .wp-block[data-type="extendstudio/materialis"] .cols-border-between div.col-sm-3:last-of-type { 16436 border-right: transparent; 16437 } 16438 } 16439 16440 @media (min-width: 768px) and (max-width: 1023px) { 16441 .wp-block[data-type="extendstudio/materialis"] .cols-border-between div.col-sm-4 { 16442 border-right-width: 1px; 16443 border-right-style: solid; 16444 border-right-color: #228ae6; 16445 } 16446 } 16447 16448 @media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) { 16449 .wp-block[data-type="extendstudio/materialis"] .cols-border-between div.col-sm-4 { 16450 padding-left: 40px; 16451 padding-right: 40px; 16452 } 16453 } 16454 16455 @media (min-width: 768px) and (max-width: 1023px) { 16456 .wp-block[data-type="extendstudio/materialis"] .cols-border-between div.col-sm-4:nth-of-type(3n) { 16457 border-right: transparent; 16458 } 16459 } 16460 16461 @media (min-width: 768px) and (max-width: 1023px) { 16462 .wp-block[data-type="extendstudio/materialis"] .cols-border-between div.col-sm-4:last-of-type { 16463 border-right: transparent; 16464 } 16465 } 16466 16467 @media (min-width: 768px) and (max-width: 1023px) { 16468 .wp-block[data-type="extendstudio/materialis"] .cols-border-between div.col-sm-6, 16469 .wp-block[data-type="extendstudio/materialis"] .cols-border-between .post-comments .navigation div.prev-posts, 16470 .wp-block[data-type="extendstudio/materialis"] .post-comments .navigation .cols-border-between div.prev-posts, 16471 .wp-block[data-type="extendstudio/materialis"] .cols-border-between .post-comments .navigation div.next-posts, 16472 .wp-block[data-type="extendstudio/materialis"] .post-comments .navigation .cols-border-between div.next-posts { 16473 border-right-width: 1px; 16474 border-right-style: solid; 16475 border-right-color: #228ae6; 16476 } 16477 } 16478 16479 @media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) { 16480 .wp-block[data-type="extendstudio/materialis"] .cols-border-between div.col-sm-6, 16481 .wp-block[data-type="extendstudio/materialis"] .cols-border-between .post-comments .navigation div.prev-posts, 16482 .wp-block[data-type="extendstudio/materialis"] .post-comments .navigation .cols-border-between div.prev-posts, 16483 .wp-block[data-type="extendstudio/materialis"] .cols-border-between .post-comments .navigation div.next-posts, 16484 .wp-block[data-type="extendstudio/materialis"] .post-comments .navigation .cols-border-between div.next-posts { 16485 padding-left: 40px; 16486 padding-right: 40px; 16487 } 16488 } 16489 16490 @media (min-width: 768px) and (max-width: 1023px) { 16491 .wp-block[data-type="extendstudio/materialis"] .cols-border-between div.col-sm-6:nth-of-type(2n), 16492 .wp-block[data-type="extendstudio/materialis"] .cols-border-between .post-comments .navigation div.prev-posts:nth-of-type(2n), 16493 .wp-block[data-type="extendstudio/materialis"] .post-comments .navigation .cols-border-between div.prev-posts:nth-of-type(2n), 16494 .wp-block[data-type="extendstudio/materialis"] .cols-border-between .post-comments .navigation div.next-posts:nth-of-type(2n), 16495 .wp-block[data-type="extendstudio/materialis"] .post-comments .navigation .cols-border-between div.next-posts:nth-of-type(2n) { 16496 border-right: transparent; 16497 } 16498 } 16499 16500 @media (min-width: 768px) and (max-width: 1023px) { 16501 .wp-block[data-type="extendstudio/materialis"] .cols-border-between div.col-sm-6:last-of-type, 16502 .wp-block[data-type="extendstudio/materialis"] .cols-border-between .post-comments .navigation div.prev-posts:last-of-type, 16503 .wp-block[data-type="extendstudio/materialis"] .post-comments .navigation .cols-border-between div.prev-posts:last-of-type, 16504 .wp-block[data-type="extendstudio/materialis"] .cols-border-between .post-comments .navigation div.next-posts:last-of-type, 16505 .wp-block[data-type="extendstudio/materialis"] .post-comments .navigation .cols-border-between div.next-posts:last-of-type { 16506 border-right: transparent; 16507 } 16508 } 16509 16510 @media (min-width: 768px) and (max-width: 1023px) { 16511 .wp-block[data-type="extendstudio/materialis"] .cols-border-between div.col-sm-12 { 16512 border-right-width: 1px; 16513 border-right-style: solid; 16514 border-right-color: #228ae6; 16515 } 16516 } 16517 16518 @media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) { 16519 .wp-block[data-type="extendstudio/materialis"] .cols-border-between div.col-sm-12 { 16520 padding-left: 40px; 16521 padding-right: 40px; 16522 } 16523 } 16524 16525 @media (min-width: 768px) and (max-width: 1023px) { 16526 .wp-block[data-type="extendstudio/materialis"] .cols-border-between div.col-sm-12:nth-of-type(1n) { 16527 border-right: transparent; 16528 } 16529 } 16530 16531 @media (min-width: 768px) and (max-width: 1023px) { 16532 .wp-block[data-type="extendstudio/materialis"] .cols-border-between div.col-sm-12:last-of-type { 16533 border-right: transparent; 16534 } 16535 } 16536 16537 @media (min-width: 768px) and (max-width: 1023px) { 16538 .wp-block[data-type="extendstudio/materialis"] .cols-border-between div.col-sm-12 { 16539 border-right: none; 16540 border-bottom: 1px solid #228ae6; 16541 } 16542 } 16543 16544 @media (min-width: 768px) and (max-width: 1023px) { 16545 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-sm-1 { 16546 position: relative; 16547 } 16548 } 16549 16550 @media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) { 16551 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-sm-1 { 16552 padding-left: 40px; 16553 padding-right: 40px; 16554 } 16555 } 16556 16557 @media (min-width: 768px) and (max-width: 1023px) { 16558 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-sm-1:after { 16559 background: #228ae6; 16560 content: ""; 16561 display: block; 16562 height: 90%; 16563 position: absolute; 16564 right: 0; 16565 top: 5%; 16566 width: 1px; 16567 -webkit-backface-visibility: hidden; 16568 -webkit-transform: translateZ(0); 16569 transform: translateZ(0); 16570 -webkit-animation-name: per-column-not-rendering; 16571 animation-name: per-column-not-rendering; 16572 -webkit-animation-duration: 0.1s; 16573 animation-duration: 0.1s; 16574 } 16575 } 16576 16577 @media (min-width: 768px) and (max-width: 1023px) { 16578 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-sm-1:nth-of-type(12n):after { 16579 background: transparent; 16580 } 16581 } 16582 16583 @media (min-width: 768px) and (max-width: 1023px) { 16584 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-sm-1:last-of-type:after { 16585 background: transparent; 16586 } 16587 } 16588 16589 @media (min-width: 768px) and (max-width: 1023px) { 16590 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-sm-2 { 16591 position: relative; 16592 } 16593 } 16594 16595 @media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) { 16596 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-sm-2 { 16597 padding-left: 40px; 16598 padding-right: 40px; 16599 } 16600 } 16601 16602 @media (min-width: 768px) and (max-width: 1023px) { 16603 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-sm-2:after { 16604 background: #228ae6; 16605 content: ""; 16606 display: block; 16607 height: 90%; 16608 position: absolute; 16609 right: 0; 16610 top: 5%; 16611 width: 1px; 16612 -webkit-backface-visibility: hidden; 16613 -webkit-transform: translateZ(0); 16614 transform: translateZ(0); 16615 -webkit-animation-name: per-column-not-rendering; 16616 animation-name: per-column-not-rendering; 16617 -webkit-animation-duration: 0.1s; 16618 animation-duration: 0.1s; 16619 } 16620 } 16621 16622 @media (min-width: 768px) and (max-width: 1023px) { 16623 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-sm-2:nth-of-type(6n):after { 16624 background: transparent; 16625 } 16626 } 16627 16628 @media (min-width: 768px) and (max-width: 1023px) { 16629 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-sm-2:last-of-type:after { 16630 background: transparent; 16631 } 16632 } 16633 16634 @media (min-width: 768px) and (max-width: 1023px) { 16635 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-sm-3 { 16636 position: relative; 16637 } 16638 } 16639 16640 @media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) { 16641 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-sm-3 { 16642 padding-left: 40px; 16643 padding-right: 40px; 16644 } 16645 } 16646 16647 @media (min-width: 768px) and (max-width: 1023px) { 16648 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-sm-3:after { 16649 background: #228ae6; 16650 content: ""; 16651 display: block; 16652 height: 90%; 16653 position: absolute; 16654 right: 0; 16655 top: 5%; 16656 width: 1px; 16657 -webkit-backface-visibility: hidden; 16658 -webkit-transform: translateZ(0); 16659 transform: translateZ(0); 16660 -webkit-animation-name: per-column-not-rendering; 16661 animation-name: per-column-not-rendering; 16662 -webkit-animation-duration: 0.1s; 16663 animation-duration: 0.1s; 16664 } 16665 } 16666 16667 @media (min-width: 768px) and (max-width: 1023px) { 16668 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-sm-3:nth-of-type(4n):after { 16669 background: transparent; 16670 } 16671 } 16672 16673 @media (min-width: 768px) and (max-width: 1023px) { 16674 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-sm-3:last-of-type:after { 16675 background: transparent; 16676 } 16677 } 16678 16679 @media (min-width: 768px) and (max-width: 1023px) { 16680 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-sm-4 { 16681 position: relative; 16682 } 16683 } 16684 16685 @media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) { 16686 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-sm-4 { 16687 padding-left: 40px; 16688 padding-right: 40px; 16689 } 16690 } 16691 16692 @media (min-width: 768px) and (max-width: 1023px) { 16693 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-sm-4:after { 16694 background: #228ae6; 16695 content: ""; 16696 display: block; 16697 height: 90%; 16698 position: absolute; 16699 right: 0; 16700 top: 5%; 16701 width: 1px; 16702 -webkit-backface-visibility: hidden; 16703 -webkit-transform: translateZ(0); 16704 transform: translateZ(0); 16705 -webkit-animation-name: per-column-not-rendering; 16706 animation-name: per-column-not-rendering; 16707 -webkit-animation-duration: 0.1s; 16708 animation-duration: 0.1s; 16709 } 16710 } 16711 16712 @media (min-width: 768px) and (max-width: 1023px) { 16713 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-sm-4:nth-of-type(3n):after { 16714 background: transparent; 16715 } 16716 } 16717 16718 @media (min-width: 768px) and (max-width: 1023px) { 16719 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-sm-4:last-of-type:after { 16720 background: transparent; 16721 } 16722 } 16723 16724 @media (min-width: 768px) and (max-width: 1023px) { 16725 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-sm-6, 16726 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between .post-comments .navigation div.prev-posts, 16727 .wp-block[data-type="extendstudio/materialis"] .post-comments .navigation .cols-separator-between div.prev-posts, 16728 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between .post-comments .navigation div.next-posts, 16729 .wp-block[data-type="extendstudio/materialis"] .post-comments .navigation .cols-separator-between div.next-posts { 16730 position: relative; 16731 } 16732 } 16733 16734 @media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) { 16735 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-sm-6, 16736 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between .post-comments .navigation div.prev-posts, 16737 .wp-block[data-type="extendstudio/materialis"] .post-comments .navigation .cols-separator-between div.prev-posts, 16738 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between .post-comments .navigation div.next-posts, 16739 .wp-block[data-type="extendstudio/materialis"] .post-comments .navigation .cols-separator-between div.next-posts { 16740 padding-left: 40px; 16741 padding-right: 40px; 16742 } 16743 } 16744 16745 @media (min-width: 768px) and (max-width: 1023px) { 16746 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-sm-6:after, 16747 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between .post-comments .navigation div.prev-posts:after, 16748 .wp-block[data-type="extendstudio/materialis"] .post-comments .navigation .cols-separator-between div.prev-posts:after, 16749 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between .post-comments .navigation div.next-posts:after, 16750 .wp-block[data-type="extendstudio/materialis"] .post-comments .navigation .cols-separator-between div.next-posts:after { 16751 background: #228ae6; 16752 content: ""; 16753 display: block; 16754 height: 90%; 16755 position: absolute; 16756 right: 0; 16757 top: 5%; 16758 width: 1px; 16759 -webkit-backface-visibility: hidden; 16760 -webkit-transform: translateZ(0); 16761 transform: translateZ(0); 16762 -webkit-animation-name: per-column-not-rendering; 16763 animation-name: per-column-not-rendering; 16764 -webkit-animation-duration: 0.1s; 16765 animation-duration: 0.1s; 16766 } 16767 } 16768 16769 @media (min-width: 768px) and (max-width: 1023px) { 16770 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-sm-6:nth-of-type(2n):after, 16771 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between .post-comments .navigation div.prev-posts:nth-of-type(2n):after, 16772 .wp-block[data-type="extendstudio/materialis"] .post-comments .navigation .cols-separator-between div.prev-posts:nth-of-type(2n):after, 16773 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between .post-comments .navigation div.next-posts:nth-of-type(2n):after, 16774 .wp-block[data-type="extendstudio/materialis"] .post-comments .navigation .cols-separator-between div.next-posts:nth-of-type(2n):after { 16775 background: transparent; 16776 } 16777 } 16778 16779 @media (min-width: 768px) and (max-width: 1023px) { 16780 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-sm-6:last-of-type:after, 16781 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between .post-comments .navigation div.prev-posts:last-of-type:after, 16782 .wp-block[data-type="extendstudio/materialis"] .post-comments .navigation .cols-separator-between div.prev-posts:last-of-type:after, 16783 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between .post-comments .navigation div.next-posts:last-of-type:after, 16784 .wp-block[data-type="extendstudio/materialis"] .post-comments .navigation .cols-separator-between div.next-posts:last-of-type:after { 16785 background: transparent; 16786 } 16787 } 16788 16789 @media (min-width: 768px) and (max-width: 1023px) { 16790 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-sm-12 { 16791 position: relative; 16792 } 16793 } 16794 16795 @media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) { 16796 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-sm-12 { 16797 padding-left: 40px; 16798 padding-right: 40px; 16799 } 16800 } 16801 16802 @media (min-width: 768px) and (max-width: 1023px) { 16803 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-sm-12:after { 16804 background: #228ae6; 16805 content: ""; 16806 display: block; 16807 height: 90%; 16808 position: absolute; 16809 right: 0; 16810 top: 5%; 16811 width: 1px; 16812 -webkit-backface-visibility: hidden; 16813 -webkit-transform: translateZ(0); 16814 transform: translateZ(0); 16815 -webkit-animation-name: per-column-not-rendering; 16816 animation-name: per-column-not-rendering; 16817 -webkit-animation-duration: 0.1s; 16818 animation-duration: 0.1s; 16819 } 16820 } 16821 16822 @media (min-width: 768px) and (max-width: 1023px) { 16823 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-sm-12:nth-of-type(1n):after { 16824 background: transparent; 16825 } 16826 } 16827 16828 @media (min-width: 768px) and (max-width: 1023px) { 16829 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-sm-12:last-of-type:after { 16830 background: transparent; 16831 } 16832 } 16833 16834 @media (min-width: 768px) and (max-width: 1023px) { 16835 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-sm-12:after { 16836 display: block !important; 16837 background: #228ae6; 16838 height: 1px; 16839 width: 100%; 16840 top: auto; 16841 left: 0; 16842 bottom: 0; 16843 } 16844 } 16845 16846 @media (min-width: 1024px) { 16847 .wp-block[data-type="extendstudio/materialis"] .cols-border-between div.col-md-1 { 16848 border-right-width: 1px; 16849 border-right-style: solid; 16850 border-right-color: #228ae6; 16851 } 16852 } 16853 16854 @media (min-width: 1024px) and (min-width: 768px) { 16855 .wp-block[data-type="extendstudio/materialis"] .cols-border-between div.col-md-1 { 16856 padding-left: 40px; 16857 padding-right: 40px; 16858 } 16859 } 16860 16861 @media (min-width: 1024px) { 16862 .wp-block[data-type="extendstudio/materialis"] .cols-border-between div.col-md-1:nth-of-type(12n) { 16863 border-right: transparent; 16864 } 16865 } 16866 16867 @media (min-width: 1024px) { 16868 .wp-block[data-type="extendstudio/materialis"] .cols-border-between div.col-md-1:last-of-type { 16869 border-right: transparent; 16870 } 16871 } 16872 16873 @media (min-width: 1024px) { 16874 .wp-block[data-type="extendstudio/materialis"] .cols-border-between div.col-md-2 { 16875 border-right-width: 1px; 16876 border-right-style: solid; 16877 border-right-color: #228ae6; 16878 } 16879 } 16880 16881 @media (min-width: 1024px) and (min-width: 768px) { 16882 .wp-block[data-type="extendstudio/materialis"] .cols-border-between div.col-md-2 { 16883 padding-left: 40px; 16884 padding-right: 40px; 16885 } 16886 } 16887 16888 @media (min-width: 1024px) { 16889 .wp-block[data-type="extendstudio/materialis"] .cols-border-between div.col-md-2:nth-of-type(6n) { 16890 border-right: transparent; 16891 } 16892 } 16893 16894 @media (min-width: 1024px) { 16895 .wp-block[data-type="extendstudio/materialis"] .cols-border-between div.col-md-2:last-of-type { 16896 border-right: transparent; 16897 } 16898 } 16899 16900 @media (min-width: 1024px) { 16901 .wp-block[data-type="extendstudio/materialis"] .cols-border-between div.col-md-3 { 16902 border-right-width: 1px; 16903 border-right-style: solid; 16904 border-right-color: #228ae6; 16905 } 16906 } 16907 16908 @media (min-width: 1024px) and (min-width: 768px) { 16909 .wp-block[data-type="extendstudio/materialis"] .cols-border-between div.col-md-3 { 16910 padding-left: 40px; 16911 padding-right: 40px; 16912 } 16913 } 16914 16915 @media (min-width: 1024px) { 16916 .wp-block[data-type="extendstudio/materialis"] .cols-border-between div.col-md-3:nth-of-type(4n) { 16917 border-right: transparent; 16918 } 16919 } 16920 16921 @media (min-width: 1024px) { 16922 .wp-block[data-type="extendstudio/materialis"] .cols-border-between div.col-md-3:last-of-type { 16923 border-right: transparent; 16924 } 16925 } 16926 16927 @media (min-width: 1024px) { 16928 .wp-block[data-type="extendstudio/materialis"] .cols-border-between div.col-md-4 { 16929 border-right-width: 1px; 16930 border-right-style: solid; 16931 border-right-color: #228ae6; 16932 } 16933 } 16934 16935 @media (min-width: 1024px) and (min-width: 768px) { 16936 .wp-block[data-type="extendstudio/materialis"] .cols-border-between div.col-md-4 { 16937 padding-left: 40px; 16938 padding-right: 40px; 16939 } 16940 } 16941 16942 @media (min-width: 1024px) { 16943 .wp-block[data-type="extendstudio/materialis"] .cols-border-between div.col-md-4:nth-of-type(3n) { 16944 border-right: transparent; 16945 } 16946 } 16947 16948 @media (min-width: 1024px) { 16949 .wp-block[data-type="extendstudio/materialis"] .cols-border-between div.col-md-4:last-of-type { 16950 border-right: transparent; 16951 } 16952 } 16953 16954 @media (min-width: 1024px) { 16955 .wp-block[data-type="extendstudio/materialis"] .cols-border-between div.col-md-6 { 16956 border-right-width: 1px; 16957 border-right-style: solid; 16958 border-right-color: #228ae6; 16959 } 16960 } 16961 16962 @media (min-width: 1024px) and (min-width: 768px) { 16963 .wp-block[data-type="extendstudio/materialis"] .cols-border-between div.col-md-6 { 16964 padding-left: 40px; 16965 padding-right: 40px; 16966 } 16967 } 16968 16969 @media (min-width: 1024px) { 16970 .wp-block[data-type="extendstudio/materialis"] .cols-border-between div.col-md-6:nth-of-type(2n) { 16971 border-right: transparent; 16972 } 16973 } 16974 16975 @media (min-width: 1024px) { 16976 .wp-block[data-type="extendstudio/materialis"] .cols-border-between div.col-md-6:last-of-type { 16977 border-right: transparent; 16978 } 16979 } 16980 16981 @media (min-width: 1024px) { 16982 .wp-block[data-type="extendstudio/materialis"] .cols-border-between div.col-md-12 { 16983 border-right-width: 1px; 16984 border-right-style: solid; 16985 border-right-color: #228ae6; 16986 } 16987 } 16988 16989 @media (min-width: 1024px) and (min-width: 768px) { 16990 .wp-block[data-type="extendstudio/materialis"] .cols-border-between div.col-md-12 { 16991 padding-left: 40px; 16992 padding-right: 40px; 16993 } 16994 } 16995 16996 @media (min-width: 1024px) { 16997 .wp-block[data-type="extendstudio/materialis"] .cols-border-between div.col-md-12:nth-of-type(1n) { 16998 border-right: transparent; 16999 } 17000 } 17001 17002 @media (min-width: 1024px) { 17003 .wp-block[data-type="extendstudio/materialis"] .cols-border-between div.col-md-12:last-of-type { 17004 border-right: transparent; 17005 } 17006 } 17007 17008 @media (min-width: 1024px) { 17009 .wp-block[data-type="extendstudio/materialis"] .cols-border-between div.col-md-12 { 17010 border-right: none; 17011 border-bottom: 1px solid #228ae6; 17012 } 17013 } 17014 17015 @media (min-width: 1024px) { 17016 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-md-1 { 17017 position: relative; 17018 } 17019 } 17020 17021 @media (min-width: 1024px) and (min-width: 768px) { 17022 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-md-1 { 17023 padding-left: 40px; 17024 padding-right: 40px; 17025 } 17026 } 17027 17028 @media (min-width: 1024px) { 17029 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-md-1:after { 17030 background: #228ae6; 17031 content: ""; 17032 display: block; 17033 height: 90%; 17034 position: absolute; 17035 right: 0; 17036 top: 5%; 17037 width: 1px; 17038 -webkit-backface-visibility: hidden; 17039 -webkit-transform: translateZ(0); 17040 transform: translateZ(0); 17041 -webkit-animation-name: per-column-not-rendering; 17042 animation-name: per-column-not-rendering; 17043 -webkit-animation-duration: 0.1s; 17044 animation-duration: 0.1s; 17045 } 17046 } 17047 17048 @media (min-width: 1024px) { 17049 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-md-1:nth-of-type(12n):after { 17050 background: transparent; 17051 } 17052 } 17053 17054 @media (min-width: 1024px) { 17055 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-md-1:last-of-type:after { 17056 background: transparent; 17057 } 17058 } 17059 17060 @media (min-width: 1024px) { 17061 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-md-2 { 17062 position: relative; 17063 } 17064 } 17065 17066 @media (min-width: 1024px) and (min-width: 768px) { 17067 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-md-2 { 17068 padding-left: 40px; 17069 padding-right: 40px; 17070 } 17071 } 17072 17073 @media (min-width: 1024px) { 17074 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-md-2:after { 17075 background: #228ae6; 17076 content: ""; 17077 display: block; 17078 height: 90%; 17079 position: absolute; 17080 right: 0; 17081 top: 5%; 17082 width: 1px; 17083 -webkit-backface-visibility: hidden; 17084 -webkit-transform: translateZ(0); 17085 transform: translateZ(0); 17086 -webkit-animation-name: per-column-not-rendering; 17087 animation-name: per-column-not-rendering; 17088 -webkit-animation-duration: 0.1s; 17089 animation-duration: 0.1s; 17090 } 17091 } 17092 17093 @media (min-width: 1024px) { 17094 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-md-2:nth-of-type(6n):after { 17095 background: transparent; 17096 } 17097 } 17098 17099 @media (min-width: 1024px) { 17100 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-md-2:last-of-type:after { 17101 background: transparent; 17102 } 17103 } 17104 17105 @media (min-width: 1024px) { 17106 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-md-3 { 17107 position: relative; 17108 } 17109 } 17110 17111 @media (min-width: 1024px) and (min-width: 768px) { 17112 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-md-3 { 17113 padding-left: 40px; 17114 padding-right: 40px; 17115 } 17116 } 17117 17118 @media (min-width: 1024px) { 17119 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-md-3:after { 17120 background: #228ae6; 17121 content: ""; 17122 display: block; 17123 height: 90%; 17124 position: absolute; 17125 right: 0; 17126 top: 5%; 17127 width: 1px; 17128 -webkit-backface-visibility: hidden; 17129 -webkit-transform: translateZ(0); 17130 transform: translateZ(0); 17131 -webkit-animation-name: per-column-not-rendering; 17132 animation-name: per-column-not-rendering; 17133 -webkit-animation-duration: 0.1s; 17134 animation-duration: 0.1s; 17135 } 17136 } 17137 17138 @media (min-width: 1024px) { 17139 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-md-3:nth-of-type(4n):after { 17140 background: transparent; 17141 } 17142 } 17143 17144 @media (min-width: 1024px) { 17145 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-md-3:last-of-type:after { 17146 background: transparent; 17147 } 17148 } 17149 17150 @media (min-width: 1024px) { 17151 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-md-4 { 17152 position: relative; 17153 } 17154 } 17155 17156 @media (min-width: 1024px) and (min-width: 768px) { 17157 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-md-4 { 17158 padding-left: 40px; 17159 padding-right: 40px; 17160 } 17161 } 17162 17163 @media (min-width: 1024px) { 17164 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-md-4:after { 17165 background: #228ae6; 17166 content: ""; 17167 display: block; 17168 height: 90%; 17169 position: absolute; 17170 right: 0; 17171 top: 5%; 17172 width: 1px; 17173 -webkit-backface-visibility: hidden; 17174 -webkit-transform: translateZ(0); 17175 transform: translateZ(0); 17176 -webkit-animation-name: per-column-not-rendering; 17177 animation-name: per-column-not-rendering; 17178 -webkit-animation-duration: 0.1s; 17179 animation-duration: 0.1s; 17180 } 17181 } 17182 17183 @media (min-width: 1024px) { 17184 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-md-4:nth-of-type(3n):after { 17185 background: transparent; 17186 } 17187 } 17188 17189 @media (min-width: 1024px) { 17190 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-md-4:last-of-type:after { 17191 background: transparent; 17192 } 17193 } 17194 17195 @media (min-width: 1024px) { 17196 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-md-6 { 17197 position: relative; 17198 } 17199 } 17200 17201 @media (min-width: 1024px) and (min-width: 768px) { 17202 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-md-6 { 17203 padding-left: 40px; 17204 padding-right: 40px; 17205 } 17206 } 17207 17208 @media (min-width: 1024px) { 17209 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-md-6:after { 17210 background: #228ae6; 17211 content: ""; 17212 display: block; 17213 height: 90%; 17214 position: absolute; 17215 right: 0; 17216 top: 5%; 17217 width: 1px; 17218 -webkit-backface-visibility: hidden; 17219 -webkit-transform: translateZ(0); 17220 transform: translateZ(0); 17221 -webkit-animation-name: per-column-not-rendering; 17222 animation-name: per-column-not-rendering; 17223 -webkit-animation-duration: 0.1s; 17224 animation-duration: 0.1s; 17225 } 17226 } 17227 17228 @media (min-width: 1024px) { 17229 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-md-6:nth-of-type(2n):after { 17230 background: transparent; 17231 } 17232 } 17233 17234 @media (min-width: 1024px) { 17235 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-md-6:last-of-type:after { 17236 background: transparent; 17237 } 17238 } 17239 17240 @media (min-width: 1024px) { 17241 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-md-12 { 17242 position: relative; 17243 } 17244 } 17245 17246 @media (min-width: 1024px) and (min-width: 768px) { 17247 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-md-12 { 17248 padding-left: 40px; 17249 padding-right: 40px; 17250 } 17251 } 17252 17253 @media (min-width: 1024px) { 17254 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-md-12:after { 17255 background: #228ae6; 17256 content: ""; 17257 display: block; 17258 height: 90%; 17259 position: absolute; 17260 right: 0; 17261 top: 5%; 17262 width: 1px; 17263 -webkit-backface-visibility: hidden; 17264 -webkit-transform: translateZ(0); 17265 transform: translateZ(0); 17266 -webkit-animation-name: per-column-not-rendering; 17267 animation-name: per-column-not-rendering; 17268 -webkit-animation-duration: 0.1s; 17269 animation-duration: 0.1s; 17270 } 17271 } 17272 17273 @media (min-width: 1024px) { 17274 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-md-12:nth-of-type(1n):after { 17275 background: transparent; 17276 } 17277 } 17278 17279 @media (min-width: 1024px) { 17280 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-md-12:last-of-type:after { 17281 background: transparent; 17282 } 17283 } 17284 17285 @media (min-width: 1024px) { 17286 .wp-block[data-type="extendstudio/materialis"] .cols-separator-between div.col-md-12:after { 17287 display: block !important; 17288 background: #228ae6; 17289 height: 1px; 17290 width: 100%; 17291 top: auto; 17292 left: 0; 17293 bottom: 0; 17294 } 17295 } 17296 17297 .wp-block[data-type="extendstudio/materialis"] .contact-form-wrapper { 17298 text-align: center; 17299 } 17300 17301 .wp-block[data-type="extendstudio/materialis"] .contact-form-wrapper select, 17302 .wp-block[data-type="extendstudio/materialis"] .contact-form-wrapper textarea { 17303 resize: none; 17304 -webkit-appearance: none; 17305 -moz-appearance: none; 17306 appearance: none; 17307 } 17308 17309 .wp-block[data-type="extendstudio/materialis"] .contact-form-wrapper textarea { 17310 min-height: 180px; 17311 height: 180px; 17312 min-width: 100%; 17313 max-width: 100%; 17314 overflow: auto; 17315 } 17316 17317 .wp-block[data-type="extendstudio/materialis"] .contact-form-wrapper .mdc-text-field--invalid .wpcf7-form-control-wrap, 17318 .wp-block[data-type="extendstudio/materialis"] .contact-form-wrapper .mdc-text-field--focused .wpcf7-form-control-wrap { 17319 display: block; 17320 width: 100%; 17321 white-space: nowrap; 17322 } 17323 17324 .wp-block[data-type="extendstudio/materialis"] .contact-form-wrapper .mdc-text-field--invalid .wpcf7-form-control-wrap .wpcf7-not-valid-tip, 17325 .wp-block[data-type="extendstudio/materialis"] .contact-form-wrapper .mdc-text-field--focused .wpcf7-form-control-wrap .wpcf7-not-valid-tip { 17326 position: absolute; 17327 top: -0.5em; 17328 } 17329 17330 .wp-block[data-type="extendstudio/materialis"] .contact-form-wrapper input[type=submit] { 17331 height: auto; 17332 font-family: "Roboto"; 17333 font-size: 0.875rem; 17334 color: #ffffff; 17335 background-color: #228ae6; 17336 border-radius: 4px; 17337 min-width: 7rem; 17338 padding: 0.55rem 20px; 17339 font-weight: 500; 17340 letter-spacing: 1px; 17341 text-align: center; 17342 text-decoration: none; 17343 cursor: pointer; 17344 display: inline-block; 17345 line-height: 40px; 17346 border: 2px solid #228ae6; 17347 vertical-align: middle; 17348 -webkit-appearance: none; 17349 margin-bottom: 0.875rem; 17350 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); 17351 margin: auto; 17352 height: auto; 17353 display: block; 17354 margin-bottom: 0px; 17355 line-height: 1.2rem; 17356 text-transform: uppercase; 17357 } 17358 17359 .wp-block[data-type="extendstudio/materialis"] .contact-form-wrapper input[type=submit] i { 17360 position: relative; 17361 top: 1px; 17362 margin: 0 2px; 17363 } 17364 17365 .wp-block[data-type="extendstudio/materialis"] .contact-form-wrapper input[type=submit]:hover { 17366 outline: none; 17367 text-decoration: none; 17368 color: #ffffff; 17369 background-color: #50a2eb; 17370 border-color: #50a2eb; 17371 } 17372 17373 .wp-block[data-type="extendstudio/materialis"] .contact-form-wrapper input[type=submit]:disabled, 17374 .wp-block[data-type="extendstudio/materialis"] .contact-form-wrapper input[type=submit]:disabled[disabled], 17375 .wp-block[data-type="extendstudio/materialis"] .contact-form-wrapper input[type=submit].disabled { 17376 cursor: default; 17377 font-style: normal; 17378 color: rgba(255, 255, 255, 0.7); 17379 background-color: rgba(34, 138, 230, 0.7); 17380 border-color: rgba(34, 138, 230, 0.7); 17381 padding: 0.55rem 20px; 17382 } 17383 17384 .wp-block[data-type="extendstudio/materialis"] .contact-form-wrapper input[type=submit]:disabled:hover, 17385 .wp-block[data-type="extendstudio/materialis"] .contact-form-wrapper input[type=submit]:disabled[disabled]:hover, 17386 .wp-block[data-type="extendstudio/materialis"] .contact-form-wrapper input[type=submit].disabled:hover { 17387 color: #ffffff; 17388 } 17389 17390 .wp-block[data-type="extendstudio/materialis"] .contact-form-wrapper input[type=submit] .button-icon { 17391 font-size: 1.5em; 17392 margin-right: 0.25em; 17393 vertical-align: middle; 17394 } 17395 17396 @media (min-width: 768px) { 17397 .wp-block[data-type="extendstudio/materialis"] .contact-form-wrapper input[type=submit] { 17398 margin-left: auto; 17399 margin-right: 0; 17400 } 17401 } 17402 17403 .wp-block[data-type="extendstudio/materialis"] .contact-form-wrapper form { 17404 margin-top: 0px; 17405 margin-bottom: 0px; 17406 display: flex; 17407 flex-wrap: wrap; 17408 } 17409 17410 .wp-block[data-type="extendstudio/materialis"] .contact-form-wrapper form[class*=wpcf7-] p { 17411 width: 100%; 17412 } 17413 17414 .wp-block[data-type="extendstudio/materialis"] .contact-form-wrapper form[class*=wpcf7-] p .mdc-text-field { 17415 display: flex; 17416 } 17417 17418 .wp-block[data-type="extendstudio/materialis"] .contact-form-wrapper form[class*=wpcf7-] p:last-of-type { 17419 margin-bottom: 0px; 17420 } 17421 17422 .wp-block[data-type="extendstudio/materialis"] .contact-form-wrapper div.wpcf7-validation-errors, 17423 .wp-block[data-type="extendstudio/materialis"] .contact-form-wrapper .wpcf7-response-output[role=alert] { 17424 background-color: #ff8066; 17425 border: none; 17426 color: #ffffff; 17427 font-size: 0.77em; 17428 padding: 5px 10px; 17429 margin: 2em 0 1em; 17430 } 17431 17432 .wp-block[data-type="extendstudio/materialis"] .contact-form-wrapper .wpcf7-mail-sent-ok[role=alert] { 17433 background-color: #3F464C; 17434 } 17435 17436 .wp-block[data-type="extendstudio/materialis"] .contact-form-wrapper div.wpcf7 .ajax-loader { 17437 background-color: rgba(255, 255, 255, 0.86); 17438 background-position: center; 17439 background-repeat: no-repeat; 17440 border-radius: 100%; 17441 display: block; 17442 height: 32px; 17443 margin-left: 13px; 17444 margin-top: -38px; 17445 pointer-events: none; 17446 position: absolute; 17447 transition: all 0.4s; 17448 width: 32px; 17449 } 17450 17451 .wp-block[data-type="extendstudio/materialis"] .contact-form-wrapper span.wpcf7-not-valid-tip { 17452 color: #d60808; 17453 font-size: 14px; 17454 font-weight: 600; 17455 display: block; 17456 } 17457 17458 @media (min-width: 768px) { 17459 .wp-block[data-type="extendstudio/materialis"] .contact-form-wrapper { 17460 text-align: left; 17461 } 17462 17463 .wp-block[data-type="extendstudio/materialis"] .contact-form-wrapper.inline-info form[class*=wpcf7-] p .mdc-text-field { 17464 display: inline-flex; 17465 } 17466 17467 .wp-block[data-type="extendstudio/materialis"] .contact-form-wrapper.inline-info form[class*=wpcf7-] p:nth-of-type(1), 17468 .wp-block[data-type="extendstudio/materialis"] .contact-form-wrapper.inline-info form[class*=wpcf7-] p:nth-of-type(2) { 17469 display: block; 17470 width: 50%; 17471 max-width: 50%; 17472 } 17473 17474 .wp-block[data-type="extendstudio/materialis"] .contact-form-wrapper.inline-info form[class*=wpcf7-] p:nth-of-type(3), 17475 .wp-block[data-type="extendstudio/materialis"] .contact-form-wrapper.inline-info form[class*=wpcf7-] p:nth-of-type(4), 17476 .wp-block[data-type="extendstudio/materialis"] .contact-form-wrapper.inline-info form[class*=wpcf7-] p:nth-of-type(5) { 17477 width: 100%; 17478 } 17479 17480 .wp-block[data-type="extendstudio/materialis"] .contact-form-wrapper.inline-info form[class*=wpcf7-] p:nth-of-type(3) > div, 17481 .wp-block[data-type="extendstudio/materialis"] .contact-form-wrapper.inline-info form[class*=wpcf7-] p:nth-of-type(4) > div, 17482 .wp-block[data-type="extendstudio/materialis"] .contact-form-wrapper.inline-info form[class*=wpcf7-] p:nth-of-type(5) > div { 17483 width: 100%; 17484 } 17485 17486 .wp-block[data-type="extendstudio/materialis"] .contact-form-wrapper.inline-info form[class*=wpcf7-] p:nth-of-type(4) { 17487 margin-top: 40px; 17488 } 17489 17490 .wp-block[data-type="extendstudio/materialis"] .contact-form-wrapper.inline-info form[class*=wpcf7-] p:nth-of-type(1) { 17491 padding-right: 15px; 17492 } 17493 17494 .wp-block[data-type="extendstudio/materialis"] .contact-form-wrapper.inline-info form[class*=wpcf7-] p:nth-of-type(2) { 17495 padding-left: 15px; 17496 } 17497 17498 .wp-block[data-type="extendstudio/materialis"] .contact-form-wrapper.inline-info form[class*=wpcf7-] p:nth-of-type(2):after { 17499 clear: both; 17500 } 17501 } 17502 17503 .wp-block[data-type="extendstudio/materialis"] .contentswap-effect { 17504 position: relative; 17505 } 17506 17507 .wp-block[data-type="extendstudio/materialis"] .contentswap-effect .initial-image img { 17508 display: block; 17509 margin: 0; 17510 width: 100%; 17511 max-width: none; 17512 } 17513 17514 .wp-block[data-type="extendstudio/materialis"] .contentswap-effect .overlay { 17515 position: absolute; 17516 width: 100%; 17517 height: 100%; 17518 top: 0; 17519 left: 0; 17520 opacity: 0; 17521 z-index: 1; 17522 } 17523 17524 .wp-block[data-type="extendstudio/materialis"] .contentswap-effect .swap-inner { 17525 position: absolute; 17526 top: 0; 17527 left: 0; 17528 width: 100%; 17529 height: 100%; 17530 z-index: 2; 17531 opacity: 0; 17532 } 17533 17534 .wp-block[data-type="extendstudio/materialis"] .contentswap-effect.visible .overlay, 17535 .wp-block[data-type="extendstudio/materialis"] .contentswap-effect:hover .overlay, 17536 .wp-block[data-type="extendstudio/materialis"] .contentswap-effect.hover .overlay { 17537 opacity: 0.7; 17538 } 17539 17540 .wp-block[data-type="extendstudio/materialis"] .contentswap-effect.visible .swap-inner, 17541 .wp-block[data-type="extendstudio/materialis"] .contentswap-effect:hover .swap-inner, 17542 .wp-block[data-type="extendstudio/materialis"] .contentswap-effect.hover .swap-inner { 17543 opacity: 1; 17544 } 17545 17546 .wp-block[data-type="extendstudio/materialis"] .progressline { 17547 width: 100%; 17548 position: relative; 17549 } 17550 17551 .wp-block[data-type="extendstudio/materialis"] .progressbar { 17552 width: 100%; 17553 margin-top: 35px; 17554 margin-bottom: 25px; 17555 background-color: #f5f5f5; 17556 } 17557 17558 .wp-block[data-type="extendstudio/materialis"] .progressbar:before, 17559 .wp-block[data-type="extendstudio/materialis"] .progressbar:after { 17560 content: none; 17561 } 17562 17563 .wp-block[data-type="extendstudio/materialis"] .proggress { 17564 height: 8px; 17565 width: 10px; 17566 background-color: #3498db; 17567 } 17568 17569 .wp-block[data-type="extendstudio/materialis"] .counterText { 17570 position: absolute; 17571 left: 15px; 17572 top: 0; 17573 margin-top: 10px; 17574 font-weight: 500; 17575 color: #54617A; 17576 } 17577 17578 .wp-block[data-type="extendstudio/materialis"] .percentCount { 17579 position: absolute; 17580 top: 0; 17581 right: 15px; 17582 margin-top: 10px; 17583 font-weight: 500; 17584 color: #54617A; 17585 } 17586 17587 .wp-block[data-type="extendstudio/materialis"] .circle-counter { 17588 position: relative; 17589 } 17590 17591 .wp-block[data-type="extendstudio/materialis"] .circle-counter circle { 17592 stroke-dashoffset: 0; 17593 stroke: transparent; 17594 stroke-width: 4px; 17595 } 17596 17597 .wp-block[data-type="extendstudio/materialis"] .circle-counter .circle-svg { 17598 position: relative; 17599 z-index: 0; 17600 width: 100%; 17601 border-radius: 100%; 17602 max-height: none; 17603 display: block; 17604 -webkit-transform: rotateZ(-90deg); 17605 transform: rotateZ(-90deg); 17606 } 17607 17608 .wp-block[data-type="extendstudio/materialis"] .circle-counter .circle-bar { 17609 stroke-dashoffset: 301.6px; 17610 } 17611 17612 .wp-block[data-type="extendstudio/materialis"] .circle-counter .circle-content { 17613 position: absolute; 17614 top: 50%; 17615 width: 100%; 17616 -webkit-transform: translateY(-50%); 17617 transform: translateY(-50%); 17618 left: 0px; 17619 z-index: 1; 17620 text-align: center; 17621 } 17622 17623 .wp-block[data-type="extendstudio/materialis"] [data-countup]:before { 17624 display: block; 17625 content: attr(data-max-computed); 17626 visibility: hidden; 17627 height: 0px; 17628 overflow: hidden; 17629 } 17630 17631 .wp-block[data-type="extendstudio/materialis"] .materialis-google-maps { 17632 min-height: 400px; 17633 } 17634 17635 .wp-block[data-type="extendstudio/materialis"] iframe.materialis-frame-map { 17636 width: 100%; 17637 height: 100%; 17638 display: block; 17639 } 17640 17641 .wp-block[data-type="extendstudio/materialis"] .materialis-gallery dl, 17642 .wp-block[data-type="extendstudio/materialis"] .materialis-gallery dt, 17643 .wp-block[data-type="extendstudio/materialis"] .materialis-gallery a, 17644 .wp-block[data-type="extendstudio/materialis"] .materialis-gallery img { 17645 margin-bottom: 0px; 17646 display: block; 17647 width: 100%; 17648 } 17649 17650 .wp-block[data-type="extendstudio/materialis"] .materialis-gallery dt a { 17651 display: block; 17652 overflow: hidden; 17653 } 17654 17655 .wp-block[data-type="extendstudio/materialis"] .materialis-gallery.captions-enabled dl { 17656 position: relative; 17657 } 17658 17659 .wp-block[data-type="extendstudio/materialis"] .materialis-gallery.captions-enabled .gallery-caption { 17660 position: relative; 17661 z-index: 1; 17662 width: 100%; 17663 margin: 0; 17664 padding: 0.5rem 1rem; 17665 background-color: #2b2d42; 17666 color: #ffffff; 17667 font-size: 0.9rem; 17668 box-sizing: border-box; 17669 display: block; 17670 } 17671 17672 .wp-block[data-type="extendstudio/materialis"] .pricing-featured { 17673 position: relative; 17674 z-index: 1; 17675 } 17676 17677 .wp-block[data-type="extendstudio/materialis"] .content-section .woocommerce.in-section ul.products { 17678 margin-bottom: 0px; 17679 } 17680 17681 .wp-block[data-type="extendstudio/materialis"] .content-section .woocommerce.in-section ul.products li.product { 17682 margin: 1rem 0; 17683 } 17684 17685 .wp-block[data-type="extendstudio/materialis"] .content-section .woocommerce.in-section ul.products li.product .ope-woo-card-item > .woocommerce-loop-product__link { 17686 width: 100%; 17687 } 17688 17689 .wp-block[data-type="extendstudio/materialis"] .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 { 17690 display: none; 17691 } 17692 17693 .wp-block[data-type="extendstudio/materialis"] .content-section .woocommerce.in-section ul.products li.product .ope-woo-card-item .ope-woo-card-footer .button.add_to_cart_button { 17694 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); 17695 } 17696 17697 .wp-block[data-type="extendstudio/materialis"] .content-section .woocommerce.in-section ul.products li.product .ope-woo-card-item .ope-woo-card-footer .button.add_to_cart_button i.mdi { 17698 color: #ffffff; 17699 } 17700 17701 .wp-block[data-type="extendstudio/materialis"] .content-section .woocommerce.in-section ul.products li.product .contentswap-effect { 17702 overflow: hidden; 17703 } 17704 17705 .wp-block[data-type="extendstudio/materialis"] .content-section .woocommerce.in-section ul.products li.product .contentswap-effect .initial-image { 17706 transition: all 0.2s linear; 17707 } 17708 17709 .wp-block[data-type="extendstudio/materialis"] .content-section .woocommerce.in-section ul.products li.product .contentswap-effect .overlay { 17710 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%); 17711 opacity: 1; 17712 } 17713 17714 .wp-block[data-type="extendstudio/materialis"] .content-section .woocommerce.in-section ul.products li.product .contentswap-effect:hover .initial-image { 17715 -webkit-transform: scale(1.1); 17716 transform: scale(1.1); 17717 } 17718 17719 .wp-block[data-type="extendstudio/materialis"] .content-section .woocommerce.in-section ul.products li.product .contentswap-effect:hover .overlay { 17720 opacity: 0.75; 17721 } 17722 17723 .wp-block[data-type="extendstudio/materialis"] .content-section .button.woo-see-all-products { 17724 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); 17725 margin-top: 3rem; 17726 } 17727 17728 .wp-block[data-type="extendstudio/materialis"] .content-section a.link { 17729 margin-bottom: 1rem; 17730 } 17731 17732 .wp-block[data-type="extendstudio/materialis"] .content-section div > img:last-child { 17733 margin-bottom: 0px; 17734 } 17735 17736 .wp-block[data-type="extendstudio/materialis"] .lightbox-video { 17737 background-position: center; 17738 background-size: cover; 17739 min-height: 280px; 17740 } 17741 17742 .wp-block[data-type="extendstudio/materialis"] .lightbox-video.lightbox-video-tall { 17743 min-height: 400px; 17744 } 17745 17746 .wp-block[data-type="extendstudio/materialis"] .overflow-hidden { 17747 overflow: hidden; 17748 } 17749 17750 .wp-block[data-type="extendstudio/materialis"] .border-large { 17751 border-width: 10px; 17752 border-style: solid; 17753 border-color: #ffffff; 17754 } 17755 17756 .wp-block[data-type="extendstudio/materialis"] .border-medium { 17757 border: 5px solid #ffffff; 17758 } 17759 17760 .wp-block[data-type="extendstudio/materialis"] .inner-shadow { 17761 box-shadow: inset 0px 0px 10px rgba(189, 189, 189, 0.4); 17762 } 17763 17764 .wp-block[data-type="extendstudio/materialis"] .content-placeholder-p { 17765 padding: 80px 20px; 17766 background: rgba(255, 255, 255, 0.54); 17767 text-align: center; 17768 text-transform: uppercase; 17769 font-weight: bold; 17770 font-size: 0.8em; 17771 color: #000000 !important; 17772 max-width: 80%; 17773 margin: auto; 17774 } 17775 17776 @media (min-width: 768px) { 17777 .wp-block[data-type="extendstudio/materialis"] .overlap-left-large, 17778 .wp-block[data-type="extendstudio/materialis"] .overlap-x-large { 17779 margin-left: -30%; 17780 } 17781 17782 .wp-block[data-type="extendstudio/materialis"] .overlap-right-large { 17783 margin-right: -30%; 17784 } 17785 } 17786 17787 .wp-block[data-type="extendstudio/materialis"] [class*=border-color] { 17788 border: 2px solid; 17789 } 17790 17791 .wp-block[data-type="extendstudio/materialis"] [class*=border-top-color] { 17792 border-top-width: 2px; 17793 border-top-style: solid; 17794 } 17795 17796 .wp-block[data-type="extendstudio/materialis"] .border-color1 { 17797 border-color: #228ae6; 17798 } 17799 17800 .wp-block[data-type="extendstudio/materialis"] .border-color2 { 17801 border-color: #fa5252; 17802 } 17803 17804 .wp-block[data-type="extendstudio/materialis"] .border-color3 { 17805 border-color: #82c91e; 17806 } 17807 17808 .wp-block[data-type="extendstudio/materialis"] .border-color4 { 17809 border-color: #fab005; 17810 } 17811 17812 .wp-block[data-type="extendstudio/materialis"] .border-color5 { 17813 border-color: #7950f2; 17814 } 17815 17816 .wp-block[data-type="extendstudio/materialis"] .border-color6 { 17817 border-color: #e64980; 17818 } 17819 17820 .wp-block[data-type="extendstudio/materialis"] .border-color-black { 17821 border-color: #000000; 17822 } 17823 17824 .wp-block[data-type="extendstudio/materialis"] .border-color-white { 17825 border-color: #ffffff; 17826 } 17827 17828 .wp-block[data-type="extendstudio/materialis"] .white-text { 17829 color: #ffffff; 17830 } 17831 17832 .wp-block[data-type="extendstudio/materialis"] .dark-text { 17833 color: #4a4a4a; 17834 } 17835 17836 .wp-block[data-type="extendstudio/materialis"] .social-icons-group a { 17837 opacity: 0.8; 17838 transition: all 0.15s; 17839 } 17840 17841 .wp-block[data-type="extendstudio/materialis"] .social-icons-group a i { 17842 color: #bdbdbd; 17843 transition: color 0.15s; 17844 } 17845 17846 .wp-block[data-type="extendstudio/materialis"] .social-icons-group a:hover { 17847 opacity: 1; 17848 } 17849 17850 .wp-block[data-type="extendstudio/materialis"] .materialis-language-switcher.after-menu { 17851 background-color: #ffffff; 17852 border-radius: 4px 0px 0px 4px; 17853 right: 0px; 17854 position: fixed; 17855 top: 80px; 17856 display: inline-block; 17857 z-index: 10000; 17858 list-style: none; 17859 margin-left: 0px; 17860 padding: 0px; 17861 box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1); 17862 margin-bottom: 0; 17863 } 17864 17865 .wp-block[data-type="extendstudio/materialis"] .materialis-language-switcher.after-menu select { 17866 display: block; 17867 margin: 10px 10px; 17868 background-position: right 20px bottom 16px; 17869 border: none; 17870 } 17871 17872 .wp-block[data-type="extendstudio/materialis"] ul.materialis-language-switcher.after-menu > li { 17873 display: none; 17874 float: left; 17875 padding: 14px 8px; 17876 font-size: 0px; 17877 line-height: 0px; 17878 } 17879 17880 .wp-block[data-type="extendstudio/materialis"] ul.materialis-language-switcher.after-menu > li.current-lang { 17881 display: block; 17882 } 17883 17884 .wp-block[data-type="extendstudio/materialis"] ul.materialis-language-switcher.after-menu.hover > li, 17885 .wp-block[data-type="extendstudio/materialis"] ul.materialis-language-switcher.after-menu:hover > li { 17886 display: block; 17887 } 17888 17889 .wp-block[data-type="extendstudio/materialis"] ul.materialis-language-switcher.after-menu span { 17890 display: none; 17891 } 17892 17893 .wp-block[data-type="extendstudio/materialis"] [class*=wp-block] { 17894 max-width: 1232px; 17895 margin: 40px auto; 17896 } 17897 17898 .wp-block[data-type="extendstudio/materialis"] .wp-block-image { 17899 text-align: center; 17900 } 17901 17902 .wp-block[data-type="extendstudio/materialis"] .wp-block-image img { 17903 text-align: center; 17904 } 17905 17906 17907 /*# sourceMappingURL=gutenberg-style.css.map*/