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