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