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


Generated : Wed Dec 18 08:20:01 2024 Cross-referenced by PHPXref