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