[ Index ]

PHP Cross Reference of WordPress Trunk (Updated Daily)

Search

title

Body

[close]

/wp-content/themes/twentytwenty/ -> style.css (source)

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


Generated : Wed Dec 18 08:20:01 2024 Cross-referenced by PHPXref