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