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