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