[ Index ] |
PHP Cross Reference of WordPress Trunk (Updated Daily) |
[Summary view] [Print] [Text view]
1 /* 2 Theme Name: Twenty Twenty 3 Text Domain: twentytwenty 4 Version: 1.0 5 Requires at least: 4.7 6 Requires PHP: 5.2.4 7 Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors. 8 Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready 9 Author: the WordPress team 10 Author URI: https://wordpress.org/ 11 Theme URI: https://wordpress.org/themes/twentytwenty/ 12 License: GNU General Public License v2 or later 13 License URI: http://www.gnu.org/licenses/gpl-2.0.html 14 15 All files, unless otherwise stated, are released under the GNU General Public 16 License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html) 17 18 This theme, like WordPress, is licensed under the GPL. 19 Use it to make something cool, have fun, and share what you've learned 20 with others. 21 */ 22 23 /*-------------------------------------------------------------- 24 >>> TABLE OF CONTENTS: 25 ---------------------------------------------------------------- 26 27 0. CSS Reset 28 1. Document Setup 29 2. Element Base 30 3. Helper Classes 31 4. Site Header 32 5. Menu Modal 33 6. Search Modal 34 7. Page Templates 35 a. Template: Cover Template 36 c. Template: Full Width 37 8. Post: Archive 38 9. Post: Single 39 10. Blocks 40 11. Entry Content 41 12. Comments 42 13. Site Pagination 43 14. Error 404 44 15. Widgets 45 16. Site Footer 46 17. Media Queries 47 48 ----------------------------------------------------------------------------- */ 49 50 51 /* -------------------------------------------------------------------------- */ 52 53 /* 0. CSS Reset 54 /* -------------------------------------------------------------------------- */ 55 56 57 html, 58 body { 59 border: none; 60 margin: 0; 61 padding: 0; 62 } 63 64 h1, 65 h2, 66 h3, 67 h4, 68 h5, 69 h6, 70 p, 71 blockquote, 72 address, 73 big, 74 cite, 75 code, 76 em, 77 font, 78 img, 79 small, 80 strike, 81 sub, 82 sup, 83 li, 84 ol, 85 ul, 86 fieldset, 87 form, 88 label, 89 legend, 90 button, 91 table, 92 caption, 93 tr, 94 th, 95 td { 96 border: none; 97 font-size: inherit; 98 line-height: inherit; 99 margin: 0; 100 padding: 0; 101 text-align: inherit; 102 } 103 104 blockquote::before, 105 blockquote::after { 106 content: ""; 107 } 108 109 110 /* -------------------------------------------------------------------------- */ 111 112 /* 1. Document Setup 113 /* -------------------------------------------------------------------------- */ 114 115 116 html { 117 font-size: 62.5%; /* 1rem = 10px */ 118 } 119 120 body { 121 background: #f5efe0; 122 box-sizing: border-box; 123 color: #000; 124 font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; 125 font-size: 1.8rem; 126 letter-spacing: -0.015em; 127 text-align: right; 128 } 129 130 @supports ( font-variation-settings: normal ) { 131 132 body { 133 font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; 134 } 135 } 136 137 *, 138 *::before, 139 *::after { 140 box-sizing: inherit; 141 -webkit-font-smoothing: antialiased; 142 word-break: break-word; 143 word-wrap: break-word; 144 } 145 146 #site-content { 147 overflow: hidden; 148 } 149 150 151 /* Clearing ---------------------------------- */ 152 153 .group::after, 154 .entry-content::after { 155 clear: both; 156 content: ""; 157 display: block; 158 } 159 160 161 /* Base Transitions -------------------------- */ 162 163 a, 164 path { 165 transition: all 0.15s linear; 166 } 167 168 169 /* Screen Reader Text ------------------------ */ 170 171 .screen-reader-text { 172 border: 0; 173 clip: rect(1px, 1px, 1px, 1px); 174 -webkit-clip-path: inset(50%); 175 clip-path: inset(50%); 176 height: 1px; 177 margin: -1px; 178 overflow: hidden; 179 padding: 0; 180 position: absolute !important; 181 width: 1px; 182 word-wrap: normal !important; 183 word-break: normal; 184 } 185 186 .screen-reader-text:focus { 187 background-color: #f1f1f1; 188 border-radius: 3px; 189 box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); 190 clip: auto !important; 191 -webkit-clip-path: none; 192 clip-path: none; 193 color: #21759b; 194 display: block; 195 font-size: 14px; 196 font-size: 0.875rem; 197 font-weight: 700; 198 height: auto; 199 left: 5px; 200 line-height: normal; 201 padding: 15px 23px 14px; 202 text-decoration: none; 203 top: 5px; 204 width: auto; 205 z-index: 100000; 206 } 207 208 209 /* Skip Link --------------------------------- */ 210 211 .skip-link { 212 right: -9999rem; 213 top: 2.5rem; 214 z-index: 999999999; 215 text-decoration: underline; 216 } 217 218 .skip-link:focus { 219 display: block; 220 right: 6px; 221 top: 7px; 222 font-size: 14px; 223 font-weight: 600; 224 text-decoration: none; 225 line-height: normal; 226 padding: 15px 23px 14px; 227 z-index: 100000; 228 left: auto; 229 } 230 231 232 /* Fonts ------------------------------------- */ 233 234 /* 235 * Chrome renders extra-wide characters for the Hoefler Text font. 236 * This results in a jumping cursor when typing in both the classic editor and 237 * block editor. The following font-face override fixes the issue by manually 238 * inserting a custom font that includes just a Hoefler Text space replacement 239 * for that character instead. 240 */ 241 @font-face { 242 font-family: NonBreakingSpaceOverride; 243 src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMoAA0AAAAACDQAAALTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCahEICjx3CywAATYCJANUBCAFhiEHgWwbXQfILgpsY+rQRRARwyAs6uL7pxzYhxEE+32b3aeHmifR6tklkS9hiZA0ewkqGRJE+H7/+6378ASViK/PGeavqJyOzsceKi1s3BCiQsiOdn1r/RBgIJYEgCUhbm/8/8/h4saPssnTNkkiWUBrTRtjmQSajw3Ui3pZ3LYDPD+XG2C3JA/yKAS8/rU5eNfuGqRf4eNNgV4YAlIIgxglEkWe6FYpq10+wi3g+/nUgvgPFczNrz/RsTgVm/zfbPuHZlsuQECxuyqBcQwKFBjFgKO8AqP4bAN9tFJtnM9xPcbNjeXS/x1wY/xU52f5W/X1+9cnH4YwKIaoRRAkUkj/YlAAeF/624foiIDBgBmgQBeGAyhBljUPZUm/l2dTvmpqcBDUOHdbPZWd8JsBAsGr4w8/EDn82/bUPx4eh0YNrQTBuHO2FjQEAGBwK0DeI37DpQVqdERS4gZBhpeUhWCfLFz7J99aEBgsJCHvUGAdAPp4IADDCAPCEFMGpMZ9AQpTfQtQGhLbGVBZFV8BaqNyP68oTZgHNj3M8kBPfXTTC9t90UuzYhy9ciH0grVlOcqyCytisvbsERsEYztiznR0WCrmTksJwbSNK6fd1Rvr25I9oLvctUoEbNOmXJbqgYgPXEHJ82IUsrCnpkxh23F1rfZ2zcRnJYoXtauB3VTFkFXQg3uoZYD5qE0kdjDtoDoF1h2bulGmev5HbYhbrjtohQSRI4aNOkffIcT+d3v6atpaYh3JvPoQsztCcqvaBkppDSPcQ3bw3KaCBo1f5CJWTZEgW3LjLofYg51MaVezrx8xZitYbQ9KYeoRaqQdVLwSEfrKXLK1otCWOKNdR/YwYAfon5Yk8O2MJfSD10dPGA5PIJJQMkah0ugMJiv6x4Dm7LEa8xnrRGGGLAg4sAlbsA07sAt76DOsXKO3hIjtIlpnnFrt1qW4kh6NhS83P/6HB/fl1SMAAA==) format("woff2"), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAUQAA0AAAAACDQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE9AAAABwAAAAchf5yU0dERUYAAATYAAAAHAAAAB4AJwAbT1MvMgAAAaAAAABJAAAAYJAcgU5jbWFwAAACIAAAAF4AAAFqUUxBZ2dhc3AAAATQAAAACAAAAAgAAAAQZ2x5ZgAAApAAAAAyAAAAPL0n8y9oZWFkAAABMAAAADAAAAA2Fi93Z2hoZWEAAAFgAAAAHQAAACQOSgWaaG10eAAAAewAAAAzAAAAVC7TAQBsb2NhAAACgAAAABAAAAAsAOQBAm1heHAAAAGAAAAAHQAAACAAWQALbmFtZQAAAsQAAAF6AAADIYvD/Adwb3N0AAAEQAAAAI4AAADsapk2o3jaY2BkYGAA4ov5mwzj+W2+MnCzXwCKMNzgCBSB0LfbQDQ7AxuI4mBgAlEAFKQIRHjaY2BkYGD3+NvCwMDBAALsDAyMDKhAFAA3+wH3AAAAeNpjYGRgYBBl4GBgYgABEMnIABJzAPMZAAVmAGUAAAB42mNgZlJhnMDAysDCKsKygYGBYRqEZtrDYMT4D8gHSmEHjgUFOQwODAqqf9g9/rYwMLB7MNUAhRlBcsxBrMlASoGBEQAj8QtyAAAAeNrjYGBkAAGmWQwMjO8gmBnIZ2NA0ExAzNjAAFYJVn0ASBsD6VAIDZb7AtELAgANIgb9AHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMCwQIFLQV8hXvXP//9AcRCfAcb///h/ygPW+w/vb7olBjUHCTCyMcAFGZmABBO6AogThgZgIUsXAEDcEzcAAHjaY2BgECMCyoEgACZaAed42mNgYmRgYGBnYGNgYAZSDJqMgorCgoqCjECRXwwNrCAKSP5mAAFGBiRgyAAAi/YFBQAAeNqtkc1OwkAUhU/5M25cEhcsZick0AwlBJq6MWwgJkAgYV/KAA2lJeUn+hY+gktXvpKv4dLTMqKycGHsTZNv7px7z50ZAFd4hYHjdw1Ls4EiHjVncIFnzVnc4F1zDkWjrzmPW+NNcwGlzIRKI3fJlUyrEjZQxb3mDH2fNGfRx4vmHKqG0JzHg6E0F9DOlFBGBxUI1GEzLNT4S0aLuTtsGAEUuYcQHkyg3KmIum1bNUvKlrjbbAIleqHHnS4iSudpQcySMYtdFiXlAxzSbAwfMxK6kZoHKhbjjespMTioOPZnzI+4ucCeTVyKMVKLfeAS6vSWaTinuZwzyy/Dc7vaed+6KaV0kukdPUk6yOcctZPvvxxqksq2lEW8RvHjMEO2FCl/zy6p3NEm0R9OFSafJdldc4QVeyaaObMBO0/5cCaa6d9Ggyubxire+lEojscdjoWUR1xGOy8KD8mG2ZLO2l2paDc3A39qmU2z2W5YNv5+u79e6QfGJY/hAAB42m3NywrCMBQE0DupWp/1AYI7/6DEaLQu66Mrd35BKUWKJSlFv1+rue4cGM7shgR981qSon+ZNwUJ8iDgoYU2OvDRRQ99DDDECAHGmGCKmf80hZSx/Kik/LliFbtmN6xmt+yOjdg9GztV4tROnRwX/Bsaaw51nt4Lc7tWaZYHp/MlzKx51LZs5htNri+2AAAAAQAB//8AD3jaY2BkYGDgAWIxIGZiYARCESBmAfMYAAR6AEMAAAABAAAAANXtRbgAAAAA2AhRFAAAAADYCNuG) format("woff"); 244 } 245 246 /* ---------------------------------------------- 247 Inter variable font. Usage: 248 249 @supports (font-variation-settings: normal) { 250 html { font-family: 'Inter var', sans-serif; } 251 } 252 ---------------------------------------------- */ 253 254 @font-face { 255 font-family: "Inter var"; 256 font-weight: 100 900; /* stylelint-disable-line font-weight-notation */ 257 font-style: normal; 258 font-display: swap; 259 src: url(./assets/fonts/inter/Inter-upright-var.woff2) format("woff2"); 260 } 261 262 @font-face { 263 font-family: "Inter var"; 264 font-weight: 100 900; /* stylelint-disable-line font-weight-notation */ 265 font-style: italic; 266 font-display: swap; 267 src: url(./assets/fonts/inter/Inter-italic-var.woff2) format("woff2"); 268 } 269 270 271 /* Accessibility Settings -------------------- */ 272 273 @media ( prefers-reduced-motion: reduce ) { 274 275 * { 276 animation-duration: 0s !important; 277 transition-duration: 0s !important; 278 } 279 } 280 281 282 /* -------------------------------------------------------------------------- */ 283 284 /* 2. Element Base 285 /* ---------------------------------------------*---------------------------- */ 286 287 288 main { 289 display: block; 290 } 291 292 h1, 293 h2, 294 h3, 295 h4, 296 h5, 297 h6, 298 .faux-heading { 299 font-feature-settings: "lnum"; 300 font-variant-numeric: lining-nums; 301 font-weight: 700; 302 letter-spacing: -0.0415625em; 303 line-height: 1.25; 304 margin: 3.5rem 0 2rem; 305 } 306 307 h1, 308 .heading-size-1 { 309 font-size: 3.6rem; 310 font-weight: 800; 311 line-height: 1.138888889; 312 } 313 314 h2, 315 .heading-size-2 { 316 font-size: 3.2rem; 317 } 318 319 h3, 320 .heading-size-3 { 321 font-size: 2.8rem; 322 } 323 324 h4, 325 .heading-size-4 { 326 font-size: 2.4rem; 327 } 328 329 h5, 330 .heading-size-5 { 331 font-size: 2.1rem; 332 } 333 334 h6, 335 .heading-size-6 { 336 font-size: 1.6rem; 337 letter-spacing: 0.03125em; 338 text-transform: uppercase; 339 } 340 341 p { 342 line-height: 1.5; 343 margin: 0 0 1em 0; 344 } 345 346 em, 347 i, 348 q, 349 dfn { 350 font-style: italic; 351 } 352 353 em em, 354 em i, 355 i em, 356 i i, 357 cite em, 358 cite i { 359 font-weight: bolder; 360 } 361 362 big { 363 font-size: 1.2em; 364 } 365 366 small { 367 font-size: 0.75em; 368 } 369 370 b, 371 strong { 372 font-weight: 700; 373 } 374 375 ins { 376 text-decoration: underline; 377 } 378 379 sub, 380 sup { 381 font-size: 75%; 382 line-height: 0; 383 position: relative; 384 vertical-align: baseline; 385 } 386 387 sup { 388 top: -0.5em; 389 } 390 391 sub { 392 bottom: -0.25em; 393 } 394 395 abbr, 396 acronym { 397 cursor: help; 398 } 399 400 address { 401 line-height: 1.5; 402 margin: 0 0 2rem 0; 403 } 404 405 hr { 406 border-style: solid; 407 border-width: 0.1rem 0 0 0; 408 border-color: #dcd7ca; 409 margin: 4rem 0; 410 } 411 412 .entry-content hr, 413 hr.styled-separator { 414 background: linear-gradient(to right, currentColor calc(50% - 16px), transparent calc(50% - 16px), transparent calc(50% + 16px), currentColor calc(50% + 16px)); 415 background-color: transparent !important; 416 border: none; 417 height: 0.1rem; 418 overflow: visible; 419 position: relative; 420 } 421 422 .entry-content hr:not(.has-background), 423 hr.styled-separator { 424 color: #6d6d6d; 425 } 426 427 .entry-content hr::before, 428 .entry-content hr::after, 429 hr.styled-separator::before, 430 hr.styled-separator::after { 431 background: currentColor; 432 content: ""; 433 display: block; 434 height: 1.6rem; 435 position: absolute; 436 top: calc(50% - 0.8rem); 437 transform: rotate(-22.5deg); 438 width: 0.1rem; 439 } 440 441 .entry-content hr::before, 442 hr.styled-separator::before { 443 right: calc(50% - 0.5rem); 444 } 445 446 .entry-content hr::after, 447 hr.styled-separator::after { 448 left: calc(50% - 0.5rem); 449 } 450 451 a { 452 color: #cd2653; 453 text-decoration: underline; 454 } 455 456 a:hover, 457 a:focus { 458 text-decoration: none; 459 } 460 461 462 /* Lists ------------------------------------- */ 463 464 ul, 465 ol { 466 margin: 0 3rem 3rem 0; 467 } 468 469 ul { 470 list-style: disc; 471 } 472 473 ul ul { 474 list-style: circle; 475 } 476 477 ul ul ul { 478 list-style: square; 479 } 480 481 ol { 482 list-style: decimal; 483 } 484 485 ol ol { 486 list-style: lower-alpha; 487 } 488 489 ol ol ol { 490 list-style: lower-roman; 491 } 492 493 li { 494 line-height: 1.5; 495 margin: 0.5rem 2rem 0 0; 496 } 497 498 li > ul, 499 li > ol { 500 margin: 1rem 2rem 0 0; 501 } 502 503 .reset-list-style, 504 .reset-list-style ul, 505 .reset-list-style ol { 506 list-style: none; 507 margin: 0; 508 } 509 510 .reset-list-style li { 511 margin: 0; 512 } 513 514 dt, 515 dd { 516 line-height: 1.5; 517 } 518 519 dt { 520 font-weight: 700; 521 } 522 523 dt + dd { 524 margin-top: 0.5rem; 525 } 526 527 dd + dt { 528 margin-top: 1.5rem; 529 } 530 531 532 /* Quotes ------------------------------------ */ 533 534 blockquote { 535 border-color: #cd2653; 536 border-style: solid; 537 border-width: 0 0 0 0.2rem; 538 color: inherit; 539 font-size: 1em; 540 margin: 4rem 0; 541 padding: 0.5rem 0 0.5rem 2rem; 542 } 543 544 cite { 545 color: #6d6d6d; 546 font-size: 1.4rem; 547 font-style: normal; 548 font-weight: 600; 549 line-height: 1.25; 550 } 551 552 blockquote cite { 553 display: block; 554 margin: 2rem 0 0 0; 555 } 556 557 blockquote p:last-child { 558 margin: 0; 559 } 560 561 562 /* Code -------------------------------------- */ 563 564 code, 565 kbd, 566 pre, 567 samp { 568 font-family: monospace; 569 font-size: 0.9em; 570 padding: 0.4rem 0.6rem; 571 } 572 573 code, 574 kbd, 575 samp { 576 background: rgba(0, 0, 0, 0.075); 577 border-radius: 0.2rem; 578 } 579 580 pre { 581 border: 0.1rem solid #dcd7ca; 582 line-height: 1.5; 583 margin: 4rem 0; 584 overflow: auto; 585 padding: 3rem 2rem; 586 text-align: right; 587 } 588 589 pre code { 590 background: transparent; 591 padding: 0; 592 } 593 594 595 /* Media ------------------------------------- */ 596 597 figure { 598 display: block; 599 margin: 0; 600 } 601 602 iframe { 603 display: block; 604 max-width: 100%; 605 } 606 607 video { 608 display: block; 609 } 610 611 svg, 612 img, 613 embed, 614 object { 615 display: block; 616 height: auto; 617 max-width: 100%; 618 } 619 620 figcaption, 621 .wp-caption-text { 622 color: #6d6d6d; 623 display: block; 624 font-size: 1.5rem; 625 font-weight: 500; 626 line-height: 1.2; 627 margin-top: 1.5rem; 628 } 629 630 figcaption a, 631 .wp-caption-text a { 632 color: inherit; 633 } 634 635 636 /* GALLERIES */ 637 638 .gallery { 639 display: flex; 640 flex-wrap: wrap; 641 margin: 3em -0.8em 3em 0; 642 width: calc(100% + 1.6em); 643 } 644 645 .gallery-item { 646 margin: 0.8em 0; 647 padding: 0 0.8em; 648 width: 100%; 649 } 650 651 .gallery-caption { 652 display: block; 653 margin-top: 0.8em; 654 } 655 656 657 /* Inputs ------------------------------------ */ 658 659 fieldset { 660 border: 0.2rem solid #dcd7ca; 661 padding: 2rem; 662 } 663 664 legend { 665 font-size: 0.85em; 666 font-weight: 700; 667 padding: 0 1rem; 668 } 669 670 label { 671 display: block; 672 font-size: 1.6rem; 673 font-weight: 400; 674 margin: 0 0 0.5rem 0; 675 } 676 677 label.inline, 678 input[type="checkbox"] + label { 679 display: inline; 680 font-weight: 400; 681 margin-right: 0.5rem; 682 } 683 684 input, 685 textarea, 686 button, 687 .button, 688 .faux-button, 689 .wp-block-button__link, 690 .wp-block-file__button { 691 font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; 692 line-height: 1; 693 } 694 695 @supports ( font-variation-settings: normal ) { 696 697 input, 698 textarea, 699 button, 700 .button, 701 .faux-button, 702 .faux-button.more-link, 703 .wp-block-button__link, 704 .wp-block-file__button { 705 font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; 706 } 707 } 708 709 input, 710 textarea { 711 border-color: #dcd7ca; 712 color: #000; 713 } 714 715 code, 716 input[type="url"], 717 input[type="email"], 718 input[type="tel"] { 719 direction: ltr; 720 } 721 722 input[type="text"], 723 input[type="password"], 724 input[type="email"], 725 input[type="url"], 726 input[type="date"], 727 input[type="month"], 728 input[type="time"], 729 input[type="datetime"], 730 input[type="datetime-local"], 731 input[type="week"], 732 input[type="number"], 733 input[type="search"], 734 input[type="tel"], 735 input[type="color"], 736 textarea { 737 -webkit-appearance: none; 738 -moz-appearance: none; 739 background: #fff; 740 border-radius: 0; 741 border-style: solid; 742 border-width: 0.1rem; 743 box-shadow: none; 744 display: block; 745 font-size: 1.6rem; 746 letter-spacing: -0.015em; 747 margin: 0; 748 max-width: 100%; 749 padding: 1.5rem 1.8rem; 750 width: 100%; 751 } 752 753 select { 754 font-size: 1em; 755 } 756 757 textarea { 758 height: 12rem; 759 line-height: 1.5; 760 width: 100%; 761 } 762 763 input::-webkit-input-placeholder { 764 line-height: normal; 765 } 766 767 input:-ms-input-placeholder { 768 line-height: normal; 769 } 770 771 input::-moz-placeholder { 772 line-height: normal; 773 } 774 775 input[type="search"]::-webkit-search-decoration, 776 input[type="search"]::-webkit-search-cancel-button, 777 input[type="search"]::-webkit-search-results-button, 778 input[type="search"]::-webkit-search-results-decoration { 779 display: none; 780 } 781 782 button, 783 .button, 784 .faux-button, 785 .wp-block-button__link, 786 .wp-block-file .wp-block-file__button, 787 input[type="button"], 788 input[type="reset"], 789 input[type="submit"] { 790 -webkit-appearance: none; 791 -moz-appearance: none; 792 background: #cd2653; 793 border: none; 794 border-radius: 0; 795 color: #fff; 796 cursor: pointer; 797 display: inline-block; 798 font-size: 1.5rem; 799 font-weight: 600; 800 letter-spacing: 0.0333em; 801 line-height: 1.25; 802 margin: 0; 803 opacity: 1; 804 padding: 1.1em 1.44em; 805 text-align: center; 806 text-decoration: none; 807 text-transform: uppercase; 808 transition: opacity 0.15s linear; 809 } 810 811 button:focus, 812 button:hover, 813 .button:focus, 814 .button:hover, 815 .faux-button:focus, 816 .faux-button:hover, 817 .wp-block-button .wp-block-button__link:focus, 818 .wp-block-button .wp-block-button__link:hover, 819 .wp-block-file .wp-block-file__button:focus, 820 .wp-block-file .wp-block-file__button:hover, 821 input[type="button"]:focus, 822 input[type="button"]:hover, 823 input[type="reset"]:focus, 824 input[type="reset"]:hover, 825 input[type="submit"]:focus, 826 input[type="submit"]:hover { 827 text-decoration: underline; 828 } 829 830 input[type="text"]:focus, 831 input[type="email"]:focus, 832 input[type="url"]:focus, 833 input[type="password"]:focus, 834 input[type="number"]:focus, 835 input[type="tel"]:focus, 836 input[type="range"]:focus, 837 input[type="date"]:focus, 838 input[type="month"]:focus, 839 input[type="week"]:focus, 840 input[type="time"]:focus, 841 input[type="datetime"]:focus, 842 input[type="datetime-local"]:focus, 843 input[type="color"]:focus, 844 textarea:focus { 845 border-color: currentColor; 846 } 847 848 input[type="search"]:focus { 849 outline: thin dotted; 850 outline-offset: -4px; 851 } 852 853 /* Tables ------------------------------------ */ 854 855 table { 856 border: 0.1rem solid #dcd7ca; 857 border-collapse: collapse; 858 border-spacing: 0; 859 empty-cells: show; 860 font-size: 1.6rem; 861 margin: 4rem 0; 862 max-width: 100%; 863 overflow: hidden; 864 width: 100%; 865 } 866 867 .alignleft > table { 868 margin: 0; 869 } 870 871 .alignright > table { 872 margin: 0; 873 } 874 875 th, 876 td { 877 border: 0.1rem solid #dcd7ca; 878 line-height: 1.4; 879 margin: 0; 880 overflow: visible; 881 padding: 0.5em; 882 } 883 884 caption { 885 background: #dcd7ca; 886 font-weight: 600; 887 padding: 0.5em; 888 text-align: center; 889 } 890 891 thead { 892 vertical-align: bottom; 893 white-space: nowrap; 894 } 895 896 th { 897 font-weight: 700; 898 } 899 900 901 /* -------------------------------------------------------------------------- */ 902 903 /* 3. Helper Classes 904 /* -------------------------------------------------------------------------- */ 905 906 907 /* Layout ------------------------------------ */ 908 909 .no-margin { 910 margin: 0; 911 } 912 913 .no-padding { 914 padding: 0; 915 } 916 917 .screen-height { 918 min-height: 100vh; 919 } 920 921 .admin-bar .screen-height { 922 min-height: calc(100vh - 32px); 923 } 924 925 @media (max-width: 782px) { 926 927 .admin-bar .screen-height { 928 min-height: calc(100vh - 46px); 929 } 930 } 931 932 .screen-width { 933 position: relative; 934 right: calc(50% - 50vw); 935 width: 100vw; 936 } 937 938 /* Sections ---------------------------------- */ 939 940 section { 941 padding: 5rem 0; 942 width: 100%; 943 } 944 945 .section-inner { 946 margin-right: auto; 947 margin-left: auto; 948 max-width: 120rem; 949 width: calc(100% - 4rem); 950 } 951 952 .section-inner.max-percentage { 953 width: 100%; 954 } 955 956 .section-inner.thin { 957 max-width: 58rem; 958 } 959 960 .section-inner.small { 961 max-width: 80rem; 962 } 963 964 .section-inner.medium { 965 max-width: 100rem; 966 } 967 968 .section-inner.no-margin { 969 margin: 0; 970 } 971 972 973 /* Toggles ----------------------------------- */ 974 975 .toggle { 976 -moz-appearance: none; 977 -webkit-appearance: none; 978 color: inherit; 979 cursor: pointer; 980 font-family: inherit; 981 position: relative; 982 -webkit-touch-callout: none; 983 -webkit-user-select: none; 984 -khtml-user-select: none; 985 -moz-user-select: none; 986 -ms-user-select: none; 987 text-align: inherit; 988 user-select: none; 989 } 990 991 button.toggle { 992 background: none; 993 border: none; 994 box-shadow: none; 995 border-radius: 0; 996 font-size: inherit; 997 font-weight: 400; 998 letter-spacing: inherit; 999 padding: 0; 1000 text-transform: none; 1001 } 1002 1003 /* Hiding and Showing ------------------------ */ 1004 1005 .js .show-js { 1006 display: block !important; 1007 } 1008 1009 .js .hide-js { 1010 display: none !important; 1011 } 1012 1013 .no-js .show-no-js { 1014 display: block !important; 1015 } 1016 1017 .no-js .hide-no-js { 1018 display: none !important; 1019 } 1020 1021 1022 /* Typography -------------------------------- */ 1023 1024 .font-size-xl { 1025 font-size: 1.25em; 1026 } 1027 1028 .font-size-xs { 1029 font-size: 0.8em; 1030 } 1031 1032 .no-select { 1033 -webkit-touch-callout: none; 1034 -webkit-user-select: none; 1035 -moz-user-select: none; 1036 -ms-user-select: none; 1037 user-select: none; 1038 } 1039 1040 1041 /* Colors ------------------------------------ */ 1042 1043 /* COLOR */ 1044 1045 .color-accent, 1046 .color-accent-hover:focus, 1047 .color-accent-hover:hover { 1048 color: #cd2653; 1049 } 1050 1051 /* BACKGROUND COLOR */ 1052 1053 .bg-accent, 1054 .bg-accent-hover:focus, 1055 .bg-accent-hover:hover { 1056 background-color: #cd2653; 1057 } 1058 1059 /* BORDER COLOR */ 1060 1061 .border-color-accent, 1062 .border-color-accent-hover:focus, 1063 .border-color-accent-hover:hover { 1064 border-color: #cd2653; 1065 } 1066 1067 /* FILL COLOR */ 1068 1069 .fill-children-accent, 1070 .fill-children-accent * { 1071 fill: #cd2653; 1072 } 1073 1074 .fill-children-current-color, 1075 .fill-children-current-color * { 1076 fill: currentColor; 1077 } 1078 1079 1080 /* Opacity ----------------------------------- */ 1081 1082 .opacity-0 { 1083 opacity: 0; 1084 } 1085 1086 .opacity-5 { 1087 opacity: 0.05; 1088 } 1089 1090 .opacity-10 { 1091 opacity: 0.1; 1092 } 1093 1094 .opacity-15 { 1095 opacity: 0.15; 1096 } 1097 1098 .opacity-20 { 1099 opacity: 0.2; 1100 } 1101 1102 .opacity-25 { 1103 opacity: 0.25; 1104 } 1105 1106 .opacity-30 { 1107 opacity: 0.3; 1108 } 1109 1110 .opacity-35 { 1111 opacity: 0.35; 1112 } 1113 1114 .opacity-40 { 1115 opacity: 0.4; 1116 } 1117 1118 .opacity-45 { 1119 opacity: 0.45; 1120 } 1121 1122 .opacity-50 { 1123 opacity: 0.5; 1124 } 1125 1126 .opacity-55 { 1127 opacity: 0.55; 1128 } 1129 1130 .opacity-60 { 1131 opacity: 0.6; 1132 } 1133 1134 .opacity-65 { 1135 opacity: 0.65; 1136 } 1137 1138 .opacity-70 { 1139 opacity: 0.7; 1140 } 1141 1142 .opacity-75 { 1143 opacity: 0.75; 1144 } 1145 1146 .opacity-80 { 1147 opacity: 0.8; 1148 } 1149 1150 .opacity-85 { 1151 opacity: 0.85; 1152 } 1153 1154 .opacity-90 { 1155 opacity: 0.9; 1156 } 1157 1158 .blend-mode-exclusion { 1159 mix-blend-mode: exclusion; 1160 } 1161 1162 .blend-mode-hue { 1163 mix-blend-mode: hue; 1164 } 1165 1166 .blend-mode-saturation { 1167 mix-blend-mode: saturation; 1168 } 1169 1170 .blend-mode-color { 1171 mix-blend-mode: color; 1172 } 1173 1174 .blend-mode-luminosity { 1175 mix-blend-mode: luminosity; 1176 } 1177 1178 1179 /* Image Classes ----------------------------- */ 1180 1181 .bg-image { 1182 background-position: center; 1183 background-repeat: no-repeat; 1184 background-size: cover; 1185 } 1186 1187 .bg-attachment-fixed { 1188 background-attachment: fixed; 1189 } 1190 1191 @supports ( -webkit-overflow-scrolling: touch ) { 1192 1193 .bg-attachment-fixed { 1194 background-attachment: scroll; 1195 } 1196 } 1197 1198 @media ( prefers-reduced-motion: reduce ) { 1199 1200 .bg-attachment-fixed { 1201 background-attachment: scroll; 1202 } 1203 } 1204 1205 .wp-block-image.is-resized { 1206 margin-right: auto; 1207 margin-left: auto; 1208 } 1209 1210 /* Search Form ------------------------------- */ 1211 1212 .search-form { 1213 align-items: stretch; 1214 display: flex; 1215 flex-wrap: nowrap; 1216 margin: 0 -0.8rem -0.8rem 0; 1217 } 1218 1219 .search-form .search-field, 1220 .search-form .search-submit { 1221 margin: 0 0.8rem 0.8rem 0; 1222 } 1223 1224 .search-form label { 1225 align-items: stretch; 1226 display: flex; 1227 font-size: inherit; 1228 margin: 0; 1229 width: 100%; 1230 } 1231 1232 .search-form .search-field { 1233 width: 100%; 1234 } 1235 1236 .search-form .search-submit { 1237 flex-shrink: 0; 1238 } 1239 1240 .search-form .search-submit:focus, 1241 .search-form .search-submit:hover { 1242 text-decoration: none; 1243 } 1244 1245 1246 /* Social Icons ------------------------------ */ 1247 1248 ul.social-icons { 1249 display: flex; 1250 flex-wrap: wrap; 1251 margin: -0.9rem -0.9rem 0 0; 1252 width: calc(100% + 0.9rem); 1253 } 1254 1255 ul.social-icons li { 1256 margin: 0.9rem 0.9rem 0 0; 1257 } 1258 1259 .social-icons a { 1260 align-items: center; 1261 background: #cd2653; 1262 border-radius: 50%; 1263 color: #fff; 1264 display: flex; 1265 height: 4.4rem; 1266 justify-content: center; 1267 padding: 0; 1268 text-decoration: none; 1269 transition: transform 0.15s ease-in-out; 1270 width: 4.4rem; 1271 } 1272 1273 .social-icons a:focus, 1274 .social-icons a:hover { 1275 transform: scale(1.1); 1276 text-decoration: none; 1277 } 1278 1279 1280 /* Cover Modals ------------------------------ */ 1281 1282 .cover-modal { 1283 display: none; 1284 -ms-overflow-style: none; 1285 overflow: -moz-scrollbars-none; 1286 } 1287 1288 .cover-modal::-webkit-scrollbar { 1289 display: none !important; 1290 } 1291 1292 .cover-modal.show-modal { 1293 display: block; 1294 cursor: pointer; 1295 } 1296 1297 .cover-modal.show-modal > * { 1298 cursor: default; 1299 } 1300 1301 1302 /* -------------------------------------------------------------------------- */ 1303 1304 /* 4. Site Header 1305 /* -------------------------------------------------------------------------- */ 1306 1307 1308 #site-header { 1309 background: #fff; 1310 position: relative; 1311 } 1312 1313 .header-inner { 1314 max-width: 168rem; 1315 padding: 3.15rem 0; 1316 z-index: 100; 1317 } 1318 1319 /* Header Titles ----------------------------- */ 1320 1321 .header-titles-wrapper { 1322 align-items: center; 1323 display: flex; 1324 justify-content: center; 1325 padding: 0 4rem; 1326 text-align: center; 1327 } 1328 1329 body:not(.enable-search-modal) .header-titles-wrapper { 1330 justify-content: flex-start; 1331 padding-right: 0; 1332 text-align: right; 1333 } 1334 1335 .site-title, 1336 .site-logo, 1337 .site-description { 1338 margin: 0; 1339 } 1340 1341 .site-title { 1342 font-size: 2.1rem; 1343 font-weight: 600; 1344 line-height: 1; 1345 } 1346 1347 .site-title a { 1348 color: inherit; 1349 display: block; 1350 text-decoration: none; 1351 } 1352 1353 .site-title a:hover, 1354 .site-title a:focus { 1355 text-decoration: underline; 1356 } 1357 1358 .site-description { 1359 margin-top: 1rem; 1360 color: #6d6d6d; 1361 font-size: 1.8rem; 1362 font-weight: 500; 1363 display: none; 1364 letter-spacing: -0.0311em; 1365 transition: all 0.15s linear; 1366 } 1367 1368 .site-logo a, 1369 .site-logo img { 1370 display: block; 1371 } 1372 1373 .header-titles .site-logo .site-logo { 1374 margin: 0; 1375 } 1376 1377 .site-logo img { 1378 max-height: 6rem; 1379 margin: 0 auto; 1380 width: auto; 1381 } 1382 1383 body:not(.enable-search-modal) .site-logo img { 1384 margin: 0; 1385 } 1386 1387 /* Overlay Header ---------------------------- */ 1388 1389 .overlay-header #site-header { 1390 background: transparent; 1391 margin: 0; 1392 position: absolute; 1393 right: 0; 1394 left: 0; 1395 top: 0; 1396 z-index: 2; 1397 } 1398 1399 .overlay-header .header-inner { 1400 color: #fff; 1401 } 1402 1403 .overlay-header .site-description, 1404 .overlay-header .toggle { 1405 color: inherit; 1406 } 1407 1408 .overlay-header .header-inner .toggle-wrapper::before { 1409 background-color: currentColor; 1410 opacity: 0.25; 1411 } 1412 1413 .admin-bar.overlay-header #site-header { 1414 top: 32px; 1415 } 1416 1417 @media (max-width: 782px) { 1418 1419 .admin-bar.overlay-header #site-header { 1420 top: 46px; 1421 } 1422 } 1423 1424 /* Header Navigation ------------------------- */ 1425 1426 .header-navigation-wrapper { 1427 display: none; 1428 } 1429 1430 /* Header Toggles ---------------------------- */ 1431 1432 .header-toggles { 1433 display: none; 1434 } 1435 1436 .header-inner .toggle { 1437 align-items: center; 1438 display: flex; 1439 overflow: visible; 1440 padding: 0 2rem; 1441 } 1442 1443 .header-inner .toggle svg { 1444 display: block; 1445 position: relative; 1446 z-index: 1; 1447 } 1448 1449 .header-inner .toggle path { 1450 fill: currentColor; 1451 } 1452 1453 .toggle-inner { 1454 display: flex; 1455 justify-content: center; 1456 height: 2.3rem; 1457 position: relative; 1458 } 1459 1460 .toggle-icon { 1461 display: block; 1462 overflow: hidden; 1463 } 1464 1465 .toggle-inner .toggle-text { 1466 color: #6d6d6d; 1467 font-size: 1rem; 1468 font-weight: 600; 1469 position: absolute; 1470 top: calc(100% + 0.5rem); 1471 width: auto; 1472 white-space: nowrap; 1473 word-break: break-all; 1474 } 1475 1476 .overlay-header .toggle-text { 1477 color: inherit; 1478 } 1479 1480 .header-inner .toggle:focus .toggle-text, 1481 .header-inner .toggle:hover .toggle-text { 1482 text-decoration: underline; 1483 } 1484 1485 /* Search Toggle ----------------------------- */ 1486 1487 .search-toggle { 1488 position: absolute; 1489 bottom: 0; 1490 right: 0; 1491 top: 0; 1492 } 1493 1494 .search-toggle .toggle-icon, 1495 .search-toggle svg { 1496 height: 2.5rem; 1497 max-width: 2.3rem; 1498 width: 2.3rem; 1499 } 1500 1501 /* Navigation Toggle ------------------------- */ 1502 1503 .nav-toggle { 1504 position: absolute; 1505 bottom: 0; 1506 left: 0; 1507 top: 0; 1508 width: 6.6rem; 1509 } 1510 1511 .nav-toggle .toggle-icon, 1512 .nav-toggle svg { 1513 height: 0.8rem; 1514 width: 2.6rem; 1515 } 1516 1517 .nav-toggle .toggle-inner { 1518 padding-top: 0.8rem; 1519 } 1520 1521 /* Primary Menu ---------------------------- */ 1522 1523 .primary-menu-wrapper { 1524 display: none; 1525 } 1526 1527 ul.primary-menu { 1528 display: flex; 1529 font-size: 1.8rem; 1530 font-weight: 500; 1531 letter-spacing: -0.0277em; 1532 flex-wrap: wrap; 1533 justify-content: flex-end; 1534 margin: -0.8rem -1.6rem 0 0; 1535 } 1536 1537 .primary-menu .icon { 1538 display: block; 1539 height: 0.7rem; 1540 position: absolute; 1541 pointer-events: none; 1542 transform: rotate(45deg); 1543 width: 1.3rem; 1544 } 1545 1546 .primary-menu .icon::before, 1547 .primary-menu .icon::after { 1548 content: ""; 1549 display: block; 1550 background-color: currentColor; 1551 position: absolute; 1552 bottom: calc(50% - 0.1rem); 1553 right: 0; 1554 } 1555 1556 .primary-menu .icon::before { 1557 height: 0.9rem; 1558 width: 0.2rem; 1559 } 1560 1561 .primary-menu .icon::after { 1562 height: 0.2rem; 1563 width: 0.9rem; 1564 } 1565 1566 .primary-menu li { 1567 font-size: inherit; 1568 line-height: 1.25; 1569 position: relative; 1570 } 1571 1572 .primary-menu > li { 1573 margin: 0.8rem 1.6rem 0 0; 1574 } 1575 1576 .primary-menu > li.menu-item-has-children > a { 1577 padding-left: 2rem; 1578 } 1579 1580 .primary-menu > li > .icon { 1581 left: -0.5rem; 1582 top: calc(50% - 0.4rem); 1583 } 1584 1585 .primary-menu a { 1586 color: inherit; 1587 display: block; 1588 line-height: 1.2; 1589 text-decoration: none; 1590 } 1591 1592 .primary-menu a:hover, 1593 .primary-menu a:focus, 1594 .primary-menu .current_page_ancestor { 1595 text-decoration: underline; 1596 } 1597 1598 .primary-menu li.current-menu-item > a, 1599 .primary-menu li.current-menu-item > .link-icon-wrapper > a { 1600 text-decoration: underline; 1601 } 1602 1603 .primary-menu li.current-menu-item > a:hover, 1604 .primary-menu li.current-menu-item > .link-icon-wrapper > a:hover, 1605 .primary-menu li.current-menu-item > a:focus, 1606 .primary-menu li.current-menu-item > .link-icon-wrapper > a:focus { 1607 text-decoration: none; 1608 } 1609 1610 /* SUB MENU */ 1611 1612 .primary-menu ul { 1613 background: #000; 1614 border-radius: 0.4rem; 1615 color: #fff; 1616 font-size: 1.7rem; 1617 opacity: 0; 1618 padding: 1rem 0; 1619 position: absolute; 1620 left: 9999rem; 1621 top: calc(100% + 2rem); 1622 transition: opacity 0.15s linear, transform 0.15s linear, left 0s 0.15s; 1623 transform: translateY(0.6rem); 1624 width: 20rem; 1625 z-index: 1; 1626 } 1627 1628 .primary-menu li.menu-item-has-children:hover > ul, 1629 .primary-menu li.menu-item-has-children:focus > ul, 1630 .primary-menu li.menu-item-has-children.focus > ul { 1631 left: 0; 1632 opacity: 1; 1633 transform: translateY(0); 1634 transition: opacity 0.15s linear, transform 0.15s linear; 1635 } 1636 1637 .primary-menu ul::before, 1638 .primary-menu ul::after { 1639 content: ""; 1640 display: block; 1641 position: absolute; 1642 bottom: 100%; 1643 } 1644 1645 .primary-menu ul::before { 1646 height: 2rem; 1647 right: 0; 1648 left: 0; 1649 } 1650 1651 .primary-menu ul::after { 1652 border: 0.8rem solid transparent; 1653 border-bottom-color: #000; 1654 left: 1.8rem; 1655 } 1656 1657 .primary-menu ul a { 1658 background: transparent; 1659 border: none; 1660 color: inherit; 1661 display: block; 1662 padding: 1rem 2rem; 1663 transition: background-color 0.15s linear; 1664 width: 100%; 1665 } 1666 1667 .primary-menu ul li.menu-item-has-children > a { 1668 padding-left: 4.5rem; 1669 } 1670 1671 .primary-menu ul li.menu-item-has-children .icon { 1672 position: absolute; 1673 left: 1.5rem; 1674 top: calc(50% - 0.5rem); 1675 } 1676 1677 /* DEEP DOWN */ 1678 1679 .primary-menu ul ul { 1680 top: -1rem; 1681 } 1682 1683 .primary-menu ul li.menu-item-has-children:hover > ul, 1684 .primary-menu ul li.menu-item-has-children:focus > ul, 1685 .primary-menu ul li.menu-item-has-children.focus > ul { 1686 left: calc(100% + 2rem); 1687 } 1688 1689 .primary-menu ul ul::before { 1690 bottom: 0; 1691 height: auto; 1692 right: auto; 1693 left: -2rem; 1694 top: 0; 1695 width: 2rem; 1696 } 1697 1698 .primary-menu ul ul::after { 1699 border-bottom-color: transparent; 1700 border-left-color: #000; 1701 bottom: auto; 1702 left: -1.6rem; 1703 top: 2rem; 1704 } 1705 1706 .rtl .primary-menu ul ul::after { 1707 transform: rotate(-180deg); 1708 } 1709 1710 /* 1711 * Enable nav submenu expansion with tapping on arrows on large-viewport 1712 * touch interfaces (e.g. tablets or laptops with touch screens). 1713 * These rules are supported by all browsers (>IE11) and when JS is disabled. 1714 */ 1715 @media (any-pointer: coarse) { 1716 1717 .primary-menu > li.menu-item-has-children > a { 1718 padding-left: 0; 1719 margin-left: 2rem; 1720 } 1721 1722 .primary-menu ul li.menu-item-has-children > a { 1723 margin-left: 4.5rem; 1724 padding-left: 0; 1725 width: unset; 1726 } 1727 1728 } 1729 1730 /* Repeat previous rules for IE11 (when JS enabled for polyfill). */ 1731 body.touch-enabled .primary-menu > li.menu-item-has-children > a { 1732 padding-left: 0; 1733 margin-left: 2rem; 1734 } 1735 1736 body.touch-enabled .primary-menu ul li.menu-item-has-children > a { 1737 margin-left: 4.5rem; 1738 padding-left: 0; 1739 width: unset; 1740 } 1741 1742 /* -------------------------------------------------------------------------- */ 1743 1744 /* 5. Menu Modal 1745 /* -------------------------------------------------------------------------- */ 1746 1747 1748 .menu-modal { 1749 background: #fff; 1750 display: none; 1751 opacity: 0; 1752 overflow-y: auto; 1753 overflow-x: hidden; 1754 position: fixed; 1755 bottom: 0; 1756 right: -99999rem; 1757 left: 99999rem; 1758 top: 0; 1759 transition: opacity 0.25s ease-in, right 0s 0.25s, left 0s 0.25s; 1760 z-index: 99; 1761 } 1762 1763 .admin-bar .menu-modal { 1764 top: 32px; 1765 } 1766 1767 @media (max-width: 782px) { 1768 1769 .admin-bar .menu-modal { 1770 top: 46px; 1771 } 1772 } 1773 1774 .menu-modal.show-modal { 1775 display: flex; 1776 } 1777 1778 .menu-modal.active { 1779 right: 0; 1780 opacity: 1; 1781 left: 0; 1782 transition: opacity 0.25s ease-out; 1783 } 1784 1785 .menu-modal-inner { 1786 background: #fff; 1787 display: flex; 1788 justify-content: stretch; 1789 overflow: auto; 1790 -ms-overflow-style: auto; 1791 width: 100%; 1792 } 1793 1794 .menu-wrapper { 1795 display: flex; 1796 flex-direction: column; 1797 justify-content: space-between; 1798 position: relative; 1799 } 1800 1801 button.close-nav-toggle { 1802 align-items: center; 1803 display: flex; 1804 font-size: 1.6rem; 1805 font-weight: 500; 1806 justify-content: flex-end; 1807 padding: 3.1rem 0; 1808 width: 100%; 1809 } 1810 1811 button.close-nav-toggle svg { 1812 height: 1.6rem; 1813 width: 1.6rem; 1814 } 1815 1816 button.close-nav-toggle .toggle-text { 1817 margin-left: 1.6rem; 1818 } 1819 1820 .menu-modal .menu-top { 1821 flex-shrink: 0; 1822 } 1823 1824 1825 /* Main Menu --------------------------------- */ 1826 1827 .modal-menu { 1828 position: relative; 1829 right: calc(50% - 50vw); 1830 width: 100vw; 1831 } 1832 1833 .modal-menu li { 1834 border-color: #dedfdf; 1835 border-style: solid; 1836 border-width: 0.1rem 0 0 0; 1837 display: flex; 1838 flex-wrap: wrap; 1839 line-height: 1; 1840 justify-content: flex-start; 1841 margin: 0; 1842 } 1843 1844 .modal-menu > li > a, 1845 .modal-menu > li > .ancestor-wrapper > a { 1846 font-size: 2rem; 1847 font-weight: 700; 1848 letter-spacing: -0.0375em; 1849 } 1850 1851 .modal-menu > li:last-child { 1852 border-bottom-width: 0.1rem; 1853 } 1854 1855 .modal-menu .ancestor-wrapper { 1856 display: flex; 1857 justify-content: space-between; 1858 width: 100%; 1859 } 1860 1861 .modal-menu a { 1862 display: block; 1863 padding: 2rem 2.5rem; 1864 text-decoration: none; 1865 width: 100%; 1866 } 1867 1868 .modal-menu a:focus, 1869 .modal-menu a:hover, 1870 .modal-menu li.current-menu-item > .ancestor-wrapper > a, 1871 .modal-menu li.current_page_ancestor > .ancestor-wrapper > a { 1872 text-decoration: underline; 1873 } 1874 1875 button.sub-menu-toggle { 1876 border-right: 0.1rem solid #dedfdf; 1877 flex-shrink: 0; 1878 margin: 1rem 0; 1879 padding: 0 2.5rem; 1880 } 1881 1882 button.sub-menu-toggle svg { 1883 height: 0.9rem; 1884 transition: transform 0.15s linear; 1885 width: 1.5rem; 1886 } 1887 1888 button.sub-menu-toggle.active svg { 1889 transform: rotate(-180deg); 1890 } 1891 1892 .modal-menu ul { 1893 display: none; 1894 margin: 0; 1895 width: 100%; 1896 } 1897 1898 .modal-menu ul li { 1899 border-right-width: 1rem; 1900 } 1901 1902 .modal-menu ul li a { 1903 color: inherit; 1904 font-weight: 500; 1905 } 1906 1907 /* Main menu animation ----------------------- */ 1908 1909 .menu-wrapper .menu-item { 1910 position: relative; 1911 } 1912 1913 .menu-wrapper .active { 1914 display: block; 1915 } 1916 1917 .menu-wrapper.is-toggling { 1918 pointer-events: none; 1919 } 1920 1921 .menu-wrapper.is-toggling .menu-item { 1922 position: absolute; 1923 top: 0; 1924 right: 0; 1925 margin: 0; 1926 width: 100%; 1927 } 1928 1929 .menu-wrapper.is-toggling .menu-bottom .social-menu .menu-item { 1930 width: auto; 1931 } 1932 1933 .menu-wrapper.is-animating .menu-item, 1934 .menu-wrapper.is-animating .toggling-target { 1935 transition-duration: 250ms; 1936 } 1937 1938 .menu-wrapper.is-animating .menu-item { 1939 transition-property: transform; 1940 } 1941 1942 .menu-wrapper.is-toggling .toggling-target { 1943 display: block; 1944 position: absolute; 1945 top: 0; 1946 right: 0; 1947 opacity: 1; 1948 } 1949 1950 .menu-wrapper.is-toggling .toggling-target.active { 1951 opacity: 0; 1952 } 1953 1954 .menu-wrapper.is-animating.is-toggling .toggling-target { 1955 display: block; 1956 transition-property: opacity; 1957 opacity: 0; 1958 } 1959 1960 .menu-wrapper.is-animating.is-toggling .toggling-target.active { 1961 opacity: 1; 1962 } 1963 1964 .menu-wrapper.is-toggling .modal-menu > li:last-child li { 1965 border-top-color: transparent; 1966 border-bottom-width: 0.1rem; 1967 } 1968 1969 @media (prefers-reduced-motion: reduce) { 1970 1971 .menu-wrapper.is-animating .menu-item, 1972 .menu-wrapper.is-animating .toggling-target { 1973 transition-duration: 1ms !important; 1974 } 1975 1976 } 1977 1978 1979 /* Expanded Menu ----------------------------- */ 1980 1981 .expanded-menu { 1982 display: none; 1983 } 1984 1985 .mobile-menu { 1986 display: block; 1987 } 1988 1989 1990 /* Menu Bottom ------------------------------- */ 1991 1992 .menu-bottom { 1993 flex-shrink: 0; 1994 padding: 4rem 0; 1995 } 1996 1997 .menu-bottom nav { 1998 width: 100%; 1999 } 2000 2001 .menu-copyright { 2002 display: none; 2003 font-size: 1.6rem; 2004 font-weight: 500; 2005 margin: 0; 2006 } 2007 2008 .menu-copyright a:focus, 2009 .menu-copyright a:hover { 2010 text-decoration: underline; 2011 } 2012 2013 .menu-bottom .social-menu { 2014 justify-content: center; 2015 } 2016 2017 2018 /* -------------------------------------------------------------------------- */ 2019 2020 /* 6. Search Modal 2021 /* -------------------------------------------------------------------------- */ 2022 2023 2024 .search-modal { 2025 background: rgba(0, 0, 0, 0.2); 2026 display: none; 2027 opacity: 0; 2028 position: fixed; 2029 bottom: 0; 2030 right: -9999rem; 2031 top: 0; 2032 transition: opacity 0.2s linear, right 0s 0.2s linear; 2033 width: 100%; 2034 z-index: 999; 2035 } 2036 2037 .admin-bar .search-modal.active { 2038 top: 32px; 2039 } 2040 2041 @media (max-width: 782px) { 2042 2043 .admin-bar .search-modal.active { 2044 top: 46px; 2045 } 2046 } 2047 2048 .search-modal-inner { 2049 background: #fff; 2050 transform: translateY(-100%); 2051 transition: transform 0.15s linear, box-shadow 0.15s linear; 2052 } 2053 2054 .search-modal-inner .section-inner { 2055 display: flex; 2056 justify-content: space-between; 2057 max-width: 168rem; 2058 } 2059 2060 .search-modal.active { 2061 right: 0; 2062 opacity: 1; 2063 transition: opacity 0.2s linear; 2064 } 2065 2066 .search-modal.active .search-modal-inner { 2067 box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.08); 2068 transform: translateY(0); 2069 transition: transform 0.25s ease-in-out, box-shadow 0.1s 0.25s linear; 2070 } 2071 2072 button.search-untoggle { 2073 align-items: center; 2074 display: flex; 2075 flex-shrink: 0; 2076 justify-content: center; 2077 margin-left: -2.5rem; 2078 padding: 0 2.5rem; 2079 } 2080 2081 .search-modal button.search-untoggle { 2082 color: inherit; 2083 } 2084 2085 .search-modal.active .search-untoggle { 2086 animation: popIn both 0.3s 0.2s; 2087 } 2088 2089 .search-untoggle svg { 2090 height: 1.5rem; 2091 transition: transform 0.15s ease-in-out; 2092 width: 1.5rem; 2093 } 2094 2095 .search-untoggle:focus svg, 2096 .search-untoggle:hover svg { 2097 transform: scale(1.15); 2098 } 2099 2100 2101 /* Modal Search Form ------------------------- */ 2102 2103 .search-modal form { 2104 margin: 0; 2105 position: relative; 2106 width: 100%; 2107 } 2108 2109 .search-modal .search-field { 2110 background: none; 2111 border: none; 2112 border-radius: 0; 2113 color: inherit; 2114 font-size: 2rem; 2115 letter-spacing: -0.0277em; 2116 height: 8.4rem; 2117 margin: 0 -2rem 0 0; 2118 max-width: calc(100% + 2rem); 2119 padding: 0 2rem 0 0; 2120 width: calc(100% + 2rem); 2121 } 2122 2123 .search-modal .search-field::-webkit-input-placeholder { 2124 color: inherit; 2125 } 2126 2127 .search-modal .search-field:-ms-input-placeholder { 2128 color: inherit; 2129 } 2130 2131 .search-modal .search-field::-moz-placeholder { 2132 color: inherit; 2133 line-height: 4; 2134 } 2135 2136 .search-modal .search-submit { 2137 position: absolute; 2138 left: -9999rem; 2139 top: 50%; 2140 transform: translateY(-50%); 2141 } 2142 2143 .search-modal .search-submit:focus { 2144 left: 0; 2145 } 2146 2147 2148 /* -------------------------------------------------------------------------- */ 2149 2150 /* 7a. Template: Cover Template 2151 /* -------------------------------------------------------------------------- */ 2152 2153 2154 .cover-header { 2155 display: flex; 2156 overflow: hidden; 2157 } 2158 2159 .cover-header-inner-wrapper { 2160 display: flex; 2161 position: relative; 2162 flex-direction: column; 2163 justify-content: flex-end; 2164 width: 100%; 2165 } 2166 2167 .cover-header-inner { 2168 padding: 10rem 0 5rem 0; 2169 width: 100%; 2170 } 2171 2172 .cover-color-overlay, 2173 .cover-color-overlay::before { 2174 position: absolute; 2175 bottom: 0; 2176 right: 0; 2177 left: 0; 2178 top: 0; 2179 } 2180 2181 .cover-color-overlay::before { 2182 background: currentColor; 2183 content: ""; 2184 display: block; 2185 } 2186 2187 .cover-header .entry-header { 2188 position: relative; 2189 width: 100%; 2190 z-index: 1; 2191 } 2192 2193 .cover-header .entry-header * { 2194 color: #fff; 2195 } 2196 2197 body.template-cover .entry-header { 2198 background: transparent; 2199 padding: 0; 2200 } 2201 2202 .cover-header h1, 2203 .cover-header h2, 2204 .cover-header h3, 2205 .cover-header h4, 2206 .cover-header h5, 2207 .cover-header h6, 2208 .cover-header .faux-heading { 2209 color: inherit; 2210 } 2211 2212 .cover-header .entry-header a { 2213 color: inherit; 2214 } 2215 2216 /* To The Content ---------------------------- */ 2217 2218 .to-the-content-wrapper { 2219 position: absolute; 2220 right: 0; 2221 left: 0; 2222 top: calc(100% + 0.5rem); 2223 } 2224 2225 .to-the-content { 2226 align-items: center; 2227 display: flex; 2228 justify-content: center; 2229 height: 4rem; 2230 text-decoration: none; 2231 } 2232 2233 .to-the-content svg { 2234 height: 2rem; 2235 transition: transform 0.15s linear; 2236 transform: translateY(0); 2237 width: 1.767rem; 2238 } 2239 2240 .to-the-content:focus svg, 2241 .to-the-content:hover svg { 2242 transform: translateY(20%); 2243 } 2244 2245 2246 /* -------------------------------------------------------------------------- */ 2247 2248 /* 7c. Template: Full Width 2249 /* -------------------------------------------------------------------------- */ 2250 2251 2252 body.template-full-width .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide), 2253 body.template-full-width [class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) { 2254 max-width: 120rem; 2255 } 2256 2257 body.template-full-width .entry-content .alignleft, 2258 body.template-full-width .entry-content .alignright { 2259 position: static; 2260 } 2261 2262 body.template-full-width .entry-content .alignleft, 2263 body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > .alignleft, 2264 body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > p .alignleft, 2265 body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignleft { 2266 margin-left: 0; 2267 position: static; 2268 } 2269 2270 body.template-full-width .entry-content > .alignleft, 2271 body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignleft, 2272 body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignleft, 2273 body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignleft { 2274 margin-left: 2rem; 2275 position: static; 2276 } 2277 2278 body.template-full-width .entry-content .alignright, 2279 body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > .alignright, 2280 body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > p .alignright, 2281 body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignright { 2282 margin-right: 0; 2283 position: static; 2284 } 2285 2286 body.template-full-width .entry-content > .alignright, 2287 body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignright, 2288 body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignright, 2289 body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignright { 2290 margin-right: 2rem; 2291 position: static; 2292 } 2293 2294 2295 /* -------------------------------------------------------------------------- */ 2296 2297 /* 8. Post: Archive 2298 /* -------------------------------------------------------------------------- */ 2299 2300 2301 /* Archive Header ---------------------------- */ 2302 2303 .archive-header { 2304 background-color: #fff; 2305 padding: 4rem 0; 2306 } 2307 2308 .reduced-spacing .archive-header { 2309 padding-bottom: 2rem; 2310 } 2311 2312 .archive-title { 2313 font-size: 2.4rem; 2314 font-weight: 700; 2315 letter-spacing: -0.026666667em; 2316 margin: 0; 2317 } 2318 2319 .archive-subtitle p:last-child { 2320 margin-bottom: 0; 2321 } 2322 2323 2324 /* Posts ------------------------------------- */ 2325 2326 body:not(.singular) main > article:first-of-type { 2327 padding: 4rem 0 0; 2328 } 2329 2330 2331 /* Search Results ---------------------------- */ 2332 2333 .no-search-results-form { 2334 padding-top: 5rem; 2335 } 2336 2337 2338 /* -------------------------------------------------------------------------- */ 2339 2340 /* 9. Post: Single 2341 /* -------------------------------------------------------------------------- */ 2342 2343 2344 /* Post Header ------------------------------- */ 2345 2346 .singular .entry-header { 2347 background-color: #fff; 2348 padding: 4rem 0; 2349 } 2350 2351 .entry-categories { 2352 line-height: 1.25; 2353 margin-bottom: 2rem; 2354 } 2355 2356 .entry-categories-inner { 2357 justify-content: center; 2358 display: flex; 2359 flex-wrap: wrap; 2360 margin: -0.5rem -1rem 0 0; 2361 } 2362 2363 .entry-categories a { 2364 border-bottom: 0.15rem solid currentColor; 2365 font-size: 1.4rem; 2366 font-weight: 700; 2367 letter-spacing: 0.036666667em; 2368 margin: 0.5rem 1rem 0 0; 2369 text-decoration: none; 2370 text-transform: uppercase; 2371 } 2372 2373 .entry-categories a:focus, 2374 .entry-categories a:hover { 2375 border-bottom-color: transparent; 2376 } 2377 2378 h1.entry-title, 2379 h2.entry-title { 2380 margin: 0; 2381 } 2382 2383 .entry-title a { 2384 color: inherit; 2385 text-decoration: none; 2386 } 2387 2388 .entry-title a:focus, 2389 .entry-title a:hover { 2390 text-decoration: underline; 2391 } 2392 2393 .intro-text { 2394 margin-top: 2rem; 2395 } 2396 2397 .singular .intro-text { 2398 font-size: 2rem; 2399 letter-spacing: -0.0315em; 2400 line-height: 1.4; 2401 } 2402 2403 /* POST META */ 2404 2405 .post-meta-single-top .post-meta { 2406 justify-content: center; 2407 } 2408 2409 .post-meta-wrapper { 2410 margin-top: 2rem; 2411 margin-left: auto; 2412 margin-right: auto; 2413 max-width: 58rem; 2414 width: calc(100% - 4rem); 2415 } 2416 2417 .post-meta { 2418 color: #6d6d6d; 2419 display: flex; 2420 flex-wrap: wrap; 2421 font-size: 1.5rem; 2422 font-weight: 500; 2423 list-style: none; 2424 margin: -1rem -2rem 0 0; 2425 } 2426 2427 .post-meta li { 2428 flex-shrink: 0; 2429 letter-spacing: -0.016875em; 2430 margin: 1rem 2rem 0 0; 2431 max-width: calc(100% - 2rem); 2432 } 2433 2434 .post-meta a { 2435 color: inherit; 2436 text-decoration: none; 2437 } 2438 2439 .post-meta a:focus, 2440 .post-meta a:hover { 2441 text-decoration: underline; 2442 } 2443 2444 .post-meta .meta-wrapper { 2445 align-items: center; 2446 display: flex; 2447 flex-wrap: nowrap; 2448 } 2449 2450 .post-meta .meta-icon { 2451 flex-shrink: 0; 2452 margin-left: 1rem; 2453 } 2454 2455 .sticky .post-sticky { 2456 color: inherit; 2457 } 2458 2459 .post-meta .post-author .meta-icon svg { 2460 width: 1.6rem; 2461 height: 1.8rem; 2462 } 2463 2464 .post-meta .post-categories .meta-icon svg { 2465 width: 1.8rem; 2466 height: 1.7rem; 2467 } 2468 2469 .post-meta .post-comment-link .meta-icon svg { 2470 width: 1.8rem; 2471 height: 1.8rem; 2472 } 2473 2474 .post-meta .post-date .meta-icon svg { 2475 width: 1.7rem; 2476 height: 1.8rem; 2477 } 2478 2479 .post-meta .post-edit .meta-icon svg { 2480 width: 1.8rem; 2481 height: 1.8rem; 2482 } 2483 2484 .post-meta .post-sticky .meta-icon svg { 2485 width: 1.5rem; 2486 height: 1.8rem; 2487 } 2488 2489 .post-meta .post-tags .meta-icon svg { 2490 width: 1.8rem; 2491 height: 1.8rem; 2492 } 2493 2494 .post-meta svg * { 2495 fill: currentColor; 2496 } 2497 2498 2499 /* Featured Media ---------------------------- */ 2500 2501 .featured-media { 2502 margin-top: 5rem; 2503 position: relative; 2504 } 2505 2506 .singular .featured-media { 2507 margin-top: 0; 2508 } 2509 2510 .singular .featured-media-inner { 2511 position: relative; 2512 right: calc(50% - 50vw); 2513 width: 100vw; 2514 } 2515 2516 .singular .featured-media::before { 2517 background: #fff; 2518 content: ""; 2519 display: block; 2520 position: absolute; 2521 bottom: 50%; 2522 right: 0; 2523 left: 0; 2524 top: 0; 2525 } 2526 2527 .featured-media img { 2528 margin: 0 auto; 2529 } 2530 2531 .featured-media figcaption { 2532 margin: 1.5rem auto 0 auto; 2533 text-align: center; 2534 width: calc(100% - 5rem); 2535 } 2536 2537 .post-inner { 2538 padding-top: 5rem; 2539 } 2540 2541 .reduced-spacing.missing-post-thumbnail .post-inner { 2542 padding-top: 0; 2543 } 2544 2545 2546 /* Post Footer ------------------------------- */ 2547 2548 /* POST NAV LINKS */ 2549 2550 .post-nav-links { 2551 border-radius: 0.4rem; 2552 display: flex; 2553 font-size: 0.9em; 2554 font-weight: 600; 2555 line-height: 1; 2556 margin-top: 3em; 2557 padding: 0 0.25em; 2558 } 2559 2560 .post-nav-links > * { 2561 padding: 1em 0.75em; 2562 } 2563 2564 /* POST META BOTTOM */ 2565 2566 .post-meta-wrapper.post-meta-single-bottom { 2567 margin-top: 3rem; 2568 } 2569 2570 2571 /* Author Bio -------------------------------- */ 2572 2573 .author-bio { 2574 margin-top: 4rem; 2575 margin-left: auto; 2576 margin-right: auto; 2577 max-width: 58rem; 2578 width: calc(100% - 4rem); 2579 } 2580 2581 .hide-avatars .author-bio { 2582 padding-right: 0; 2583 } 2584 2585 .author-bio .author-title-wrapper { 2586 align-items: center; 2587 display: flex; 2588 margin: 0 0 1rem 0; 2589 } 2590 2591 .author-bio .avatar { 2592 border-radius: 50%; 2593 margin-left: 1.5rem; 2594 height: 5rem; 2595 width: 5rem; 2596 } 2597 2598 .hide-avatars img.avatar { 2599 display: none; 2600 } 2601 2602 .author-bio p:last-child { 2603 margin-bottom: 0; 2604 } 2605 2606 .author-bio .author-title { 2607 margin: 0; 2608 } 2609 2610 .author-bio .author-link { 2611 display: block; 2612 font-size: 1.6rem; 2613 font-weight: 600; 2614 margin-top: 1em; 2615 text-decoration: none; 2616 } 2617 2618 .author-bio .author-link:focus, 2619 .author-bio .author-link:hover { 2620 text-decoration: underline; 2621 } 2622 2623 2624 /* Single Pagination ------------------------- */ 2625 2626 .pagination-single { 2627 font-size: 1.8rem; 2628 margin-top: 5rem; 2629 } 2630 2631 .pagination-single-inner { 2632 display: flex; 2633 flex-direction: column; 2634 } 2635 2636 .pagination-single hr:first-child { 2637 margin: 0 0 2.8rem 0; 2638 } 2639 2640 .pagination-single hr:last-child { 2641 margin: 2.8rem 0 0.8rem 0; 2642 } 2643 2644 .pagination-single a { 2645 align-items: baseline; 2646 display: flex; 2647 font-weight: 600; 2648 letter-spacing: -0.0275em; 2649 text-decoration: none; 2650 flex: 1; 2651 } 2652 2653 .pagination-single a + a { 2654 margin-top: 1rem; 2655 } 2656 2657 .pagination-single a .arrow { 2658 margin-left: 1rem; 2659 } 2660 2661 .pagination-single a:focus .title, 2662 .pagination-single a:hover .title { 2663 text-decoration: underline; 2664 } 2665 2666 2667 /* -------------------------------------------------------------------------- */ 2668 2669 /* 10. Blocks 2670 /* -------------------------------------------------------------------------- */ 2671 2672 2673 /* Block Colors ------------------------------ */ 2674 2675 .has-text-color a { 2676 color: inherit; 2677 } 2678 2679 /* CUSTOM COLORS */ 2680 2681 :root .has-accent-color { 2682 color: #cd2653; 2683 } 2684 2685 :root .has-accent-background-color { 2686 background-color: #cd2653; 2687 color: #fff; 2688 } 2689 2690 :root .has-primary-color { 2691 color: #000; 2692 } 2693 2694 :root .has-primary-background-color { 2695 background-color: #000; 2696 color: #f5efe0; 2697 } 2698 2699 :root .has-secondary-color { 2700 color: #6d6d6d; 2701 } 2702 2703 :root .has-secondary-background-color { 2704 background-color: #6d6d6d; 2705 color: #fff; 2706 } 2707 2708 :root .has-subtle-background-color { 2709 color: #dcd7ca; 2710 } 2711 2712 :root .has-subtle-background-background-color { 2713 background-color: #dcd7ca; 2714 color: #000; 2715 } 2716 2717 :root .has-background-color { 2718 color: #f5efe0; 2719 } 2720 2721 :root .has-background-background-color { 2722 background-color: #f5efe0; 2723 color: #000; 2724 } 2725 2726 2727 /* Block Typography Classes ------------------ */ 2728 2729 .has-text-align-left { 2730 text-align: left; 2731 } 2732 2733 .has-text-align-center { 2734 text-align: center; 2735 } 2736 2737 .has-text-align-right { 2738 text-align: left; 2739 } 2740 2741 .has-drop-cap:not(:focus)::first-letter { 2742 color: #cd2653; 2743 font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; 2744 font-size: 5.1em; 2745 font-weight: 800; 2746 margin: 0.05em 0 0 0.1em; 2747 } 2748 2749 .has-drop-cap:not(:focus)::first-letter::after { 2750 content: ""; 2751 display: table; 2752 clear: both; 2753 } 2754 2755 .has-drop-cap:not(:focus)::after { 2756 padding: 0; 2757 } 2758 2759 2760 /* Block Font Families ----------------------- */ 2761 2762 .has-drop-cap:not(:focus)::first-letter, 2763 .entry-content .wp-block-archives, 2764 .entry-content .wp-block-categories, 2765 .entry-content .wp-block-cover-image, 2766 .entry-content .wp-block-latest-comments, 2767 .entry-content .wp-block-latest-posts, 2768 .entry-content .wp-block-pullquote, 2769 .entry-content .wp-block-quote.is-large, 2770 .entry-content .wp-block-quote.is-style-large { 2771 font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; 2772 } 2773 2774 @supports ( font-variation-settings: normal ) { 2775 2776 .has-drop-cap:not(:focus)::first-letter, 2777 .entry-content .wp-block-archives, 2778 .entry-content .wp-block-categories, 2779 .entry-content .wp-block-latest-posts, 2780 .entry-content .wp-block-latest-comments, 2781 .entry-content .wp-block-cover-image p, 2782 .entry-content .wp-block-pullquote { 2783 font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; 2784 } 2785 } 2786 2787 /* Block Font Sizes -------------------------- */ 2788 2789 .entry-content .has-small-font-size { 2790 font-size: 0.842em; 2791 } 2792 2793 .entry-content .has-normal-font-size, 2794 .entry-content .has-regular-font-size { 2795 font-size: 1em; 2796 } 2797 2798 .entry-content .has-medium-font-size { 2799 font-size: 1.1em; 2800 line-height: 1.45; 2801 } 2802 2803 .entry-content .has-large-font-size { 2804 font-size: 1.25em; 2805 line-height: 1.4; 2806 } 2807 2808 .entry-content .has-larger-font-size { 2809 font-size: 1.5em; 2810 line-height: 1.3; 2811 } 2812 2813 2814 /* Block: Base Margins ----------------------- */ 2815 2816 *[class*="_inner-container"] > *:first-child { 2817 margin-top: 0; 2818 } 2819 2820 *[class*="_inner-container"] > *:last-child { 2821 margin-bottom: 0; 2822 } 2823 2824 .wp-block-archives:not(.alignwide):not(.alignfull), 2825 .wp-block-categories:not(.alignwide):not(.alignfull), 2826 .wp-block-code, 2827 .wp-block-columns:not(.alignwide):not(.alignfull), 2828 .wp-block-cover:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), 2829 .wp-block-embed:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), 2830 .wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), 2831 .wp-block-group:not(.has-background):not(.alignwide):not(.alignfull), 2832 .wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), 2833 .wp-block-latest-comments:not(.aligncenter):not(.alignleft):not(.alignright), 2834 .wp-block-latest-posts:not(.aligncenter):not(.alignleft):not(.alignright), 2835 .wp-block-media-text:not(.alignwide):not(.alignfull), 2836 .wp-block-preformatted, 2837 .wp-block-pullquote:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright), 2838 .wp-block-quote, 2839 .wp-block-quote.is-large, 2840 .wp-block-quote.is-style-large, 2841 .wp-block-verse, 2842 .wp-block-video:not(.alignwide):not(.alignfull) { 2843 margin-bottom: 3rem; 2844 margin-top: 3rem; 2845 } 2846 2847 2848 /* Block: Shared Nesting Alignment Resets ---- */ 2849 2850 [class*="__inner-container"] .wp-block-group:not(.alignfull):not(.alignwide):not(.alignleft):not(.alignright), 2851 [class*="__inner-container"] .wp-block-cover:not(.alignfull):not(.alignwide):not(.alignleft):not(.alignright) { 2852 margin-right: auto; 2853 margin-left: auto; 2854 max-width: 58rem; 2855 } 2856 2857 2858 /* Block: Shared Widget Styles --------------- */ 2859 2860 .wp-block-archives, 2861 .wp-block-categories, 2862 .wp-block-latest-posts, 2863 .wp-block-latest-comments { 2864 list-style: none; 2865 margin-right: 0; 2866 } 2867 2868 .wp-block-archives ul, 2869 .wp-block-categories ul, 2870 .wp-block-latest-posts ul, 2871 .wp-block-latest-comments ul { 2872 list-style: none; 2873 } 2874 2875 .entry-content .wp-block-archives > li, 2876 .entry-content .wp-block-categories > li, 2877 .entry-content .wp-block-latest-posts > li, 2878 .entry-content .wp-block-latest-comment > li { 2879 margin-right: 0; 2880 } 2881 2882 .entry-content .wp-block-archives > li:last-child, 2883 .entry-content .wp-block-categories > li:last-child, 2884 .entry-content .wp-block-latest-posts > li:last-child, 2885 .entry-content .wp-block-latest-comment > li:last-child { 2886 margin-bottom: 0; 2887 } 2888 2889 .entry-content .wp-block-archives *, 2890 .entry-content .wp-block-categories *, 2891 .entry-content .wp-block-latest-posts *, 2892 .entry-content .wp-block-latest-comments * { 2893 font-family: inherit; 2894 } 2895 2896 .entry-content .wp-block-archives li, 2897 .entry-content .wp-block-categories li, 2898 .entry-content .wp-block-latest-posts li { 2899 color: #6d6d6d; 2900 } 2901 2902 .wp-block-archives a, 2903 .wp-block-categories a, 2904 .wp-block-latest-posts a, 2905 .wp-block-latest-comments a { 2906 font-weight: 700; 2907 text-decoration: none; 2908 } 2909 2910 .wp-block-archives a:hover, 2911 .wp-block-categories a:hover, 2912 .wp-block-latest-posts a:hover, 2913 .wp-block-latest-comments a:hover, 2914 .wp-block-archives a:focus, 2915 .wp-block-categories a:focus, 2916 .wp-block-latest-posts a:focus, 2917 .wp-block-latest-comments a:focus { 2918 text-decoration: underline; 2919 } 2920 2921 .wp-block-latest-posts a, 2922 .wp-block-latest-comments__comment-meta { 2923 font-weight: 700; 2924 letter-spacing: -0.025em; 2925 line-height: 1.25; 2926 } 2927 2928 .wp-block-latest-comments__comment-date, 2929 .wp-block-latest-posts__post-date { 2930 color: #6d6d6d; 2931 font-size: 0.7em; 2932 font-weight: 600; 2933 letter-spacing: normal; 2934 margin-top: 0.15em; 2935 } 2936 2937 2938 /* Block: Shared Media Styles ---------------- */ 2939 2940 .wp-block-embed figcaption, 2941 .wp-block-image figcaption { 2942 color: #6d6d6d; 2943 font-size: 1.4rem; 2944 margin-bottom: 0; 2945 margin-top: 1.5rem; 2946 } 2947 2948 /* Block: Audio ------------------------------ */ 2949 2950 .wp-block-audio audio { 2951 width: 100%; 2952 } 2953 2954 /* Block: Button ----------------------------- */ 2955 2956 .wp-block-button { 2957 margin: 3rem 0; 2958 } 2959 2960 .wp-block-button.is-style-outline { 2961 color: #cd2653; 2962 } 2963 2964 .is-style-outline .wp-block-button__link:not(.has-text-color) { 2965 color: inherit; 2966 } 2967 2968 .is-style-outline .wp-block-button__link { 2969 padding: calc(1.1em - 0.2rem) calc(1.44em - 0.2rem); 2970 } 2971 2972 /* Block: Columns ---------------------------- */ 2973 2974 .wp-block-columns.alignfull, 2975 .alignfull:not(.has-background) .wp-block-columns { 2976 padding-right: 2rem; 2977 padding-left: 2rem; 2978 } 2979 2980 .wp-block-column { 2981 margin-bottom: 3.2rem; 2982 } 2983 2984 .wp-block-column > *:first-child { 2985 margin-top: 0; 2986 } 2987 2988 .wp-block-column > *:last-child { 2989 margin-bottom: 0; 2990 } 2991 2992 /* Block: Cover ------------------------------ */ 2993 2994 .wp-block-cover-image .wp-block-cover__inner-container, 2995 .wp-block-cover .wp-block-cover__inner-container { 2996 width: calc(100% - 4rem); 2997 padding: 2rem 0; 2998 } 2999 3000 .wp-block-cover-image .wp-block-cover-image-text, 3001 .wp-block-cover-image .wp-block-cover-text, 3002 .wp-block-cover-image h2, 3003 .wp-block-cover .wp-block-cover-image-text, 3004 .wp-block-cover .wp-block-cover-text, 3005 .wp-block-cover h2 { 3006 max-width: 100%; 3007 padding: 0; 3008 } 3009 3010 .wp-block-cover-image h2, 3011 .wp-block-cover h2 { 3012 font-size: 3.2rem; 3013 } 3014 3015 /* Block: Embed ------------------------------ */ 3016 3017 /* Block: File ------------------------------- */ 3018 3019 .wp-block-file { 3020 align-items: center; 3021 display: flex; 3022 flex-wrap: wrap; 3023 justify-content: space-between; 3024 } 3025 3026 .wp-block-file a:not(.wp-block-file__button) { 3027 font-weight: 700; 3028 text-decoration: none; 3029 } 3030 3031 .wp-block-file a:not(.wp-block-file__button):not(:last-child) { 3032 margin-left: 1rem; 3033 } 3034 3035 .wp-block-file a:not(.wp-block-file__button):focus, 3036 .wp-block-file a:not(.wp-block-file__button):hover { 3037 text-decoration: underline; 3038 } 3039 3040 .wp-block-file .wp-block-file__button { 3041 font-size: 1.5rem; 3042 padding: 1em 1.25em; 3043 } 3044 3045 .wp-block-file a.wp-block-file__button:visited { 3046 opacity: 1; 3047 } 3048 3049 .wp-block-file a.wp-block-file__button:active, 3050 .wp-block-file a.wp-block-file__button:focus, 3051 .wp-block-file a.wp-block-file__button:hover { 3052 opacity: 1; 3053 text-decoration: underline; 3054 } 3055 3056 3057 /* Block: Gallery ---------------------------- */ 3058 3059 .wp-block-gallery ul { 3060 list-style: none; 3061 margin: 0 0 -1.6rem 0; 3062 } 3063 3064 figure.wp-block-gallery.alignnone, 3065 figure.wp-block-gallery.aligncenter { 3066 margin-bottom: 3rem; 3067 margin-top: 3rem; 3068 } 3069 3070 figure.wp-block-gallery.alignleft { 3071 margin: 0.3rem 0 2rem 2rem; 3072 } 3073 3074 figure.wp-block-gallery.alignright { 3075 margin: 0.3rem 2rem 2rem 0; 3076 } 3077 3078 figure.wp-block-gallery.alignwide { 3079 margin-bottom: 4rem; 3080 margin-top: 4rem; 3081 } 3082 3083 figure.wp-block-gallery.alignfull { 3084 margin-bottom: 5rem; 3085 margin-top: 5rem; 3086 } 3087 3088 /* Block: Group ------------------------------ */ 3089 3090 .wp-block-group.has-background { 3091 padding: 2rem; 3092 margin-bottom: 0; 3093 margin-top: 0; 3094 } 3095 3096 .wp-block-group__inner-container { 3097 margin: 0 auto; 3098 } 3099 3100 .wp-block-group__inner-container, 3101 .entry-content .wp-block-group p { 3102 max-width: 100%; 3103 } 3104 3105 .alignfull:not(.has-background) > .wp-block-group__inner-container > p:not(.has-background-color) { 3106 padding-right: 2rem; 3107 padding-left: 2rem; 3108 } 3109 3110 /* Block: Image ------------------------------ */ 3111 3112 /* Block: Media And Text --------------------- */ 3113 3114 .wp-block-media-text .wp-block-media-text__content { 3115 padding: 3rem 2rem; 3116 } 3117 3118 .wp-block-media-text .wp-block-media-text__content p { 3119 max-width: none; 3120 } 3121 3122 .wp-block-media-text__content > *:first-child { 3123 margin-top: 0; 3124 } 3125 3126 .wp-block-media-text__content > *:last-child { 3127 margin-bottom: 0; 3128 } 3129 3130 /* Block: Pullquote -------------------------- */ 3131 3132 /* STYLE: DEFAULT */ 3133 3134 .wp-block-pullquote { 3135 padding: 0; 3136 position: relative; 3137 } 3138 3139 .wp-block-pullquote.alignleft, 3140 .wp-block-pullquote.alignright { 3141 max-width: calc(100% - 4rem); 3142 } 3143 3144 .wp-block-pullquote::before { 3145 background: #fff; 3146 border-radius: 50%; 3147 color: #cd2653; 3148 content: "”"; 3149 display: block; 3150 font-size: 6.2rem; 3151 font-weight: 500; 3152 line-height: 1.2; 3153 margin: 0 auto 1.5rem auto; 3154 text-align: center; 3155 height: 4.4rem; 3156 width: 4.4rem; 3157 } 3158 3159 .reduced-spacing .wp-block-pullquote::before { 3160 border: 0.1rem solid currentColor; 3161 font-size: 5.9rem; 3162 } 3163 3164 .wp-block-pullquote blockquote { 3165 border: none; 3166 margin: 0; 3167 padding: 0; 3168 } 3169 3170 .wp-block-pullquote blockquote p { 3171 font-family: inherit; 3172 font-size: 2.8rem; 3173 font-weight: 700; 3174 line-height: 1.178571429; 3175 letter-spacing: -0.041785714em; 3176 max-width: 100%; 3177 } 3178 3179 .wp-block-pullquote p:last-of-type { 3180 margin-bottom: 0; 3181 } 3182 3183 .wp-block-pullquote cite { 3184 color: #6d6d6d; 3185 font-size: 1.6rem; 3186 font-weight: 500; 3187 margin-top: 1.2rem; 3188 } 3189 3190 .wp-block-pullquote.alignleft p, 3191 .wp-block-pullquote.alignright p { 3192 font-size: 2.8rem; 3193 } 3194 3195 .wp-block-pullquote.alignleft { 3196 text-align: right; 3197 } 3198 3199 .wp-block-pullquote.alignright { 3200 text-align: left; 3201 } 3202 3203 .wp-block-pullquote.alignleft::before { 3204 margin-right: 0; 3205 } 3206 3207 .wp-block-pullquote.alignright::before { 3208 margin-left: 0; 3209 } 3210 3211 /* STYLE: SOLID BACKGROUND COLOR */ 3212 3213 .wp-block-pullquote.is-style-solid-color { 3214 padding: 3rem 2rem; 3215 } 3216 3217 .wp-block-pullquote.is-style-solid-color::before { 3218 position: absolute; 3219 top: 0; 3220 right: 50%; 3221 transform: translateY(-50%) translateX(50%); 3222 } 3223 3224 .wp-block-pullquote.is-style-solid-color.alignleft::before, 3225 .wp-block-pullquote.is-style-solid-color.alignright::before { 3226 transform: translateY(-50%); 3227 } 3228 3229 .wp-block-pullquote.is-style-solid-color.alignleft::before { 3230 right: 2rem; 3231 } 3232 3233 .wp-block-pullquote.is-style-solid-color.alignright::before { 3234 right: auto; 3235 left: 2rem; 3236 } 3237 3238 .wp-block-pullquote.is-style-solid-color blockquote { 3239 max-width: 100%; 3240 text-align: inherit; 3241 } 3242 3243 .wp-block-pullquote.is-style-solid-color cite { 3244 color: inherit; 3245 } 3246 3247 /* Block: Separator ------------------------- */ 3248 3249 hr.wp-block-separator { 3250 margin: 3rem 0; 3251 } 3252 3253 /* STYLE: WIDE */ 3254 3255 .wp-block-separator.is-style-wide { 3256 max-width: calc(100vw - 4rem); 3257 position: relative; 3258 width: 100%; 3259 } 3260 3261 /* STYLE: DOTS */ 3262 3263 .wp-block-separator.is-style-dots::before { 3264 background: none; 3265 color: inherit; 3266 font-size: 3.2rem; 3267 font-weight: 700; 3268 height: auto; 3269 letter-spacing: 1em; 3270 padding-right: 1em; 3271 position: static; 3272 transform: none; 3273 width: auto; 3274 } 3275 3276 .wp-block-separator.is-style-dots::after { 3277 content: none; 3278 } 3279 3280 3281 /* Block: Search ----------------------------- */ 3282 3283 .wp-block-search .wp-block-search__input { 3284 width: auto; 3285 } 3286 3287 /* Block: Table ------------------------------ */ 3288 3289 .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { 3290 background: #dcd7ca; 3291 } 3292 3293 figure.wp-block-table.is-style-stripes { 3294 border-bottom: none; 3295 } 3296 3297 .wp-block-table.is-style-stripes table { 3298 border-collapse: inherit; 3299 } 3300 3301 /* Block: Quote ------------------------------ */ 3302 3303 .wp-block-quote p, 3304 .wp-block-quote cite { 3305 text-align: inherit; 3306 } 3307 3308 .wp-block-quote[style="text-align:center"] { 3309 border-width: 0; 3310 padding: 0; 3311 } 3312 3313 .wp-block-quote[style="text-align:right"] { 3314 border-width: 0 0.2rem 0 0; 3315 padding: 0 2rem 0 0; 3316 } 3317 3318 /* STYLE: LARGE */ 3319 3320 .wp-block-quote.is-large, 3321 .wp-block-quote.is-style-large { 3322 border: none; 3323 padding: 0; 3324 margin-right: auto; 3325 margin-left: auto; 3326 } 3327 3328 .wp-block-quote.is-large p, 3329 .wp-block-quote.is-style-large p { 3330 font-family: inherit; 3331 font-size: 2.4rem; 3332 font-style: normal; 3333 font-weight: 700; 3334 letter-spacing: -0.02em; 3335 line-height: 1.285; 3336 } 3337 3338 .wp-block-quote.is-large cite, 3339 .wp-block-quote.is-large footer, 3340 .wp-block-quote.is-style-large cite, 3341 .wp-block-quote.is-style-large footer { 3342 font-size: 1.6rem; 3343 text-align: inherit; 3344 } 3345 3346 /* Block: Widget Latest Comments ------------- */ 3347 3348 .entry-content .wp-block-latest-comments li { 3349 margin: 2rem 0; 3350 } 3351 3352 .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt, 3353 .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta { 3354 margin-right: 5.5rem; 3355 } 3356 3357 .entry-content .wp-block-latest-comments a { 3358 text-decoration: none; 3359 } 3360 3361 .entry-content .wp-block-latest-comments a:hover, 3362 .entry-content .wp-block-latest-comments a:focus { 3363 text-decoration: underline; 3364 } 3365 3366 .wp-block-latest-comments__comment { 3367 font-size: inherit; 3368 } 3369 3370 .wp-block-latest-comments__comment-date { 3371 margin-top: 0.4em; 3372 } 3373 3374 .wp-block-latest-comments__comment-excerpt p { 3375 font-size: 0.7em; 3376 margin: 0.9rem 0 2rem 0; 3377 } 3378 3379 /* Block: Widget Latest Posts ---------------- */ 3380 3381 .wp-block-latest-posts.is-grid li { 3382 border-top: 0.2rem solid #dcd7ca; 3383 margin-top: 2rem; 3384 padding-top: 1rem; 3385 } 3386 3387 .wp-block-latest-posts.has-dates { 3388 list-style: none; 3389 } 3390 3391 .wp-block-latest-posts.has-dates:not(.is-grid) li { 3392 margin-top: 1.5rem; 3393 } 3394 3395 .wp-block-latest-posts.has-dates:not(.is-grid) li:first-child { 3396 margin-top: 0; 3397 } 3398 3399 3400 /* -------------------------------------------------------------------------- */ 3401 3402 /* 11. Entry Content 3403 /* -------------------------------------------------------------------------- */ 3404 3405 3406 .entry-content { 3407 line-height: 1.5; 3408 } 3409 3410 .entry-content > * { 3411 margin-right: auto; 3412 margin-left: auto; 3413 margin-bottom: 1.25em; 3414 } 3415 3416 .entry-content > *:first-child { 3417 margin-top: 0; 3418 } 3419 3420 .entry-content > *:last-child { 3421 margin-bottom: 0; 3422 } 3423 3424 .read-more-button-wrap { 3425 margin-top: 1em; 3426 text-align: center; 3427 } 3428 3429 .entry-content a:hover, 3430 .entry-content a:focus { 3431 text-decoration: none; 3432 } 3433 3434 .entry-content p, 3435 .entry-content li { 3436 line-height: 1.4; 3437 } 3438 3439 .entry-content h1, 3440 .entry-content h2, 3441 .entry-content h3, 3442 .entry-content h4, 3443 .entry-content h5, 3444 .entry-content h6 { 3445 margin: 3.5rem auto 2rem; 3446 } 3447 3448 .entry-content ul ul, 3449 .entry-content ol ol, 3450 .entry-content ul ol, 3451 .entry-content ol ul { 3452 margin-bottom: 1rem; 3453 } 3454 3455 .entry-content hr { 3456 margin: 4rem auto; 3457 } 3458 3459 /* Font Families ----------------------------- */ 3460 3461 .entry-content p, 3462 .entry-content ol, 3463 .entry-content ul, 3464 .entry-content dl, 3465 .entry-content dt { 3466 font-family: NonBreakingSpaceOverride, "Hoefler Text", Garamond, "Times New Roman", serif; 3467 letter-spacing: normal; 3468 } 3469 3470 .entry-content cite, 3471 .entry-content figcaption, 3472 .entry-content .wp-caption-text { 3473 font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; 3474 } 3475 3476 @supports ( font-variation-settings: normal ) { 3477 3478 .entry-content cite, 3479 .entry-content figcaption, 3480 .entry-content .wp-caption-text { 3481 font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; 3482 } 3483 } 3484 3485 3486 /* Alignment Classes ------------------------- */ 3487 3488 .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) { 3489 max-width: 58rem; 3490 width: calc(100% - 4rem); 3491 } 3492 3493 [class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) { 3494 max-width: 58rem; 3495 width: 100%; 3496 } 3497 3498 .alignnone, 3499 .aligncenter, 3500 .alignleft, 3501 .alignright, 3502 .alignwide { 3503 margin-top: 4rem; 3504 margin-left: auto; 3505 margin-bottom: 4rem; 3506 margin-right: auto; 3507 } 3508 3509 [class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright) { 3510 margin-right: auto; 3511 margin-left: auto; 3512 } 3513 3514 /* Full */ 3515 3516 .alignfull { 3517 margin-top: 5rem; 3518 margin-left: auto; 3519 margin-bottom: 5rem; 3520 margin-right: auto; 3521 max-width: 100vw; 3522 position: relative; 3523 width: 100%; 3524 } 3525 3526 [class*="__inner-container"] > .alignfull { 3527 max-width: 100%; 3528 } 3529 3530 /* Wide */ 3531 3532 .alignwide { 3533 max-width: 120rem; 3534 position: relative; 3535 width: calc(100% - 4rem); 3536 } 3537 3538 [class*="__inner-container"] > .alignwide { 3539 width: 100%; 3540 } 3541 3542 /* Center */ 3543 3544 .aligncenter, 3545 .aligncenter img { 3546 margin-right: auto; 3547 margin-left: auto; 3548 } 3549 3550 /* Left and right */ 3551 3552 .alignleft, 3553 .alignright { 3554 max-width: 50%; 3555 } 3556 3557 .alignleft { 3558 float: left; 3559 margin: 0.3rem 2rem 2rem 2rem; 3560 } 3561 3562 .alignright { 3563 float: right; 3564 margin: 0.3rem 2rem 2rem 2rem; 3565 } 3566 3567 [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignleft, 3568 [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignleft, 3569 [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignleft { 3570 margin-left: 2rem; 3571 } 3572 3573 [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignright, 3574 [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignright, 3575 [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignright { 3576 margin-right: 2rem; 3577 } 3578 3579 /* Entry Media ------------------------------- */ 3580 3581 .alignfull > figcaption, 3582 .alignfull > .wp-caption-text { 3583 margin-right: auto; 3584 margin-left: auto; 3585 max-width: 58rem; 3586 width: calc(100% - 4rem); 3587 } 3588 3589 3590 /* -------------------------------------------------------------------------- */ 3591 3592 /* 12. Comments 3593 /* -------------------------------------------------------------------------- */ 3594 3595 3596 /* Comment Headers ----------------------------- */ 3597 3598 .comments-wrapper { 3599 margin-top: 5rem; 3600 } 3601 3602 .comment-reply-title { 3603 margin: 0 0 4rem 0; 3604 text-align: center; 3605 } 3606 3607 3608 /* Comment Item ----------------------------- */ 3609 3610 /* COMMENT HEADER */ 3611 3612 .comments .comment, 3613 .comments .pingback, 3614 .comments .trackback, 3615 .comments .review { 3616 padding-top: 3.5rem; 3617 } 3618 3619 div.comment:first-of-type { 3620 margin-top: 3.5rem; 3621 padding-top: 0; 3622 } 3623 3624 .comments .comments-header + div { 3625 margin-top: 0; 3626 padding-top: 0; 3627 } 3628 3629 .comment-body { 3630 position: relative; 3631 } 3632 3633 .comment .comment { 3634 padding-right: 5%; 3635 } 3636 3637 .comment-meta { 3638 line-height: 1.1; 3639 margin-bottom: 1.5rem; 3640 min-height: 5rem; 3641 padding-right: 5rem; 3642 position: relative; 3643 } 3644 3645 .hide-avatars .comment-meta { 3646 min-height: 0; 3647 padding-right: 0; 3648 } 3649 3650 .comment-meta a { 3651 color: inherit; 3652 } 3653 3654 .comment-author { 3655 font-size: 1.8rem; 3656 font-weight: 700; 3657 letter-spacing: -0.027777778em; 3658 } 3659 3660 .comment-author a { 3661 text-decoration: underline; 3662 } 3663 3664 .comment-author a:hover, 3665 .comment-author a:focus { 3666 text-decoration: none; 3667 } 3668 3669 .comment-meta .avatar { 3670 height: 4rem; 3671 position: absolute; 3672 right: 0; 3673 top: 0; 3674 width: 4rem; 3675 } 3676 3677 .comment-author .url { 3678 text-decoration: underline; 3679 } 3680 3681 .comment-metadata { 3682 color: #6d6d6d; 3683 font-size: 1.4rem; 3684 font-weight: 500; 3685 margin-top: 0.6rem; 3686 } 3687 3688 .comment-metadata a { 3689 text-decoration: none; 3690 } 3691 3692 .comment-metadata a:focus, 3693 .comment-metadata a:hover { 3694 text-decoration: underline; 3695 } 3696 3697 3698 /* COMMENT CONTENT */ 3699 3700 .comment-content.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) { 3701 width: 100%; 3702 } 3703 3704 .comment-content.entry-content .alignleft { 3705 margin-left: 0; 3706 } 3707 3708 .comment-content.entry-content .alignright { 3709 margin-right: 0; 3710 } 3711 3712 /* COMMENT FOOTER */ 3713 3714 .comment-footer-meta { 3715 align-items: center; 3716 display: flex; 3717 flex-wrap: wrap; 3718 font-size: 1.2rem; 3719 font-weight: 600; 3720 justify-content: flex-start; 3721 letter-spacing: 0.030833333em; 3722 line-height: 1; 3723 margin: 1.5rem -1.5rem -1rem 0; 3724 text-transform: uppercase; 3725 } 3726 3727 .comment-footer-meta > * { 3728 margin: 0 1.5rem 1rem 0; 3729 } 3730 3731 .comment-reply-link { 3732 background-color: #cd2653; 3733 color: #fff; 3734 display: block; 3735 padding: 0.7rem; 3736 } 3737 3738 .bypostauthor .comment-footer-meta .by-post-author { 3739 display: block; 3740 } 3741 3742 .comment-footer-meta a { 3743 text-decoration: none; 3744 } 3745 3746 .comment-footer-meta a:focus, 3747 .comment-footer-meta a:hover { 3748 text-decoration: underline; 3749 } 3750 3751 3752 /* Pingbacks & Trackbacks ------------------------- */ 3753 3754 .pingback .comment-meta, 3755 .trackback .comment-meta { 3756 padding-right: 0; 3757 } 3758 3759 3760 /* Comments Pagination ---------------------------- */ 3761 3762 .comments-pagination { 3763 display: flex; 3764 flex-wrap: wrap; 3765 justify-content: space-between; 3766 margin-top: 6rem; 3767 text-align: center; 3768 } 3769 3770 .comments-pagination.only-next { 3771 justify-content: flex-end; 3772 } 3773 3774 .comments-pagination .page-numbers { 3775 display: none; 3776 text-decoration: none; 3777 } 3778 3779 .comments-pagination .page-numbers:focus, 3780 .comments-pagination .page-numbers:hover { 3781 text-decoration: underline; 3782 } 3783 3784 .comments-pagination .prev, 3785 .comments-pagination .next { 3786 display: block; 3787 } 3788 3789 .comments-pagination .prev { 3790 right: 0; 3791 } 3792 3793 .comments-pagination .next { 3794 left: 0; 3795 text-align: left; 3796 } 3797 3798 3799 /* Comment Respond ---------------------------- */ 3800 3801 .comment-respond::after { 3802 clear: both; 3803 content: ""; 3804 display: block; 3805 } 3806 3807 .comment-respond .comment-notes, 3808 .comment-respond .logged-in-as { 3809 color: #6d6d6d; 3810 font-size: 1.6rem; 3811 line-height: 1.4; 3812 margin: -3rem 0 4rem 0; 3813 text-align: center; 3814 } 3815 3816 .comment-respond .comment-notes a, 3817 .comment-respond .logged-in-as a { 3818 color: inherit; 3819 text-decoration: none; 3820 } 3821 3822 .comment-respond .comment-notes a:focus, 3823 .comment-respond .comment-notes a:hover, 3824 .comment-respond .logged-in-as a:focus, 3825 .comment-respond .logged-in-as a:hover { 3826 text-decoration: underline; 3827 } 3828 3829 .comment-respond p { 3830 line-height: 1.1; 3831 margin-bottom: 2rem; 3832 margin-right: auto; 3833 margin-left: auto; 3834 } 3835 3836 .comment-respond p:not(.comment-notes) { 3837 max-width: 58rem; 3838 } 3839 3840 .comment-form-cookies-consent { 3841 align-items: baseline; 3842 display: flex; 3843 } 3844 3845 .comment-respond > p:last-of-type { 3846 margin-bottom: 0; 3847 } 3848 3849 .comment-respond label { 3850 display: block; 3851 } 3852 3853 .comment-respond input[type="checkbox"] + label { 3854 font-size: 1.5rem; 3855 line-height: 1.25; 3856 } 3857 3858 .comment-respond input[type="text"], 3859 .comment-respond input[type="email"], 3860 .comment-respond textarea { 3861 margin-bottom: 0; 3862 } 3863 3864 .comment-respond textarea { 3865 height: 15rem; 3866 } 3867 3868 .comment-respond #submit { 3869 display: block; 3870 } 3871 3872 .comment-respond .comments-closed { 3873 text-align: center; 3874 } 3875 3876 3877 /* Reply Respond ---------------------------- */ 3878 3879 .comments .comment-respond { 3880 padding: 3rem 0 0; 3881 } 3882 3883 .comments .comment-respond .comment-reply-title, 3884 .comments .comment-respond .comment-notes, 3885 .comments .comment-respond .logged-in-as { 3886 text-align: right; 3887 } 3888 3889 .comment-reply-title small { 3890 display: block; 3891 font-size: 1.6rem; 3892 font-weight: 600; 3893 letter-spacing: -0.0277em; 3894 margin: 0.5rem 0 0 0; 3895 white-space: nowrap; 3896 } 3897 3898 .comment-reply-title small a { 3899 text-decoration: none; 3900 } 3901 3902 .comment-reply-title small a:focus, 3903 .comment-reply-title small a:hover { 3904 text-decoration: underline; 3905 } 3906 3907 3908 /* -------------------------------------------------------------------------- */ 3909 3910 /* 13. Site Pagination 3911 /* -------------------------------------------------------------------------- */ 3912 3913 3914 .pagination .nav-links { 3915 align-items: baseline; 3916 display: flex; 3917 flex-wrap: wrap; 3918 font-size: 1.8rem; 3919 font-weight: 600; 3920 margin: -1.5rem -2.5rem 0 0; 3921 width: calc(100% + 2.5rem); 3922 } 3923 3924 .pagination-separator { 3925 margin: 5rem 0; 3926 } 3927 3928 .nav-links > * { 3929 margin: 1.5rem 2.5rem 0 0; 3930 } 3931 3932 .nav-links .placeholder { 3933 display: none; 3934 visibility: hidden; 3935 } 3936 3937 .pagination a { 3938 text-decoration: none; 3939 } 3940 3941 .pagination a:focus, 3942 .pagination a:hover { 3943 text-decoration: underline; 3944 } 3945 3946 .pagination .dots { 3947 transform: translateY(-0.3em); 3948 color: #6d6d6d; 3949 } 3950 3951 .nav-short { 3952 display: none; 3953 } 3954 3955 /* -------------------------------------------------------------------------- */ 3956 3957 /* 14. Error 404 3958 /* -------------------------------------------------------------------------- */ 3959 3960 3961 .error404 #site-content { 3962 padding-top: 4rem; 3963 } 3964 3965 .error404-content { 3966 text-align: center; 3967 } 3968 3969 .error404 #site-content .search-form { 3970 justify-content: center; 3971 margin-top: 3rem; 3972 } 3973 3974 3975 /* -------------------------------------------------------------------------- */ 3976 3977 /* 15. Widgets 3978 /* -------------------------------------------------------------------------- */ 3979 3980 3981 /* Widget Base ------------------------------- */ 3982 3983 .widget { 3984 margin-top: 3rem; 3985 } 3986 3987 .widget:first-child { 3988 margin-top: 0; 3989 } 3990 3991 .widget-content > div > *:first-child { 3992 margin-top: 0; 3993 } 3994 3995 .widget-content > div > *:last-child { 3996 margin-bottom: 0; 3997 } 3998 3999 .widget .widget-title { 4000 margin: 0 0 2rem; 4001 } 4002 4003 .widget li { 4004 margin: 2rem 0 0 0; 4005 } 4006 4007 .widget li:first-child, 4008 .widget li > ul, 4009 .widget li > ol { 4010 margin-top: 0; 4011 } 4012 4013 .widget table, 4014 .widget table * { 4015 border-color: #dedfdf; 4016 } 4017 4018 .widget table caption { 4019 background-color: #dedfdf; 4020 } 4021 4022 .widget .post-date, 4023 .widget .rss-date { 4024 color: #6d6d6d; 4025 display: block; 4026 font-size: 0.85em; 4027 font-weight: 500; 4028 margin-top: 0.2rem; 4029 } 4030 4031 .widget select { 4032 max-width: 100%; 4033 } 4034 4035 /* Font Families ----------------------------- */ 4036 4037 .widget_text p, 4038 .widget_text ol, 4039 .widget_text ul, 4040 .widget_text dl, 4041 .widget_text dt, 4042 .widget-content .rssSummary { 4043 font-family: NonBreakingSpaceOverride, "Hoefler Text", Garamond, "Times New Roman", serif; 4044 letter-spacing: normal; 4045 } 4046 4047 .widget-content cite, 4048 .widget-content figcaption, 4049 .widget-content .wp-caption-text { 4050 font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; 4051 } 4052 4053 @supports ( font-variation-settings: normal ) { 4054 4055 .widget-content cite, 4056 .widget-content figcaption, 4057 .widget-content .wp-caption-text { 4058 font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; 4059 } 4060 } 4061 4062 /* Base List Widget -------------------------- */ 4063 4064 .widget_archive ul, 4065 .widget_categories ul, 4066 .widget_pages ul, 4067 .widget_meta ul, 4068 .widget_nav_menu ul, 4069 .widget_recent_comments ul, 4070 .widget_recent_entries ul, 4071 .widget_rss ul { 4072 list-style: none; 4073 margin: 0; 4074 } 4075 4076 .widget_archive li, 4077 .widget_categories li, 4078 .widget_pages li, 4079 .widget_meta li, 4080 .widget_nav_menu li { 4081 color: #6d6d6d; 4082 margin: 0.3rem 0; 4083 } 4084 4085 .widget_archive li li, 4086 .widget_categories li li, 4087 .widget_pages li li, 4088 .widget_meta li li, 4089 .widget_nav_menu li li { 4090 margin-right: 2rem; 4091 } 4092 4093 .widget_archive a, 4094 .widget_categories a, 4095 .widget_pages a, 4096 .widget_meta a, 4097 .widget_nav_menu a { 4098 font-weight: 700; 4099 text-decoration: none; 4100 } 4101 4102 .widget_archive a:focus, 4103 .widget_archive a:hover, 4104 .widget_categories a:focus, 4105 .widget_categories a:hover, 4106 .widget_pages a:focus, 4107 .widget_pages a:hover, 4108 .widget_meta a:focus, 4109 .widget_meta a:hover, 4110 .widget_nav_menu a:focus, 4111 .widget_nav_menu a:hover { 4112 text-decoration: underline; 4113 } 4114 4115 /* Widget: Calendar -------------------------- */ 4116 4117 .calendar_wrap { 4118 font-size: 2.4rem; 4119 } 4120 4121 .calendar_wrap th, 4122 .calendar_wrap td { 4123 font-size: 1em; 4124 font-weight: 500; 4125 line-height: 1; 4126 padding: 2.5% 2.5% 1.75% 2.5%; 4127 text-align: center; 4128 } 4129 4130 .calendar_wrap tfoot td { 4131 border-bottom: none; 4132 } 4133 4134 .calendar_wrap tfoot a { 4135 text-decoration: none; 4136 } 4137 4138 .calendar_wrap tfoot #prev { 4139 text-align: right; 4140 } 4141 4142 .calendar_wrap tfoot #next { 4143 text-align: left; 4144 } 4145 4146 /* Widget: Image ----------------------------- */ 4147 4148 /* Widget: Gallery --------------------------- */ 4149 4150 .widget_media_gallery .gallery { 4151 margin: 0 -0.4em -0.8em -0.4em; 4152 width: calc(100% + 0.8em); 4153 } 4154 4155 .widget_media_gallery .gallery-item { 4156 margin: 0 0 0.8em 0; 4157 padding: 0 0.4em; 4158 } 4159 4160 /* Widget: Nav Menu -------------------------- */ 4161 4162 .widget_nav_menu .widget-content > div > ul { 4163 margin-right: 0; 4164 } 4165 4166 /* Widget: Recent Comments ------------------- */ 4167 4168 .widget_recent_comments li { 4169 font-weight: 700; 4170 } 4171 4172 .widget_recent_comments a { 4173 text-decoration: none; 4174 } 4175 4176 .widget_recent_comments a:focus, 4177 .widget_recent_comments a:hover { 4178 text-decoration: underline; 4179 } 4180 4181 /* Widget: Recent Entries -------------------- */ 4182 4183 .widget_recent_entries a { 4184 font-weight: 700; 4185 text-decoration: none; 4186 } 4187 4188 .widget_recent_entries a:focus, 4189 .widget_recent_entries a:hover { 4190 text-decoration: underline; 4191 } 4192 4193 /* Widget: RSS ------------------------------- */ 4194 4195 .widget_rss .widget-title a.rsswidget:first-of-type { 4196 display: none; 4197 } 4198 4199 .widget_rss .rsswidget { 4200 font-weight: 700; 4201 } 4202 4203 .widget_rss a { 4204 text-decoration: none; 4205 } 4206 4207 .widget_rss a:focus, 4208 .widget_rss a:hover { 4209 text-decoration: underline; 4210 } 4211 4212 .widget_rss .rssSummary { 4213 margin-top: 0.5rem; 4214 } 4215 4216 .widget_rss cite::before { 4217 content: "— "; 4218 } 4219 4220 /* Widget: Search ---------------------------- */ 4221 4222 .widget_search .search-field { 4223 border-color: #dedfdf; 4224 } 4225 4226 /* Widget: Tag Cloud ------------------------- */ 4227 4228 .widget_tag_cloud a { 4229 font-weight: 700; 4230 margin-left: 0.5rem; 4231 text-decoration: none; 4232 white-space: nowrap; 4233 } 4234 4235 .widget_tag_cloud a:focus, 4236 .widget_tag_cloud a:hover { 4237 text-decoration: underline; 4238 } 4239 4240 /* Widget: Text ------------------------------ */ 4241 4242 4243 /* -------------------------------------------------------------------------- */ 4244 4245 /* 16. Site Footer 4246 /* -------------------------------------------------------------------------- */ 4247 4248 4249 .footer-nav-widgets-wrapper, 4250 #site-footer { 4251 background-color: #fff; 4252 border-color: #dedfdf; 4253 border-style: solid; 4254 border-width: 0; 4255 } 4256 4257 .footer-top-visible .footer-nav-widgets-wrapper, 4258 .footer-top-hidden #site-footer { 4259 margin-top: 5rem; 4260 } 4261 4262 .reduced-spacing.footer-top-visible .footer-nav-widgets-wrapper, 4263 .reduced-spacing.footer-top-hidden #site-footer { 4264 border-top-width: 0.1rem; 4265 } 4266 4267 .footer-top, 4268 .footer-widgets-outer-wrapper, 4269 #site-footer { 4270 padding: 3rem 0; 4271 } 4272 4273 4274 /* Footer Top -------------------------------- */ 4275 4276 .footer-top { 4277 display: flex; 4278 border-bottom: 0.1rem solid #dedfdf; 4279 justify-content: space-between; 4280 } 4281 4282 /* FOOTER MENU */ 4283 4284 .footer-menu { 4285 font-size: 1.8rem; 4286 font-weight: 700; 4287 letter-spacing: -0.0277em; 4288 } 4289 4290 .footer-menu li { 4291 line-height: 1.25; 4292 margin: 0.25em 0 0 0; 4293 } 4294 4295 .footer-menu a { 4296 text-decoration: none; 4297 } 4298 4299 .footer-menu a:hover, 4300 .footer-menu a:focus { 4301 text-decoration: underline; 4302 } 4303 4304 /* FOOTER SOCIAL */ 4305 4306 .footer-social-wrapper { 4307 margin: 0; 4308 width: 100%; 4309 } 4310 4311 .has-footer-menu .footer-social-wrapper { 4312 flex-shrink: 0; 4313 margin-right: 1rem; 4314 width: 50%; 4315 } 4316 4317 ul.footer-social { 4318 margin: -0.5rem -0.5rem 0 0; 4319 } 4320 4321 .has-footer-menu .footer-social { 4322 justify-content: flex-end; 4323 } 4324 4325 ul.footer-social li { 4326 margin: 0.5rem 0.5rem 0 0; 4327 } 4328 4329 .footer-social a { 4330 background-color: #cd2653; 4331 height: 3.6rem; 4332 width: 3.6rem; 4333 } 4334 4335 .footer-social a::before { 4336 font-size: 1.6rem; 4337 } 4338 4339 /* Footer Widgets ---------------------------- */ 4340 4341 .footer-widgets-outer-wrapper { 4342 border-bottom: 0.1rem solid #dedfdf; 4343 } 4344 4345 .footer-widgets + .footer-widgets { 4346 margin-top: 3rem; 4347 } 4348 4349 /* Footer Bottom ----------------------------- */ 4350 4351 #site-footer { 4352 font-size: 1.6rem; 4353 } 4354 4355 #site-footer .section-inner { 4356 align-items: baseline; 4357 display: flex; 4358 justify-content: space-between; 4359 } 4360 4361 #site-footer a { 4362 text-decoration: none; 4363 } 4364 4365 #site-footer a:focus, 4366 #site-footer a:hover { 4367 text-decoration: underline; 4368 } 4369 4370 .footer-copyright a, 4371 .powered-by-wordpress a { 4372 color: inherit; 4373 } 4374 4375 .powered-by-wordpress, 4376 .to-the-top { 4377 color: #6d6d6d; 4378 } 4379 4380 a.to-the-top > * { 4381 pointer-events: none; 4382 } 4383 4384 .footer-copyright { 4385 font-weight: 600; 4386 margin: 0; 4387 } 4388 4389 .powered-by-wordpress { 4390 display: none; 4391 margin: 0 2.4rem 0 0; 4392 } 4393 4394 .to-the-top-long { 4395 display: none; 4396 } 4397 4398 4399 /* -------------------------------------------------------------------------- */ 4400 4401 /* 17. Media Queries 4402 /* -------------------------------------------------------------------------- */ 4403 4404 @media ( max-width: 479px ) { 4405 4406 /* Blocks -------------------------------- */ 4407 4408 .wp-block-pullquote.alignleft, 4409 .wp-block-pullquote.alignright { 4410 float: none; 4411 } 4412 4413 /* Entry Content ------------------------- */ 4414 4415 /* LISTS */ 4416 4417 ul, 4418 ol { 4419 margin: 0 2rem 3rem 0; 4420 } 4421 4422 li { 4423 margin: 0.5rem 1rem 0 0; 4424 } 4425 } 4426 4427 @media ( min-width: 480px ) { 4428 4429 /* Blocks -------------------------------- */ 4430 4431 /* BLOCK: BASE ALIGNMENT WIDTH */ 4432 4433 .wp-block-pullquote.alignleft, 4434 .wp-block-pullquote.alignright, 4435 .wp-block-cover-image.alignleft, 4436 .wp-block-cover-image.alignright, 4437 .wp-block-cover.alignleft, 4438 .wp-block-cover.alignright, 4439 .wp-block-embed.alignleft, 4440 .wp-block-embed.alignright, 4441 .wp-block-gallery.alignleft, 4442 .wp-block-gallery.alignright { 4443 max-width: 26rem; 4444 } 4445 4446 /* BLOCK: TABLE WIDTH */ 4447 .wp-block-table.alignleft, 4448 .wp-block-table.alignright { 4449 max-width: 100%; 4450 } 4451 4452 /* Entry Content ------------------------- */ 4453 4454 /* ALIGNMENT CLASSES */ 4455 4456 .alignleft, 4457 .alignright { 4458 max-width: 26rem; 4459 } 4460 } 4461 4462 @media ( max-width: 599px ) { 4463 4464 /* Blocks -------------------------------- */ 4465 4466 /* BLOCK: COLUMNS */ 4467 4468 /* While columns are stacked */ 4469 .wp-block-column:last-child { 4470 margin-bottom: 0; 4471 } 4472 4473 .wp-block-columns + .wp-block-columns { 4474 margin-top: 0.2rem; 4475 } 4476 4477 .wp-block-columns.alignwide + .wp-block-columns.alignwide { 4478 margin-top: -0.8rem; 4479 } 4480 4481 .wp-block-columns.alignfull + .wp-block-columns.alignfull { 4482 margin-top: -1.8rem; 4483 } 4484 4485 } 4486 4487 @media ( min-width: 600px ) { 4488 4489 /* Blocks -------------------------------- */ 4490 4491 /* BLOCK: COLUMNS */ 4492 4493 .wp-block-columns.alignwide + .wp-block-columns.alignwide, 4494 .wp-block-columns.alignfull + .wp-block-columns.alignfull { 4495 margin-top: -4rem; 4496 } 4497 4498 } 4499 4500 @media ( min-width: 660px ) { 4501 4502 /* Blocks -------------------------------- */ 4503 4504 /* BLOCK: GALLERY */ 4505 4506 figure.wp-block-gallery.alignleft { 4507 margin-left: calc(( 100vw - 58rem - 8rem ) / -2); 4508 } 4509 4510 figure.wp-block-gallery.alignright { 4511 margin-right: calc(( 100vw - 58rem - 8rem ) / -2); 4512 } 4513 4514 /* Entry Content ------------------------- */ 4515 4516 /* ALIGNMENT CLASSES */ 4517 4518 .entry-content > .alignleft { 4519 margin-left: 4rem; 4520 } 4521 4522 .entry-content > p .alignleft, 4523 .entry-content > .wp-block-image .alignleft { 4524 margin-left: calc(( 100vw - 58rem - 8rem ) / -2); 4525 } 4526 4527 [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .alignleft, 4528 [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > p .alignleft, 4529 [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .wp-block-image .alignleft { 4530 margin-left: 0; 4531 } 4532 4533 .entry-content > .alignright { 4534 margin-right: 4rem; 4535 } 4536 4537 .entry-content > p .alignright, 4538 .entry-content > .wp-block-image .alignright { 4539 margin-right: calc(( 100vw - 58rem - 8rem ) / -2); 4540 } 4541 4542 [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .alignright, 4543 [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > p .alignright, 4544 [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .wp-block-image .alignright { 4545 margin-right: 0; 4546 } 4547 4548 } 4549 4550 @media ( min-width: 700px ) { 4551 4552 /* Element Base ------------------------- */ 4553 4554 ul, 4555 ol { 4556 margin-bottom: 4rem; 4557 } 4558 4559 pre { 4560 padding: 3rem; 4561 } 4562 4563 hr { 4564 margin: 8rem auto; 4565 } 4566 4567 table { 4568 font-size: 1.8rem; 4569 } 4570 4571 /* VANILLA GALLERIES */ 4572 4573 .gallery-columns-2 .gallery-item { 4574 max-width: 50%; 4575 } 4576 4577 .gallery-columns-3 .gallery-item { 4578 max-width: 33.33%; 4579 } 4580 4581 .gallery-columns-4 .gallery-item { 4582 max-width: 25%; 4583 } 4584 4585 .gallery-columns-5 .gallery-item { 4586 max-width: 20%; 4587 } 4588 4589 .gallery-columns-6 .gallery-item { 4590 max-width: 16.66%; 4591 } 4592 4593 .gallery-columns-7 .gallery-item { 4594 max-width: 14.28%; 4595 } 4596 4597 .gallery-columns-8 .gallery-item { 4598 max-width: 12.5%; 4599 } 4600 4601 .gallery-columns-9 .gallery-item { 4602 max-width: 11.11%; 4603 } 4604 4605 /* TITLES */ 4606 4607 h1, 4608 .heading-size-1, 4609 h2, 4610 .heading-size-2, 4611 h3, 4612 .heading-size-3 { 4613 margin: 6rem auto 3rem; 4614 } 4615 4616 h4, 4617 .heading-size-4, 4618 h5, 4619 .heading-size-5, 4620 h6, 4621 .heading-size-6 { 4622 margin: 4.5rem auto 2.5rem; 4623 } 4624 4625 h1, 4626 .heading-size-1 { 4627 font-size: 6.4rem; 4628 } 4629 4630 h2, 4631 .heading-size-2 { 4632 font-size: 4.8rem; 4633 } 4634 4635 h3, 4636 .heading-size-3 { 4637 font-size: 4rem; 4638 } 4639 4640 h4, 4641 .heading-size-4 { 4642 font-size: 3.2rem; 4643 } 4644 4645 h5, 4646 .heading-size-5 { 4647 font-size: 2.4rem; 4648 } 4649 4650 h6, 4651 .heading-size-6 { 4652 font-size: 1.8rem; 4653 } 4654 4655 /* INPUTS */ 4656 4657 fieldset { 4658 padding: 3rem; 4659 } 4660 4661 legend { 4662 padding: 0 1.5rem; 4663 } 4664 4665 button, 4666 .button, 4667 .faux-button, 4668 .wp-block-button__link, 4669 input[type="button"], 4670 input[type="reset"], 4671 input[type="submit"] { 4672 font-size: 1.7rem; 4673 } 4674 4675 /* MEDIA */ 4676 4677 figcaption, 4678 .wp-caption-text { 4679 margin-top: 1.8rem; 4680 } 4681 4682 4683 /* Helper Classes ------------------------- */ 4684 4685 /* SECTIONS */ 4686 4687 section { 4688 padding: 8rem 0; 4689 } 4690 4691 .section-inner { 4692 width: calc(100% - 8rem); 4693 } 4694 4695 4696 /* Site Header --------------------------- */ 4697 4698 .header-inner { 4699 padding: 3.8rem 0; 4700 } 4701 4702 .site-title { 4703 font-size: 2.4rem; 4704 font-weight: 700; 4705 } 4706 4707 .site-description { 4708 display: block; 4709 } 4710 4711 .site-logo img { 4712 max-height: 9rem; 4713 transition: height 0.15s linear, width 0.15s linear, max-height 0.15s linear; 4714 } 4715 4716 /* HEADER TOGGLES */ 4717 4718 .toggle-inner .toggle-text { 4719 font-size: 1.2rem; 4720 } 4721 4722 .search-toggle { 4723 right: 2rem; 4724 } 4725 4726 .nav-toggle { 4727 left: 2rem; 4728 } 4729 4730 4731 /* Menu Modal ---------------------------- */ 4732 4733 button.close-nav-toggle { 4734 font-size: 1.8rem; 4735 padding: 4rem 0; 4736 } 4737 4738 button.close-nav-toggle svg { 4739 height: 2rem; 4740 width: 2rem; 4741 } 4742 4743 button.close-nav-toggle .toggle-text { 4744 margin-left: 2.1rem; 4745 } 4746 4747 .modal-menu { 4748 right: auto; 4749 width: 100%; 4750 } 4751 4752 .modal-menu > li > a, 4753 .modal-menu > li > .ancestor-wrapper > a { 4754 font-size: 2.4rem; 4755 padding: 2.5rem 0; 4756 } 4757 4758 .modal-menu ul li { 4759 border-right-color: transparent; 4760 } 4761 4762 .modal-menu > li > .ancestor-wrapper > button.sub-menu-toggle { 4763 padding: 0 3rem; 4764 } 4765 4766 .modal-menu > li > .ancestor-wrapper > button.sub-menu-toggle svg { 4767 height: 1.1rem; 4768 width: 1.8rem; 4769 } 4770 4771 .menu-bottom { 4772 align-items: center; 4773 display: flex; 4774 justify-content: space-between; 4775 padding: 4.4rem 0; 4776 } 4777 4778 .menu-copyright { 4779 display: block; 4780 flex-shrink: 0; 4781 margin-left: 4rem; 4782 } 4783 4784 /* Modal Search Form ------------------------- */ 4785 4786 .search-modal form { 4787 position: relative; 4788 width: 100%; 4789 } 4790 4791 .search-untoggle svg { 4792 height: 2.5rem; 4793 width: 2.5rem; 4794 } 4795 4796 .search-modal .search-field { 4797 border: none; 4798 font-size: 3.2rem; 4799 height: 14rem; 4800 } 4801 4802 .search-modal .search-field::-moz-placeholder { 4803 line-height: 4.375; 4804 } 4805 4806 /* Sub Page ------------------------------ */ 4807 4808 /* FEATURED MEDIA */ 4809 4810 .featured-media figcaption { 4811 margin: 2rem auto 0 auto; 4812 width: calc(100% - 8rem); 4813 } 4814 4815 /* Template: Cover Template -------------- */ 4816 4817 .cover-header-inner { 4818 padding: 18rem 0 8rem 0; 4819 } 4820 4821 .to-the-content-wrapper { 4822 top: calc(100% + 1.8rem); 4823 } 4824 4825 .to-the-content { 4826 height: 6rem; 4827 } 4828 4829 .to-the-content svg { 4830 height: 2.4rem; 4831 width: 2.12rem; 4832 } 4833 4834 /* Template: Full Width ------------------ */ 4835 4836 body.template-full-width .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) { 4837 width: calc(100% - 8rem); 4838 } 4839 4840 body.template-full-width .alignfull:not(.has-background) > .wp-block-group__inner-container > p:not(.has-background-color) { 4841 padding-right: 4rem; 4842 padding-left: 4rem; 4843 } 4844 4845 body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft, 4846 body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft, 4847 body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft { 4848 margin-left: 4rem; 4849 } 4850 4851 body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .alignright, 4852 body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright, 4853 body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright { 4854 margin-right: 4rem; 4855 } 4856 4857 /* Post: Archive ------------------------- */ 4858 4859 .archive-header { 4860 padding: 8rem 0; 4861 } 4862 4863 .reduced-spacing .archive-header { 4864 padding-bottom: 3rem; 4865 } 4866 4867 .archive-title { 4868 font-size: 3.2rem; 4869 } 4870 4871 body:not(.singular) main > article:first-of-type { 4872 padding: 8rem 0 0; 4873 } 4874 4875 h2.entry-title { 4876 font-size: 6.4rem; 4877 } 4878 4879 /* SEARCH RESULTS */ 4880 4881 .no-search-results-form { 4882 padding-top: 8rem; 4883 } 4884 4885 /* Post: Single -------------------------- */ 4886 4887 /* POST HEADER */ 4888 4889 .singular .entry-header { 4890 padding: 8rem 0; 4891 } 4892 4893 .entry-categories { 4894 margin-bottom: 3rem; 4895 } 4896 4897 .entry-categories-inner { 4898 margin: -1rem -2rem 0 0; 4899 } 4900 4901 .entry-categories a { 4902 font-size: 1.5rem; 4903 margin: 1rem 2rem 0 0; 4904 } 4905 4906 .intro-text { 4907 font-size: 2rem; 4908 margin-top: 2.5rem; 4909 } 4910 4911 .singular .intro-text { 4912 font-size: 2.6rem; 4913 } 4914 4915 .post-meta-wrapper { 4916 margin-top: 3rem; 4917 } 4918 4919 .post-meta { 4920 font-size: 1.6rem; 4921 margin: -1.4rem -3rem 0 0; 4922 } 4923 4924 .post-meta li { 4925 margin: 1.4rem 3rem 0 0; 4926 max-width: calc(100% - 3rem); 4927 } 4928 4929 .featured-media { 4930 margin-top: 6rem; 4931 } 4932 4933 .post-inner { 4934 padding-top: 8rem; 4935 } 4936 4937 /* POST FOOTER */ 4938 4939 .post-meta-wrapper.post-meta-single-bottom { 4940 margin-top: 4rem; 4941 } 4942 4943 /* AUTHOR BIO */ 4944 4945 .author-bio { 4946 margin-top: 8rem; 4947 min-height: 8rem; 4948 padding-right: 10rem; 4949 position: relative; 4950 } 4951 4952 .author-bio .avatar { 4953 position: absolute; 4954 right: 0; 4955 top: 0; 4956 height: 8rem; 4957 width: 8rem; 4958 } 4959 4960 /* SINGLE PAGINATION */ 4961 4962 .pagination-single { 4963 font-size: 2.4rem; 4964 margin-top: 8rem; 4965 } 4966 4967 .pagination-single-inner { 4968 flex-direction: row; 4969 justify-content: space-between; 4970 } 4971 4972 .pagination-single.only-next .pagination-single-inner { 4973 justify-content: flex-end; 4974 } 4975 4976 .pagination-single hr:first-child { 4977 margin: 0 0 4rem 0; 4978 } 4979 4980 .pagination-single hr:last-child { 4981 margin: 4rem 0 0.8rem 0; 4982 } 4983 4984 .pagination-single a + a { 4985 margin: 0 4rem 0 0; 4986 } 4987 4988 .pagination-single a .arrow { 4989 margin: 0 0 0 2rem; 4990 } 4991 4992 .pagination-single .next-post { 4993 flex-direction: row-reverse; 4994 text-align: left; 4995 } 4996 4997 .pagination-single .next-post .arrow { 4998 margin: 0 2rem 0 0; 4999 } 5000 5001 /* Blocks -------------------------------- */ 5002 5003 /* BLOCK: SHARED MEDIA STYLES */ 5004 5005 .wp-block-embed figcaption, 5006 .wp-block-image figcaption { 5007 font-size: 1.6rem; 5008 } 5009 5010 /* BLOCK: BASE MARGINS */ 5011 5012 .wp-block-archives:not(.alignwide):not(.alignfull), 5013 .wp-block-categories:not(.alignwide):not(.alignfull), 5014 .wp-block-code, 5015 .wp-block-columns:not(.alignwide):not(.alignfull), 5016 .wp-block-cover:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), 5017 .wp-block-embed:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), 5018 .wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), 5019 .wp-block-group:not(.has-background):not(.alignwide):not(.alignfull), 5020 .wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), 5021 .wp-block-latest-comments:not(.aligncenter):not(.alignleft):not(.alignright), 5022 .wp-block-latest-posts:not(.aligncenter):not(.alignleft):not(.alignright), 5023 .wp-block-media-text:not(.alignwide):not(.alignfull), 5024 .wp-block-preformatted, 5025 .wp-block-pullquote:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright), 5026 .wp-block-quote, 5027 .wp-block-quote.is-large, 5028 .wp-block-quote.is-style-large, 5029 .wp-block-verse, 5030 .wp-block-video:not(.alignwide):not(.alignfull) { 5031 margin-bottom: 4rem; 5032 margin-top: 4rem; 5033 } 5034 5035 /* BLOCK: COLUMNS */ 5036 5037 .wp-block-columns.alignwide + .wp-block-columns.alignwide, 5038 .wp-block-columns.alignfull + .wp-block-columns.alignfull { 5039 margin-top: -6rem; 5040 } 5041 5042 .entry-content .wp-block-columns h1, 5043 .entry-content .wp-block-columns h2, 5044 .entry-content .wp-block-columns h3, 5045 .entry-content .wp-block-columns h4, 5046 .entry-content .wp-block-columns h5, 5047 .entry-content .wp-block-columns h6 { 5048 margin: 3.5rem 0 2rem; 5049 } 5050 5051 /* BLOCK: COVER */ 5052 5053 .wp-block-cover-image .wp-block-cover__inner-container, 5054 .wp-block-cover .wp-block-cover__inner-container { 5055 width: calc(100% - 8rem); 5056 } 5057 5058 .wp-block-cover-image h2, 5059 .wp-block-cover h2 { 5060 font-size: 4.8rem; 5061 } 5062 5063 /* BLOCK: GALLERY */ 5064 5065 figure.wp-block-gallery.alignnone, 5066 figure.wp-block-gallery.aligncenter { 5067 margin-bottom: 4rem; 5068 margin-top: 4rem; 5069 } 5070 5071 figure.wp-block-gallery.alignwide, 5072 figure.wp-block-gallery.alignfull { 5073 margin-bottom: 6rem; 5074 margin-top: 6rem; 5075 } 5076 5077 /* BLOCK: GROUP */ 5078 5079 .wp-block-group.has-background { 5080 padding: 4rem; 5081 margin-top: 0; 5082 margin-bottom: 0; 5083 } 5084 5085 .alignfull:not(.has-background) > .wp-block-group__inner-container > p:not(.has-background-color) { 5086 padding-right: 0; 5087 padding-left: 0; 5088 } 5089 5090 /* BLOCK: MEDIA AND TEXT */ 5091 5092 .wp-block-media-text .wp-block-media-text__content { 5093 padding: 4rem; 5094 } 5095 5096 /* BLOCK: PULLQUOTE */ 5097 5098 .wp-block-pullquote blockquote p { 5099 font-size: 3.2rem; 5100 } 5101 5102 .wp-block-pullquote cite { 5103 margin-top: 2rem; 5104 } 5105 5106 .wp-block-pullquote.alignfull:not(.is-style-solid-color) { 5107 padding-right: 1rem; 5108 padding-left: 1rem; 5109 } 5110 5111 .wp-block-pullquote.alignwide::before, 5112 .wp-block-pullquote.alignfull::before { 5113 font-size: 11.272727272rem; 5114 height: 8rem; 5115 margin-bottom: 2rem; 5116 width: 8rem; 5117 } 5118 5119 .wp-block-pullquote.alignwide blockquote p, 5120 .wp-block-pullquote.alignfull blockquote p { 5121 font-size: 4.8rem; 5122 line-height: 1.203125; 5123 } 5124 5125 .wp-block-pullquote.alignleft p, 5126 .wp-block-pullquote.alignright p, 5127 .wp-block-pullquote.alignleft.is-style-solid-color blockquote p, 5128 .wp-block-pullquote.alignright.is-style-solid-color blockquote p { 5129 font-size: 3.2rem; 5130 line-height: 1.1875; 5131 } 5132 5133 .wp-block-pullquote.is-style-solid-color.alignwide, 5134 .wp-block-pullquote.is-style-solid-color.alignfull { 5135 padding: 6rem 4rem 4rem; 5136 } 5137 5138 .wp-block-pullquote.alignleft.is-style-solid-color blockquote p, 5139 .wp-block-pullquote.alignright.is-style-solid-color blockquote p { 5140 font-size: 2.6rem; 5141 } 5142 5143 /* BLOCK: QUOTE */ 5144 5145 .wp-block-quote.is-large p, 5146 .wp-block-quote.is-style-large p { 5147 font-size: 2.8rem; 5148 } 5149 5150 /* BLOCK: SEPARATOR */ 5151 5152 hr.wp-block-separator { 5153 margin: 6rem auto; 5154 } 5155 5156 .wp-block-separator.is-style-wide { 5157 max-width: calc(100vw - 8rem); 5158 } 5159 5160 /* Entry Content ------------------------- */ 5161 5162 .entry-content { 5163 font-size: 2.1rem; 5164 } 5165 5166 .entry-content p, 5167 .entry-content li { 5168 line-height: 1.476; 5169 } 5170 5171 .entry-content h1, 5172 .entry-content h2, 5173 .entry-content h3 { 5174 margin: 6rem auto 3rem; 5175 } 5176 5177 .entry-content h4, 5178 .entry-content h5, 5179 .entry-content h6 { 5180 margin: 4.5rem auto 2.5rem; 5181 } 5182 5183 .alignnone, 5184 .aligncenter { 5185 margin-bottom: 4rem; 5186 margin-top: 4rem; 5187 } 5188 5189 .alignleft { 5190 margin: 0.3rem 2rem 2rem 0; 5191 } 5192 5193 .alignright { 5194 margin: 0.3rem 0 2rem 2rem; 5195 } 5196 5197 .entry-content > .alignwide:not(.wp-block-group.has-background), 5198 .entry-content > .alignfull:not(.wp-block-group.has-background) { 5199 margin-bottom: 6rem; 5200 margin-top: 6rem; 5201 } 5202 5203 .entry-content > .alignwide { 5204 max-width: calc(100vw - 8rem); 5205 width: calc(100vw - 8rem); 5206 } 5207 5208 [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignleft, 5209 [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignleft, 5210 [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignleft { 5211 margin-left: 4rem; 5212 } 5213 5214 [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignright, 5215 [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignright, 5216 [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignright { 5217 margin-right: 4rem; 5218 } 5219 5220 /* ENTRY MEDIA */ 5221 5222 .alignfull > figcaption, 5223 .alignfull > .wp-caption-text { 5224 width: calc(100% - 8rem); 5225 } 5226 5227 /* Comments ------------------------------ */ 5228 5229 .comments-wrapper { 5230 margin-top: 8rem; 5231 } 5232 5233 .comment-reply-title { 5234 margin-bottom: 4.6rem; 5235 } 5236 5237 .comment-respond p.comment-notes, 5238 .comment-respond p.logged-in-as { 5239 font-size: 1.8rem; 5240 letter-spacing: -0.025em; 5241 margin: -2.5rem 0 4.4rem 0; 5242 } 5243 5244 .comments .comment, 5245 .comments .pingback, 5246 .comments .trackback, 5247 .comments .review { 5248 padding-top: 5rem; 5249 } 5250 5251 div.comment:first-of-type { 5252 margin-top: 5rem; 5253 } 5254 5255 .comment-meta { 5256 margin-bottom: 2rem; 5257 min-height: 6rem; 5258 padding: 0.3rem 7.5rem 0 0; 5259 } 5260 5261 .comment-meta .avatar { 5262 display: block; 5263 height: 6rem; 5264 position: absolute; 5265 right: 0; 5266 top: 0; 5267 width: 6rem; 5268 } 5269 5270 .comment-author { 5271 font-size: 2.4rem; 5272 } 5273 5274 .comment-metadata { 5275 font-size: 1.6rem; 5276 margin-top: 0.8rem; 5277 } 5278 5279 .comment-footer-meta { 5280 margin-top: 2.5rem; 5281 } 5282 5283 .comments-pagination { 5284 margin-top: 8rem; 5285 } 5286 5287 /* PINGBACKS & TRACKBACKS */ 5288 5289 .pingback .comment-body { 5290 padding: 0; 5291 } 5292 5293 /* COMMENT RESPOND */ 5294 5295 .comment-respond p { 5296 margin-bottom: 2.5rem; 5297 } 5298 5299 .comment-form p.logged-in-as { 5300 margin: -2.5rem 0 4.4rem 0; 5301 } 5302 5303 .comment-respond .comment-form-author, 5304 .comment-respond .comment-form-email { 5305 float: right; 5306 width: calc(50% - 1rem); 5307 } 5308 5309 .comment-respond .comment-form-email { 5310 margin-right: 2rem; 5311 } 5312 5313 .comments .comment-respond { 5314 padding: 5rem 0 0; 5315 } 5316 5317 .comment-reply-title small { 5318 display: inline; 5319 margin: 0 0.5rem 0 0; 5320 } 5321 5322 /* Site Pagination ----------------------- */ 5323 5324 .pagination-separator { 5325 margin: 8rem 0; 5326 } 5327 5328 /* Display the full text for Newer and Older Posts. */ 5329 5330 .nav-short { 5331 display: inline; 5332 } 5333 5334 .pagination .nav-links { 5335 font-size: 2.4rem; 5336 font-weight: 700; 5337 margin: -2.5rem -4rem 0 0; 5338 } 5339 5340 .nav-links > * { 5341 margin: 2.5rem 4rem 0 0; 5342 } 5343 5344 5345 /* Error 404 ----------------------------- */ 5346 5347 .error404 #site-content { 5348 padding-top: 8rem; 5349 } 5350 5351 /* Widgets ------------------------------- */ 5352 5353 .widget .widget-title { 5354 margin-bottom: 3rem; 5355 } 5356 5357 /* Site Footer --------------------------- */ 5358 5359 .footer-top-visible .footer-nav-widgets-wrapper, 5360 .footer-top-hidden #site-footer { 5361 margin-top: 8rem; 5362 } 5363 5364 /* FOOTER TOP */ 5365 5366 .footer-top { 5367 padding: 3.7rem 0; 5368 } 5369 5370 .footer-menu { 5371 font-size: 2.4rem; 5372 margin: -0.8rem -1.6rem 0 0; 5373 } 5374 5375 .footer-menu li { 5376 margin: 0.8rem 1.6rem 0 0; 5377 } 5378 5379 .has-footer-menu .footer-social-wrapper { 5380 flex: 1; 5381 margin-right: 4rem; 5382 width: auto; 5383 } 5384 5385 /* FOOTER WIDGETS */ 5386 5387 .footer-widgets-outer-wrapper { 5388 padding: 8rem 0; 5389 } 5390 5391 .footer-widgets-wrapper { 5392 display: flex; 5393 justify-content: space-between; 5394 margin-right: -4rem; 5395 width: calc(100% + 4rem); 5396 } 5397 5398 .footer-widgets { 5399 margin-right: 4rem; 5400 width: 50%; 5401 } 5402 5403 .footer-widgets + .footer-widgets { 5404 margin-top: 0; 5405 } 5406 5407 .footer-widgets .widget { 5408 border-top: none; 5409 margin-top: 5rem; 5410 padding-top: 0; 5411 } 5412 5413 .footer-widgets .widget:first-child { 5414 margin-top: 0; 5415 } 5416 5417 /* FOOTER BOTTOM */ 5418 5419 #site-footer { 5420 font-size: 1.8rem; 5421 padding: 4.3rem 0; 5422 } 5423 5424 .footer-credits { 5425 display: flex; 5426 } 5427 5428 .footer-copyright { 5429 font-weight: 700; 5430 } 5431 5432 .powered-by-wordpress { 5433 display: block; 5434 } 5435 5436 .to-the-top-long { 5437 display: inline; 5438 } 5439 5440 .to-the-top-short { 5441 display: none; 5442 } 5443 5444 } 5445 5446 @media (min-width: 782px) { 5447 5448 /* Blocks -------------------------------- */ 5449 5450 /* BLOCK: COLUMNS */ 5451 5452 .wp-block-column { 5453 margin-bottom: 0; 5454 } 5455 5456 .wp-block-columns.alignwide + .wp-block-columns.alignwide, 5457 .wp-block-columns.alignfull + .wp-block-columns.alignfull { 5458 margin-top: -2.8rem; 5459 } 5460 } 5461 5462 @media ( min-width: 1000px ) { 5463 5464 5465 /* Document Setup ------------------------ */ 5466 5467 /* Helper Classes ------------------------ */ 5468 5469 /* Site Header --------------------------- */ 5470 5471 #site-header { 5472 z-index: 1; 5473 } 5474 5475 .header-inner { 5476 align-items: center; 5477 display: flex; 5478 justify-content: space-between; 5479 padding: 2.8rem 0; 5480 } 5481 5482 .header-titles-wrapper { 5483 margin-left: 4rem; 5484 max-width: 50%; 5485 padding: 0; 5486 text-align: right; 5487 } 5488 5489 .header-titles { 5490 align-items: baseline; 5491 display: flex; 5492 flex-wrap: wrap; 5493 justify-content: flex-start; 5494 margin: -1rem -2.4rem 0 0; 5495 } 5496 5497 .header-titles .site-title, 5498 .header-titles .site-logo, 5499 .header-titles .site-description { 5500 margin: 1rem 2.4rem 0 0; 5501 } 5502 5503 .wp-custom-logo .header-titles { 5504 align-items: center; 5505 } 5506 5507 /* HEADER NAVIGATION */ 5508 5509 .header-navigation-wrapper { 5510 align-items: center; 5511 display: flex; 5512 } 5513 5514 .primary-menu-wrapper { 5515 display: block; 5516 width: 100%; 5517 } 5518 5519 /* HEADER TOGGLES */ 5520 5521 .mobile-search-toggle, 5522 .mobile-nav-toggle { 5523 display: none !important; 5524 } 5525 5526 .primary-menu-wrapper + .header-toggles { 5527 margin-right: 3rem; 5528 } 5529 5530 .header-toggles { 5531 display: flex; 5532 flex-shrink: 0; 5533 margin-left: -3rem; 5534 } 5535 5536 .header-inner .toggle { 5537 height: 4.4rem; 5538 padding: 0 3rem; 5539 position: relative; 5540 bottom: auto; 5541 right: auto; 5542 left: auto; 5543 top: auto; 5544 width: auto; 5545 } 5546 5547 .header-inner .toggle-wrapper { 5548 position: relative; 5549 } 5550 5551 .header-inner .toggle-wrapper::before { 5552 background: #dedfdf; 5553 content: ""; 5554 display: block; 5555 height: 2.7rem; 5556 position: absolute; 5557 right: 0; 5558 top: calc(50% - 1.35rem); 5559 width: 0.1rem; 5560 } 5561 5562 .header-inner .toggle-wrapper:first-child::before { 5563 content: none; 5564 } 5565 5566 .header-inner .primary-menu-wrapper + .header-toggles .toggle-wrapper:first-child::before { 5567 content: ""; 5568 } 5569 5570 .nav-toggle-wrapper:not(.has-expanded-menu) { 5571 display: none; 5572 } 5573 5574 .toggle-inner { 5575 position: static; 5576 } 5577 5578 .toggle-inner .toggle-text { 5579 right: 0; 5580 left: 0; 5581 text-align: center; 5582 top: calc(100% - 0.3rem); 5583 width: auto; 5584 } 5585 5586 .header-toggles:only-child .nav-toggle .toggle-inner { 5587 padding-top: 0; 5588 } 5589 5590 .header-toggles:only-child .toggle-inner { 5591 display: flex; 5592 flex-wrap: nowrap; 5593 align-items: center; 5594 } 5595 5596 .header-toggles:only-child .toggle-inner .svg-icon { 5597 order: 1; 5598 } 5599 5600 .header-toggles:only-child .toggle-inner .toggle-text { 5601 position: static; 5602 padding-left: 20px; 5603 font-size: 15px; 5604 color: inherit; 5605 } 5606 5607 /* Menu Modal ---------------------------- */ 5608 5609 .menu-modal { 5610 opacity: 1; 5611 justify-content: flex-end; 5612 padding: 0; 5613 transition: background-color 0.3s ease-in, right 0s 0.3s, left 0s 0.3s; 5614 } 5615 5616 .menu-modal.cover-modal { 5617 background: rgba(0, 0, 0, 0); 5618 } 5619 5620 .menu-modal.active { 5621 background: rgba(0, 0, 0, 0.2); 5622 transition: background-color 0.3s ease-out; 5623 } 5624 5625 .menu-wrapper.section-inner { 5626 width: calc(100% - 8rem); 5627 } 5628 5629 .menu-modal-inner { 5630 box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.1); 5631 opacity: 0; 5632 padding: 0; 5633 transform: translateX(-20rem); 5634 transition: transform 0.2s ease-in, opacity 0.2s ease-in; 5635 width: 50rem; 5636 } 5637 5638 .menu-modal.active .menu-modal-inner { 5639 opacity: 1; 5640 transform: translateX(0); 5641 transition-timing-function: ease-out; 5642 } 5643 5644 .mobile-menu { 5645 display: none; 5646 } 5647 5648 .expanded-menu { 5649 display: block; 5650 } 5651 5652 .menu-bottom { 5653 padding: 6rem 0; 5654 } 5655 5656 .menu-bottom .social-menu { 5657 justify-content: flex-start; 5658 } 5659 5660 /* Sub Page ------------------------------ */ 5661 5662 /* FEATURED MEDIA */ 5663 5664 .featured-media figcaption { 5665 width: 100%; 5666 } 5667 5668 /* Template: Full Width ------------------ */ 5669 5670 .template-full-width .wp-block-image .alignleft { 5671 margin-right: 2rem; 5672 } 5673 5674 .template-full-width .wp-block-image .alignright { 5675 margin-left: 2rem; 5676 } 5677 5678 /* Post: Archive ------------------------- */ 5679 5680 /* Post: Single -------------------------- */ 5681 5682 .singular .intro-text { 5683 font-size: 2.8rem; 5684 } 5685 5686 /* Blocks -------------------------------- */ 5687 5688 /* BLOCK: COLUMNS */ 5689 5690 .wp-block-columns.alignwide + .wp-block-columns.alignwide, 5691 .wp-block-columns.alignfull + .wp-block-columns.alignfull { 5692 margin-top: -4.8rem; 5693 } 5694 5695 /* BLOCK: GALLERY */ 5696 5697 figure.wp-block-gallery.alignwide, 5698 figure.wp-block-gallery.alignfull { 5699 margin-bottom: 8rem; 5700 margin-top: 8rem; 5701 } 5702 5703 /* BLOCK: GROUP */ 5704 5705 .entry-content > .wp-block-group.alignwide.has-background, 5706 .entry-content > .wp-block-group.alignfull.has-background { 5707 padding: 8rem 4rem; 5708 margin-bottom: 0; 5709 margin-top: 0; 5710 } 5711 5712 /* BLOCK: IMAGE */ 5713 5714 .wp-block-image .alignleft { 5715 margin-right: 0; 5716 } 5717 5718 .wp-block-image .alignright { 5719 margin-left: 0; 5720 } 5721 5722 /* BLOCK: SEPARATOR */ 5723 5724 hr.wp-block-separator { 5725 margin: 8rem auto; 5726 } 5727 5728 /* Entry Content ------------------------- */ 5729 5730 /* ALIGNMENT CLASSES */ 5731 5732 .entry-content > .alignleft, 5733 .entry-content > p .alignleft, 5734 .entry-content > .wp-block-image .alignleft { 5735 position: absolute; 5736 right: calc((100vw - 58rem) / 2 + 58rem + 2rem); 5737 max-width: calc((100% - 58rem) / 2 - 6rem); 5738 } 5739 5740 [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .alignleft, 5741 [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > p .alignleft, 5742 [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .wp-block-image .alignleft { 5743 position: relative; 5744 right: inherit; 5745 max-width: inherit; 5746 } 5747 5748 [class*="wp-block"].alignwide [class*="__inner-container"] > .alignleft, 5749 [class*="wp-block"].alignwide [class*="__inner-container"] > p .alignleft, 5750 [class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignleft, 5751 [class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft, 5752 [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft, 5753 [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft { 5754 position: absolute; 5755 right: calc((100% - 58rem) / 2 + 58rem + 4rem); 5756 max-width: calc((100% - 58rem) / 2 - 4rem); 5757 } 5758 5759 [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .alignleft, 5760 [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > p .alignleft, 5761 [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .wp-block-image .alignleft { 5762 right: calc((100% - 58rem) / 2 + 58rem); 5763 } 5764 5765 [class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft, 5766 [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft, 5767 [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft { 5768 margin-left: 4rem; 5769 } 5770 5771 .entry-content > .alignright, 5772 .entry-content > p .alignright, 5773 .entry-content > .wp-block-image .alignright, 5774 [class*="__inner-container"] > .alignright { 5775 position: absolute; 5776 left: calc((100vw - 58rem) / 2 + 58rem + 2rem); 5777 max-width: calc((100% - 58rem) / 2 - 6rem); 5778 } 5779 5780 [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .alignright, 5781 [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > p .alignright, 5782 [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .wp-block-image .alignright { 5783 position: relative; 5784 left: inherit; 5785 max-width: inherit; 5786 } 5787 5788 [class*="wp-block"].alignwide [class*="__inner-container"] > .alignright, 5789 [class*="wp-block"].alignwide [class*="__inner-container"] > p .alignright, 5790 [class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignright, 5791 [class*="wp-block"].alignfull [class*="__inner-container"] > .alignright, 5792 [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright, 5793 [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright { 5794 position: absolute; 5795 left: calc((100% - 58rem) / 2 + 58rem + 4rem); 5796 max-width: calc((100% - 58rem) / 2 - 4rem); 5797 } 5798 5799 [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .alignright, 5800 [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > p .alignright, 5801 [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .wp-block-image .alignright { 5802 left: calc((100% - 58rem) / 2 + 58rem + 4rem); 5803 } 5804 5805 [class*="wp-block"].alignfull [class*="__inner-container"] > .alignright, 5806 [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright, 5807 [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright { 5808 margin-right: 4rem; 5809 } 5810 5811 .entry-content > .alignwide:not(.wp-block-group.has-background), 5812 .entry-content > .alignfull:not(.wp-block-group.has-background) { 5813 margin-bottom: 8rem; 5814 margin-top: 8rem; 5815 } 5816 5817 /* ENTRY MEDIA */ 5818 5819 .alignfull > figcaption, 5820 .alignfull > .wp-caption-text { 5821 width: calc(100% - 10rem); 5822 } 5823 5824 /* Comments ------------------------------ */ 5825 5826 .comment-meta { 5827 padding-right: 0; 5828 } 5829 5830 .comment-meta .avatar { 5831 right: -8rem; 5832 } 5833 5834 /* Site Pagination ----------------------- */ 5835 5836 .pagination .nav-links { 5837 justify-content: space-between; 5838 margin: 0; 5839 width: 100%; 5840 } 5841 5842 .nav-links > * { 5843 margin: 0 2rem; 5844 } 5845 5846 .pagination .next, 5847 .pagination .prev { 5848 display: block; 5849 } 5850 5851 .pagination .prev { 5852 margin: 0 0 0 auto; 5853 } 5854 5855 .pagination .next { 5856 text-align: left; 5857 margin: 0 auto 0 0; 5858 } 5859 5860 /* Site Footer --------------------------- */ 5861 5862 /* FOOTER TOP */ 5863 5864 .footer-top { 5865 align-items: center; 5866 } 5867 5868 .footer-menu { 5869 align-items: baseline; 5870 display: flex; 5871 justify-content: flex-start; 5872 flex-wrap: wrap; 5873 font-size: 2.1rem; 5874 margin: -1.2rem -2.4rem 0 0; 5875 } 5876 5877 .footer-menu li { 5878 margin: 1.2rem 2.4rem 0 0; 5879 } 5880 } 5881 5882 5883 @media ( min-width: 1220px ) { 5884 5885 /* Element Base -------------------------- */ 5886 5887 /* TITLES */ 5888 5889 h1, 5890 .heading-size-1 { 5891 font-size: 8.4rem; 5892 } 5893 5894 /* Helper Classes ------------------------ */ 5895 5896 /* Site Header --------------------------- */ 5897 5898 /* PRIMARY MENU */ 5899 5900 ul.primary-menu { 5901 margin: -0.8rem -2.5rem 0 0; 5902 } 5903 5904 .primary-menu > li { 5905 margin: 0.8rem 2.5rem 0 0; 5906 } 5907 5908 /* HEADER TOGGLES */ 5909 5910 .primary-menu-wrapper + .header-toggles { 5911 margin-right: 4rem; 5912 } 5913 5914 .header-toggles { 5915 margin-left: -4rem; 5916 } 5917 5918 .header-toggles .toggle { 5919 padding: 0 4rem; 5920 } 5921 5922 /* Menu Modal ---------------------------- */ 5923 5924 /* Search Modal -------------------------- */ 5925 5926 /* Sub Page ------------------------------ */ 5927 5928 /* Template: Cover Template -------------- */ 5929 5930 .cover-header + .post-inner { 5931 padding-top: 10rem; 5932 } 5933 5934 /* Post: Archive ------------------------- */ 5935 5936 /* Post: Single -------------------------- */ 5937 5938 .singular .intro-text { 5939 font-size: 3.2rem; 5940 letter-spacing: -0.03125em; 5941 line-height: 1.375; 5942 } 5943 5944 /* Blocks -------------------------------- */ 5945 5946 /* BLOCK: COLUMNS */ 5947 5948 .wp-block-columns.alignfull + .wp-block-columns.alignfull { 5949 margin-top: -6rem; 5950 } 5951 5952 /* BLOCK: GALLERY */ 5953 5954 figure.wp-block-gallery.alignfull { 5955 margin-bottom: 10rem; 5956 margin-top: 10rem; 5957 } 5958 5959 /* BLOCK: GROUP */ 5960 5961 .entry-content > .wp-block-group.alignwide.has-background, 5962 .entry-content > .wp-block-group.alignfull.has-background { 5963 padding: 8rem 6rem; 5964 margin-bottom: 0; 5965 margin-top: 0; 5966 } 5967 5968 /* BLOCK: PULLQUOTE */ 5969 5970 .wp-block-pullquote.alignwide blockquote p, 5971 .wp-block-pullquote.alignfull blockquote p { 5972 font-size: 6.4rem; 5973 } 5974 5975 .wp-block-pullquote.is-style-solid-color.alignwide, 5976 .wp-block-pullquote.is-style-solid-color.alignfull { 5977 padding: 9rem 4rem 8rem; 5978 } 5979 5980 /* Entry Content ------------------------- */ 5981 5982 /* ALIGNMENT CLASSES */ 5983 5984 .entry-content > .alignfull { 5985 margin-bottom: 10rem; 5986 margin-top: 10rem; 5987 } 5988 5989 [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .alignleft, 5990 [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > p .alignleft, 5991 [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .wp-block-image .alignleft { 5992 right: calc((100% - 58rem) / 2 + 58rem - 2rem); 5993 } 5994 5995 [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .alignright, 5996 [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > p .alignright, 5997 [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .wp-block-image .alignright { 5998 left: calc((100% - 58rem) / 2 + 58rem + 6rem); 5999 } 6000 6001 /* Comments ------------------------------ */ 6002 6003 .comment-reply-title { 6004 font-size: 5.6rem; 6005 line-height: 1.2; 6006 margin-bottom: 6rem; 6007 } 6008 6009 .comment-respond p.comment-notes, 6010 .comment-respond p.logged-in-as { 6011 margin: -4rem 0 6rem 0; 6012 } 6013 6014 .comments .comment-respond .comment-reply-title { 6015 font-size: 4.8rem; 6016 } 6017 6018 .comments .comment-respond p.comment-notes, 6019 .comments .comment-respond p.logged-in-as { 6020 margin: -4.5rem 0 4rem 0; 6021 } 6022 6023 /* Site Pagination ----------------------- */ 6024 6025 /* Widgets ------------------------------- */ 6026 6027 .widget-content { 6028 font-size: 2.1rem; 6029 } 6030 6031 /* Site Footer --------------------------- */ 6032 6033 .footer-menu { 6034 font-size: 2.4rem; 6035 margin: -1.5rem -3rem 0 0; 6036 } 6037 6038 .footer-menu li { 6039 margin: 1.5rem 3rem 0 0; 6040 } 6041 6042 ul.footer-social { 6043 margin: -1rem -1rem 0 0; 6044 } 6045 6046 ul.footer-social li { 6047 margin: 1rem 1rem 0 0; 6048 } 6049 6050 .footer-social a { 6051 height: 4.4rem; 6052 width: 4.4rem; 6053 } 6054 6055 .footer-social a::before { 6056 font-size: 2rem; 6057 } 6058 6059 /* FOOTER WIDGETS */ 6060 6061 .footer-widgets-wrapper { 6062 margin-right: -6rem; 6063 width: calc(100% + 6rem); 6064 } 6065 6066 .footer-widgets { 6067 margin-right: 6rem; 6068 } 6069 6070 } 6071 6072 @media ( min-width: 1240px ) { 6073 6074 6075 /* Blocks -------------------------------- */ 6076 6077 body.template-full-width .entry-content > .alignleft { 6078 margin-left: calc(( 100vw - 120rem ) / 2); 6079 } 6080 6081 body.template-full-width .entry-content > .alignright { 6082 margin-right: calc(( 100vw - 120rem ) / 2); 6083 } 6084 6085 } 6086 6087 @media ( min-width: 1280px ) { 6088 6089 /* Blocks -------------------------------- */ 6090 6091 /* BLOCK: GALLERY */ 6092 6093 figure.wp-block-gallery.alignleft { 6094 margin-left: -31rem; 6095 } 6096 6097 figure.wp-block-gallery.alignright { 6098 margin-right: -31rem; 6099 } 6100 6101 /* BLOCK: SEPARATOR */ 6102 6103 .wp-block-separator.is-style-wide { 6104 max-width: 120rem; 6105 width: 120rem; 6106 } 6107 6108 /* Entry Content ------------------------- */ 6109 6110 /* ALIGNMENT CLASSES */ 6111 6112 .entry-content > .alignleft, 6113 .entry-content > p .alignleft, 6114 .entry-content > .wp-block-image .alignleft { 6115 right: calc((100vw - 58rem) / 2 + 58rem + 4rem); 6116 margin-left: -31rem; 6117 } 6118 6119 .entry-content > .alignright, 6120 .entry-content > p .alignright, 6121 .entry-content > .wp-block-image .alignright { 6122 left: calc((100vw - 58rem) / 2 + 58rem + 4rem); 6123 margin-right: -31rem; 6124 } 6125 6126 .entry-content > .alignwide { 6127 max-width: 120rem; 6128 width: 120rem; 6129 } 6130 6131 [class*="__inner-container"] > .alignwide { 6132 max-width: 120rem; 6133 width: 100%; 6134 } 6135 6136 .alignleft, 6137 .alignright, 6138 .entry-content > .alignleft, 6139 .entry-content > p .alignleft, 6140 .entry-content > .wp-block-image .alignleft, 6141 .entry-content > .alignright, 6142 .entry-content > p .alignright, 6143 .entry-content > .wp-block-image .alignright, 6144 [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .alignleft, 6145 [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > p .alignleft, 6146 [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignleft, 6147 [class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft, 6148 [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft, 6149 [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft, 6150 [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .alignright, 6151 [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > p .alignright, 6152 [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignright, 6153 [class*="wp-block"].alignfull [class*="__inner-container"] > .alignright, 6154 [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright, 6155 [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright { 6156 max-width: 25rem; 6157 } 6158 6159 /* Template: Full Width ------------------ */ 6160 6161 body.template-full-width .alignfull:not(.has-background) > .wp-block-group__inner-container > p:not(.has-background-color) { 6162 padding-right: 0; 6163 padding-left: 0; 6164 } 6165 6166 body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft { 6167 margin-left: 0; 6168 } 6169 6170 body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright { 6171 margin-right: 0; 6172 } 6173 6174 } 6175 6176 @media ( min-width: 1330px ) { 6177 6178 6179 /* Entry Content ------------------------- */ 6180 6181 /* ALIGNMENT CLASSES */ 6182 6183 .alignleft, 6184 .alignright, 6185 .entry-content > .alignleft, 6186 .entry-content > p .alignleft, 6187 .entry-content > .wp-block-image .alignleft, 6188 .entry-content > .alignright, 6189 .entry-content > p .alignright, 6190 .entry-content > .wp-block-image .alignright, 6191 [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .alignleft, 6192 [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > p .alignleft, 6193 [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignleft, 6194 [class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft, 6195 [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft, 6196 [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft, 6197 [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .alignright, 6198 [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > p .alignright, 6199 [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignright, 6200 [class*="wp-block"].alignfull [class*="__inner-container"] > .alignright, 6201 [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright, 6202 [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright { 6203 max-width: 29rem; 6204 } 6205 6206 /* Blocks -------------------------------- */ 6207 6208 /* BLOCK: PULLQUOTE */ 6209 6210 .wp-block-pullquote.is-style-solid-color.alignleft::before, 6211 .wp-block-pullquote.is-style-solid-color.alignright::before { 6212 top: 0; 6213 } 6214 }
title
Description
Body
title
Description
Body
title
Description
Body
title
Body
Generated: Sat Nov 23 20:47:33 2019 | Cross-referenced by PHPXref 0.7 |