[ Index ]

WordPress 5.4.1

[ Index ]     [ Classes ]     [ Functions ]     [ Variables ]     [ Constants ]     [ Statistics ]    

title

Body

[close]

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

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


Generated: Tue May 19 15:51:04 2020 Cross-referenced by PHPXref 0.7.1