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