[ Index ]

PHP Cross Reference of WordPress Trunk (Updated Daily)

Search

title

Body

[close]

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

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


Generated : Thu Apr 18 08:20:02 2024 Cross-referenced by PHPXref