[ Index ]

WordPress 5.4.1

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

title

Body

[close]

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

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


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