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