[ Index ] |
PHP Cross Reference of WordPress Trunk (Updated Daily) |
[Summary view] [Print] [Text view]
1 @charset "UTF-8"; 2 3 /** 4 * These styles should be loaded by the Block Editor only 5 */ 6 7 /* Variables */ 8 :root { 9 10 /* Font Family */ 11 12 /* Font Size */ 13 14 /* Line Height */ 15 16 /* Headings */ 17 18 /* Block: Latest posts */ 19 20 /* Colors */ 21 22 /* Body text color, site title, footer text color. */ 23 24 /* Headings */ 25 26 /* Mint, default body background */ 27 28 /* Used for borders (separators) */ 29 30 /* Spacing */ 31 32 /* Elevation */ 33 34 /* Forms */ 35 36 /* Cover block */ 37 38 /* Buttons */ 39 40 /* entry */ 41 42 /* Header */ 43 44 /* Main navigation */ 45 46 /* Pagination */ 47 48 /* Footer */ 49 50 /* Block: Pull quote */ 51 52 /* Block: Table */ 53 54 /* Widgets */ 55 56 /* Admin-bar height */ 57 } 58 59 /** 60 * Responsive Styles 61 */ 62 63 /** 64 * Required Variables 65 */ 66 67 /** 68 * Root Media Query Variables 69 */ 70 71 /** 72 * Extends 73 */ 74 .default-max-width { 75 max-width: calc(100vw - 30px); 76 margin-left: auto; 77 margin-right: auto; 78 } 79 @media only screen and (min-width: 482px) { 80 81 .default-max-width { 82 max-width: min(calc(100vw - 100px), 610px); 83 } 84 } 85 @media only screen and (min-width: 822px) { 86 87 .default-max-width { 88 max-width: min(calc(100vw - 200px), 610px); 89 } 90 } 91 92 .wide-max-width { 93 max-width: calc(100vw - 30px); 94 margin-left: auto; 95 margin-right: auto; 96 } 97 98 @media only screen and (min-width: 482px) { 99 100 .wide-max-width { 101 max-width: calc(100vw - 100px); 102 } 103 } 104 105 @media only screen and (min-width: 822px) { 106 107 .wide-max-width { 108 max-width: min(calc(100vw - 200px), 1240px); 109 } 110 } 111 112 @media only screen and (min-width: 482px) { 113 114 .full-max-width { 115 max-width: 100%; 116 width: auto; 117 margin-left: auto; 118 margin-right: auto; 119 } 120 } 121 122 b, 123 strong { 124 font-weight: 700; 125 } 126 127 blockquote { 128 padding: 0; 129 position: relative; 130 margin: 30px 0 30px 25px; 131 } 132 133 blockquote > * { 134 margin-top: 20px; 135 margin-bottom: 20px; 136 } 137 138 blockquote > *:first-child { 139 margin-top: 0; 140 } 141 142 blockquote > *:last-child { 143 margin-bottom: 0; 144 } 145 146 blockquote p { 147 letter-spacing: normal; 148 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 149 font-size: 1.25rem; 150 font-style: normal; 151 font-weight: 700; 152 line-height: 1.7; 153 } 154 155 blockquote cite, 156 blockquote footer { 157 font-weight: normal; 158 letter-spacing: normal; 159 } 160 161 blockquote.alignleft, 162 blockquote.alignright { 163 padding-left: inherit; 164 } 165 166 blockquote.alignleft p, 167 blockquote.alignright p { 168 font-size: 1.125rem; 169 max-width: inherit; 170 width: inherit; 171 } 172 173 blockquote.alignleft cite, 174 blockquote.alignleft footer, 175 blockquote.alignright cite, 176 blockquote.alignright footer { 177 font-size: 1rem; 178 letter-spacing: normal; 179 } 180 181 blockquote strong { 182 font-weight: bolder; 183 } 184 185 blockquote:before { 186 content: "“"; 187 position: absolute; 188 left: -12px; 189 } 190 191 blockquote .wp-block-quote__citation, 192 blockquote cite, 193 blockquote footer { 194 color: #28303d; 195 font-style: normal; 196 } 197 @media only screen and (max-width: 481.98px) { 198 199 blockquote { 200 padding-left: 13px; 201 } 202 203 blockquote:before { 204 left: 0; 205 } 206 } 207 208 img { 209 height: auto; 210 vertical-align: middle; 211 } 212 213 /* Classic editor images */ 214 215 /* Make sure embeds and iframes fit their containers. */ 216 img, 217 .entry-content img, 218 embed, 219 iframe, 220 object, 221 video { 222 max-width: 100%; 223 } 224 225 /* Media captions */ 226 figcaption, 227 .wp-caption, 228 .wp-caption-text, 229 .wp-block-embed figcaption { 230 color: currentColor; 231 font-size: 1rem; 232 line-height: 1.7; 233 margin-top: 10px; 234 margin-bottom: 20px; 235 text-align: center; 236 } 237 238 .alignleft figcaption, 239 .alignright figcaption, 240 .alignleft .wp-caption, 241 .alignright .wp-caption, 242 .alignleft .wp-caption-text, 243 .alignright .wp-caption-text, 244 .alignleft .wp-block-embed figcaption, 245 .alignright .wp-block-embed figcaption { 246 margin-bottom: 0; 247 } 248 249 /* WP Smiley */ 250 .page-content .wp-smiley, 251 .entry-content .wp-smiley, 252 .comment-content .wp-smiley { 253 border: none; 254 margin-bottom: 0; 255 margin-top: 0; 256 padding: 0; 257 } 258 259 select, 260 select:focus { 261 border: 3px solid #39414d; 262 border-radius: 0; 263 color: #28303d; 264 font-size: 1.125rem; 265 -moz-appearance: none; 266 -webkit-appearance: none; 267 appearance: none; 268 padding: 10px 30px 10px 10px; 269 background: #fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>") no-repeat; 270 background-position: right 10px top 60%; 271 } 272 273 /* 274 * text-underline-offset doesn't work in Chrome at all 👎 275 * But looks nice in Safari/Firefox, so let's keep it and 276 * maybe Chrome will support it soon. 277 */ 278 a { 279 cursor: pointer; 280 color: #28303d; 281 text-underline-offset: 3px; 282 text-decoration-skip-ink: all; 283 } 284 285 a:hover { 286 text-decoration-style: dotted; 287 text-decoration-skip-ink: none; 288 } 289 290 .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) { 291 292 /* Only visible in Windows High Contrast mode */ 293 outline: 2px solid transparent; 294 text-decoration: underline 1px dotted currentColor; 295 text-decoration-skip-ink: none; 296 background: rgba(255, 255, 255, 0.9); 297 } 298 299 .is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) { 300 background: #000; 301 color: #fff; 302 text-decoration: none; 303 } 304 305 .is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav { 306 color: #fff; 307 } 308 309 .has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) { 310 background: rgba(0, 0, 0, 0.9); 311 color: #fff; 312 } 313 314 .has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav { 315 color: #fff; 316 } 317 318 .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).skip-link { 319 320 /* Only visible in Windows High Contrast mode */ 321 outline: 2px solid transparent; 322 outline-offset: -2px; 323 } 324 325 .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).skip-link:focus { 326 color: #21759b; 327 background-color: #f1f1f1; 328 } 329 330 .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).custom-logo-link { 331 background: none; 332 } 333 334 .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img { 335 outline: 2px dotted #28303d; 336 } 337 338 .wp-block-button__link { 339 border: 3px solid transparent; 340 border-radius: 0; 341 cursor: pointer; 342 font-weight: 500; 343 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 344 font-size: 1.25rem; 345 line-height: 1.5; 346 padding: 15px 30px; 347 text-decoration: none; 348 } 349 350 .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { 351 color: #d1e4dd; 352 } 353 354 .has-background .wp-block-button__link:not(:hover):not(:active):not(.has-text-color), 355 .has-background .wp-block-button__link:not(:hover):not(:active):not(.has-text-color).has-background { 356 color: #28303d; 357 } 358 359 .wp-block-button__link:not(:hover):not(:active):not(.has-background), 360 .has-background .wp-block-button__link:not(:hover):not(:active):not(.has-background) { 361 background-color: #28303d; 362 } 363 364 .wp-block-button__link:hover, 365 .wp-block-button__link:active { 366 background-color: transparent; 367 border-color: currentColor; 368 color: inherit; 369 } 370 371 .wp-block-button__link:focus { 372 outline-offset: -6px; 373 outline: 2px dotted currentColor; 374 } 375 376 .wp-block-button__link:disabled { 377 background-color: rgba(255, 255, 255, 0.5); 378 border-color: rgba(255, 255, 255, 0.5); 379 color: #39414d; 380 } 381 382 /** 383 * Block Options 384 */ 385 .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color), 386 .has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { 387 color: #d1e4dd; 388 } 389 390 .has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color).has-background { 391 color: #28303d; 392 } 393 394 .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background), 395 .has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background) { 396 background-color: #28303d; 397 } 398 399 .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover, 400 .wp-block-button:not(.is-style-outline) .wp-block-button__link:active { 401 border-color: currentColor !important; 402 background-color: transparent !important; 403 color: inherit !important; 404 } 405 406 .wp-block-button:not(.is-style-outline) .wp-block-button__link:focus { 407 outline-offset: inherit; 408 outline: inherit; 409 } 410 411 .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color), 412 .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-background), 413 .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active).has-background { 414 border-color: currentColor; 415 } 416 417 .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color), 418 .has-background .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { 419 color: #28303d; 420 } 421 422 .has-background .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active).has-background:not(.has-text-color) { 423 color: inherit; 424 } 425 426 .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-background) { 427 background-color: transparent; 428 } 429 430 .wp-block-button.is-style-outline .wp-block-button__link:hover, 431 .wp-block-button.is-style-outline .wp-block-button__link:active { 432 background-color: #28303d !important; 433 border-color: transparent !important; 434 color: #d1e4dd !important; 435 } 436 437 .has-background .wp-block-button.is-style-outline .wp-block-button__link:hover, 438 .has-background .wp-block-button.is-style-outline .wp-block-button__link:active { 439 background-color: #28303d !important; 440 color: #d1e4dd !important; 441 } 442 443 .has-text-color .wp-block-button.is-style-outline .wp-block-button__link:hover, 444 .has-text-color .wp-block-button.is-style-outline .wp-block-button__link:active { 445 color: #d1e4dd !important; 446 } 447 448 .wp-block-button.is-style-outline .wp-block-button__link:focus { 449 outline-offset: inherit; 450 outline: inherit; 451 } 452 453 .wp-block-button.is-style-squared { 454 border-radius: 0; 455 } 456 457 .is-style-outline .wp-block-button__link[style*=radius], 458 .wp-block-button__link[style*=radius] { 459 outline-offset: 2px; 460 } 461 462 .wp-block-code code { 463 white-space: pre !important; 464 overflow-x: auto; 465 } 466 467 .wp-block-code { 468 border-color: #28303d; 469 border-radius: 0; 470 border-style: solid; 471 border-width: 0.1rem; 472 padding: 20px; 473 color: currentColor; 474 } 475 476 .wp-block-cover, 477 .wp-block-cover-image { 478 background-color: #000; 479 min-height: 450px; 480 margin-top: inherit; 481 margin-bottom: inherit; 482 } 483 484 .wp-block-cover:not(.alignwide):not(.alignfull), 485 .wp-block-cover-image:not(.alignwide):not(.alignfull) { 486 clear: both; 487 } 488 489 [data-align=full] .wp-block-cover, 490 [data-align=full] .wp-block-cover-image { 491 margin-top: 0; 492 margin-bottom: 0; 493 } 494 495 .wp-block-cover > .wp-block-cover__inner-container > *:first-child, 496 .wp-block-cover-image > .wp-block-cover__inner-container > *:first-child { 497 margin-top: 0; 498 } 499 500 .wp-block-cover > .wp-block-cover__inner-container > *:last-child:not(.block-list-appender), 501 .wp-block-cover-image > .wp-block-cover__inner-container > *:last-child:not(.block-list-appender), 502 .wp-block-cover.has-child-selected > .wp-block-cover__inner-container > *:nth-last-child(2), 503 .wp-block-cover.is-selected > .wp-block-cover__inner-container > *:nth-last-child(2), 504 .wp-block-cover-image.has-child-selected > .wp-block-cover__inner-container > *:nth-last-child(2), 505 .wp-block-cover-image.is-selected > .wp-block-cover__inner-container > *:nth-last-child(2) { 506 margin-bottom: 0; 507 } 508 509 .wp-block-cover .wp-block-cover__inner-container, 510 .wp-block-cover .wp-block-cover-image-text, 511 .wp-block-cover .wp-block-cover-text, 512 .wp-block-cover .block-editor-block-list__block, 513 .wp-block-cover-image .wp-block-cover__inner-container, 514 .wp-block-cover-image .wp-block-cover-image-text, 515 .wp-block-cover-image .wp-block-cover-text, 516 .wp-block-cover-image .block-editor-block-list__block, 517 .wp-block-cover .wp-block-cover__inner-container a, 518 .wp-block-cover .wp-block-cover-image-text a, 519 .wp-block-cover .wp-block-cover-text a, 520 .wp-block-cover .block-editor-block-list__block a, 521 .wp-block-cover-image .wp-block-cover__inner-container a, 522 .wp-block-cover-image .wp-block-cover-image-text a, 523 .wp-block-cover-image .wp-block-cover-text a, 524 .wp-block-cover-image .block-editor-block-list__block a { 525 color: currentColor; 526 } 527 528 .wp-block-cover .wp-block-cover__inner-container .has-link-color a, 529 .wp-block-cover .wp-block-cover-image-text .has-link-color a, 530 .wp-block-cover .wp-block-cover-text .has-link-color a, 531 .wp-block-cover .block-editor-block-list__block .has-link-color a, 532 .wp-block-cover-image .wp-block-cover__inner-container .has-link-color a, 533 .wp-block-cover-image .wp-block-cover-image-text .has-link-color a, 534 .wp-block-cover-image .wp-block-cover-text .has-link-color a, 535 .wp-block-cover-image .block-editor-block-list__block .has-link-color a { 536 color: #28303d; 537 } 538 539 .wp-block-cover:not([class*=background-color]) .wp-block-cover__inner-container, 540 .wp-block-cover:not([class*=background-color]) .wp-block-cover-image-text, 541 .wp-block-cover:not([class*=background-color]) .wp-block-cover-text, 542 .wp-block-cover:not([class*=background-color]) .block-editor-block-list__block, 543 .wp-block-cover-image:not([class*=background-color]) .wp-block-cover__inner-container, 544 .wp-block-cover-image:not([class*=background-color]) .wp-block-cover-image-text, 545 .wp-block-cover-image:not([class*=background-color]) .wp-block-cover-text, 546 .wp-block-cover-image:not([class*=background-color]) .block-editor-block-list__block { 547 color: #fff; 548 } 549 550 .wp-block-cover h2 { 551 font-size: 2.25rem; 552 letter-spacing: normal; 553 line-height: 1.3; 554 padding: 0; 555 text-align: inherit; 556 } 557 @media only screen and (min-width: 652px) { 558 559 .wp-block-cover h2 { 560 font-size: 3rem; 561 } 562 } 563 564 .wp-block-cover-image h2 { 565 font-size: 2.25rem; 566 letter-spacing: normal; 567 line-height: 1.3; 568 padding: 0; 569 text-align: inherit; 570 } 571 @media only screen and (min-width: 652px) { 572 573 .wp-block-cover-image h2 { 574 font-size: 3rem; 575 } 576 } 577 578 .wp-block-cover h2.has-text-align-left, 579 .wp-block-cover-image h2.has-text-align-left { 580 text-align: left; 581 } 582 583 .wp-block-cover h2.has-text-align-center, 584 .wp-block-cover-image h2.has-text-align-center { 585 text-align: center; 586 } 587 588 .wp-block-cover h2.has-text-align-right, 589 .wp-block-cover-image h2.has-text-align-right { 590 text-align: right; 591 } 592 593 .wp-block-cover.is-style-twentytwentyone-border, 594 .wp-block-cover-image.is-style-twentytwentyone-border { 595 border: 3px solid #28303d; 596 } 597 598 .wp-block-cover[class*=-background-color][class] .wp-block-cover__inner-container, 599 .wp-block-cover-image[class*=-background-color][class] .wp-block-cover__inner-container { 600 background-color: unset; 601 } 602 603 .wp-block-columns:not(.alignwide):not(.alignfull) { 604 clear: both; 605 } 606 607 .wp-block-columns .wp-block, 608 .wp-block-columns .wp-block-column { 609 max-width: inherit; 610 } 611 612 .wp-block-columns > .wp-block-column > *:first-child { 613 margin-top: 0; 614 } 615 616 .wp-block-columns > .wp-block-column > *:last-child:not(.block-list-appender), 617 .wp-block-columns.has-child-selected > .wp-block-column > *:nth-last-child(2), 618 .wp-block-columns.is-selected > .wp-block-column > *:nth-last-child(2) { 619 margin-bottom: 0; 620 } 621 @media only screen and (min-width: 652px) { 622 623 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) { 624 margin-left: -50px; 625 margin-top: 63px; 626 z-index: 2; 627 } 628 629 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > p:not(.has-background), 630 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h1:not(.has-background), 631 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h2:not(.has-background), 632 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h3:not(.has-background), 633 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h4:not(.has-background), 634 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h5:not(.has-background), 635 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h6:not(.has-background), 636 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background), 637 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background), 638 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > pre:not(.has-background) { 639 background-color: #d1e4dd; 640 padding: 20px; 641 } 642 643 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background), 644 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background) { 645 padding-left: 50px; 646 } 647 648 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n).is-vertically-aligned-center { 649 margin-top: 0; 650 } 651 } 652 653 .wp-block[data-align=full] > .wp-block-columns p:not(.has-background), 654 .wp-block[data-align=full] > .wp-block-columns h1:not(.has-background), 655 .wp-block[data-align=full] > .wp-block-columns h2:not(.has-background), 656 .wp-block[data-align=full] > .wp-block-columns h3:not(.has-background), 657 .wp-block[data-align=full] > .wp-block-columns h4:not(.has-background), 658 .wp-block[data-align=full] > .wp-block-columns h5:not(.has-background), 659 .wp-block[data-align=full] > .wp-block-columns h6:not(.has-background) { 660 padding-left: 20px; 661 padding-right: 20px; 662 } 663 664 .wp-block-file .wp-block-file__textlink { 665 text-decoration: underline; 666 text-decoration-style: solid; 667 text-decoration-thickness: 1px; 668 } 669 670 .wp-block-file .wp-block-file__textlink:hover { 671 text-decoration: underline; 672 text-decoration-style: dotted; 673 } 674 675 .wp-block-file .wp-block-file__button { 676 border: 3px solid transparent; 677 border-radius: 0; 678 cursor: pointer; 679 font-weight: 500; 680 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 681 font-size: 1.25rem; 682 line-height: 1.5; 683 padding: 15px 30px; 684 text-decoration: none; 685 display: inline-block; 686 } 687 688 .wp-block-file .wp-block-file__button:not(:hover):not(:active):not(.has-text-color) { 689 color: #d1e4dd; 690 } 691 692 .has-background .wp-block-file .wp-block-file__button:not(:hover):not(:active):not(.has-text-color), 693 .has-background .wp-block-file .wp-block-file__button:not(:hover):not(:active):not(.has-text-color).has-background { 694 color: #28303d; 695 } 696 697 .wp-block-file .wp-block-file__button:not(:hover):not(:active):not(.has-background), 698 .has-background .wp-block-file .wp-block-file__button:not(:hover):not(:active):not(.has-background) { 699 background-color: #28303d; 700 } 701 702 .wp-block-file .wp-block-file__button:hover, 703 .wp-block-file .wp-block-file__button:active { 704 background-color: transparent; 705 border-color: currentColor; 706 color: inherit; 707 } 708 709 .wp-block-file .wp-block-file__button:focus { 710 outline-offset: -6px; 711 outline: 2px dotted currentColor; 712 } 713 714 .wp-block-file .wp-block-file__button:disabled { 715 background-color: rgba(255, 255, 255, 0.5); 716 border-color: rgba(255, 255, 255, 0.5); 717 color: #39414d; 718 } 719 720 .wp-block-file .wp-block-file__button:focus { 721 outline-offset: inherit; 722 outline: inherit; 723 } 724 725 .wp-block-gallery figcaption { 726 margin-bottom: 0; 727 } 728 729 .wp-block-gallery figcaption a { 730 color: #fff; 731 } 732 733 .wp-block-group.has-background { 734 padding: 30px; 735 } 736 737 [data-align=full] .wp-block-group.has-background { 738 margin-top: 0; 739 margin-bottom: 0; 740 } 741 742 .wp-block-group.is-style-twentytwentyone-border { 743 border: 3px solid #28303d; 744 padding: 30px; 745 } 746 747 .wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > [data-align=full] { 748 max-width: calc(100% + 60px); 749 width: calc(100% + 60px); 750 margin-left: -30px; 751 } 752 753 .wp-block-group > .wp-block-group__inner-container > *:first-child { 754 margin-top: 0; 755 } 756 757 .wp-block-group > .wp-block-group__inner-container > *:last-child:not(.block-list-appender), 758 .wp-block-group.has-child-selected > .wp-block-group__inner-container > *:nth-last-child(2), 759 .wp-block-group.is-selected > .wp-block-group__inner-container > *:nth-last-child(2) { 760 margin-bottom: 0; 761 } 762 763 .wp-block-group .wp-block-group.has-background > .block-editor-block-list__layout > [data-align=full] { 764 margin: 0; 765 width: 100%; 766 } 767 768 .wp-block-heading h1, 769 h1, 770 .h1, 771 .wp-block-heading h2, 772 h2, 773 .h2, 774 .wp-block-heading h3, 775 h3, 776 .h3, 777 .wp-block-heading h4, 778 h4, 779 .h4, 780 .wp-block-heading h5, 781 h5, 782 .h5, 783 .wp-block-heading h6, 784 h6, 785 .h6 { 786 clear: both; 787 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 788 font-weight: normal; 789 } 790 791 .wp-block-heading h1 strong, 792 h1 strong, 793 .h1 strong, 794 .wp-block-heading h2 strong, 795 h2 strong, 796 .h2 strong, 797 .wp-block-heading h3 strong, 798 h3 strong, 799 .h3 strong, 800 .wp-block-heading h4 strong, 801 h4 strong, 802 .h4 strong, 803 .wp-block-heading h5 strong, 804 h5 strong, 805 .h5 strong, 806 .wp-block-heading h6 strong, 807 h6 strong, 808 .h6 strong { 809 font-weight: 600; 810 } 811 812 .wp-block-heading h1[style*="--wp--typography--line-height"], 813 h1[style*="--wp--typography--line-height"], 814 .h1[style*="--wp--typography--line-height"], 815 .wp-block-heading h2[style*="--wp--typography--line-height"], 816 h2[style*="--wp--typography--line-height"], 817 .h2[style*="--wp--typography--line-height"], 818 .wp-block-heading h3[style*="--wp--typography--line-height"], 819 h3[style*="--wp--typography--line-height"], 820 .h3[style*="--wp--typography--line-height"], 821 .wp-block-heading h4[style*="--wp--typography--line-height"], 822 h4[style*="--wp--typography--line-height"], 823 .h4[style*="--wp--typography--line-height"], 824 .wp-block-heading h5[style*="--wp--typography--line-height"], 825 h5[style*="--wp--typography--line-height"], 826 .h5[style*="--wp--typography--line-height"], 827 .wp-block-heading h6[style*="--wp--typography--line-height"], 828 h6[style*="--wp--typography--line-height"], 829 .h6[style*="--wp--typography--line-height"] { 830 line-height: 1.7; 831 } 832 833 .wp-block-heading h1 { 834 font-size: 4rem; 835 letter-spacing: normal; 836 line-height: 1.1; 837 } 838 839 @media only screen and (min-width: 652px) { 840 841 .wp-block-heading h1 { 842 font-size: 6rem; 843 } 844 } 845 846 h1 { 847 font-size: 4rem; 848 letter-spacing: normal; 849 line-height: 1.1; 850 } 851 852 @media only screen and (min-width: 652px) { 853 854 h1 { 855 font-size: 6rem; 856 } 857 } 858 859 .h1 { 860 font-size: 4rem; 861 letter-spacing: normal; 862 line-height: 1.1; 863 } 864 865 @media only screen and (min-width: 652px) { 866 867 .h1 { 868 font-size: 6rem; 869 } 870 } 871 872 .wp-block-heading h2 { 873 font-size: 2.25rem; 874 letter-spacing: normal; 875 line-height: 1.3; 876 } 877 878 @media only screen and (min-width: 652px) { 879 880 .wp-block-heading h2 { 881 font-size: 3rem; 882 } 883 } 884 885 h2 { 886 font-size: 2.25rem; 887 letter-spacing: normal; 888 line-height: 1.3; 889 } 890 891 @media only screen and (min-width: 652px) { 892 893 h2 { 894 font-size: 3rem; 895 } 896 } 897 898 .h2 { 899 font-size: 2.25rem; 900 letter-spacing: normal; 901 line-height: 1.3; 902 } 903 904 @media only screen and (min-width: 652px) { 905 906 .h2 { 907 font-size: 3rem; 908 } 909 } 910 911 .wp-block-heading h3 { 912 font-size: 2rem; 913 letter-spacing: normal; 914 line-height: 1.3; 915 } 916 917 @media only screen and (min-width: 652px) { 918 919 .wp-block-heading h3 { 920 font-size: 2rem; 921 } 922 } 923 924 h3 { 925 font-size: 2rem; 926 letter-spacing: normal; 927 line-height: 1.3; 928 } 929 930 @media only screen and (min-width: 652px) { 931 932 h3 { 933 font-size: 2rem; 934 } 935 } 936 937 .h3 { 938 font-size: 2rem; 939 letter-spacing: normal; 940 line-height: 1.3; 941 } 942 943 @media only screen and (min-width: 652px) { 944 945 .h3 { 946 font-size: 2rem; 947 } 948 } 949 950 .wp-block-heading h4, 951 h4, 952 .h4 { 953 font-size: 1.5rem; 954 font-weight: 600; 955 letter-spacing: normal; 956 line-height: 1.3; 957 } 958 959 .wp-block-heading h5, 960 h5, 961 .h5 { 962 font-size: 1.125rem; 963 font-weight: 600; 964 letter-spacing: 0.05em; 965 line-height: 1.3; 966 } 967 968 .wp-block-heading h6, 969 h6, 970 .h6 { 971 font-size: 1rem; 972 font-weight: 600; 973 letter-spacing: 0.05em; 974 line-height: 1.3; 975 } 976 977 [data-type="core/html"] textarea { 978 color: #28303d; 979 border-radius: 0; 980 padding: 20px; 981 } 982 983 /* Center image block by default in the editor */ 984 .wp-block-image, 985 .wp-block-image > div:not(.components-placeholder) { 986 text-align: center; 987 } 988 989 [data-type="core/image"] .block-editor-block-list__block-edit figure.is-resized { 990 margin: 0 auto; 991 } 992 993 /* Block Styles */ 994 .wp-block-image.is-style-twentytwentyone-border img, 995 .wp-block-image.is-style-twentytwentyone-image-frame img { 996 border: 3px solid #28303d; 997 } 998 999 .wp-block-image.is-style-twentytwentyone-image-frame img { 1000 padding: 20px; 1001 } 1002 1003 .wp-block-latest-comments { 1004 padding-left: 0; 1005 } 1006 1007 .wp-block-latest-comments:where(:not([class*=-font-size]):not([style*=font-size])) .wp-block-latest-comments__comment { 1008 font-size: 1.125rem; 1009 } 1010 1011 .wp-block-latest-comments .wp-block-latest-comments__comment { 1012 line-height: 1.7; 1013 1014 /* Vertical margins logic */ 1015 margin-top: 30px; 1016 margin-bottom: 30px; 1017 } 1018 1019 .wp-block-latest-comments .wp-block-latest-comments__comment:first-child { 1020 margin-top: 0; 1021 } 1022 1023 .wp-block-latest-comments .wp-block-latest-comments__comment:last-child { 1024 margin-bottom: 0; 1025 } 1026 1027 .wp-block-latest-comments .wp-block-latest-comments__comment-meta { 1028 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1029 } 1030 1031 .wp-block-latest-comments .wp-block-latest-comments__comment-date { 1032 color: inherit; 1033 font-size: inherit; 1034 } 1035 1036 .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p { 1037 font-size: inherit; 1038 line-height: 1.7; 1039 margin: 0; 1040 } 1041 1042 .wp-block-latest-posts { 1043 padding-left: 0; 1044 } 1045 1046 .wp-block-latest-posts:not(.is-grid) > li { 1047 margin-top: 50px; 1048 margin-bottom: 50px; 1049 } 1050 1051 .wp-block-latest-posts:not(.is-grid) > li:first-child { 1052 margin-top: 0; 1053 } 1054 1055 .wp-block-latest-posts:not(.is-grid) > li:last-child { 1056 margin-bottom: 0; 1057 } 1058 1059 .wp-block-latest-posts.is-grid { 1060 word-wrap: break-word; 1061 word-break: break-word; 1062 } 1063 1064 .wp-block-latest-posts.is-grid > li { 1065 margin-bottom: 30px; 1066 } 1067 1068 .wp-block-latest-posts.is-grid > li:last-child { 1069 margin-bottom: 0; 1070 } 1071 1072 .wp-block-latest-posts > li > * { 1073 margin-top: 10px; 1074 margin-bottom: 10px; 1075 } 1076 1077 .wp-block-latest-posts > li > *:first-child { 1078 margin-top: 0; 1079 } 1080 1081 .wp-block-latest-posts > li > *:last-child { 1082 margin-bottom: 0; 1083 } 1084 1085 .wp-block-latest-posts > li > a { 1086 display: inline-block; 1087 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1088 font-size: 2rem; 1089 font-weight: normal; 1090 line-height: 1.3; 1091 margin-bottom: 10px; 1092 } 1093 @media only screen and (min-width: 652px) { 1094 1095 .wp-block-latest-posts > li > a { 1096 font-size: 2rem; 1097 } 1098 } 1099 1100 .wp-block-latest-posts .wp-block-latest-posts__post-author { 1101 color: #28303d; 1102 font-size: 1.25rem; 1103 line-height: 1.7; 1104 } 1105 1106 .wp-block-latest-posts .wp-block-latest-posts__post-date { 1107 color: #28303d; 1108 font-size: 1rem; 1109 line-height: 1.7; 1110 } 1111 1112 [class*=inner-container] .wp-block-latest-posts .wp-block-latest-posts__post-date, 1113 .has-background .wp-block-latest-posts .wp-block-latest-posts__post-date { 1114 color: currentColor; 1115 } 1116 1117 .wp-block-latest-posts .wp-block-latest-posts__post-excerpt, 1118 .wp-block-latest-posts .wp-block-latest-posts__post-full-content { 1119 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1120 font-size: 1.125rem; 1121 line-height: 1.7; 1122 margin-top: 20px; 1123 } 1124 1125 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers { 1126 border-top: 3px solid #28303d; 1127 border-bottom: 3px solid #28303d; 1128 } 1129 1130 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li, 1131 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers > li { 1132 padding-bottom: 30px; 1133 border-bottom: 1px solid #28303d; 1134 margin-top: 30px; 1135 margin-bottom: 30px; 1136 } 1137 1138 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li:last-child, 1139 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers > li:last-child { 1140 padding-bottom: 0; 1141 border-bottom: none; 1142 } 1143 1144 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid { 1145 box-shadow: inset 0 -1px 0 0 #28303d; 1146 border-bottom: 2px solid #28303d; 1147 } 1148 1149 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li { 1150 margin: 0; 1151 padding-top: 30px; 1152 padding-right: 25px; 1153 } 1154 1155 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li:last-child { 1156 padding-bottom: 30px; 1157 } 1158 @media screen and (min-width: 600px) { 1159 1160 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-2 li { 1161 width: 50%; 1162 } 1163 1164 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-3 li { 1165 width: 33%; 1166 } 1167 1168 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-4 li { 1169 width: 25%; 1170 } 1171 1172 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-5 li { 1173 width: 20%; 1174 } 1175 1176 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-6 li { 1177 width: 17%; 1178 } 1179 } 1180 1181 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li { 1182 border: 3px solid #28303d; 1183 padding: 30px 25px; 1184 } 1185 1186 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li:last-child { 1187 padding-bottom: 30px; 1188 margin-bottom: 30px; 1189 } 1190 1191 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders:not(.is-grid) li { 1192 margin-top: 25px; 1193 margin-bottom: 25px; 1194 } 1195 1196 .gallery-item { 1197 display: inline-block; 1198 text-align: center; 1199 vertical-align: top; 1200 width: 100%; 1201 } 1202 1203 .gallery-columns-2 .gallery-item { 1204 max-width: 50%; 1205 } 1206 1207 .gallery-columns-3 .gallery-item { 1208 max-width: 33.33%; 1209 } 1210 1211 .gallery-columns-4 .gallery-item { 1212 max-width: 25%; 1213 } 1214 1215 .gallery-columns-5 .gallery-item { 1216 max-width: 20%; 1217 } 1218 1219 .gallery-columns-6 .gallery-item { 1220 max-width: 16.66%; 1221 } 1222 1223 .gallery-columns-7 .gallery-item { 1224 max-width: 14.28%; 1225 } 1226 1227 .gallery-columns-8 .gallery-item { 1228 max-width: 12.5%; 1229 } 1230 1231 .gallery-columns-9 .gallery-item { 1232 max-width: 11.11%; 1233 } 1234 1235 .gallery-caption { 1236 display: block; 1237 } 1238 1239 ul, 1240 ol { 1241 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1242 margin: 30px 0; 1243 padding-left: 50px; 1244 } 1245 1246 ul.aligncenter, 1247 ol.aligncenter { 1248 list-style-position: inside; 1249 padding: 0; 1250 text-align: center; 1251 } 1252 1253 ul.alignright, 1254 ol.alignright { 1255 list-style-position: inside; 1256 padding: 0; 1257 text-align: right; 1258 } 1259 1260 li > ul, 1261 li > ol { 1262 margin: 0; 1263 } 1264 1265 dt { 1266 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1267 font-weight: bold; 1268 } 1269 1270 [data-align=full] .wp-block-media-text { 1271 margin-top: 0; 1272 margin-bottom: 0; 1273 } 1274 1275 .wp-block-media-text > .wp-block-media-text__content > *:first-child { 1276 margin-top: 0; 1277 } 1278 1279 .wp-block-media-text > .wp-block-media-text__content > *:last-child:not(.block-list-appender), 1280 .wp-block-media-text.has-child-selected > .wp-block-media-text__content > *:nth-last-child(2), 1281 .wp-block-media-text.is-selected > .wp-block-media-text__content > *:nth-last-child(2) { 1282 margin-bottom: 0; 1283 } 1284 1285 .wp-block-media-text .wp-block-media-text__content { 1286 padding: 25px; 1287 } 1288 1289 .wp-block-media-text.is-style-twentytwentyone-border { 1290 border: 3px solid #28303d; 1291 } 1292 1293 .wp-block-navigation [data-block] { 1294 margin-top: revert; 1295 margin-bottom: revert; 1296 } 1297 1298 .wp-block-navigation .wp-block-navigation__container { 1299 background: #d1e4dd; 1300 } 1301 1302 .wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__label { 1303 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1304 font-size: 1.25rem; 1305 font-weight: normal; 1306 } 1307 1308 .wp-block-navigation .has-child .wp-block-navigation__container { 1309 box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.2); 1310 } 1311 1312 .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover, 1313 .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:focus { 1314 color: #28303d; 1315 } 1316 1317 .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link__content { 1318 color: currentColor; 1319 } 1320 1321 p { 1322 line-height: 1.7; 1323 } 1324 1325 p.has-background { 1326 padding: 20px; 1327 } 1328 1329 pre.wp-block-preformatted { 1330 overflow-x: auto; 1331 white-space: pre !important; 1332 font-size: 1rem; 1333 } 1334 1335 .wp-block-pullquote { 1336 padding: 40px 0; 1337 text-align: center; 1338 border-width: 3px; 1339 border-bottom-style: solid; 1340 border-top-style: solid; 1341 color: currentColor; 1342 border-color: currentColor; 1343 position: relative; 1344 font-size: 2rem; 1345 font-style: normal; 1346 font-weight: 700; 1347 letter-spacing: normal; 1348 } 1349 1350 @media only screen and (min-width: 652px) { 1351 1352 .wp-block-pullquote { 1353 font-size: 2rem; 1354 } 1355 } 1356 1357 .wp-block-pullquote blockquote::before { 1358 color: currentColor; 1359 content: "“"; 1360 display: block; 1361 position: relative; 1362 left: 0; 1363 font-size: 3rem; 1364 font-weight: 500; 1365 line-height: 1; 1366 } 1367 1368 .wp-block-pullquote p { 1369 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1370 font-size: inherit; 1371 font-style: inherit; 1372 font-weight: inherit; 1373 letter-spacing: inherit; 1374 line-height: inherit; 1375 margin: 0; 1376 } 1377 1378 .wp-block-pullquote:where(:not([style*=line-height])) p { 1379 line-height: 1.3; 1380 } 1381 1382 .wp-block-pullquote a { 1383 color: currentColor; 1384 } 1385 1386 .wp-block-pullquote .wp-block-pullquote__citation, 1387 .wp-block-pullquote cite, 1388 .wp-block-pullquote footer { 1389 font-size: 1rem; 1390 font-style: normal; 1391 text-transform: none; 1392 } 1393 1394 .wp-block-pullquote:not(.is-style-solid-color) { 1395 background: none; 1396 } 1397 1398 .wp-block-pullquote.is-style-solid-color { 1399 margin-left: auto; 1400 margin-right: auto; 1401 padding: 50px; 1402 border-width: 3px; 1403 border-style: solid; 1404 border-color: #28303d; 1405 } 1406 @media (min-width: 600px) { 1407 1408 .wp-block-pullquote.is-style-solid-color { 1409 padding: 100px; 1410 } 1411 } 1412 1413 .wp-block-pullquote.is-style-solid-color blockquote::before { 1414 text-align: left; 1415 } 1416 1417 .wp-block-pullquote.is-style-solid-color.alignleft blockquote, 1418 .wp-block-pullquote.is-style-solid-color.alignright blockquote { 1419 padding-left: 20px; 1420 padding-right: 20px; 1421 max-width: inherit; 1422 } 1423 1424 .wp-block-pullquote.is-style-solid-color blockquote { 1425 margin: 0; 1426 max-width: 100%; 1427 } 1428 1429 .wp-block-pullquote.is-style-solid-color blockquote p { 1430 font-size: 2rem; 1431 } 1432 @media only screen and (min-width: 652px) { 1433 1434 .wp-block-pullquote.is-style-solid-color blockquote p { 1435 font-size: 2rem; 1436 } 1437 } 1438 1439 .wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation, 1440 .wp-block-pullquote.is-style-solid-color cite, 1441 .wp-block-pullquote.is-style-solid-color footer { 1442 color: currentColor; 1443 } 1444 1445 .wp-block[data-align=full] .wp-block-pullquote:not(.is-style-solid-color) blockquote { 1446 padding: 0 40px; 1447 } 1448 1449 .wp-block[data-align=left] .wp-block-pullquote.is-style-solid-color, 1450 .wp-block[data-align=right] .wp-block-pullquote.is-style-solid-color, 1451 .wp-block-query.has-background { 1452 padding: 20px; 1453 } 1454 @media only screen and (min-width: 482px) { 1455 1456 .wp-block-query.has-background { 1457 padding: 30px; 1458 } 1459 } 1460 1461 .wp-block-quote { 1462 position: relative; 1463 border-left: none; 1464 margin: 30px auto 30px 25px; 1465 padding-left: 1em; 1466 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1467 font-size: 1.25rem; 1468 font-style: normal; 1469 font-weight: 700; 1470 line-height: 1.7; 1471 } 1472 1473 .wp-block-quote p { 1474 font-family: inherit; 1475 font-size: inherit; 1476 font-style: inherit; 1477 font-weight: inherit; 1478 line-height: inherit; 1479 letter-spacing: inherit; 1480 } 1481 1482 .wp-block-quote strong { 1483 font-weight: bolder; 1484 } 1485 1486 .wp-block-quote:before { 1487 content: "“"; 1488 left: 8px; 1489 } 1490 1491 .wp-block-quote .wp-block-quote__citation { 1492 color: currentColor; 1493 font-family: inherit; 1494 font-style: inherit; 1495 font-weight: inherit; 1496 line-height: inherit; 1497 letter-spacing: inherit; 1498 } 1499 1500 .has-background .wp-block-quote .wp-block-quote__citation, 1501 [class*=background-color] .wp-block-quote .wp-block-quote__citation, 1502 [style*=background-color] .wp-block-quote .wp-block-quote__citation, 1503 .wp-block-cover[style*=background-image] .wp-block-quote .wp-block-quote__citation { 1504 color: currentColor; 1505 } 1506 1507 .wp-block-quote:where(:not([style*=font-style])) .wp-block-quote__citation { 1508 font-style: normal; 1509 } 1510 1511 .wp-block-quote:where(:not([style*=font-weight])) .wp-block-quote__citation { 1512 font-weight: normal; 1513 } 1514 1515 .wp-block-quote.has-text-align-right { 1516 margin: 30px 25px 30px auto; 1517 padding-right: 0; 1518 border-right: none; 1519 } 1520 1521 .wp-block-quote.has-text-align-right:before { 1522 display: none; 1523 } 1524 1525 .wp-block-quote.has-text-align-right p:before { 1526 content: "”"; 1527 margin-right: 5px; 1528 } 1529 1530 .wp-block-quote.has-text-align-center { 1531 margin: 30px auto; 1532 } 1533 1534 .wp-block-quote.has-text-align-center:before { 1535 display: none; 1536 } 1537 1538 .wp-block-quote.is-large, 1539 .wp-block-quote.is-style-large { 1540 padding-left: 0; 1541 1542 /* Resetting margins to match _block-container.scss */ 1543 margin-top: 30px; 1544 margin-bottom: 30px; 1545 } 1546 1547 .wp-block-quote.is-large p { 1548 font-size: 2.25rem; 1549 font-style: normal; 1550 line-height: 1.35; 1551 } 1552 @media only screen and (min-width: 652px) { 1553 1554 .wp-block-quote.is-large p { 1555 font-size: 2.5rem; 1556 } 1557 } 1558 1559 .wp-block-quote.is-style-large p { 1560 font-size: 2.25rem; 1561 font-style: normal; 1562 line-height: 1.35; 1563 } 1564 @media only screen and (min-width: 652px) { 1565 1566 .wp-block-quote.is-style-large p { 1567 font-size: 2.5rem; 1568 } 1569 } 1570 1571 .wp-block-quote.is-large:before { 1572 font-size: 2.25rem; 1573 line-height: 1.35; 1574 left: -25px; 1575 } 1576 @media only screen and (min-width: 652px) { 1577 1578 .wp-block-quote.is-large:before { 1579 font-size: 2.5rem; 1580 } 1581 } 1582 1583 .wp-block-quote.is-style-large:before { 1584 font-size: 2.25rem; 1585 line-height: 1.35; 1586 left: -25px; 1587 } 1588 @media only screen and (min-width: 652px) { 1589 1590 .wp-block-quote.is-style-large:before { 1591 font-size: 2.5rem; 1592 } 1593 } 1594 1595 .wp-block-quote.is-large.has-text-align-right:before, 1596 .wp-block-quote.is-style-large.has-text-align-right:before { 1597 display: none; 1598 } 1599 1600 .wp-block-quote.is-large.has-text-align-right p:before { 1601 content: "”"; 1602 font-size: 2.25rem; 1603 font-weight: normal; 1604 line-height: 1.35; 1605 margin-right: 10px; 1606 } 1607 @media only screen and (min-width: 652px) { 1608 1609 .wp-block-quote.is-large.has-text-align-right p:before { 1610 font-size: 2.5rem; 1611 } 1612 } 1613 1614 .wp-block-quote.is-style-large.has-text-align-right p:before { 1615 content: "”"; 1616 font-size: 2.25rem; 1617 font-weight: normal; 1618 line-height: 1.35; 1619 margin-right: 10px; 1620 } 1621 @media only screen and (min-width: 652px) { 1622 1623 .wp-block-quote.is-style-large.has-text-align-right p:before { 1624 font-size: 2.5rem; 1625 } 1626 } 1627 @media only screen and (max-width: 481.98px) { 1628 1629 .wp-block-quote.is-large, 1630 .wp-block-quote.is-style-large { 1631 padding-left: 25px; 1632 } 1633 1634 .wp-block-quote.is-large:before, 1635 .wp-block-quote.is-style-large:before { 1636 left: 0; 1637 } 1638 1639 .wp-block-quote.is-large.has-text-align-right, 1640 .wp-block-quote.is-style-large.has-text-align-right { 1641 padding-left: 0; 1642 padding-right: 25px; 1643 } 1644 1645 .wp-block-quote.is-large.has-text-align-right:before, 1646 .wp-block-quote.is-style-large.has-text-align-right:before { 1647 right: 0; 1648 } 1649 1650 .wp-block-quote { 1651 padding-left: 13px; 1652 } 1653 1654 .wp-block-quote:before { 1655 left: 0; 1656 } 1657 1658 .wp-block-quote.has-text-align-right { 1659 padding-left: 0; 1660 padding-right: 13px; 1661 } 1662 1663 .wp-block-quote.has-text-align-right:before { 1664 right: 0; 1665 } 1666 1667 .wp-block-quote.has-text-align-center { 1668 padding-left: 0; 1669 padding-right: 0; 1670 } 1671 } 1672 @media only screen and (min-width: 482px) { 1673 1674 .wp-block-quote { 1675 margin-left: auto; 1676 } 1677 1678 .wp-block-quote.has-text-align-right { 1679 margin-right: auto; 1680 } 1681 } 1682 1683 .wp-block-rss { 1684 padding-left: 0; 1685 } 1686 1687 .wp-block-rss > li { 1688 list-style: none; 1689 } 1690 1691 .wp-block-rss:not(.is-grid) > li { 1692 margin-top: 50px; 1693 margin-bottom: 50px; 1694 } 1695 1696 .wp-block-rss:not(.is-grid) > li:first-child { 1697 margin-top: 0; 1698 } 1699 1700 .wp-block-rss:not(.is-grid) > li:last-child { 1701 margin-bottom: 0; 1702 } 1703 1704 .wp-block-rss.is-grid > li { 1705 margin-bottom: 30px; 1706 } 1707 1708 .wp-block-rss.is-grid > li:last-child, 1709 .wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1), 1710 .wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1) ~ li, 1711 .wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1), 1712 .wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1) ~ li, 1713 .wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1), 1714 .wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1) ~ li, 1715 .wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1), 1716 .wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1) ~ li, 1717 .wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1), 1718 .wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1) ~ li { 1719 margin-bottom: 0; 1720 } 1721 1722 .wp-block-rss > li > * { 1723 margin-top: 10px; 1724 margin-bottom: 10px; 1725 } 1726 1727 .wp-block-rss > li > *:first-child { 1728 margin-top: 0; 1729 } 1730 1731 .wp-block-rss > li > *:last-child { 1732 margin-bottom: 0; 1733 } 1734 1735 .wp-block-rss .wp-block-rss__item-title > a { 1736 display: inline-block; 1737 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1738 font-size: 2rem; 1739 font-weight: normal; 1740 line-height: 1.3; 1741 margin-bottom: 10px; 1742 } 1743 @media only screen and (min-width: 652px) { 1744 1745 .wp-block-rss .wp-block-rss__item-title > a { 1746 font-size: 2rem; 1747 } 1748 } 1749 1750 .wp-block-rss .wp-block-rss__item-author { 1751 color: #28303d; 1752 font-size: 1.25rem; 1753 line-height: 1.7; 1754 } 1755 1756 .wp-block-rss .wp-block-rss__item-publish-date { 1757 color: #28303d; 1758 font-size: 1rem; 1759 line-height: 1.7; 1760 } 1761 1762 [class*=inner-container] .wp-block-rss .wp-block-rss__item-publish-date, 1763 .has-background .wp-block-rss .wp-block-rss__item-publish-date { 1764 color: currentColor; 1765 } 1766 1767 .wp-block-rss .wp-block-rss__item-excerpt, 1768 .wp-block-rss .wp-block-rss__item-full-content { 1769 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1770 font-size: 1.125rem; 1771 line-height: 1.7; 1772 margin-top: 20px; 1773 } 1774 1775 .wp-block-rss.alignfull { 1776 padding-left: 20px; 1777 padding-right: 20px; 1778 } 1779 1780 .entry-content [class*=inner-container] .wp-block-rss.alignfull, 1781 .entry-content .has-background .wp-block-rss.alignfull { 1782 padding-left: 0; 1783 padding-right: 0; 1784 } 1785 1786 .wp-block-search { 1787 max-width: calc(100vw - 30px); 1788 } 1789 1790 @media only screen and (min-width: 482px) { 1791 1792 .wp-block-search { 1793 max-width: min(calc(100vw - 100px), 610px); 1794 } 1795 } 1796 1797 @media only screen and (min-width: 822px) { 1798 1799 .wp-block-search { 1800 max-width: min(calc(100vw - 200px), 610px); 1801 } 1802 } 1803 1804 .wp-block-search .wp-block-search__label { 1805 font-size: 1.125rem; 1806 font-weight: 500; 1807 margin-bottom: 10px; 1808 } 1809 1810 .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper, 1811 .wp-block-search .wp-block-search__input { 1812 border: 3px solid #39414d; 1813 border-radius: 0; 1814 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1815 font-size: 1.125rem; 1816 line-height: 1.7; 1817 max-width: inherit; 1818 margin-right: -3px; 1819 padding: 10px; 1820 } 1821 1822 .is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper, 1823 .is-dark-theme .wp-block-search .wp-block-search__input { 1824 background: rgba(255, 255, 255, 0.9); 1825 } 1826 1827 .has-background .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper, 1828 .has-background .wp-block-search .wp-block-search__input { 1829 border-color: #28303d !important; 1830 } 1831 1832 .wp-block-search .wp-block-search__button.wp-block-search__button { 1833 border: 3px solid transparent; 1834 border-radius: 0; 1835 cursor: pointer; 1836 font-weight: 500; 1837 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1838 font-size: 1.25rem; 1839 line-height: 1.5; 1840 padding: 15px 30px; 1841 text-decoration: none; 1842 box-shadow: none; 1843 margin-left: 0; 1844 } 1845 1846 .wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-text-color) { 1847 color: #d1e4dd; 1848 } 1849 1850 .has-background .wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-text-color), 1851 .has-background .wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-text-color).has-background { 1852 color: #28303d; 1853 } 1854 1855 .wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-background), 1856 .has-background .wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-background) { 1857 background-color: #28303d; 1858 } 1859 1860 .wp-block-search .wp-block-search__button.wp-block-search__button:hover, 1861 .wp-block-search .wp-block-search__button.wp-block-search__button:active { 1862 background-color: transparent; 1863 border-color: currentColor; 1864 color: inherit; 1865 } 1866 1867 .wp-block-search .wp-block-search__button.wp-block-search__button:focus { 1868 outline-offset: -6px; 1869 outline: 2px dotted currentColor; 1870 } 1871 1872 .wp-block-search .wp-block-search__button.wp-block-search__button:disabled { 1873 background-color: rgba(255, 255, 255, 0.5); 1874 border-color: rgba(255, 255, 255, 0.5); 1875 color: #39414d; 1876 } 1877 1878 .wp-block-search .wp-block-search__button.wp-block-search__button.has-icon { 1879 padding: 6px 15px; 1880 display: inherit; 1881 } 1882 1883 .wp-block-search .wp-block-search__button.wp-block-search__button.has-icon svg { 1884 width: 40px; 1885 height: 40px; 1886 } 1887 1888 .has-background .wp-block-search .wp-block-search__button.wp-block-search__button:hover, 1889 .has-background .wp-block-search .wp-block-search__button.wp-block-search__button:active { 1890 background-color: #d1e4dd !important; 1891 color: #28303d !important; 1892 } 1893 1894 .has-text-color .wp-block-search .wp-block-search__button.wp-block-search__button:hover, 1895 .has-text-color .wp-block-search .wp-block-search__button.wp-block-search__button:active { 1896 color: #28303d !important; 1897 } 1898 1899 .wp-block-search .wp-block-search__button.wp-block-search__button:focus { 1900 outline-offset: inherit; 1901 outline: inherit; 1902 } 1903 1904 .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { 1905 padding: 3px; 1906 } 1907 1908 .wp-block-search.wp-block-search__button-inside .wp-block-search__input { 1909 border: none; 1910 } 1911 1912 .wp-block-search.wp-block-search__button-inside.wp-block-search__text-button .wp-block-search__button:hover, 1913 .wp-block-search.wp-block-search__button-inside.wp-block-search__icon-button .wp-block-search__button:hover, 1914 .is-dark-theme .wp-block-search.wp-block-search__button-inside.wp-block-search__text-button .wp-block-search__button, 1915 .is-dark-theme .wp-block-search.wp-block-search__button-inside.wp-block-search__icon-button .wp-block-search__button { 1916 color: #28303d; 1917 } 1918 1919 .is-dark-theme .wp-block-search.wp-block-search__button-inside.wp-block-search__text-button .wp-block-search__button:hover, 1920 .is-dark-theme .wp-block-search.wp-block-search__button-inside.wp-block-search__icon-button .wp-block-search__button:hover { 1921 background-color: #28303d; 1922 color: #fff; 1923 } 1924 1925 .wp-block-search.wp-block-search__button-inside.wp-block-search__text-button .wp-block-search__button { 1926 padding: 15px 30px; 1927 } 1928 1929 .wp-block[data-align=center] > * { 1930 text-align: center; 1931 } 1932 1933 .wp-block[data-align=center] .wp-block-search__button-only .wp-block-search__inside-wrapper { 1934 justify-content: center; 1935 } 1936 1937 .wp-block-separator, 1938 hr { 1939 border-bottom: 1px solid #28303d; 1940 clear: both; 1941 opacity: 1; 1942 } 1943 1944 .wp-block-separator[style*="text-align:right"], 1945 .wp-block-separator[style*="text-align: right"], 1946 hr[style*="text-align:right"], 1947 hr[style*="text-align: right"] { 1948 border-right-color: #28303d; 1949 } 1950 1951 .wp-block-separator:not(.is-style-dots) { 1952 max-width: calc(100vw - 30px); 1953 } 1954 @media only screen and (min-width: 482px) { 1955 1956 .wp-block-separator:not(.is-style-dots) { 1957 max-width: min(calc(100vw - 100px), 610px); 1958 } 1959 } 1960 @media only screen and (min-width: 822px) { 1961 1962 .wp-block-separator:not(.is-style-dots) { 1963 max-width: min(calc(100vw - 200px), 610px); 1964 } 1965 } 1966 1967 hr:not(.is-style-dots) { 1968 max-width: calc(100vw - 30px); 1969 } 1970 @media only screen and (min-width: 482px) { 1971 1972 hr:not(.is-style-dots) { 1973 max-width: min(calc(100vw - 100px), 610px); 1974 } 1975 } 1976 @media only screen and (min-width: 822px) { 1977 1978 hr:not(.is-style-dots) { 1979 max-width: min(calc(100vw - 200px), 610px); 1980 } 1981 } 1982 1983 [data-align=full] > .wp-block-separator, 1984 [data-align=wide] > .wp-block-separator, 1985 [data-align=full] > hr, 1986 [data-align=wide] > hr { 1987 max-width: inherit; 1988 } 1989 1990 .wp-block-separator.is-style-twentytwentyone-separator-thick, 1991 hr.is-style-twentytwentyone-separator-thick { 1992 border-bottom-width: 3px; 1993 } 1994 1995 .wp-block-separator.is-style-dots, 1996 hr.is-style-dots { 1997 border-bottom: none; 1998 } 1999 2000 .wp-block-separator.is-style-dots.has-background, 2001 .wp-block-separator.is-style-dots.has-text-color, 2002 hr.is-style-dots.has-background, 2003 hr.is-style-dots.has-text-color { 2004 background-color: transparent !important; 2005 } 2006 2007 .wp-block-separator.is-style-dots.has-background:before, 2008 .wp-block-separator.is-style-dots.has-text-color:before, 2009 hr.is-style-dots.has-background:before, 2010 hr.is-style-dots.has-text-color:before { 2011 color: currentColor !important; 2012 } 2013 2014 .wp-block-separator.is-style-dots:before, 2015 hr.is-style-dots:before { 2016 color: #28303d; 2017 } 2018 2019 .has-background .wp-block-separator, 2020 [class*=background-color] .wp-block-separator, 2021 [style*=background-color] .wp-block-separator, 2022 .wp-block-cover[style*=background-image] .wp-block-separator, 2023 .has-background hr, 2024 [class*=background-color] hr, 2025 [style*=background-color] hr, 2026 .wp-block-cover[style*=background-image] hr { 2027 border-color: currentColor; 2028 } 2029 2030 .wp-block-social-links [data-block] { 2031 margin-top: 0; 2032 margin-bottom: 0; 2033 } 2034 2035 .wp-block-social-links.is-style-twentytwentyone-social-icons-color button { 2036 color: #28303d; 2037 } 2038 2039 .wp-block-social-links.is-style-twentytwentyone-social-icons-color .wp-social-link { 2040 background: none; 2041 } 2042 2043 table thead, 2044 table tfoot, 2045 .wp-block-table thead, 2046 .wp-block-table tfoot { 2047 text-align: center; 2048 } 2049 2050 table th, 2051 .wp-block-table th { 2052 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 2053 } 2054 2055 table td, 2056 table th, 2057 .wp-block-table td, 2058 .wp-block-table th { 2059 padding: 10px; 2060 } 2061 2062 table.is-style-regular .has-background, 2063 table.is-style-stripes .has-background, 2064 table.is-style-stripes .has-background thead tr, 2065 table.is-style-stripes .has-background tfoot tr, 2066 table.is-style-stripes .has-background tbody tr, 2067 .wp-block-table.is-style-regular .has-background, 2068 .wp-block-table.is-style-stripes .has-background, 2069 .wp-block-table.is-style-stripes .has-background thead tr, 2070 .wp-block-table.is-style-stripes .has-background tfoot tr, 2071 .wp-block-table.is-style-stripes .has-background tbody tr { 2072 color: #28303d; 2073 } 2074 2075 table.is-style-stripes, 2076 .wp-block-table.is-style-stripes { 2077 border-color: #f0f0f0; 2078 } 2079 2080 table.is-style-stripes th, 2081 table.is-style-stripes td, 2082 .wp-block-table.is-style-stripes th, 2083 .wp-block-table.is-style-stripes td { 2084 border-width: 0; 2085 } 2086 2087 table.is-style-stripes tbody tr:nth-child(odd), 2088 .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { 2089 background-color: #f0f0f0; 2090 } 2091 2092 table.is-style-stripes .has-background tbody tr:nth-child(odd), 2093 .wp-block-table.is-style-stripes .has-background tbody tr:nth-child(odd) { 2094 background-color: rgba(255, 255, 255, 0.9); 2095 } 2096 2097 table.wp-calendar-table td, 2098 table.wp-calendar-table th { 2099 background: transparent; 2100 border: 0; 2101 text-align: center; 2102 line-height: 2; 2103 vertical-align: middle; 2104 } 2105 2106 table.wp-calendar-table th { 2107 font-weight: bold; 2108 } 2109 2110 table.wp-calendar-table thead, 2111 table.wp-calendar-table tbody { 2112 color: currentColor; 2113 border: 1px solid; 2114 } 2115 2116 table.wp-calendar-table caption { 2117 font-weight: bold; 2118 text-align: left; 2119 margin-bottom: 20px; 2120 color: currentColor; 2121 } 2122 2123 .wp-calendar-nav { 2124 text-align: left; 2125 margin-top: 10px; 2126 } 2127 2128 .wp-calendar-nav svg { 2129 height: 1em; 2130 vertical-align: middle; 2131 } 2132 2133 .wp-calendar-nav svg path { 2134 fill: currentColor; 2135 } 2136 2137 .wp-calendar-nav .wp-calendar-nav-next { 2138 float: right; 2139 } 2140 2141 .wp-block-tag-cloud.aligncenter { 2142 text-align: center; 2143 } 2144 2145 pre.wp-block-verse { 2146 padding: 0; 2147 color: currentColor; 2148 } 2149 2150 :root .is-extra-small-text, 2151 :root .has-extra-small-font-size { 2152 font-size: 1rem; 2153 } 2154 2155 :root .is-small-text, 2156 :root .has-small-font-size { 2157 font-size: 1.125rem; 2158 } 2159 2160 :root .is-regular-text, 2161 :root .has-regular-font-size, 2162 :root .is-normal-font-size, 2163 :root .has-normal-font-size, 2164 :root .has-medium-font-size { 2165 font-size: 1.25rem; 2166 } 2167 2168 :root .is-large-text, 2169 :root .has-large-font-size { 2170 font-size: 1.5rem; 2171 line-height: 1.3; 2172 } 2173 2174 :root .is-larger-text { 2175 font-size: 2.5rem; 2176 line-height: 1.3; 2177 } 2178 @media only screen and (min-width: 652px) { 2179 2180 :root .is-larger-text { 2181 font-size: 2.5rem; 2182 } 2183 } 2184 2185 :root .has-larger-font-size { 2186 font-size: 2.5rem; 2187 line-height: 1.3; 2188 } 2189 @media only screen and (min-width: 652px) { 2190 2191 :root .has-larger-font-size { 2192 font-size: 2.5rem; 2193 } 2194 } 2195 2196 :root .is-extra-large-text { 2197 font-size: 2.5rem; 2198 line-height: 1.3; 2199 } 2200 @media only screen and (min-width: 652px) { 2201 2202 :root .is-extra-large-text { 2203 font-size: 2.5rem; 2204 } 2205 } 2206 2207 :root .has-extra-large-font-size { 2208 font-size: 2.5rem; 2209 line-height: 1.3; 2210 } 2211 @media only screen and (min-width: 652px) { 2212 2213 :root .has-extra-large-font-size { 2214 font-size: 2.5rem; 2215 } 2216 } 2217 2218 :root .is-huge-text { 2219 font-size: 6rem; 2220 line-height: 1.3; 2221 font-weight: 300; 2222 } 2223 @media only screen and (min-width: 652px) { 2224 2225 :root .is-huge-text { 2226 font-size: 6rem; 2227 } 2228 } 2229 2230 :root .has-huge-font-size { 2231 font-size: 6rem; 2232 line-height: 1.3; 2233 font-weight: 300; 2234 } 2235 @media only screen and (min-width: 652px) { 2236 2237 :root .has-huge-font-size { 2238 font-size: 6rem; 2239 } 2240 } 2241 2242 :root .is-gigantic-text { 2243 font-size: 9rem; 2244 line-height: 1.3; 2245 font-weight: 300; 2246 } 2247 @media only screen and (min-width: 652px) { 2248 2249 :root .is-gigantic-text { 2250 font-size: 9rem; 2251 } 2252 } 2253 2254 :root .has-gigantic-font-size { 2255 font-size: 9rem; 2256 line-height: 1.3; 2257 font-weight: 300; 2258 } 2259 @media only screen and (min-width: 652px) { 2260 2261 :root .has-gigantic-font-size { 2262 font-size: 9rem; 2263 } 2264 } 2265 2266 /** 2267 * Editor Post Title 2268 * - Needs a special styles 2269 */ 2270 .wp-block.editor-post-title__block { 2271 border-bottom: 3px solid #28303d; 2272 padding-bottom: 60px; 2273 margin-bottom: 90px; 2274 max-width: calc(100vw - 30px); 2275 } 2276 @media only screen and (min-width: 482px) { 2277 2278 .wp-block.editor-post-title__block { 2279 max-width: calc(100vw - 100px); 2280 } 2281 } 2282 @media only screen and (min-width: 822px) { 2283 2284 .wp-block.editor-post-title__block { 2285 max-width: min(calc(100vw - 200px), 1240px); 2286 } 2287 } 2288 2289 .wp-block.editor-post-title__block .editor-post-title__input { 2290 color: #39414d; 2291 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 2292 font-size: 4rem; 2293 font-weight: 300; 2294 line-height: 1.1; 2295 } 2296 @media only screen and (min-width: 652px) { 2297 2298 .wp-block.editor-post-title__block .editor-post-title__input { 2299 font-size: 6rem; 2300 } 2301 } 2302 2303 .wp-block.block-editor-default-block-appender > textarea { 2304 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 2305 font-size: 1.25rem; 2306 } 2307 2308 .has-primary-color[class] { 2309 color: #28303d; 2310 } 2311 2312 .has-secondary-color[class] { 2313 color: #39414d; 2314 } 2315 2316 .has-primary-background-color[class] { 2317 background-color: #28303d; 2318 color: #d1e4dd; 2319 } 2320 2321 .has-secondary-background-color[class] { 2322 background-color: #39414d; 2323 color: #d1e4dd; 2324 } 2325 2326 .has-white-background-color[class] { 2327 color: #39414d; 2328 } 2329 2330 .has-black-background-color[class] { 2331 color: #28303d; 2332 } 2333 2334 [data-block] { 2335 margin-top: 30px; 2336 margin-bottom: 30px; 2337 } 2338 2339 .wp-block { 2340 max-width: calc(100vw - 30px); 2341 } 2342 2343 @media only screen and (min-width: 482px) { 2344 2345 .wp-block { 2346 max-width: min(calc(100vw - 100px), 610px); 2347 } 2348 } 2349 2350 @media only screen and (min-width: 822px) { 2351 2352 .wp-block { 2353 max-width: min(calc(100vw - 200px), 610px); 2354 } 2355 } 2356 2357 .wp-block[data-align=wide] { 2358 max-width: calc(100vw - 30px); 2359 } 2360 @media only screen and (min-width: 482px) { 2361 2362 .wp-block[data-align=wide] { 2363 max-width: calc(100vw - 100px); 2364 } 2365 } 2366 @media only screen and (min-width: 822px) { 2367 2368 .wp-block[data-align=wide] { 2369 max-width: min(calc(100vw - 200px), 1240px); 2370 } 2371 } 2372 2373 .wp-block.alignwide { 2374 max-width: calc(100vw - 30px); 2375 } 2376 @media only screen and (min-width: 482px) { 2377 2378 .wp-block.alignwide { 2379 max-width: calc(100vw - 100px); 2380 } 2381 } 2382 @media only screen and (min-width: 822px) { 2383 2384 .wp-block.alignwide { 2385 max-width: min(calc(100vw - 200px), 1240px); 2386 } 2387 } 2388 2389 .wp-block[data-align=full], 2390 .wp-block.alignfull { 2391 max-width: none; 2392 } 2393 2394 .alignleft { 2395 margin: 0; 2396 margin-right: 25px; 2397 } 2398 2399 .alignright { 2400 margin: 0; 2401 margin-left: 25px; 2402 } 2403 2404 .has-drop-cap:not(:focus)::first-letter { 2405 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 2406 font-weight: normal; 2407 line-height: 0.66; 2408 text-transform: uppercase; 2409 font-style: normal; 2410 margin: 0.1em 0.1em 0 0; 2411 font-size: 5rem; 2412 } 2413 2414 @media only screen and (min-width: 652px) { 2415 2416 .has-drop-cap:not(:focus)::first-letter { 2417 font-size: 7rem; 2418 } 2419 } 2420 2421 @media only screen and (min-width: 482px) { 2422 2423 .wp-block[data-align=left] > * { 2424 max-width: 290px; 2425 margin-right: 25px; 2426 } 2427 2428 .wp-block[data-align=right] > * { 2429 max-width: 290px; 2430 margin-left: 25px; 2431 } 2432 } 2433 2434 .wp-block-freeform.block-library-rich-text__tinymce blockquote { 2435 border: none; 2436 } 2437 2438 .wp-block-freeform.block-library-rich-text__tinymce blockquote:before { 2439 left: 5px; 2440 } 2441 2442 html { 2443 line-height: 1.7; 2444 } 2445 2446 html, 2447 body { 2448 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 2449 } 2450 2451 body { 2452 background-color: #d1e4dd; 2453 font-size: 1.25rem; 2454 font-weight: normal; 2455 -moz-osx-font-smoothing: grayscale; 2456 -webkit-font-smoothing: antialiased; 2457 } 2458 2459 body, 2460 .wp-block a { 2461 color: #28303d; 2462 } 2463 2464 .wp-block a:hover { 2465 text-decoration-style: dotted; 2466 } 2467 2468 .wp-block a:focus { 2469 outline: 2px solid #28303d; 2470 text-decoration: none; 2471 } 2472 2473 .has-background .has-link-color a, 2474 .has-background.has-link-color a { 2475 color: #28303d; 2476 } 2477 2478 button, 2479 a { 2480 cursor: pointer; 2481 } 2482 2483 .has-black-color[class], 2484 .has-black-color[class] > [class*=__inner-container] { 2485 color: #000; 2486 } 2487 2488 .has-gray-color[class], 2489 .has-gray-color[class] > [class*=__inner-container] { 2490 color: #39414d; 2491 } 2492 2493 .has-dark-gray-color[class], 2494 .has-dark-gray-color[class] > [class*=__inner-container] { 2495 color: #28303d; 2496 } 2497 2498 .has-green-color[class], 2499 .has-green-color[class] > [class*=__inner-container] { 2500 color: #d1e4dd; 2501 } 2502 2503 .has-blue-color[class], 2504 .has-blue-color[class] > [class*=__inner-container] { 2505 color: #d1dfe4; 2506 } 2507 2508 .has-purple-color[class], 2509 .has-purple-color[class] > [class*=__inner-container] { 2510 color: #d1d1e4; 2511 } 2512 2513 .has-red-color[class], 2514 .has-red-color[class] > [class*=__inner-container] { 2515 color: #e4d1d1; 2516 } 2517 2518 .has-orange-color[class], 2519 .has-orange-color[class] > [class*=__inner-container] { 2520 color: #e4dad1; 2521 } 2522 2523 .has-yellow-color[class], 2524 .has-yellow-color[class] > [class*=__inner-container] { 2525 color: #eeeadd; 2526 } 2527 2528 .has-white-color[class], 2529 .has-white-color[class] > [class*=__inner-container] { 2530 color: #fff; 2531 } 2532 2533 .has-background a, 2534 .has-background p, 2535 .has-background h1, 2536 .has-background h2, 2537 .has-background h3, 2538 .has-background h4, 2539 .has-background h5, 2540 .has-background h6 { 2541 color: currentColor; 2542 } 2543 2544 .has-black-background-color[class], 2545 .has-black-background-color[class] > [class*=__inner-container] { 2546 background-color: #000; 2547 } 2548 2549 .has-dark-gray-background-color[class], 2550 .has-dark-gray-background-color[class] > [class*=__inner-container] { 2551 background-color: #28303d; 2552 } 2553 2554 .has-gray-background-color[class], 2555 .has-gray-background-color[class] > [class*=__inner-container] { 2556 background-color: #39414d; 2557 } 2558 2559 .has-light-gray-background-color[class], 2560 .has-light-gray-background-color[class] > [class*=__inner-container] { 2561 background-color: #f0f0f0; 2562 } 2563 2564 .has-green-background-color[class], 2565 .has-green-background-color[class] > [class*=__inner-container] { 2566 background-color: #d1e4dd; 2567 } 2568 2569 .has-blue-background-color[class], 2570 .has-blue-background-color[class] > [class*=__inner-container] { 2571 background-color: #d1dfe4; 2572 } 2573 2574 .has-purple-background-color[class], 2575 .has-purple-background-color[class] > [class*=__inner-container] { 2576 background-color: #d1d1e4; 2577 } 2578 2579 .has-red-background-color[class], 2580 .has-red-background-color[class] > [class*=__inner-container] { 2581 background-color: #e4d1d1; 2582 } 2583 2584 .has-orange-background-color[class], 2585 .has-orange-background-color[class] > [class*=__inner-container] { 2586 background-color: #e4dad1; 2587 } 2588 2589 .has-yellow-background-color[class], 2590 .has-yellow-background-color[class] > [class*=__inner-container] { 2591 background-color: #eeeadd; 2592 } 2593 2594 .has-white-background-color[class], 2595 .has-white-background-color[class] > [class*=__inner-container] { 2596 background-color: #fff; 2597 } 2598 2599 .has-background:not(.has-text-color).has-black-background-color[class], 2600 .has-background:not(.has-text-color).has-gray-background-color[class], 2601 .has-background:not(.has-text-color).has-dark-gray-background-color[class] { 2602 color: #fff; 2603 } 2604 2605 .has-background:not(.has-text-color).has-black-background-color[class] > [class*=__inner-container], 2606 .has-background:not(.has-text-color).has-gray-background-color[class] > [class*=__inner-container], 2607 .has-background:not(.has-text-color).has-dark-gray-background-color[class] > [class*=__inner-container], 2608 .has-background:not(.has-text-color).has-green-background-color[class], 2609 .has-background:not(.has-text-color).has-blue-background-color[class], 2610 .has-background:not(.has-text-color).has-purple-background-color[class], 2611 .has-background:not(.has-text-color).has-red-background-color[class], 2612 .has-background:not(.has-text-color).has-orange-background-color[class], 2613 .has-background:not(.has-text-color).has-yellow-background-color[class], 2614 .has-background:not(.has-text-color).has-white-background-color[class], 2615 .has-background:not(.has-text-color).has-green-background-color[class] > [class*=__inner-container], 2616 .has-background:not(.has-text-color).has-blue-background-color[class] > [class*=__inner-container], 2617 .has-background:not(.has-text-color).has-purple-background-color[class] > [class*=__inner-container], 2618 .has-background:not(.has-text-color).has-red-background-color[class] > [class*=__inner-container], 2619 .has-background:not(.has-text-color).has-orange-background-color[class] > [class*=__inner-container], 2620 .has-background:not(.has-text-color).has-yellow-background-color[class] > [class*=__inner-container], 2621 .has-background:not(.has-text-color).has-white-background-color[class] > [class*=__inner-container] { 2622 color: #28303d; 2623 } 2624 2625 .has-purple-to-yellow-gradient-background { 2626 background: linear-gradient(160deg, #d1d1e4, #eeeadd); 2627 } 2628 2629 .has-yellow-to-purple-gradient-background { 2630 background: linear-gradient(160deg, #eeeadd, #d1d1e4); 2631 } 2632 2633 .has-green-to-yellow-gradient-background { 2634 background: linear-gradient(160deg, #d1e4dd, #eeeadd); 2635 } 2636 2637 .has-yellow-to-green-gradient-background { 2638 background: linear-gradient(160deg, #eeeadd, #d1e4dd); 2639 } 2640 2641 .has-red-to-yellow-gradient-background { 2642 background: linear-gradient(160deg, #e4d1d1, #eeeadd); 2643 } 2644 2645 .has-yellow-to-red-gradient-background { 2646 background: linear-gradient(160deg, #eeeadd, #e4d1d1); 2647 } 2648 2649 .has-purple-to-red-gradient-background { 2650 background: linear-gradient(160deg, #d1d1e4, #e4d1d1); 2651 } 2652 2653 .has-red-to-purple-gradient-background { 2654 background: linear-gradient(160deg, #e4d1d1, #d1d1e4); 2655 }
title
Description
Body
title
Description
Body
title
Description
Body
title
Body
Generated : Thu Nov 21 08:20:01 2024 | Cross-referenced by PHPXref |