| [ 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: rect(1px, 1px, 1px, 1px); 182 -webkit-clip-path: inset(50%); 183 clip-path: inset(50%); 184 height: 1px; 185 margin: -1px; 186 overflow: hidden; 187 padding: 0; 188 position: absolute !important; 189 width: 1px; 190 word-wrap: normal !important; 191 word-break: normal; 192 } 193 194 .screen-reader-text:focus { 195 background-color: #f1f1f1; 196 border-radius: 3px; 197 box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); 198 clip: auto !important; 199 -webkit-clip-path: none; 200 clip-path: none; 201 color: #21759b; 202 display: block; 203 font-size: 0.875rem; 204 font-weight: 700; 205 height: auto; 206 left: 5px; 207 line-height: normal; 208 padding: 15px 23px 14px; 209 text-decoration: none; 210 top: 5px; 211 width: auto; 212 z-index: 100000; 213 } 214 215 216 /* Skip Link --------------------------------- */ 217 218 .skip-link { 219 right: -9999rem; 220 top: 2.5rem; 221 z-index: 999999999; 222 text-decoration: underline; 223 } 224 225 .skip-link:focus { 226 display: block; 227 right: 6px; 228 top: 7px; 229 font-size: 14px; 230 font-weight: 600; 231 text-decoration: none; 232 line-height: normal; 233 padding: 15px 23px 14px; 234 z-index: 100000; 235 left: auto; 236 } 237 238 239 /* Fonts ------------------------------------- */ 240 241 /* 242 * Chrome renders extra-wide characters for the Hoefler Text font. 243 * This results in a jumping cursor when typing in both the classic editor and 244 * block editor. The following font-face override fixes the issue by manually 245 * inserting a custom font that includes just a Hoefler Text space replacement 246 * for that character instead. 247 */ 248 @font-face { 249 font-family: NonBreakingSpaceOverride; 250 src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMoAA0AAAAACDQAAALTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCahEICjx3CywAATYCJANUBCAFhiEHgWwbXQfILgpsY+rQRRARwyAs6uL7pxzYhxEE+32b3aeHmifR6tklkS9hiZA0ewkqGRJE+H7/+6378ASViK/PGeavqJyOzsceKi1s3BCiQsiOdn1r/RBgIJYEgCUhbm/8/8/h4saPssnTNkkiWUBrTRtjmQSajw3Ui3pZ3LYDPD+XG2C3JA/yKAS8/rU5eNfuGqRf4eNNgV4YAlIIgxglEkWe6FYpq10+wi3g+/nUgvgPFczNrz/RsTgVm/zfbPuHZlsuQECxuyqBcQwKFBjFgKO8AqP4bAN9tFJtnM9xPcbNjeXS/x1wY/xU52f5W/X1+9cnH4YwKIaoRRAkUkj/YlAAeF/624foiIDBgBmgQBeGAyhBljUPZUm/l2dTvmpqcBDUOHdbPZWd8JsBAsGr4w8/EDn82/bUPx4eh0YNrQTBuHO2FjQEAGBwK0DeI37DpQVqdERS4gZBhpeUhWCfLFz7J99aEBgsJCHvUGAdAPp4IADDCAPCEFMGpMZ9AQpTfQtQGhLbGVBZFV8BaqNyP68oTZgHNj3M8kBPfXTTC9t90UuzYhy9ciH0grVlOcqyCytisvbsERsEYztiznR0WCrmTksJwbSNK6fd1Rvr25I9oLvctUoEbNOmXJbqgYgPXEHJ82IUsrCnpkxh23F1rfZ2zcRnJYoXtauB3VTFkFXQg3uoZYD5qE0kdjDtoDoF1h2bulGmev5HbYhbrjtohQSRI4aNOkffIcT+d3v6atpaYh3JvPoQsztCcqvaBkppDSPcQ3bw3KaCBo1f5CJWTZEgW3LjLofYg51MaVezrx8xZitYbQ9KYeoRaqQdVLwSEfrKXLK1otCWOKNdR/YwYAfon5Yk8O2MJfSD10dPGA5PIJJQMkah0ugMJiv6x4Dm7LEa8xnrRGGGLAg4sAlbsA07sAt76DOsXKO3hIjtIlpnnFrt1qW4kh6NhS83P/6HB/fl1SMAAA==) format("woff2"), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAUQAA0AAAAACDQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE9AAAABwAAAAchf5yU0dERUYAAATYAAAAHAAAAB4AJwAbT1MvMgAAAaAAAABJAAAAYJAcgU5jbWFwAAACIAAAAF4AAAFqUUxBZ2dhc3AAAATQAAAACAAAAAgAAAAQZ2x5ZgAAApAAAAAyAAAAPL0n8y9oZWFkAAABMAAAADAAAAA2Fi93Z2hoZWEAAAFgAAAAHQAAACQOSgWaaG10eAAAAewAAAAzAAAAVC7TAQBsb2NhAAACgAAAABAAAAAsAOQBAm1heHAAAAGAAAAAHQAAACAAWQALbmFtZQAAAsQAAAF6AAADIYvD/Adwb3N0AAAEQAAAAI4AAADsapk2o3jaY2BkYGAA4ov5mwzj+W2+MnCzXwCKMNzgCBSB0LfbQDQ7AxuI4mBgAlEAFKQIRHjaY2BkYGD3+NvCwMDBAALsDAyMDKhAFAA3+wH3AAAAeNpjYGRgYBBl4GBgYgABEMnIABJzAPMZAAVmAGUAAAB42mNgZlJhnMDAysDCKsKygYGBYRqEZtrDYMT4D8gHSmEHjgUFOQwODAqqf9g9/rYwMLB7MNUAhRlBcsxBrMlASoGBEQAj8QtyAAAAeNrjYGBkAAGmWQwMjO8gmBnIZ2NA0ExAzNjAAFYJVn0ASBsD6VAIDZb7AtELAgANIgb9AHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMCwQIFLQV8hXvXP//9AcRCfAcb///h/ygPW+w/vb7olBjUHCTCyMcAFGZmABBO6AogThgZgIUsXAEDcEzcAAHjaY2BgECMCyoEgACZaAed42mNgYmRgYGBnYGNgYAZSDJqMgorCgoqCjECRXwwNrCAKSP5mAAFGBiRgyAAAi/YFBQAAeNqtkc1OwkAUhU/5M25cEhcsZick0AwlBJq6MWwgJkAgYV/KAA2lJeUn+hY+gktXvpKv4dLTMqKycGHsTZNv7px7z50ZAFd4hYHjdw1Ls4EiHjVncIFnzVnc4F1zDkWjrzmPW+NNcwGlzIRKI3fJlUyrEjZQxb3mDH2fNGfRx4vmHKqG0JzHg6E0F9DOlFBGBxUI1GEzLNT4S0aLuTtsGAEUuYcQHkyg3KmIum1bNUvKlrjbbAIleqHHnS4iSudpQcySMYtdFiXlAxzSbAwfMxK6kZoHKhbjjespMTioOPZnzI+4ucCeTVyKMVKLfeAS6vSWaTinuZwzyy/Dc7vaed+6KaV0kukdPUk6yOcctZPvvxxqksq2lEW8RvHjMEO2FCl/zy6p3NEm0R9OFSafJdldc4QVeyaaObMBO0/5cCaa6d9Ggyubxire+lEojscdjoWUR1xGOy8KD8mG2ZLO2l2paDc3A39qmU2z2W5YNv5+u79e6QfGJY/hAAB42m3NywrCMBQE0DupWp/1AYI7/6DEaLQu66Mrd35BKUWKJSlFv1+rue4cGM7shgR981qSon+ZNwUJ8iDgoYU2OvDRRQ99DDDECAHGmGCKmf80hZSx/Kik/LliFbtmN6xmt+yOjdg9GztV4tROnRwX/Bsaaw51nt4Lc7tWaZYHp/MlzKx51LZs5htNri+2AAAAAQAB//8AD3jaY2BkYGDgAWIxIGZiYARCESBmAfMYAAR6AEMAAAABAAAAANXtRbgAAAAA2AhRFAAAAADYCNuG) format("woff"); 251 } 252 253 /* ---------------------------------------------- 254 Inter variable font. Usage: 255 256 @supports (font-variation-settings: normal) { 257 html { font-family: 'Inter var', sans-serif; } 258 } 259 ---------------------------------------------- */ 260 261 @font-face { 262 font-family: "Inter var"; 263 font-weight: 100 900; /* stylelint-disable-line font-weight-notation */ 264 font-style: normal; 265 font-display: swap; 266 src: url(./assets/fonts/inter/Inter-upright-var.woff2) format("woff2"); 267 } 268 269 @font-face { 270 font-family: "Inter var"; 271 font-weight: 100 900; /* stylelint-disable-line font-weight-notation */ 272 font-style: italic; 273 font-display: swap; 274 src: url(./assets/fonts/inter/Inter-italic-var.woff2) format("woff2"); 275 } 276 277 278 /* Accessibility Settings -------------------- */ 279 280 @media ( prefers-reduced-motion: reduce ) { 281 282 * { 283 animation-duration: 0s !important; 284 transition-duration: 0s !important; 285 } 286 } 287 288 289 /* -------------------------------------------------------------------------- */ 290 291 /* 2. Element Base 292 /* ---------------------------------------------*---------------------------- */ 293 294 295 main { 296 display: block; 297 } 298 299 h1, 300 h2, 301 h3, 302 h4, 303 h5, 304 h6, 305 .faux-heading { 306 font-feature-settings: "lnum"; 307 font-variant-numeric: lining-nums; 308 font-weight: 700; 309 letter-spacing: -0.0415625em; 310 line-height: 1.25; 311 margin: 3.5rem 0 2rem; 312 } 313 314 h1, 315 .heading-size-1 { 316 font-size: 3.6rem; 317 font-weight: 800; 318 line-height: 1.138888889; 319 } 320 321 h2, 322 .heading-size-2 { 323 font-size: 3.2rem; 324 } 325 326 h3, 327 .heading-size-3 { 328 font-size: 2.8rem; 329 } 330 331 h4, 332 .heading-size-4 { 333 font-size: 2.4rem; 334 } 335 336 h5, 337 .heading-size-5 { 338 font-size: 2.1rem; 339 } 340 341 h6, 342 .heading-size-6 { 343 font-size: 1.6rem; 344 letter-spacing: 0.03125em; 345 text-transform: uppercase; 346 } 347 348 p { 349 line-height: 1.5; 350 margin: 0 0 1em 0; 351 } 352 353 em, 354 i, 355 q, 356 dfn { 357 font-style: italic; 358 } 359 360 em em, 361 em i, 362 i em, 363 i i, 364 cite em, 365 cite i { 366 font-weight: bolder; 367 } 368 369 big { 370 font-size: 1.2em; 371 } 372 373 small { 374 font-size: 0.75em; 375 } 376 377 b, 378 strong { 379 font-weight: 700; 380 } 381 382 ins { 383 text-decoration: underline; 384 } 385 386 sub, 387 sup { 388 font-size: 75%; 389 line-height: 0; 390 position: relative; 391 vertical-align: baseline; 392 } 393 394 sup { 395 top: -0.5em; 396 } 397 398 sub { 399 bottom: -0.25em; 400 } 401 402 abbr, 403 acronym { 404 cursor: help; 405 } 406 407 address { 408 line-height: 1.5; 409 margin: 0 0 2rem 0; 410 } 411 412 hr { 413 border-style: solid; 414 border-width: 0.1rem 0 0 0; 415 border-color: #dcd7ca; 416 margin: 4rem 0; 417 } 418 419 .entry-content hr, 420 hr.styled-separator { 421 background: linear-gradient(to right, currentColor calc(50% - 16px), transparent calc(50% - 16px), transparent calc(50% + 16px), currentColor calc(50% + 16px)); 422 background-color: transparent !important; 423 border: none; 424 height: 0.1rem; 425 overflow: visible; 426 position: relative; 427 } 428 429 .entry-content hr:not(.has-background), 430 hr.styled-separator { 431 color: #6d6d6d; 432 } 433 434 .entry-content hr::before, 435 .entry-content hr::after, 436 hr.styled-separator::before, 437 hr.styled-separator::after { 438 background: currentColor; 439 content: ""; 440 display: block; 441 height: 1.6rem; 442 position: absolute; 443 top: calc(50% - 0.8rem); 444 transform: rotate(-22.5deg); 445 width: 0.1rem; 446 } 447 448 .entry-content hr::before, 449 hr.styled-separator::before { 450 right: calc(50% - 0.5rem); 451 } 452 453 .entry-content hr::after, 454 hr.styled-separator::after { 455 left: calc(50% - 0.5rem); 456 } 457 458 a { 459 color: #cd2653; 460 text-decoration: underline; 461 } 462 463 a:hover, 464 a:focus { 465 text-decoration: none; 466 } 467 468 469 /* Lists ------------------------------------- */ 470 471 ul, 472 ol { 473 margin: 0 3rem 3rem 0; 474 } 475 476 ul { 477 list-style: disc; 478 } 479 480 ul ul { 481 list-style: circle; 482 } 483 484 ul ul ul { 485 list-style: square; 486 } 487 488 ol { 489 list-style: decimal; 490 } 491 492 ol ol { 493 list-style: lower-alpha; 494 } 495 496 ol ol ol { 497 list-style: lower-roman; 498 } 499 500 li { 501 line-height: 1.5; 502 margin: 0.5rem 2rem 0 0; 503 } 504 505 li > ul, 506 li > ol { 507 margin: 1rem 2rem 0 0; 508 } 509 510 .reset-list-style, 511 .reset-list-style ul, 512 .reset-list-style ol { 513 list-style: none; 514 margin: 0; 515 } 516 517 .reset-list-style li { 518 margin: 0; 519 } 520 521 dt, 522 dd { 523 line-height: 1.5; 524 } 525 526 dt { 527 font-weight: 700; 528 } 529 530 dt + dd { 531 margin-top: 0.5rem; 532 } 533 534 dd + dt { 535 margin-top: 1.5rem; 536 } 537 538 539 /* Quotes ------------------------------------ */ 540 541 blockquote { 542 border-color: #cd2653; 543 border-style: solid; 544 border-width: 0 0 0 0.2rem; 545 color: inherit; 546 font-size: 1em; 547 margin: 4rem 0; 548 padding: 0.5rem 0 0.5rem 2rem; 549 } 550 551 cite { 552 color: #6d6d6d; 553 font-size: 1.4rem; 554 font-style: normal; 555 font-weight: 600; 556 line-height: 1.25; 557 } 558 559 blockquote cite { 560 display: block; 561 margin: 2rem 0 0 0; 562 } 563 564 blockquote p:last-child { 565 margin: 0; 566 } 567 568 569 /* Code -------------------------------------- */ 570 571 code, 572 kbd, 573 pre, 574 samp { 575 font-family: monospace; 576 font-size: 0.9em; 577 padding: 0.4rem 0.6rem; 578 } 579 580 code, 581 kbd, 582 samp { 583 background: rgba(0, 0, 0, 0.075); 584 border-radius: 0.2rem; 585 } 586 587 pre { 588 border: 0.1rem solid #dcd7ca; 589 line-height: 1.5; 590 margin: 4rem 0; 591 overflow: auto; 592 padding: 3rem 2rem; 593 text-align: right; 594 } 595 596 pre code { 597 background: transparent; 598 font-size: 1em; 599 padding: 0; 600 } 601 602 .entry-content > code { 603 display: block; 604 } 605 606 /* Media ------------------------------------- */ 607 608 figure { 609 display: block; 610 margin: 0; 611 } 612 613 iframe { 614 display: block; 615 max-width: 100%; 616 } 617 618 video { 619 display: block; 620 } 621 622 svg, 623 img, 624 embed, 625 object { 626 display: block; 627 height: auto; 628 max-width: 100%; 629 } 630 631 figcaption, 632 .wp-caption-text { 633 color: #6d6d6d; 634 display: block; 635 font-size: 1.5rem; 636 font-weight: 500; 637 line-height: 1.2; 638 margin-top: 1.5rem; 639 } 640 641 figcaption a, 642 .wp-caption-text a { 643 color: inherit; 644 } 645 646 blockquote.instagram-media, 647 iframe.instagram-media { 648 margin: auto !important; 649 } 650 651 652 /* GALLERIES */ 653 654 .gallery { 655 display: flex; 656 flex-wrap: wrap; 657 margin: 3em -0.8em 3em 0; 658 width: calc(100% + 1.6em); 659 } 660 661 .gallery-item { 662 margin: 0.8em 0; 663 padding: 0 0.8em; 664 width: 100%; 665 } 666 667 .gallery-caption { 668 display: block; 669 margin-top: 0.8em; 670 } 671 672 673 /* Inputs ------------------------------------ */ 674 675 fieldset { 676 border: 0.2rem solid #dcd7ca; 677 padding: 2rem; 678 } 679 680 legend { 681 font-size: 0.85em; 682 font-weight: 700; 683 padding: 0 1rem; 684 } 685 686 label { 687 display: block; 688 font-size: 1.6rem; 689 font-weight: 400; 690 margin: 0 0 0.5rem 0; 691 } 692 693 label.inline, 694 input[type="checkbox"] + label { 695 display: inline; 696 font-weight: 400; 697 margin-right: 0.5rem; 698 } 699 700 input[type="checkbox"] { 701 -webkit-appearance: none; 702 -moz-appearance: none; 703 position: relative; 704 top: 2px; 705 display: inline-block; 706 margin: 0; 707 width: 1.5rem; 708 min-width: 1.5rem; 709 height: 1.5rem; 710 background: #fff; 711 border-radius: 0; 712 border-style: solid; 713 border-width: 0.1rem; 714 border-color: #dcd7ca; 715 box-shadow: none; 716 cursor: pointer; 717 } 718 719 input[type="checkbox"]:checked::before { 720 /* Use the "Yes" SVG Dashicon */ 721 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"); 722 position: absolute; 723 display: inline-block; 724 margin: -0.1875rem -0.25rem 0 0; 725 height: 1.75rem; 726 width: 1.75rem; 727 } 728 729 input, 730 textarea, 731 button, 732 .button, 733 .faux-button, 734 .wp-block-button__link, 735 .wp-block-file__button { 736 font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; 737 line-height: 1; 738 } 739 740 @supports ( font-variation-settings: normal ) { 741 742 input, 743 textarea, 744 button, 745 .button, 746 .faux-button, 747 .faux-button.more-link, 748 .wp-block-button__link, 749 .wp-block-file__button { 750 font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; 751 } 752 } 753 754 input, 755 textarea { 756 border-color: #dcd7ca; 757 color: #000; 758 } 759 760 code, 761 input[type="url"], 762 input[type="email"], 763 input[type="tel"] { 764 direction: ltr; 765 } 766 767 input[type="text"], 768 input[type="password"], 769 input[type="email"], 770 input[type="url"], 771 input[type="date"], 772 input[type="month"], 773 input[type="time"], 774 input[type="datetime"], 775 input[type="datetime-local"], 776 input[type="week"], 777 input[type="number"], 778 input[type="search"], 779 input[type="tel"], 780 input[type="color"], 781 textarea { 782 -webkit-appearance: none; 783 -moz-appearance: none; 784 background: #fff; 785 border-radius: 0; 786 border-style: solid; 787 border-width: 0.1rem; 788 box-shadow: none; 789 display: block; 790 font-size: 1.6rem; 791 letter-spacing: -0.015em; 792 margin: 0; 793 max-width: 100%; 794 padding: 1.5rem 1.8rem; 795 width: 100%; 796 } 797 798 input[type="number"] { 799 padding-left: 0.5rem; 800 } 801 802 select { 803 font-size: 1em; 804 } 805 806 textarea { 807 height: 12rem; 808 line-height: 1.5; 809 width: 100%; 810 } 811 812 input::-webkit-input-placeholder { 813 line-height: normal; 814 } 815 816 input:-ms-input-placeholder { 817 line-height: normal; 818 } 819 820 input::-moz-placeholder { 821 line-height: revert; /* Reset to the value from the user-agent stylesheet. */ 822 } 823 824 input[type="search"]::-webkit-search-decoration, 825 input[type="search"]::-webkit-search-cancel-button, 826 input[type="search"]::-webkit-search-results-button, 827 input[type="search"]::-webkit-search-results-decoration { 828 display: none; 829 } 830 831 button, 832 .button, 833 .faux-button, 834 .wp-block-button__link, 835 .wp-block-file .wp-block-file__button, 836 input[type="button"], 837 input[type="reset"], 838 input[type="submit"] { 839 -webkit-appearance: none; 840 -moz-appearance: none; 841 background: #cd2653; 842 border: none; 843 border-radius: 0; 844 color: #fff; 845 cursor: pointer; 846 display: inline-block; 847 font-size: 1.5rem; 848 font-weight: 600; 849 letter-spacing: 0.0333em; 850 line-height: 1.25; 851 margin: 0; 852 opacity: 1; 853 padding: 1.1em 1.44em; 854 text-align: center; 855 text-decoration: none; 856 text-transform: uppercase; 857 transition: opacity 0.15s linear; 858 } 859 860 button:focus, 861 button:hover, 862 .button:focus, 863 .button:hover, 864 .faux-button:focus, 865 .faux-button:hover, 866 .wp-block-button .wp-block-button__link:focus, 867 .wp-block-button .wp-block-button__link:hover, 868 .wp-block-file .wp-block-file__button:focus, 869 .wp-block-file .wp-block-file__button:hover, 870 input[type="button"]:focus, 871 input[type="button"]:hover, 872 input[type="reset"]:focus, 873 input[type="reset"]:hover, 874 input[type="submit"]:focus, 875 input[type="submit"]:hover { 876 text-decoration: underline; 877 } 878 879 input[type="text"]:focus, 880 input[type="email"]:focus, 881 input[type="url"]:focus, 882 input[type="password"]:focus, 883 input[type="number"]:focus, 884 input[type="tel"]:focus, 885 input[type="range"]:focus, 886 input[type="date"]:focus, 887 input[type="month"]:focus, 888 input[type="week"]:focus, 889 input[type="time"]:focus, 890 input[type="datetime"]:focus, 891 input[type="datetime-local"]:focus, 892 input[type="color"]:focus, 893 textarea:focus { 894 border-color: currentColor; 895 } 896 897 input[type="search"]:focus { 898 outline: thin dotted; 899 outline-offset: -4px; 900 } 901 902 /* Tables ------------------------------------ */ 903 904 table { 905 border: 0.1rem solid #dcd7ca; 906 border-collapse: collapse; 907 border-spacing: 0; 908 empty-cells: show; 909 font-size: 1.6rem; 910 margin: 4rem 0; 911 max-width: 100%; 912 overflow: hidden; 913 width: 100%; 914 } 915 916 .alignleft > table { 917 margin: 0; 918 } 919 920 .alignright > table { 921 margin: 0; 922 } 923 924 th, 925 td { 926 border: 0.1rem solid #dcd7ca; 927 line-height: 1.4; 928 margin: 0; 929 overflow: visible; 930 padding: 0.5em; 931 } 932 933 caption { 934 background: #dcd7ca; 935 font-weight: 600; 936 padding: 0.5em; 937 text-align: center; 938 } 939 940 thead { 941 vertical-align: bottom; 942 white-space: nowrap; 943 } 944 945 th { 946 font-weight: 700; 947 } 948 949 950 /* -------------------------------------------------------------------------- */ 951 952 /* 3. Helper Classes 953 /* -------------------------------------------------------------------------- */ 954 955 956 /* Layout ------------------------------------ */ 957 958 .no-margin { 959 margin: 0; 960 } 961 962 .no-padding { 963 padding: 0; 964 } 965 966 .screen-height { 967 min-height: 100vh; 968 } 969 970 .admin-bar .screen-height { 971 min-height: calc(100vh - 32px); 972 } 973 974 @media (max-width: 782px) { 975 976 .admin-bar .screen-height { 977 min-height: calc(100vh - 46px); 978 } 979 } 980 981 .screen-width { 982 position: relative; 983 right: calc(50% - 50vw); 984 width: 100vw; 985 } 986 987 /* Sections ---------------------------------- */ 988 989 section { 990 padding: 5rem 0; 991 width: 100%; 992 } 993 994 .section-inner { 995 margin-right: auto; 996 margin-left: auto; 997 max-width: 120rem; 998 width: calc(100% - 4rem); 999 } 1000 1001 .section-inner.max-percentage { 1002 width: 100%; 1003 } 1004 1005 .section-inner.thin { 1006 max-width: 58rem; 1007 } 1008 1009 .section-inner.small { 1010 max-width: 80rem; 1011 } 1012 1013 .section-inner.medium { 1014 max-width: 100rem; 1015 } 1016 1017 .section-inner.no-margin { 1018 margin: 0; 1019 } 1020 1021 1022 /* Toggles ----------------------------------- */ 1023 1024 .toggle { 1025 -moz-appearance: none; 1026 -webkit-appearance: none; 1027 color: inherit; 1028 cursor: pointer; 1029 font-family: inherit; 1030 position: relative; 1031 -webkit-touch-callout: none; 1032 -webkit-user-select: none; 1033 -khtml-user-select: none; 1034 -moz-user-select: none; 1035 -ms-user-select: none; 1036 text-align: inherit; 1037 user-select: none; 1038 } 1039 1040 button.toggle { 1041 background: none; 1042 border: none; 1043 box-shadow: none; 1044 border-radius: 0; 1045 font-size: inherit; 1046 font-weight: 400; 1047 letter-spacing: inherit; 1048 padding: 0; 1049 text-transform: none; 1050 } 1051 1052 /* Hiding and Showing ------------------------ */ 1053 1054 .js .show-js { 1055 display: block !important; 1056 } 1057 1058 .js .hide-js { 1059 display: none !important; 1060 } 1061 1062 .no-js .show-no-js { 1063 display: block !important; 1064 } 1065 1066 .no-js .hide-no-js { 1067 display: none !important; 1068 } 1069 1070 1071 /* Typography -------------------------------- */ 1072 1073 .font-size-xl { 1074 font-size: 1.25em; 1075 } 1076 1077 .font-size-xs { 1078 font-size: 0.8em; 1079 } 1080 1081 .no-select { 1082 -webkit-touch-callout: none; 1083 -webkit-user-select: none; 1084 -moz-user-select: none; 1085 -ms-user-select: none; 1086 user-select: none; 1087 } 1088 1089 1090 /* Colors ------------------------------------ */ 1091 1092 /* COLOR */ 1093 1094 .color-accent, 1095 .color-accent-hover:focus, 1096 .color-accent-hover:hover { 1097 color: #cd2653; 1098 } 1099 1100 /* BACKGROUND COLOR */ 1101 1102 .bg-accent, 1103 .bg-accent-hover:focus, 1104 .bg-accent-hover:hover { 1105 background-color: #cd2653; 1106 } 1107 1108 /* BORDER COLOR */ 1109 1110 .border-color-accent, 1111 .border-color-accent-hover:focus, 1112 .border-color-accent-hover:hover { 1113 border-color: #cd2653; 1114 } 1115 1116 /* FILL COLOR */ 1117 1118 .fill-children-accent, 1119 .fill-children-accent * { 1120 fill: #cd2653; 1121 } 1122 1123 .fill-children-current-color, 1124 .fill-children-current-color * { 1125 fill: currentColor; 1126 } 1127 1128 1129 /* Opacity ----------------------------------- */ 1130 1131 .opacity-0 { 1132 opacity: 0; 1133 } 1134 1135 .opacity-5 { 1136 opacity: 0.05; 1137 } 1138 1139 .opacity-10 { 1140 opacity: 0.1; 1141 } 1142 1143 .opacity-15 { 1144 opacity: 0.15; 1145 } 1146 1147 .opacity-20 { 1148 opacity: 0.2; 1149 } 1150 1151 .opacity-25 { 1152 opacity: 0.25; 1153 } 1154 1155 .opacity-30 { 1156 opacity: 0.3; 1157 } 1158 1159 .opacity-35 { 1160 opacity: 0.35; 1161 } 1162 1163 .opacity-40 { 1164 opacity: 0.4; 1165 } 1166 1167 .opacity-45 { 1168 opacity: 0.45; 1169 } 1170 1171 .opacity-50 { 1172 opacity: 0.5; 1173 } 1174 1175 .opacity-55 { 1176 opacity: 0.55; 1177 } 1178 1179 .opacity-60 { 1180 opacity: 0.6; 1181 } 1182 1183 .opacity-65 { 1184 opacity: 0.65; 1185 } 1186 1187 .opacity-70 { 1188 opacity: 0.7; 1189 } 1190 1191 .opacity-75 { 1192 opacity: 0.75; 1193 } 1194 1195 .opacity-80 { 1196 opacity: 0.8; 1197 } 1198 1199 .opacity-85 { 1200 opacity: 0.85; 1201 } 1202 1203 .opacity-90 { 1204 opacity: 0.9; 1205 } 1206 1207 .blend-mode-exclusion { 1208 mix-blend-mode: exclusion; 1209 } 1210 1211 .blend-mode-hue { 1212 mix-blend-mode: hue; 1213 } 1214 1215 .blend-mode-saturation { 1216 mix-blend-mode: saturation; 1217 } 1218 1219 .blend-mode-color { 1220 mix-blend-mode: color; 1221 } 1222 1223 .blend-mode-luminosity { 1224 mix-blend-mode: luminosity; 1225 } 1226 1227 1228 /* Image Classes ----------------------------- */ 1229 1230 .bg-image { 1231 background-position: center; 1232 background-repeat: no-repeat; 1233 background-size: cover; 1234 } 1235 1236 .bg-attachment-fixed { 1237 background-attachment: fixed; 1238 } 1239 1240 @supports ( -webkit-overflow-scrolling: touch ) { 1241 1242 .bg-attachment-fixed { 1243 background-attachment: scroll; 1244 } 1245 } 1246 1247 @media ( prefers-reduced-motion: reduce ) { 1248 1249 .bg-attachment-fixed { 1250 background-attachment: scroll; 1251 } 1252 } 1253 1254 .wp-block-image.is-resized { 1255 margin-right: auto; 1256 margin-left: auto; 1257 } 1258 1259 .aligncenter figcaption { 1260 text-align: center; 1261 } 1262 1263 /* Search Form ------------------------------- */ 1264 1265 .search-form { 1266 align-items: stretch; 1267 display: flex; 1268 flex-wrap: nowrap; 1269 margin: 0 -0.8rem -0.8rem 0; 1270 } 1271 1272 .search-form .search-field, 1273 .search-form .search-submit { 1274 margin: 0 0.8rem 0.8rem 0; 1275 } 1276 1277 .search-form label { 1278 align-items: stretch; 1279 display: flex; 1280 font-size: inherit; 1281 margin: 0; 1282 width: 100%; 1283 } 1284 1285 .search-form .search-field { 1286 width: 100%; 1287 } 1288 1289 .search-form .search-submit { 1290 flex-shrink: 0; 1291 } 1292 1293 .search-form .search-submit:focus, 1294 .search-form .search-submit:hover { 1295 text-decoration: none; 1296 } 1297 1298 1299 /* Social Icons ------------------------------ */ 1300 1301 ul.social-icons { 1302 display: flex; 1303 flex-wrap: wrap; 1304 margin: -0.9rem -0.9rem 0 0; 1305 width: calc(100% + 0.9rem); 1306 } 1307 1308 ul.social-icons li { 1309 margin: 0.9rem 0.9rem 0 0; 1310 } 1311 1312 .social-icons a { 1313 align-items: center; 1314 background: #cd2653; 1315 border-radius: 50%; 1316 color: #fff; 1317 display: flex; 1318 height: 4.4rem; 1319 justify-content: center; 1320 padding: 0; 1321 text-decoration: none; 1322 transition: transform 0.15s ease-in-out; 1323 width: 4.4rem; 1324 } 1325 1326 .social-icons a:focus, 1327 .social-icons a:hover { 1328 transform: scale(1.1); 1329 text-decoration: none; 1330 } 1331 1332 1333 /* Cover Modals ------------------------------ */ 1334 1335 .cover-modal { 1336 display: none; 1337 -ms-overflow-style: none; 1338 overflow: -moz-scrollbars-none; 1339 } 1340 1341 .cover-modal::-webkit-scrollbar { 1342 display: none !important; 1343 } 1344 1345 .cover-modal.show-modal { 1346 display: block; 1347 cursor: pointer; 1348 } 1349 1350 .cover-modal.show-modal > * { 1351 cursor: default; 1352 } 1353 1354 1355 /* -------------------------------------------------------------------------- */ 1356 1357 /* 4. Site Header 1358 /* -------------------------------------------------------------------------- */ 1359 1360 1361 #site-header { 1362 background: #fff; 1363 position: relative; 1364 } 1365 1366 .header-inner { 1367 max-width: 168rem; 1368 padding: 3.15rem 0; 1369 z-index: 100; 1370 } 1371 1372 /* Header Titles ----------------------------- */ 1373 1374 .header-titles-wrapper { 1375 align-items: center; 1376 display: flex; 1377 justify-content: center; 1378 padding: 0 4rem; 1379 text-align: center; 1380 } 1381 1382 body:not(.enable-search-modal) .header-titles-wrapper { 1383 justify-content: flex-start; 1384 padding-right: 0; 1385 text-align: right; 1386 } 1387 1388 .site-title, 1389 .site-logo, 1390 .site-description { 1391 margin: 0; 1392 } 1393 1394 .site-title { 1395 font-size: 2.1rem; 1396 font-weight: 600; 1397 line-height: 1; 1398 } 1399 1400 .site-title a { 1401 color: inherit; 1402 display: block; 1403 text-decoration: none; 1404 } 1405 1406 .site-title a:hover, 1407 .site-title a:focus { 1408 text-decoration: underline; 1409 } 1410 1411 .site-description { 1412 margin-top: 1rem; 1413 color: #6d6d6d; 1414 font-size: 1.8rem; 1415 font-weight: 500; 1416 display: none; 1417 letter-spacing: -0.0311em; 1418 transition: all 0.15s linear; 1419 } 1420 1421 .site-logo a, 1422 .site-logo img { 1423 display: block; 1424 } 1425 1426 .header-titles .site-logo .site-logo { 1427 margin: 0; 1428 } 1429 1430 .site-logo img { 1431 max-height: 6rem; 1432 margin: 0 auto; 1433 width: auto; 1434 } 1435 1436 body:not(.enable-search-modal) .site-logo img { 1437 margin: 0; 1438 } 1439 1440 /* Overlay Header ---------------------------- */ 1441 1442 .overlay-header #site-header { 1443 background: transparent; 1444 margin: 0; 1445 position: absolute; 1446 right: 0; 1447 left: 0; 1448 top: 0; 1449 z-index: 2; 1450 } 1451 1452 .overlay-header .header-inner { 1453 color: #fff; 1454 } 1455 1456 .overlay-header .site-description, 1457 .overlay-header .toggle { 1458 color: inherit; 1459 } 1460 1461 .overlay-header .header-inner .toggle-wrapper::before { 1462 background-color: currentColor; 1463 opacity: 0.25; 1464 } 1465 1466 .admin-bar.overlay-header #site-header { 1467 top: 32px; 1468 } 1469 1470 @media (max-width: 782px) { 1471 1472 .admin-bar.overlay-header #site-header { 1473 top: 46px; 1474 } 1475 } 1476 1477 /* Header Navigation ------------------------- */ 1478 1479 .header-navigation-wrapper { 1480 display: none; 1481 } 1482 1483 /* Header Toggles ---------------------------- */ 1484 1485 .header-toggles { 1486 display: none; 1487 } 1488 1489 .header-inner .toggle { 1490 align-items: center; 1491 display: flex; 1492 overflow: visible; 1493 padding: 0 2rem; 1494 } 1495 1496 .header-inner .toggle svg { 1497 display: block; 1498 position: relative; 1499 z-index: 1; 1500 } 1501 1502 .header-inner .toggle path { 1503 fill: currentColor; 1504 } 1505 1506 .toggle-inner { 1507 display: flex; 1508 justify-content: center; 1509 height: 2.3rem; 1510 position: relative; 1511 } 1512 1513 .toggle-icon { 1514 display: block; 1515 overflow: hidden; 1516 } 1517 1518 .toggle-inner .toggle-text { 1519 color: #6d6d6d; 1520 font-size: 1rem; 1521 font-weight: 600; 1522 position: absolute; 1523 top: calc(100% + 0.5rem); 1524 width: auto; 1525 white-space: nowrap; 1526 word-break: break-all; 1527 } 1528 1529 .overlay-header .toggle-text { 1530 color: inherit; 1531 } 1532 1533 .header-inner .toggle:focus .toggle-text, 1534 .header-inner .toggle:hover .toggle-text { 1535 text-decoration: underline; 1536 } 1537 1538 /* Search Toggle ----------------------------- */ 1539 1540 .search-toggle { 1541 position: absolute; 1542 bottom: 0; 1543 right: 0; 1544 top: 0; 1545 } 1546 1547 .search-toggle .toggle-icon, 1548 .search-toggle svg { 1549 height: 2.5rem; 1550 max-width: 2.3rem; 1551 width: 2.3rem; 1552 } 1553 1554 /* Navigation Toggle ------------------------- */ 1555 1556 .nav-toggle { 1557 position: absolute; 1558 bottom: 0; 1559 left: 0; 1560 top: 0; 1561 width: 6.6rem; 1562 } 1563 1564 .nav-toggle .toggle-icon, 1565 .nav-toggle svg { 1566 height: 0.8rem; 1567 width: 2.6rem; 1568 } 1569 1570 .nav-toggle .toggle-inner { 1571 padding-top: 0.8rem; 1572 } 1573 1574 /* Primary Menu ---------------------------- */ 1575 1576 .primary-menu-wrapper { 1577 display: none; 1578 } 1579 1580 ul.primary-menu { 1581 display: flex; 1582 font-size: 1.8rem; 1583 font-weight: 500; 1584 letter-spacing: -0.0277em; 1585 flex-wrap: wrap; 1586 justify-content: flex-end; 1587 margin: -0.8rem -1.6rem 0 0; 1588 } 1589 1590 .primary-menu .icon { 1591 display: block; 1592 height: 0.7rem; 1593 position: absolute; 1594 pointer-events: none; 1595 transform: rotate(45deg); 1596 width: 1.3rem; 1597 } 1598 1599 .primary-menu .icon::before, 1600 .primary-menu .icon::after { 1601 content: ""; 1602 display: block; 1603 background-color: currentColor; 1604 position: absolute; 1605 bottom: calc(50% - 0.1rem); 1606 right: 0; 1607 } 1608 1609 .primary-menu .icon::before { 1610 height: 0.9rem; 1611 width: 0.2rem; 1612 } 1613 1614 .primary-menu .icon::after { 1615 height: 0.2rem; 1616 width: 0.9rem; 1617 } 1618 1619 .primary-menu li { 1620 font-size: inherit; 1621 line-height: 1.25; 1622 position: relative; 1623 } 1624 1625 .primary-menu > li { 1626 margin: 0.8rem 1.6rem 0 0; 1627 } 1628 1629 .primary-menu > li.menu-item-has-children > a { 1630 padding-left: 2rem; 1631 } 1632 1633 .primary-menu > li > .icon { 1634 left: -0.5rem; 1635 top: calc(50% - 0.4rem); 1636 } 1637 1638 .primary-menu a { 1639 color: inherit; 1640 display: block; 1641 line-height: 1.2; 1642 text-decoration: none; 1643 word-break: normal; 1644 word-wrap: normal; 1645 } 1646 1647 .primary-menu a:hover, 1648 .primary-menu a:focus, 1649 .primary-menu .current_page_ancestor { 1650 text-decoration: underline; 1651 } 1652 1653 .primary-menu li.current-menu-item > a, 1654 .primary-menu li.current-menu-item > .link-icon-wrapper > a { 1655 text-decoration: underline; 1656 } 1657 1658 .primary-menu li.current-menu-item > a:hover, 1659 .primary-menu li.current-menu-item > .link-icon-wrapper > a:hover, 1660 .primary-menu li.current-menu-item > a:focus, 1661 .primary-menu li.current-menu-item > .link-icon-wrapper > a:focus { 1662 text-decoration: none; 1663 } 1664 1665 /* SUB MENU */ 1666 1667 .primary-menu ul { 1668 background: #000; 1669 border-radius: 0.4rem; 1670 color: #fff; 1671 font-size: 1.7rem; 1672 opacity: 0; 1673 padding: 1rem 0; 1674 position: absolute; 1675 left: 9999rem; 1676 top: calc(100% + 2rem); 1677 transition: opacity 0.15s linear, transform 0.15s linear, left 0s 0.15s; 1678 transform: translateY(0.6rem); 1679 width: 20rem; 1680 z-index: 1; 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 /* Block: Post Template ---------------- */ 3529 3530 .wp-block-post-template, 3531 .wp-block-post-template > li { 3532 margin-right: 0; 3533 margin-left: 0; 3534 } 3535 3536 3537 /* -------------------------------------------------------------------------- */ 3538 3539 /* 11. Entry Content 3540 /* -------------------------------------------------------------------------- */ 3541 3542 3543 .entry-content { 3544 line-height: 1.5; 3545 } 3546 3547 .entry-content > * { 3548 margin-right: auto; 3549 margin-left: auto; 3550 margin-bottom: 1.25em; 3551 } 3552 3553 .entry-content > *:first-child { 3554 margin-top: 0; 3555 } 3556 3557 .entry-content > *:last-child { 3558 margin-bottom: 0; 3559 } 3560 3561 .read-more-button-wrap { 3562 margin-top: 1em; 3563 text-align: center; 3564 } 3565 3566 .entry-content a:hover, 3567 .entry-content a:focus { 3568 text-decoration: none; 3569 } 3570 3571 .entry-content p, 3572 .entry-content li { 3573 line-height: 1.4; 3574 } 3575 3576 .entry-content li img { 3577 display: inline-block; 3578 } 3579 3580 .entry-content h1, 3581 .entry-content h2, 3582 .entry-content h3, 3583 .entry-content h4, 3584 .entry-content h5, 3585 .entry-content h6 { 3586 margin: 3.5rem auto 2rem; 3587 } 3588 3589 .entry-content ul ul, 3590 .entry-content ol ol, 3591 .entry-content ul ol, 3592 .entry-content ol ul { 3593 margin-bottom: 1rem; 3594 } 3595 3596 .entry-content hr { 3597 margin: 4rem auto; 3598 } 3599 3600 .post-inner .entry-content > .wp-block-cover.alignwide:first-child, 3601 .post-inner .entry-content > .wp-block-cover.alignfull:first-child { 3602 margin-top: 0; 3603 } 3604 3605 /* Font Families ----------------------------- */ 3606 3607 .entry-content { 3608 font-family: NonBreakingSpaceOverride, "Hoefler Text", "Noto Serif", Garamond, "Times New Roman", serif; 3609 letter-spacing: normal; 3610 } 3611 3612 .entry-content h1, 3613 .entry-content h2, 3614 .entry-content h3, 3615 .entry-content h4, 3616 .entry-content h5, 3617 .entry-content h6, 3618 .entry-content cite, 3619 .entry-content figcaption, 3620 .entry-content table, 3621 .entry-content address, 3622 .entry-content .wp-caption-text, 3623 .entry-content .wp-block-file { 3624 font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; 3625 } 3626 3627 @supports ( font-variation-settings: normal ) { 3628 3629 .entry-content h1, 3630 .entry-content h2, 3631 .entry-content h3, 3632 .entry-content h4, 3633 .entry-content h5, 3634 .entry-content h6, 3635 .entry-content cite, 3636 .entry-content figcaption, 3637 .entry-content table, 3638 .entry-content address, 3639 .entry-content .wp-caption-text, 3640 .entry-content .wp-block-file { 3641 font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; 3642 } 3643 } 3644 3645 3646 /* Alignment Classes ------------------------- */ 3647 3648 .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) { 3649 max-width: 58rem; 3650 width: calc(100% - 4rem); 3651 } 3652 3653 [class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) { 3654 max-width: 58rem; 3655 width: 100%; 3656 } 3657 3658 .alignnone, 3659 .aligncenter, 3660 .alignleft, 3661 .alignright, 3662 .alignwide { 3663 margin-top: 4rem; 3664 margin-left: auto; 3665 margin-bottom: 4rem; 3666 margin-right: auto; 3667 } 3668 3669 [class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright) { 3670 margin-right: auto; 3671 margin-left: auto; 3672 } 3673 3674 /* Full */ 3675 3676 .alignfull { 3677 margin-top: 5rem; 3678 margin-left: auto; 3679 margin-bottom: 5rem; 3680 margin-right: auto; 3681 max-width: 100vw; 3682 position: relative; 3683 width: 100%; 3684 } 3685 3686 [class*="__inner-container"] > .alignfull { 3687 max-width: 100%; 3688 } 3689 3690 /* Wide */ 3691 3692 .alignwide { 3693 max-width: 120rem; 3694 position: relative; 3695 width: calc(100% - 4rem); 3696 } 3697 3698 [class*="__inner-container"] > .alignwide { 3699 width: 100%; 3700 } 3701 3702 /* Center */ 3703 3704 .aligncenter, 3705 .aligncenter img { 3706 margin-right: auto; 3707 margin-left: auto; 3708 } 3709 3710 /* Left and right */ 3711 3712 .alignleft, 3713 .alignright { 3714 max-width: 50%; 3715 } 3716 3717 .alignleft { 3718 float: left; 3719 margin: 0.3rem 2rem 2rem 2rem; 3720 } 3721 3722 .alignright { 3723 float: right; 3724 margin: 0.3rem 2rem 2rem 2rem; 3725 } 3726 3727 [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignleft, 3728 [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignleft, 3729 [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignleft { 3730 margin-left: 2rem; 3731 } 3732 3733 [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignright, 3734 [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignright, 3735 [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignright { 3736 margin-right: 2rem; 3737 } 3738 3739 /* Entry Media ------------------------------- */ 3740 3741 .alignfull > figcaption, 3742 .alignfull > .wp-caption-text { 3743 margin-right: auto; 3744 margin-left: auto; 3745 max-width: 58rem; 3746 width: calc(100% - 4rem); 3747 } 3748 3749 3750 /* -------------------------------------------------------------------------- */ 3751 3752 /* 12. Comments 3753 /* -------------------------------------------------------------------------- */ 3754 3755 3756 /* Comment Headers ----------------------------- */ 3757 3758 .comments-wrapper { 3759 margin-top: 5rem; 3760 } 3761 3762 .comment-reply-title { 3763 margin: 0 0 4rem 0; 3764 text-align: center; 3765 } 3766 3767 3768 /* Comment Item ----------------------------- */ 3769 3770 /* COMMENT HEADER */ 3771 3772 .comments .comment, 3773 .comments .pingback, 3774 .comments .trackback, 3775 .comments .review { 3776 padding-top: 3.5rem; 3777 } 3778 3779 div.comment:first-of-type { 3780 margin-top: 3.5rem; 3781 padding-top: 0; 3782 } 3783 3784 .comments .comments-header + div { 3785 margin-top: 0; 3786 padding-top: 0; 3787 } 3788 3789 .comment-body { 3790 position: relative; 3791 } 3792 3793 .comment .comment { 3794 padding-right: 5%; 3795 } 3796 3797 .comment-meta { 3798 line-height: 1.1; 3799 margin-bottom: 1.5rem; 3800 min-height: 5rem; 3801 padding-right: 5rem; 3802 position: relative; 3803 } 3804 3805 .hide-avatars .comment-meta { 3806 min-height: 0; 3807 padding-right: 0; 3808 } 3809 3810 .comment-meta a { 3811 color: inherit; 3812 } 3813 3814 .comment-author { 3815 font-size: 1.8rem; 3816 font-weight: 700; 3817 letter-spacing: -0.027777778em; 3818 } 3819 3820 .comment-author a { 3821 text-decoration: underline; 3822 } 3823 3824 .comment-author a:hover, 3825 .comment-author a:focus { 3826 text-decoration: none; 3827 } 3828 3829 .comment-meta .avatar { 3830 height: 4rem; 3831 position: absolute; 3832 right: 0; 3833 top: 0; 3834 width: 4rem; 3835 } 3836 3837 .comment-author .url { 3838 text-decoration: underline; 3839 } 3840 3841 .comment-metadata { 3842 color: #6d6d6d; 3843 font-size: 1.4rem; 3844 font-weight: 500; 3845 margin-top: 0.6rem; 3846 } 3847 3848 .comment-metadata a { 3849 text-decoration: none; 3850 } 3851 3852 .comment-metadata a:focus, 3853 .comment-metadata a:hover { 3854 text-decoration: underline; 3855 } 3856 3857 3858 /* COMMENT CONTENT */ 3859 3860 .comment-content.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) { 3861 width: 100%; 3862 } 3863 3864 .comment-content.entry-content .alignleft { 3865 margin-left: 0; 3866 } 3867 3868 .comment-content.entry-content .alignright { 3869 margin-right: 0; 3870 } 3871 3872 /* COMMENT FOOTER */ 3873 3874 .comment-footer-meta { 3875 align-items: center; 3876 display: flex; 3877 flex-wrap: wrap; 3878 font-size: 1.2rem; 3879 font-weight: 600; 3880 justify-content: flex-start; 3881 letter-spacing: 0.030833333em; 3882 line-height: 1; 3883 margin: 1.5rem -1.5rem -1rem 0; 3884 text-transform: uppercase; 3885 } 3886 3887 .comment-footer-meta > * { 3888 margin: 0 1.5rem 1rem 0; 3889 } 3890 3891 .comment-reply-link { 3892 background-color: #cd2653; 3893 color: #fff; 3894 display: block; 3895 padding: 0.7rem; 3896 } 3897 3898 .bypostauthor .comment-footer-meta .by-post-author { 3899 display: block; 3900 } 3901 3902 .comment-footer-meta a { 3903 text-decoration: none; 3904 } 3905 3906 .comment-footer-meta a:focus, 3907 .comment-footer-meta a:hover { 3908 text-decoration: underline; 3909 } 3910 3911 3912 /* Pingbacks & Trackbacks ------------------------- */ 3913 3914 .pingback .comment-meta, 3915 .trackback .comment-meta { 3916 padding-right: 0; 3917 } 3918 3919 3920 /* Comments Pagination ---------------------------- */ 3921 3922 .comments-pagination { 3923 display: flex; 3924 flex-wrap: wrap; 3925 justify-content: space-between; 3926 margin-top: 6rem; 3927 text-align: center; 3928 } 3929 3930 .comments-pagination.only-next { 3931 justify-content: flex-end; 3932 } 3933 3934 .comments-pagination .page-numbers { 3935 display: none; 3936 text-decoration: none; 3937 } 3938 3939 .comments-pagination .page-numbers:focus, 3940 .comments-pagination .page-numbers:hover { 3941 text-decoration: underline; 3942 } 3943 3944 .comments-pagination .prev, 3945 .comments-pagination .next { 3946 display: block; 3947 } 3948 3949 .comments-pagination .prev { 3950 right: 0; 3951 } 3952 3953 .comments-pagination .next { 3954 left: 0; 3955 text-align: left; 3956 } 3957 3958 3959 /* Comment Respond ---------------------------- */ 3960 3961 .comment-respond::after { 3962 clear: both; 3963 content: ""; 3964 display: block; 3965 } 3966 3967 .comment-respond .comment-notes, 3968 .comment-respond .logged-in-as { 3969 color: #6d6d6d; 3970 font-size: 1.6rem; 3971 line-height: 1.4; 3972 margin: -3rem 0 4rem 0; 3973 text-align: center; 3974 } 3975 3976 .comment-respond .required-field-message { 3977 display: inline-block; 3978 } 3979 3980 .comment-respond p { 3981 line-height: 1.1; 3982 margin-bottom: 2rem; 3983 margin-right: auto; 3984 margin-left: auto; 3985 } 3986 3987 .comment-respond p:not(.comment-notes) { 3988 max-width: 58rem; 3989 } 3990 3991 .comment-form-cookies-consent { 3992 align-items: baseline; 3993 display: flex; 3994 } 3995 3996 .comment-respond > p:last-of-type { 3997 margin-bottom: 0; 3998 } 3999 4000 .comment-respond label { 4001 display: block; 4002 } 4003 4004 .comment-respond input[type="checkbox"] + label { 4005 font-size: 1.5rem; 4006 line-height: 1.25; 4007 } 4008 4009 .comment-respond input[type="text"], 4010 .comment-respond input[type="email"], 4011 .comment-respond textarea { 4012 margin-bottom: 0; 4013 } 4014 4015 .comment-respond textarea { 4016 height: 15rem; 4017 } 4018 4019 .comment-respond #submit { 4020 display: block; 4021 } 4022 4023 .comment-respond .comments-closed { 4024 text-align: center; 4025 } 4026 4027 4028 /* Reply Respond ---------------------------- */ 4029 4030 .comments .comment-respond { 4031 padding: 3rem 0 0; 4032 } 4033 4034 .comments .comment-respond .comment-reply-title, 4035 .comments .comment-respond .comment-notes, 4036 .comments .comment-respond .logged-in-as { 4037 text-align: right; 4038 } 4039 4040 .comment-reply-title small { 4041 display: block; 4042 font-size: 1.6rem; 4043 font-weight: 600; 4044 letter-spacing: -0.0277em; 4045 margin: 0.5rem 0 0 0; 4046 white-space: nowrap; 4047 } 4048 4049 .comment-reply-title small a { 4050 text-decoration: none; 4051 } 4052 4053 .comment-reply-title small a:focus, 4054 .comment-reply-title small a:hover { 4055 text-decoration: underline; 4056 } 4057 4058 4059 /* -------------------------------------------------------------------------- */ 4060 4061 /* 13. Site Pagination 4062 /* -------------------------------------------------------------------------- */ 4063 4064 4065 .pagination .nav-links { 4066 align-items: baseline; 4067 display: flex; 4068 flex-wrap: wrap; 4069 font-size: 1.8rem; 4070 font-weight: 600; 4071 margin: -1.5rem -2.5rem 0 0; 4072 width: calc(100% + 2.5rem); 4073 } 4074 4075 .pagination-separator { 4076 margin: 5rem 0; 4077 } 4078 4079 .nav-links > * { 4080 margin: 1.5rem 2.5rem 0 0; 4081 } 4082 4083 .nav-links .placeholder { 4084 display: none; 4085 visibility: hidden; 4086 } 4087 4088 .pagination a { 4089 text-decoration: none; 4090 } 4091 4092 .pagination a:focus, 4093 .pagination a:hover { 4094 text-decoration: underline; 4095 } 4096 4097 .pagination .dots { 4098 transform: translateY(-0.3em); 4099 color: #6d6d6d; 4100 } 4101 4102 .nav-short { 4103 display: none; 4104 } 4105 4106 /* -------------------------------------------------------------------------- */ 4107 4108 /* 14. Error 404 4109 /* -------------------------------------------------------------------------- */ 4110 4111 4112 .error404 #site-content { 4113 padding-top: 4rem; 4114 } 4115 4116 .error404-content { 4117 text-align: center; 4118 } 4119 4120 .error404 #site-content .search-form { 4121 justify-content: center; 4122 margin-top: 3rem; 4123 } 4124 4125 4126 /* -------------------------------------------------------------------------- */ 4127 4128 /* 15. Widgets 4129 /* -------------------------------------------------------------------------- */ 4130 4131 4132 /* Widget Base ------------------------------- */ 4133 4134 .widget { 4135 margin-top: 3rem; 4136 } 4137 4138 .widget:first-child { 4139 margin-top: 0; 4140 } 4141 4142 .widget-content > div > *:first-child { 4143 margin-top: 0; 4144 } 4145 4146 .widget-content > div > *:last-child { 4147 margin-bottom: 0; 4148 } 4149 4150 .widget .widget-title { 4151 margin: 0 0 2rem; 4152 } 4153 4154 .widget li { 4155 margin: 2rem 0 0 0; 4156 } 4157 4158 .widget li:first-child, 4159 .widget li > ul, 4160 .widget li > ol { 4161 margin-top: 0; 4162 } 4163 4164 .widget table, 4165 .widget table * { 4166 border-color: #dedfdf; 4167 } 4168 4169 .widget table caption { 4170 background-color: #dedfdf; 4171 } 4172 4173 .widget .post-date, 4174 .widget .rss-date { 4175 color: #6d6d6d; 4176 display: block; 4177 font-size: 0.85em; 4178 font-weight: 500; 4179 margin-top: 0.2rem; 4180 } 4181 4182 .widget select { 4183 max-width: 100%; 4184 } 4185 4186 /* Font Families ----------------------------- */ 4187 4188 .widget_text p, 4189 .widget_text ol, 4190 .widget_text ul, 4191 .widget_text dl, 4192 .widget_text dt, 4193 .widget-content .rssSummary { 4194 font-family: NonBreakingSpaceOverride, "Hoefler Text", "Noto Serif", Garamond, "Times New Roman", serif; 4195 letter-spacing: normal; 4196 } 4197 4198 .widget-content cite, 4199 .widget-content figcaption, 4200 .widget-content .wp-caption-text { 4201 font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; 4202 } 4203 4204 @supports ( font-variation-settings: normal ) { 4205 4206 .widget-content cite, 4207 .widget-content figcaption, 4208 .widget-content .wp-caption-text { 4209 font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; 4210 } 4211 } 4212 4213 /* Base List Widget -------------------------- */ 4214 4215 .widget_archive ul, 4216 .widget_categories ul, 4217 .widget_pages ul, 4218 .widget_meta ul, 4219 .widget_nav_menu ul, 4220 .widget_recent_comments ul, 4221 .widget_recent_entries ul, 4222 .widget_rss ul { 4223 list-style: none; 4224 margin: 0; 4225 } 4226 4227 .widget_archive li, 4228 .widget_categories li, 4229 .widget_pages li, 4230 .widget_meta li, 4231 .widget_nav_menu li { 4232 color: #6d6d6d; 4233 margin: 0.3rem 0; 4234 } 4235 4236 .widget_archive li li, 4237 .widget_categories li li, 4238 .widget_pages li li, 4239 .widget_meta li li, 4240 .widget_nav_menu li li { 4241 margin-right: 2rem; 4242 } 4243 4244 .widget_archive a, 4245 .widget_categories a, 4246 .widget_pages a, 4247 .widget_meta a, 4248 .widget_nav_menu a { 4249 font-weight: 700; 4250 text-decoration: none; 4251 } 4252 4253 .widget_archive a:focus, 4254 .widget_archive a:hover, 4255 .widget_categories a:focus, 4256 .widget_categories a:hover, 4257 .widget_pages a:focus, 4258 .widget_pages a:hover, 4259 .widget_meta a:focus, 4260 .widget_meta a:hover, 4261 .widget_nav_menu a:focus, 4262 .widget_nav_menu a:hover { 4263 text-decoration: underline; 4264 } 4265 4266 /* Widget: Calendar -------------------------- */ 4267 4268 .calendar_wrap { 4269 font-size: 2.4rem; 4270 } 4271 4272 .calendar_wrap th, 4273 .calendar_wrap td, 4274 .wp-calendar-nav span { 4275 display: table-cell; 4276 font-size: 1em; 4277 font-weight: 500; 4278 line-height: 1; 4279 padding: 2.5% 2.5% 1.75% 2.5%; 4280 text-align: center; 4281 } 4282 4283 .wp-calendar-table { 4284 margin-bottom: 0; 4285 } 4286 4287 .wp-calendar-nav { 4288 display: table; 4289 width: 100%; 4290 font-size: 1.8rem; 4291 } 4292 4293 .calendar_wrap tfoot td { 4294 border-bottom: none; 4295 } 4296 4297 .calendar_wrap tfoot a, 4298 .calendar_wrap .wp-calendar-nav a { 4299 text-decoration: none; 4300 } 4301 4302 .calendar_wrap tfoot #prev, 4303 .calendar_wrap .wp-calendar-nav-prev { 4304 text-align: right; 4305 } 4306 4307 .calendar_wrap tfoot #next, 4308 .calendar_wrap .wp-calendar-nav-next { 4309 text-align: left; 4310 } 4311 4312 /* Widget: Image ----------------------------- */ 4313 4314 /* Widget: Gallery --------------------------- */ 4315 4316 .widget_media_gallery .gallery { 4317 margin: 0 -0.4em -0.8em -0.4em; 4318 width: calc(100% + 0.8em); 4319 } 4320 4321 .widget_media_gallery .gallery-item { 4322 margin: 0 0 0.8em 0; 4323 padding: 0 0.4em; 4324 } 4325 4326 /* Widget: Nav Menu -------------------------- */ 4327 4328 .widget_nav_menu .widget-content > div > ul { 4329 margin-right: 0; 4330 } 4331 4332 /* Widget: Recent Comments ------------------- */ 4333 4334 .widget_recent_comments li { 4335 font-weight: 700; 4336 } 4337 4338 .widget_recent_comments a { 4339 text-decoration: none; 4340 } 4341 4342 .widget_recent_comments a:focus, 4343 .widget_recent_comments a:hover { 4344 text-decoration: underline; 4345 } 4346 4347 /* Widget: Recent Entries -------------------- */ 4348 4349 .widget_recent_entries a { 4350 font-weight: 700; 4351 text-decoration: none; 4352 } 4353 4354 .widget_recent_entries a:focus, 4355 .widget_recent_entries a:hover { 4356 text-decoration: underline; 4357 } 4358 4359 /* Widget: RSS ------------------------------- */ 4360 4361 .widget_rss .widget-title a.rsswidget:first-of-type:not(.rss-widget-title) { 4362 display: none; 4363 } 4364 4365 .widget_rss .rsswidget { 4366 font-weight: 700; 4367 } 4368 4369 .widget_rss a { 4370 text-decoration: none; 4371 } 4372 4373 .widget_rss a:focus, 4374 .widget_rss a:hover { 4375 text-decoration: underline; 4376 } 4377 4378 .widget_rss .rssSummary { 4379 margin-top: 0.5rem; 4380 } 4381 4382 .widget_rss cite::before { 4383 content: "— "; 4384 } 4385 4386 /* Widget: Search ---------------------------- */ 4387 4388 .widget_search .search-field { 4389 border-color: #dedfdf; 4390 } 4391 4392 /* Widget: Tag Cloud ------------------------- */ 4393 4394 .widget_tag_cloud a { 4395 font-weight: 700; 4396 margin-left: 0.5rem; 4397 text-decoration: none; 4398 white-space: nowrap; 4399 } 4400 4401 .widget_tag_cloud a:focus, 4402 .widget_tag_cloud a:hover { 4403 text-decoration: underline; 4404 } 4405 4406 /* Widget: Text ------------------------------ */ 4407 4408 /* Widget: Blocks ---------------------------- */ 4409 4410 .widget .wp-block-social-links li { 4411 margin-top: 0; 4412 } 4413 4414 4415 /* -------------------------------------------------------------------------- */ 4416 4417 /* 16. Site Footer 4418 /* -------------------------------------------------------------------------- */ 4419 4420 4421 .footer-nav-widgets-wrapper, 4422 #site-footer { 4423 background-color: #fff; 4424 border-color: #dedfdf; 4425 border-style: solid; 4426 border-width: 0; 4427 } 4428 4429 .footer-top-visible .footer-nav-widgets-wrapper, 4430 .footer-top-hidden #site-footer { 4431 margin-top: 5rem; 4432 } 4433 4434 .reduced-spacing.footer-top-visible .footer-nav-widgets-wrapper, 4435 .reduced-spacing.footer-top-hidden #site-footer { 4436 border-top-width: 0.1rem; 4437 } 4438 4439 .footer-top, 4440 .footer-widgets-outer-wrapper, 4441 #site-footer { 4442 padding: 3rem 0; 4443 } 4444 4445 4446 /* Footer Top -------------------------------- */ 4447 4448 .footer-top { 4449 display: flex; 4450 border-bottom: 0.1rem solid #dedfdf; 4451 justify-content: space-between; 4452 } 4453 4454 /* FOOTER MENU */ 4455 4456 .footer-menu { 4457 font-size: 1.8rem; 4458 font-weight: 700; 4459 letter-spacing: -0.0277em; 4460 } 4461 4462 .footer-menu li { 4463 line-height: 1.25; 4464 margin: 0.25em 0 0 0; 4465 } 4466 4467 .footer-menu a { 4468 text-decoration: none; 4469 word-break: normal; 4470 word-wrap: normal; 4471 } 4472 4473 .footer-menu a:hover, 4474 .footer-menu a:focus { 4475 text-decoration: underline; 4476 } 4477 4478 /* FOOTER SOCIAL */ 4479 4480 .footer-social-wrapper { 4481 margin: 0; 4482 width: 100%; 4483 } 4484 4485 .has-footer-menu .footer-social-wrapper { 4486 flex-shrink: 0; 4487 margin-right: 1rem; 4488 width: 50%; 4489 } 4490 4491 ul.footer-social { 4492 margin: -0.5rem -0.5rem 0 0; 4493 } 4494 4495 .has-footer-menu .footer-social { 4496 justify-content: flex-end; 4497 } 4498 4499 ul.footer-social li { 4500 margin: 0.5rem 0.5rem 0 0; 4501 } 4502 4503 .footer-social a { 4504 background-color: #cd2653; 4505 height: 3.6rem; 4506 width: 3.6rem; 4507 } 4508 4509 .footer-social a::before { 4510 font-size: 1.6rem; 4511 } 4512 4513 /* Footer Widgets ---------------------------- */ 4514 4515 .footer-widgets-outer-wrapper { 4516 border-bottom: 0.1rem solid #dedfdf; 4517 } 4518 4519 .footer-widgets + .footer-widgets { 4520 margin-top: 3rem; 4521 } 4522 4523 /* Footer Bottom ----------------------------- */ 4524 4525 #site-footer { 4526 font-size: 1.6rem; 4527 } 4528 4529 #site-footer .section-inner { 4530 align-items: baseline; 4531 display: flex; 4532 justify-content: space-between; 4533 } 4534 4535 #site-footer a { 4536 text-decoration: none; 4537 } 4538 4539 #site-footer a:focus, 4540 #site-footer a:hover { 4541 text-decoration: underline; 4542 } 4543 4544 .footer-copyright a, 4545 .footer-credits .privacy-policy a, 4546 .powered-by-wordpress a { 4547 color: inherit; 4548 } 4549 4550 .footer-credits .privacy-policy, 4551 .powered-by-wordpress, 4552 .to-the-top { 4553 color: #6d6d6d; 4554 } 4555 4556 a.to-the-top { 4557 margin-right: 2.4rem; 4558 white-space: nowrap; 4559 } 4560 4561 a.to-the-top > * { 4562 pointer-events: none; 4563 } 4564 4565 .footer-copyright { 4566 font-weight: 600; 4567 margin: 0; 4568 } 4569 4570 .powered-by-wordpress { 4571 display: none; 4572 margin: 0 2.4rem 0 0; 4573 } 4574 4575 .footer-credits .privacy-policy { 4576 margin: 1.2rem 0 0; 4577 } 4578 4579 .to-the-top-long { 4580 display: none; 4581 } 4582 4583 4584 /* -------------------------------------------------------------------------- */ 4585 4586 /* 17. Media Queries 4587 /* -------------------------------------------------------------------------- */ 4588 4589 @media ( max-width: 479px ) { 4590 4591 /* Blocks -------------------------------- */ 4592 4593 .wp-block-pullquote.alignleft, 4594 .wp-block-pullquote.alignright { 4595 float: none; 4596 } 4597 4598 /* Entry Content ------------------------- */ 4599 4600 /* LISTS */ 4601 4602 ul, 4603 ol { 4604 margin: 0 2rem 3rem 0; 4605 } 4606 4607 li { 4608 margin: 0.5rem 1rem 0 0; 4609 } 4610 4611 /* Post Footer --------------------------- */ 4612 4613 /* POST NAV LINKS */ 4614 4615 .post-nav-links { 4616 margin: 3em 0 0 0; 4617 } 4618 } 4619 4620 @media ( min-width: 480px ) { 4621 4622 /* Blocks -------------------------------- */ 4623 4624 /* BLOCK: BASE ALIGNMENT WIDTH */ 4625 4626 .wp-block-pullquote.alignleft, 4627 .wp-block-pullquote.alignright, 4628 .wp-block-cover-image.alignleft, 4629 .wp-block-cover-image.alignright, 4630 .wp-block-cover.alignleft, 4631 .wp-block-cover.alignright, 4632 .wp-block-embed.alignleft, 4633 .wp-block-embed.alignright, 4634 .wp-block-gallery.alignleft, 4635 .wp-block-gallery.alignright { 4636 max-width: 26rem; 4637 } 4638 4639 /* BLOCK: TABLE WIDTH */ 4640 .wp-block-table.alignleft, 4641 .wp-block-table.alignright { 4642 max-width: 100%; 4643 } 4644 4645 /* Entry Content ------------------------- */ 4646 4647 /* ALIGNMENT CLASSES */ 4648 4649 .alignleft, 4650 .alignright { 4651 max-width: 26rem; 4652 } 4653 4654 /* Post Footer --------------------------- */ 4655 4656 /* POST NAV LINKS */ 4657 4658 .post-nav-links { 4659 margin: 3em 0 0 0; 4660 } 4661 } 4662 4663 @media ( max-width: 599px ) { 4664 4665 /* Blocks -------------------------------- */ 4666 4667 /* BLOCK: COLUMNS */ 4668 4669 /* While columns are stacked */ 4670 .wp-block-column:last-child { 4671 margin-bottom: 0; 4672 } 4673 4674 .wp-block-columns + .wp-block-columns { 4675 margin-top: 0.2rem; 4676 } 4677 4678 .wp-block-columns.alignwide + .wp-block-columns.alignwide { 4679 margin-top: -0.8rem; 4680 } 4681 4682 .wp-block-columns.alignfull + .wp-block-columns.alignfull { 4683 margin-top: -1.8rem; 4684 } 4685 4686 /* Template -------------------------------- */ 4687 4688 /* TEMPLATE: COVER */ 4689 4690 .template-cover .post-inner .post-meta-wrapper, 4691 .template-cover .post-inner .author-bio { 4692 width: calc( 100% - 4rem ); 4693 } 4694 4695 /* Post Footer --------------------------- */ 4696 4697 /* POST NAV LINKS */ 4698 4699 .post-nav-links { 4700 margin: 3em 0 0 0; 4701 } 4702 } 4703 4704 @media ( min-width: 600px ) { 4705 4706 /* Blocks -------------------------------- */ 4707 4708 /* BLOCK: COLUMNS */ 4709 4710 .wp-block-columns.alignwide + .wp-block-columns.alignwide, 4711 .wp-block-columns.alignfull + .wp-block-columns.alignfull { 4712 margin-top: -4rem; 4713 } 4714 4715 /* Post Footer --------------------------- */ 4716 4717 /* POST NAV LINKS */ 4718 4719 .post-nav-links { 4720 margin: 3em 0 0 0; 4721 } 4722 } 4723 4724 @media ( min-width: 660px ) { 4725 4726 /* Blocks -------------------------------- */ 4727 4728 /* BLOCK: GALLERY */ 4729 4730 figure.wp-block-gallery.alignleft { 4731 margin-left: calc(( 100vw - 58rem - 8rem ) / -2); 4732 } 4733 4734 figure.wp-block-gallery.alignright { 4735 margin-right: calc(( 100vw - 58rem - 8rem ) / -2); 4736 } 4737 4738 /* Entry Content ------------------------- */ 4739 4740 /* ALIGNMENT CLASSES */ 4741 4742 .entry-content > .alignleft { 4743 margin-left: 4rem; 4744 } 4745 4746 .entry-content > p .alignleft, 4747 .entry-content > .wp-block-image .alignleft { 4748 margin-left: calc(( 100vw - 58rem - 8rem ) / -2); 4749 } 4750 4751 [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .alignleft, 4752 [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > p .alignleft, 4753 [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .wp-block-image .alignleft { 4754 margin-left: 0; 4755 } 4756 4757 .entry-content > .alignright { 4758 margin-right: 4rem; 4759 } 4760 4761 .entry-content > p .alignright, 4762 .entry-content > .wp-block-image .alignright { 4763 margin-right: calc(( 100vw - 58rem - 8rem ) / -2); 4764 } 4765 4766 [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .alignright, 4767 [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > p .alignright, 4768 [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .wp-block-image .alignright { 4769 margin-right: 0; 4770 } 4771 4772 /* Post Footer --------------------------- */ 4773 4774 /* POST NAV LINKS */ 4775 4776 .post-nav-links { 4777 margin: 3em auto 0 auto; 4778 } 4779 } 4780 4781 @media ( min-width: 700px ) { 4782 4783 /* Element Base ------------------------- */ 4784 4785 ul, 4786 ol { 4787 margin-bottom: 4rem; 4788 } 4789 4790 pre { 4791 padding: 3rem; 4792 } 4793 4794 hr { 4795 margin: 8rem auto; 4796 } 4797 4798 table { 4799 font-size: 1.8rem; 4800 } 4801 4802 /* VANILLA GALLERIES */ 4803 4804 .gallery-columns-2 .gallery-item { 4805 max-width: 50%; 4806 } 4807 4808 .gallery-columns-3 .gallery-item { 4809 max-width: 33.33%; 4810 } 4811 4812 .gallery-columns-4 .gallery-item { 4813 max-width: 25%; 4814 } 4815 4816 .gallery-columns-5 .gallery-item { 4817 max-width: 20%; 4818 } 4819 4820 .gallery-columns-6 .gallery-item { 4821 max-width: 16.66%; 4822 } 4823 4824 .gallery-columns-7 .gallery-item { 4825 max-width: 14.28%; 4826 } 4827 4828 .gallery-columns-8 .gallery-item { 4829 max-width: 12.5%; 4830 } 4831 4832 .gallery-columns-9 .gallery-item { 4833 max-width: 11.11%; 4834 } 4835 4836 /* TITLES */ 4837 4838 h1, 4839 .heading-size-1, 4840 h2, 4841 .heading-size-2, 4842 h3, 4843 .heading-size-3 { 4844 margin: 6rem auto 3rem; 4845 } 4846 4847 h4, 4848 .heading-size-4, 4849 h5, 4850 .heading-size-5, 4851 h6, 4852 .heading-size-6 { 4853 margin: 4.5rem auto 2.5rem; 4854 } 4855 4856 h1, 4857 .heading-size-1 { 4858 font-size: 6.4rem; 4859 } 4860 4861 h2, 4862 .heading-size-2 { 4863 font-size: 4.8rem; 4864 } 4865 4866 h3, 4867 .heading-size-3 { 4868 font-size: 4rem; 4869 } 4870 4871 h4, 4872 .heading-size-4 { 4873 font-size: 3.2rem; 4874 } 4875 4876 h5, 4877 .heading-size-5 { 4878 font-size: 2.4rem; 4879 } 4880 4881 h6, 4882 .heading-size-6 { 4883 font-size: 1.8rem; 4884 } 4885 4886 /* INPUTS */ 4887 4888 fieldset { 4889 padding: 3rem; 4890 } 4891 4892 legend { 4893 padding: 0 1.5rem; 4894 } 4895 4896 button, 4897 .button, 4898 .faux-button, 4899 .wp-block-button__link, 4900 input[type="button"], 4901 input[type="reset"], 4902 input[type="submit"] { 4903 font-size: 1.7rem; 4904 } 4905 4906 /* MEDIA */ 4907 4908 figcaption, 4909 .wp-caption-text { 4910 margin-top: 1.8rem; 4911 } 4912 4913 4914 /* Helper Classes ------------------------- */ 4915 4916 /* SECTIONS */ 4917 4918 section { 4919 padding: 8rem 0; 4920 } 4921 4922 .section-inner { 4923 width: calc(100% - 8rem); 4924 } 4925 4926 4927 /* Site Header --------------------------- */ 4928 4929 .header-inner { 4930 padding: 3.8rem 0; 4931 } 4932 4933 .site-title { 4934 font-size: 2.4rem; 4935 font-weight: 700; 4936 } 4937 4938 .site-description { 4939 display: block; 4940 } 4941 4942 .site-logo img { 4943 max-height: 9rem; 4944 transition: height 0.15s linear, width 0.15s linear, max-height 0.15s linear; 4945 } 4946 4947 /* HEADER TOGGLES */ 4948 4949 .toggle-inner .toggle-text { 4950 font-size: 1.2rem; 4951 } 4952 4953 .search-toggle { 4954 right: 2rem; 4955 } 4956 4957 .nav-toggle { 4958 left: 2rem; 4959 } 4960 4961 4962 /* Menu Modal ---------------------------- */ 4963 4964 button.close-nav-toggle { 4965 font-size: 1.8rem; 4966 padding: 4rem 0; 4967 } 4968 4969 button.close-nav-toggle svg { 4970 height: 2rem; 4971 width: 2rem; 4972 } 4973 4974 button.close-nav-toggle .toggle-text { 4975 margin-left: 2.1rem; 4976 } 4977 4978 .modal-menu { 4979 right: auto; 4980 width: 100%; 4981 } 4982 4983 .modal-menu > li > a, 4984 .modal-menu > li > .ancestor-wrapper > a { 4985 font-size: 2.4rem; 4986 padding: 2.5rem 0; 4987 } 4988 4989 .modal-menu ul li { 4990 border-right-color: transparent; 4991 } 4992 4993 .modal-menu > li > .ancestor-wrapper > button.sub-menu-toggle { 4994 padding: 0 3rem; 4995 } 4996 4997 .modal-menu > li > .ancestor-wrapper > button.sub-menu-toggle svg { 4998 height: 1.1rem; 4999 width: 1.8rem; 5000 } 5001 5002 .menu-bottom { 5003 align-items: center; 5004 display: flex; 5005 justify-content: space-between; 5006 padding: 4.4rem 0; 5007 } 5008 5009 .menu-copyright { 5010 display: block; 5011 flex-shrink: 0; 5012 margin-left: 4rem; 5013 } 5014 5015 /* Modal Search Form ------------------------- */ 5016 5017 .search-modal form { 5018 position: relative; 5019 width: 100%; 5020 } 5021 5022 .search-untoggle svg { 5023 height: 2.5rem; 5024 width: 2.5rem; 5025 } 5026 5027 .search-modal .search-field { 5028 border: none; 5029 font-size: 3.2rem; 5030 height: 14rem; 5031 } 5032 5033 .search-modal .search-field::-moz-placeholder { 5034 line-height: 4.375; 5035 } 5036 5037 /* Sub Page ------------------------------ */ 5038 5039 /* FEATURED MEDIA */ 5040 5041 .featured-media figcaption { 5042 margin: 2rem auto 0 auto; 5043 width: calc(100% - 8rem); 5044 } 5045 5046 /* Template: Cover Template -------------- */ 5047 5048 .cover-header-inner { 5049 padding: 18rem 0 8rem 0; 5050 } 5051 5052 .to-the-content-wrapper { 5053 top: calc(100% + 1.8rem); 5054 } 5055 5056 .to-the-content { 5057 height: 6rem; 5058 } 5059 5060 .to-the-content svg { 5061 height: 2.4rem; 5062 width: 2.12rem; 5063 } 5064 5065 /* Template: Full Width ------------------ */ 5066 5067 body.template-full-width .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) { 5068 width: calc(100% - 8rem); 5069 } 5070 5071 body.template-full-width .alignfull:not(.has-background) > .wp-block-group__inner-container > p:not(.has-background-color) { 5072 padding-right: 4rem; 5073 padding-left: 4rem; 5074 } 5075 5076 body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft, 5077 body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft, 5078 body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft { 5079 margin-left: 4rem; 5080 } 5081 5082 body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .alignright, 5083 body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright, 5084 body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright { 5085 margin-right: 4rem; 5086 } 5087 5088 /* Post: Archive ------------------------- */ 5089 5090 .archive-header { 5091 padding: 8rem 0; 5092 } 5093 5094 .reduced-spacing .archive-header { 5095 padding-bottom: 3rem; 5096 } 5097 5098 .archive-title { 5099 font-size: 3.2rem; 5100 } 5101 5102 body:not(.singular) main > article:first-of-type { 5103 padding: 8rem 0 0; 5104 } 5105 5106 h2.entry-title { 5107 font-size: 6.4rem; 5108 } 5109 5110 /* SEARCH RESULTS */ 5111 5112 .no-search-results-form { 5113 padding-top: 8rem; 5114 } 5115 5116 /* Post: Single -------------------------- */ 5117 5118 /* POST HEADER */ 5119 5120 .singular .entry-header { 5121 padding: 8rem 0; 5122 } 5123 5124 .entry-categories { 5125 margin-bottom: 3rem; 5126 } 5127 5128 .entry-categories-inner { 5129 margin: -1rem -2rem 0 0; 5130 } 5131 5132 .entry-categories a { 5133 font-size: 1.5rem; 5134 margin: 1rem 2rem 0 0; 5135 } 5136 5137 .intro-text { 5138 font-size: 2rem; 5139 margin-top: 2.5rem; 5140 } 5141 5142 .singular .intro-text { 5143 font-size: 2.6rem; 5144 } 5145 5146 .post-meta-wrapper { 5147 margin-top: 3rem; 5148 } 5149 5150 .post-meta { 5151 font-size: 1.6rem; 5152 margin: -1.4rem -3rem 0 0; 5153 } 5154 5155 .post-meta li { 5156 margin: 1.4rem 3rem 0 0; 5157 max-width: calc(100% - 3rem); 5158 } 5159 5160 .featured-media { 5161 margin-top: 6rem; 5162 } 5163 5164 .post-inner { 5165 padding-top: 8rem; 5166 } 5167 5168 /* POST FOOTER */ 5169 5170 .post-meta-wrapper.post-meta-single-bottom { 5171 margin-top: 4rem; 5172 } 5173 5174 /* AUTHOR BIO */ 5175 5176 .author-bio { 5177 margin-top: 8rem; 5178 min-height: 8rem; 5179 padding-right: 10rem; 5180 position: relative; 5181 } 5182 5183 .author-bio .avatar { 5184 position: absolute; 5185 right: 0; 5186 top: 0; 5187 height: 8rem; 5188 width: 8rem; 5189 } 5190 5191 /* SINGLE PAGINATION */ 5192 5193 .pagination-single { 5194 font-size: 2.4rem; 5195 margin-top: 8rem; 5196 } 5197 5198 .pagination-single-inner { 5199 flex-direction: row; 5200 justify-content: space-between; 5201 } 5202 5203 .pagination-single.only-next .pagination-single-inner { 5204 justify-content: flex-end; 5205 } 5206 5207 .pagination-single hr:first-child { 5208 margin: 0 0 4rem 0; 5209 } 5210 5211 .pagination-single hr:last-child { 5212 margin: 4rem 0 0.8rem 0; 5213 } 5214 5215 .pagination-single a + a { 5216 margin: 0 4rem 0 0; 5217 } 5218 5219 .pagination-single a .arrow { 5220 margin: 0 0 0 2rem; 5221 } 5222 5223 .pagination-single .next-post { 5224 flex-direction: row-reverse; 5225 text-align: left; 5226 } 5227 5228 .pagination-single .next-post .arrow { 5229 margin: 0 2rem 0 0; 5230 } 5231 5232 /* Blocks -------------------------------- */ 5233 5234 /* BLOCK: SHARED MEDIA STYLES */ 5235 5236 .wp-block-embed figcaption, 5237 .wp-block-image figcaption { 5238 font-size: 1.6rem; 5239 } 5240 5241 /* BLOCK: BASE MARGINS */ 5242 5243 .wp-block-archives:not(.alignwide):not(.alignfull), 5244 .wp-block-categories:not(.alignwide):not(.alignfull), 5245 .wp-block-code, 5246 .wp-block-columns:not(.alignwide):not(.alignfull), 5247 .wp-block-cover:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), 5248 .wp-block-embed:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), 5249 .wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), 5250 .wp-block-group:not(.has-background):not(.alignwide):not(.alignfull), 5251 .wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), 5252 .wp-block-latest-comments:not(.aligncenter):not(.alignleft):not(.alignright), 5253 .wp-block-latest-posts:not(.aligncenter):not(.alignleft):not(.alignright), 5254 .wp-block-media-text:not(.alignwide):not(.alignfull), 5255 .wp-block-preformatted, 5256 .wp-block-pullquote:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright), 5257 .wp-block-quote, 5258 .wp-block-quote.is-large, 5259 .wp-block-quote.is-style-large, 5260 .wp-block-verse, 5261 .wp-block-video:not(.alignwide):not(.alignfull) { 5262 margin-bottom: 4rem; 5263 margin-top: 4rem; 5264 } 5265 5266 /* BLOCK: COLUMNS */ 5267 5268 .wp-block-columns.alignwide + .wp-block-columns.alignwide, 5269 .wp-block-columns.alignfull + .wp-block-columns.alignfull { 5270 margin-top: -6rem; 5271 } 5272 5273 .entry-content .wp-block-columns h1, 5274 .entry-content .wp-block-columns h2, 5275 .entry-content .wp-block-columns h3, 5276 .entry-content .wp-block-columns h4, 5277 .entry-content .wp-block-columns h5, 5278 .entry-content .wp-block-columns h6 { 5279 margin: 3.5rem 0 2rem; 5280 } 5281 5282 /* BLOCK: COVER */ 5283 5284 .wp-block-cover-image .wp-block-cover__inner-container, 5285 .wp-block-cover .wp-block-cover__inner-container { 5286 width: calc(100% - 8rem); 5287 } 5288 5289 .wp-block-cover-image h2, 5290 .wp-block-cover h2 { 5291 font-size: 4.8rem; 5292 } 5293 5294 /* BLOCK: GALLERY */ 5295 5296 figure.wp-block-gallery.alignnone, 5297 figure.wp-block-gallery.aligncenter { 5298 margin-bottom: 4rem; 5299 margin-top: 4rem; 5300 } 5301 5302 figure.wp-block-gallery.alignwide, 5303 figure.wp-block-gallery.alignfull { 5304 margin-bottom: 6rem; 5305 margin-top: 6rem; 5306 } 5307 5308 /* BLOCK: GROUP */ 5309 5310 .wp-block-group.has-background { 5311 padding: 4rem; 5312 margin-top: 0; 5313 margin-bottom: 0; 5314 } 5315 5316 .alignfull:not(.has-background) > .wp-block-group__inner-container > p:not(.has-background-color) { 5317 padding-right: 0; 5318 padding-left: 0; 5319 } 5320 5321 /* BLOCK: MEDIA AND TEXT */ 5322 5323 .wp-block-media-text .wp-block-media-text__content { 5324 padding: 4rem; 5325 } 5326 5327 /* BLOCK: PULLQUOTE */ 5328 5329 .wp-block-pullquote blockquote p { 5330 font-size: 3.2rem; 5331 } 5332 5333 .wp-block-pullquote cite { 5334 margin-top: 2rem; 5335 } 5336 5337 .wp-block-pullquote.alignfull:not(.is-style-solid-color) { 5338 padding-right: 1rem; 5339 padding-left: 1rem; 5340 } 5341 5342 .wp-block-pullquote.alignwide::before, 5343 .wp-block-pullquote.alignfull::before { 5344 font-size: 11.272727272rem; 5345 height: 8rem; 5346 margin-bottom: 2rem; 5347 width: 8rem; 5348 } 5349 5350 .wp-block-pullquote.alignwide blockquote p, 5351 .wp-block-pullquote.alignfull blockquote p { 5352 font-size: 4.8rem; 5353 line-height: 1.203125; 5354 } 5355 5356 .wp-block-pullquote.alignleft p, 5357 .wp-block-pullquote.alignright p, 5358 .wp-block-pullquote.alignleft.is-style-solid-color blockquote p, 5359 .wp-block-pullquote.alignright.is-style-solid-color blockquote p { 5360 font-size: 3.2rem; 5361 line-height: 1.1875; 5362 } 5363 5364 .wp-block-pullquote.is-style-solid-color.alignwide, 5365 .wp-block-pullquote.is-style-solid-color.alignfull { 5366 padding: 6rem 4rem 4rem; 5367 } 5368 5369 .wp-block-pullquote.alignleft.is-style-solid-color blockquote p, 5370 .wp-block-pullquote.alignright.is-style-solid-color blockquote p { 5371 font-size: 2.6rem; 5372 } 5373 5374 /* BLOCK: QUOTE */ 5375 5376 .wp-block-quote.is-large p, 5377 .wp-block-quote.is-style-large p { 5378 font-size: 2.8rem; 5379 } 5380 5381 /* BLOCK: SEPARATOR */ 5382 5383 hr.wp-block-separator { 5384 margin: 6rem auto; 5385 } 5386 5387 .wp-block-separator.is-style-wide { 5388 max-width: calc(100vw - 8rem); 5389 } 5390 5391 /* Entry Content ------------------------- */ 5392 5393 .entry-content { 5394 font-size: 2.1rem; 5395 } 5396 5397 .entry-content p, 5398 .entry-content li { 5399 line-height: 1.476; 5400 } 5401 5402 .entry-content h1, 5403 .entry-content h2, 5404 .entry-content h3 { 5405 margin: 6rem auto 3rem; 5406 } 5407 5408 .entry-content h4, 5409 .entry-content h5, 5410 .entry-content h6 { 5411 margin: 4.5rem auto 2.5rem; 5412 } 5413 5414 .alignnone, 5415 .aligncenter { 5416 margin-bottom: 4rem; 5417 margin-top: 4rem; 5418 } 5419 5420 .alignleft { 5421 margin: 0.3rem 2rem 2rem 0; 5422 } 5423 5424 .alignright { 5425 margin: 0.3rem 0 2rem 2rem; 5426 } 5427 5428 .entry-content > .alignwide:not(.wp-block-group.has-background), 5429 .entry-content > .alignfull:not(.wp-block-group.has-background) { 5430 margin-bottom: 6rem; 5431 margin-top: 6rem; 5432 } 5433 5434 .entry-content > .alignwide { 5435 max-width: calc(100vw - 8rem); 5436 width: calc(100vw - 8rem); 5437 } 5438 5439 [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignleft, 5440 [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignleft, 5441 [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignleft { 5442 margin-left: 4rem; 5443 } 5444 5445 [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignright, 5446 [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignright, 5447 [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignright { 5448 margin-right: 4rem; 5449 } 5450 5451 .entry-content > .alignwide:first-child, 5452 .entry-content > .alignfull:first-child { 5453 margin-bottom: 8rem; 5454 } 5455 5456 /* ENTRY MEDIA */ 5457 5458 .alignfull > figcaption, 5459 .alignfull > .wp-caption-text { 5460 width: calc(100% - 8rem); 5461 } 5462 5463 /* Comments ------------------------------ */ 5464 5465 .comments-wrapper { 5466 margin-top: 8rem; 5467 } 5468 5469 .comment-reply-title { 5470 margin-bottom: 4.6rem; 5471 } 5472 5473 .comment-respond p.comment-notes, 5474 .comment-respond p.logged-in-as { 5475 font-size: 1.8rem; 5476 letter-spacing: -0.025em; 5477 margin: -2.5rem 0 4.4rem 0; 5478 } 5479 5480 .comments .comment, 5481 .comments .pingback, 5482 .comments .trackback, 5483 .comments .review { 5484 padding-top: 5rem; 5485 } 5486 5487 div.comment:first-of-type { 5488 margin-top: 5rem; 5489 } 5490 5491 .comment-meta { 5492 margin-bottom: 2rem; 5493 min-height: 6rem; 5494 padding: 0.3rem 7.5rem 0 0; 5495 } 5496 5497 .comment-meta .avatar { 5498 display: block; 5499 height: 6rem; 5500 position: absolute; 5501 right: 0; 5502 top: 0; 5503 width: 6rem; 5504 } 5505 5506 .comment-author { 5507 font-size: 2.4rem; 5508 } 5509 5510 .comment-metadata { 5511 font-size: 1.6rem; 5512 margin-top: 0.8rem; 5513 } 5514 5515 .comment-footer-meta { 5516 margin-top: 2.5rem; 5517 } 5518 5519 .comments-pagination { 5520 margin-top: 8rem; 5521 } 5522 5523 /* PINGBACKS & TRACKBACKS */ 5524 5525 .pingback .comment-body { 5526 padding: 0; 5527 } 5528 5529 /* COMMENT RESPOND */ 5530 5531 .comment-respond p { 5532 margin-bottom: 2.5rem; 5533 } 5534 5535 .comment-form p.logged-in-as { 5536 margin: -2.5rem 0 4.4rem 0; 5537 } 5538 5539 .comment-respond .comment-form-author, 5540 .comment-respond .comment-form-email { 5541 float: right; 5542 width: calc(50% - 1rem); 5543 } 5544 5545 .comment-respond .comment-form-email { 5546 margin-right: 2rem; 5547 } 5548 5549 .comments .comment-respond { 5550 padding: 5rem 0 0; 5551 } 5552 5553 .comment-reply-title small { 5554 display: inline; 5555 margin: 0 0.5rem 0 0; 5556 } 5557 5558 /* Site Pagination ----------------------- */ 5559 5560 .pagination-separator { 5561 margin: 8rem 0; 5562 } 5563 5564 /* Display the full text for Newer and Older Posts. */ 5565 5566 .nav-short { 5567 display: inline; 5568 } 5569 5570 .pagination .nav-links { 5571 font-size: 2.4rem; 5572 font-weight: 700; 5573 margin: -2.5rem -4rem 0 0; 5574 } 5575 5576 .nav-links > * { 5577 margin: 2.5rem 4rem 0 0; 5578 } 5579 5580 5581 /* Error 404 ----------------------------- */ 5582 5583 .error404 #site-content { 5584 padding-top: 8rem; 5585 } 5586 5587 /* Widgets ------------------------------- */ 5588 5589 .widget .widget-title { 5590 margin-bottom: 3rem; 5591 } 5592 5593 /* Site Footer --------------------------- */ 5594 5595 .footer-top-visible .footer-nav-widgets-wrapper, 5596 .footer-top-hidden #site-footer { 5597 margin-top: 8rem; 5598 } 5599 5600 /* FOOTER TOP */ 5601 5602 .footer-top { 5603 padding: 3.7rem 0; 5604 } 5605 5606 .footer-menu { 5607 font-size: 2.4rem; 5608 margin: -0.8rem -1.6rem 0 0; 5609 } 5610 5611 .footer-menu li { 5612 margin: 0.8rem 1.6rem 0 0; 5613 } 5614 5615 .has-footer-menu .footer-social-wrapper { 5616 flex: 1; 5617 margin-right: 4rem; 5618 width: auto; 5619 } 5620 5621 /* FOOTER WIDGETS */ 5622 5623 .footer-widgets-outer-wrapper { 5624 padding: 8rem 0; 5625 } 5626 5627 .footer-widgets-wrapper { 5628 display: flex; 5629 justify-content: space-between; 5630 margin-right: -4rem; 5631 width: calc(100% + 4rem); 5632 } 5633 5634 .footer-widgets { 5635 margin-right: 4rem; 5636 width: 50%; 5637 } 5638 5639 .footer-widgets + .footer-widgets { 5640 margin-top: 0; 5641 } 5642 5643 .footer-widgets .widget { 5644 border-top: none; 5645 margin-top: 5rem; 5646 padding-top: 0; 5647 } 5648 5649 .footer-widgets .widget:first-child { 5650 margin-top: 0; 5651 } 5652 5653 /* FOOTER BOTTOM */ 5654 5655 #site-footer { 5656 font-size: 1.8rem; 5657 padding: 4.3rem 0; 5658 } 5659 5660 .footer-credits { 5661 display: flex; 5662 flex-wrap: wrap; 5663 } 5664 5665 .footer-copyright { 5666 font-weight: 700; 5667 } 5668 5669 .footer-credits .privacy-policy { 5670 margin: 0 2.4rem 0 0; 5671 } 5672 5673 .to-the-top-long { 5674 display: inline; 5675 } 5676 5677 .to-the-top-short { 5678 display: none; 5679 } 5680 5681 } 5682 5683 @media (min-width: 782px) { 5684 5685 /* Blocks -------------------------------- */ 5686 5687 /* BLOCK: COLUMNS */ 5688 5689 .wp-block-column { 5690 margin-bottom: 0; 5691 } 5692 5693 .wp-block-columns.alignwide + .wp-block-columns.alignwide, 5694 .wp-block-columns.alignfull + .wp-block-columns.alignfull { 5695 margin-top: -2.8rem; 5696 } 5697 } 5698 5699 @media ( min-width: 1000px ) { 5700 5701 5702 /* Document Setup ------------------------ */ 5703 5704 /* Helper Classes ------------------------ */ 5705 5706 /* Site Header --------------------------- */ 5707 5708 #site-header { 5709 z-index: 2; 5710 } 5711 5712 .header-inner { 5713 align-items: center; 5714 display: flex; 5715 justify-content: space-between; 5716 padding: 2.8rem 0; 5717 } 5718 5719 .header-titles-wrapper { 5720 margin-left: 4rem; 5721 max-width: 50%; 5722 padding: 0; 5723 text-align: right; 5724 } 5725 5726 .header-titles { 5727 align-items: baseline; 5728 display: flex; 5729 flex-wrap: wrap; 5730 justify-content: flex-start; 5731 margin: -1rem -2.4rem 0 0; 5732 } 5733 5734 .header-titles .site-title, 5735 .header-titles .site-logo, 5736 .header-titles .site-description { 5737 margin: 1rem 2.4rem 0 0; 5738 } 5739 5740 .wp-custom-logo .header-titles { 5741 align-items: center; 5742 } 5743 5744 /* HEADER NAVIGATION */ 5745 5746 .header-navigation-wrapper { 5747 align-items: center; 5748 display: flex; 5749 } 5750 5751 .primary-menu-wrapper { 5752 display: block; 5753 width: 100%; 5754 } 5755 5756 /* HEADER TOGGLES */ 5757 5758 .mobile-search-toggle, 5759 .mobile-nav-toggle { 5760 display: none !important; 5761 } 5762 5763 .primary-menu-wrapper + .header-toggles { 5764 margin-right: 3rem; 5765 } 5766 5767 .header-toggles { 5768 display: flex; 5769 flex-shrink: 0; 5770 margin-left: -3rem; 5771 } 5772 5773 .header-inner .toggle { 5774 height: 4.4rem; 5775 padding: 0 3rem; 5776 position: relative; 5777 bottom: auto; 5778 right: auto; 5779 left: auto; 5780 top: auto; 5781 width: auto; 5782 } 5783 5784 .header-inner .toggle-wrapper { 5785 position: relative; 5786 } 5787 5788 .header-inner .toggle-wrapper::before { 5789 background: #dedfdf; 5790 content: ""; 5791 display: block; 5792 height: 2.7rem; 5793 position: absolute; 5794 right: 0; 5795 top: calc(50% - 1.35rem); 5796 width: 0.1rem; 5797 } 5798 5799 .header-inner .toggle-wrapper:first-child::before { 5800 content: none; 5801 } 5802 5803 .header-inner .primary-menu-wrapper + .header-toggles .toggle-wrapper:first-child::before { 5804 content: ""; 5805 } 5806 5807 .nav-toggle-wrapper:not(.has-expanded-menu) { 5808 display: none; 5809 } 5810 5811 .toggle-inner { 5812 position: static; 5813 } 5814 5815 .toggle-inner .toggle-text { 5816 right: 0; 5817 left: 0; 5818 text-align: center; 5819 top: calc(100% - 0.3rem); 5820 width: auto; 5821 } 5822 5823 .header-toggles:only-child .nav-toggle .toggle-inner { 5824 padding-top: 0; 5825 } 5826 5827 .header-toggles:only-child .toggle-inner { 5828 display: flex; 5829 flex-wrap: nowrap; 5830 align-items: center; 5831 } 5832 5833 .header-toggles:only-child .toggle-inner .svg-icon { 5834 order: 1; 5835 } 5836 5837 .header-toggles:only-child .toggle-inner .toggle-text { 5838 position: static; 5839 padding-left: 20px; 5840 font-size: 15px; 5841 color: inherit; 5842 } 5843 5844 /* Menu Modal ---------------------------- */ 5845 5846 .menu-modal { 5847 opacity: 1; 5848 justify-content: flex-end; 5849 padding: 0; 5850 transition: background-color 0.3s ease-in, right 0s 0.3s, left 0s 0.3s; 5851 } 5852 5853 .menu-modal.cover-modal { 5854 background: rgba(0, 0, 0, 0); 5855 } 5856 5857 .menu-modal.active { 5858 background: rgba(0, 0, 0, 0.2); 5859 transition: background-color 0.3s ease-out; 5860 } 5861 5862 .menu-wrapper.section-inner { 5863 width: calc(100% - 8rem); 5864 } 5865 5866 .menu-modal-inner { 5867 box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.1); 5868 opacity: 0; 5869 padding: 0; 5870 transform: translateX(-20rem); 5871 transition: transform 0.2s ease-in, opacity 0.2s ease-in; 5872 width: 50rem; 5873 } 5874 5875 .menu-modal.active .menu-modal-inner { 5876 opacity: 1; 5877 transform: translateX(0); 5878 transition-timing-function: ease-out; 5879 } 5880 5881 .mobile-menu { 5882 display: none; 5883 } 5884 5885 .expanded-menu { 5886 display: block; 5887 } 5888 5889 .menu-bottom { 5890 padding: 6rem 0; 5891 } 5892 5893 .menu-bottom .social-menu { 5894 justify-content: flex-start; 5895 } 5896 5897 /* Sub Page ------------------------------ */ 5898 5899 /* FEATURED MEDIA */ 5900 5901 .featured-media figcaption { 5902 width: 100%; 5903 } 5904 5905 /* Template: Full Width ------------------ */ 5906 5907 .template-full-width .wp-block-image .alignleft { 5908 margin-right: 2rem; 5909 } 5910 5911 .template-full-width .wp-block-image .alignright { 5912 margin-left: 2rem; 5913 } 5914 5915 /* Post: Archive ------------------------- */ 5916 5917 /* Post: Single -------------------------- */ 5918 5919 .singular .intro-text { 5920 font-size: 2.8rem; 5921 } 5922 5923 /* Blocks -------------------------------- */ 5924 5925 /* BLOCK: COLUMNS */ 5926 5927 .wp-block-columns.alignwide + .wp-block-columns.alignwide, 5928 .wp-block-columns.alignfull + .wp-block-columns.alignfull { 5929 margin-top: -4.8rem; 5930 } 5931 5932 /* BLOCK: GALLERY */ 5933 5934 figure.wp-block-gallery.alignwide, 5935 figure.wp-block-gallery.alignfull { 5936 margin-bottom: 8rem; 5937 margin-top: 8rem; 5938 } 5939 5940 /* BLOCK: GROUP */ 5941 5942 .entry-content > .wp-block-group.alignwide.has-background, 5943 .entry-content > .wp-block-group.alignfull.has-background { 5944 padding: 8rem 4rem; 5945 margin-bottom: 0; 5946 margin-top: 0; 5947 } 5948 5949 /* BLOCK: IMAGE */ 5950 5951 .wp-block-image .alignleft { 5952 margin-right: 0; 5953 } 5954 5955 .wp-block-image .alignright { 5956 margin-left: 0; 5957 } 5958 5959 /* BLOCK: SEPARATOR */ 5960 5961 hr.wp-block-separator { 5962 margin: 8rem auto; 5963 } 5964 5965 /* Entry Content ------------------------- */ 5966 5967 /* ALIGNMENT CLASSES */ 5968 5969 .entry-content > .alignleft, 5970 .entry-content > p .alignleft, 5971 .entry-content > .wp-block-image .alignleft { 5972 position: absolute; 5973 right: calc((100vw - 58rem) / 2 + 58rem + 2rem); 5974 max-width: calc((100% - 58rem) / 2 - 6rem); 5975 } 5976 5977 [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .alignleft, 5978 [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > p .alignleft, 5979 [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .wp-block-image .alignleft { 5980 position: relative; 5981 right: inherit; 5982 max-width: inherit; 5983 } 5984 5985 [class*="wp-block"].alignwide [class*="__inner-container"] > .alignleft, 5986 [class*="wp-block"].alignwide [class*="__inner-container"] > p .alignleft, 5987 [class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignleft, 5988 [class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft, 5989 [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft, 5990 [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft { 5991 position: absolute; 5992 right: calc((100% - 58rem) / 2 + 58rem + 4rem); 5993 max-width: calc((100% - 58rem) / 2 - 4rem); 5994 } 5995 5996 [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .alignleft, 5997 [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > p .alignleft, 5998 [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .wp-block-image .alignleft { 5999 right: calc((100% - 58rem) / 2 + 58rem); 6000 } 6001 6002 [class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft, 6003 [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft, 6004 [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft { 6005 margin-left: 4rem; 6006 } 6007 6008 .entry-content > .alignright, 6009 .entry-content > p .alignright, 6010 .entry-content > .wp-block-image .alignright, 6011 [class*="__inner-container"] > .alignright { 6012 position: absolute; 6013 left: calc((100vw - 58rem) / 2 + 58rem + 2rem); 6014 max-width: calc((100% - 58rem) / 2 - 6rem); 6015 } 6016 6017 [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .alignright, 6018 [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > p .alignright, 6019 [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .wp-block-image .alignright { 6020 position: relative; 6021 left: inherit; 6022 max-width: inherit; 6023 } 6024 6025 [class*="wp-block"].alignwide [class*="__inner-container"] > .alignright, 6026 [class*="wp-block"].alignwide [class*="__inner-container"] > p .alignright, 6027 [class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignright, 6028 [class*="wp-block"].alignfull [class*="__inner-container"] > .alignright, 6029 [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright, 6030 [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright { 6031 position: absolute; 6032 left: calc((100% - 58rem) / 2 + 58rem + 4rem); 6033 max-width: calc((100% - 58rem) / 2 - 4rem); 6034 } 6035 6036 [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .alignright, 6037 [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > p .alignright, 6038 [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .wp-block-image .alignright { 6039 left: calc((100% - 58rem) / 2 + 58rem + 4rem); 6040 } 6041 6042 [class*="wp-block"].alignfull [class*="__inner-container"] > .alignright, 6043 [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright, 6044 [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright { 6045 margin-right: 4rem; 6046 } 6047 6048 .entry-content > .alignwide:not(.wp-block-group.has-background), 6049 .entry-content > .alignfull:not(.wp-block-group.has-background) { 6050 margin-bottom: 8rem; 6051 margin-top: 8rem; 6052 } 6053 6054 /* ENTRY MEDIA */ 6055 6056 .alignfull > figcaption, 6057 .alignfull > .wp-caption-text { 6058 width: calc(100% - 10rem); 6059 } 6060 6061 /* Comments ------------------------------ */ 6062 6063 .comment-meta { 6064 padding-right: 0; 6065 } 6066 6067 .comment-meta .avatar { 6068 right: -8rem; 6069 } 6070 6071 /* Site Pagination ----------------------- */ 6072 6073 .pagination .nav-links { 6074 justify-content: space-between; 6075 margin: 0; 6076 width: 100%; 6077 } 6078 6079 .nav-links > * { 6080 margin: 0 2rem; 6081 } 6082 6083 .pagination .next, 6084 .pagination .prev { 6085 display: block; 6086 } 6087 6088 .pagination .prev { 6089 margin: 0 0 0 auto; 6090 } 6091 6092 .pagination .next { 6093 text-align: left; 6094 margin: 0 auto 0 0; 6095 } 6096 6097 /* Site Footer --------------------------- */ 6098 6099 /* FOOTER TOP */ 6100 6101 .footer-top { 6102 align-items: center; 6103 } 6104 6105 .footer-menu { 6106 align-items: baseline; 6107 display: flex; 6108 justify-content: flex-start; 6109 flex-wrap: wrap; 6110 font-size: 2.1rem; 6111 margin: -1.2rem -2.4rem 0 0; 6112 } 6113 6114 .footer-menu li { 6115 margin: 1.2rem 2.4rem 0 0; 6116 } 6117 6118 .powered-by-wordpress { 6119 display: block; 6120 } 6121 } 6122 6123 6124 @media ( min-width: 1220px ) { 6125 6126 /* Element Base -------------------------- */ 6127 6128 /* TITLES */ 6129 6130 h1, 6131 .heading-size-1 { 6132 font-size: 8.4rem; 6133 } 6134 6135 /* Helper Classes ------------------------ */ 6136 6137 /* Site Header --------------------------- */ 6138 6139 /* PRIMARY MENU */ 6140 6141 ul.primary-menu { 6142 margin: -0.8rem -2.5rem 0 0; 6143 } 6144 6145 .primary-menu > li { 6146 margin: 0.8rem 2.5rem 0 0; 6147 } 6148 6149 /* HEADER TOGGLES */ 6150 6151 .primary-menu-wrapper + .header-toggles { 6152 margin-right: 4rem; 6153 } 6154 6155 .header-toggles { 6156 margin-left: -4rem; 6157 } 6158 6159 .header-toggles .toggle { 6160 padding: 0 4rem; 6161 } 6162 6163 /* Menu Modal ---------------------------- */ 6164 6165 /* Search Modal -------------------------- */ 6166 6167 /* Sub Page ------------------------------ */ 6168 6169 /* Template: Cover Template -------------- */ 6170 6171 .cover-header + .post-inner { 6172 padding-top: 10rem; 6173 } 6174 6175 /* Post: Archive ------------------------- */ 6176 6177 /* Post: Single -------------------------- */ 6178 6179 .singular .intro-text { 6180 font-size: 3.2rem; 6181 letter-spacing: -0.03125em; 6182 line-height: 1.375; 6183 } 6184 6185 /* Blocks -------------------------------- */ 6186 6187 /* BLOCK: COLUMNS */ 6188 6189 .wp-block-columns.alignfull + .wp-block-columns.alignfull { 6190 margin-top: -6rem; 6191 } 6192 6193 /* BLOCK: GALLERY */ 6194 6195 figure.wp-block-gallery.alignfull { 6196 margin-bottom: 10rem; 6197 margin-top: 10rem; 6198 } 6199 6200 /* BLOCK: GROUP */ 6201 6202 .entry-content > .wp-block-group.alignwide.has-background, 6203 .entry-content > .wp-block-group.alignfull.has-background { 6204 padding: 8rem 6rem; 6205 margin-bottom: 0; 6206 margin-top: 0; 6207 } 6208 6209 /* BLOCK: PULLQUOTE */ 6210 6211 .wp-block-pullquote.alignwide blockquote p, 6212 .wp-block-pullquote.alignfull blockquote p { 6213 font-size: 6.4rem; 6214 } 6215 6216 .wp-block-pullquote.is-style-solid-color.alignwide, 6217 .wp-block-pullquote.is-style-solid-color.alignfull { 6218 padding: 9rem 4rem 8rem; 6219 } 6220 6221 /* Entry Content ------------------------- */ 6222 6223 /* ALIGNMENT CLASSES */ 6224 6225 .entry-content > .alignfull { 6226 margin-bottom: 10rem; 6227 margin-top: 10rem; 6228 } 6229 6230 [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .alignleft, 6231 [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > p .alignleft, 6232 [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .wp-block-image .alignleft { 6233 right: calc((100% - 58rem) / 2 + 58rem - 2rem); 6234 } 6235 6236 [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .alignright, 6237 [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > p .alignright, 6238 [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .wp-block-image .alignright { 6239 left: calc((100% - 58rem) / 2 + 58rem + 6rem); 6240 } 6241 6242 /* Comments ------------------------------ */ 6243 6244 .comment-reply-title { 6245 font-size: 5.6rem; 6246 line-height: 1.2; 6247 margin-bottom: 6rem; 6248 } 6249 6250 .comment-respond p.comment-notes, 6251 .comment-respond p.logged-in-as { 6252 margin: -4rem 0 6rem 0; 6253 } 6254 6255 .comments .comment-respond .comment-reply-title { 6256 font-size: 4.8rem; 6257 } 6258 6259 .comments .comment-respond p.comment-notes, 6260 .comments .comment-respond p.logged-in-as { 6261 margin: -4.5rem 0 4rem 0; 6262 } 6263 6264 /* Site Pagination ----------------------- */ 6265 6266 /* Widgets ------------------------------- */ 6267 6268 .widget-content { 6269 font-size: 2.1rem; 6270 } 6271 6272 /* Site Footer --------------------------- */ 6273 6274 .footer-menu { 6275 font-size: 2.4rem; 6276 margin: -1.5rem -3rem 0 0; 6277 } 6278 6279 .footer-menu li { 6280 margin: 1.5rem 3rem 0 0; 6281 } 6282 6283 ul.footer-social { 6284 margin: -1rem -1rem 0 0; 6285 } 6286 6287 ul.footer-social li { 6288 margin: 1rem 1rem 0 0; 6289 } 6290 6291 .footer-social a { 6292 height: 4.4rem; 6293 width: 4.4rem; 6294 } 6295 6296 .footer-social a::before { 6297 font-size: 2rem; 6298 } 6299 6300 /* FOOTER WIDGETS */ 6301 6302 .footer-widgets-wrapper { 6303 margin-right: -6rem; 6304 width: calc(100% + 6rem); 6305 } 6306 6307 .footer-widgets { 6308 margin-right: 6rem; 6309 } 6310 6311 } 6312 6313 @media ( min-width: 1240px ) { 6314 6315 6316 /* Blocks -------------------------------- */ 6317 6318 body.template-full-width .entry-content > .alignleft { 6319 margin-left: calc(( 100vw - 120rem ) / 2); 6320 } 6321 6322 body.template-full-width .entry-content > .alignright { 6323 margin-right: calc(( 100vw - 120rem ) / 2); 6324 } 6325 6326 } 6327 6328 @media ( min-width: 1280px ) { 6329 6330 /* Blocks -------------------------------- */ 6331 6332 /* BLOCK: GALLERY */ 6333 6334 figure.wp-block-gallery.alignleft { 6335 margin-left: -31rem; 6336 } 6337 6338 figure.wp-block-gallery.alignright { 6339 margin-right: -31rem; 6340 } 6341 6342 /* BLOCK: SEPARATOR */ 6343 6344 .wp-block-separator.is-style-wide { 6345 max-width: 120rem; 6346 width: 100%; 6347 } 6348 6349 /* Entry Content ------------------------- */ 6350 6351 /* ALIGNMENT CLASSES */ 6352 6353 .entry-content > .alignleft, 6354 .entry-content > p .alignleft, 6355 .entry-content > .wp-block-image .alignleft { 6356 right: calc((100vw - 58rem) / 2 + 58rem + 4rem); 6357 margin-left: -31rem; 6358 } 6359 6360 .entry-content > .alignright, 6361 .entry-content > p .alignright, 6362 .entry-content > .wp-block-image .alignright { 6363 left: calc((100vw - 58rem) / 2 + 58rem + 4rem); 6364 margin-right: -31rem; 6365 } 6366 6367 .entry-content > .alignwide { 6368 max-width: 120rem; 6369 width: 120rem; 6370 } 6371 6372 [class*="__inner-container"] > .alignwide { 6373 max-width: 120rem; 6374 width: 100%; 6375 } 6376 6377 .alignleft, 6378 .alignright, 6379 .entry-content > .alignleft, 6380 .entry-content > p .alignleft, 6381 .entry-content > .wp-block-image .alignleft, 6382 .entry-content > .alignright, 6383 .entry-content > p .alignright, 6384 .entry-content > .wp-block-image .alignright, 6385 [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .alignleft, 6386 [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > p .alignleft, 6387 [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignleft, 6388 [class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft, 6389 [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft, 6390 [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft, 6391 [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .alignright, 6392 [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > p .alignright, 6393 [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignright, 6394 [class*="wp-block"].alignfull [class*="__inner-container"] > .alignright, 6395 [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright, 6396 [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright { 6397 max-width: 25rem; 6398 } 6399 6400 /* Template: Full Width ------------------ */ 6401 6402 body.template-full-width .alignfull:not(.has-background) > .wp-block-group__inner-container > p:not(.has-background-color) { 6403 padding-right: 0; 6404 padding-left: 0; 6405 } 6406 6407 body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft { 6408 margin-left: 0; 6409 } 6410 6411 body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright { 6412 margin-right: 0; 6413 } 6414 6415 } 6416 6417 @media ( min-width: 1330px ) { 6418 6419 6420 /* Entry Content ------------------------- */ 6421 6422 /* ALIGNMENT CLASSES */ 6423 6424 .alignleft, 6425 .alignright, 6426 .entry-content > .alignleft, 6427 .entry-content > p .alignleft, 6428 .entry-content > .wp-block-image .alignleft, 6429 .entry-content > .alignright, 6430 .entry-content > p .alignright, 6431 .entry-content > .wp-block-image .alignright, 6432 [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .alignleft, 6433 [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > p .alignleft, 6434 [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignleft, 6435 [class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft, 6436 [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft, 6437 [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft, 6438 [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .alignright, 6439 [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > p .alignright, 6440 [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignright, 6441 [class*="wp-block"].alignfull [class*="__inner-container"] > .alignright, 6442 [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright, 6443 [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright { 6444 max-width: 29rem; 6445 } 6446 6447 /* Blocks -------------------------------- */ 6448 6449 /* BLOCK: PULLQUOTE */ 6450 6451 .wp-block-pullquote.is-style-solid-color.alignleft::before, 6452 .wp-block-pullquote.is-style-solid-color.alignright::before { 6453 top: 0; 6454 } 6455 } 6456 6457 @media ( max-width: 800px ) { 6458 6459 /* Customizer ---------------------------- */ 6460 6461 .customize-partial-edit-shortcuts-shown .footer-nav-widgets-wrapper .footer-inner.section-inner { 6462 width: calc(100% - 8rem); 6463 } 6464 }
title
Description
Body
title
Description
Body
title
Description
Body
title
Body
| Generated : Thu Nov 14 08:20:01 2024 | Cross-referenced by PHPXref |