[ Index ]

PHP Cross Reference of WordPress Trunk (Updated Daily)

title

Body

[close]

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

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


Generated: Sat Nov 23 20:47:33 2019 Cross-referenced by PHPXref 0.7