| [ 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.2 5 Tested up to: 7.1 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 .no-js .primary-menu li.menu-item-has-children > ul:focus-within { 1688 left: 0; 1689 opacity: 1; 1690 transform: translateY(0); 1691 transition: opacity 0.15s linear, transform 0.15s linear; 1692 } 1693 1694 .primary-menu ul::before, 1695 .primary-menu ul::after { 1696 content: ""; 1697 display: block; 1698 position: absolute; 1699 bottom: 100%; 1700 } 1701 1702 .primary-menu ul::before { 1703 height: 2rem; 1704 right: 0; 1705 left: 0; 1706 } 1707 1708 .primary-menu ul::after { 1709 border: 0.8rem solid transparent; 1710 border-bottom-color: #000; 1711 left: 1.8rem; 1712 } 1713 1714 .primary-menu ul a { 1715 background: transparent; 1716 border: none; 1717 color: inherit; 1718 display: block; 1719 padding: 1rem 2rem; 1720 transition: background-color 0.15s linear; 1721 width: 100%; 1722 } 1723 1724 .primary-menu ul li.menu-item-has-children > a { 1725 padding-left: 4.5rem; 1726 } 1727 1728 .primary-menu ul li.menu-item-has-children .icon { 1729 position: absolute; 1730 left: 1.5rem; 1731 top: calc(50% - 0.5rem); 1732 } 1733 1734 /* DEEP DOWN */ 1735 1736 .primary-menu ul ul { 1737 top: -1rem; 1738 } 1739 1740 .primary-menu ul li.menu-item-has-children:hover > ul, 1741 .primary-menu ul li.menu-item-has-children:focus > ul, 1742 .primary-menu ul li.menu-item-has-children.focus > ul, 1743 .no-js .primary-menu ul li.menu-item-has-children > ul:focus-within { 1744 left: calc(100% + 2rem); 1745 } 1746 1747 .primary-menu ul ul::before { 1748 bottom: 0; 1749 height: auto; 1750 right: auto; 1751 left: -2rem; 1752 top: 0; 1753 width: 2rem; 1754 } 1755 1756 .primary-menu ul ul::after { 1757 border-bottom-color: transparent; 1758 border-left-color: #000; 1759 bottom: auto; 1760 left: -1.6rem; 1761 top: 2rem; 1762 } 1763 1764 .rtl .primary-menu ul ul::after { 1765 transform: rotate(-180deg); 1766 } 1767 1768 /* 1769 * Enable nav submenu expansion with tapping on arrows on large-viewport 1770 * touch interfaces (e.g. tablets or laptops with touch screens). 1771 * These rules are supported by all browsers (>IE11) and when JS is disabled. 1772 */ 1773 @media (any-pointer: coarse) { 1774 1775 .primary-menu > li.menu-item-has-children > a { 1776 padding-left: 0; 1777 margin-left: 2rem; 1778 } 1779 1780 .primary-menu ul li.menu-item-has-children > a { 1781 margin-left: 4.5rem; 1782 padding-left: 0; 1783 width: unset; 1784 } 1785 1786 } 1787 1788 /* Repeat previous rules for IE11 (when JS enabled for polyfill). */ 1789 body.touch-enabled .primary-menu > li.menu-item-has-children > a { 1790 padding-left: 0; 1791 margin-left: 2rem; 1792 } 1793 1794 body.touch-enabled .primary-menu ul li.menu-item-has-children > a { 1795 margin-left: 4.5rem; 1796 padding-left: 0; 1797 width: unset; 1798 } 1799 1800 /* -------------------------------------------------------------------------- */ 1801 1802 /* 5. Menu Modal 1803 /* -------------------------------------------------------------------------- */ 1804 1805 1806 .menu-modal { 1807 background: #fff; 1808 display: none; 1809 opacity: 0; 1810 overflow-y: auto; 1811 overflow-x: hidden; 1812 position: fixed; 1813 bottom: 0; 1814 right: -99999rem; 1815 left: 99999rem; 1816 top: 0; 1817 transition: opacity 0.25s ease-in, right 0s 0.25s, left 0s 0.25s; 1818 z-index: 99; 1819 } 1820 1821 .admin-bar .menu-modal { 1822 top: 32px; 1823 } 1824 1825 @media (max-width: 782px) { 1826 1827 .admin-bar .menu-modal { 1828 top: 46px; 1829 } 1830 } 1831 1832 .menu-modal.show-modal { 1833 display: flex; 1834 } 1835 1836 .menu-modal.active { 1837 right: 0; 1838 opacity: 1; 1839 left: 0; 1840 transition: opacity 0.25s ease-out; 1841 } 1842 1843 .menu-modal-inner { 1844 background: #fff; 1845 display: flex; 1846 justify-content: stretch; 1847 overflow: auto; 1848 -ms-overflow-style: auto; 1849 width: 100%; 1850 } 1851 1852 .menu-wrapper { 1853 display: flex; 1854 flex-direction: column; 1855 justify-content: space-between; 1856 position: relative; 1857 } 1858 1859 button.close-nav-toggle { 1860 align-items: center; 1861 display: flex; 1862 font-size: 1.6rem; 1863 font-weight: 500; 1864 justify-content: flex-end; 1865 padding: 3.1rem 0; 1866 width: 100%; 1867 } 1868 1869 button.close-nav-toggle svg { 1870 height: 1.6rem; 1871 width: 1.6rem; 1872 } 1873 1874 button.close-nav-toggle .toggle-text { 1875 margin-left: 1.6rem; 1876 } 1877 1878 .menu-modal .menu-top { 1879 flex-shrink: 0; 1880 } 1881 1882 1883 /* Main Menu --------------------------------- */ 1884 1885 .modal-menu { 1886 position: relative; 1887 right: calc(50% - 50vw); 1888 width: 100vw; 1889 } 1890 1891 .modal-menu li { 1892 border-color: #dedfdf; 1893 border-style: solid; 1894 border-width: 0.1rem 0 0 0; 1895 display: flex; 1896 flex-wrap: wrap; 1897 line-height: 1; 1898 justify-content: flex-start; 1899 margin: 0; 1900 } 1901 1902 .modal-menu > li > a, 1903 .modal-menu > li > .ancestor-wrapper > a { 1904 font-size: 2rem; 1905 font-weight: 700; 1906 letter-spacing: -0.0375em; 1907 } 1908 1909 .modal-menu > li:last-child { 1910 border-bottom-width: 0.1rem; 1911 } 1912 1913 .modal-menu .ancestor-wrapper { 1914 display: flex; 1915 justify-content: space-between; 1916 width: 100%; 1917 } 1918 1919 .modal-menu a { 1920 display: block; 1921 padding: 2rem 2.5rem; 1922 text-decoration: none; 1923 width: 100%; 1924 } 1925 1926 .modal-menu a:focus, 1927 .modal-menu a:hover, 1928 .modal-menu li.current-menu-item > .ancestor-wrapper > a, 1929 .modal-menu li.current_page_ancestor > .ancestor-wrapper > a { 1930 text-decoration: underline; 1931 } 1932 1933 button.sub-menu-toggle { 1934 border-right: 0.1rem solid #dedfdf; 1935 flex-shrink: 0; 1936 margin: 1rem 0; 1937 padding: 0 2.5rem; 1938 } 1939 1940 button.sub-menu-toggle svg { 1941 height: 0.9rem; 1942 transition: transform 0.15s linear; 1943 width: 1.5rem; 1944 } 1945 1946 button.sub-menu-toggle.active svg { 1947 transform: rotate(-180deg); 1948 } 1949 1950 .modal-menu ul { 1951 display: none; 1952 margin: 0; 1953 width: 100%; 1954 } 1955 1956 .modal-menu ul li { 1957 border-right-width: 1rem; 1958 } 1959 1960 .modal-menu ul li a { 1961 color: inherit; 1962 font-weight: 500; 1963 } 1964 1965 /* Main menu animation ----------------------- */ 1966 1967 .menu-wrapper .menu-item { 1968 position: relative; 1969 } 1970 1971 .menu-wrapper .active { 1972 display: block; 1973 } 1974 1975 .menu-wrapper.is-toggling { 1976 pointer-events: none; 1977 } 1978 1979 .menu-wrapper.is-toggling .menu-item { 1980 position: absolute; 1981 top: 0; 1982 right: 0; 1983 margin: 0; 1984 width: 100%; 1985 } 1986 1987 .menu-wrapper.is-toggling .menu-bottom .social-menu .menu-item { 1988 width: auto; 1989 } 1990 1991 .menu-wrapper.is-animating .menu-item, 1992 .menu-wrapper.is-animating .toggling-target { 1993 transition-duration: 250ms; 1994 } 1995 1996 .menu-wrapper.is-animating .menu-item { 1997 transition-property: transform; 1998 } 1999 2000 .menu-wrapper.is-toggling .toggling-target { 2001 display: block; 2002 position: absolute; 2003 top: 0; 2004 right: 0; 2005 opacity: 1; 2006 } 2007 2008 .menu-wrapper.is-toggling .toggling-target.active { 2009 opacity: 0; 2010 } 2011 2012 .menu-wrapper.is-animating.is-toggling .toggling-target { 2013 display: block; 2014 transition-property: opacity; 2015 opacity: 0; 2016 } 2017 2018 .menu-wrapper.is-animating.is-toggling .toggling-target.active { 2019 opacity: 1; 2020 } 2021 2022 .menu-wrapper.is-toggling .modal-menu > li:last-child li { 2023 border-top-color: transparent; 2024 border-bottom-width: 0.1rem; 2025 } 2026 2027 @media (prefers-reduced-motion: reduce) { 2028 2029 .menu-wrapper.is-animating .menu-item, 2030 .menu-wrapper.is-animating .toggling-target { 2031 transition-duration: 1ms !important; 2032 } 2033 2034 } 2035 2036 2037 /* Expanded Menu ----------------------------- */ 2038 2039 .expanded-menu { 2040 display: none; 2041 } 2042 2043 .mobile-menu { 2044 display: block; 2045 } 2046 2047 2048 /* Menu Bottom ------------------------------- */ 2049 2050 .menu-bottom { 2051 flex-shrink: 0; 2052 padding: 4rem 0; 2053 } 2054 2055 .menu-bottom nav { 2056 width: 100%; 2057 } 2058 2059 .menu-copyright { 2060 display: none; 2061 font-size: 1.6rem; 2062 font-weight: 500; 2063 margin: 0; 2064 } 2065 2066 .menu-copyright a:focus, 2067 .menu-copyright a:hover { 2068 text-decoration: underline; 2069 } 2070 2071 .menu-bottom .social-menu { 2072 justify-content: center; 2073 } 2074 2075 2076 /* -------------------------------------------------------------------------- */ 2077 2078 /* 6. Search Modal 2079 /* -------------------------------------------------------------------------- */ 2080 2081 2082 .search-modal { 2083 background: rgba(0, 0, 0, 0.2); 2084 display: none; 2085 opacity: 0; 2086 position: fixed; 2087 bottom: 0; 2088 right: -9999rem; 2089 top: 0; 2090 transition: opacity 0.2s linear, right 0s 0.2s linear; 2091 width: 100%; 2092 z-index: 999; 2093 } 2094 2095 .admin-bar .search-modal.active { 2096 top: 32px; 2097 } 2098 2099 @media (max-width: 782px) { 2100 2101 .admin-bar .search-modal.active { 2102 top: 46px; 2103 } 2104 } 2105 2106 .search-modal-inner { 2107 background: #fff; 2108 transform: translateY(-100%); 2109 transition: transform 0.15s linear, box-shadow 0.15s linear; 2110 } 2111 2112 .search-modal-inner .section-inner { 2113 display: flex; 2114 justify-content: space-between; 2115 max-width: 168rem; 2116 } 2117 2118 .search-modal.active { 2119 right: 0; 2120 opacity: 1; 2121 transition: opacity 0.2s linear; 2122 } 2123 2124 .search-modal.active .search-modal-inner { 2125 box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.08); 2126 transform: translateY(0); 2127 transition: transform 0.25s ease-in-out, box-shadow 0.1s 0.25s linear; 2128 } 2129 2130 button.search-untoggle { 2131 align-items: center; 2132 display: flex; 2133 flex-shrink: 0; 2134 justify-content: center; 2135 margin-left: -2.5rem; 2136 padding: 0 2.5rem; 2137 } 2138 2139 .search-modal button.search-untoggle { 2140 color: inherit; 2141 } 2142 2143 .search-modal.active .search-untoggle { 2144 animation: popIn both 0.3s 0.2s; 2145 } 2146 2147 .search-untoggle svg { 2148 height: 1.5rem; 2149 transition: transform 0.15s ease-in-out; 2150 width: 1.5rem; 2151 } 2152 2153 .search-untoggle:focus svg, 2154 .search-untoggle:hover svg { 2155 transform: scale(1.15); 2156 } 2157 2158 2159 /* Modal Search Form ------------------------- */ 2160 2161 .search-modal form { 2162 margin: 0; 2163 position: relative; 2164 width: 100%; 2165 } 2166 2167 .search-modal .search-field { 2168 background: none; 2169 border: none; 2170 border-radius: 0; 2171 color: inherit; 2172 font-size: 2rem; 2173 letter-spacing: -0.0277em; 2174 height: 8.4rem; 2175 margin: 0 -2rem 0 0; 2176 max-width: calc(100% + 2rem); 2177 padding: 0 2rem 0 0; 2178 width: calc(100% + 2rem); 2179 } 2180 2181 .search-modal .search-field::-webkit-input-placeholder { 2182 color: inherit; 2183 } 2184 2185 .search-modal .search-field:-ms-input-placeholder { 2186 color: inherit; 2187 } 2188 2189 .search-modal .search-field::-moz-placeholder { 2190 color: inherit; 2191 line-height: 4; 2192 } 2193 2194 .search-modal .search-submit { 2195 position: absolute; 2196 left: -9999rem; 2197 top: 50%; 2198 transform: translateY(-50%); 2199 } 2200 2201 .search-modal .search-submit:focus { 2202 left: 0; 2203 } 2204 2205 2206 /* -------------------------------------------------------------------------- */ 2207 2208 /* 7a. Template: Cover Template 2209 /* -------------------------------------------------------------------------- */ 2210 2211 2212 .cover-header { 2213 display: flex; 2214 overflow: hidden; 2215 } 2216 2217 .cover-header-inner-wrapper { 2218 display: flex; 2219 position: relative; 2220 flex-direction: column; 2221 justify-content: flex-end; 2222 width: 100%; 2223 } 2224 2225 .cover-header-inner { 2226 padding: 10rem 0 5rem 0; 2227 width: 100%; 2228 } 2229 2230 .cover-color-overlay, 2231 .cover-color-overlay::before { 2232 position: absolute; 2233 bottom: 0; 2234 right: 0; 2235 left: 0; 2236 top: 0; 2237 } 2238 2239 .cover-color-overlay::before { 2240 background: currentColor; 2241 content: ""; 2242 display: block; 2243 } 2244 2245 .cover-header .entry-header { 2246 position: relative; 2247 width: 100%; 2248 z-index: 1; 2249 } 2250 2251 .cover-header .entry-header * { 2252 color: #fff; 2253 } 2254 2255 body.template-cover .entry-header { 2256 background: transparent; 2257 padding: 0; 2258 } 2259 2260 .cover-header h1, 2261 .cover-header h2, 2262 .cover-header h3, 2263 .cover-header h4, 2264 .cover-header h5, 2265 .cover-header h6, 2266 .cover-header .faux-heading { 2267 color: inherit; 2268 } 2269 2270 .cover-header .entry-header a { 2271 color: inherit; 2272 } 2273 2274 /* To The Content ---------------------------- */ 2275 2276 .to-the-content-wrapper { 2277 position: absolute; 2278 right: 0; 2279 left: 0; 2280 top: calc(100% + 0.5rem); 2281 } 2282 2283 .to-the-content { 2284 align-items: center; 2285 display: flex; 2286 justify-content: center; 2287 height: 4rem; 2288 text-decoration: none; 2289 } 2290 2291 .to-the-content svg { 2292 height: 2rem; 2293 transition: transform 0.15s linear; 2294 transform: translateY(0); 2295 width: 1.767rem; 2296 } 2297 2298 .to-the-content:focus svg, 2299 .to-the-content:hover svg { 2300 transform: translateY(20%); 2301 } 2302 2303 2304 /* -------------------------------------------------------------------------- */ 2305 2306 /* 7c. Template: Full Width 2307 /* -------------------------------------------------------------------------- */ 2308 2309 2310 body.template-full-width .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide), 2311 body.template-full-width [class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) { 2312 max-width: 120rem; 2313 } 2314 2315 body.template-full-width .entry-content .alignleft, 2316 body.template-full-width .entry-content .alignright { 2317 position: static; 2318 } 2319 2320 body.template-full-width .entry-content .alignleft, 2321 body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > .alignleft, 2322 body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > p .alignleft, 2323 body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignleft { 2324 margin-left: 0; 2325 position: static; 2326 } 2327 2328 body.template-full-width .entry-content > .alignleft, 2329 body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignleft, 2330 body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignleft, 2331 body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignleft { 2332 margin-left: 2rem; 2333 position: static; 2334 } 2335 2336 body.template-full-width .entry-content .alignright, 2337 body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > .alignright, 2338 body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > p .alignright, 2339 body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignright { 2340 margin-right: 0; 2341 position: static; 2342 } 2343 2344 body.template-full-width .entry-content > .alignright, 2345 body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignright, 2346 body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignright, 2347 body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignright { 2348 margin-right: 2rem; 2349 position: static; 2350 } 2351 2352 2353 /* -------------------------------------------------------------------------- */ 2354 2355 /* 8. Post: Archive 2356 /* -------------------------------------------------------------------------- */ 2357 2358 2359 /* Archive Header ---------------------------- */ 2360 2361 .archive-header { 2362 background-color: #fff; 2363 padding: 4rem 0; 2364 } 2365 2366 .reduced-spacing .archive-header { 2367 padding-bottom: 2rem; 2368 } 2369 2370 .archive-title { 2371 font-size: 2.4rem; 2372 font-weight: 700; 2373 letter-spacing: -0.026666667em; 2374 margin: 0; 2375 } 2376 2377 .archive-subtitle p:last-child { 2378 margin-bottom: 0; 2379 } 2380 2381 2382 /* Posts ------------------------------------- */ 2383 2384 body:not(.singular) main > article:first-of-type { 2385 padding: 4rem 0 0; 2386 } 2387 2388 2389 /* Search Results ---------------------------- */ 2390 2391 .no-search-results-form { 2392 padding-top: 5rem; 2393 } 2394 2395 2396 /* -------------------------------------------------------------------------- */ 2397 2398 /* 9. Post: Single 2399 /* -------------------------------------------------------------------------- */ 2400 2401 2402 /* Post Header ------------------------------- */ 2403 2404 .singular .entry-header { 2405 background-color: #fff; 2406 padding: 4rem 0; 2407 } 2408 2409 .entry-categories { 2410 line-height: 1.25; 2411 margin-bottom: 2rem; 2412 } 2413 2414 .entry-categories-inner { 2415 justify-content: center; 2416 display: flex; 2417 flex-wrap: wrap; 2418 margin: -0.5rem -1rem 0 0; 2419 } 2420 2421 .entry-categories a { 2422 border-bottom: 0.15rem solid currentColor; 2423 font-size: 1.4rem; 2424 font-weight: 700; 2425 letter-spacing: 0.036666667em; 2426 margin: 0.5rem 1rem 0 0; 2427 text-decoration: none; 2428 text-transform: uppercase; 2429 } 2430 2431 .entry-categories a:focus, 2432 .entry-categories a:hover { 2433 border-bottom-color: transparent; 2434 } 2435 2436 h1.entry-title, 2437 h2.entry-title { 2438 margin: 0; 2439 } 2440 2441 .entry-title a { 2442 color: inherit; 2443 text-decoration: none; 2444 } 2445 2446 .entry-title a:focus, 2447 .entry-title a:hover { 2448 text-decoration: underline; 2449 } 2450 2451 .intro-text { 2452 margin-top: 2rem; 2453 } 2454 2455 .singular .intro-text { 2456 font-size: 2rem; 2457 letter-spacing: -0.0315em; 2458 line-height: 1.4; 2459 } 2460 2461 /* POST META */ 2462 2463 .post-meta-single-top .post-meta { 2464 justify-content: center; 2465 } 2466 2467 .post-meta-wrapper { 2468 margin-top: 2rem; 2469 margin-left: auto; 2470 margin-right: auto; 2471 max-width: 58rem; 2472 width: 100%; 2473 } 2474 2475 .post-meta { 2476 color: #6d6d6d; 2477 display: flex; 2478 flex-wrap: wrap; 2479 font-size: 1.5rem; 2480 font-weight: 500; 2481 list-style: none; 2482 margin: -1rem -2rem 0 0; 2483 } 2484 2485 .post-meta li { 2486 flex-shrink: 0; 2487 letter-spacing: -0.016875em; 2488 margin: 1rem 2rem 0 0; 2489 max-width: calc(100% - 2rem); 2490 } 2491 2492 .post-meta a { 2493 color: inherit; 2494 text-decoration: none; 2495 } 2496 2497 .post-meta a:focus, 2498 .post-meta a:hover { 2499 text-decoration: underline; 2500 } 2501 2502 .post-meta .meta-wrapper { 2503 align-items: center; 2504 display: flex; 2505 flex-wrap: nowrap; 2506 } 2507 2508 .post-meta .meta-icon { 2509 flex-shrink: 0; 2510 margin-left: 1rem; 2511 } 2512 2513 .sticky .post-sticky { 2514 color: inherit; 2515 } 2516 2517 .post-meta .post-author .meta-icon svg { 2518 width: 1.6rem; 2519 height: 1.8rem; 2520 } 2521 2522 .post-meta .post-categories .meta-icon svg { 2523 width: 1.8rem; 2524 height: 1.7rem; 2525 } 2526 2527 .post-meta .post-comment-link .meta-icon svg { 2528 width: 1.8rem; 2529 height: 1.8rem; 2530 } 2531 2532 .post-meta .post-date .meta-icon svg { 2533 width: 1.7rem; 2534 height: 1.8rem; 2535 } 2536 2537 .post-meta .post-edit .meta-icon svg { 2538 width: 1.8rem; 2539 height: 1.8rem; 2540 } 2541 2542 .post-meta .post-sticky .meta-icon svg { 2543 width: 1.5rem; 2544 height: 1.8rem; 2545 } 2546 2547 .post-meta .post-tags .meta-icon svg { 2548 width: 1.8rem; 2549 height: 1.8rem; 2550 } 2551 2552 .post-meta svg * { 2553 fill: currentColor; 2554 } 2555 2556 2557 /* Featured Media ---------------------------- */ 2558 2559 .featured-media { 2560 margin-top: 5rem; 2561 position: relative; 2562 } 2563 2564 .singular .featured-media { 2565 margin-top: 0; 2566 } 2567 2568 .singular .featured-media-inner { 2569 position: relative; 2570 right: calc(50% - 50vw); 2571 width: 100vw; 2572 } 2573 2574 .singular .featured-media::before { 2575 background: #fff; 2576 content: ""; 2577 display: block; 2578 position: absolute; 2579 bottom: 50%; 2580 right: 0; 2581 left: 0; 2582 top: 0; 2583 } 2584 2585 .featured-media img { 2586 margin: 0 auto; 2587 } 2588 2589 .featured-media figcaption { 2590 margin: 1.5rem auto 0 auto; 2591 text-align: center; 2592 width: calc(100% - 5rem); 2593 } 2594 2595 .post-inner { 2596 padding-top: 5rem; 2597 } 2598 2599 .reduced-spacing.missing-post-thumbnail .post-inner { 2600 padding-top: 0; 2601 } 2602 2603 2604 /* Post Footer ------------------------------- */ 2605 2606 /* POST NAV LINKS */ 2607 2608 .post-nav-links { 2609 border-radius: 0.4rem; 2610 display: flex; 2611 font-size: 0.9em; 2612 font-weight: 600; 2613 line-height: 1; 2614 margin: 3em auto 0 auto; 2615 padding: 0; 2616 width: calc(100% - 4rem); 2617 max-width: 58rem; 2618 } 2619 2620 .post-nav-links > span.label { 2621 padding: 1em 0; 2622 } 2623 2624 .post-nav-links > * { 2625 padding: 1em 0.75em; 2626 } 2627 2628 /* POST META BOTTOM */ 2629 2630 .post-meta-wrapper.post-meta-single-bottom { 2631 margin-top: 3rem; 2632 } 2633 2634 2635 /* Author Bio -------------------------------- */ 2636 2637 .author-bio { 2638 margin-top: 4rem; 2639 margin-left: auto; 2640 margin-right: auto; 2641 max-width: 58rem; 2642 width: 100%; 2643 } 2644 2645 .hide-avatars .author-bio { 2646 padding-right: 0; 2647 } 2648 2649 .author-bio .author-title-wrapper { 2650 align-items: center; 2651 display: flex; 2652 margin: 0 0 1rem 0; 2653 } 2654 2655 .author-bio .avatar { 2656 border-radius: 50%; 2657 margin-left: 1.5rem; 2658 height: 5rem; 2659 width: 5rem; 2660 } 2661 2662 .hide-avatars img.avatar { 2663 display: none; 2664 } 2665 2666 .author-bio p:last-child { 2667 margin-bottom: 0; 2668 } 2669 2670 .author-bio .author-title { 2671 margin: 0; 2672 } 2673 2674 .author-bio .author-link { 2675 display: block; 2676 font-size: 1.6rem; 2677 font-weight: 600; 2678 margin-top: 1em; 2679 text-decoration: none; 2680 } 2681 2682 .author-bio .author-link:focus, 2683 .author-bio .author-link:hover { 2684 text-decoration: underline; 2685 } 2686 2687 2688 /* Single Pagination ------------------------- */ 2689 2690 .pagination-single { 2691 font-size: 1.8rem; 2692 margin-top: 5rem; 2693 } 2694 2695 .pagination-single-inner { 2696 display: flex; 2697 flex-direction: column; 2698 } 2699 2700 .pagination-single hr:first-child { 2701 margin: 0 0 2.8rem 0; 2702 } 2703 2704 .pagination-single hr:last-child { 2705 margin: 2.8rem 0 0.8rem 0; 2706 } 2707 2708 .pagination-single a { 2709 align-items: baseline; 2710 display: flex; 2711 font-weight: 600; 2712 letter-spacing: -0.0275em; 2713 text-decoration: none; 2714 flex: 1; 2715 } 2716 2717 .pagination-single a + a { 2718 margin-top: 1rem; 2719 } 2720 2721 .pagination-single a .arrow { 2722 margin-left: 1rem; 2723 } 2724 2725 .pagination-single a:focus .title, 2726 .pagination-single a:hover .title { 2727 text-decoration: underline; 2728 } 2729 2730 2731 /* -------------------------------------------------------------------------- */ 2732 2733 /* 10. Blocks 2734 /* -------------------------------------------------------------------------- */ 2735 2736 2737 /* Block Colors ------------------------------ */ 2738 2739 .has-text-color a { 2740 color: inherit; 2741 } 2742 2743 /* CUSTOM COLORS */ 2744 2745 :root .has-accent-background-color { 2746 background-color: #cd2653; 2747 color: #fff; 2748 } 2749 2750 :root .has-primary-background-color { 2751 background-color: #000; 2752 color: #f5efe0; 2753 } 2754 2755 :root .has-secondary-background-color { 2756 background-color: #6d6d6d; 2757 color: #fff; 2758 } 2759 2760 :root .has-subtle-background-background-color { 2761 background-color: #dcd7ca; 2762 color: #000; 2763 } 2764 2765 :root .has-background-background-color { 2766 background-color: #f5efe0; 2767 color: #000; 2768 } 2769 2770 :root .has-accent-color { 2771 color: #cd2653; 2772 } 2773 2774 :root .has-primary-color { 2775 color: #000; 2776 } 2777 2778 :root .has-secondary-color { 2779 color: #6d6d6d; 2780 } 2781 2782 :root .has-subtle-background-color { 2783 color: #dcd7ca; 2784 } 2785 2786 :root .has-background-color { 2787 color: #f5efe0; 2788 } 2789 2790 2791 /* Block Typography Classes ------------------ */ 2792 2793 .has-text-align-left { 2794 text-align: left; 2795 } 2796 2797 .has-text-align-center { 2798 text-align: center; 2799 } 2800 2801 .has-text-align-right { 2802 text-align: right; 2803 } 2804 2805 .has-drop-cap:not(:focus)::first-letter { 2806 color: #cd2653; 2807 font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; 2808 font-size: 5.1em; 2809 font-weight: 800; 2810 margin: 0.05em 0 0 0.1em; 2811 } 2812 2813 .has-drop-cap:not(:focus)::first-letter::after { 2814 content: ""; 2815 display: table; 2816 clear: both; 2817 } 2818 2819 .has-drop-cap:not(:focus)::after { 2820 padding: 0; 2821 } 2822 2823 2824 /* Block Font Families ----------------------- */ 2825 2826 .has-drop-cap:not(:focus)::first-letter, 2827 .entry-content .wp-block-archives, 2828 .entry-content .wp-block-categories, 2829 .entry-content .wp-block-cover-image, 2830 .entry-content .wp-block-latest-comments, 2831 .entry-content .wp-block-latest-posts, 2832 .entry-content .wp-block-pullquote, 2833 .entry-content .wp-block-quote.is-large, 2834 .entry-content .wp-block-quote.is-style-large { 2835 font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; 2836 } 2837 2838 @supports ( font-variation-settings: normal ) { 2839 2840 .has-drop-cap:not(:focus)::first-letter, 2841 .entry-content .wp-block-archives, 2842 .entry-content .wp-block-categories, 2843 .entry-content .wp-block-latest-posts, 2844 .entry-content .wp-block-latest-comments, 2845 .entry-content .wp-block-cover-image p, 2846 .entry-content .wp-block-pullquote { 2847 font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; 2848 } 2849 } 2850 2851 /* Block Font Sizes -------------------------- */ 2852 2853 .entry-content .has-small-font-size { 2854 font-size: 0.842em; 2855 } 2856 2857 .entry-content .has-normal-font-size, 2858 .entry-content .has-regular-font-size { 2859 font-size: 1em; 2860 } 2861 2862 .entry-content .has-medium-font-size { 2863 font-size: 1.1em; 2864 line-height: 1.45; 2865 } 2866 2867 .entry-content .has-large-font-size { 2868 font-size: 1.25em; 2869 line-height: 1.4; 2870 } 2871 2872 .entry-content .has-larger-font-size { 2873 font-size: 1.5em; 2874 line-height: 1.3; 2875 } 2876 2877 2878 /* Block: Base Margins ----------------------- */ 2879 2880 *[class*="_inner-container"] > *:first-child { 2881 margin-top: 0; 2882 } 2883 2884 *[class*="_inner-container"] > *:last-child { 2885 margin-bottom: 0; 2886 } 2887 2888 .wp-block-archives:not(.alignwide):not(.alignfull), 2889 .wp-block-categories:not(.alignwide):not(.alignfull), 2890 .wp-block-code, 2891 .wp-block-columns:not(.alignwide):not(.alignfull), 2892 .wp-block-cover:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), 2893 .wp-block-embed:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), 2894 .wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), 2895 .wp-block-group:not(.has-background):not(.alignwide):not(.alignfull), 2896 .wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), 2897 .wp-block-latest-comments:not(.aligncenter):not(.alignleft):not(.alignright), 2898 .wp-block-latest-posts:not(.aligncenter):not(.alignleft):not(.alignright), 2899 .wp-block-media-text:not(.alignwide):not(.alignfull), 2900 .wp-block-preformatted, 2901 .wp-block-pullquote:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright), 2902 .wp-block-quote, 2903 .wp-block-quote.is-large, 2904 .wp-block-quote.is-style-large, 2905 .wp-block-verse, 2906 .wp-block-video:not(.alignwide):not(.alignfull) { 2907 margin-bottom: 3rem; 2908 margin-top: 3rem; 2909 } 2910 2911 2912 /* Block: Shared Nesting Alignment Resets ---- */ 2913 2914 [class*="__inner-container"] .wp-block-group:not(.alignfull):not(.alignwide):not(.alignleft):not(.alignright), 2915 [class*="__inner-container"] .wp-block-cover:not(.alignfull):not(.alignwide):not(.alignleft):not(.alignright) { 2916 margin-right: auto; 2917 margin-left: auto; 2918 max-width: 58rem; 2919 } 2920 2921 2922 /* Block: Shared Widget Styles --------------- */ 2923 2924 .wp-block-archives, 2925 .wp-block-categories, 2926 .wp-block-latest-posts, 2927 .wp-block-latest-comments { 2928 list-style: none; 2929 margin-right: 0; 2930 } 2931 2932 .wp-block-archives ul, 2933 .wp-block-categories ul, 2934 .wp-block-latest-posts ul, 2935 .wp-block-latest-comments ul { 2936 list-style: none; 2937 } 2938 2939 ol.wp-block-latest-comments { 2940 margin-right: auto; 2941 margin-left: auto; 2942 } 2943 2944 .entry-content .wp-block-archives > li, 2945 .entry-content .wp-block-categories > li, 2946 .entry-content .wp-block-latest-posts > li, 2947 .entry-content .wp-block-latest-comment > li { 2948 margin-right: 0; 2949 } 2950 2951 .entry-content .wp-block-archives > li:last-child, 2952 .entry-content .wp-block-categories > li:last-child, 2953 .entry-content .wp-block-latest-posts > li:last-child, 2954 .entry-content .wp-block-latest-comment > li:last-child { 2955 margin-bottom: 0; 2956 } 2957 2958 .entry-content .wp-block-archives *, 2959 .entry-content .wp-block-categories *, 2960 .entry-content .wp-block-latest-posts *, 2961 .entry-content .wp-block-latest-comments * { 2962 font-family: inherit; 2963 } 2964 2965 .entry-content .wp-block-archives li, 2966 .entry-content .wp-block-categories li, 2967 .entry-content .wp-block-latest-posts li { 2968 color: #6d6d6d; 2969 } 2970 2971 .wp-block-archives a, 2972 .wp-block-categories a, 2973 .wp-block-latest-posts a, 2974 .wp-block-latest-comments a { 2975 font-weight: 700; 2976 text-decoration: none; 2977 } 2978 2979 .wp-block-archives a:hover, 2980 .wp-block-categories a:hover, 2981 .wp-block-latest-posts a:hover, 2982 .wp-block-latest-comments a:hover, 2983 .wp-block-archives a:focus, 2984 .wp-block-categories a:focus, 2985 .wp-block-latest-posts a:focus, 2986 .wp-block-latest-comments a:focus { 2987 text-decoration: underline; 2988 } 2989 2990 .wp-block-latest-posts a, 2991 .wp-block-latest-comments__comment-meta { 2992 font-weight: 700; 2993 letter-spacing: -0.025em; 2994 line-height: 1.25; 2995 } 2996 2997 .wp-block-latest-comments__comment-date, 2998 .wp-block-latest-posts__post-date { 2999 color: #6d6d6d; 3000 font-size: 0.7em; 3001 font-weight: 600; 3002 letter-spacing: normal; 3003 margin-top: 0.15em; 3004 } 3005 3006 3007 /* Block: Shared Media Styles ---------------- */ 3008 3009 .wp-block-embed figcaption, 3010 .wp-block-image figcaption { 3011 color: #6d6d6d; 3012 font-size: 1.4rem; 3013 margin-bottom: 0; 3014 margin-top: 1.5rem; 3015 } 3016 3017 /* Block: Audio ------------------------------ */ 3018 3019 .wp-block-audio audio { 3020 width: 100%; 3021 } 3022 3023 /* Block: Button ----------------------------- */ 3024 3025 .wp-block-button { 3026 margin: 3rem 0; 3027 } 3028 3029 .wp-block-button.is-style-outline { 3030 color: #cd2653; 3031 } 3032 3033 .is-style-outline .wp-block-button__link:not(.has-text-color) { 3034 color: inherit; 3035 } 3036 3037 .is-style-outline .wp-block-button__link { 3038 border: 2px solid; 3039 padding: calc(1.1em - 0.2rem) calc(1.44em - 0.2rem); 3040 } 3041 3042 .wp-block-buttons[style*="text-transform"] .wp-block-button__link, 3043 .wp-block-button[style*="text-transform"] .wp-block-button__link { 3044 text-transform: inherit; 3045 } 3046 3047 .wp-block-buttons[style*="letter-spacing"] .wp-block-button__link, 3048 .wp-block-button[style*="letter-spacing"] .wp-block-button__link { 3049 letter-spacing: inherit; 3050 } 3051 3052 /* Block: Calendar --------------------------- */ 3053 3054 .wp-block-calendar[class*="-font-size"] table, 3055 .wp-block-calendar[style*="font-size"] table, 3056 .wp-block-calendar[class*="-font-size"] .wp-calendar-nav, 3057 .wp-block-calendar[style*="font-size"] .wp-calendar-nav { 3058 font-size: inherit; 3059 } 3060 3061 /* Block: Columns ---------------------------- */ 3062 3063 .wp-block-columns.alignfull, 3064 .alignfull:not(.has-background) .wp-block-columns { 3065 padding-right: 2rem; 3066 padding-left: 2rem; 3067 } 3068 3069 .wp-block-column { 3070 margin-bottom: 3.2rem; 3071 } 3072 3073 .wp-block-column > *:first-child { 3074 margin-top: 0; 3075 } 3076 3077 .wp-block-column > *:last-child { 3078 margin-bottom: 0; 3079 } 3080 3081 /* Block: Cover ------------------------------ */ 3082 3083 .wp-block-cover-image .wp-block-cover__inner-container, 3084 .wp-block-cover .wp-block-cover__inner-container { 3085 width: calc(100% - 4rem); 3086 padding: 2rem 0; 3087 } 3088 3089 .wp-block-cover-image .wp-block-cover-image-text, 3090 .wp-block-cover-image .wp-block-cover-text, 3091 .wp-block-cover-image h2, 3092 .wp-block-cover .wp-block-cover-image-text, 3093 .wp-block-cover .wp-block-cover-text, 3094 .wp-block-cover h2 { 3095 max-width: 100%; 3096 padding: 0; 3097 } 3098 3099 .wp-block-cover-image h2, 3100 .wp-block-cover h2 { 3101 font-size: 3.2rem; 3102 } 3103 3104 /* Block: Embed ------------------------------ */ 3105 3106 /* Block: File ------------------------------- */ 3107 3108 .wp-block-file { 3109 align-items: center; 3110 display: flex; 3111 flex-wrap: wrap; 3112 justify-content: space-between; 3113 } 3114 3115 .wp-block-file a:not(.wp-block-file__button) { 3116 font-weight: 700; 3117 text-decoration: none; 3118 } 3119 3120 .wp-block-file a:not(.wp-block-file__button):not(:last-child) { 3121 margin-left: 1rem; 3122 } 3123 3124 .wp-block-file a:not(.wp-block-file__button):focus, 3125 .wp-block-file a:not(.wp-block-file__button):hover { 3126 text-decoration: underline; 3127 } 3128 3129 .wp-block-file .wp-block-file__button { 3130 font-size: 1.5rem; 3131 padding: 1em 1.25em; 3132 } 3133 3134 .wp-block-file a.wp-block-file__button:visited { 3135 opacity: 1; 3136 } 3137 3138 .wp-block-file a.wp-block-file__button:active, 3139 .wp-block-file a.wp-block-file__button:focus, 3140 .wp-block-file a.wp-block-file__button:hover { 3141 opacity: 1; 3142 text-decoration: underline; 3143 } 3144 3145 3146 /* Block: Gallery ---------------------------- */ 3147 3148 .wp-block-gallery ul { 3149 list-style: none; 3150 margin: 0 0 -1.6rem 0; 3151 } 3152 3153 figure.wp-block-gallery.alignnone, 3154 figure.wp-block-gallery.aligncenter { 3155 margin-bottom: 3rem; 3156 margin-top: 3rem; 3157 } 3158 3159 figure.wp-block-gallery.alignleft { 3160 margin: 0.3rem 0 2rem 2rem; 3161 } 3162 3163 figure.wp-block-gallery.alignright { 3164 margin: 0.3rem 2rem 2rem 0; 3165 } 3166 3167 figure.wp-block-gallery.alignwide { 3168 margin-bottom: 4rem; 3169 margin-top: 4rem; 3170 } 3171 3172 figure.wp-block-gallery.alignfull { 3173 margin-bottom: 5rem; 3174 margin-top: 5rem; 3175 } 3176 3177 /* Block: Group ------------------------------ */ 3178 3179 .wp-block-group.has-background { 3180 padding: 2rem; 3181 margin-bottom: 0; 3182 margin-top: 0; 3183 } 3184 3185 .wp-block-group__inner-container { 3186 margin: 0 auto; 3187 } 3188 3189 .wp-block-group__inner-container, 3190 .entry-content .wp-block-group p { 3191 max-width: 100%; 3192 } 3193 3194 .alignfull:not(.has-background) > .wp-block-group__inner-container > p:not(.has-background-color) { 3195 padding-right: 2rem; 3196 padding-left: 2rem; 3197 } 3198 3199 /* Block: Image ------------------------------ */ 3200 3201 /* Block: Media And Text --------------------- */ 3202 3203 .wp-block-media-text .wp-block-media-text__content { 3204 padding: 3rem 2rem; 3205 } 3206 3207 .wp-block-media-text .wp-block-media-text__content p { 3208 max-width: none; 3209 } 3210 3211 .wp-block-media-text__content > *:first-child { 3212 margin-top: 0; 3213 } 3214 3215 .wp-block-media-text__content > *:last-child { 3216 margin-bottom: 0; 3217 } 3218 3219 /* Block: Pullquote -------------------------- */ 3220 3221 /* STYLE: DEFAULT */ 3222 3223 .wp-block-pullquote { 3224 padding: 0; 3225 position: relative; 3226 } 3227 3228 .wp-block-pullquote.alignleft, 3229 .wp-block-pullquote.alignright { 3230 max-width: calc(100% - 4rem); 3231 } 3232 3233 .wp-block-pullquote::before { 3234 background: #fff; 3235 border-radius: 50%; 3236 color: #cd2653; 3237 content: "”"; 3238 display: block; 3239 font-size: 6.2rem; 3240 font-weight: 500; 3241 line-height: 1.2; 3242 margin: 0 auto 1.5rem auto; 3243 text-align: center; 3244 height: 4.4rem; 3245 width: 4.4rem; 3246 } 3247 3248 .reduced-spacing .wp-block-pullquote::before { 3249 border: 0.1rem solid currentColor; 3250 font-size: 5.9rem; 3251 } 3252 3253 .wp-block-pullquote blockquote { 3254 border: none; 3255 margin: 0; 3256 padding: 0; 3257 } 3258 3259 .wp-block-pullquote blockquote p { 3260 font-family: inherit; 3261 font-size: 2.8rem; 3262 font-weight: 700; 3263 line-height: 1.178571429; 3264 letter-spacing: -0.041785714em; 3265 max-width: 100%; 3266 } 3267 3268 .wp-block-pullquote p:last-of-type { 3269 margin-bottom: 0; 3270 } 3271 3272 .wp-block-pullquote cite { 3273 color: #6d6d6d; 3274 font-size: 1.6rem; 3275 font-weight: 500; 3276 margin-top: 1.2rem; 3277 } 3278 3279 .wp-block-pullquote.has-text-color cite, 3280 .wp-block-pullquote.has-background cite, 3281 .has-background .wp-block-pullquote cite { 3282 color: inherit; 3283 } 3284 3285 .wp-block-pullquote.alignleft p, 3286 .wp-block-pullquote.alignright p { 3287 font-size: 2.8rem; 3288 } 3289 3290 .wp-block-pullquote.alignleft { 3291 text-align: right; 3292 } 3293 3294 .wp-block-pullquote.alignright { 3295 text-align: left; 3296 } 3297 3298 .wp-block-pullquote.alignleft::before { 3299 margin-right: 0; 3300 } 3301 3302 .wp-block-pullquote.alignright::before { 3303 margin-left: 0; 3304 } 3305 3306 .wp-block-pullquote[class*="-font-size"] p, 3307 .wp-block-pullquote[style*="font-size"] p { 3308 font-size: inherit; 3309 } 3310 3311 .wp-block-pullquote[style*="font-weight"] p { 3312 font-weight: inherit; 3313 } 3314 3315 .wp-block-pullquote[style*="letter-spacing"] p { 3316 letter-spacing: inherit; 3317 } 3318 3319 /* STYLE: SOLID BACKGROUND COLOR */ 3320 3321 .wp-block-pullquote.is-style-solid-color { 3322 padding: 3rem 2rem; 3323 } 3324 3325 .wp-block-pullquote.is-style-solid-color::before { 3326 position: absolute; 3327 top: 0; 3328 right: 50%; 3329 transform: translateY(-50%) translateX(50%); 3330 } 3331 3332 .wp-block-pullquote.is-style-solid-color.alignleft::before, 3333 .wp-block-pullquote.is-style-solid-color.alignright::before { 3334 transform: translateY(-50%); 3335 } 3336 3337 .wp-block-pullquote.is-style-solid-color.alignleft::before { 3338 right: 2rem; 3339 } 3340 3341 .wp-block-pullquote.is-style-solid-color.alignright::before { 3342 right: auto; 3343 left: 2rem; 3344 } 3345 3346 .wp-block-pullquote.is-style-solid-color blockquote { 3347 max-width: 100%; 3348 text-align: inherit; 3349 } 3350 3351 .wp-block-pullquote.is-style-solid-color cite { 3352 color: inherit; 3353 } 3354 3355 /* Block: Separator ------------------------- */ 3356 3357 hr.wp-block-separator { 3358 margin: 3rem 0; 3359 } 3360 3361 /* STYLE: WIDE */ 3362 3363 .wp-block-separator.is-style-wide { 3364 max-width: calc(100vw - 4rem); 3365 position: relative; 3366 width: 100%; 3367 } 3368 3369 /* STYLE: DOTS */ 3370 3371 .wp-block-separator.is-style-dots::before { 3372 background: none; 3373 color: inherit; 3374 font-size: 3.2rem; 3375 font-weight: 700; 3376 height: auto; 3377 letter-spacing: 1em; 3378 padding-right: 1em; 3379 position: static; 3380 transform: none; 3381 width: auto; 3382 } 3383 3384 .wp-block-separator.is-style-dots::after { 3385 content: none; 3386 } 3387 3388 3389 /* Block: Search ----------------------------- */ 3390 3391 .wp-block-search .wp-block-search__input { 3392 width: auto; 3393 } 3394 3395 /* Block: Table ------------------------------ */ 3396 3397 .wp-block-table table:where(:not(.has-text-color)) * { 3398 border-color: inherit; 3399 } 3400 3401 .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { 3402 background: #dcd7ca; 3403 } 3404 3405 figure.wp-block-table.is-style-stripes { 3406 border-bottom: none; 3407 } 3408 3409 .wp-block-table.is-style-stripes table { 3410 border-collapse: inherit; 3411 } 3412 3413 .wp-block-table[class*="-font-size"] table, 3414 .wp-block-table[style*="font-size"] table { 3415 font-size: inherit; 3416 } 3417 3418 /* Block: Quote ------------------------------ */ 3419 3420 .wp-block-quote p, 3421 .wp-block-quote cite { 3422 text-align: inherit; 3423 } 3424 3425 .wp-block-quote.has-text-color cite, 3426 .wp-block-quote.has-background cite, 3427 .has-background .wp-block-quote cite { 3428 color: inherit; 3429 } 3430 3431 .wp-block-quote.has-text-align-center, 3432 .wp-block-quote[style="text-align:center"] { 3433 border-width: 0; 3434 padding: 0; 3435 } 3436 3437 .wp-block-quote.has-text-align-right, 3438 .wp-block-quote[style="text-align:right"] { 3439 border-width: 0 0.2rem 0 0; 3440 padding: 0 2rem 0 0; 3441 } 3442 3443 /* STYLE: PLAIN */ 3444 3445 .wp-block-quote.is-style-plain { 3446 border-width: 0; 3447 padding: 0.5rem 2rem; 3448 } 3449 3450 /* STYLE: LARGE */ 3451 3452 .wp-block-quote.is-large, 3453 .wp-block-quote.is-style-large { 3454 border: none; 3455 padding: 0; 3456 margin-right: auto; 3457 margin-left: auto; 3458 } 3459 3460 .wp-block-quote.is-large p, 3461 .wp-block-quote.is-style-large p { 3462 font-family: inherit; 3463 font-size: 2.4rem; 3464 font-style: normal; 3465 font-weight: 700; 3466 letter-spacing: -0.02em; 3467 line-height: 1.285; 3468 } 3469 3470 .wp-block-quote.is-large cite, 3471 .wp-block-quote.is-large footer, 3472 .wp-block-quote.is-style-large cite, 3473 .wp-block-quote.is-style-large footer { 3474 font-size: 1.6rem; 3475 text-align: inherit; 3476 } 3477 3478 /* Block: Widget Latest Comments ------------- */ 3479 3480 .entry-content .wp-block-latest-comments li { 3481 margin: 2rem 0; 3482 } 3483 3484 .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt, 3485 .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta { 3486 margin-right: 5.5rem; 3487 } 3488 3489 .entry-content .wp-block-latest-comments a { 3490 text-decoration: none; 3491 } 3492 3493 .entry-content .wp-block-latest-comments a:hover, 3494 .entry-content .wp-block-latest-comments a:focus { 3495 text-decoration: underline; 3496 } 3497 3498 .wp-block-latest-comments__comment { 3499 font-size: inherit; 3500 } 3501 3502 .wp-block-latest-comments__comment-date { 3503 margin-top: 0.4em; 3504 } 3505 3506 .wp-block-latest-comments__comment-excerpt p { 3507 font-size: 0.7em; 3508 margin: 0.9rem 0 2rem 0; 3509 } 3510 3511 /* Block: Widget Latest Posts ---------------- */ 3512 3513 .wp-block-latest-posts.is-grid li { 3514 border-top: 0.2rem solid #dcd7ca; 3515 margin-top: 2rem; 3516 padding-top: 1rem; 3517 } 3518 3519 .wp-block-latest-posts.has-dates { 3520 list-style: none; 3521 } 3522 3523 .wp-block-latest-posts.has-dates:not(.is-grid) li { 3524 margin-top: 1.5rem; 3525 } 3526 3527 .wp-block-latest-posts.has-dates:not(.is-grid) li:first-child { 3528 margin-top: 0; 3529 } 3530 3531 .wp-block-latest-posts__post-full-content > p:first-child { 3532 margin-top: 1em; 3533 } 3534 3535 /* Block: Post Template ---------------- */ 3536 3537 .wp-block-post-template, 3538 .wp-block-post-template > li { 3539 margin-right: 0; 3540 margin-left: 0; 3541 } 3542 3543 3544 /* -------------------------------------------------------------------------- */ 3545 3546 /* 11. Entry Content 3547 /* -------------------------------------------------------------------------- */ 3548 3549 3550 .entry-content { 3551 line-height: 1.5; 3552 } 3553 3554 .entry-content > * { 3555 margin-right: auto; 3556 margin-left: auto; 3557 margin-bottom: 1.25em; 3558 } 3559 3560 .entry-content > *:first-child { 3561 margin-top: 0; 3562 } 3563 3564 .entry-content > *:last-child { 3565 margin-bottom: 0; 3566 } 3567 3568 .read-more-button-wrap { 3569 margin-top: 1em; 3570 text-align: center; 3571 } 3572 3573 .entry-content a:hover, 3574 .entry-content a:focus { 3575 text-decoration: none; 3576 } 3577 3578 .entry-content p, 3579 .entry-content li { 3580 line-height: 1.4; 3581 } 3582 3583 .entry-content li img { 3584 display: inline-block; 3585 } 3586 3587 .entry-content h1, 3588 .entry-content h2, 3589 .entry-content h3, 3590 .entry-content h4, 3591 .entry-content h5, 3592 .entry-content h6 { 3593 margin: 3.5rem auto 2rem; 3594 } 3595 3596 .entry-content ul ul, 3597 .entry-content ol ol, 3598 .entry-content ul ol, 3599 .entry-content ol ul { 3600 margin-bottom: 1rem; 3601 } 3602 3603 .entry-content hr { 3604 margin: 4rem auto; 3605 } 3606 3607 .post-inner .entry-content > .wp-block-cover.alignwide:first-child, 3608 .post-inner .entry-content > .wp-block-cover.alignfull:first-child { 3609 margin-top: 0; 3610 } 3611 3612 /* Font Families ----------------------------- */ 3613 3614 .entry-content { 3615 font-family: NonBreakingSpaceOverride, "Hoefler Text", "Noto Serif", Garamond, "Times New Roman", serif; 3616 letter-spacing: normal; 3617 } 3618 3619 .entry-content h1, 3620 .entry-content h2, 3621 .entry-content h3, 3622 .entry-content h4, 3623 .entry-content h5, 3624 .entry-content h6, 3625 .entry-content cite, 3626 .entry-content figcaption, 3627 .entry-content table, 3628 .entry-content address, 3629 .entry-content .wp-caption-text, 3630 .entry-content .wp-block-file { 3631 font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; 3632 } 3633 3634 @supports ( font-variation-settings: normal ) { 3635 3636 .entry-content h1, 3637 .entry-content h2, 3638 .entry-content h3, 3639 .entry-content h4, 3640 .entry-content h5, 3641 .entry-content h6, 3642 .entry-content cite, 3643 .entry-content figcaption, 3644 .entry-content table, 3645 .entry-content address, 3646 .entry-content .wp-caption-text, 3647 .entry-content .wp-block-file { 3648 font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; 3649 } 3650 } 3651 3652 3653 /* Alignment Classes ------------------------- */ 3654 3655 .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) { 3656 max-width: 58rem; 3657 width: calc(100% - 4rem); 3658 } 3659 3660 [class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) { 3661 max-width: 58rem; 3662 width: 100%; 3663 } 3664 3665 .alignnone, 3666 .aligncenter, 3667 .alignleft, 3668 .alignright, 3669 .alignwide { 3670 margin-top: 4rem; 3671 margin-left: auto; 3672 margin-bottom: 4rem; 3673 margin-right: auto; 3674 } 3675 3676 [class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright) { 3677 margin-right: auto; 3678 margin-left: auto; 3679 } 3680 3681 /* Full */ 3682 3683 .alignfull { 3684 margin-top: 5rem; 3685 margin-left: auto; 3686 margin-bottom: 5rem; 3687 margin-right: auto; 3688 max-width: 100vw; 3689 position: relative; 3690 width: 100%; 3691 } 3692 3693 [class*="__inner-container"] > .alignfull { 3694 max-width: 100%; 3695 } 3696 3697 /* Wide */ 3698 3699 .alignwide { 3700 max-width: 120rem; 3701 position: relative; 3702 width: calc(100% - 4rem); 3703 } 3704 3705 [class*="__inner-container"] > .alignwide { 3706 width: 100%; 3707 } 3708 3709 /* Center */ 3710 3711 .aligncenter, 3712 .aligncenter img { 3713 margin-right: auto; 3714 margin-left: auto; 3715 } 3716 3717 /* Left and right */ 3718 3719 .alignleft, 3720 .alignright { 3721 max-width: 50%; 3722 } 3723 3724 .alignleft { 3725 float: left; 3726 margin: 0.3rem 2rem 2rem 2rem; 3727 } 3728 3729 .alignright { 3730 float: right; 3731 margin: 0.3rem 2rem 2rem 2rem; 3732 } 3733 3734 [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignleft, 3735 [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignleft, 3736 [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignleft { 3737 margin-left: 2rem; 3738 } 3739 3740 [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignright, 3741 [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignright, 3742 [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignright { 3743 margin-right: 2rem; 3744 } 3745 3746 /* Entry Media ------------------------------- */ 3747 3748 .alignfull > figcaption, 3749 .alignfull > .wp-caption-text { 3750 margin-right: auto; 3751 margin-left: auto; 3752 max-width: 58rem; 3753 width: calc(100% - 4rem); 3754 } 3755 3756 3757 /* -------------------------------------------------------------------------- */ 3758 3759 /* 12. Comments 3760 /* -------------------------------------------------------------------------- */ 3761 3762 3763 /* Comment Headers ----------------------------- */ 3764 3765 .comments-wrapper { 3766 margin-top: 5rem; 3767 } 3768 3769 .comment-reply-title { 3770 margin: 0 0 4rem 0; 3771 text-align: center; 3772 } 3773 3774 3775 /* Comment Item ----------------------------- */ 3776 3777 /* COMMENT HEADER */ 3778 3779 .comments .comment, 3780 .comments .pingback, 3781 .comments .trackback, 3782 .comments .review { 3783 padding-top: 3.5rem; 3784 } 3785 3786 div.comment:first-of-type { 3787 margin-top: 3.5rem; 3788 padding-top: 0; 3789 } 3790 3791 .comments .comments-header + div { 3792 margin-top: 0; 3793 padding-top: 0; 3794 } 3795 3796 .comment-body { 3797 position: relative; 3798 } 3799 3800 .comment .comment { 3801 padding-right: 5%; 3802 } 3803 3804 .comment-meta { 3805 line-height: 1.1; 3806 margin-bottom: 1.5rem; 3807 min-height: 5rem; 3808 padding-right: 5rem; 3809 position: relative; 3810 } 3811 3812 .hide-avatars .comment-meta { 3813 min-height: 0; 3814 padding-right: 0; 3815 } 3816 3817 .comment-meta a { 3818 color: inherit; 3819 } 3820 3821 .comment-author { 3822 font-size: 1.8rem; 3823 font-weight: 700; 3824 letter-spacing: -0.027777778em; 3825 } 3826 3827 .comment-author a { 3828 text-decoration: underline; 3829 } 3830 3831 .comment-author a:hover, 3832 .comment-author a:focus { 3833 text-decoration: none; 3834 } 3835 3836 .comment-meta .avatar { 3837 height: 4rem; 3838 position: absolute; 3839 right: 0; 3840 top: 0; 3841 width: 4rem; 3842 } 3843 3844 .comment-author .url { 3845 text-decoration: underline; 3846 } 3847 3848 .comment-metadata { 3849 color: #6d6d6d; 3850 font-size: 1.4rem; 3851 font-weight: 500; 3852 margin-top: 0.6rem; 3853 } 3854 3855 .comment-metadata a { 3856 text-decoration: none; 3857 } 3858 3859 .comment-metadata a:focus, 3860 .comment-metadata a:hover { 3861 text-decoration: underline; 3862 } 3863 3864 3865 /* COMMENT CONTENT */ 3866 3867 .comment-content.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) { 3868 width: 100%; 3869 } 3870 3871 .comment-content.entry-content .alignleft { 3872 margin-left: 0; 3873 } 3874 3875 .comment-content.entry-content .alignright { 3876 margin-right: 0; 3877 } 3878 3879 /* COMMENT FOOTER */ 3880 3881 .comment-footer-meta { 3882 align-items: center; 3883 display: flex; 3884 flex-wrap: wrap; 3885 font-size: 1.2rem; 3886 font-weight: 600; 3887 justify-content: flex-start; 3888 letter-spacing: 0.030833333em; 3889 line-height: 1; 3890 margin: 1.5rem -1.5rem -1rem 0; 3891 text-transform: uppercase; 3892 } 3893 3894 .comment-footer-meta > * { 3895 margin: 0 1.5rem 1rem 0; 3896 } 3897 3898 .comment-reply-link { 3899 background-color: #cd2653; 3900 color: #fff; 3901 display: block; 3902 padding: 0.7rem; 3903 } 3904 3905 .bypostauthor .comment-footer-meta .by-post-author { 3906 display: block; 3907 } 3908 3909 .comment-footer-meta a { 3910 text-decoration: none; 3911 } 3912 3913 .comment-footer-meta a:focus, 3914 .comment-footer-meta a:hover { 3915 text-decoration: underline; 3916 } 3917 3918 3919 /* Pingbacks & Trackbacks ------------------------- */ 3920 3921 .pingback .comment-meta, 3922 .trackback .comment-meta { 3923 padding-right: 0; 3924 } 3925 3926 3927 /* Comments Pagination ---------------------------- */ 3928 3929 .comments-pagination { 3930 display: flex; 3931 flex-wrap: wrap; 3932 justify-content: space-between; 3933 margin-top: 6rem; 3934 text-align: center; 3935 } 3936 3937 .comments-pagination.only-next { 3938 justify-content: flex-end; 3939 } 3940 3941 .comments-pagination .page-numbers { 3942 display: none; 3943 text-decoration: none; 3944 } 3945 3946 .comments-pagination .page-numbers:focus, 3947 .comments-pagination .page-numbers:hover { 3948 text-decoration: underline; 3949 } 3950 3951 .comments-pagination .prev, 3952 .comments-pagination .next { 3953 display: block; 3954 } 3955 3956 .comments-pagination .prev { 3957 right: 0; 3958 } 3959 3960 .comments-pagination .next { 3961 left: 0; 3962 text-align: left; 3963 } 3964 3965 3966 /* Comment Respond ---------------------------- */ 3967 3968 .comment-respond::after { 3969 clear: both; 3970 content: ""; 3971 display: block; 3972 } 3973 3974 .comment-respond .comment-notes, 3975 .comment-respond .logged-in-as { 3976 color: #6d6d6d; 3977 font-size: 1.6rem; 3978 line-height: 1.4; 3979 margin: -3rem 0 4rem 0; 3980 text-align: center; 3981 } 3982 3983 .comment-respond .required-field-message { 3984 display: inline-block; 3985 } 3986 3987 .comment-respond p { 3988 line-height: 1.1; 3989 margin-bottom: 2rem; 3990 margin-right: auto; 3991 margin-left: auto; 3992 } 3993 3994 .comment-respond p:not(.comment-notes) { 3995 max-width: 58rem; 3996 } 3997 3998 .comment-form-cookies-consent { 3999 align-items: baseline; 4000 display: flex; 4001 } 4002 4003 .comment-respond > p:last-of-type { 4004 margin-bottom: 0; 4005 } 4006 4007 .comment-respond label { 4008 display: block; 4009 } 4010 4011 .comment-respond input[type="checkbox"] + label { 4012 font-size: 1.5rem; 4013 line-height: 1.25; 4014 } 4015 4016 .comment-respond input[type="text"], 4017 .comment-respond input[type="email"], 4018 .comment-respond textarea { 4019 margin-bottom: 0; 4020 } 4021 4022 .comment-respond textarea { 4023 height: 15rem; 4024 } 4025 4026 .comment-respond #submit { 4027 display: block; 4028 } 4029 4030 .comment-respond .comments-closed { 4031 text-align: center; 4032 } 4033 4034 4035 /* Reply Respond ---------------------------- */ 4036 4037 .comments .comment-respond { 4038 padding: 3rem 0 0; 4039 } 4040 4041 .comments .comment-respond .comment-reply-title, 4042 .comments .comment-respond .comment-notes, 4043 .comments .comment-respond .logged-in-as { 4044 text-align: right; 4045 } 4046 4047 .comment-reply-title small { 4048 display: block; 4049 font-size: 1.6rem; 4050 font-weight: 600; 4051 letter-spacing: -0.0277em; 4052 margin: 0.5rem 0 0 0; 4053 white-space: nowrap; 4054 } 4055 4056 .comment-reply-title small a { 4057 text-decoration: none; 4058 } 4059 4060 .comment-reply-title small a:focus, 4061 .comment-reply-title small a:hover { 4062 text-decoration: underline; 4063 } 4064 4065 4066 /* -------------------------------------------------------------------------- */ 4067 4068 /* 13. Site Pagination 4069 /* -------------------------------------------------------------------------- */ 4070 4071 4072 .pagination .nav-links { 4073 align-items: baseline; 4074 display: flex; 4075 flex-wrap: wrap; 4076 font-size: 1.8rem; 4077 font-weight: 600; 4078 margin: -1.5rem -2.5rem 0 0; 4079 width: calc(100% + 2.5rem); 4080 } 4081 4082 .pagination-separator { 4083 margin: 5rem 0; 4084 } 4085 4086 .nav-links > * { 4087 margin: 1.5rem 2.5rem 0 0; 4088 } 4089 4090 .nav-links .placeholder { 4091 display: none; 4092 visibility: hidden; 4093 } 4094 4095 .pagination a { 4096 text-decoration: none; 4097 } 4098 4099 .pagination a:focus, 4100 .pagination a:hover { 4101 text-decoration: underline; 4102 } 4103 4104 .pagination .dots { 4105 transform: translateY(-0.3em); 4106 color: #6d6d6d; 4107 } 4108 4109 .nav-short { 4110 display: none; 4111 } 4112 4113 /* -------------------------------------------------------------------------- */ 4114 4115 /* 14. Error 404 4116 /* -------------------------------------------------------------------------- */ 4117 4118 4119 .error404 #site-content { 4120 padding-top: 4rem; 4121 } 4122 4123 .error404-content { 4124 text-align: center; 4125 } 4126 4127 .error404 #site-content .search-form { 4128 justify-content: center; 4129 margin-top: 3rem; 4130 } 4131 4132 4133 /* -------------------------------------------------------------------------- */ 4134 4135 /* 15. Widgets 4136 /* -------------------------------------------------------------------------- */ 4137 4138 4139 /* Widget Base ------------------------------- */ 4140 4141 .widget { 4142 margin-top: 3rem; 4143 } 4144 4145 .widget:first-child { 4146 margin-top: 0; 4147 } 4148 4149 .widget-content > div > *:first-child { 4150 margin-top: 0; 4151 } 4152 4153 .widget-content > div > *:last-child { 4154 margin-bottom: 0; 4155 } 4156 4157 .widget .widget-title { 4158 margin: 0 0 2rem; 4159 } 4160 4161 .widget li { 4162 margin: 2rem 0 0 0; 4163 } 4164 4165 .widget li:first-child, 4166 .widget li > ul, 4167 .widget li > ol { 4168 margin-top: 0; 4169 } 4170 4171 .widget table, 4172 .widget table * { 4173 border-color: #dedfdf; 4174 } 4175 4176 .widget table caption { 4177 background-color: #dedfdf; 4178 } 4179 4180 .widget .post-date, 4181 .widget .rss-date { 4182 color: #6d6d6d; 4183 display: block; 4184 font-size: 0.85em; 4185 font-weight: 500; 4186 margin-top: 0.2rem; 4187 } 4188 4189 .widget select { 4190 max-width: 100%; 4191 } 4192 4193 /* Font Families ----------------------------- */ 4194 4195 .widget_text p, 4196 .widget_text ol, 4197 .widget_text ul, 4198 .widget_text dl, 4199 .widget_text dt, 4200 .widget-content .rssSummary { 4201 font-family: NonBreakingSpaceOverride, "Hoefler Text", "Noto Serif", Garamond, "Times New Roman", serif; 4202 letter-spacing: normal; 4203 } 4204 4205 .widget-content cite, 4206 .widget-content figcaption, 4207 .widget-content .wp-caption-text { 4208 font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; 4209 } 4210 4211 @supports ( font-variation-settings: normal ) { 4212 4213 .widget-content cite, 4214 .widget-content figcaption, 4215 .widget-content .wp-caption-text { 4216 font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; 4217 } 4218 } 4219 4220 /* Base List Widget -------------------------- */ 4221 4222 .widget_archive ul, 4223 .widget_categories ul, 4224 .widget_pages ul, 4225 .widget_meta ul, 4226 .widget_nav_menu ul, 4227 .widget_recent_comments ul, 4228 .widget_recent_entries ul, 4229 .widget_rss ul { 4230 list-style: none; 4231 margin: 0; 4232 } 4233 4234 .widget_archive li, 4235 .widget_categories li, 4236 .widget_pages li, 4237 .widget_meta li, 4238 .widget_nav_menu li { 4239 color: #6d6d6d; 4240 margin: 0.3rem 0; 4241 } 4242 4243 .widget_archive li li, 4244 .widget_categories li li, 4245 .widget_pages li li, 4246 .widget_meta li li, 4247 .widget_nav_menu li li { 4248 margin-right: 2rem; 4249 } 4250 4251 .widget_archive a, 4252 .widget_categories a, 4253 .widget_pages a, 4254 .widget_meta a, 4255 .widget_nav_menu a { 4256 font-weight: 700; 4257 text-decoration: none; 4258 } 4259 4260 .widget_archive a:focus, 4261 .widget_archive a:hover, 4262 .widget_categories a:focus, 4263 .widget_categories a:hover, 4264 .widget_pages a:focus, 4265 .widget_pages a:hover, 4266 .widget_meta a:focus, 4267 .widget_meta a:hover, 4268 .widget_nav_menu a:focus, 4269 .widget_nav_menu a:hover { 4270 text-decoration: underline; 4271 } 4272 4273 /* Widget: Calendar -------------------------- */ 4274 4275 .calendar_wrap { 4276 font-size: 2.4rem; 4277 } 4278 4279 .calendar_wrap th, 4280 .calendar_wrap td, 4281 .wp-calendar-nav span { 4282 display: table-cell; 4283 font-size: 1em; 4284 font-weight: 500; 4285 line-height: 1; 4286 padding: 2.5% 2.5% 1.75% 2.5%; 4287 text-align: center; 4288 } 4289 4290 .wp-calendar-table { 4291 margin-bottom: 0; 4292 } 4293 4294 .wp-calendar-nav { 4295 display: table; 4296 width: 100%; 4297 font-size: 1.8rem; 4298 } 4299 4300 .calendar_wrap tfoot td { 4301 border-bottom: none; 4302 } 4303 4304 .calendar_wrap tfoot a, 4305 .calendar_wrap .wp-calendar-nav a { 4306 text-decoration: none; 4307 } 4308 4309 .calendar_wrap tfoot #prev, 4310 .calendar_wrap .wp-calendar-nav-prev { 4311 text-align: right; 4312 } 4313 4314 .calendar_wrap tfoot #next, 4315 .calendar_wrap .wp-calendar-nav-next { 4316 text-align: left; 4317 } 4318 4319 /* Widget: Image ----------------------------- */ 4320 4321 /* Widget: Gallery --------------------------- */ 4322 4323 .widget_media_gallery .gallery { 4324 margin: 0 -0.4em -0.8em -0.4em; 4325 width: calc(100% + 0.8em); 4326 } 4327 4328 .widget_media_gallery .gallery-item { 4329 margin: 0 0 0.8em 0; 4330 padding: 0 0.4em; 4331 } 4332 4333 /* Widget: Nav Menu -------------------------- */ 4334 4335 .widget_nav_menu .widget-content > div > ul { 4336 margin-right: 0; 4337 } 4338 4339 /* Widget: Recent Comments ------------------- */ 4340 4341 .widget_recent_comments li { 4342 font-weight: 700; 4343 } 4344 4345 .widget_recent_comments a { 4346 text-decoration: none; 4347 } 4348 4349 .widget_recent_comments a:focus, 4350 .widget_recent_comments a:hover { 4351 text-decoration: underline; 4352 } 4353 4354 /* Widget: Recent Entries -------------------- */ 4355 4356 .widget_recent_entries a { 4357 font-weight: 700; 4358 text-decoration: none; 4359 } 4360 4361 .widget_recent_entries a:focus, 4362 .widget_recent_entries a:hover { 4363 text-decoration: underline; 4364 } 4365 4366 /* Widget: RSS ------------------------------- */ 4367 4368 .widget_rss .widget-title a.rsswidget:first-of-type:not(.rss-widget-title) { 4369 display: none; 4370 } 4371 4372 .widget_rss .rsswidget { 4373 font-weight: 700; 4374 } 4375 4376 .widget_rss a { 4377 text-decoration: none; 4378 } 4379 4380 .widget_rss a:focus, 4381 .widget_rss a:hover { 4382 text-decoration: underline; 4383 } 4384 4385 .widget_rss .rssSummary { 4386 margin-top: 0.5rem; 4387 } 4388 4389 .widget_rss cite::before { 4390 content: "— "; 4391 } 4392 4393 /* Widget: Search ---------------------------- */ 4394 4395 .widget_search .search-field { 4396 border-color: #dedfdf; 4397 } 4398 4399 /* Widget: Tag Cloud ------------------------- */ 4400 4401 .widget_tag_cloud a { 4402 font-weight: 700; 4403 margin-left: 0.5rem; 4404 text-decoration: none; 4405 white-space: nowrap; 4406 } 4407 4408 .widget_tag_cloud a:focus, 4409 .widget_tag_cloud a:hover { 4410 text-decoration: underline; 4411 } 4412 4413 /* Widget: Text ------------------------------ */ 4414 4415 /* Widget: Blocks ---------------------------- */ 4416 4417 .widget .wp-block-social-links li { 4418 margin-top: 0; 4419 } 4420 4421 4422 /* -------------------------------------------------------------------------- */ 4423 4424 /* 16. Site Footer 4425 /* -------------------------------------------------------------------------- */ 4426 4427 4428 .footer-nav-widgets-wrapper, 4429 #site-footer { 4430 background-color: #fff; 4431 border-color: #dedfdf; 4432 border-style: solid; 4433 border-width: 0; 4434 } 4435 4436 .footer-top-visible .footer-nav-widgets-wrapper, 4437 .footer-top-hidden #site-footer { 4438 margin-top: 5rem; 4439 } 4440 4441 .reduced-spacing.footer-top-visible .footer-nav-widgets-wrapper, 4442 .reduced-spacing.footer-top-hidden #site-footer { 4443 border-top-width: 0.1rem; 4444 } 4445 4446 .footer-top, 4447 .footer-widgets-outer-wrapper, 4448 #site-footer { 4449 padding: 3rem 0; 4450 } 4451 4452 4453 /* Footer Top -------------------------------- */ 4454 4455 .footer-top { 4456 display: flex; 4457 border-bottom: 0.1rem solid #dedfdf; 4458 justify-content: space-between; 4459 } 4460 4461 /* FOOTER MENU */ 4462 4463 .footer-menu { 4464 font-size: 1.8rem; 4465 font-weight: 700; 4466 letter-spacing: -0.0277em; 4467 } 4468 4469 .footer-menu li { 4470 line-height: 1.25; 4471 margin: 0.25em 0 0 0; 4472 } 4473 4474 .footer-menu a { 4475 text-decoration: none; 4476 word-break: normal; 4477 word-wrap: normal; 4478 } 4479 4480 .footer-menu a:hover, 4481 .footer-menu a:focus { 4482 text-decoration: underline; 4483 } 4484 4485 /* FOOTER SOCIAL */ 4486 4487 .footer-social-wrapper { 4488 margin: 0; 4489 width: 100%; 4490 } 4491 4492 .has-footer-menu .footer-social-wrapper { 4493 flex-shrink: 0; 4494 margin-right: 1rem; 4495 width: 50%; 4496 } 4497 4498 ul.footer-social { 4499 margin: -0.5rem -0.5rem 0 0; 4500 } 4501 4502 .has-footer-menu .footer-social { 4503 justify-content: flex-end; 4504 } 4505 4506 ul.footer-social li { 4507 margin: 0.5rem 0.5rem 0 0; 4508 } 4509 4510 .footer-social a { 4511 background-color: #cd2653; 4512 height: 3.6rem; 4513 width: 3.6rem; 4514 } 4515 4516 .footer-social a::before { 4517 font-size: 1.6rem; 4518 } 4519 4520 /* Footer Widgets ---------------------------- */ 4521 4522 .footer-widgets-outer-wrapper { 4523 border-bottom: 0.1rem solid #dedfdf; 4524 } 4525 4526 .footer-widgets + .footer-widgets { 4527 margin-top: 3rem; 4528 } 4529 4530 /* Footer Bottom ----------------------------- */ 4531 4532 #site-footer { 4533 font-size: 1.6rem; 4534 } 4535 4536 #site-footer .section-inner { 4537 align-items: baseline; 4538 display: flex; 4539 justify-content: space-between; 4540 } 4541 4542 #site-footer a { 4543 text-decoration: none; 4544 } 4545 4546 #site-footer a:focus, 4547 #site-footer a:hover { 4548 text-decoration: underline; 4549 } 4550 4551 .footer-copyright a, 4552 .footer-credits .privacy-policy a, 4553 .powered-by-wordpress a { 4554 color: inherit; 4555 } 4556 4557 .footer-credits .privacy-policy, 4558 .powered-by-wordpress, 4559 .to-the-top { 4560 color: #6d6d6d; 4561 } 4562 4563 a.to-the-top { 4564 margin-right: 2.4rem; 4565 white-space: nowrap; 4566 } 4567 4568 a.to-the-top > * { 4569 pointer-events: none; 4570 } 4571 4572 .footer-copyright { 4573 font-weight: 600; 4574 margin: 0; 4575 } 4576 4577 .powered-by-wordpress { 4578 display: none; 4579 margin: 0 2.4rem 0 0; 4580 } 4581 4582 .footer-credits .privacy-policy { 4583 margin: 1.2rem 0 0; 4584 } 4585 4586 .to-the-top-long { 4587 display: none; 4588 } 4589 4590 4591 /* -------------------------------------------------------------------------- */ 4592 4593 /* 17. Media Queries 4594 /* -------------------------------------------------------------------------- */ 4595 4596 @media ( max-width: 479px ) { 4597 4598 /* Blocks -------------------------------- */ 4599 4600 .wp-block-pullquote.alignleft, 4601 .wp-block-pullquote.alignright { 4602 float: none; 4603 } 4604 4605 /* Entry Content ------------------------- */ 4606 4607 /* LISTS */ 4608 4609 ul, 4610 ol { 4611 margin: 0 2rem 3rem 0; 4612 } 4613 4614 li { 4615 margin: 0.5rem 1rem 0 0; 4616 } 4617 4618 /* Post Footer --------------------------- */ 4619 4620 /* POST NAV LINKS */ 4621 4622 .post-nav-links { 4623 margin: 3em 0 0 0; 4624 } 4625 } 4626 4627 @media ( min-width: 480px ) { 4628 4629 /* Blocks -------------------------------- */ 4630 4631 /* BLOCK: BASE ALIGNMENT WIDTH */ 4632 4633 .wp-block-pullquote.alignleft, 4634 .wp-block-pullquote.alignright, 4635 .wp-block-cover-image.alignleft, 4636 .wp-block-cover-image.alignright, 4637 .wp-block-cover.alignleft, 4638 .wp-block-cover.alignright, 4639 .wp-block-embed.alignleft, 4640 .wp-block-embed.alignright, 4641 .wp-block-gallery.alignleft, 4642 .wp-block-gallery.alignright { 4643 max-width: 26rem; 4644 } 4645 4646 /* BLOCK: TABLE WIDTH */ 4647 .wp-block-table.alignleft, 4648 .wp-block-table.alignright { 4649 max-width: 100%; 4650 } 4651 4652 /* Entry Content ------------------------- */ 4653 4654 /* ALIGNMENT CLASSES */ 4655 4656 .alignleft, 4657 .alignright { 4658 max-width: 26rem; 4659 } 4660 4661 /* Post Footer --------------------------- */ 4662 4663 /* POST NAV LINKS */ 4664 4665 .post-nav-links { 4666 margin: 3em 0 0 0; 4667 } 4668 } 4669 4670 @media ( max-width: 599px ) { 4671 4672 /* Blocks -------------------------------- */ 4673 4674 /* BLOCK: COLUMNS */ 4675 4676 /* While columns are stacked */ 4677 .wp-block-column:last-child { 4678 margin-bottom: 0; 4679 } 4680 4681 .wp-block-columns + .wp-block-columns { 4682 margin-top: 0.2rem; 4683 } 4684 4685 .wp-block-columns.alignwide + .wp-block-columns.alignwide { 4686 margin-top: -0.8rem; 4687 } 4688 4689 .wp-block-columns.alignfull + .wp-block-columns.alignfull { 4690 margin-top: -1.8rem; 4691 } 4692 4693 /* Template -------------------------------- */ 4694 4695 /* TEMPLATE: COVER */ 4696 4697 .template-cover .post-inner .post-meta-wrapper, 4698 .template-cover .post-inner .author-bio { 4699 width: calc( 100% - 4rem ); 4700 } 4701 4702 /* Post Footer --------------------------- */ 4703 4704 /* POST NAV LINKS */ 4705 4706 .post-nav-links { 4707 margin: 3em 0 0 0; 4708 } 4709 } 4710 4711 @media ( min-width: 600px ) { 4712 4713 /* Blocks -------------------------------- */ 4714 4715 /* BLOCK: COLUMNS */ 4716 4717 .wp-block-columns.alignwide + .wp-block-columns.alignwide, 4718 .wp-block-columns.alignfull + .wp-block-columns.alignfull { 4719 margin-top: -4rem; 4720 } 4721 4722 /* Post Footer --------------------------- */ 4723 4724 /* POST NAV LINKS */ 4725 4726 .post-nav-links { 4727 margin: 3em 0 0 0; 4728 } 4729 } 4730 4731 @media ( min-width: 660px ) { 4732 4733 /* Blocks -------------------------------- */ 4734 4735 /* BLOCK: GALLERY */ 4736 4737 figure.wp-block-gallery.alignleft { 4738 margin-left: calc(( 100vw - 58rem - 8rem ) / -2); 4739 } 4740 4741 figure.wp-block-gallery.alignright { 4742 margin-right: calc(( 100vw - 58rem - 8rem ) / -2); 4743 } 4744 4745 /* Entry Content ------------------------- */ 4746 4747 /* ALIGNMENT CLASSES */ 4748 4749 .entry-content > .alignleft { 4750 margin-left: 4rem; 4751 } 4752 4753 .entry-content > p .alignleft, 4754 .entry-content > .wp-block-image .alignleft { 4755 margin-left: calc(( 100vw - 58rem - 8rem ) / -2); 4756 } 4757 4758 [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .alignleft, 4759 [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > p .alignleft, 4760 [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .wp-block-image .alignleft { 4761 margin-left: 0; 4762 } 4763 4764 .entry-content > .alignright { 4765 margin-right: 4rem; 4766 } 4767 4768 .entry-content > p .alignright, 4769 .entry-content > .wp-block-image .alignright { 4770 margin-right: calc(( 100vw - 58rem - 8rem ) / -2); 4771 } 4772 4773 [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .alignright, 4774 [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > p .alignright, 4775 [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .wp-block-image .alignright { 4776 margin-right: 0; 4777 } 4778 4779 /* Post Footer --------------------------- */ 4780 4781 /* POST NAV LINKS */ 4782 4783 .post-nav-links { 4784 margin: 3em auto 0 auto; 4785 } 4786 } 4787 4788 @media ( min-width: 700px ) { 4789 4790 /* Element Base ------------------------- */ 4791 4792 ul, 4793 ol { 4794 margin-bottom: 4rem; 4795 } 4796 4797 pre { 4798 padding: 3rem; 4799 } 4800 4801 hr { 4802 margin: 8rem auto; 4803 } 4804 4805 table { 4806 font-size: 1.8rem; 4807 } 4808 4809 /* VANILLA GALLERIES */ 4810 4811 .gallery-columns-2 .gallery-item { 4812 max-width: 50%; 4813 } 4814 4815 .gallery-columns-3 .gallery-item { 4816 max-width: 33.33%; 4817 } 4818 4819 .gallery-columns-4 .gallery-item { 4820 max-width: 25%; 4821 } 4822 4823 .gallery-columns-5 .gallery-item { 4824 max-width: 20%; 4825 } 4826 4827 .gallery-columns-6 .gallery-item { 4828 max-width: 16.66%; 4829 } 4830 4831 .gallery-columns-7 .gallery-item { 4832 max-width: 14.28%; 4833 } 4834 4835 .gallery-columns-8 .gallery-item { 4836 max-width: 12.5%; 4837 } 4838 4839 .gallery-columns-9 .gallery-item { 4840 max-width: 11.11%; 4841 } 4842 4843 /* TITLES */ 4844 4845 h1, 4846 .heading-size-1, 4847 h2, 4848 .heading-size-2, 4849 h3, 4850 .heading-size-3 { 4851 margin: 6rem auto 3rem; 4852 } 4853 4854 h4, 4855 .heading-size-4, 4856 h5, 4857 .heading-size-5, 4858 h6, 4859 .heading-size-6 { 4860 margin: 4.5rem auto 2.5rem; 4861 } 4862 4863 h1, 4864 .heading-size-1 { 4865 font-size: 6.4rem; 4866 } 4867 4868 h2, 4869 .heading-size-2 { 4870 font-size: 4.8rem; 4871 } 4872 4873 h3, 4874 .heading-size-3 { 4875 font-size: 4rem; 4876 } 4877 4878 h4, 4879 .heading-size-4 { 4880 font-size: 3.2rem; 4881 } 4882 4883 h5, 4884 .heading-size-5 { 4885 font-size: 2.4rem; 4886 } 4887 4888 h6, 4889 .heading-size-6 { 4890 font-size: 1.8rem; 4891 } 4892 4893 /* INPUTS */ 4894 4895 fieldset { 4896 padding: 3rem; 4897 } 4898 4899 legend { 4900 padding: 0 1.5rem; 4901 } 4902 4903 button, 4904 .button, 4905 .faux-button, 4906 .wp-block-button__link, 4907 input[type="button"], 4908 input[type="reset"], 4909 input[type="submit"] { 4910 font-size: 1.7rem; 4911 } 4912 4913 /* MEDIA */ 4914 4915 figcaption, 4916 .wp-caption-text { 4917 margin-top: 1.8rem; 4918 } 4919 4920 4921 /* Helper Classes ------------------------- */ 4922 4923 /* SECTIONS */ 4924 4925 section { 4926 padding: 8rem 0; 4927 } 4928 4929 .section-inner { 4930 width: calc(100% - 8rem); 4931 } 4932 4933 4934 /* Site Header --------------------------- */ 4935 4936 .header-inner { 4937 padding: 3.8rem 0; 4938 } 4939 4940 .site-title { 4941 font-size: 2.4rem; 4942 font-weight: 700; 4943 } 4944 4945 .site-description { 4946 display: block; 4947 } 4948 4949 .site-logo img { 4950 max-height: 9rem; 4951 transition: height 0.15s linear, width 0.15s linear, max-height 0.15s linear; 4952 } 4953 4954 /* HEADER TOGGLES */ 4955 4956 .toggle-inner .toggle-text { 4957 font-size: 1.2rem; 4958 } 4959 4960 .search-toggle { 4961 right: 2rem; 4962 } 4963 4964 .nav-toggle { 4965 left: 2rem; 4966 } 4967 4968 4969 /* Menu Modal ---------------------------- */ 4970 4971 button.close-nav-toggle { 4972 font-size: 1.8rem; 4973 padding: 4rem 0; 4974 } 4975 4976 button.close-nav-toggle svg { 4977 height: 2rem; 4978 width: 2rem; 4979 } 4980 4981 button.close-nav-toggle .toggle-text { 4982 margin-left: 2.1rem; 4983 } 4984 4985 .modal-menu { 4986 right: auto; 4987 width: 100%; 4988 } 4989 4990 .modal-menu > li > a, 4991 .modal-menu > li > .ancestor-wrapper > a { 4992 font-size: 2.4rem; 4993 padding: 2.5rem 0; 4994 } 4995 4996 .modal-menu ul li { 4997 border-right-color: transparent; 4998 } 4999 5000 .modal-menu > li > .ancestor-wrapper > button.sub-menu-toggle { 5001 padding: 0 3rem; 5002 } 5003 5004 .modal-menu > li > .ancestor-wrapper > button.sub-menu-toggle svg { 5005 height: 1.1rem; 5006 width: 1.8rem; 5007 } 5008 5009 .menu-bottom { 5010 align-items: center; 5011 display: flex; 5012 justify-content: space-between; 5013 padding: 4.4rem 0; 5014 } 5015 5016 .menu-copyright { 5017 display: block; 5018 flex-shrink: 0; 5019 margin-left: 4rem; 5020 } 5021 5022 /* Modal Search Form ------------------------- */ 5023 5024 .search-modal form { 5025 position: relative; 5026 width: 100%; 5027 } 5028 5029 .search-untoggle svg { 5030 height: 2.5rem; 5031 width: 2.5rem; 5032 } 5033 5034 .search-modal .search-field { 5035 border: none; 5036 font-size: 3.2rem; 5037 height: 14rem; 5038 } 5039 5040 .search-modal .search-field::-moz-placeholder { 5041 line-height: 4.375; 5042 } 5043 5044 /* Sub Page ------------------------------ */ 5045 5046 /* FEATURED MEDIA */ 5047 5048 .featured-media figcaption { 5049 margin: 2rem auto 0 auto; 5050 width: calc(100% - 8rem); 5051 } 5052 5053 /* Template: Cover Template -------------- */ 5054 5055 .cover-header-inner { 5056 padding: 18rem 0 8rem 0; 5057 } 5058 5059 .to-the-content-wrapper { 5060 top: calc(100% + 1.8rem); 5061 } 5062 5063 .to-the-content { 5064 height: 6rem; 5065 } 5066 5067 .to-the-content svg { 5068 height: 2.4rem; 5069 width: 2.12rem; 5070 } 5071 5072 /* Template: Full Width ------------------ */ 5073 5074 body.template-full-width .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) { 5075 width: calc(100% - 8rem); 5076 } 5077 5078 body.template-full-width .alignfull:not(.has-background) > .wp-block-group__inner-container > p:not(.has-background-color) { 5079 padding-right: 4rem; 5080 padding-left: 4rem; 5081 } 5082 5083 body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft, 5084 body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft, 5085 body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft { 5086 margin-left: 4rem; 5087 } 5088 5089 body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .alignright, 5090 body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright, 5091 body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright { 5092 margin-right: 4rem; 5093 } 5094 5095 /* Post: Archive ------------------------- */ 5096 5097 .archive-header { 5098 padding: 8rem 0; 5099 } 5100 5101 .reduced-spacing .archive-header { 5102 padding-bottom: 3rem; 5103 } 5104 5105 .archive-title { 5106 font-size: 3.2rem; 5107 } 5108 5109 body:not(.singular) main > article:first-of-type { 5110 padding: 8rem 0 0; 5111 } 5112 5113 h2.entry-title { 5114 font-size: 6.4rem; 5115 } 5116 5117 /* SEARCH RESULTS */ 5118 5119 .no-search-results-form { 5120 padding-top: 8rem; 5121 } 5122 5123 /* Post: Single -------------------------- */ 5124 5125 /* POST HEADER */ 5126 5127 .singular .entry-header { 5128 padding: 8rem 0; 5129 } 5130 5131 .entry-categories { 5132 margin-bottom: 3rem; 5133 } 5134 5135 .entry-categories-inner { 5136 margin: -1rem -2rem 0 0; 5137 } 5138 5139 .entry-categories a { 5140 font-size: 1.5rem; 5141 margin: 1rem 2rem 0 0; 5142 } 5143 5144 .intro-text { 5145 font-size: 2rem; 5146 margin-top: 2.5rem; 5147 } 5148 5149 .singular .intro-text { 5150 font-size: 2.6rem; 5151 } 5152 5153 .post-meta-wrapper { 5154 margin-top: 3rem; 5155 } 5156 5157 .post-meta { 5158 font-size: 1.6rem; 5159 margin: -1.4rem -3rem 0 0; 5160 } 5161 5162 .post-meta li { 5163 margin: 1.4rem 3rem 0 0; 5164 max-width: calc(100% - 3rem); 5165 } 5166 5167 .featured-media { 5168 margin-top: 6rem; 5169 } 5170 5171 .post-inner { 5172 padding-top: 8rem; 5173 } 5174 5175 /* POST FOOTER */ 5176 5177 .post-meta-wrapper.post-meta-single-bottom { 5178 margin-top: 4rem; 5179 } 5180 5181 /* AUTHOR BIO */ 5182 5183 .author-bio { 5184 margin-top: 8rem; 5185 min-height: 8rem; 5186 padding-right: 10rem; 5187 position: relative; 5188 } 5189 5190 .author-bio .avatar { 5191 position: absolute; 5192 right: 0; 5193 top: 0; 5194 height: 8rem; 5195 width: 8rem; 5196 } 5197 5198 /* SINGLE PAGINATION */ 5199 5200 .pagination-single { 5201 font-size: 2.4rem; 5202 margin-top: 8rem; 5203 } 5204 5205 .pagination-single-inner { 5206 flex-direction: row; 5207 justify-content: space-between; 5208 } 5209 5210 .pagination-single.only-next .pagination-single-inner { 5211 justify-content: flex-end; 5212 } 5213 5214 .pagination-single hr:first-child { 5215 margin: 0 0 4rem 0; 5216 } 5217 5218 .pagination-single hr:last-child { 5219 margin: 4rem 0 0.8rem 0; 5220 } 5221 5222 .pagination-single a + a { 5223 margin: 0 4rem 0 0; 5224 } 5225 5226 .pagination-single a .arrow { 5227 margin: 0 0 0 2rem; 5228 } 5229 5230 .pagination-single .next-post { 5231 flex-direction: row-reverse; 5232 text-align: left; 5233 } 5234 5235 .pagination-single .next-post .arrow { 5236 margin: 0 2rem 0 0; 5237 } 5238 5239 /* Blocks -------------------------------- */ 5240 5241 /* BLOCK: SHARED MEDIA STYLES */ 5242 5243 .wp-block-embed figcaption, 5244 .wp-block-image figcaption { 5245 font-size: 1.6rem; 5246 } 5247 5248 /* BLOCK: BASE MARGINS */ 5249 5250 .wp-block-archives:not(.alignwide):not(.alignfull), 5251 .wp-block-categories:not(.alignwide):not(.alignfull), 5252 .wp-block-code, 5253 .wp-block-columns:not(.alignwide):not(.alignfull), 5254 .wp-block-cover:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), 5255 .wp-block-embed:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), 5256 .wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), 5257 .wp-block-group:not(.has-background):not(.alignwide):not(.alignfull), 5258 .wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), 5259 .wp-block-latest-comments:not(.aligncenter):not(.alignleft):not(.alignright), 5260 .wp-block-latest-posts:not(.aligncenter):not(.alignleft):not(.alignright), 5261 .wp-block-media-text:not(.alignwide):not(.alignfull), 5262 .wp-block-preformatted, 5263 .wp-block-pullquote:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright), 5264 .wp-block-quote, 5265 .wp-block-quote.is-large, 5266 .wp-block-quote.is-style-large, 5267 .wp-block-verse, 5268 .wp-block-video:not(.alignwide):not(.alignfull) { 5269 margin-bottom: 4rem; 5270 margin-top: 4rem; 5271 } 5272 5273 /* BLOCK: COLUMNS */ 5274 5275 .wp-block-columns.alignwide + .wp-block-columns.alignwide, 5276 .wp-block-columns.alignfull + .wp-block-columns.alignfull { 5277 margin-top: -6rem; 5278 } 5279 5280 .entry-content .wp-block-columns h1, 5281 .entry-content .wp-block-columns h2, 5282 .entry-content .wp-block-columns h3, 5283 .entry-content .wp-block-columns h4, 5284 .entry-content .wp-block-columns h5, 5285 .entry-content .wp-block-columns h6 { 5286 margin: 3.5rem 0 2rem; 5287 } 5288 5289 /* BLOCK: COVER */ 5290 5291 .wp-block-cover-image .wp-block-cover__inner-container, 5292 .wp-block-cover .wp-block-cover__inner-container { 5293 width: calc(100% - 8rem); 5294 } 5295 5296 .wp-block-cover-image h2, 5297 .wp-block-cover h2 { 5298 font-size: 4.8rem; 5299 } 5300 5301 /* BLOCK: GALLERY */ 5302 5303 figure.wp-block-gallery.alignnone, 5304 figure.wp-block-gallery.aligncenter { 5305 margin-bottom: 4rem; 5306 margin-top: 4rem; 5307 } 5308 5309 figure.wp-block-gallery.alignwide, 5310 figure.wp-block-gallery.alignfull { 5311 margin-bottom: 6rem; 5312 margin-top: 6rem; 5313 } 5314 5315 /* BLOCK: GROUP */ 5316 5317 .wp-block-group.has-background { 5318 padding: 4rem; 5319 margin-top: 0; 5320 margin-bottom: 0; 5321 } 5322 5323 .alignfull:not(.has-background) > .wp-block-group__inner-container > p:not(.has-background-color) { 5324 padding-right: 0; 5325 padding-left: 0; 5326 } 5327 5328 /* BLOCK: MEDIA AND TEXT */ 5329 5330 .wp-block-media-text .wp-block-media-text__content { 5331 padding: 4rem; 5332 } 5333 5334 /* BLOCK: PULLQUOTE */ 5335 5336 .wp-block-pullquote blockquote p { 5337 font-size: 3.2rem; 5338 } 5339 5340 .wp-block-pullquote cite { 5341 margin-top: 2rem; 5342 } 5343 5344 .wp-block-pullquote.alignfull:not(.is-style-solid-color) { 5345 padding-right: 1rem; 5346 padding-left: 1rem; 5347 } 5348 5349 .wp-block-pullquote.alignwide::before, 5350 .wp-block-pullquote.alignfull::before { 5351 font-size: 11.272727272rem; 5352 height: 8rem; 5353 margin-bottom: 2rem; 5354 width: 8rem; 5355 } 5356 5357 .wp-block-pullquote.alignwide blockquote p, 5358 .wp-block-pullquote.alignfull blockquote p { 5359 font-size: 4.8rem; 5360 line-height: 1.203125; 5361 } 5362 5363 .wp-block-pullquote.alignleft p, 5364 .wp-block-pullquote.alignright p, 5365 .wp-block-pullquote.alignleft.is-style-solid-color blockquote p, 5366 .wp-block-pullquote.alignright.is-style-solid-color blockquote p { 5367 font-size: 3.2rem; 5368 line-height: 1.1875; 5369 } 5370 5371 .wp-block-pullquote.is-style-solid-color.alignwide, 5372 .wp-block-pullquote.is-style-solid-color.alignfull { 5373 padding: 6rem 4rem 4rem; 5374 } 5375 5376 .wp-block-pullquote.alignleft.is-style-solid-color blockquote p, 5377 .wp-block-pullquote.alignright.is-style-solid-color blockquote p { 5378 font-size: 2.6rem; 5379 } 5380 5381 /* BLOCK: QUOTE */ 5382 5383 .wp-block-quote.is-large p, 5384 .wp-block-quote.is-style-large p { 5385 font-size: 2.8rem; 5386 } 5387 5388 /* BLOCK: SEPARATOR */ 5389 5390 hr.wp-block-separator { 5391 margin: 6rem auto; 5392 } 5393 5394 .wp-block-separator.is-style-wide { 5395 max-width: calc(100vw - 8rem); 5396 } 5397 5398 /* Entry Content ------------------------- */ 5399 5400 .entry-content { 5401 font-size: 2.1rem; 5402 } 5403 5404 .entry-content p, 5405 .entry-content li { 5406 line-height: 1.476; 5407 } 5408 5409 .entry-content h1, 5410 .entry-content h2, 5411 .entry-content h3 { 5412 margin: 6rem auto 3rem; 5413 } 5414 5415 .entry-content h4, 5416 .entry-content h5, 5417 .entry-content h6 { 5418 margin: 4.5rem auto 2.5rem; 5419 } 5420 5421 .alignnone, 5422 .aligncenter { 5423 margin-bottom: 4rem; 5424 margin-top: 4rem; 5425 } 5426 5427 .alignleft { 5428 margin: 0.3rem 2rem 2rem 0; 5429 } 5430 5431 .alignright { 5432 margin: 0.3rem 0 2rem 2rem; 5433 } 5434 5435 .entry-content > .alignwide:not(.wp-block-group.has-background), 5436 .entry-content > .alignfull:not(.wp-block-group.has-background) { 5437 margin-bottom: 6rem; 5438 margin-top: 6rem; 5439 } 5440 5441 .entry-content > .alignwide { 5442 max-width: calc(100vw - 8rem); 5443 width: calc(100vw - 8rem); 5444 } 5445 5446 [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignleft, 5447 [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignleft, 5448 [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignleft { 5449 margin-left: 4rem; 5450 } 5451 5452 [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignright, 5453 [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignright, 5454 [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignright { 5455 margin-right: 4rem; 5456 } 5457 5458 .entry-content > .alignwide:first-child, 5459 .entry-content > .alignfull:first-child { 5460 margin-bottom: 8rem; 5461 } 5462 5463 /* ENTRY MEDIA */ 5464 5465 .alignfull > figcaption, 5466 .alignfull > .wp-caption-text { 5467 width: calc(100% - 8rem); 5468 } 5469 5470 /* Comments ------------------------------ */ 5471 5472 .comments-wrapper { 5473 margin-top: 8rem; 5474 } 5475 5476 .comment-reply-title { 5477 margin-bottom: 4.6rem; 5478 } 5479 5480 .comment-respond p.comment-notes, 5481 .comment-respond p.logged-in-as { 5482 font-size: 1.8rem; 5483 letter-spacing: -0.025em; 5484 margin: -2.5rem 0 4.4rem 0; 5485 } 5486 5487 .comments .comment, 5488 .comments .pingback, 5489 .comments .trackback, 5490 .comments .review { 5491 padding-top: 5rem; 5492 } 5493 5494 div.comment:first-of-type { 5495 margin-top: 5rem; 5496 } 5497 5498 .comment-meta { 5499 margin-bottom: 2rem; 5500 min-height: 6rem; 5501 padding: 0.3rem 7.5rem 0 0; 5502 } 5503 5504 .comment-meta .avatar { 5505 display: block; 5506 height: 6rem; 5507 position: absolute; 5508 right: 0; 5509 top: 0; 5510 width: 6rem; 5511 } 5512 5513 .comment-author { 5514 font-size: 2.4rem; 5515 } 5516 5517 .comment-metadata { 5518 font-size: 1.6rem; 5519 margin-top: 0.8rem; 5520 } 5521 5522 .comment-footer-meta { 5523 margin-top: 2.5rem; 5524 } 5525 5526 .comments-pagination { 5527 margin-top: 8rem; 5528 } 5529 5530 /* PINGBACKS & TRACKBACKS */ 5531 5532 .pingback .comment-body { 5533 padding: 0; 5534 } 5535 5536 /* COMMENT RESPOND */ 5537 5538 .comment-respond p { 5539 margin-bottom: 2.5rem; 5540 } 5541 5542 .comment-form p.logged-in-as { 5543 margin: -2.5rem 0 4.4rem 0; 5544 } 5545 5546 .comment-respond .comment-form-author, 5547 .comment-respond .comment-form-email { 5548 float: right; 5549 width: calc(50% - 1rem); 5550 } 5551 5552 .comment-respond .comment-form-email { 5553 margin-right: 2rem; 5554 } 5555 5556 .comments .comment-respond { 5557 padding: 5rem 0 0; 5558 } 5559 5560 .comment-reply-title small { 5561 display: inline; 5562 margin: 0 0.5rem 0 0; 5563 } 5564 5565 /* Site Pagination ----------------------- */ 5566 5567 .pagination-separator { 5568 margin: 8rem 0; 5569 } 5570 5571 /* Display the full text for Newer and Older Posts. */ 5572 5573 .nav-short { 5574 display: inline; 5575 } 5576 5577 .pagination .nav-links { 5578 font-size: 2.4rem; 5579 font-weight: 700; 5580 margin: -2.5rem -4rem 0 0; 5581 } 5582 5583 .nav-links > * { 5584 margin: 2.5rem 4rem 0 0; 5585 } 5586 5587 5588 /* Error 404 ----------------------------- */ 5589 5590 .error404 #site-content { 5591 padding-top: 8rem; 5592 } 5593 5594 /* Widgets ------------------------------- */ 5595 5596 .widget .widget-title { 5597 margin-bottom: 3rem; 5598 } 5599 5600 /* Site Footer --------------------------- */ 5601 5602 .footer-top-visible .footer-nav-widgets-wrapper, 5603 .footer-top-hidden #site-footer { 5604 margin-top: 8rem; 5605 } 5606 5607 /* FOOTER TOP */ 5608 5609 .footer-top { 5610 padding: 3.7rem 0; 5611 } 5612 5613 .footer-menu { 5614 font-size: 2.4rem; 5615 margin: -0.8rem -1.6rem 0 0; 5616 } 5617 5618 .footer-menu li { 5619 margin: 0.8rem 1.6rem 0 0; 5620 } 5621 5622 .has-footer-menu .footer-social-wrapper { 5623 flex: 1; 5624 margin-right: 4rem; 5625 width: auto; 5626 } 5627 5628 /* FOOTER WIDGETS */ 5629 5630 .footer-widgets-outer-wrapper { 5631 padding: 8rem 0; 5632 } 5633 5634 .footer-widgets-wrapper { 5635 display: flex; 5636 justify-content: space-between; 5637 margin-right: -4rem; 5638 width: calc(100% + 4rem); 5639 } 5640 5641 .footer-widgets { 5642 margin-right: 4rem; 5643 width: 50%; 5644 } 5645 5646 .footer-widgets + .footer-widgets { 5647 margin-top: 0; 5648 } 5649 5650 .footer-widgets .widget { 5651 border-top: none; 5652 margin-top: 5rem; 5653 padding-top: 0; 5654 } 5655 5656 .footer-widgets .widget:first-child { 5657 margin-top: 0; 5658 } 5659 5660 /* FOOTER BOTTOM */ 5661 5662 #site-footer { 5663 font-size: 1.8rem; 5664 padding: 4.3rem 0; 5665 } 5666 5667 .footer-credits { 5668 display: flex; 5669 flex-wrap: wrap; 5670 } 5671 5672 .footer-copyright { 5673 font-weight: 700; 5674 } 5675 5676 .footer-credits .privacy-policy { 5677 margin: 0 2.4rem 0 0; 5678 } 5679 5680 .to-the-top-long { 5681 display: inline; 5682 } 5683 5684 .to-the-top-short { 5685 display: none; 5686 } 5687 5688 } 5689 5690 @media (min-width: 782px) { 5691 5692 /* Blocks -------------------------------- */ 5693 5694 /* BLOCK: COLUMNS */ 5695 5696 .wp-block-column { 5697 margin-bottom: 0; 5698 } 5699 5700 .wp-block-columns.alignwide + .wp-block-columns.alignwide, 5701 .wp-block-columns.alignfull + .wp-block-columns.alignfull { 5702 margin-top: -2.8rem; 5703 } 5704 } 5705 5706 @media ( min-width: 1000px ) { 5707 5708 5709 /* Document Setup ------------------------ */ 5710 5711 /* Helper Classes ------------------------ */ 5712 5713 /* Site Header --------------------------- */ 5714 5715 #site-header { 5716 z-index: 2; 5717 } 5718 5719 .header-inner { 5720 align-items: center; 5721 display: flex; 5722 justify-content: space-between; 5723 padding: 2.8rem 0; 5724 } 5725 5726 .header-titles-wrapper { 5727 margin-left: 4rem; 5728 max-width: 50%; 5729 padding: 0; 5730 text-align: right; 5731 } 5732 5733 .header-titles { 5734 align-items: baseline; 5735 display: flex; 5736 flex-wrap: wrap; 5737 justify-content: flex-start; 5738 margin: -1rem -2.4rem 0 0; 5739 } 5740 5741 .header-titles .site-title, 5742 .header-titles .site-logo, 5743 .header-titles .site-description { 5744 margin: 1rem 2.4rem 0 0; 5745 } 5746 5747 .wp-custom-logo .header-titles { 5748 align-items: center; 5749 } 5750 5751 /* HEADER NAVIGATION */ 5752 5753 .header-navigation-wrapper { 5754 align-items: center; 5755 display: flex; 5756 } 5757 5758 .primary-menu-wrapper { 5759 display: block; 5760 width: 100%; 5761 } 5762 5763 /* HEADER TOGGLES */ 5764 5765 .mobile-search-toggle, 5766 .mobile-nav-toggle { 5767 display: none !important; 5768 } 5769 5770 .primary-menu-wrapper + .header-toggles { 5771 margin-right: 3rem; 5772 } 5773 5774 .header-toggles { 5775 display: flex; 5776 flex-shrink: 0; 5777 margin-left: -3rem; 5778 } 5779 5780 .header-inner .toggle { 5781 height: 4.4rem; 5782 padding: 0 3rem; 5783 position: relative; 5784 bottom: auto; 5785 right: auto; 5786 left: auto; 5787 top: auto; 5788 width: auto; 5789 } 5790 5791 .header-inner .toggle-wrapper { 5792 position: relative; 5793 } 5794 5795 .header-inner .toggle-wrapper::before { 5796 background: #dedfdf; 5797 content: ""; 5798 display: block; 5799 height: 2.7rem; 5800 position: absolute; 5801 right: 0; 5802 top: calc(50% - 1.35rem); 5803 width: 0.1rem; 5804 } 5805 5806 .header-inner .toggle-wrapper:first-child::before { 5807 content: none; 5808 } 5809 5810 .header-inner .primary-menu-wrapper + .header-toggles .toggle-wrapper:first-child::before { 5811 content: ""; 5812 } 5813 5814 .nav-toggle-wrapper:not(.has-expanded-menu) { 5815 display: none; 5816 } 5817 5818 .toggle-inner { 5819 position: static; 5820 } 5821 5822 .toggle-inner .toggle-text { 5823 right: 0; 5824 left: 0; 5825 text-align: center; 5826 top: calc(100% - 0.3rem); 5827 width: auto; 5828 } 5829 5830 .header-toggles:only-child .nav-toggle .toggle-inner { 5831 padding-top: 0; 5832 } 5833 5834 .header-toggles:only-child .toggle-inner { 5835 display: flex; 5836 flex-wrap: nowrap; 5837 align-items: center; 5838 } 5839 5840 .header-toggles:only-child .toggle-inner .svg-icon { 5841 order: 1; 5842 } 5843 5844 .header-toggles:only-child .toggle-inner .toggle-text { 5845 position: static; 5846 padding-left: 20px; 5847 font-size: 15px; 5848 color: inherit; 5849 } 5850 5851 /* Menu Modal ---------------------------- */ 5852 5853 .menu-modal { 5854 opacity: 1; 5855 justify-content: flex-end; 5856 padding: 0; 5857 transition: background-color 0.3s ease-in, right 0s 0.3s, left 0s 0.3s; 5858 } 5859 5860 .menu-modal.cover-modal { 5861 background: rgba(0, 0, 0, 0); 5862 } 5863 5864 .menu-modal.active { 5865 background: rgba(0, 0, 0, 0.2); 5866 transition: background-color 0.3s ease-out; 5867 } 5868 5869 .menu-wrapper.section-inner { 5870 width: calc(100% - 8rem); 5871 } 5872 5873 .menu-modal-inner { 5874 box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.1); 5875 opacity: 0; 5876 padding: 0; 5877 transform: translateX(-20rem); 5878 transition: transform 0.2s ease-in, opacity 0.2s ease-in; 5879 width: 50rem; 5880 } 5881 5882 .menu-modal.active .menu-modal-inner { 5883 opacity: 1; 5884 transform: translateX(0); 5885 transition-timing-function: ease-out; 5886 } 5887 5888 .mobile-menu { 5889 display: none; 5890 } 5891 5892 .expanded-menu { 5893 display: block; 5894 } 5895 5896 .menu-bottom { 5897 padding: 6rem 0; 5898 } 5899 5900 .menu-bottom .social-menu { 5901 justify-content: flex-start; 5902 } 5903 5904 /* Sub Page ------------------------------ */ 5905 5906 /* FEATURED MEDIA */ 5907 5908 .featured-media figcaption { 5909 width: 100%; 5910 } 5911 5912 /* Template: Full Width ------------------ */ 5913 5914 .template-full-width .wp-block-image .alignleft { 5915 margin-right: 2rem; 5916 } 5917 5918 .template-full-width .wp-block-image .alignright { 5919 margin-left: 2rem; 5920 } 5921 5922 /* Post: Archive ------------------------- */ 5923 5924 /* Post: Single -------------------------- */ 5925 5926 .singular .intro-text { 5927 font-size: 2.8rem; 5928 } 5929 5930 /* Blocks -------------------------------- */ 5931 5932 /* BLOCK: COLUMNS */ 5933 5934 .wp-block-columns.alignwide + .wp-block-columns.alignwide, 5935 .wp-block-columns.alignfull + .wp-block-columns.alignfull { 5936 margin-top: -4.8rem; 5937 } 5938 5939 /* BLOCK: GALLERY */ 5940 5941 figure.wp-block-gallery.alignwide, 5942 figure.wp-block-gallery.alignfull { 5943 margin-bottom: 8rem; 5944 margin-top: 8rem; 5945 } 5946 5947 /* BLOCK: GROUP */ 5948 5949 .entry-content > .wp-block-group.alignwide.has-background, 5950 .entry-content > .wp-block-group.alignfull.has-background { 5951 padding: 8rem 4rem; 5952 margin-bottom: 0; 5953 margin-top: 0; 5954 } 5955 5956 /* BLOCK: IMAGE */ 5957 5958 .wp-block-image .alignleft { 5959 margin-right: 0; 5960 } 5961 5962 .wp-block-image .alignright { 5963 margin-left: 0; 5964 } 5965 5966 /* BLOCK: SEPARATOR */ 5967 5968 hr.wp-block-separator { 5969 margin: 8rem auto; 5970 } 5971 5972 /* Entry Content ------------------------- */ 5973 5974 /* ALIGNMENT CLASSES */ 5975 5976 .entry-content > .alignleft, 5977 .entry-content > p .alignleft, 5978 .entry-content > .wp-block-image .alignleft { 5979 position: absolute; 5980 right: calc((100vw - 58rem) / 2 + 58rem + 2rem); 5981 max-width: calc((100% - 58rem) / 2 - 6rem); 5982 } 5983 5984 [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .alignleft, 5985 [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > p .alignleft, 5986 [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .wp-block-image .alignleft { 5987 position: relative; 5988 right: inherit; 5989 max-width: inherit; 5990 } 5991 5992 [class*="wp-block"].alignwide [class*="__inner-container"] > .alignleft, 5993 [class*="wp-block"].alignwide [class*="__inner-container"] > p .alignleft, 5994 [class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignleft, 5995 [class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft, 5996 [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft, 5997 [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft { 5998 position: absolute; 5999 right: calc((100% - 58rem) / 2 + 58rem + 4rem); 6000 max-width: calc((100% - 58rem) / 2 - 4rem); 6001 } 6002 6003 [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .alignleft, 6004 [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > p .alignleft, 6005 [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .wp-block-image .alignleft { 6006 right: calc((100% - 58rem) / 2 + 58rem); 6007 } 6008 6009 [class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft, 6010 [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft, 6011 [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft { 6012 margin-left: 4rem; 6013 } 6014 6015 .entry-content > .alignright, 6016 .entry-content > p .alignright, 6017 .entry-content > .wp-block-image .alignright, 6018 [class*="__inner-container"] > .alignright { 6019 position: absolute; 6020 left: calc((100vw - 58rem) / 2 + 58rem + 2rem); 6021 max-width: calc((100% - 58rem) / 2 - 6rem); 6022 } 6023 6024 [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .alignright, 6025 [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > p .alignright, 6026 [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .wp-block-image .alignright { 6027 position: relative; 6028 left: inherit; 6029 max-width: inherit; 6030 } 6031 6032 [class*="wp-block"].alignwide [class*="__inner-container"] > .alignright, 6033 [class*="wp-block"].alignwide [class*="__inner-container"] > p .alignright, 6034 [class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignright, 6035 [class*="wp-block"].alignfull [class*="__inner-container"] > .alignright, 6036 [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright, 6037 [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright { 6038 position: absolute; 6039 left: calc((100% - 58rem) / 2 + 58rem + 4rem); 6040 max-width: calc((100% - 58rem) / 2 - 4rem); 6041 } 6042 6043 [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .alignright, 6044 [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > p .alignright, 6045 [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .wp-block-image .alignright { 6046 left: calc((100% - 58rem) / 2 + 58rem + 4rem); 6047 } 6048 6049 [class*="wp-block"].alignfull [class*="__inner-container"] > .alignright, 6050 [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright, 6051 [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright { 6052 margin-right: 4rem; 6053 } 6054 6055 .entry-content > .alignwide:not(.wp-block-group.has-background), 6056 .entry-content > .alignfull:not(.wp-block-group.has-background) { 6057 margin-bottom: 8rem; 6058 margin-top: 8rem; 6059 } 6060 6061 /* ENTRY MEDIA */ 6062 6063 .alignfull > figcaption, 6064 .alignfull > .wp-caption-text { 6065 width: calc(100% - 10rem); 6066 } 6067 6068 /* Comments ------------------------------ */ 6069 6070 .comment-meta { 6071 padding-right: 0; 6072 } 6073 6074 .comment-meta .avatar { 6075 right: -8rem; 6076 } 6077 6078 /* Site Pagination ----------------------- */ 6079 6080 .pagination .nav-links { 6081 justify-content: space-between; 6082 margin: 0; 6083 width: 100%; 6084 } 6085 6086 .nav-links > * { 6087 margin: 0 2rem; 6088 } 6089 6090 .pagination .next, 6091 .pagination .prev { 6092 display: block; 6093 } 6094 6095 .pagination .prev { 6096 margin: 0 0 0 auto; 6097 } 6098 6099 .pagination .next { 6100 text-align: left; 6101 margin: 0 auto 0 0; 6102 } 6103 6104 /* Site Footer --------------------------- */ 6105 6106 /* FOOTER TOP */ 6107 6108 .footer-top { 6109 align-items: center; 6110 } 6111 6112 .footer-menu { 6113 align-items: baseline; 6114 display: flex; 6115 justify-content: flex-start; 6116 flex-wrap: wrap; 6117 font-size: 2.1rem; 6118 margin: -1.2rem -2.4rem 0 0; 6119 } 6120 6121 .footer-menu li { 6122 margin: 1.2rem 2.4rem 0 0; 6123 } 6124 6125 .powered-by-wordpress { 6126 display: block; 6127 } 6128 } 6129 6130 6131 @media ( min-width: 1220px ) { 6132 6133 /* Element Base -------------------------- */ 6134 6135 /* TITLES */ 6136 6137 h1, 6138 .heading-size-1 { 6139 font-size: 8.4rem; 6140 } 6141 6142 /* Helper Classes ------------------------ */ 6143 6144 /* Site Header --------------------------- */ 6145 6146 /* PRIMARY MENU */ 6147 6148 ul.primary-menu { 6149 margin: -0.8rem -2.5rem 0 0; 6150 } 6151 6152 .primary-menu > li { 6153 margin: 0.8rem 2.5rem 0 0; 6154 } 6155 6156 /* HEADER TOGGLES */ 6157 6158 .primary-menu-wrapper + .header-toggles { 6159 margin-right: 4rem; 6160 } 6161 6162 .header-toggles { 6163 margin-left: -4rem; 6164 } 6165 6166 .header-toggles .toggle { 6167 padding: 0 4rem; 6168 } 6169 6170 /* Menu Modal ---------------------------- */ 6171 6172 /* Search Modal -------------------------- */ 6173 6174 /* Sub Page ------------------------------ */ 6175 6176 /* Template: Cover Template -------------- */ 6177 6178 .cover-header + .post-inner { 6179 padding-top: 10rem; 6180 } 6181 6182 /* Post: Archive ------------------------- */ 6183 6184 /* Post: Single -------------------------- */ 6185 6186 .singular .intro-text { 6187 font-size: 3.2rem; 6188 letter-spacing: -0.03125em; 6189 line-height: 1.375; 6190 } 6191 6192 /* Blocks -------------------------------- */ 6193 6194 /* BLOCK: COLUMNS */ 6195 6196 .wp-block-columns.alignfull + .wp-block-columns.alignfull { 6197 margin-top: -6rem; 6198 } 6199 6200 /* BLOCK: GALLERY */ 6201 6202 figure.wp-block-gallery.alignfull { 6203 margin-bottom: 10rem; 6204 margin-top: 10rem; 6205 } 6206 6207 /* BLOCK: GROUP */ 6208 6209 .entry-content > .wp-block-group.alignwide.has-background, 6210 .entry-content > .wp-block-group.alignfull.has-background { 6211 padding: 8rem 6rem; 6212 margin-bottom: 0; 6213 margin-top: 0; 6214 } 6215 6216 /* BLOCK: PULLQUOTE */ 6217 6218 .wp-block-pullquote.alignwide blockquote p, 6219 .wp-block-pullquote.alignfull blockquote p { 6220 font-size: 6.4rem; 6221 } 6222 6223 .wp-block-pullquote.is-style-solid-color.alignwide, 6224 .wp-block-pullquote.is-style-solid-color.alignfull { 6225 padding: 9rem 4rem 8rem; 6226 } 6227 6228 /* Entry Content ------------------------- */ 6229 6230 /* ALIGNMENT CLASSES */ 6231 6232 .entry-content > .alignfull { 6233 margin-bottom: 10rem; 6234 margin-top: 10rem; 6235 } 6236 6237 [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .alignleft, 6238 [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > p .alignleft, 6239 [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .wp-block-image .alignleft { 6240 right: calc((100% - 58rem) / 2 + 58rem - 2rem); 6241 } 6242 6243 [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .alignright, 6244 [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > p .alignright, 6245 [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .wp-block-image .alignright { 6246 left: calc((100% - 58rem) / 2 + 58rem + 6rem); 6247 } 6248 6249 /* Comments ------------------------------ */ 6250 6251 .comment-reply-title { 6252 font-size: 5.6rem; 6253 line-height: 1.2; 6254 margin-bottom: 6rem; 6255 } 6256 6257 .comment-respond p.comment-notes, 6258 .comment-respond p.logged-in-as { 6259 margin: -4rem 0 6rem 0; 6260 } 6261 6262 .comments .comment-respond .comment-reply-title { 6263 font-size: 4.8rem; 6264 } 6265 6266 .comments .comment-respond p.comment-notes, 6267 .comments .comment-respond p.logged-in-as { 6268 margin: -4.5rem 0 4rem 0; 6269 } 6270 6271 /* Site Pagination ----------------------- */ 6272 6273 /* Widgets ------------------------------- */ 6274 6275 .widget-content { 6276 font-size: 2.1rem; 6277 } 6278 6279 /* Site Footer --------------------------- */ 6280 6281 .footer-menu { 6282 font-size: 2.4rem; 6283 margin: -1.5rem -3rem 0 0; 6284 } 6285 6286 .footer-menu li { 6287 margin: 1.5rem 3rem 0 0; 6288 } 6289 6290 ul.footer-social { 6291 margin: -1rem -1rem 0 0; 6292 } 6293 6294 ul.footer-social li { 6295 margin: 1rem 1rem 0 0; 6296 } 6297 6298 .footer-social a { 6299 height: 4.4rem; 6300 width: 4.4rem; 6301 } 6302 6303 .footer-social a::before { 6304 font-size: 2rem; 6305 } 6306 6307 /* FOOTER WIDGETS */ 6308 6309 .footer-widgets-wrapper { 6310 margin-right: -6rem; 6311 width: calc(100% + 6rem); 6312 } 6313 6314 .footer-widgets { 6315 margin-right: 6rem; 6316 } 6317 6318 } 6319 6320 @media ( min-width: 1240px ) { 6321 6322 6323 /* Blocks -------------------------------- */ 6324 6325 body.template-full-width .entry-content > .alignleft { 6326 margin-left: calc(( 100vw - 120rem ) / 2); 6327 } 6328 6329 body.template-full-width .entry-content > .alignright { 6330 margin-right: calc(( 100vw - 120rem ) / 2); 6331 } 6332 6333 } 6334 6335 @media ( min-width: 1280px ) { 6336 6337 /* Blocks -------------------------------- */ 6338 6339 /* BLOCK: GALLERY */ 6340 6341 figure.wp-block-gallery.alignleft { 6342 margin-left: -31rem; 6343 } 6344 6345 figure.wp-block-gallery.alignright { 6346 margin-right: -31rem; 6347 } 6348 6349 /* BLOCK: SEPARATOR */ 6350 6351 .wp-block-separator.is-style-wide { 6352 max-width: 120rem; 6353 width: 100%; 6354 } 6355 6356 /* Entry Content ------------------------- */ 6357 6358 /* ALIGNMENT CLASSES */ 6359 6360 .entry-content > .alignleft, 6361 .entry-content > p .alignleft, 6362 .entry-content > .wp-block-image .alignleft { 6363 right: calc((100vw - 58rem) / 2 + 58rem + 4rem); 6364 margin-left: -31rem; 6365 } 6366 6367 .entry-content > .alignright, 6368 .entry-content > p .alignright, 6369 .entry-content > .wp-block-image .alignright { 6370 left: calc((100vw - 58rem) / 2 + 58rem + 4rem); 6371 margin-right: -31rem; 6372 } 6373 6374 .entry-content > .alignwide { 6375 max-width: 120rem; 6376 width: 120rem; 6377 } 6378 6379 [class*="__inner-container"] > .alignwide { 6380 max-width: 120rem; 6381 width: 100%; 6382 } 6383 6384 .alignleft, 6385 .alignright, 6386 .entry-content > .alignleft, 6387 .entry-content > p .alignleft, 6388 .entry-content > .wp-block-image .alignleft, 6389 .entry-content > .alignright, 6390 .entry-content > p .alignright, 6391 .entry-content > .wp-block-image .alignright, 6392 [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .alignleft, 6393 [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > p .alignleft, 6394 [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignleft, 6395 [class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft, 6396 [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft, 6397 [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft, 6398 [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .alignright, 6399 [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > p .alignright, 6400 [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignright, 6401 [class*="wp-block"].alignfull [class*="__inner-container"] > .alignright, 6402 [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright, 6403 [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright { 6404 max-width: 25rem; 6405 } 6406 6407 /* Template: Full Width ------------------ */ 6408 6409 body.template-full-width .alignfull:not(.has-background) > .wp-block-group__inner-container > p:not(.has-background-color) { 6410 padding-right: 0; 6411 padding-left: 0; 6412 } 6413 6414 body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft { 6415 margin-left: 0; 6416 } 6417 6418 body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright { 6419 margin-right: 0; 6420 } 6421 6422 } 6423 6424 @media ( min-width: 1330px ) { 6425 6426 6427 /* Entry Content ------------------------- */ 6428 6429 /* ALIGNMENT CLASSES */ 6430 6431 .alignleft, 6432 .alignright, 6433 .entry-content > .alignleft, 6434 .entry-content > p .alignleft, 6435 .entry-content > .wp-block-image .alignleft, 6436 .entry-content > .alignright, 6437 .entry-content > p .alignright, 6438 .entry-content > .wp-block-image .alignright, 6439 [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .alignleft, 6440 [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > p .alignleft, 6441 [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignleft, 6442 [class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft, 6443 [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft, 6444 [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft, 6445 [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .alignright, 6446 [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > p .alignright, 6447 [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignright, 6448 [class*="wp-block"].alignfull [class*="__inner-container"] > .alignright, 6449 [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright, 6450 [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright { 6451 max-width: 29rem; 6452 } 6453 6454 /* Blocks -------------------------------- */ 6455 6456 /* BLOCK: PULLQUOTE */ 6457 6458 .wp-block-pullquote.is-style-solid-color.alignleft::before, 6459 .wp-block-pullquote.is-style-solid-color.alignright::before { 6460 top: 0; 6461 } 6462 } 6463 6464 @media ( max-width: 800px ) { 6465 6466 /* Customizer ---------------------------- */ 6467 6468 .customize-partial-edit-shortcuts-shown .footer-nav-widgets-wrapper .footer-inner.section-inner { 6469 width: calc(100% - 8rem); 6470 } 6471 }
title
Description
Body
title
Description
Body
title
Description
Body
title
Body
| Generated : Fri Oct 2 08:20:29 2026 | Cross-referenced by PHPXref |