[ Index ]

PHP Cross Reference of WordPress Trunk (Updated Daily)

Search

title

Body

[close]

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

   1  /*
   2  Theme Name: Twenty Twenty
   3  Text Domain: twentytwenty
   4  Version: 1.3
   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 li img {
3510      display: inline-block;
3511  }
3512  
3513  .entry-content h1,
3514  .entry-content h2,
3515  .entry-content h3,
3516  .entry-content h4,
3517  .entry-content h5,
3518  .entry-content h6 {
3519      margin: 3.5rem auto 2rem;
3520  }
3521  
3522  .entry-content ul ul,
3523  .entry-content ol ol,
3524  .entry-content ul ol,
3525  .entry-content ol ul {
3526      margin-bottom: 1rem;
3527  }
3528  
3529  .entry-content hr {
3530      margin: 4rem auto;
3531  }
3532  
3533  .post-inner .entry-content > .wp-block-cover.alignwide:first-child,
3534  .post-inner .entry-content > .wp-block-cover.alignfull:first-child {
3535      margin-top: 0;
3536  }
3537  
3538  /* Font Families ----------------------------- */
3539  
3540  .entry-content {
3541      font-family: NonBreakingSpaceOverride, "Hoefler Text", Garamond, "Times New Roman", serif;
3542      letter-spacing: normal;
3543  }
3544  
3545  .entry-content h1,
3546  .entry-content h2,
3547  .entry-content h3,
3548  .entry-content h4,
3549  .entry-content h5,
3550  .entry-content h6,
3551  .entry-content cite,
3552  .entry-content figcaption,
3553  .entry-content table,
3554  .entry-content address,
3555  .entry-content .wp-caption-text,
3556  .entry-content .wp-block-file {
3557      font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
3558  }
3559  
3560  @supports ( font-variation-settings: normal ) {
3561  
3562      .entry-content h1,
3563      .entry-content h2,
3564      .entry-content h3,
3565      .entry-content h4,
3566      .entry-content h5,
3567      .entry-content h6,
3568      .entry-content cite,
3569      .entry-content figcaption,
3570      .entry-content table,
3571      .entry-content address,
3572      .entry-content .wp-caption-text,
3573      .entry-content .wp-block-file {
3574          font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
3575      }
3576  }
3577  
3578  
3579  /* Alignment Classes ------------------------- */
3580  
3581  .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
3582      max-width: 58rem;
3583      width: calc(100% - 4rem);
3584  }
3585  
3586  [class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
3587      max-width: 58rem;
3588      width: 100%;
3589  }
3590  
3591  .alignnone,
3592  .aligncenter,
3593  .alignleft,
3594  .alignright,
3595  .alignwide {
3596      margin-top: 4rem;
3597      margin-right: auto;
3598      margin-bottom: 4rem;
3599      margin-left: auto;
3600  }
3601  
3602  [class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright) {
3603      margin-left: auto;
3604      margin-right: auto;
3605  }
3606  
3607  /* Full */
3608  
3609  .alignfull {
3610      margin-top: 5rem;
3611      margin-right: auto;
3612      margin-bottom: 5rem;
3613      margin-left: auto;
3614      max-width: 100vw;
3615      position: relative;
3616      width: 100%;
3617  }
3618  
3619  [class*="__inner-container"] > .alignfull {
3620      max-width: 100%;
3621  }
3622  
3623  /* Wide */
3624  
3625  .alignwide {
3626      max-width: 120rem;
3627      position: relative;
3628      width: calc(100% - 4rem);
3629  }
3630  
3631  [class*="__inner-container"] > .alignwide {
3632      width: 100%;
3633  }
3634  
3635  /* Center */
3636  
3637  .aligncenter,
3638  .aligncenter img {
3639      margin-left: auto;
3640      margin-right: auto;
3641  }
3642  
3643  /* Left and right */
3644  
3645  .alignleft,
3646  .alignright {
3647      max-width: 50%;
3648  }
3649  
3650  .alignleft {
3651  
3652      /*rtl:ignore*/
3653      float: left;
3654      margin: 0.3rem 2rem 2rem 2rem;
3655  }
3656  
3657  .alignright {
3658  
3659      /*rtl:ignore*/
3660      float: right;
3661      margin: 0.3rem 2rem 2rem 2rem;
3662  }
3663  
3664  [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignleft,
3665  [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignleft,
3666  [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignleft {
3667  
3668      /*rtl:ignore*/
3669      margin-left: 2rem;
3670  }
3671  
3672  [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignright,
3673  [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignright,
3674  [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignright {
3675  
3676      /*rtl:ignore*/
3677      margin-right: 2rem;
3678  }
3679  
3680  /* Entry Media ------------------------------- */
3681  
3682  .alignfull > figcaption,
3683  .alignfull > .wp-caption-text {
3684      margin-left: auto;
3685      margin-right: auto;
3686      max-width: 58rem;
3687      width: calc(100% - 4rem);
3688  }
3689  
3690  
3691  /* -------------------------------------------------------------------------- */
3692  
3693  /*    12. Comments
3694  /* -------------------------------------------------------------------------- */
3695  
3696  
3697  /* Comment Headers ----------------------------- */
3698  
3699  .comments-wrapper {
3700      margin-top: 5rem;
3701  }
3702  
3703  .comment-reply-title {
3704      margin: 0 0 4rem 0;
3705      text-align: center;
3706  }
3707  
3708  
3709  /* Comment Item ----------------------------- */
3710  
3711  /* COMMENT HEADER */
3712  
3713  .comments .comment,
3714  .comments .pingback,
3715  .comments .trackback,
3716  .comments .review {
3717      padding-top: 3.5rem;
3718  }
3719  
3720  div.comment:first-of-type {
3721      margin-top: 3.5rem;
3722      padding-top: 0;
3723  }
3724  
3725  .comments .comments-header + div {
3726      margin-top: 0;
3727      padding-top: 0;
3728  }
3729  
3730  .comment-body {
3731      position: relative;
3732  }
3733  
3734  .comment .comment {
3735      padding-left: 5%;
3736  }
3737  
3738  .comment-meta {
3739      line-height: 1.1;
3740      margin-bottom: 1.5rem;
3741      min-height: 5rem;
3742      padding-left: 5rem;
3743      position: relative;
3744  }
3745  
3746  .hide-avatars .comment-meta {
3747      min-height: 0;
3748      padding-left: 0;
3749  }
3750  
3751  .comment-meta a {
3752      color: inherit;
3753  }
3754  
3755  .comment-author {
3756      font-size: 1.8rem;
3757      font-weight: 700;
3758      letter-spacing: -0.027777778em;
3759  }
3760  
3761  .comment-author a {
3762      text-decoration: underline;
3763  }
3764  
3765  .comment-author a:hover,
3766  .comment-author a:focus {
3767      text-decoration: none;
3768  }
3769  
3770  .comment-meta .avatar {
3771      height: 4rem;
3772      position: absolute;
3773      left: 0;
3774      top: 0;
3775      width: 4rem;
3776  }
3777  
3778  .comment-author .url {
3779      text-decoration: underline;
3780  }
3781  
3782  .comment-metadata {
3783      color: #6d6d6d;
3784      font-size: 1.4rem;
3785      font-weight: 500;
3786      margin-top: 0.6rem;
3787  }
3788  
3789  .comment-metadata a {
3790      text-decoration: none;
3791  }
3792  
3793  .comment-metadata a:focus,
3794  .comment-metadata a:hover {
3795      text-decoration: underline;
3796  }
3797  
3798  
3799  /* COMMENT CONTENT */
3800  
3801  .comment-content.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
3802      width: 100%;
3803  }
3804  
3805  .comment-content.entry-content .alignleft {
3806  
3807      /*rtl:ignore*/
3808      margin-left: 0;
3809  }
3810  
3811  .comment-content.entry-content .alignright {
3812  
3813      /*rtl:ignore*/
3814      margin-right: 0;
3815  }
3816  
3817  /* COMMENT FOOTER */
3818  
3819  .comment-footer-meta {
3820      align-items: center;
3821      display: flex;
3822      flex-wrap: wrap;
3823      font-size: 1.2rem;
3824      font-weight: 600;
3825      justify-content: flex-start;
3826      letter-spacing: 0.030833333em;
3827      line-height: 1;
3828      margin: 1.5rem 0 -1rem -1.5rem;
3829      text-transform: uppercase;
3830  }
3831  
3832  .comment-footer-meta > * {
3833      margin: 0 0 1rem 1.5rem;
3834  }
3835  
3836  .comment-reply-link {
3837      background-color: #cd2653;
3838      color: #fff;
3839      display: block;
3840      padding: 0.7rem;
3841  }
3842  
3843  .bypostauthor .comment-footer-meta .by-post-author {
3844      display: block;
3845  }
3846  
3847  .comment-footer-meta a {
3848      text-decoration: none;
3849  }
3850  
3851  .comment-footer-meta a:focus,
3852  .comment-footer-meta a:hover {
3853      text-decoration: underline;
3854  }
3855  
3856  
3857  /* Pingbacks & Trackbacks ------------------------- */
3858  
3859  .pingback .comment-meta,
3860  .trackback .comment-meta {
3861      padding-left: 0;
3862  }
3863  
3864  
3865  /* Comments Pagination ---------------------------- */
3866  
3867  .comments-pagination {
3868      display: flex;
3869      flex-wrap: wrap;
3870      justify-content: space-between;
3871      margin-top: 6rem;
3872      text-align: center;
3873  }
3874  
3875  .comments-pagination.only-next {
3876      justify-content: flex-end;
3877  }
3878  
3879  .comments-pagination .page-numbers {
3880      display: none;
3881      text-decoration: none;
3882  }
3883  
3884  .comments-pagination .page-numbers:focus,
3885  .comments-pagination .page-numbers:hover {
3886      text-decoration: underline;
3887  }
3888  
3889  .comments-pagination .prev,
3890  .comments-pagination .next {
3891      display: block;
3892  }
3893  
3894  .comments-pagination .prev {
3895      left: 0;
3896  }
3897  
3898  .comments-pagination .next {
3899      right: 0;
3900      text-align: right;
3901  }
3902  
3903  
3904  /* Comment Respond ---------------------------- */
3905  
3906  .comment-respond::after {
3907      clear: both;
3908      content: "";
3909      display: block;
3910  }
3911  
3912  .comment-respond .comment-notes,
3913  .comment-respond .logged-in-as {
3914      color: #6d6d6d;
3915      font-size: 1.6rem;
3916      line-height: 1.4;
3917      margin: -3rem 0 4rem 0;
3918      text-align: center;
3919  }
3920  
3921  .comment-respond .comment-notes a,
3922  .comment-respond .logged-in-as a {
3923      color: inherit;
3924      text-decoration: none;
3925  }
3926  
3927  .comment-respond .comment-notes a:focus,
3928  .comment-respond .comment-notes a:hover,
3929  .comment-respond .logged-in-as a:focus,
3930  .comment-respond .logged-in-as a:hover {
3931      text-decoration: underline;
3932  }
3933  
3934  .comment-respond p {
3935      line-height: 1.1;
3936      margin-bottom: 2rem;
3937      margin-left: auto;
3938      margin-right: auto;
3939  }
3940  
3941  .comment-respond p:not(.comment-notes) {
3942      max-width: 58rem;
3943  }
3944  
3945  .comment-form-cookies-consent {
3946      align-items: baseline;
3947      display: flex;
3948  }
3949  
3950  .comment-respond > p:last-of-type {
3951      margin-bottom: 0;
3952  }
3953  
3954  .comment-respond label {
3955      display: block;
3956  }
3957  
3958  .comment-respond input[type="checkbox"] + label {
3959      font-size: 1.5rem;
3960      line-height: 1.25;
3961  }
3962  
3963  .comment-respond input[type="text"],
3964  .comment-respond input[type="email"],
3965  .comment-respond textarea {
3966      margin-bottom: 0;
3967  }
3968  
3969  .comment-respond textarea {
3970      height: 15rem;
3971  }
3972  
3973  .comment-respond #submit {
3974      display: block;
3975  }
3976  
3977  .comment-respond .comments-closed {
3978      text-align: center;
3979  }
3980  
3981  
3982  /* Reply Respond ---------------------------- */
3983  
3984  .comments .comment-respond {
3985      padding: 3rem 0 0;
3986  }
3987  
3988  .comments .comment-respond .comment-reply-title,
3989  .comments .comment-respond .comment-notes,
3990  .comments .comment-respond .logged-in-as {
3991      text-align: left;
3992  }
3993  
3994  .comment-reply-title small {
3995      display: block;
3996      font-size: 1.6rem;
3997      font-weight: 600;
3998      letter-spacing: -0.0277em;
3999      margin: 0.5rem 0 0 0;
4000      white-space: nowrap;
4001  }
4002  
4003  .comment-reply-title small a {
4004      text-decoration: none;
4005  }
4006  
4007  .comment-reply-title small a:focus,
4008  .comment-reply-title small a:hover {
4009      text-decoration: underline;
4010  }
4011  
4012  
4013  /* -------------------------------------------------------------------------- */
4014  
4015  /*    13. Site Pagination
4016  /* -------------------------------------------------------------------------- */
4017  
4018  
4019  .pagination .nav-links {
4020      align-items: baseline;
4021      display: flex;
4022      flex-wrap: wrap;
4023      font-size: 1.8rem;
4024      font-weight: 600;
4025      margin: -1.5rem 0 0 -2.5rem;
4026      width: calc(100% + 2.5rem);
4027  }
4028  
4029  .pagination-separator {
4030      margin: 5rem 0;
4031  }
4032  
4033  .nav-links > * {
4034      margin: 1.5rem 0 0 2.5rem;
4035  }
4036  
4037  .nav-links .placeholder {
4038      display: none;
4039      visibility: hidden;
4040  }
4041  
4042  .pagination a {
4043      text-decoration: none;
4044  }
4045  
4046  .pagination a:focus,
4047  .pagination a:hover {
4048      text-decoration: underline;
4049  }
4050  
4051  .pagination .dots {
4052      transform: translateY(-0.3em);
4053      color: #6d6d6d;
4054  }
4055  
4056  .nav-short {
4057      display: none;
4058  }
4059  
4060  /* -------------------------------------------------------------------------- */
4061  
4062  /*    14. Error 404
4063  /* -------------------------------------------------------------------------- */
4064  
4065  
4066  .error404 #site-content {
4067      padding-top: 4rem;
4068  }
4069  
4070  .error404-content {
4071      text-align: center;
4072  }
4073  
4074  .error404 #site-content .search-form {
4075      justify-content: center;
4076      margin-top: 3rem;
4077  }
4078  
4079  
4080  /* -------------------------------------------------------------------------- */
4081  
4082  /*    15.    Widgets
4083  /* -------------------------------------------------------------------------- */
4084  
4085  
4086  /* Widget Base ------------------------------- */
4087  
4088  .widget {
4089      margin-top: 3rem;
4090  }
4091  
4092  .widget:first-child {
4093      margin-top: 0;
4094  }
4095  
4096  .widget-content > div > *:first-child {
4097      margin-top: 0;
4098  }
4099  
4100  .widget-content > div > *:last-child {
4101      margin-bottom: 0;
4102  }
4103  
4104  .widget .widget-title {
4105      margin: 0 0 2rem;
4106  }
4107  
4108  .widget li {
4109      margin: 2rem 0 0 0;
4110  }
4111  
4112  .widget li:first-child,
4113  .widget li > ul,
4114  .widget li > ol {
4115      margin-top: 0;
4116  }
4117  
4118  .widget table,
4119  .widget table * {
4120      border-color: #dedfdf;
4121  }
4122  
4123  .widget table caption {
4124      background-color: #dedfdf;
4125  }
4126  
4127  .widget .post-date,
4128  .widget .rss-date {
4129      color: #6d6d6d;
4130      display: block;
4131      font-size: 0.85em;
4132      font-weight: 500;
4133      margin-top: 0.2rem;
4134  }
4135  
4136  .widget select {
4137      max-width: 100%;
4138  }
4139  
4140  /* Font Families ----------------------------- */
4141  
4142  .widget_text p,
4143  .widget_text ol,
4144  .widget_text ul,
4145  .widget_text dl,
4146  .widget_text dt,
4147  .widget-content .rssSummary {
4148      font-family: NonBreakingSpaceOverride, "Hoefler Text", Garamond, "Times New Roman", serif;
4149      letter-spacing: normal;
4150  }
4151  
4152  .widget-content cite,
4153  .widget-content figcaption,
4154  .widget-content .wp-caption-text {
4155      font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
4156  }
4157  
4158  @supports ( font-variation-settings: normal ) {
4159  
4160      .widget-content cite,
4161      .widget-content figcaption,
4162      .widget-content .wp-caption-text {
4163          font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
4164      }
4165  }
4166  
4167  /* Base List Widget -------------------------- */
4168  
4169  .widget_archive ul,
4170  .widget_categories ul,
4171  .widget_pages ul,
4172  .widget_meta ul,
4173  .widget_nav_menu ul,
4174  .widget_recent_comments ul,
4175  .widget_recent_entries ul,
4176  .widget_rss ul {
4177      list-style: none;
4178      margin: 0;
4179  }
4180  
4181  .widget_archive li,
4182  .widget_categories li,
4183  .widget_pages li,
4184  .widget_meta li,
4185  .widget_nav_menu li {
4186      color: #6d6d6d;
4187      margin: 0.3rem 0;
4188  }
4189  
4190  .widget_archive li li,
4191  .widget_categories li li,
4192  .widget_pages li li,
4193  .widget_meta li li,
4194  .widget_nav_menu li li {
4195      margin-left: 2rem;
4196  }
4197  
4198  .widget_archive a,
4199  .widget_categories a,
4200  .widget_pages a,
4201  .widget_meta a,
4202  .widget_nav_menu a {
4203      font-weight: 700;
4204      text-decoration: none;
4205  }
4206  
4207  .widget_archive a:focus,
4208  .widget_archive a:hover,
4209  .widget_categories a:focus,
4210  .widget_categories a:hover,
4211  .widget_pages a:focus,
4212  .widget_pages a:hover,
4213  .widget_meta a:focus,
4214  .widget_meta a:hover,
4215  .widget_nav_menu a:focus,
4216  .widget_nav_menu a:hover {
4217      text-decoration: underline;
4218  }
4219  
4220  /* Widget: Calendar -------------------------- */
4221  
4222  .calendar_wrap {
4223      font-size: 2.4rem;
4224  }
4225  
4226  .calendar_wrap th,
4227  .calendar_wrap td,
4228  .wp-calendar-nav span {
4229      display: table-cell;
4230      font-size: 1em;
4231      font-weight: 500;
4232      line-height: 1;
4233      padding: 2.5% 2.5% 1.75% 2.5%;
4234      text-align: center;
4235  }
4236  
4237  .wp-calendar-table {
4238      margin-bottom: 0;
4239  }
4240  
4241  .wp-calendar-nav {
4242      display: table;
4243      width: 100%;
4244      font-size: 1.8rem;
4245  }
4246  
4247  .calendar_wrap tfoot td {
4248      border-bottom: none;
4249  }
4250  
4251  .calendar_wrap tfoot a,
4252  .calendar_wrap .wp-calendar-nav a {
4253      text-decoration: none;
4254  }
4255  
4256  .calendar_wrap tfoot #prev,
4257  .calendar_wrap .wp-calendar-nav-prev {
4258      text-align: left;
4259  }
4260  
4261  .calendar_wrap tfoot #next,
4262  .calendar_wrap .wp-calendar-nav-next {
4263      text-align: right;
4264  }
4265  
4266  /* Widget: Image ----------------------------- */
4267  
4268  /* Widget: Gallery --------------------------- */
4269  
4270  .widget_media_gallery .gallery {
4271      margin: 0 -0.4em -0.8em -0.4em;
4272      width: calc(100% + 0.8em);
4273  }
4274  
4275  .widget_media_gallery .gallery-item {
4276      margin: 0 0 0.8em 0;
4277      padding: 0 0.4em;
4278  }
4279  
4280  /* Widget: Nav Menu -------------------------- */
4281  
4282  .widget_nav_menu .widget-content > div > ul {
4283      margin-left: 0;
4284  }
4285  
4286  /* Widget: Recent Comments ------------------- */
4287  
4288  .widget_recent_comments li {
4289      font-weight: 700;
4290  }
4291  
4292  .widget_recent_comments a {
4293      text-decoration: none;
4294  }
4295  
4296  .widget_recent_comments a:focus,
4297  .widget_recent_comments a:hover {
4298      text-decoration: underline;
4299  }
4300  
4301  /* Widget: Recent Entries -------------------- */
4302  
4303  .widget_recent_entries a {
4304      font-weight: 700;
4305      text-decoration: none;
4306  }
4307  
4308  .widget_recent_entries a:focus,
4309  .widget_recent_entries a:hover {
4310      text-decoration: underline;
4311  }
4312  
4313  /* Widget: RSS ------------------------------- */
4314  
4315  .widget_rss .widget-title a.rsswidget:first-of-type {
4316      display: none;
4317  }
4318  
4319  .widget_rss .rsswidget {
4320      font-weight: 700;
4321  }
4322  
4323  .widget_rss a {
4324      text-decoration: none;
4325  }
4326  
4327  .widget_rss a:focus,
4328  .widget_rss a:hover {
4329      text-decoration: underline;
4330  }
4331  
4332  .widget_rss .rssSummary {
4333      margin-top: 0.5rem;
4334  }
4335  
4336  .widget_rss cite::before {
4337      content: "— ";
4338  }
4339  
4340  /* Widget: Search ---------------------------- */
4341  
4342  .widget_search .search-field {
4343      border-color: #dedfdf;
4344  }
4345  
4346  /* Widget: Tag Cloud ------------------------- */
4347  
4348  .widget_tag_cloud a {
4349      font-weight: 700;
4350      margin-right: 0.5rem;
4351      text-decoration: none;
4352      white-space: nowrap;
4353  }
4354  
4355  .widget_tag_cloud a:focus,
4356  .widget_tag_cloud a:hover {
4357      text-decoration: underline;
4358  }
4359  
4360  /* Widget: Text ------------------------------ */
4361  
4362  
4363  /* -------------------------------------------------------------------------- */
4364  
4365  /*    16. Site Footer
4366  /* -------------------------------------------------------------------------- */
4367  
4368  
4369  .footer-nav-widgets-wrapper,
4370  #site-footer {
4371      background-color: #fff;
4372      border-color: #dedfdf;
4373      border-style: solid;
4374      border-width: 0;
4375  }
4376  
4377  .footer-top-visible .footer-nav-widgets-wrapper,
4378  .footer-top-hidden #site-footer {
4379      margin-top: 5rem;
4380  }
4381  
4382  .reduced-spacing.footer-top-visible .footer-nav-widgets-wrapper,
4383  .reduced-spacing.footer-top-hidden #site-footer {
4384      border-top-width: 0.1rem;
4385  }
4386  
4387  .footer-top,
4388  .footer-widgets-outer-wrapper,
4389  #site-footer {
4390      padding: 3rem 0;
4391  }
4392  
4393  
4394  /* Footer Top -------------------------------- */
4395  
4396  .footer-top {
4397      display: flex;
4398      border-bottom: 0.1rem solid #dedfdf;
4399      justify-content: space-between;
4400  }
4401  
4402  /* FOOTER MENU */
4403  
4404  .footer-menu {
4405      font-size: 1.8rem;
4406      font-weight: 700;
4407      letter-spacing: -0.0277em;
4408  }
4409  
4410  .footer-menu li {
4411      line-height: 1.25;
4412      margin: 0.25em 0 0 0;
4413  }
4414  
4415  .footer-menu a {
4416      text-decoration: none;
4417      word-break: normal;
4418      word-wrap: normal;
4419  }
4420  
4421  .footer-menu a:hover,
4422  .footer-menu a:focus {
4423      text-decoration: underline;
4424  }
4425  
4426  /* FOOTER SOCIAL */
4427  
4428  .footer-social-wrapper {
4429      margin: 0;
4430      width: 100%;
4431  }
4432  
4433  .has-footer-menu .footer-social-wrapper {
4434      flex-shrink: 0;
4435      margin-left: 1rem;
4436      width: 50%;
4437  }
4438  
4439  ul.footer-social {
4440      margin: -0.5rem 0 0 -0.5rem;
4441  }
4442  
4443  .has-footer-menu .footer-social {
4444      justify-content: flex-end;
4445  }
4446  
4447  ul.footer-social li {
4448      margin: 0.5rem 0 0 0.5rem;
4449  }
4450  
4451  .footer-social a {
4452      background-color: #cd2653;
4453      height: 3.6rem;
4454      width: 3.6rem;
4455  }
4456  
4457  .footer-social a::before {
4458      font-size: 1.6rem;
4459  }
4460  
4461  /* Footer Widgets ---------------------------- */
4462  
4463  .footer-widgets-outer-wrapper {
4464      border-bottom: 0.1rem solid #dedfdf;
4465  }
4466  
4467  .footer-widgets + .footer-widgets {
4468      margin-top: 3rem;
4469  }
4470  
4471  /* Footer Bottom ----------------------------- */
4472  
4473  #site-footer {
4474      font-size: 1.6rem;
4475  }
4476  
4477  #site-footer .section-inner {
4478      align-items: baseline;
4479      display: flex;
4480      justify-content: space-between;
4481  }
4482  
4483  #site-footer a {
4484      text-decoration: none;
4485  }
4486  
4487  #site-footer a:focus,
4488  #site-footer a:hover {
4489      text-decoration: underline;
4490  }
4491  
4492  .footer-copyright a,
4493  .powered-by-wordpress a {
4494      color: inherit;
4495  }
4496  
4497  .powered-by-wordpress,
4498  .to-the-top {
4499      color: #6d6d6d;
4500  }
4501  
4502  a.to-the-top > * {
4503      pointer-events: none;
4504  }
4505  
4506  .footer-copyright {
4507      font-weight: 600;
4508      margin: 0;
4509  }
4510  
4511  .powered-by-wordpress {
4512      display: none;
4513      margin: 0 0 0 2.4rem;
4514  }
4515  
4516  .to-the-top-long {
4517      display: none;
4518  }
4519  
4520  
4521  /* -------------------------------------------------------------------------- */
4522  
4523  /*    17. Media Queries
4524  /* -------------------------------------------------------------------------- */
4525  
4526  @media ( max-width: 479px ) {
4527  
4528      /* Blocks -------------------------------- */
4529  
4530      .wp-block-pullquote.alignleft,
4531      .wp-block-pullquote.alignright {
4532          float: none;
4533      }
4534  
4535      /* Entry Content ------------------------- */
4536  
4537      /* LISTS */
4538  
4539      ul,
4540      ol {
4541          margin: 0 0 3rem 2rem;
4542      }
4543  
4544      li {
4545          margin: 0.5rem 0 0 1rem;
4546      }
4547  
4548      /* Post Footer --------------------------- */
4549  
4550      /* POST NAV LINKS */
4551  
4552      .post-nav-links {
4553          margin: 3em 0 0 0;
4554      }
4555  }
4556  
4557  @media ( min-width: 480px ) {
4558  
4559      /* Blocks -------------------------------- */
4560  
4561      /* BLOCK: BASE ALIGNMENT WIDTH */
4562  
4563      .wp-block-pullquote.alignleft,
4564      .wp-block-pullquote.alignright,
4565      .wp-block-cover-image.alignleft,
4566      .wp-block-cover-image.alignright,
4567      .wp-block-cover.alignleft,
4568      .wp-block-cover.alignright,
4569      .wp-block-embed.alignleft,
4570      .wp-block-embed.alignright,
4571      .wp-block-gallery.alignleft,
4572      .wp-block-gallery.alignright {
4573          max-width: 26rem;
4574      }
4575  
4576      /* BLOCK: TABLE WIDTH */
4577      .wp-block-table.alignleft,
4578      .wp-block-table.alignright {
4579          max-width: 100%;
4580      }
4581  
4582      /* Entry Content ------------------------- */
4583  
4584      /* ALIGNMENT CLASSES */
4585  
4586      .alignleft,
4587      .alignright {
4588          max-width: 26rem;
4589      }
4590  
4591      /* Post Footer --------------------------- */
4592  
4593      /* POST NAV LINKS */
4594  
4595      .post-nav-links {
4596          margin: 3em 0 0 0;
4597      }
4598  }
4599  
4600  @media ( max-width: 599px ) {
4601  
4602      /* Blocks -------------------------------- */
4603  
4604      /* BLOCK: COLUMNS */
4605  
4606      /* While columns are stacked */
4607      .wp-block-column:last-child {
4608          margin-bottom: 0;
4609      }
4610  
4611      .wp-block-columns + .wp-block-columns {
4612          margin-top: 0.2rem;
4613      }
4614  
4615      .wp-block-columns.alignwide + .wp-block-columns.alignwide {
4616          margin-top: -0.8rem;
4617      }
4618  
4619      .wp-block-columns.alignfull + .wp-block-columns.alignfull {
4620          margin-top: -1.8rem;
4621      }
4622  
4623      /* Template -------------------------------- */
4624  
4625      /* TEMPLATE: COVER */
4626  
4627      .template-cover .post-inner .post-meta-wrapper,
4628      .template-cover .post-inner .author-bio {
4629          width: calc( 100% - 4rem );
4630      }
4631  
4632      /* Post Footer --------------------------- */
4633  
4634      /* POST NAV LINKS */
4635  
4636      .post-nav-links {
4637          margin: 3em 0 0 0;
4638      }
4639  }
4640  
4641  @media ( min-width: 600px ) {
4642  
4643      /* Blocks -------------------------------- */
4644  
4645      /* BLOCK: COLUMNS */
4646  
4647      .wp-block-columns.alignwide + .wp-block-columns.alignwide,
4648      .wp-block-columns.alignfull + .wp-block-columns.alignfull {
4649          margin-top: -4rem;
4650      }
4651  
4652      /* Post Footer --------------------------- */
4653  
4654      /* POST NAV LINKS */
4655  
4656      .post-nav-links {
4657          margin: 3em 0 0 0;
4658      }
4659  }
4660  
4661  @media ( min-width: 660px ) {
4662  
4663      /* Blocks -------------------------------- */
4664  
4665      /* BLOCK: GALLERY */
4666  
4667      figure.wp-block-gallery.alignleft {
4668  
4669          /*rtl:ignore*/
4670          margin-left: calc(( 100vw - 58rem - 8rem ) / -2);
4671      }
4672  
4673      figure.wp-block-gallery.alignright {
4674  
4675          /*rtl:ignore*/
4676          margin-right: calc(( 100vw - 58rem - 8rem ) / -2);
4677      }
4678  
4679      /* Entry Content ------------------------- */
4680  
4681      /* ALIGNMENT CLASSES */
4682  
4683      .entry-content > .alignleft {
4684  
4685          /*rtl:ignore*/
4686          margin-left: 4rem;
4687      }
4688  
4689      .entry-content > p .alignleft,
4690      .entry-content > .wp-block-image .alignleft {
4691  
4692          /*rtl:ignore*/
4693          margin-left: calc(( 100vw - 58rem - 8rem ) / -2);
4694      }
4695  
4696      [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .alignleft,
4697      [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > p .alignleft,
4698      [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .wp-block-image .alignleft {
4699  
4700          /*rtl:ignore*/
4701          margin-left: 0;
4702      }
4703  
4704      .entry-content > .alignright {
4705  
4706          /*rtl:ignore*/
4707          margin-right: 4rem;
4708      }
4709  
4710      .entry-content > p .alignright,
4711      .entry-content > .wp-block-image .alignright {
4712  
4713          /*rtl:ignore*/
4714          margin-right: calc(( 100vw - 58rem - 8rem ) / -2);
4715      }
4716  
4717      [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .alignright,
4718      [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > p .alignright,
4719      [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .wp-block-image .alignright {
4720  
4721          /*rtl:ignore*/
4722          margin-right: 0;
4723      }
4724  
4725      /* Post Footer --------------------------- */
4726  
4727      /* POST NAV LINKS */
4728  
4729      .post-nav-links {
4730          margin: 3em auto 0 auto;
4731      }
4732  }
4733  
4734  @media ( min-width: 700px ) {
4735  
4736      /* Element Base ------------------------- */
4737  
4738      ul,
4739      ol {
4740          margin-bottom: 4rem;
4741      }
4742  
4743      pre {
4744          padding: 3rem;
4745      }
4746  
4747      hr {
4748          margin: 8rem auto;
4749      }
4750  
4751      table {
4752          font-size: 1.8rem;
4753      }
4754  
4755      /* VANILLA GALLERIES */
4756  
4757      .gallery-columns-2 .gallery-item {
4758          max-width: 50%;
4759      }
4760  
4761      .gallery-columns-3 .gallery-item {
4762          max-width: 33.33%;
4763      }
4764  
4765      .gallery-columns-4 .gallery-item {
4766          max-width: 25%;
4767      }
4768  
4769      .gallery-columns-5 .gallery-item {
4770          max-width: 20%;
4771      }
4772  
4773      .gallery-columns-6 .gallery-item {
4774          max-width: 16.66%;
4775      }
4776  
4777      .gallery-columns-7 .gallery-item {
4778          max-width: 14.28%;
4779      }
4780  
4781      .gallery-columns-8 .gallery-item {
4782          max-width: 12.5%;
4783      }
4784  
4785      .gallery-columns-9 .gallery-item {
4786          max-width: 11.11%;
4787      }
4788  
4789      /* TITLES */
4790  
4791      h1,
4792      .heading-size-1,
4793      h2,
4794      .heading-size-2,
4795      h3,
4796      .heading-size-3 {
4797          margin: 6rem auto 3rem;
4798      }
4799  
4800      h4,
4801      .heading-size-4,
4802      h5,
4803      .heading-size-5,
4804      h6,
4805      .heading-size-6 {
4806          margin: 4.5rem auto 2.5rem;
4807      }
4808  
4809      h1,
4810      .heading-size-1 {
4811          font-size: 6.4rem;
4812      }
4813  
4814      h2,
4815      .heading-size-2 {
4816          font-size: 4.8rem;
4817      }
4818  
4819      h3,
4820      .heading-size-3 {
4821          font-size: 4rem;
4822      }
4823  
4824      h4,
4825      .heading-size-4 {
4826          font-size: 3.2rem;
4827      }
4828  
4829      h5,
4830      .heading-size-5 {
4831          font-size: 2.4rem;
4832      }
4833  
4834      h6,
4835      .heading-size-6 {
4836          font-size: 1.8rem;
4837      }
4838  
4839      /* INPUTS */
4840  
4841      fieldset {
4842          padding: 3rem;
4843      }
4844  
4845      legend {
4846          padding: 0 1.5rem;
4847      }
4848  
4849      button,
4850      .button,
4851      .faux-button,
4852      .wp-block-button__link,
4853      input[type="button"],
4854      input[type="reset"],
4855      input[type="submit"] {
4856          font-size: 1.7rem;
4857      }
4858  
4859      /* MEDIA */
4860  
4861      figcaption,
4862      .wp-caption-text {
4863          margin-top: 1.8rem;
4864      }
4865  
4866  
4867      /* Helper Classes ------------------------- */
4868  
4869      /* SECTIONS */
4870  
4871      section {
4872          padding: 8rem 0;
4873      }
4874  
4875      .section-inner {
4876          width: calc(100% - 8rem);
4877      }
4878  
4879  
4880      /* Site Header --------------------------- */
4881  
4882      .header-inner {
4883          padding: 3.8rem 0;
4884      }
4885  
4886      .site-title {
4887          font-size: 2.4rem;
4888          font-weight: 700;
4889      }
4890  
4891      .site-description {
4892          display: block;
4893      }
4894  
4895      .site-logo img {
4896          max-height: 9rem;
4897          transition: height 0.15s linear, width 0.15s linear, max-height 0.15s linear;
4898      }
4899  
4900      /* HEADER TOGGLES */
4901  
4902      .toggle-inner .toggle-text {
4903          font-size: 1.2rem;
4904      }
4905  
4906      .search-toggle {
4907          left: 2rem;
4908      }
4909  
4910      .nav-toggle {
4911          right: 2rem;
4912      }
4913  
4914  
4915      /* Menu Modal ---------------------------- */
4916  
4917      button.close-nav-toggle {
4918          font-size: 1.8rem;
4919          padding: 4rem 0;
4920      }
4921  
4922      button.close-nav-toggle svg {
4923          height: 2rem;
4924          width: 2rem;
4925      }
4926  
4927      button.close-nav-toggle .toggle-text {
4928          margin-right: 2.1rem;
4929      }
4930  
4931      .modal-menu {
4932          left: auto;
4933          width: 100%;
4934      }
4935  
4936      .modal-menu > li > a,
4937      .modal-menu > li > .ancestor-wrapper > a {
4938          font-size: 2.4rem;
4939          padding: 2.5rem 0;
4940      }
4941  
4942      .modal-menu ul li {
4943          border-left-color: transparent;
4944      }
4945  
4946      .modal-menu > li > .ancestor-wrapper > button.sub-menu-toggle {
4947          padding: 0 3rem;
4948      }
4949  
4950      .modal-menu > li > .ancestor-wrapper > button.sub-menu-toggle svg {
4951          height: 1.1rem;
4952          width: 1.8rem;
4953      }
4954  
4955      .menu-bottom {
4956          align-items: center;
4957          display: flex;
4958          justify-content: space-between;
4959          padding: 4.4rem 0;
4960      }
4961  
4962      .menu-copyright {
4963          display: block;
4964          flex-shrink: 0;
4965          margin-right: 4rem;
4966      }
4967  
4968      /* Modal Search Form ------------------------- */
4969  
4970      .search-modal form {
4971          position: relative;
4972          width: 100%;
4973      }
4974  
4975      .search-untoggle svg {
4976          height: 2.5rem;
4977          width: 2.5rem;
4978      }
4979  
4980      .search-modal .search-field {
4981          border: none;
4982          font-size: 3.2rem;
4983          height: 14rem;
4984      }
4985  
4986      .search-modal .search-field::-moz-placeholder {
4987          line-height: 4.375;
4988      }
4989  
4990      /* Sub Page ------------------------------ */
4991  
4992      /* FEATURED MEDIA */
4993  
4994      .featured-media figcaption {
4995          margin: 2rem auto 0 auto;
4996          width: calc(100% - 8rem);
4997      }
4998  
4999      /* Template: Cover Template -------------- */
5000  
5001      .cover-header-inner {
5002          padding: 18rem 0 8rem 0;
5003      }
5004  
5005      .to-the-content-wrapper {
5006          top: calc(100% + 1.8rem);
5007      }
5008  
5009      .to-the-content {
5010          height: 6rem;
5011      }
5012  
5013      .to-the-content svg {
5014          height: 2.4rem;
5015          width: 2.12rem;
5016      }
5017  
5018      /* Template: Full Width ------------------ */
5019  
5020      body.template-full-width .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
5021          width: calc(100% - 8rem);
5022      }
5023  
5024      body.template-full-width .alignfull:not(.has-background) > .wp-block-group__inner-container > p:not(.has-background-color) {
5025          padding-left: 4rem;
5026          padding-right: 4rem;
5027      }
5028  
5029      body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft,
5030      body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft,
5031      body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft {
5032  
5033          /*rtl:ignore*/
5034          margin-left: 4rem;
5035      }
5036  
5037      body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .alignright,
5038      body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright,
5039      body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright {
5040  
5041          /*rtl:ignore*/
5042          margin-right: 4rem;
5043      }
5044  
5045      /* Post: Archive ------------------------- */
5046  
5047      .archive-header {
5048          padding: 8rem 0;
5049      }
5050  
5051      .reduced-spacing .archive-header {
5052          padding-bottom: 3rem;
5053      }
5054  
5055      .archive-title {
5056          font-size: 3.2rem;
5057      }
5058  
5059      body:not(.singular) main > article:first-of-type {
5060          padding: 8rem 0 0;
5061      }
5062  
5063      h2.entry-title {
5064          font-size: 6.4rem;
5065      }
5066  
5067      /* SEARCH RESULTS */
5068  
5069      .no-search-results-form {
5070          padding-top: 8rem;
5071      }
5072  
5073      /* Post: Single -------------------------- */
5074  
5075      /* POST HEADER */
5076  
5077      .singular .entry-header {
5078          padding: 8rem 0;
5079      }
5080  
5081      .entry-categories {
5082          margin-bottom: 3rem;
5083      }
5084  
5085      .entry-categories-inner {
5086          margin: -1rem 0 0 -2rem;
5087      }
5088  
5089      .entry-categories a {
5090          font-size: 1.5rem;
5091          margin: 1rem 0 0 2rem;
5092      }
5093  
5094      .intro-text {
5095          font-size: 2rem;
5096          margin-top: 2.5rem;
5097      }
5098  
5099      .singular .intro-text {
5100          font-size: 2.6rem;
5101      }
5102  
5103      .post-meta-wrapper {
5104          margin-top: 3rem;
5105      }
5106  
5107      .post-meta {
5108          font-size: 1.6rem;
5109          margin: -1.4rem 0 0 -3rem;
5110      }
5111  
5112      .post-meta li {
5113          margin: 1.4rem 0 0 3rem;
5114          max-width: calc(100% - 3rem);
5115      }
5116  
5117      .featured-media {
5118          margin-top: 6rem;
5119      }
5120  
5121      .post-inner {
5122          padding-top: 8rem;
5123      }
5124  
5125      /* POST FOOTER */
5126  
5127      .post-meta-wrapper.post-meta-single-bottom {
5128          margin-top: 4rem;
5129      }
5130  
5131      /* AUTHOR BIO */
5132  
5133      .author-bio {
5134          margin-top: 8rem;
5135          min-height: 8rem;
5136          padding-left: 10rem;
5137          position: relative;
5138      }
5139  
5140      .author-bio .avatar {
5141          position: absolute;
5142          left: 0;
5143          top: 0;
5144          height: 8rem;
5145          width: 8rem;
5146      }
5147  
5148      /* SINGLE PAGINATION */
5149  
5150      .pagination-single {
5151          font-size: 2.4rem;
5152          margin-top: 8rem;
5153      }
5154  
5155      .pagination-single-inner {
5156          flex-direction: row;
5157          justify-content: space-between;
5158      }
5159  
5160      .pagination-single.only-next .pagination-single-inner {
5161          justify-content: flex-end;
5162      }
5163  
5164      .pagination-single hr:first-child {
5165          margin: 0 0 4rem 0;
5166      }
5167  
5168      .pagination-single hr:last-child {
5169          margin: 4rem 0 0.8rem 0;
5170      }
5171  
5172      .pagination-single a + a {
5173          margin: 0 0 0 4rem;
5174      }
5175  
5176      .pagination-single a .arrow {
5177          margin: 0 2rem 0 0;
5178      }
5179  
5180      .pagination-single .next-post {
5181          flex-direction: row-reverse;
5182          text-align: right;
5183      }
5184  
5185      .pagination-single .next-post .arrow {
5186          margin: 0 0 0 2rem;
5187      }
5188  
5189      /* Blocks -------------------------------- */
5190  
5191      /* BLOCK: SHARED MEDIA STYLES */
5192  
5193      .wp-block-embed figcaption,
5194      .wp-block-image figcaption {
5195          font-size: 1.6rem;
5196      }
5197  
5198      /* BLOCK: BASE MARGINS */
5199  
5200      .wp-block-archives:not(.alignwide):not(.alignfull),
5201      .wp-block-categories:not(.alignwide):not(.alignfull),
5202      .wp-block-code,
5203      .wp-block-columns:not(.alignwide):not(.alignfull),
5204      .wp-block-cover:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
5205      .wp-block-embed:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
5206      .wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
5207      .wp-block-group:not(.has-background):not(.alignwide):not(.alignfull),
5208      .wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
5209      .wp-block-latest-comments:not(.aligncenter):not(.alignleft):not(.alignright),
5210      .wp-block-latest-posts:not(.aligncenter):not(.alignleft):not(.alignright),
5211      .wp-block-media-text:not(.alignwide):not(.alignfull),
5212      .wp-block-preformatted,
5213      .wp-block-pullquote:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright),
5214      .wp-block-quote,
5215      .wp-block-quote.is-large,
5216      .wp-block-quote.is-style-large,
5217      .wp-block-verse,
5218      .wp-block-video:not(.alignwide):not(.alignfull) {
5219          margin-bottom: 4rem;
5220          margin-top: 4rem;
5221      }
5222  
5223      /* BLOCK: COLUMNS */
5224  
5225      .wp-block-columns.alignwide + .wp-block-columns.alignwide,
5226      .wp-block-columns.alignfull + .wp-block-columns.alignfull {
5227          margin-top: -6rem;
5228      }
5229  
5230      .entry-content .wp-block-columns h1,
5231      .entry-content .wp-block-columns h2,
5232      .entry-content .wp-block-columns h3,
5233      .entry-content .wp-block-columns h4,
5234      .entry-content .wp-block-columns h5,
5235      .entry-content .wp-block-columns h6 {
5236          margin: 3.5rem 0 2rem;
5237      }
5238  
5239      /* BLOCK: COVER */
5240  
5241      .wp-block-cover-image .wp-block-cover__inner-container,
5242      .wp-block-cover .wp-block-cover__inner-container {
5243          width: calc(100% - 8rem);
5244      }
5245  
5246      .wp-block-cover-image h2,
5247      .wp-block-cover h2 {
5248          font-size: 4.8rem;
5249      }
5250  
5251      /* BLOCK: GALLERY */
5252  
5253      figure.wp-block-gallery.alignnone,
5254      figure.wp-block-gallery.aligncenter {
5255          margin-bottom: 4rem;
5256          margin-top: 4rem;
5257      }
5258  
5259      figure.wp-block-gallery.alignwide,
5260      figure.wp-block-gallery.alignfull {
5261          margin-bottom: 6rem;
5262          margin-top: 6rem;
5263      }
5264  
5265      /* BLOCK: GROUP */
5266  
5267      .wp-block-group.has-background {
5268          padding: 4rem;
5269          margin-top: 0;
5270          margin-bottom: 0;
5271      }
5272  
5273      .alignfull:not(.has-background) > .wp-block-group__inner-container > p:not(.has-background-color) {
5274          padding-left: 0;
5275          padding-right: 0;
5276      }
5277  
5278      /* BLOCK: MEDIA AND TEXT */
5279  
5280      .wp-block-media-text .wp-block-media-text__content {
5281          padding: 4rem;
5282      }
5283  
5284      /* BLOCK: PULLQUOTE */
5285  
5286      .wp-block-pullquote blockquote p {
5287          font-size: 3.2rem;
5288      }
5289  
5290      .wp-block-pullquote cite {
5291          margin-top: 2rem;
5292      }
5293  
5294      .wp-block-pullquote.alignfull:not(.is-style-solid-color) {
5295          padding-left: 1rem;
5296          padding-right: 1rem;
5297      }
5298  
5299      .wp-block-pullquote.alignwide::before,
5300      .wp-block-pullquote.alignfull::before {
5301          font-size: 11.272727272rem;
5302          height: 8rem;
5303          margin-bottom: 2rem;
5304          width: 8rem;
5305      }
5306  
5307      .wp-block-pullquote.alignwide blockquote p,
5308      .wp-block-pullquote.alignfull blockquote p {
5309          font-size: 4.8rem;
5310          line-height: 1.203125;
5311      }
5312  
5313      .wp-block-pullquote.alignleft p,
5314      .wp-block-pullquote.alignright p,
5315      .wp-block-pullquote.alignleft.is-style-solid-color blockquote p,
5316      .wp-block-pullquote.alignright.is-style-solid-color blockquote p {
5317          font-size: 3.2rem;
5318          line-height: 1.1875;
5319      }
5320  
5321      .wp-block-pullquote.is-style-solid-color.alignwide,
5322      .wp-block-pullquote.is-style-solid-color.alignfull {
5323          padding: 6rem 4rem 4rem;
5324      }
5325  
5326      .wp-block-pullquote.alignleft.is-style-solid-color blockquote p,
5327      .wp-block-pullquote.alignright.is-style-solid-color blockquote p {
5328          font-size: 2.6rem;
5329      }
5330  
5331      /* BLOCK: QUOTE */
5332  
5333      .wp-block-quote.is-large p,
5334      .wp-block-quote.is-style-large p {
5335          font-size: 2.8rem;
5336      }
5337  
5338      /* BLOCK: SEPARATOR */
5339  
5340      hr.wp-block-separator {
5341          margin: 6rem auto;
5342      }
5343  
5344      .wp-block-separator.is-style-wide {
5345          max-width: calc(100vw - 8rem);
5346      }
5347  
5348      /* Entry Content ------------------------- */
5349  
5350      .entry-content {
5351          font-size: 2.1rem;
5352      }
5353  
5354      .entry-content p,
5355      .entry-content li {
5356          line-height: 1.476;
5357      }
5358  
5359      .entry-content h1,
5360      .entry-content h2,
5361      .entry-content h3 {
5362          margin: 6rem auto 3rem;
5363      }
5364  
5365      .entry-content h4,
5366      .entry-content h5,
5367      .entry-content h6 {
5368          margin: 4.5rem auto 2.5rem;
5369      }
5370  
5371      .alignnone,
5372      .aligncenter {
5373          margin-bottom: 4rem;
5374          margin-top: 4rem;
5375      }
5376  
5377      .alignleft {
5378  
5379          /*rtl:ignore*/
5380          margin: 0.3rem 2rem 2rem 0;
5381      }
5382  
5383      .alignright {
5384  
5385          /*rtl:ignore*/
5386          margin: 0.3rem 0 2rem 2rem;
5387      }
5388  
5389      .entry-content > .alignwide:not(.wp-block-group.has-background),
5390      .entry-content > .alignfull:not(.wp-block-group.has-background) {
5391          margin-bottom: 6rem;
5392          margin-top: 6rem;
5393      }
5394  
5395      .entry-content > .alignwide {
5396          max-width: calc(100vw - 8rem);
5397          width: calc(100vw - 8rem);
5398      }
5399  
5400      [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignleft,
5401      [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignleft,
5402      [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignleft {
5403  
5404          /*rtl:ignore*/
5405          margin-left: 4rem;
5406      }
5407  
5408      [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignright,
5409      [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignright,
5410      [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignright {
5411  
5412          /*rtl:ignore*/
5413          margin-right: 4rem;
5414      }
5415  
5416      .entry-content > .alignwide:first-child,
5417      .entry-content > .alignfull:first-child {
5418          margin-bottom: 8rem;
5419      }
5420  
5421      /* ENTRY MEDIA */
5422  
5423      .alignfull > figcaption,
5424      .alignfull > .wp-caption-text {
5425          width: calc(100% - 8rem);
5426      }
5427  
5428      /* Comments ------------------------------ */
5429  
5430      .comments-wrapper {
5431          margin-top: 8rem;
5432      }
5433  
5434      .comment-reply-title {
5435          margin-bottom: 4.6rem;
5436      }
5437  
5438      .comment-respond p.comment-notes,
5439      .comment-respond p.logged-in-as {
5440          font-size: 1.8rem;
5441          letter-spacing: -0.025em;
5442          margin: -2.5rem 0 4.4rem 0;
5443      }
5444  
5445      .comments .comment,
5446      .comments .pingback,
5447      .comments .trackback,
5448      .comments .review {
5449          padding-top: 5rem;
5450      }
5451  
5452      div.comment:first-of-type {
5453          margin-top: 5rem;
5454      }
5455  
5456      .comment-meta {
5457          margin-bottom: 2rem;
5458          min-height: 6rem;
5459          padding: 0.3rem 0 0 7.5rem;
5460      }
5461  
5462      .comment-meta .avatar {
5463          display: block;
5464          height: 6rem;
5465          position: absolute;
5466          left: 0;
5467          top: 0;
5468          width: 6rem;
5469      }
5470  
5471      .comment-author {
5472          font-size: 2.4rem;
5473      }
5474  
5475      .comment-metadata {
5476          font-size: 1.6rem;
5477          margin-top: 0.8rem;
5478      }
5479  
5480      .comment-footer-meta {
5481          margin-top: 2.5rem;
5482      }
5483  
5484      .comments-pagination {
5485          margin-top: 8rem;
5486      }
5487  
5488      /* PINGBACKS & TRACKBACKS */
5489  
5490      .pingback .comment-body {
5491          padding: 0;
5492      }
5493  
5494      /* COMMENT RESPOND */
5495  
5496      .comment-respond p {
5497          margin-bottom: 2.5rem;
5498      }
5499  
5500      .comment-form p.logged-in-as {
5501          margin: -2.5rem 0 4.4rem 0;
5502      }
5503  
5504      .comment-respond .comment-form-author,
5505      .comment-respond .comment-form-email {
5506          float: left;
5507          width: calc(50% - 1rem);
5508      }
5509  
5510      .comment-respond .comment-form-email {
5511          margin-left: 2rem;
5512      }
5513  
5514      .comments .comment-respond {
5515          padding: 5rem 0 0;
5516      }
5517  
5518      .comment-reply-title small {
5519          display: inline;
5520          margin: 0 0 0 0.5rem;
5521      }
5522  
5523      /* Site Pagination ----------------------- */
5524  
5525      .pagination-separator {
5526          margin: 8rem 0;
5527      }
5528  
5529      /* Display the full text for Newer and Older Posts. */
5530  
5531      .nav-short {
5532          display: inline;
5533      }
5534  
5535      .pagination .nav-links {
5536          font-size: 2.4rem;
5537          font-weight: 700;
5538          margin: -2.5rem 0 0 -4rem;
5539      }
5540  
5541      .nav-links > * {
5542          margin: 2.5rem 0 0 4rem;
5543      }
5544  
5545  
5546      /* Error 404 ----------------------------- */
5547  
5548      .error404 #site-content {
5549          padding-top: 8rem;
5550      }
5551  
5552      /* Widgets ------------------------------- */
5553  
5554      .widget .widget-title {
5555          margin-bottom: 3rem;
5556      }
5557  
5558      /* Site Footer --------------------------- */
5559  
5560      .footer-top-visible .footer-nav-widgets-wrapper,
5561      .footer-top-hidden #site-footer {
5562          margin-top: 8rem;
5563      }
5564  
5565      /* FOOTER TOP */
5566  
5567      .footer-top {
5568          padding: 3.7rem 0;
5569      }
5570  
5571      .footer-menu {
5572          font-size: 2.4rem;
5573          margin: -0.8rem 0 0 -1.6rem;
5574      }
5575  
5576      .footer-menu li {
5577          margin: 0.8rem 0 0 1.6rem;
5578      }
5579  
5580      .has-footer-menu .footer-social-wrapper {
5581          flex: 1;
5582          margin-left: 4rem;
5583          width: auto;
5584      }
5585  
5586      /* FOOTER WIDGETS */
5587  
5588      .footer-widgets-outer-wrapper {
5589          padding: 8rem 0;
5590      }
5591  
5592      .footer-widgets-wrapper {
5593          display: flex;
5594          justify-content: space-between;
5595          margin-left: -4rem;
5596          width: calc(100% + 4rem);
5597      }
5598  
5599      .footer-widgets {
5600          margin-left: 4rem;
5601          width: 50%;
5602      }
5603  
5604      .footer-widgets + .footer-widgets {
5605          margin-top: 0;
5606      }
5607  
5608      .footer-widgets .widget {
5609          border-top: none;
5610          margin-top: 5rem;
5611          padding-top: 0;
5612      }
5613  
5614      .footer-widgets .widget:first-child {
5615          margin-top: 0;
5616      }
5617  
5618      /* FOOTER BOTTOM */
5619  
5620      #site-footer {
5621          font-size: 1.8rem;
5622          padding: 4.3rem 0;
5623      }
5624  
5625      .footer-credits {
5626          display: flex;
5627      }
5628  
5629      .footer-copyright {
5630          font-weight: 700;
5631      }
5632  
5633      .powered-by-wordpress {
5634          display: block;
5635      }
5636  
5637      .to-the-top-long {
5638          display: inline;
5639      }
5640  
5641      .to-the-top-short {
5642          display: none;
5643      }
5644  
5645  }
5646  
5647  @media (min-width: 782px) {
5648  
5649      /* Blocks -------------------------------- */
5650  
5651      /* BLOCK: COLUMNS */
5652  
5653      .wp-block-column {
5654          margin-bottom: 0;
5655      }
5656  
5657      .wp-block-columns.alignwide + .wp-block-columns.alignwide,
5658      .wp-block-columns.alignfull + .wp-block-columns.alignfull {
5659          margin-top: -2.8rem;
5660      }
5661  }
5662  
5663  @media ( min-width: 1000px ) {
5664  
5665  
5666      /* Document Setup ------------------------ */
5667  
5668      /* Helper Classes ------------------------ */
5669  
5670      /* Site Header --------------------------- */
5671  
5672      #site-header {
5673          z-index: 2;
5674      }
5675  
5676      .header-inner {
5677          align-items: center;
5678          display: flex;
5679          justify-content: space-between;
5680          padding: 2.8rem 0;
5681      }
5682  
5683      .header-titles-wrapper {
5684          margin-right: 4rem;
5685          max-width: 50%;
5686          padding: 0;
5687          text-align: left;
5688      }
5689  
5690      .header-titles {
5691          align-items: baseline;
5692          display: flex;
5693          flex-wrap: wrap;
5694          justify-content: flex-start;
5695          margin: -1rem 0 0 -2.4rem;
5696      }
5697  
5698      .header-titles .site-title,
5699      .header-titles .site-logo,
5700      .header-titles .site-description {
5701          margin: 1rem 0 0 2.4rem;
5702      }
5703  
5704      .wp-custom-logo .header-titles {
5705          align-items: center;
5706      }
5707  
5708      /* HEADER NAVIGATION */
5709  
5710      .header-navigation-wrapper {
5711          align-items: center;
5712          display: flex;
5713      }
5714  
5715      .primary-menu-wrapper {
5716          display: block;
5717          width: 100%;
5718      }
5719  
5720      /* HEADER TOGGLES */
5721  
5722      .mobile-search-toggle,
5723      .mobile-nav-toggle {
5724          display: none !important;
5725      }
5726  
5727      .primary-menu-wrapper + .header-toggles {
5728          margin-left: 3rem;
5729      }
5730  
5731      .header-toggles {
5732          display: flex;
5733          flex-shrink: 0;
5734          margin-right: -3rem;
5735      }
5736  
5737      .header-inner .toggle {
5738          height: 4.4rem;
5739          padding: 0 3rem;
5740          position: relative;
5741          bottom: auto;
5742          left: auto;
5743          right: auto;
5744          top: auto;
5745          width: auto;
5746      }
5747  
5748      .header-inner .toggle-wrapper {
5749          position: relative;
5750      }
5751  
5752      .header-inner .toggle-wrapper::before {
5753          background: #dedfdf;
5754          content: "";
5755          display: block;
5756          height: 2.7rem;
5757          position: absolute;
5758          left: 0;
5759          top: calc(50% - 1.35rem);
5760          width: 0.1rem;
5761      }
5762  
5763      .header-inner .toggle-wrapper:first-child::before {
5764          content: none;
5765      }
5766  
5767      .header-inner .primary-menu-wrapper + .header-toggles .toggle-wrapper:first-child::before {
5768          content: "";
5769      }
5770  
5771      .nav-toggle-wrapper:not(.has-expanded-menu) {
5772          display: none;
5773      }
5774  
5775      .toggle-inner {
5776          position: static;
5777      }
5778  
5779      .toggle-inner .toggle-text {
5780          left: 0;
5781          right: 0;
5782          text-align: center;
5783          top: calc(100% - 0.3rem);
5784          width: auto;
5785      }
5786  
5787      .header-toggles:only-child .nav-toggle .toggle-inner {
5788          padding-top: 0;
5789      }
5790  
5791      .header-toggles:only-child .toggle-inner {
5792          display: flex;
5793          flex-wrap: nowrap;
5794          align-items: center;
5795      }
5796  
5797      .header-toggles:only-child .toggle-inner .svg-icon {
5798          order: 1;
5799      }
5800  
5801      .header-toggles:only-child .toggle-inner .toggle-text {
5802          position: static;
5803          padding-right: 20px;
5804          font-size: 15px;
5805          color: inherit;
5806      }
5807  
5808      /* Menu Modal ---------------------------- */
5809  
5810      .menu-modal {
5811          opacity: 1;
5812          justify-content: flex-end;
5813          padding: 0;
5814          transition: background-color 0.3s ease-in, left 0s 0.3s, right 0s 0.3s;
5815      }
5816  
5817      .menu-modal.cover-modal {
5818          background: rgba(0, 0, 0, 0);
5819      }
5820  
5821      .menu-modal.active {
5822          background: rgba(0, 0, 0, 0.2);
5823          transition: background-color 0.3s ease-out;
5824      }
5825  
5826      .menu-wrapper.section-inner {
5827          width: calc(100% - 8rem);
5828      }
5829  
5830      .menu-modal-inner {
5831          box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.1);
5832          opacity: 0;
5833          padding: 0;
5834          transform: translateX(20rem);
5835          transition: transform 0.2s ease-in, opacity 0.2s ease-in;
5836          width: 50rem;
5837      }
5838  
5839      .menu-modal.active .menu-modal-inner {
5840          opacity: 1;
5841          transform: translateX(0);
5842          transition-timing-function: ease-out;
5843      }
5844  
5845      .mobile-menu {
5846          display: none;
5847      }
5848  
5849      .expanded-menu {
5850          display: block;
5851      }
5852  
5853      .menu-bottom {
5854          padding: 6rem 0;
5855      }
5856  
5857      .menu-bottom .social-menu {
5858          justify-content: flex-start;
5859      }
5860  
5861      /* Sub Page ------------------------------ */
5862  
5863      /* FEATURED MEDIA */
5864  
5865      .featured-media figcaption {
5866          width: 100%;
5867      }
5868  
5869      /* Template: Full Width ------------------ */
5870  
5871      .template-full-width .wp-block-image .alignleft {
5872  
5873          /*rtl:ignore*/
5874          margin-right: 2rem;
5875      }
5876  
5877      .template-full-width .wp-block-image .alignright {
5878  
5879          /*rtl:ignore*/
5880          margin-left: 2rem;
5881      }
5882  
5883      /* Post: Archive ------------------------- */
5884  
5885      /* Post: Single -------------------------- */
5886  
5887      .singular .intro-text {
5888          font-size: 2.8rem;
5889      }
5890  
5891      /* Blocks -------------------------------- */
5892  
5893      /* BLOCK: COLUMNS */
5894  
5895      .wp-block-columns.alignwide + .wp-block-columns.alignwide,
5896      .wp-block-columns.alignfull + .wp-block-columns.alignfull {
5897          margin-top: -4.8rem;
5898      }
5899  
5900      /* BLOCK: GALLERY */
5901  
5902      figure.wp-block-gallery.alignwide,
5903      figure.wp-block-gallery.alignfull {
5904          margin-bottom: 8rem;
5905          margin-top: 8rem;
5906      }
5907  
5908      /* BLOCK: GROUP */
5909  
5910      .entry-content > .wp-block-group.alignwide.has-background,
5911      .entry-content > .wp-block-group.alignfull.has-background {
5912          padding: 8rem 4rem;
5913          margin-bottom: 0;
5914          margin-top: 0;
5915      }
5916  
5917      /* BLOCK: IMAGE */
5918  
5919      .wp-block-image .alignleft {
5920  
5921          /*rtl:ignore*/
5922          margin-right: 0;
5923      }
5924  
5925      .wp-block-image .alignright {
5926  
5927          /*rtl:ignore*/
5928          margin-left: 0;
5929      }
5930  
5931      .wp-block-image .aligncenter figcaption {
5932          text-align: center;
5933      }
5934  
5935      /* BLOCK: SEPARATOR */
5936  
5937      hr.wp-block-separator {
5938          margin: 8rem auto;
5939      }
5940  
5941      /* Entry Content ------------------------- */
5942  
5943      /* ALIGNMENT CLASSES */
5944  
5945      .entry-content > .alignleft,
5946      .entry-content > p .alignleft,
5947      .entry-content > .wp-block-image .alignleft {
5948          position: absolute;
5949  
5950          /*rtl:ignore*/
5951          right: calc((100vw - 58rem) / 2 + 58rem + 2rem);
5952          max-width: calc((100% - 58rem) / 2 - 6rem);
5953      }
5954  
5955      [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .alignleft,
5956      [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > p .alignleft,
5957      [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .wp-block-image .alignleft {
5958          position: relative;
5959  
5960          /*rtl:ignore*/
5961          right: inherit;
5962          max-width: inherit;
5963      }
5964  
5965      [class*="wp-block"].alignwide [class*="__inner-container"] > .alignleft,
5966      [class*="wp-block"].alignwide [class*="__inner-container"] > p .alignleft,
5967      [class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignleft,
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          position: absolute;
5972  
5973          /*rtl:ignore*/
5974          right: calc((100% - 58rem) / 2 + 58rem + 4rem);
5975          max-width: calc((100% - 58rem) / 2 - 4rem);
5976      }
5977  
5978      [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .alignleft,
5979      [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > p .alignleft,
5980      [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .wp-block-image .alignleft {
5981  
5982          /*rtl:ignore*/
5983          right: calc((100% - 58rem) / 2 + 58rem);
5984      }
5985  
5986      [class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft,
5987      [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft,
5988      [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft {
5989  
5990          /*rtl:ignore*/
5991          margin-left: 4rem;
5992      }
5993  
5994      .entry-content > .alignright,
5995      .entry-content > p .alignright,
5996      .entry-content > .wp-block-image .alignright,
5997      [class*="__inner-container"] > .alignright {
5998          position: absolute;
5999  
6000          /*rtl:ignore*/
6001          left: calc((100vw - 58rem) / 2 + 58rem + 2rem);
6002          max-width: calc((100% - 58rem) / 2 - 6rem);
6003      }
6004  
6005      [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .alignright,
6006      [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > p .alignright,
6007      [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .wp-block-image .alignright {
6008          position: relative;
6009  
6010          /*rtl:ignore*/
6011          left: inherit;
6012          max-width: inherit;
6013      }
6014  
6015      [class*="wp-block"].alignwide [class*="__inner-container"] > .alignright,
6016      [class*="wp-block"].alignwide [class*="__inner-container"] > p .alignright,
6017      [class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignright,
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          position: absolute;
6022  
6023          /*rtl:ignore*/
6024          left: calc((100% - 58rem) / 2 + 58rem + 4rem);
6025          max-width: calc((100% - 58rem) / 2 - 4rem);
6026      }
6027  
6028      [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .alignright,
6029      [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > p .alignright,
6030      [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .wp-block-image .alignright {
6031  
6032          /*rtl:ignore*/
6033          left: calc((100% - 58rem) / 2 + 58rem + 4rem);
6034      }
6035  
6036      [class*="wp-block"].alignfull [class*="__inner-container"] > .alignright,
6037      [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright,
6038      [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright {
6039  
6040          /*rtl:ignore*/
6041          margin-right: 4rem;
6042      }
6043  
6044      .entry-content > .alignwide:not(.wp-block-group.has-background),
6045      .entry-content > .alignfull:not(.wp-block-group.has-background) {
6046          margin-bottom: 8rem;
6047          margin-top: 8rem;
6048      }
6049  
6050      /* ENTRY MEDIA */
6051  
6052      .alignfull > figcaption,
6053      .alignfull > .wp-caption-text {
6054          width: calc(100% - 10rem);
6055      }
6056  
6057      /* Comments ------------------------------ */
6058  
6059      .comment-meta {
6060          padding-left: 0;
6061      }
6062  
6063      .comment-meta .avatar {
6064          left: -8rem;
6065      }
6066  
6067      /* Site Pagination ----------------------- */
6068  
6069      .pagination .nav-links {
6070          justify-content: space-between;
6071          margin: 0;
6072          width: 100%;
6073      }
6074  
6075      .nav-links > * {
6076          margin: 0 2rem;
6077      }
6078  
6079      .pagination .next,
6080      .pagination .prev {
6081          display: block;
6082      }
6083  
6084      .pagination .prev {
6085          margin: 0 auto 0 0;
6086      }
6087  
6088      .pagination .next {
6089          text-align: right;
6090          margin: 0 0 0 auto;
6091      }
6092  
6093      /* Site Footer --------------------------- */
6094  
6095      /* FOOTER TOP */
6096  
6097      .footer-top {
6098          align-items: center;
6099      }
6100  
6101      .footer-menu {
6102          align-items: baseline;
6103          display: flex;
6104          justify-content: flex-start;
6105          flex-wrap: wrap;
6106          font-size: 2.1rem;
6107          margin: -1.2rem 0 0 -2.4rem;
6108      }
6109  
6110      .footer-menu li {
6111          margin: 1.2rem 0 0 2.4rem;
6112      }
6113  }
6114  
6115  
6116  @media ( min-width: 1220px ) {
6117  
6118      /* Element Base -------------------------- */
6119  
6120      /* TITLES */
6121  
6122      h1,
6123      .heading-size-1 {
6124          font-size: 8.4rem;
6125      }
6126  
6127      /* Helper Classes ------------------------ */
6128  
6129      /* Site Header --------------------------- */
6130  
6131      /* PRIMARY MENU */
6132  
6133      ul.primary-menu {
6134          margin: -0.8rem 0 0 -2.5rem;
6135      }
6136  
6137      .primary-menu > li {
6138          margin: 0.8rem 0 0 2.5rem;
6139      }
6140  
6141      /* HEADER TOGGLES */
6142  
6143      .primary-menu-wrapper + .header-toggles {
6144          margin-left: 4rem;
6145      }
6146  
6147      .header-toggles {
6148          margin-right: -4rem;
6149      }
6150  
6151      .header-toggles .toggle {
6152          padding: 0 4rem;
6153      }
6154  
6155      /* Menu Modal ---------------------------- */
6156  
6157      /* Search Modal -------------------------- */
6158  
6159      /* Sub Page ------------------------------ */
6160  
6161      /* Template: Cover Template -------------- */
6162  
6163      .cover-header + .post-inner {
6164          padding-top: 10rem;
6165      }
6166  
6167      /* Post: Archive ------------------------- */
6168  
6169      /* Post: Single -------------------------- */
6170  
6171      .singular .intro-text {
6172          font-size: 3.2rem;
6173          letter-spacing: -0.03125em;
6174          line-height: 1.375;
6175      }
6176  
6177      /* Blocks -------------------------------- */
6178  
6179      /* BLOCK: COLUMNS */
6180  
6181      .wp-block-columns.alignfull + .wp-block-columns.alignfull {
6182          margin-top: -6rem;
6183      }
6184  
6185      /* BLOCK: GALLERY */
6186  
6187      figure.wp-block-gallery.alignfull {
6188          margin-bottom: 10rem;
6189          margin-top: 10rem;
6190      }
6191  
6192      /* BLOCK: GROUP */
6193  
6194      .entry-content > .wp-block-group.alignwide.has-background,
6195      .entry-content > .wp-block-group.alignfull.has-background {
6196          padding: 8rem 6rem;
6197          margin-bottom: 0;
6198          margin-top: 0;
6199      }
6200  
6201      /* BLOCK: PULLQUOTE */
6202  
6203      .wp-block-pullquote.alignwide blockquote p,
6204      .wp-block-pullquote.alignfull blockquote p {
6205          font-size: 6.4rem;
6206      }
6207  
6208      .wp-block-pullquote.is-style-solid-color.alignwide,
6209      .wp-block-pullquote.is-style-solid-color.alignfull {
6210          padding: 9rem 4rem 8rem;
6211      }
6212  
6213      /* Entry Content ------------------------- */
6214  
6215      /* ALIGNMENT CLASSES */
6216  
6217      .entry-content > .alignfull {
6218          margin-bottom: 10rem;
6219          margin-top: 10rem;
6220      }
6221  
6222      [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .alignleft,
6223      [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > p .alignleft,
6224      [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .wp-block-image .alignleft {
6225  
6226          /*rtl:ignore*/
6227          right: calc((100% - 58rem) / 2 + 58rem - 2rem);
6228      }
6229  
6230      [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .alignright,
6231      [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > p .alignright,
6232      [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .wp-block-image .alignright {
6233  
6234          /*rtl:ignore*/
6235          left: calc((100% - 58rem) / 2 + 58rem + 6rem);
6236      }
6237  
6238      /* Comments ------------------------------ */
6239  
6240      .comment-reply-title {
6241          font-size: 5.6rem;
6242          line-height: 1.2;
6243          margin-bottom: 6rem;
6244      }
6245  
6246      .comment-respond p.comment-notes,
6247      .comment-respond p.logged-in-as {
6248          margin: -4rem 0 6rem 0;
6249      }
6250  
6251      .comments .comment-respond .comment-reply-title {
6252          font-size: 4.8rem;
6253      }
6254  
6255      .comments .comment-respond p.comment-notes,
6256      .comments .comment-respond p.logged-in-as {
6257          margin: -4.5rem 0 4rem 0;
6258      }
6259  
6260      /* Site Pagination ----------------------- */
6261  
6262      /* Widgets ------------------------------- */
6263  
6264      .widget-content {
6265          font-size: 2.1rem;
6266      }
6267  
6268      /* Site Footer --------------------------- */
6269  
6270      .footer-menu {
6271          font-size: 2.4rem;
6272          margin: -1.5rem 0 0 -3rem;
6273      }
6274  
6275      .footer-menu li {
6276          margin: 1.5rem 0 0 3rem;
6277      }
6278  
6279      ul.footer-social {
6280          margin: -1rem 0 0 -1rem;
6281      }
6282  
6283      ul.footer-social li {
6284          margin: 1rem 0 0 1rem;
6285      }
6286  
6287      .footer-social a {
6288          height: 4.4rem;
6289          width: 4.4rem;
6290      }
6291  
6292      .footer-social a::before {
6293          font-size: 2rem;
6294      }
6295  
6296      /* FOOTER WIDGETS */
6297  
6298      .footer-widgets-wrapper {
6299          margin-left: -6rem;
6300          width: calc(100% + 6rem);
6301      }
6302  
6303      .footer-widgets {
6304          margin-left: 6rem;
6305      }
6306  
6307  }
6308  
6309  @media ( min-width: 1240px ) {
6310  
6311  
6312      /* Blocks -------------------------------- */
6313  
6314      body.template-full-width .entry-content > .alignleft {
6315  
6316          /*rtl:ignore*/
6317          margin-left: calc(( 100vw - 120rem ) / 2);
6318      }
6319  
6320      body.template-full-width .entry-content > .alignright {
6321  
6322          /*rtl:ignore*/
6323          margin-right: calc(( 100vw - 120rem ) / 2);
6324      }
6325  
6326  }
6327  
6328  @media ( min-width: 1280px ) {
6329  
6330      /* Blocks -------------------------------- */
6331  
6332      /* BLOCK: GALLERY */
6333  
6334      figure.wp-block-gallery.alignleft {
6335  
6336          /*rtl:ignore*/
6337          margin-left: -31rem;
6338      }
6339  
6340      figure.wp-block-gallery.alignright {
6341  
6342          /*rtl:ignore*/
6343          margin-right: -31rem;
6344      }
6345  
6346      /* BLOCK: SEPARATOR */
6347  
6348      .wp-block-separator.is-style-wide {
6349          max-width: 120rem;
6350          width: 120rem;
6351      }
6352  
6353      /* Entry Content ------------------------- */
6354  
6355      /* ALIGNMENT CLASSES */
6356  
6357      .entry-content > .alignleft,
6358      .entry-content > p .alignleft,
6359      .entry-content > .wp-block-image .alignleft {
6360  
6361          /*rtl:ignore*/
6362          right: calc((100vw - 58rem) / 2 + 58rem + 4rem);
6363  
6364          /*rtl:ignore*/
6365          margin-left: -31rem;
6366      }
6367  
6368      .entry-content > .alignright,
6369      .entry-content > p .alignright,
6370      .entry-content > .wp-block-image .alignright {
6371  
6372          /*rtl:ignore*/
6373          left: calc((100vw - 58rem) / 2 + 58rem + 4rem);
6374  
6375          /*rtl:ignore*/
6376          margin-right: -31rem;
6377      }
6378  
6379      .entry-content > .alignwide {
6380          max-width: 120rem;
6381          width: 120rem;
6382      }
6383  
6384      [class*="__inner-container"] > .alignwide {
6385          max-width: 120rem;
6386          width: 100%;
6387      }
6388  
6389      .alignleft,
6390      .alignright,
6391      .entry-content > .alignleft,
6392      .entry-content > p .alignleft,
6393      .entry-content > .wp-block-image .alignleft,
6394      .entry-content > .alignright,
6395      .entry-content > p .alignright,
6396      .entry-content > .wp-block-image .alignright,
6397      [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .alignleft,
6398      [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > p .alignleft,
6399      [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignleft,
6400      [class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft,
6401      [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft,
6402      [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft,
6403      [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .alignright,
6404      [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > p .alignright,
6405      [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignright,
6406      [class*="wp-block"].alignfull [class*="__inner-container"] > .alignright,
6407      [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright,
6408      [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright {
6409          max-width: 25rem;
6410      }
6411  
6412      /* Template: Full Width ------------------ */
6413  
6414      body.template-full-width .alignfull:not(.has-background) > .wp-block-group__inner-container > p:not(.has-background-color) {
6415          padding-left: 0;
6416          padding-right: 0;
6417      }
6418  
6419      body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft {
6420  
6421          /*rtl:ignore*/
6422          margin-left: 0;
6423      }
6424  
6425      body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright {
6426  
6427          /*rtl:ignore*/
6428          margin-right: 0;
6429      }
6430  
6431  }
6432  
6433  @media ( min-width: 1330px ) {
6434  
6435  
6436      /* Entry Content ------------------------- */
6437  
6438      /* ALIGNMENT CLASSES */
6439  
6440      .alignleft,
6441      .alignright,
6442      .entry-content > .alignleft,
6443      .entry-content > p .alignleft,
6444      .entry-content > .wp-block-image .alignleft,
6445      .entry-content > .alignright,
6446      .entry-content > p .alignright,
6447      .entry-content > .wp-block-image .alignright,
6448      [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .alignleft,
6449      [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > p .alignleft,
6450      [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignleft,
6451      [class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft,
6452      [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft,
6453      [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft,
6454      [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .alignright,
6455      [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > p .alignright,
6456      [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignright,
6457      [class*="wp-block"].alignfull [class*="__inner-container"] > .alignright,
6458      [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright,
6459      [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright {
6460          max-width: 29rem;
6461      }
6462  
6463      /* Blocks -------------------------------- */
6464  
6465      /* BLOCK: PULLQUOTE */
6466  
6467      .wp-block-pullquote.is-style-solid-color.alignleft::before,
6468      .wp-block-pullquote.is-style-solid-color.alignright::before {
6469          top: 0;
6470      }
6471  }


Generated : Sat Jun 6 08:20:01 2020 Cross-referenced by PHPXref