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