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