[ 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.8 5 Tested up to: 6.7 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: rect(1px, 1px, 1px, 1px); 182 -webkit-clip-path: inset(50%); 183 clip-path: inset(50%); 184 height: 1px; 185 margin: -1px; 186 overflow: hidden; 187 padding: 0; 188 position: absolute !important; 189 width: 1px; 190 word-wrap: normal !important; 191 word-break: normal; 192 } 193 194 .screen-reader-text:focus { 195 background-color: #f1f1f1; 196 border-radius: 3px; 197 box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); 198 clip: auto !important; 199 -webkit-clip-path: none; 200 clip-path: none; 201 color: #21759b; 202 display: block; 203 font-size: 0.875rem; 204 font-weight: 700; 205 height: auto; 206 right: 5px; 207 line-height: normal; 208 padding: 15px 23px 14px; 209 text-decoration: none; 210 top: 5px; 211 width: auto; 212 z-index: 100000; 213 } 214 215 216 /* Skip Link --------------------------------- */ 217 218 .skip-link { 219 left: -9999rem; 220 top: 2.5rem; 221 z-index: 999999999; 222 text-decoration: underline; 223 } 224 225 .skip-link:focus { 226 display: block; 227 left: 6px; 228 top: 7px; 229 font-size: 14px; 230 font-weight: 600; 231 text-decoration: none; 232 line-height: normal; 233 padding: 15px 23px 14px; 234 z-index: 100000; 235 right: auto; 236 } 237 238 239 /* Fonts ------------------------------------- */ 240 241 /* 242 * Chrome renders extra-wide characters for the Hoefler Text font. 243 * This results in a jumping cursor when typing in both the classic editor and 244 * block editor. The following font-face override fixes the issue by manually 245 * inserting a custom font that includes just a Hoefler Text space replacement 246 * for that character instead. 247 */ 248 @font-face { 249 font-family: NonBreakingSpaceOverride; 250 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"); 251 } 252 253 /* ---------------------------------------------- 254 Inter variable font. Usage: 255 256 @supports (font-variation-settings: normal) { 257 html { font-family: 'Inter var', sans-serif; } 258 } 259 ---------------------------------------------- */ 260 261 @font-face { 262 font-family: "Inter var"; 263 font-weight: 100 900; /* stylelint-disable-line font-weight-notation */ 264 font-style: normal; 265 font-display: swap; 266 src: url(./assets/fonts/inter/Inter-upright-var.woff2) format("woff2"); 267 } 268 269 @font-face { 270 font-family: "Inter var"; 271 font-weight: 100 900; /* stylelint-disable-line font-weight-notation */ 272 font-style: italic; 273 font-display: swap; 274 src: url(./assets/fonts/inter/Inter-italic-var.woff2) format("woff2"); 275 } 276 277 278 /* Accessibility Settings -------------------- */ 279 280 @media ( prefers-reduced-motion: reduce ) { 281 282 * { 283 animation-duration: 0s !important; 284 transition-duration: 0s !important; 285 } 286 } 287 288 289 /* -------------------------------------------------------------------------- */ 290 291 /* 2. Element Base 292 /* ---------------------------------------------*---------------------------- */ 293 294 295 main { 296 display: block; 297 } 298 299 h1, 300 h2, 301 h3, 302 h4, 303 h5, 304 h6, 305 .faux-heading { 306 font-feature-settings: "lnum"; 307 font-variant-numeric: lining-nums; 308 font-weight: 700; 309 letter-spacing: -0.0415625em; 310 line-height: 1.25; 311 margin: 3.5rem 0 2rem; 312 } 313 314 h1, 315 .heading-size-1 { 316 font-size: 3.6rem; 317 font-weight: 800; 318 line-height: 1.138888889; 319 } 320 321 h2, 322 .heading-size-2 { 323 font-size: 3.2rem; 324 } 325 326 h3, 327 .heading-size-3 { 328 font-size: 2.8rem; 329 } 330 331 h4, 332 .heading-size-4 { 333 font-size: 2.4rem; 334 } 335 336 h5, 337 .heading-size-5 { 338 font-size: 2.1rem; 339 } 340 341 h6, 342 .heading-size-6 { 343 font-size: 1.6rem; 344 letter-spacing: 0.03125em; 345 text-transform: uppercase; 346 } 347 348 p { 349 line-height: 1.5; 350 margin: 0 0 1em 0; 351 } 352 353 em, 354 i, 355 q, 356 dfn { 357 font-style: italic; 358 } 359 360 em em, 361 em i, 362 i em, 363 i i, 364 cite em, 365 cite i { 366 font-weight: bolder; 367 } 368 369 big { 370 font-size: 1.2em; 371 } 372 373 small { 374 font-size: 0.75em; 375 } 376 377 b, 378 strong { 379 font-weight: 700; 380 } 381 382 ins { 383 text-decoration: underline; 384 } 385 386 sub, 387 sup { 388 font-size: 75%; 389 line-height: 0; 390 position: relative; 391 vertical-align: baseline; 392 } 393 394 sup { 395 top: -0.5em; 396 } 397 398 sub { 399 bottom: -0.25em; 400 } 401 402 abbr, 403 acronym { 404 cursor: help; 405 } 406 407 address { 408 line-height: 1.5; 409 margin: 0 0 2rem 0; 410 } 411 412 hr { 413 border-style: solid; 414 border-width: 0.1rem 0 0 0; 415 border-color: #dcd7ca; 416 margin: 4rem 0; 417 } 418 419 .entry-content hr, 420 hr.styled-separator { 421 background: linear-gradient(to left, currentColor calc(50% - 16px), transparent calc(50% - 16px), transparent calc(50% + 16px), currentColor calc(50% + 16px)); 422 background-color: transparent !important; 423 border: none; 424 height: 0.1rem; 425 overflow: visible; 426 position: relative; 427 } 428 429 .entry-content hr:not(.has-background), 430 hr.styled-separator { 431 color: #6d6d6d; 432 } 433 434 .entry-content hr::before, 435 .entry-content hr::after, 436 hr.styled-separator::before, 437 hr.styled-separator::after { 438 background: currentColor; 439 content: ""; 440 display: block; 441 height: 1.6rem; 442 position: absolute; 443 top: calc(50% - 0.8rem); 444 transform: rotate(22.5deg); 445 width: 0.1rem; 446 } 447 448 .entry-content hr::before, 449 hr.styled-separator::before { 450 left: calc(50% - 0.5rem); 451 } 452 453 .entry-content hr::after, 454 hr.styled-separator::after { 455 right: calc(50% - 0.5rem); 456 } 457 458 a { 459 color: #cd2653; 460 text-decoration: underline; 461 } 462 463 a:hover, 464 a:focus { 465 text-decoration: none; 466 } 467 468 469 /* Lists ------------------------------------- */ 470 471 ul, 472 ol { 473 margin: 0 0 3rem 3rem; 474 } 475 476 ul { 477 list-style: disc; 478 } 479 480 ul ul { 481 list-style: circle; 482 } 483 484 ul ul ul { 485 list-style: square; 486 } 487 488 ol { 489 list-style: decimal; 490 } 491 492 ol ol { 493 list-style: lower-alpha; 494 } 495 496 ol ol ol { 497 list-style: lower-roman; 498 } 499 500 li { 501 line-height: 1.5; 502 margin: 0.5rem 0 0 2rem; 503 } 504 505 li > ul, 506 li > ol { 507 margin: 1rem 0 0 2rem; 508 } 509 510 .reset-list-style, 511 .reset-list-style ul, 512 .reset-list-style ol { 513 list-style: none; 514 margin: 0; 515 } 516 517 .reset-list-style li { 518 margin: 0; 519 } 520 521 dt, 522 dd { 523 line-height: 1.5; 524 } 525 526 dt { 527 font-weight: 700; 528 } 529 530 dt + dd { 531 margin-top: 0.5rem; 532 } 533 534 dd + dt { 535 margin-top: 1.5rem; 536 } 537 538 539 /* Quotes ------------------------------------ */ 540 541 blockquote { 542 border-color: #cd2653; 543 border-style: solid; 544 545 /*rtl:ignore*/ 546 border-width: 0 0 0 0.2rem; 547 color: inherit; 548 font-size: 1em; 549 margin: 4rem 0; 550 551 /*rtl:ignore*/ 552 padding: 0.5rem 0 0.5rem 2rem; 553 } 554 555 cite { 556 color: #6d6d6d; 557 font-size: 1.4rem; 558 font-style: normal; 559 font-weight: 600; 560 line-height: 1.25; 561 } 562 563 blockquote cite { 564 display: block; 565 margin: 2rem 0 0 0; 566 } 567 568 blockquote p:last-child { 569 margin: 0; 570 } 571 572 573 /* Code -------------------------------------- */ 574 575 code, 576 kbd, 577 pre, 578 samp { 579 font-family: monospace; 580 font-size: 0.9em; 581 padding: 0.4rem 0.6rem; 582 } 583 584 code, 585 kbd, 586 samp { 587 background: rgba(0, 0, 0, 0.075); 588 border-radius: 0.2rem; 589 } 590 591 pre { 592 border: 0.1rem solid #dcd7ca; 593 line-height: 1.5; 594 margin: 4rem 0; 595 overflow: auto; 596 padding: 3rem 2rem; 597 text-align: left; 598 } 599 600 pre code { 601 background: transparent; 602 font-size: 1em; 603 padding: 0; 604 } 605 606 .entry-content > code { 607 display: block; 608 } 609 610 /* Media ------------------------------------- */ 611 612 figure { 613 display: block; 614 margin: 0; 615 } 616 617 iframe { 618 display: block; 619 max-width: 100%; 620 } 621 622 video { 623 display: block; 624 } 625 626 svg, 627 img, 628 embed, 629 object { 630 display: block; 631 height: auto; 632 max-width: 100%; 633 } 634 635 figcaption, 636 .wp-caption-text { 637 color: #6d6d6d; 638 display: block; 639 font-size: 1.5rem; 640 font-weight: 500; 641 line-height: 1.2; 642 margin-top: 1.5rem; 643 } 644 645 figcaption a, 646 .wp-caption-text a { 647 color: inherit; 648 } 649 650 blockquote.instagram-media, 651 iframe.instagram-media { 652 margin: auto !important; 653 } 654 655 656 /* GALLERIES */ 657 658 .gallery { 659 display: flex; 660 flex-wrap: wrap; 661 margin: 3em 0 3em -0.8em; 662 width: calc(100% + 1.6em); 663 } 664 665 .gallery-item { 666 margin: 0.8em 0; 667 padding: 0 0.8em; 668 width: 100%; 669 } 670 671 .gallery-caption { 672 display: block; 673 margin-top: 0.8em; 674 } 675 676 677 /* Inputs ------------------------------------ */ 678 679 fieldset { 680 border: 0.2rem solid #dcd7ca; 681 padding: 2rem; 682 } 683 684 legend { 685 font-size: 0.85em; 686 font-weight: 700; 687 padding: 0 1rem; 688 } 689 690 label { 691 display: block; 692 font-size: 1.6rem; 693 font-weight: 400; 694 margin: 0 0 0.5rem 0; 695 } 696 697 label.inline, 698 input[type="checkbox"] + label { 699 display: inline; 700 font-weight: 400; 701 margin-left: 0.5rem; 702 } 703 704 input[type="checkbox"] { 705 -webkit-appearance: none; 706 -moz-appearance: none; 707 position: relative; 708 top: 2px; 709 display: inline-block; 710 margin: 0; 711 width: 1.5rem; 712 min-width: 1.5rem; 713 height: 1.5rem; 714 background: #fff; 715 border-radius: 0; 716 border-style: solid; 717 border-width: 0.1rem; 718 border-color: #dcd7ca; 719 box-shadow: none; 720 cursor: pointer; 721 } 722 723 input[type="checkbox"]:checked::before { 724 /* Use the "Yes" SVG Dashicon */ 725 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"); 726 position: absolute; 727 display: inline-block; 728 margin: -0.1875rem 0 0 -0.25rem; 729 height: 1.75rem; 730 width: 1.75rem; 731 } 732 733 input, 734 textarea, 735 button, 736 .button, 737 .faux-button, 738 .wp-block-button__link, 739 .wp-block-file__button { 740 font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; 741 line-height: 1; 742 } 743 744 @supports ( font-variation-settings: normal ) { 745 746 input, 747 textarea, 748 button, 749 .button, 750 .faux-button, 751 .faux-button.more-link, 752 .wp-block-button__link, 753 .wp-block-file__button { 754 font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; 755 } 756 } 757 758 input, 759 textarea { 760 border-color: #dcd7ca; 761 color: #000; 762 } 763 764 code, 765 input[type="url"], 766 input[type="email"], 767 input[type="tel"] { 768 769 /*rtl:ignore*/ 770 direction: ltr; 771 } 772 773 input[type="text"], 774 input[type="password"], 775 input[type="email"], 776 input[type="url"], 777 input[type="date"], 778 input[type="month"], 779 input[type="time"], 780 input[type="datetime"], 781 input[type="datetime-local"], 782 input[type="week"], 783 input[type="number"], 784 input[type="search"], 785 input[type="tel"], 786 input[type="color"], 787 textarea { 788 -webkit-appearance: none; 789 -moz-appearance: none; 790 background: #fff; 791 border-radius: 0; 792 border-style: solid; 793 border-width: 0.1rem; 794 box-shadow: none; 795 display: block; 796 font-size: 1.6rem; 797 letter-spacing: -0.015em; 798 margin: 0; 799 max-width: 100%; 800 padding: 1.5rem 1.8rem; 801 width: 100%; 802 } 803 804 input[type="number"] { 805 padding-right: 0.5rem; 806 } 807 808 select { 809 font-size: 1em; 810 } 811 812 textarea { 813 height: 12rem; 814 line-height: 1.5; 815 width: 100%; 816 } 817 818 input::-webkit-input-placeholder { 819 line-height: normal; 820 } 821 822 input:-ms-input-placeholder { 823 line-height: normal; 824 } 825 826 input::-moz-placeholder { 827 line-height: revert; /* Reset to the value from the user-agent stylesheet. */ 828 } 829 830 input[type="search"]::-webkit-search-decoration, 831 input[type="search"]::-webkit-search-cancel-button, 832 input[type="search"]::-webkit-search-results-button, 833 input[type="search"]::-webkit-search-results-decoration { 834 display: none; 835 } 836 837 button, 838 .button, 839 .faux-button, 840 .wp-block-button__link, 841 .wp-block-file .wp-block-file__button, 842 input[type="button"], 843 input[type="reset"], 844 input[type="submit"] { 845 -webkit-appearance: none; 846 -moz-appearance: none; 847 background: #cd2653; 848 border: none; 849 border-radius: 0; 850 color: #fff; 851 cursor: pointer; 852 display: inline-block; 853 font-size: 1.5rem; 854 font-weight: 600; 855 letter-spacing: 0.0333em; 856 line-height: 1.25; 857 margin: 0; 858 opacity: 1; 859 padding: 1.1em 1.44em; 860 text-align: center; 861 text-decoration: none; 862 text-transform: uppercase; 863 transition: opacity 0.15s linear; 864 } 865 866 button:focus, 867 button:hover, 868 .button:focus, 869 .button:hover, 870 .faux-button:focus, 871 .faux-button:hover, 872 .wp-block-button .wp-block-button__link:focus, 873 .wp-block-button .wp-block-button__link:hover, 874 .wp-block-file .wp-block-file__button:focus, 875 .wp-block-file .wp-block-file__button:hover, 876 input[type="button"]:focus, 877 input[type="button"]:hover, 878 input[type="reset"]:focus, 879 input[type="reset"]:hover, 880 input[type="submit"]:focus, 881 input[type="submit"]:hover { 882 text-decoration: underline; 883 } 884 885 input[type="text"]:focus, 886 input[type="email"]:focus, 887 input[type="url"]:focus, 888 input[type="password"]:focus, 889 input[type="number"]:focus, 890 input[type="tel"]:focus, 891 input[type="range"]:focus, 892 input[type="date"]:focus, 893 input[type="month"]:focus, 894 input[type="week"]:focus, 895 input[type="time"]:focus, 896 input[type="datetime"]:focus, 897 input[type="datetime-local"]:focus, 898 input[type="color"]:focus, 899 textarea:focus { 900 border-color: currentColor; 901 } 902 903 input[type="search"]:focus { 904 outline: thin dotted; 905 outline-offset: -4px; 906 } 907 908 /* Tables ------------------------------------ */ 909 910 table { 911 border: 0.1rem solid #dcd7ca; 912 border-collapse: collapse; 913 border-spacing: 0; 914 empty-cells: show; 915 font-size: 1.6rem; 916 margin: 4rem 0; 917 max-width: 100%; 918 overflow: hidden; 919 width: 100%; 920 } 921 922 .alignleft > table { 923 margin: 0; 924 } 925 926 .alignright > table { 927 margin: 0; 928 } 929 930 th, 931 td { 932 border: 0.1rem solid #dcd7ca; 933 line-height: 1.4; 934 margin: 0; 935 overflow: visible; 936 padding: 0.5em; 937 } 938 939 caption { 940 background: #dcd7ca; 941 font-weight: 600; 942 padding: 0.5em; 943 text-align: center; 944 } 945 946 thead { 947 vertical-align: bottom; 948 white-space: nowrap; 949 } 950 951 th { 952 font-weight: 700; 953 } 954 955 956 /* -------------------------------------------------------------------------- */ 957 958 /* 3. Helper Classes 959 /* -------------------------------------------------------------------------- */ 960 961 962 /* Layout ------------------------------------ */ 963 964 .no-margin { 965 margin: 0; 966 } 967 968 .no-padding { 969 padding: 0; 970 } 971 972 .screen-height { 973 min-height: 100vh; 974 } 975 976 .admin-bar .screen-height { 977 min-height: calc(100vh - 32px); 978 } 979 980 @media (max-width: 782px) { 981 982 .admin-bar .screen-height { 983 min-height: calc(100vh - 46px); 984 } 985 } 986 987 .screen-width { 988 position: relative; 989 left: calc(50% - 50vw); 990 width: 100vw; 991 } 992 993 /* Sections ---------------------------------- */ 994 995 section { 996 padding: 5rem 0; 997 width: 100%; 998 } 999 1000 .section-inner { 1001 margin-left: auto; 1002 margin-right: auto; 1003 max-width: 120rem; 1004 width: calc(100% - 4rem); 1005 } 1006 1007 .section-inner.max-percentage { 1008 width: 100%; 1009 } 1010 1011 .section-inner.thin { 1012 max-width: 58rem; 1013 } 1014 1015 .section-inner.small { 1016 max-width: 80rem; 1017 } 1018 1019 .section-inner.medium { 1020 max-width: 100rem; 1021 } 1022 1023 .section-inner.no-margin { 1024 margin: 0; 1025 } 1026 1027 1028 /* Toggles ----------------------------------- */ 1029 1030 .toggle { 1031 -moz-appearance: none; 1032 -webkit-appearance: none; 1033 color: inherit; 1034 cursor: pointer; 1035 font-family: inherit; 1036 position: relative; 1037 -webkit-touch-callout: none; 1038 -webkit-user-select: none; 1039 -khtml-user-select: none; 1040 -moz-user-select: none; 1041 -ms-user-select: none; 1042 text-align: inherit; 1043 user-select: none; 1044 } 1045 1046 button.toggle { 1047 background: none; 1048 border: none; 1049 box-shadow: none; 1050 border-radius: 0; 1051 font-size: inherit; 1052 font-weight: 400; 1053 letter-spacing: inherit; 1054 padding: 0; 1055 text-transform: none; 1056 } 1057 1058 /* Hiding and Showing ------------------------ */ 1059 1060 .js .show-js { 1061 display: block !important; 1062 } 1063 1064 .js .hide-js { 1065 display: none !important; 1066 } 1067 1068 .no-js .show-no-js { 1069 display: block !important; 1070 } 1071 1072 .no-js .hide-no-js { 1073 display: none !important; 1074 } 1075 1076 1077 /* Typography -------------------------------- */ 1078 1079 .font-size-xl { 1080 font-size: 1.25em; 1081 } 1082 1083 .font-size-xs { 1084 font-size: 0.8em; 1085 } 1086 1087 .no-select { 1088 -webkit-touch-callout: none; 1089 -webkit-user-select: none; 1090 -moz-user-select: none; 1091 -ms-user-select: none; 1092 user-select: none; 1093 } 1094 1095 1096 /* Colors ------------------------------------ */ 1097 1098 /* COLOR */ 1099 1100 .color-accent, 1101 .color-accent-hover:focus, 1102 .color-accent-hover:hover { 1103 color: #cd2653; 1104 } 1105 1106 /* BACKGROUND COLOR */ 1107 1108 .bg-accent, 1109 .bg-accent-hover:focus, 1110 .bg-accent-hover:hover { 1111 background-color: #cd2653; 1112 } 1113 1114 /* BORDER COLOR */ 1115 1116 .border-color-accent, 1117 .border-color-accent-hover:focus, 1118 .border-color-accent-hover:hover { 1119 border-color: #cd2653; 1120 } 1121 1122 /* FILL COLOR */ 1123 1124 .fill-children-accent, 1125 .fill-children-accent * { 1126 fill: #cd2653; 1127 } 1128 1129 .fill-children-current-color, 1130 .fill-children-current-color * { 1131 fill: currentColor; 1132 } 1133 1134 1135 /* Opacity ----------------------------------- */ 1136 1137 .opacity-0 { 1138 opacity: 0; 1139 } 1140 1141 .opacity-5 { 1142 opacity: 0.05; 1143 } 1144 1145 .opacity-10 { 1146 opacity: 0.1; 1147 } 1148 1149 .opacity-15 { 1150 opacity: 0.15; 1151 } 1152 1153 .opacity-20 { 1154 opacity: 0.2; 1155 } 1156 1157 .opacity-25 { 1158 opacity: 0.25; 1159 } 1160 1161 .opacity-30 { 1162 opacity: 0.3; 1163 } 1164 1165 .opacity-35 { 1166 opacity: 0.35; 1167 } 1168 1169 .opacity-40 { 1170 opacity: 0.4; 1171 } 1172 1173 .opacity-45 { 1174 opacity: 0.45; 1175 } 1176 1177 .opacity-50 { 1178 opacity: 0.5; 1179 } 1180 1181 .opacity-55 { 1182 opacity: 0.55; 1183 } 1184 1185 .opacity-60 { 1186 opacity: 0.6; 1187 } 1188 1189 .opacity-65 { 1190 opacity: 0.65; 1191 } 1192 1193 .opacity-70 { 1194 opacity: 0.7; 1195 } 1196 1197 .opacity-75 { 1198 opacity: 0.75; 1199 } 1200 1201 .opacity-80 { 1202 opacity: 0.8; 1203 } 1204 1205 .opacity-85 { 1206 opacity: 0.85; 1207 } 1208 1209 .opacity-90 { 1210 opacity: 0.9; 1211 } 1212 1213 .blend-mode-exclusion { 1214 mix-blend-mode: exclusion; 1215 } 1216 1217 .blend-mode-hue { 1218 mix-blend-mode: hue; 1219 } 1220 1221 .blend-mode-saturation { 1222 mix-blend-mode: saturation; 1223 } 1224 1225 .blend-mode-color { 1226 mix-blend-mode: color; 1227 } 1228 1229 .blend-mode-luminosity { 1230 mix-blend-mode: luminosity; 1231 } 1232 1233 1234 /* Image Classes ----------------------------- */ 1235 1236 .bg-image { 1237 background-position: center; 1238 background-repeat: no-repeat; 1239 background-size: cover; 1240 } 1241 1242 .bg-attachment-fixed { 1243 background-attachment: fixed; 1244 } 1245 1246 @supports ( -webkit-overflow-scrolling: touch ) { 1247 1248 .bg-attachment-fixed { 1249 background-attachment: scroll; 1250 } 1251 } 1252 1253 @media ( prefers-reduced-motion: reduce ) { 1254 1255 .bg-attachment-fixed { 1256 background-attachment: scroll; 1257 } 1258 } 1259 1260 .wp-block-image.is-resized { 1261 margin-left: auto; 1262 margin-right: auto; 1263 } 1264 1265 .aligncenter figcaption { 1266 text-align: center; 1267 } 1268 1269 /* Search Form ------------------------------- */ 1270 1271 .search-form { 1272 align-items: stretch; 1273 display: flex; 1274 flex-wrap: nowrap; 1275 margin: 0 0 -0.8rem -0.8rem; 1276 } 1277 1278 .search-form .search-field, 1279 .search-form .search-submit { 1280 margin: 0 0 0.8rem 0.8rem; 1281 } 1282 1283 .search-form label { 1284 align-items: stretch; 1285 display: flex; 1286 font-size: inherit; 1287 margin: 0; 1288 width: 100%; 1289 } 1290 1291 .search-form .search-field { 1292 width: 100%; 1293 } 1294 1295 .search-form .search-submit { 1296 flex-shrink: 0; 1297 } 1298 1299 .search-form .search-submit:focus, 1300 .search-form .search-submit:hover { 1301 text-decoration: none; 1302 } 1303 1304 1305 /* Social Icons ------------------------------ */ 1306 1307 ul.social-icons { 1308 display: flex; 1309 flex-wrap: wrap; 1310 margin: -0.9rem 0 0 -0.9rem; 1311 width: calc(100% + 0.9rem); 1312 } 1313 1314 ul.social-icons li { 1315 margin: 0.9rem 0 0 0.9rem; 1316 } 1317 1318 .social-icons a { 1319 align-items: center; 1320 background: #cd2653; 1321 border-radius: 50%; 1322 color: #fff; 1323 display: flex; 1324 height: 4.4rem; 1325 justify-content: center; 1326 padding: 0; 1327 text-decoration: none; 1328 transition: transform 0.15s ease-in-out; 1329 width: 4.4rem; 1330 } 1331 1332 .social-icons a:focus, 1333 .social-icons a:hover { 1334 transform: scale(1.1); 1335 text-decoration: none; 1336 } 1337 1338 1339 /* Cover Modals ------------------------------ */ 1340 1341 .cover-modal { 1342 display: none; 1343 -ms-overflow-style: none; 1344 overflow: -moz-scrollbars-none; 1345 } 1346 1347 .cover-modal::-webkit-scrollbar { 1348 display: none !important; 1349 } 1350 1351 .cover-modal.show-modal { 1352 display: block; 1353 cursor: pointer; 1354 } 1355 1356 .cover-modal.show-modal > * { 1357 cursor: default; 1358 } 1359 1360 1361 /* -------------------------------------------------------------------------- */ 1362 1363 /* 4. Site Header 1364 /* -------------------------------------------------------------------------- */ 1365 1366 1367 #site-header { 1368 background: #fff; 1369 position: relative; 1370 } 1371 1372 .header-inner { 1373 max-width: 168rem; 1374 padding: 3.15rem 0; 1375 z-index: 100; 1376 } 1377 1378 /* Header Titles ----------------------------- */ 1379 1380 .header-titles-wrapper { 1381 align-items: center; 1382 display: flex; 1383 justify-content: center; 1384 padding: 0 4rem; 1385 text-align: center; 1386 } 1387 1388 body:not(.enable-search-modal) .header-titles-wrapper { 1389 justify-content: flex-start; 1390 padding-left: 0; 1391 text-align: left; 1392 } 1393 1394 .site-title, 1395 .site-logo, 1396 .site-description { 1397 margin: 0; 1398 } 1399 1400 .site-title { 1401 font-size: 2.1rem; 1402 font-weight: 600; 1403 line-height: 1; 1404 } 1405 1406 .site-title a { 1407 color: inherit; 1408 display: block; 1409 text-decoration: none; 1410 } 1411 1412 .site-title a:hover, 1413 .site-title a:focus { 1414 text-decoration: underline; 1415 } 1416 1417 .site-description { 1418 margin-top: 1rem; 1419 color: #6d6d6d; 1420 font-size: 1.8rem; 1421 font-weight: 500; 1422 display: none; 1423 letter-spacing: -0.0311em; 1424 transition: all 0.15s linear; 1425 } 1426 1427 .site-logo a, 1428 .site-logo img { 1429 display: block; 1430 } 1431 1432 .header-titles .site-logo .site-logo { 1433 margin: 0; 1434 } 1435 1436 .site-logo img { 1437 max-height: 6rem; 1438 margin: 0 auto; 1439 width: auto; 1440 } 1441 1442 body:not(.enable-search-modal) .site-logo img { 1443 margin: 0; 1444 } 1445 1446 /* Overlay Header ---------------------------- */ 1447 1448 .overlay-header #site-header { 1449 background: transparent; 1450 margin: 0; 1451 position: absolute; 1452 left: 0; 1453 right: 0; 1454 top: 0; 1455 z-index: 2; 1456 } 1457 1458 .overlay-header .header-inner { 1459 color: #fff; 1460 } 1461 1462 .overlay-header .site-description, 1463 .overlay-header .toggle { 1464 color: inherit; 1465 } 1466 1467 .overlay-header .header-inner .toggle-wrapper::before { 1468 background-color: currentColor; 1469 opacity: 0.25; 1470 } 1471 1472 .admin-bar.overlay-header #site-header { 1473 top: 32px; 1474 } 1475 1476 @media (max-width: 782px) { 1477 1478 .admin-bar.overlay-header #site-header { 1479 top: 46px; 1480 } 1481 } 1482 1483 /* Header Navigation ------------------------- */ 1484 1485 .header-navigation-wrapper { 1486 display: none; 1487 } 1488 1489 /* Header Toggles ---------------------------- */ 1490 1491 .header-toggles { 1492 display: none; 1493 } 1494 1495 .header-inner .toggle { 1496 align-items: center; 1497 display: flex; 1498 overflow: visible; 1499 padding: 0 2rem; 1500 } 1501 1502 .header-inner .toggle svg { 1503 display: block; 1504 position: relative; 1505 z-index: 1; 1506 } 1507 1508 .header-inner .toggle path { 1509 fill: currentColor; 1510 } 1511 1512 .toggle-inner { 1513 display: flex; 1514 justify-content: center; 1515 height: 2.3rem; 1516 position: relative; 1517 } 1518 1519 .toggle-icon { 1520 display: block; 1521 overflow: hidden; 1522 } 1523 1524 .toggle-inner .toggle-text { 1525 color: #6d6d6d; 1526 font-size: 1rem; 1527 font-weight: 600; 1528 position: absolute; 1529 top: calc(100% + 0.5rem); 1530 width: auto; 1531 white-space: nowrap; 1532 word-break: break-all; 1533 } 1534 1535 .overlay-header .toggle-text { 1536 color: inherit; 1537 } 1538 1539 .header-inner .toggle:focus .toggle-text, 1540 .header-inner .toggle:hover .toggle-text { 1541 text-decoration: underline; 1542 } 1543 1544 /* Search Toggle ----------------------------- */ 1545 1546 .search-toggle { 1547 position: absolute; 1548 bottom: 0; 1549 left: 0; 1550 top: 0; 1551 } 1552 1553 .search-toggle .toggle-icon, 1554 .search-toggle svg { 1555 height: 2.5rem; 1556 max-width: 2.3rem; 1557 width: 2.3rem; 1558 } 1559 1560 /* Navigation Toggle ------------------------- */ 1561 1562 .nav-toggle { 1563 position: absolute; 1564 bottom: 0; 1565 right: 0; 1566 top: 0; 1567 width: 6.6rem; 1568 } 1569 1570 .nav-toggle .toggle-icon, 1571 .nav-toggle svg { 1572 height: 0.8rem; 1573 width: 2.6rem; 1574 } 1575 1576 .nav-toggle .toggle-inner { 1577 padding-top: 0.8rem; 1578 } 1579 1580 /* Primary Menu ---------------------------- */ 1581 1582 .primary-menu-wrapper { 1583 display: none; 1584 } 1585 1586 ul.primary-menu { 1587 display: flex; 1588 font-size: 1.8rem; 1589 font-weight: 500; 1590 letter-spacing: -0.0277em; 1591 flex-wrap: wrap; 1592 justify-content: flex-end; 1593 margin: -0.8rem 0 0 -1.6rem; 1594 } 1595 1596 .primary-menu .icon { 1597 display: block; 1598 height: 0.7rem; 1599 position: absolute; 1600 pointer-events: none; 1601 transform: rotate(-45deg); 1602 width: 1.3rem; 1603 } 1604 1605 .primary-menu .icon::before, 1606 .primary-menu .icon::after { 1607 content: ""; 1608 display: block; 1609 background-color: currentColor; 1610 position: absolute; 1611 bottom: calc(50% - 0.1rem); 1612 left: 0; 1613 } 1614 1615 .primary-menu .icon::before { 1616 height: 0.9rem; 1617 width: 0.2rem; 1618 } 1619 1620 .primary-menu .icon::after { 1621 height: 0.2rem; 1622 width: 0.9rem; 1623 } 1624 1625 .primary-menu li { 1626 font-size: inherit; 1627 line-height: 1.25; 1628 position: relative; 1629 } 1630 1631 .primary-menu > li { 1632 margin: 0.8rem 0 0 1.6rem; 1633 } 1634 1635 .primary-menu > li.menu-item-has-children > a { 1636 padding-right: 2rem; 1637 } 1638 1639 .primary-menu > li > .icon { 1640 right: -0.5rem; 1641 top: calc(50% - 0.4rem); 1642 } 1643 1644 .primary-menu a { 1645 color: inherit; 1646 display: block; 1647 line-height: 1.2; 1648 text-decoration: none; 1649 word-break: normal; 1650 word-wrap: normal; 1651 } 1652 1653 .primary-menu a:hover, 1654 .primary-menu a:focus, 1655 .primary-menu .current_page_ancestor { 1656 text-decoration: underline; 1657 } 1658 1659 .primary-menu li.current-menu-item > a, 1660 .primary-menu li.current-menu-item > .link-icon-wrapper > a { 1661 text-decoration: underline; 1662 } 1663 1664 .primary-menu li.current-menu-item > a:hover, 1665 .primary-menu li.current-menu-item > .link-icon-wrapper > a:hover, 1666 .primary-menu li.current-menu-item > a:focus, 1667 .primary-menu li.current-menu-item > .link-icon-wrapper > a:focus { 1668 text-decoration: none; 1669 } 1670 1671 /* SUB MENU */ 1672 1673 .primary-menu ul { 1674 background: #000; 1675 border-radius: 0.4rem; 1676 color: #fff; 1677 font-size: 1.7rem; 1678 opacity: 0; 1679 padding: 1rem 0; 1680 position: absolute; 1681 right: 9999rem; 1682 top: calc(100% + 2rem); 1683 transition: opacity 0.15s linear, transform 0.15s linear, right 0s 0.15s; 1684 transform: translateY(0.6rem); 1685 width: 20rem; 1686 z-index: 1; 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 : Wed Dec 18 08:20:01 2024 | Cross-referenced by PHPXref |