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