[Summary view] [Print] [Text view]

   1  /* ------------------------------------------- */
   2  
   3  /*    Twenty Twenty Editor Styles — Block Editor
   4  /* ------------------------------------------- */
   5  
   6  .editor-styles-wrapper {
   7      background: #f5efe0;
   8      color: #000;
   9      letter-spacing: -0.015em;
  10      -moz-font-smoothing: antialiased;
  11      -webkit-font-smoothing: antialiased;
  12  }
  13  
  14  .editor-styles-wrapper > * {
  15      font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
  16      font-size: 18px;
  17  }
  18  
  19  @supports ( font-variation-settings: normal ) {
  20  
  21      .editor-styles-wrapper > * {
  22          font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
  23      }
  24  
  25  }
  26  
  27  .block-editor-default-block-appender textarea.block-editor-default-block-appender__content {
  28      color: inherit;
  29      font-family: inherit;
  30      font-size: inherit;
  31  }
  32  
  33  /* Fonts ------------------------------------- */
  34  
  35  /*
  36   * Chrome renders extra-wide   characters for the Hoefler Text font.
  37   * This results in a jumping cursor when typing in both the Classic and block
  38   * editors. The following font-face override fixes the issue by manually
  39   * inserting a custom font that includes just a Hoefler Text space replacement
  40   * for that character instead.
  41   */
  42  @font-face {
  43      font-family: NonBreakingSpaceOverride;
  44      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");
  45  }
  46  
  47  /* Structure --------------------------------- */
  48  
  49  .wp-block {
  50      max-width: 610px;
  51  }
  52  
  53  .wp-block[data-align="wide"] .wp-block[data-align="wide"],
  54  .wp-block[data-align="full"] .wp-block[data-align="wide"] {
  55      max-width: 1200px;
  56  }
  57  
  58  .wp-block .wp-block[data-type="core/group"]:not([data-align="full"]):not([data-align="wide"]):not([data-align="left"]):not([data-align="right"]),
  59  .wp-block .wp-block[data-type="core/cover"]:not([data-align="full"]):not([data-align="wide"]):not([data-align="left"]):not([data-align="right"]) {
  60      margin-right: auto;
  61      margin-left: auto;
  62      max-width: 610px;
  63  }
  64  
  65  .wp-block .wp-block[data-align="full"] {
  66      margin-right: 0;
  67      margin-left: 0;
  68  }
  69  
  70  *[data-align="right"] .wp-block-edit,
  71  *[data-align="left"] .wp-block-edit {
  72      max-width: 50%;
  73  }
  74  
  75  .wp-block[data-align="wide"] {
  76      max-width: 1200px;
  77  }
  78  
  79  .wp-block[data-align="full"] {
  80      max-width: none;
  81  }
  82  
  83  .editor-styles-wrapper .editor-rich-text__tinymce,
  84  .editor-styles-wrapper .editor-rich-text__tinymce.mce-content-body {
  85      line-height: 1.5;
  86  }
  87  
  88  
  89  /* Font Families ------------------------------ */
  90  
  91  .editor-styles-wrapper p,
  92  .editor-styles-wrapper ol,
  93  .editor-styles-wrapper ul,
  94  .editor-styles-wrapper dl,
  95  .editor-styles-wrapper dt {
  96      font-family: NonBreakingSpaceOverride, "Hoefler Text", "Noto Serif", Garamond, "Times New Roman", serif;
  97      letter-spacing: normal;
  98  }
  99  
 100  .editor-post-title__block .editor-post-title__input,
 101  .editor-styles-wrapper .wp-block-post-title,
 102  .editor-styles-wrapper h1,
 103  .editor-styles-wrapper h2,
 104  .editor-styles-wrapper h3,
 105  .editor-styles-wrapper h4,
 106  .editor-styles-wrapper h5,
 107  .editor-styles-wrapper h6,
 108  .editor-styles-wrapper .has-drop-cap:not(:focus)::first-letter,
 109  .editor-styles-wrapper cite,
 110  .editor-styles-wrapper figcaption,
 111  .editor-styles-wrapper .wp-caption-text {
 112      font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
 113  }
 114  
 115  @supports ( font-variation-settings: normal ) {
 116  
 117      .editor-post-title__block .editor-post-title__input,
 118      .editor-styles-wrapper .wp-block-post-title,
 119      .editor-styles-wrapper h1,
 120      .editor-styles-wrapper h2,
 121      .editor-styles-wrapper h3,
 122      .editor-styles-wrapper h4,
 123      .editor-styles-wrapper h5,
 124      .editor-styles-wrapper h6,
 125      .editor-styles-wrapper .has-drop-cap:not(:focus)::first-letter,
 126      .editor-styles-wrapper cite,
 127      .editor-styles-wrapper figcaption,
 128      .editor-styles-wrapper .wp-caption-text {
 129          font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
 130      }
 131  
 132  }
 133  
 134  
 135  /* Colors ------------------------------------ */
 136  
 137  .editor-styles-wrapper .has-text-color a {
 138      color: inherit;
 139  }
 140  
 141  /* CUSTOM COLORS */
 142  
 143  :root .has-accent-color {
 144      color: #cd2653;
 145  }
 146  
 147  :root .has-accent-background-color {
 148      background-color: #cd2653;
 149      color: #fff;
 150  }
 151  
 152  :root .has-primary-color {
 153      color: #000;
 154  }
 155  
 156  :root .has-primary-background-color {
 157      background-color: #000;
 158      color: #f5efe0;
 159  }
 160  
 161  :root .has-secondary-color {
 162      color: #6d6d6d;
 163  }
 164  
 165  :root .has-secondary-background-color {
 166      background-color: #6d6d6d;
 167      color: #fff;
 168  }
 169  
 170  :root .has-subtle-background-color {
 171      color: #dcd7ca;
 172  }
 173  
 174  :root .has-subtle-background-background-color {
 175      background-color: #dcd7ca;
 176      color: #000;
 177  }
 178  
 179  :root .has-background-color {
 180      color: #f5efe0;
 181  }
 182  
 183  :root .has-background-background-color {
 184      background-color: #f5efe0;
 185      color: #000;
 186  }
 187  
 188  /* GENERAL COLORS */
 189  
 190  .has-black-background-color {
 191      background-color: #000;
 192      color: #fff;
 193  }
 194  
 195  .has-white-background-color {
 196      background-color: #fff;
 197      color: #000;
 198  }
 199  
 200  .has-black-color {
 201      color: #000;
 202  }
 203  
 204  .has-white-color {
 205      color: #fff;
 206  }
 207  
 208  
 209  /* Typography -------------------------------- */
 210  
 211  .editor-styles-wrapper a {
 212      color: #cd2653;
 213      text-decoration: underline;
 214  }
 215  
 216  .editor-styles-wrapper a:focus,
 217  .editor-styles-wrapper a:hover {
 218      text-decoration: none;
 219  }
 220  
 221  .editor-post-title__block .editor-post-title__input,
 222  .editor-styles-wrapper .wp-block-post-title,
 223  .editor-styles-wrapper h1,
 224  .editor-styles-wrapper h2,
 225  .editor-styles-wrapper h3,
 226  .editor-styles-wrapper h4,
 227  .editor-styles-wrapper h5,
 228  .editor-styles-wrapper h6 {
 229      font-feature-settings: "lnum";
 230      font-variant-numeric: lining-nums;
 231      font-weight: 700;
 232      letter-spacing: -0.0415625em;
 233      line-height: 1.25;
 234      margin-top: 40px;
 235      margin-bottom: 25px;
 236  }
 237  
 238  .editor-post-title__block .editor-post-title__input,
 239  .editor-styles-wrapper .wp-block-post-title,
 240  .editor-styles-wrapper h1,
 241  .editor-styles-wrapper .heading-size-1 {
 242      font-size: 36px;
 243      font-weight: 800;
 244      line-height: 1.138888889;
 245  }
 246  
 247  .editor-styles-wrapper h2,
 248  .editor-styles-wrapper .heading-size-2 {
 249      font-size: 32px;
 250  }
 251  
 252  .editor-styles-wrapper h3,
 253  .editor-styles-wrapper .heading-size-3 {
 254      font-size: 28px;
 255  }
 256  
 257  .editor-styles-wrapper h4,
 258  .editor-styles-wrapper .heading-size-4 {
 259      font-size: 24px;
 260  }
 261  
 262  .editor-styles-wrapper h5,
 263  .editor-styles-wrapper .heading-size-5 {
 264      font-size: 21px;
 265  }
 266  
 267  .editor-styles-wrapper h6,
 268  .editor-styles-wrapper .heading-size-6 {
 269      font-size: 16px;
 270      letter-spacing: 0.03125em;
 271      text-transform: uppercase;
 272  }
 273  
 274  .editor-styles-wrapper li,
 275  .editor-styles-wrapper p,
 276  .editor-styles-wrapper p.wp-block-paragraph {
 277      line-height: 1.4;
 278  }
 279  
 280  /* POST TITLE */
 281  
 282  .editor-styles-wrapper .wp-block-post-title {
 283      max-width: 1000px;
 284      margin: 0 auto;
 285      text-align: center;
 286  }
 287  
 288  .wp-block.editor-post-title__block {
 289      max-width: 1000px;
 290  }
 291  
 292  .editor-styles-wrapper .editor-post-title__block .editor-post-title__input {
 293      margin: 0;
 294      text-align: center;
 295  }
 296  
 297  .editor-styles-wrapper .wp-block-post-title.has-text-align-left {
 298      text-align: left;
 299  }
 300  
 301  .editor-styles-wrapper .wp-block-post-title.has-text-align-right {
 302      text-align: right;
 303  }
 304  
 305  /* DROP CAP */
 306  
 307  .editor-styles-wrapper .has-drop-cap:not(:focus)::first-letter {
 308      color: #cd2653;
 309      font-size: 5.1em;
 310      font-weight: 800;
 311      margin: 0.05em 0 0 0.1em;
 312  }
 313  
 314  
 315  /* Monospace --------------------------------- */
 316  
 317  .editor-styles-wrapper code,
 318  .editor-styles-wrapper kbd,
 319  .editor-styles-wrapper pre,
 320  .editor-styles-wrapper samp {
 321      font-family: monospace;
 322  }
 323  
 324  .editor-styles-wrapper kbd,
 325  .editor-styles-wrapper pre,
 326  .editor-styles-wrapper samp {
 327      border-radius: 0;
 328      font-size: 0.75em;
 329      padding: 4px 6px;
 330  }
 331  
 332  .editor-styles-wrapper pre {
 333      border-color: #dcd7ca;
 334      border-radius: 0;
 335      line-height: 1.5;
 336      padding: 1em;
 337  }
 338  
 339  
 340  /* Custom Text Sizes ------------------------- */
 341  
 342  .editor-styles-wrapper p.has-large-font-size.editor-rich-text__tinymce,
 343  .editor-styles-wrapper p.has-large-font-size.editor-rich-text__tinymce.mce-content-body,
 344  .editor-styles-wrapper p.has-larger-font-size.editor-rich-text__tinymce,
 345  .editor-styles-wrapper p.has-larger-font-size.editor-rich-text__tinymce.mce-content-body {
 346      line-height: 1.4;
 347  }
 348  
 349  .editor-styles-wrapper p.has-small-font-size {
 350      font-size: 0.842em;
 351  }
 352  
 353  .editor-styles-wrapper p.has-normal-font-size,
 354  .editor-styles-wrapper p.has-regular-font-size {
 355      font-size: 1em;
 356  }
 357  
 358  .editor-styles-wrapper p.has-medium-font-size {
 359      font-size: 1.1em;
 360  }
 361  
 362  .editor-styles-wrapper p.has-large-font-size {
 363      font-size: 1.25em;
 364  }
 365  
 366  .editor-styles-wrapper p.has-larger-font-size {
 367      font-size: 1.5em;
 368  }
 369  
 370  
 371  /* Post Media -------------------------------- */
 372  
 373  .editor-styles-wrapper figure {
 374      margin: 0;
 375  }
 376  
 377  .editor-styles-wrapper .alignleft,
 378  .editor-styles-wrapper .alignright {
 379      margin-bottom: 1.2em;
 380      max-width: 260px;
 381  }
 382  
 383  .editor-styles-wrapper .wp-caption .alignleft,
 384  .editor-styles-wrapper .wp-caption .alignright {
 385      margin-bottom: 0;
 386  }
 387  
 388  .editor-styles-wrapper .alignleft {
 389      margin-left: 1em;
 390  }
 391  
 392  .editor-styles-wrapper .alignright {
 393      margin-right: 1em;
 394  }
 395  
 396  .editor-styles-wrapper figcaption {
 397      color: #6d6d6d;
 398      font-size: 15px;
 399      font-weight: 500;
 400      line-height: 1.2;
 401      margin-top: 5px;
 402      text-align: inherit;
 403  }
 404  
 405  
 406  /* Forms ------------------------------------- */
 407  
 408  .editor-styles-wrapper fieldset {
 409      border: 2px solid #dcd7ca;
 410      padding: 20px;
 411  }
 412  
 413  .editor-styles-wrapper legend {
 414      font-size: 0.85em;
 415      font-weight: 700;
 416      padding: 0 10px;
 417  }
 418  
 419  .editor-styles-wrapper label {
 420      font-size: 15px;
 421      font-weight: 600;
 422  }
 423  
 424  
 425  /* Block: Base Margins ---------------------- */
 426  
 427  /* Block: Shared Widget Styles -------------- */
 428  
 429  .editor-styles-wrapper ul.wp-block-archives,
 430  .editor-styles-wrapper ul.wp-block-categories,
 431  .editor-styles-wrapper ul.wp-block-latest-posts,
 432  .editor-styles-wrapper ul.wp-block-categories__list {
 433      font-family: inherit;
 434      list-style: none;
 435      margin: 40px 0;
 436      padding-right: 0;
 437  }
 438  
 439  .editor-styles-wrapper ul.wp-block-latest-posts {
 440      margin-right: auto;
 441      margin-left: auto;
 442  }
 443  
 444  .editor-styles-wrapper ul.wp-block-categories__list ul {
 445      margin: 0;
 446  }
 447  
 448  .editor-styles-wrapper ul.wp-block-archives li,
 449  .editor-styles-wrapper ul.wp-block-categories li,
 450  .editor-styles-wrapper ul.wp-block-latest-posts li,
 451  .editor-styles-wrapper ul.wp-block-categories__list li {
 452      color: #6d6d6d;
 453      line-height: 1.476;
 454      margin: 5px 0 0 0;
 455  }
 456  
 457  .editor-styles-wrapper ul.wp-block-archives li li,
 458  .editor-styles-wrapper ul.wp-block-categories li li,
 459  .editor-styles-wrapper ul.wp-block-categories__list li li,
 460  .editor-styles-wrapper ul.wp-block-latest-posts li li {
 461      margin-right: 20px;
 462  }
 463  
 464  .editor-styles-wrapper .wp-block-archives li > a,
 465  .editor-styles-wrapper .wp-block-categories li > a,
 466  .editor-styles-wrapper .wp-block-latest-posts li > a {
 467      font-weight: 700;
 468      text-decoration: none;
 469  }
 470  
 471  .editor-styles-wrapper .wp-block-archives li > a:focus,
 472  .editor-styles-wrapper .wp-block-archives li > a:hover,
 473  .editor-styles-wrapper .wp-block-categories li > a:focus,
 474  .editor-styles-wrapper .wp-block-categories li > a:hover,
 475  .editor-styles-wrapper .wp-block-latest-posts li > a:focus,
 476  .editor-styles-wrapper .wp-block-latest-posts li > a:hover {
 477      font-weight: 700;
 478      text-decoration: none;
 479  }
 480  
 481  .editor-styles-wrapper .wp-block-archives.aligncenter,
 482  .editor-styles-wrapper .wp-block-categories.aligncenter {
 483      text-align: center;
 484  }
 485  
 486  .editor-styles-wrapper .wp-block-latest-comments time,
 487  .editor-styles-wrapper .wp-block-latest-posts time {
 488      color: #6d6d6d;
 489      font-size: 0.7em;
 490      font-weight: 600;
 491      letter-spacing: normal;
 492      line-height: 1.476;
 493      margin-top: 0.15em;
 494  }
 495  
 496  
 497  /* Block: Table ------------------------------ */
 498  
 499  .editor-styles-wrapper .wp-block-table {
 500      border-collapse: collapse;
 501      border-spacing: 0;
 502      empty-cells: show;
 503      font-size: 18px;
 504      margin-bottom: 1.1em;
 505      width: 100%;
 506  }
 507  
 508  .editor-styles-wrapper .wp-block-table,
 509  .editor-styles-wrapper .wp-block-table * {
 510      border-color: #dcd7ca;
 511  }
 512  
 513  .editor-styles-wrapper .wp-block-table table:where(.has-text-color) * {
 514      border-color: currentColor;
 515  }
 516  
 517  .editor-styles-wrapper .wp-block-table tr {
 518      border: none;
 519  }
 520  
 521  .editor-styles-wrapper .wp-block-table caption {
 522      background: #dcd7ca;
 523      text-align: center;
 524  }
 525  
 526  .editor-styles-wrapper .wp-block-table th,
 527  .editor-styles-wrapper .wp-block-table td {
 528      line-height: 1.4;
 529      margin: 0;
 530      overflow: visible;
 531      padding: 0;
 532  }
 533  
 534  .editor-styles-wrapper .wp-block-table .wp-block-table__cell-content {
 535      padding: 0.5em;
 536  }
 537  
 538  .editor-styles-wrapper .wp-block-table thead {
 539      vertical-align: bottom;
 540      white-space: nowrap;
 541      text-align: inherit;
 542  }
 543  
 544  .editor-styles-wrapper .wp-block-table th {
 545      font-weight: 700;
 546      text-align: inherit; /* Prevents the header from being centered by default*/
 547  }
 548  
 549  .editor-styles-wrapper .wp-block-table th.has-text-align-center {
 550      text-align: center;
 551  }
 552  
 553  .editor-styles-wrapper .wp-block-table th.has-text-align-right {
 554      text-align: left;
 555  }
 556  
 557  .editor-styles-wrapper .wp-block-table th.has-text-align-left {
 558      text-align: right;
 559  }
 560  
 561  /* STYLE: STRIPES */
 562  
 563  .editor-styles-wrapper .wp-block-table.is-style-stripes {
 564      border: 1px solid #dcd7ca;
 565  }
 566  
 567  .editor-styles-wrapper .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
 568      background: #dcd7ca;
 569  }
 570  
 571  
 572  /* Block: Separator -------------------------- */
 573  
 574  hr.wp-block-separator {
 575      border-top: 1px solid #6d6d6d;
 576      color: #6d6d6d;
 577      margin: 30px 0;
 578  }
 579  
 580  hr.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
 581      max-width: 100%;
 582  }
 583  
 584  hr.wp-block-separator:not(.is-style-dots) {
 585      background: linear-gradient(to right, currentColor calc(50% - 16px), transparent calc(50% - 16px), transparent calc(50% + 16px), currentColor calc(50% + 16px));
 586      background-color: transparent !important;
 587      border: none;
 588      height: 1px;
 589      overflow: visible;
 590      position: relative;
 591  }
 592  
 593  .wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots) {
 594      height: 1px;
 595  }
 596  
 597  hr.wp-block-separator:not(.is-style-dots)::before,
 598  hr.wp-block-separator:not(.is-style-dots)::after {
 599      background: currentColor;
 600      content: "";
 601      display: block;
 602      height: 16px;
 603      position: absolute;
 604      top: calc(50% - 8px);
 605      transform: rotate(-22.5deg);
 606      width: 1px;
 607  }
 608  
 609  .editor-styles-wrapper hr.wp-block-separator::before {
 610      right: calc(50% - 5px);
 611      left: auto;
 612  }
 613  
 614  .editor-styles-wrapper hr.wp-block-separator::after {
 615      left: calc(50% - 5px);
 616      right: auto;
 617      border-radius: 0;
 618  }
 619  
 620  /* STYLE: DOTS */
 621  
 622  hr.wp-block-separator.is-style-dots::before {
 623      font-size: 32px;
 624      font-weight: 700;
 625      letter-spacing: 1em;
 626      padding-right: 1em;
 627  }
 628  
 629  
 630  /* Block: Quote ------------------------------ */
 631  
 632  .editor-styles-wrapper blockquote {
 633      margin: 0;
 634  }
 635  
 636  .editor-styles-wrapper .wp-block-quote {
 637      border-color: #cd2653;
 638      border-style: solid;
 639      border-width: 0 2px 0 0;
 640      margin-top: 20px;
 641      margin-bottom: 20px;
 642      padding: 5px 20px 5px 0;
 643  }
 644  
 645  .editor-styles-wrapper .wp-block-quote.has-text-align-center,
 646  .editor-styles-wrapper .wp-block-quote[style*="text-align:center"],
 647  .editor-styles-wrapper .wp-block-quote[style*="text-align: center"] {
 648      border-width: 0;
 649      padding: 5px 0;
 650  }
 651  
 652  .editor-styles-wrapper .wp-block-quote.has-text-align-right,
 653  .editor-styles-wrapper .wp-block-quote[style*="text-align:right"],
 654  .editor-styles-wrapper .wp-block-quote[style*="text-align: right"] {
 655      border-width: 0 0 0 2px;
 656      padding: 5px 0 5px 20px;
 657  }
 658  
 659  .editor-styles-wrapper cite,
 660  .editor-styles-wrapper .wp-block-quote__citation,
 661  .editor-styles-wrapper .wp-block-quote cite,
 662  .editor-styles-wrapper .wp-block-quote footer {
 663      color: #6d6d6d;
 664      font-size: 14px;
 665      font-weight: 600;
 666      line-height: 1.25;
 667  }
 668  
 669  .editor-styles-wrapper .wp-block-quote cite {
 670      font-style: normal;
 671  }
 672  
 673  .editor-styles-wrapper .wp-block-quote.has-text-color cite,
 674  .editor-styles-wrapper .wp-block-quote.has-background cite,
 675  .editor-styles-wrapper .has-background .wp-block-quote cite {
 676      color: inherit;
 677  }
 678  
 679  .editor-styles-wrapper .wp-block-quote p {
 680      color: inherit;
 681      font-weight: 400;
 682      margin: 0 0 20px 0;
 683      letter-spacing: inherit;
 684  }
 685  
 686  .editor-styles-wrapper .wp-block-quote.is-style-large {
 687      border: none;
 688      padding: 0;
 689  }
 690  
 691  .editor-styles-wrapper .wp-block-quote.is-style-large p {
 692      font-family: inherit;
 693      font-size: 24px;
 694      font-style: normal;
 695      font-weight: 700;
 696      letter-spacing: -0.035714286em;
 697      line-height: 1.285714286;
 698  }
 699  
 700  .editor-styles-wrapper .wp-block-quote.is-style-large .wp-block-quote__citation,
 701  .editor-styles-wrapper .wp-block-quote.is-style-large cite,
 702  .editor-styles-wrapper .wp-block-quote.is-style-large footer {
 703      font-size: 16px;
 704  }
 705  
 706  
 707  /* Block: Code, Verse and Preformatted ------- */
 708  
 709  .editor-styles-wrapper .wp-block-code {
 710      color: inherit;
 711  }
 712  
 713  .editor-styles-wrapper .wp-block-code,
 714  .editor-styles-wrapper .wp-block-preformatted pre,
 715  .editor-styles-wrapper .wp-block-verse pre {
 716      border: 1px solid #dcd7ca;
 717      border-radius: 0;
 718      padding: 30px;
 719  }
 720  
 721  .editor-styles-wrapper .wp-block-freeform.block-library-rich-text__tinymce pre,
 722  .editor-styles-wrapper .wp-block-preformatted pre,
 723  .editor-styles-wrapper .wp-block-code .block-editor-plain-text,
 724  .editor-styles-wrapper .wp-block-verse pre {
 725      background: transparent;
 726      color: inherit;
 727      font-family: monospace;
 728      font-size: 14px;
 729  }
 730  
 731  /* Block: Cover ------------------------------ */
 732  
 733  .editor-styles-wrapper .wp-block-cover-image .wp-block-cover__inner-container,
 734  .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container {
 735      margin: 0 auto;
 736      width: calc(100% - 40px);
 737  }
 738  
 739  .editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="right"],
 740  .editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="left"] {
 741      height: auto;
 742      max-height: none;
 743  }
 744  
 745  .editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="left"] .wp-block-cover {
 746      text-align: right;
 747  }
 748  
 749  .editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="right"] .wp-block-cover {
 750      text-align: left;
 751  }
 752  
 753  .editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="right"] .block-editor-block-list__block-edit,
 754  .editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="left"] .block-editor-block-list__block-edit {
 755      float: none;
 756      margin-right: 0;
 757      margin-left: 0;
 758      max-width: 100%;
 759  }
 760  
 761  .wp-block-cover-image .wp-block-cover-image-text,
 762  .wp-block-cover-image .wp-block-cover-text,
 763  .wp-block-cover-image h2,
 764  .wp-block-cover .wp-block-cover-image-text,
 765  .wp-block-cover .wp-block-cover-text {
 766      max-width: 100%;
 767  }
 768  
 769  .editor-styles-wrapper .wp-block-cover a {
 770      color: inherit;
 771  }
 772  
 773  /* Block: Shared Media Styles ---------------- */
 774  
 775  .wp-block[data-type*="core-embed"][data-align="full"] figcaption,
 776  .wp-block[data-type="core/image"][data-align="full"] figcaption,
 777  .wp-block[data-type="core/gallery"][data-align="full"] .blocks-gallery-caption {
 778      padding: 0 14px;
 779  }
 780  
 781  /* Block: Paragraph -------------------------- */
 782  
 783  /* Block: Pullquote -------------------------- */
 784  
 785  .editor-styles-wrapper .wp-block-pullquote {
 786      border: none;
 787      color: inherit;
 788      padding: 0;
 789      position: relative;
 790      text-align: center;
 791  }
 792  
 793  .editor-styles-wrapper .wp-block-pullquote::before {
 794      background: #fff;
 795      border-radius: 50%;
 796      color: #cd2653;
 797      content: "”";
 798      display: block;
 799      font-size: 62px;
 800      font-weight: 500;
 801      line-height: 1.2;
 802      margin: 0 auto 15px auto;
 803      text-align: center;
 804      height: 44px;
 805      width: 44px;
 806  }
 807  
 808  .editor-styles-wrapper .wp-block .wp-block-pullquote p {
 809      font-family: inherit;
 810      font-size: 28px;
 811      font-weight: 700;
 812      line-height: 1.178571429;
 813      letter-spacing: -0.041785714em;
 814      margin-bottom: 20px;
 815  }
 816  
 817  .editor-styles-wrapper .wp-block .wp-block-pullquote p:last-child {
 818      margin-bottom: 0;
 819  }
 820  
 821  .editor-styles-wrapper .wp-block .wp-block-pullquote p,
 822  .editor-styles-wrapper .wp-block-pullquote.is-style-solid-color blockquote > .block-editor-rich-text p,
 823  .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .editor-rich-text p,
 824  .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .editor-rich-text p {
 825      font-size: 28px;
 826  }
 827  
 828  .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"],
 829  .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] {
 830      height: auto;
 831      max-height: none;
 832  }
 833  
 834  .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .wp-block-pullquote,
 835  .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .wp-block-pullquote.is-style-solid-color blockquote {
 836      text-align: right;
 837  }
 838  
 839  .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .wp-block-pullquote,
 840  .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .wp-block-pullquote.is-style-solid-color blockquote {
 841      text-align: left;
 842  }
 843  
 844  .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .block-editor-block-list__block-edit,
 845  .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .block-editor-block-list__block-edit {
 846      float: none;
 847      margin-right: 0;
 848      margin-left: 0;
 849      max-width: 100%;
 850  }
 851  
 852  .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .block-editor-block-list__block-edit .wp-block-pullquote::before {
 853      margin-left: 0;
 854  }
 855  
 856  .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .block-editor-block-list__block-edit .wp-block-pullquote::before {
 857      margin-right: 0;
 858  }
 859  
 860  .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .is-style-solid-color::before {
 861      left: 20px;
 862      transform: translateY(-50%);
 863  }
 864  
 865  .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .is-style-solid-color::before {
 866      right: 20px;
 867      transform: translateY(-50%);
 868  }
 869  
 870  .editor-styles-wrapper .wp-block-pullquote__citation,
 871  .editor-styles-wrapper .wp-block-pullquote cite,
 872  .editor-styles-wrapper .wp-block-pullquote footer {
 873      color: #6d6d6d;
 874      font-size: 16px;
 875      font-weight: 500;
 876      margin-top: 12px;
 877      text-transform: none;
 878  }
 879  
 880  .editor-styles-wrapper .wp-block-pullquote.has-text-color cite,
 881  .editor-styles-wrapper .wp-block-pullquote.has-background cite,
 882  .editor-styles-wrapper .has-background .wp-block-pullquote cite {
 883      color: inherit;
 884  }
 885  
 886  /* STYLE: SOLID COLOR */
 887  
 888  .editor-styles-wrapper .wp-block-pullquote.is-style-solid-color {
 889      padding: 30px 20px;
 890      position: relative;
 891  }
 892  
 893  .editor-styles-wrapper .wp-block-pullquote.is-style-solid-color::before {
 894      position: absolute;
 895      top: 0;
 896      right: 50%;
 897      transform: translateY(-50%) translateX(50%);
 898  }
 899  
 900  .editor-styles-wrapper .wp-block-pullquote.is-style-solid-color blockquote {
 901      max-width: 100%;
 902      text-align: center;
 903  }
 904  
 905  .editor-styles-wrapper .wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation,
 906  .editor-styles-wrapper .wp-block-pullquote.is-style-solid-color .wp-block-pullquote cite,
 907  .editor-styles-wrapper .wp-block-pullquote.is-style-solid-color .wp-block-pullquote footer {
 908      color: inherit;
 909  }
 910  
 911  
 912  /* Block: Verse ------------------------------ */
 913  
 914  .editor-styles-wrapper .wp-block-verse pre,
 915  .editor-styles-wrapper pre.wp-block-verse {
 916      font-family: NonBreakingSpaceOverride, "Hoefler Text", Garamond, "Times New Roman", serif;
 917      font-size: 0.9em;
 918  }
 919  
 920  
 921  /* Block: Button ----------------------------- */
 922  
 923  :root .editor-styles-wrapper .wp-block-button__link,
 924  :root .editor-styles-wrapper .wp-block-file__button {
 925      background: #cd2653;
 926      border-radius: 0;
 927      color: #fff;
 928      font-size: 15px;
 929      font-weight: 600;
 930      letter-spacing: 0.0333em;
 931      line-height: 1.25;
 932      padding: 1.1em 1.44em;
 933      text-transform: uppercase;
 934  }
 935  
 936  .wp-block-buttons[style*="text-transform"] .wp-block-button__link,
 937  .wp-block-button[style*="text-transform"] .wp-block-button__link {
 938      text-transform: inherit;
 939  }
 940  
 941  .editor-styles-wrapper .wp-block-button .wp-block-button__link.mce-content-body {
 942      line-height: 1.1;
 943  }
 944  
 945  .editor-styles-wrapper .wp-block-button__link:hover,
 946  .editor-styles-wrapper .wp-block-file__button:hover {
 947      text-decoration: underline;
 948  }
 949  
 950  /* BUTTON STYLE: OUTLINE */
 951  
 952  .editor-styles-wrapper .is-style-outline .wp-block-button__link,
 953  .editor-styles-wrapper .is-style-outline.wp-block-button__link {
 954      background: none;
 955      border-color: currentColor;
 956      color: #cd2653;
 957      padding: calc(1.1em - 2px) calc(1.44em - 2px);
 958  }
 959  
 960  /* BUTTON STYLE: SQUARED */
 961  
 962  .editor-styles-wrapper .is-style-squared .wp-block-button__link,
 963  .editor-styles-wrapper .is-style-squared.wp-block-button__link {
 964      border-radius: 0;
 965  }
 966  
 967  
 968  /* Block: Latest Comments -------------------- */
 969  
 970  .editor-styles-wrapper .wp-block-latest-comments {
 971      font-family: inherit;
 972      margin-right: auto;
 973  }
 974  
 975  .editor-styles-wrapper .wp-block-latest-comments li.wp-block-latest-comments__comment {
 976      font-size: inherit;
 977      margin-bottom: 20px;
 978  }
 979  
 980  .editor-styles-wrapper .wp-block-latest-comments li.wp-block-latest-comments__comment:last-child {
 981      margin-bottom: 0;
 982  }
 983  
 984  .editor-styles-wrapper .wp-block-latest-comments__comment-meta,
 985  .editor-styles-wrapper .wp-block-latest-comments__comment-excerpt {
 986      margin-right: 0 !important;
 987  }
 988  
 989  .editor-styles-wrapper .wp-block-latest-comments__comment-meta {
 990      font-weight: 700;
 991  }
 992  
 993  .editor-styles-wrapper .wp-block-latest-comments__comment-meta a {
 994      text-decoration: none;
 995  }
 996  
 997  .editor-styles-wrapper .wp-block-latest-comments__comment-meta a:focus,
 998  .editor-styles-wrapper .wp-block-latest-comments__comment-meta a:hover {
 999      text-decoration: none;
1000  }
1001  
1002  /* HAS AVATAR */
1003  
1004  .editor-styles-wrapper .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment {
1005      display: flex;
1006  }
1007  
1008  .editor-styles-wrapper .wp-block-latest-comments.has-avatars img.avatar {
1009      flex-shrink: 0;
1010      margin: 5px 0 0 15px;
1011  }
1012  
1013  /* HAS EXCERPT */
1014  
1015  .editor-styles-wrapper .wp-block-latest-comments__comment-excerpt {
1016      margin: 0;
1017  }
1018  
1019  .editor-styles-wrapper .wp-block-latest-comments__comment-excerpt p {
1020      font-family: inherit;
1021      font-size: 0.7em;
1022      margin: 10px 0 0;
1023  }
1024  
1025  
1026  /* Block: Latest Posts ----------------------- */
1027  
1028  .editor-styles-wrapper ul.wp-block-latest-posts:not(.is-grid) li {
1029      margin-top: 15px;
1030  }
1031  
1032  /* STYLE: GRID */
1033  
1034  .editor-styles-wrapper .wp-block-latest-posts.is-grid li {
1035      border-color: #dcd7ca;
1036  }
1037  
1038  .editor-styles-wrapper ul.wp-block-latest-posts.is-grid li {
1039      border-style: solid;
1040      border-width: 2px 0 0;
1041      line-height: 1.25;
1042      margin: 20px 0 16px 10px;
1043      padding-top: 12px;
1044  }
1045  
1046  .editor-styles-wrapper .wp-block-latest-posts__post-excerpt {
1047      font-size: 0.95em;
1048      line-height: 1.4;
1049      margin-top: 15px;
1050  }
1051  
1052  /* Block: Shortcode -------------------------- */
1053  
1054  .editor-styles-wrapper .wp-block-shortcode textarea {
1055      color: #191e23;
1056  }
1057  
1058  /* Block: Embed ------------------------------ */
1059  
1060  .editor-styles-wrapper .wp-block-embed {
1061      margin-bottom: 30px;
1062      margin-top: 30px;
1063  }
1064  
1065  .editor-styles-wrapper .wp-block[data-type*="core-embed"][data-align="center"] * {
1066      margin-right: auto;
1067      margin-left: auto;
1068  }
1069  
1070  /* Block: File ------------------------------- */
1071  
1072  .editor-styles-wrapper .wp-block-file {
1073      background: none;
1074      padding: 0;
1075  }
1076  
1077  .editor-styles-wrapper .wp-block-file__content-wrapper {
1078      align-items: center;
1079      display: flex;
1080      justify-content: space-between;
1081  }
1082  
1083  .editor-styles-wrapper .wp-block-file .wp-block-file__textlink {
1084      color: #cd2653;
1085      font-weight: 700;
1086      text-decoration: none;
1087  }
1088  
1089  .editor-styles-wrapper .wp-block-file .wp-block-file__textlink:focus,
1090  .editor-styles-wrapper .wp-block-file .wp-block-file__textlink:hover {
1091      text-decoration: underline;
1092  }
1093  
1094  .editor-styles-wrapper .wp-block-file .wp-block-file__button {
1095      font-size: 14px;
1096      padding: 1em 1.25em;
1097  }
1098  
1099  /* Block: Image ------------------------------ */
1100  
1101  .editor-styles-wrapper .wp-block-image {
1102      margin-bottom: 30px;
1103      margin-top: 30px;
1104  }
1105  
1106  /* Block: Group ------------------------------ */
1107  
1108  .editor-styles-wrapper .wp-block-group.has-background {
1109      padding: 20px;
1110  }
1111  
1112  .wp-block-group .wp-block[data-type="core/heading"]:first-child * {
1113      margin-top: 0;
1114  }
1115  
1116  .wp-block[data-type="core/group"] > .editor-block-list__block-edit > div > .wp-block-group.has-background > .wp-block-group__inner-container > .editor-inner-blocks > .editor-block-list__layout > .wp-block[data-align="full"],
1117  .wp-block[data-type="core/group"][data-align="full"] > .editor-block-list__block-edit > div > .wp-block-group.has-background > .wp-block-group__inner-container > .editor-inner-blocks > .editor-block-list__layout > .wp-block[data-align="full"] {
1118      margin-right: 0;
1119      width: 100%;
1120  }
1121  
1122  /* Block: List ------------------------------- */
1123  
1124  .editor-styles-wrapper ul.block-editor-block-list__block:where(:not(.has-background)),
1125  .editor-styles-wrapper ol.block-editor-block-list__block:where(:not(.has-background)),
1126  .editor-styles-wrapper ul ul,
1127  .editor-styles-wrapper ol ul {
1128      padding-right: 1.3em;
1129  }
1130  
1131  .editor-styles-wrapper ul.block-editor-block-list__block.wp-block-social-links {
1132      padding-right: 0;
1133  }
1134  
1135  .wp-block-list li {
1136      margin-top: 0.5rem;
1137  }
1138  
1139  .wp-block-list.has-background > .wp-block-list-item {
1140      margin-right: 2rem;
1141  }
1142  
1143  /* Block: Post Template ---------------- */
1144  
1145  .editor-styles-wrapper ul.wp-block-post-template {
1146      padding-right: 0;
1147  }
1148  
1149  
1150  /*    X.    Media Queries
1151  /* ------------------------------------------- */
1152  
1153  
1154  @media ( min-width: 480px ) {
1155  
1156  
1157      /* STRUCTURE */
1158  
1159      .editor-styles-wrapper .wp-block[data-align="right"] {
1160          margin-left: 0;
1161      }
1162  
1163      .editor-styles-wrapper .wp-block[data-align="left"] {
1164          margin: 0;
1165      }
1166  
1167      /* BLOCK: COVER */
1168  
1169      .wp-block[data-type="core/cover"][data-align="left"] [data-block],
1170      .wp-block[data-type="core/cover"][data-align="right"] [data-block] {
1171          margin-top: 0;
1172      }
1173  
1174      .editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="right"] .block-editor-block-list__block-edit {
1175          float: left;
1176          margin-right: 20px;
1177          max-width: 260px;
1178      }
1179  
1180      .editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="left"] .block-editor-block-list__block-edit {
1181          float: right;
1182          margin-left: 20px;
1183          max-width: 260px;
1184      }
1185  
1186      .editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="right"] .wp-block-pullquote::before {
1187          margin-left: 0;
1188      }
1189  
1190      .editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="left"] .wp-block-pullquote::before {
1191          margin-right: 0;
1192      }
1193  
1194      /* BLOCK: PULL QUOTE */
1195  
1196      .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"],
1197      .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] {
1198          height: 0;
1199          max-width: 260px;
1200      }
1201  
1202      .wp-block[data-type="core/pullquote"][data-align="left"] [data-block],
1203      .wp-block[data-type="core/pullquote"][data-align="right"] [data-block] {
1204          margin-top: 0;
1205      }
1206  
1207      .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .block-editor-block-list__block-edit {
1208          float: left;
1209          margin-right: 20px;
1210          max-width: 260px;
1211      }
1212  
1213      .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .block-editor-block-list__block-edit {
1214          float: right;
1215          margin-left: 20px;
1216          max-width: 260px;
1217      }
1218  
1219      .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .wp-block-pullquote::before {
1220          margin-left: 0;
1221      }
1222  
1223      .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .wp-block-pullquote::before {
1224          margin-right: 0;
1225      }
1226  
1227  
1228  }
1229  
1230  @media ( min-width: 600px ) {
1231  
1232  
1233      /* BLOCK: SHARED MEDIA STYLES */
1234  
1235      .wp-block[data-type*="core-embed"][data-align="full"] figcaption,
1236      .wp-block[data-type="core/image"][data-align="full"] figcaption,
1237      .wp-block[data-type="core/gallery"][data-align="full"] .blocks-gallery-caption {
1238          padding: 0 45px;
1239      }
1240  
1241      /* BLOCK: COLUMNS */
1242  
1243      .editor-styles-wrapper .wp-block[data-type="core/column"] h1,
1244      .editor-styles-wrapper .wp-block[data-type="core/column"] h2,
1245      .editor-styles-wrapper .wp-block[data-type="core/column"] h3,
1246      .editor-styles-wrapper .wp-block[data-type="core/column"] h4,
1247      .editor-styles-wrapper .wp-block[data-type="core/column"] h5,
1248      .editor-styles-wrapper .wp-block[data-type="core/column"] h6 {
1249          margin: 35px 0 20px 0;
1250      }
1251  
1252      /* BLOCK: PULLQUOTE */
1253  
1254      .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .block-editor-block-list__block-edit {
1255          margin-left: -30px;
1256      }
1257  
1258      .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .block-editor-block-list__block-edit {
1259          margin-right: -30px;
1260      }
1261  
1262  
1263  }
1264  
1265  @media ( min-width: 700px ) {
1266  
1267      /* STRUCTURE */
1268  
1269      .editor-styles-wrapper > * {
1270          font-size: 21px;
1271      }
1272  
1273      /* TYPOGRAPHY */
1274  
1275      .editor-post-title__block .editor-post-title__input,
1276      .editor-styles-wrapper .wp-block-post-title,
1277      .editor-styles-wrapper h1,
1278      .editor-styles-wrapper .heading-size-1 {
1279          font-size: 64px;
1280      }
1281  
1282      .editor-styles-wrapper h2,
1283      .editor-styles-wrapper .heading-size-2 {
1284          font-size: 48px;
1285      }
1286  
1287      .editor-styles-wrapper h3,
1288      .editor-styles-wrapper .heading-size-3 {
1289          font-size: 40px;
1290      }
1291  
1292      .editor-styles-wrapper h4,
1293      .editor-styles-wrapper .heading-size-4 {
1294          font-size: 32px;
1295      }
1296  
1297      .editor-styles-wrapper h5,
1298      .editor-styles-wrapper .heading-size-5 {
1299          font-size: 24px;
1300      }
1301  
1302      .editor-styles-wrapper li,
1303      .editor-styles-wrapper p,
1304      .editor-styles-wrapper p.wp-block-paragraph {
1305          line-height: 1.476;
1306      }
1307  
1308      /* FORMS  */
1309  
1310      .editor-styles-wrapper fieldset {
1311          padding: 30px;
1312      }
1313  
1314      .editor-styles-wrapper legend {
1315          padding: 0 15px;
1316      }
1317  
1318      /* BLOCK: BASE MARGINS */
1319  
1320      /* BLOCK: BUTTON */
1321  
1322      :root .editor-styles-wrapper .wp-block-button__link,
1323      :root .editor-styles-wrapper .wp-block-file__button {
1324          font-size: 17px;
1325      }
1326  
1327      /* BLOCK: CODE */
1328  
1329      .editor-styles-wrapper .wp-block-preformatted pre,
1330      .editor-styles-wrapper .wp-block-code .block-editor-plain-text,
1331      .editor-styles-wrapper .wp-block-verse pre {
1332          font-size: 16px;
1333      }
1334  
1335      /* BLOCK: COLUMNS */
1336  
1337      .wp-block-column {
1338          font-size: 16px;
1339      }
1340  
1341      /* BLOCK: COVER */
1342  
1343      .editor-styles-wrapper .wp-block-cover-image .wp-block-cover__inner-container,
1344      .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container {
1345          width: calc(100% - 80px);
1346      }
1347  
1348      /* BLOCK: GROUP */
1349  
1350      .editor-styles-wrapper .wp-block:not([data-align="wide"]):not([data-align="full"]) div:not([class*="__inner-container"]) .wp-block-group.has-background,
1351      .editor-styles-wrapper .wp-block div[class*="__inner-container"] .wp-block[data-align="wide"] .wp-block-group.has-background,
1352      .editor-styles-wrapper .wp-block div[class*="__inner-container"] .wp-block[data-align="full"] .wp-block-group.has-background {
1353          padding: 40px;
1354      }
1355  
1356      .editor-styles-wrapper .wp-block[data-align="wide"] .wp-block-group.has-background,
1357      .editor-styles-wrapper .wp-block[data-align="full"] .wp-block-group.has-background {
1358          padding: 80px;
1359      }
1360  
1361      /* BLOCK: LATEST POSTS */
1362  
1363      /* BLOCK: PULLQUOTE */
1364  
1365      .editor-styles-wrapper .wp-block .wp-block-pullquote p,
1366      .editor-styles-wrapper .wp-block-pullquote.is-style-solid-color blockquote > .block-editor-rich-text p,
1367      .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .editor-rich-text p,
1368      .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .editor-rich-text p {
1369          font-size: 32px;
1370      }
1371  
1372      .editor-styles-wrapper .wp-block-pullquote__citation,
1373      .editor-styles-wrapper .wp-block-pullquote cite,
1374      .editor-styles-wrapper .wp-block-pullquote footer {
1375          margin-top: 20px;
1376      }
1377  
1378      .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="wide"] .wp-block-pullquote::before,
1379      .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="full"] .wp-block-pullquote::before {
1380          font-size: 113px;
1381          height: 80px;
1382          margin-bottom: 20px;
1383          width: 80px;
1384      }
1385  
1386      .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="wide"] .wp-block-pullquote.is-style-solid-color,
1387      .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="full"] .wp-block-pullquote.is-style-solid-color {
1388          padding: 60px 40px 40px;
1389      }
1390  
1391      .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="full"] .wp-block-pullquote:not(.is-style-solid-color) {
1392          padding-right: 10px;
1393          padding-left: 10px;
1394      }
1395  
1396      .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="wide"] blockquote p,
1397      .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="full"] blockquote p {
1398          font-size: 48px;
1399          line-height: 1.203125;
1400      }
1401  
1402      .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] p,
1403      .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] p {
1404          font-size: 32px;
1405          line-height: 1.1875;
1406      }
1407  
1408      .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .is-style-solid-color p,
1409      .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .is-style-solid-color p {
1410          font-size: 26px;
1411      }
1412  
1413      /* BLOCK: TABLE */
1414  
1415      .editor-styles-wrapper  table.wp-block-table {
1416          font-size: 18px;
1417      }
1418  
1419      /* BLOCK: SEPARATOR */
1420  
1421      hr.wp-block-separator {
1422          margin-bottom: 60px;
1423          margin-top: 60px;
1424      }
1425  
1426  }
1427  
1428  
1429  @media ( min-width: 1000px ) {
1430  
1431  
1432      /* BLOCK: COLUMNS */
1433  
1434      .wp-block-column {
1435          font-size: 18px;
1436      }
1437  
1438      /* BLOCK: SEPARATOR */
1439  
1440      hr.wp-block-separator {
1441          margin-bottom: 80px;
1442          margin-top: 80px;
1443      }
1444  
1445      hr.wp-block-separator.is-style-wide {
1446          margin-right: auto;
1447          margin-left: auto;
1448      }
1449  
1450  
1451  }
1452  
1453  
1454  @media ( min-width: 1220px ) {
1455  
1456  
1457      /* TYPOGRAPHY */
1458  
1459      .editor-post-title__block .editor-post-title__input,
1460      .editor-styles-wrapper .wp-block-post-title,
1461      .editor-styles-wrapper h1,
1462      .editor-styles-wrapper .heading-size-1 {
1463          font-size: 84px;
1464      }
1465  
1466      .editor-styles-wrapper h6,
1467      .editor-styles-wrapper .heading-size-6 {
1468          font-size: 18px;
1469      }
1470  
1471      /* BLOCK: PULLQUOTE */
1472  
1473      .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="wide"] .wp-block-pullquote.is-style-solid-color,
1474      .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="full"] .wp-block-pullquote.is-style-solid-color {
1475          padding: 90px 40px 80px;
1476      }
1477  
1478      .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="wide"] blockquote p,
1479      .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="full"] blockquote p {
1480          font-size: 64px;
1481      }
1482  
1483      /* BLOCK: SEPARATOR */
1484  
1485      hr.wp-block-separator.is-style-wide {
1486          margin-right: auto;
1487          margin-left: auto;
1488      }
1489  
1490  }
1491  
1492  
1493  @media ( min-width: 1360px ) {
1494  
1495  
1496      /* STRUCTURE */
1497  
1498      .editor-styles-wrapper .wp-block[data-align="left"],
1499      .editor-styles-wrapper .wp-block[data-align="right"] {
1500          margin: 0 auto;
1501          max-width: 1220px;
1502      }
1503  
1504  
1505      /* BLOCK: PULLQUOTE */
1506  
1507      .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .is-style-solid-color::before,
1508      .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .is-style-solid-color::before {
1509          top: 0;
1510      }
1511  
1512      .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"],
1513      .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] {
1514          margin: 0 auto;
1515          max-width: 1220px;
1516      }
1517  
1518      /* BLOCK: SEPARATOR */
1519  
1520      hr.wp-block-separator.is-style-wide {
1521          margin-right: auto;
1522          margin-left: auto;
1523      }
1524  
1525  
1526  }