[ Index ]

PHP Cross Reference of WordPress Trunk (Updated Daily)

Search

title

Body

[close]

/wp-content/themes/twentytwenty/assets/css/ -> editor-style-block-rtl.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-right: auto;
  61      margin-left: auto;
  62      max-width: 610px;
  63  }
  64  
  65  .wp-block .wp-block[data-align="full"] {
  66      margin-right: 0;
  67      margin-left: 0;
  68  }
  69  
  70  *[data-align="right"] .wp-block-edit,
  71  *[data-align="left"] .wp-block-edit {
  72      max-width: 50%;
  73  }
  74  
  75  .wp-block[data-align="wide"] {
  76      max-width: 1200px;
  77  }
  78  
  79  .wp-block[data-align="full"] {
  80      max-width: none;
  81  }
  82  
  83  .editor-styles-wrapper .editor-rich-text__tinymce,
  84  .editor-styles-wrapper .editor-rich-text__tinymce.mce-content-body {
  85      line-height: 1.5;
  86  }
  87  
  88  
  89  /* Font Families ------------------------------ */
  90  
  91  .editor-styles-wrapper p,
  92  .editor-styles-wrapper ol,
  93  .editor-styles-wrapper ul,
  94  .editor-styles-wrapper dl,
  95  .editor-styles-wrapper dt {
  96      font-family: NonBreakingSpaceOverride, "Hoefler Text", "Noto Serif", Garamond, "Times New Roman", serif;
  97      letter-spacing: normal;
  98  }
  99  
 100  .editor-post-title__block .editor-post-title__input,
 101  .editor-styles-wrapper .wp-block-post-title,
 102  .editor-styles-wrapper h1,
 103  .editor-styles-wrapper h2,
 104  .editor-styles-wrapper h3,
 105  .editor-styles-wrapper h4,
 106  .editor-styles-wrapper h5,
 107  .editor-styles-wrapper h6,
 108  .editor-styles-wrapper .has-drop-cap:not(:focus)::first-letter,
 109  .editor-styles-wrapper cite,
 110  .editor-styles-wrapper figcaption,
 111  .editor-styles-wrapper .wp-caption-text {
 112      font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
 113  }
 114  
 115  @supports ( font-variation-settings: normal ) {
 116  
 117      .editor-post-title__block .editor-post-title__input,
 118      .editor-styles-wrapper .wp-block-post-title,
 119      .editor-styles-wrapper h1,
 120      .editor-styles-wrapper h2,
 121      .editor-styles-wrapper h3,
 122      .editor-styles-wrapper h4,
 123      .editor-styles-wrapper h5,
 124      .editor-styles-wrapper h6,
 125      .editor-styles-wrapper .has-drop-cap:not(:focus)::first-letter,
 126      .editor-styles-wrapper cite,
 127      .editor-styles-wrapper figcaption,
 128      .editor-styles-wrapper .wp-caption-text {
 129          font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
 130      }
 131  
 132  }
 133  
 134  
 135  /* Colors ------------------------------------ */
 136  
 137  .editor-styles-wrapper .has-text-color a {
 138      color: inherit;
 139  }
 140  
 141  /* CUSTOM COLORS */
 142  
 143  :root .has-accent-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      text-align: left;
 299  }
 300  
 301  .editor-styles-wrapper .wp-block-post-title.has-text-align-right {
 302      text-align: right;
 303  }
 304  
 305  /* DROP CAP */
 306  
 307  .editor-styles-wrapper .has-drop-cap:not(:focus)::first-letter {
 308      color: #cd2653;
 309      font-size: 5.1em;
 310      font-weight: 800;
 311      margin: 0.05em 0 0 0.1em;
 312  }
 313  
 314  
 315  /* Monospace --------------------------------- */
 316  
 317  .editor-styles-wrapper code,
 318  .editor-styles-wrapper kbd,
 319  .editor-styles-wrapper pre,
 320  .editor-styles-wrapper samp {
 321      font-family: monospace;
 322  }
 323  
 324  .editor-styles-wrapper kbd,
 325  .editor-styles-wrapper pre,
 326  .editor-styles-wrapper samp {
 327      border-radius: 0;
 328      font-size: 0.9em;
 329      padding: 4px 6px;
 330  }
 331  
 332  .editor-styles-wrapper pre {
 333      border-color: #dcd7ca;
 334      border-radius: 0;
 335      line-height: 1.5;
 336      padding: 1em;
 337  }
 338  
 339  .editor-styles-wrapper pre code {
 340      font-size: 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-left: 1em;
 394  }
 395  
 396  .editor-styles-wrapper .alignright {
 397      margin-right: 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-right: 0;
 441  }
 442  
 443  .editor-styles-wrapper ul.wp-block-latest-posts {
 444      margin-right: auto;
 445      margin-left: 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-right: 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: left;
 559  }
 560  
 561  .editor-styles-wrapper .wp-block-table th.has-text-align-left {
 562      text-align: right;
 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 right, 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      right: calc(50% - 5px);
 615      left: auto;
 616  }
 617  
 618  .editor-styles-wrapper hr.wp-block-separator::after {
 619      left: calc(50% - 5px);
 620      right: 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-right: 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 2px 0 0;
 644      margin-top: 20px;
 645      margin-bottom: 20px;
 646      padding: 5px 20px 5px 0;
 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 0 0 2px;
 660      padding: 5px 0 5px 20px;
 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-plain {
 691      border-width: 0;
 692      padding: 5px 20px;
 693  }
 694  
 695  .editor-styles-wrapper .wp-block-quote.is-style-large {
 696      border: none;
 697      padding: 0;
 698  }
 699  
 700  .editor-styles-wrapper .wp-block-quote.is-style-large p {
 701      font-family: inherit;
 702      font-size: 24px;
 703      font-style: normal;
 704      font-weight: 700;
 705      letter-spacing: -0.035714286em;
 706      line-height: 1.285714286;
 707  }
 708  
 709  .editor-styles-wrapper .wp-block-quote.is-style-large .wp-block-quote__citation,
 710  .editor-styles-wrapper .wp-block-quote.is-style-large cite,
 711  .editor-styles-wrapper .wp-block-quote.is-style-large footer {
 712      font-size: 16px;
 713  }
 714  
 715  
 716  /* Block: Code, Verse and Preformatted ------- */
 717  
 718  .editor-styles-wrapper .wp-block-code {
 719      color: inherit;
 720  }
 721  
 722  .editor-styles-wrapper pre,
 723  .editor-styles-wrapper .wp-block-code {
 724      border: 1px solid #dcd7ca;
 725      border-radius: 0;
 726      padding: 30px;
 727  }
 728  
 729  .editor-styles-wrapper .wp-block-freeform.block-library-rich-text__tinymce pre,
 730  .editor-styles-wrapper .wp-block-preformatted pre,
 731  .editor-styles-wrapper .wp-block-code .block-editor-plain-text,
 732  .editor-styles-wrapper .wp-block-verse pre {
 733      background: transparent;
 734      color: inherit;
 735      font-family: monospace;
 736      font-size: 16px;
 737  }
 738  
 739  /* Block: Cover ------------------------------ */
 740  
 741  .editor-styles-wrapper .wp-block-cover-image .wp-block-cover__inner-container,
 742  .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container {
 743      margin: 0 auto;
 744      width: calc(100% - 40px);
 745  }
 746  
 747  .editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="right"],
 748  .editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="left"] {
 749      height: auto;
 750      max-height: none;
 751  }
 752  
 753  .editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="left"] .wp-block-cover {
 754      text-align: right;
 755  }
 756  
 757  .editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="right"] .wp-block-cover {
 758      text-align: left;
 759  }
 760  
 761  .editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="right"] .block-editor-block-list__block-edit,
 762  .editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="left"] .block-editor-block-list__block-edit {
 763      float: none;
 764      margin-right: 0;
 765      margin-left: 0;
 766      max-width: 100%;
 767  }
 768  
 769  .wp-block-cover-image .wp-block-cover-image-text,
 770  .wp-block-cover-image .wp-block-cover-text,
 771  .wp-block-cover-image h2,
 772  .wp-block-cover .wp-block-cover-image-text,
 773  .wp-block-cover .wp-block-cover-text {
 774      max-width: 100%;
 775  }
 776  
 777  .editor-styles-wrapper .wp-block-cover a {
 778      color: inherit;
 779  }
 780  
 781  /* Block: Shared Media Styles ---------------- */
 782  
 783  .wp-block[data-type*="core-embed"][data-align="full"] figcaption,
 784  .wp-block[data-type="core/image"][data-align="full"] figcaption,
 785  .wp-block[data-type="core/gallery"][data-align="full"] .blocks-gallery-caption {
 786      padding: 0 14px;
 787  }
 788  
 789  /* Block: Paragraph -------------------------- */
 790  
 791  /* Block: Pullquote -------------------------- */
 792  
 793  .editor-styles-wrapper .wp-block-pullquote {
 794      border: 0 solid;
 795      color: inherit;
 796      padding: 0;
 797      position: relative;
 798      text-align: center;
 799  }
 800  
 801  .editor-styles-wrapper .wp-block-pullquote::before {
 802      background: #fff;
 803      border-radius: 50%;
 804      color: #cd2653;
 805      content: "”";
 806      display: block;
 807      font-size: 62px;
 808      font-weight: 500;
 809      line-height: 1.2;
 810      margin: 0 auto 15px auto;
 811      text-align: center;
 812      height: 44px;
 813      width: 44px;
 814  }
 815  
 816  .editor-styles-wrapper .wp-block .wp-block-pullquote p {
 817      font-family: inherit;
 818      font-size: 28px;
 819      font-weight: 700;
 820      line-height: 1.178571429;
 821      letter-spacing: -0.041785714em;
 822      margin-bottom: 20px;
 823  }
 824  
 825  .editor-styles-wrapper .wp-block .wp-block-pullquote p:last-child {
 826      margin-bottom: 0;
 827  }
 828  
 829  .editor-styles-wrapper .wp-block .wp-block-pullquote p,
 830  .editor-styles-wrapper .wp-block-pullquote.is-style-solid-color blockquote > .block-editor-rich-text p,
 831  .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .editor-rich-text p,
 832  .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .editor-rich-text p {
 833      font-size: 28px;
 834  }
 835  
 836  .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"],
 837  .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] {
 838      height: auto;
 839      max-height: none;
 840  }
 841  
 842  .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .wp-block-pullquote,
 843  .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .wp-block-pullquote.is-style-solid-color blockquote {
 844      text-align: right;
 845  }
 846  
 847  .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .wp-block-pullquote,
 848  .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .wp-block-pullquote.is-style-solid-color blockquote {
 849      text-align: left;
 850  }
 851  
 852  .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .block-editor-block-list__block-edit,
 853  .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .block-editor-block-list__block-edit {
 854      float: none;
 855      margin-right: 0;
 856      margin-left: 0;
 857      max-width: 100%;
 858  }
 859  
 860  .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .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="left"] .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="right"] .is-style-solid-color::before {
 869      left: 20px;
 870      transform: translateY(-50%);
 871  }
 872  
 873  .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .is-style-solid-color::before {
 874      right: 20px;
 875      transform: translateY(-50%);
 876  }
 877  
 878  .editor-styles-wrapper .wp-block-pullquote[style*="letter-spacing"] p {
 879      letter-spacing: inherit;
 880  }
 881  
 882  .editor-styles-wrapper .wp-block-pullquote__citation,
 883  .editor-styles-wrapper .wp-block-pullquote cite,
 884  .editor-styles-wrapper .wp-block-pullquote footer {
 885      color: #6d6d6d;
 886      font-size: 16px;
 887      font-weight: 500;
 888      margin-top: 12px;
 889      text-transform: none;
 890  }
 891  
 892  .editor-styles-wrapper .wp-block-pullquote.has-text-color cite,
 893  .editor-styles-wrapper .wp-block-pullquote.has-background cite,
 894  .editor-styles-wrapper .has-background .wp-block-pullquote cite {
 895      color: inherit;
 896  }
 897  
 898  /* STYLE: SOLID COLOR */
 899  
 900  .editor-styles-wrapper .wp-block-pullquote.is-style-solid-color {
 901      padding: 30px 20px;
 902      position: relative;
 903  }
 904  
 905  .editor-styles-wrapper .wp-block-pullquote.is-style-solid-color::before {
 906      position: absolute;
 907      top: 0;
 908      right: 50%;
 909      transform: translateY(-50%) translateX(50%);
 910  }
 911  
 912  .editor-styles-wrapper .wp-block-pullquote.is-style-solid-color blockquote {
 913      max-width: 100%;
 914      text-align: center;
 915  }
 916  
 917  .editor-styles-wrapper .wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation,
 918  .editor-styles-wrapper .wp-block-pullquote.is-style-solid-color .wp-block-pullquote cite,
 919  .editor-styles-wrapper .wp-block-pullquote.is-style-solid-color .wp-block-pullquote footer {
 920      color: inherit;
 921  }
 922  
 923  
 924  /* Block: Verse ------------------------------ */
 925  
 926  .editor-styles-wrapper .wp-block-verse pre,
 927  .editor-styles-wrapper pre.wp-block-verse {
 928      font-size: 0.9em;
 929  }
 930  
 931  
 932  /* Block: Button ----------------------------- */
 933  
 934  :root .editor-styles-wrapper .wp-block-button__link,
 935  :root .editor-styles-wrapper .wp-block-file__button {
 936      background: #cd2653;
 937      border-radius: 0;
 938      color: #fff;
 939      font-size: 15px;
 940      font-weight: 600;
 941      letter-spacing: 0.0333em;
 942      line-height: 1.25;
 943      padding: 1.1em 1.44em;
 944      text-transform: uppercase;
 945  }
 946  
 947  .wp-block-buttons[style*="text-transform"] .wp-block-button__link,
 948  .wp-block-button[style*="text-transform"] .wp-block-button__link {
 949      text-transform: inherit;
 950  }
 951  
 952  .wp-block-buttons[style*="letter-spacing"] .wp-block-button__link,
 953  .wp-block-button[style*="letter-spacing"] .wp-block-button__link {
 954      letter-spacing: inherit;
 955  }
 956  
 957  .editor-styles-wrapper .wp-block-button .wp-block-button__link.mce-content-body {
 958      line-height: 1.1;
 959  }
 960  
 961  .editor-styles-wrapper .wp-block-button__link:hover,
 962  .editor-styles-wrapper .wp-block-file__button:hover {
 963      text-decoration: underline;
 964  }
 965  
 966  /* BUTTON STYLE: OUTLINE */
 967  
 968  .editor-styles-wrapper .is-style-outline .wp-block-button__link,
 969  .editor-styles-wrapper .is-style-outline.wp-block-button__link {
 970      background: none;
 971      border-color: currentColor;
 972      color: #cd2653;
 973      padding: calc(1.1em - 2px) calc(1.44em - 2px);
 974  }
 975  
 976  /* BUTTON STYLE: SQUARED */
 977  
 978  .editor-styles-wrapper .is-style-squared .wp-block-button__link,
 979  .editor-styles-wrapper .is-style-squared.wp-block-button__link {
 980      border-radius: 0;
 981  }
 982  
 983  
 984  /* Block: Latest Comments -------------------- */
 985  
 986  .editor-styles-wrapper .wp-block-latest-comments {
 987      font-family: inherit;
 988      margin-right: auto;
 989  }
 990  
 991  .editor-styles-wrapper .wp-block-latest-comments li.wp-block-latest-comments__comment {
 992      font-size: inherit;
 993      margin-bottom: 20px;
 994  }
 995  
 996  .editor-styles-wrapper .wp-block-latest-comments li.wp-block-latest-comments__comment:last-child {
 997      margin-bottom: 0;
 998  }
 999  
1000  .editor-styles-wrapper .wp-block-latest-comments__comment-meta,
1001  .editor-styles-wrapper .wp-block-latest-comments__comment-excerpt {
1002      margin-right: 0 !important;
1003  }
1004  
1005  .editor-styles-wrapper .wp-block-latest-comments__comment-meta {
1006      font-weight: 700;
1007  }
1008  
1009  .editor-styles-wrapper .wp-block-latest-comments__comment-meta a {
1010      text-decoration: none;
1011  }
1012  
1013  .editor-styles-wrapper .wp-block-latest-comments__comment-meta a:focus,
1014  .editor-styles-wrapper .wp-block-latest-comments__comment-meta a:hover {
1015      text-decoration: none;
1016  }
1017  
1018  /* HAS AVATAR */
1019  
1020  .editor-styles-wrapper .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment {
1021      display: flex;
1022  }
1023  
1024  .editor-styles-wrapper .wp-block-latest-comments.has-avatars img.avatar {
1025      flex-shrink: 0;
1026      margin: 5px 0 0 15px;
1027  }
1028  
1029  /* HAS EXCERPT */
1030  
1031  .editor-styles-wrapper .wp-block-latest-comments__comment-excerpt {
1032      margin: 0;
1033  }
1034  
1035  .editor-styles-wrapper .wp-block-latest-comments__comment-excerpt p {
1036      font-family: inherit;
1037      font-size: 0.7em;
1038      margin: 10px 0 0;
1039  }
1040  
1041  
1042  /* Block: Latest Posts ----------------------- */
1043  
1044  .editor-styles-wrapper ul.wp-block-latest-posts:not(.is-grid) li {
1045      margin-top: 15px;
1046  }
1047  
1048  /* STYLE: GRID */
1049  
1050  .editor-styles-wrapper .wp-block-latest-posts.is-grid li {
1051      border-color: #dcd7ca;
1052  }
1053  
1054  .editor-styles-wrapper ul.wp-block-latest-posts.is-grid li {
1055      border-style: solid;
1056      border-width: 2px 0 0;
1057      line-height: 1.25;
1058      margin: 20px 0 16px 10px;
1059      padding-top: 12px;
1060  }
1061  
1062  .editor-styles-wrapper .wp-block-latest-posts__post-excerpt {
1063      font-size: 0.95em;
1064      line-height: 1.4;
1065      margin-top: 15px;
1066  }
1067  
1068  /* Block: Shortcode -------------------------- */
1069  
1070  .editor-styles-wrapper .wp-block-shortcode textarea {
1071      color: #191e23;
1072  }
1073  
1074  /* Block: Embed ------------------------------ */
1075  
1076  .editor-styles-wrapper .wp-block-embed {
1077      margin-bottom: 30px;
1078      margin-top: 30px;
1079  }
1080  
1081  .editor-styles-wrapper .wp-block[data-type*="core-embed"][data-align="center"] * {
1082      margin-right: auto;
1083      margin-left: auto;
1084  }
1085  
1086  /* Block: File ------------------------------- */
1087  
1088  .editor-styles-wrapper .wp-block-file {
1089      background: none;
1090      padding: 0;
1091  }
1092  
1093  .editor-styles-wrapper .wp-block-file__content-wrapper {
1094      align-items: center;
1095      display: flex;
1096      justify-content: space-between;
1097  }
1098  
1099  .editor-styles-wrapper .wp-block-file .wp-block-file__textlink {
1100      color: #cd2653;
1101      font-weight: 700;
1102      text-decoration: none;
1103  }
1104  
1105  .editor-styles-wrapper .wp-block-file .wp-block-file__textlink:focus,
1106  .editor-styles-wrapper .wp-block-file .wp-block-file__textlink:hover {
1107      text-decoration: underline;
1108  }
1109  
1110  .editor-styles-wrapper .wp-block-file .wp-block-file__button {
1111      font-size: 14px;
1112      padding: 1em 1.25em;
1113  }
1114  
1115  /* Block: Image ------------------------------ */
1116  
1117  .editor-styles-wrapper .wp-block-image {
1118      margin-bottom: 30px;
1119      margin-top: 30px;
1120  }
1121  
1122  /* Block: Group ------------------------------ */
1123  
1124  .editor-styles-wrapper .wp-block-group.has-background {
1125      padding: 20px;
1126  }
1127  
1128  .wp-block-group .wp-block[data-type="core/heading"]:first-child * {
1129      margin-top: 0;
1130  }
1131  
1132  .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"],
1133  .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"] {
1134      margin-right: 0;
1135      width: 100%;
1136  }
1137  
1138  /* Block: List ------------------------------- */
1139  
1140  .editor-styles-wrapper ul.block-editor-block-list__block:where(:not(.has-background)),
1141  .editor-styles-wrapper ol.block-editor-block-list__block:where(:not(.has-background)),
1142  .editor-styles-wrapper ul ul,
1143  .editor-styles-wrapper ol ul {
1144      padding-right: 1.3em;
1145  }
1146  
1147  .editor-styles-wrapper ul.block-editor-block-list__block.wp-block-social-links {
1148      padding-right: 0;
1149  }
1150  
1151  .wp-block-list li {
1152      margin-top: 0.5rem;
1153  }
1154  
1155  .wp-block-list.has-background > .wp-block-list-item {
1156      margin-right: 2rem;
1157  }
1158  
1159  /* Block: Post Template ---------------- */
1160  
1161  .editor-styles-wrapper ul.wp-block-post-template {
1162      padding-right: 0;
1163  }
1164  
1165  
1166  /*    X.    Media Queries
1167  /* ------------------------------------------- */
1168  
1169  
1170  @media ( min-width: 480px ) {
1171  
1172  
1173      /* STRUCTURE */
1174  
1175      .editor-styles-wrapper .wp-block[data-align="right"] {
1176          margin-left: 0;
1177      }
1178  
1179      .editor-styles-wrapper .wp-block[data-align="left"] {
1180          margin: 0;
1181      }
1182  
1183      /* BLOCK: COVER */
1184  
1185      .wp-block[data-type="core/cover"][data-align="left"] [data-block],
1186      .wp-block[data-type="core/cover"][data-align="right"] [data-block] {
1187          margin-top: 0;
1188      }
1189  
1190      .editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="right"] .block-editor-block-list__block-edit {
1191          float: left;
1192          margin-right: 20px;
1193          max-width: 260px;
1194      }
1195  
1196      .editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="left"] .block-editor-block-list__block-edit {
1197          float: right;
1198          margin-left: 20px;
1199          max-width: 260px;
1200      }
1201  
1202      .editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="right"] .wp-block-pullquote::before {
1203          margin-left: 0;
1204      }
1205  
1206      .editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="left"] .wp-block-pullquote::before {
1207          margin-right: 0;
1208      }
1209  
1210      /* BLOCK: PULL QUOTE */
1211  
1212      .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"],
1213      .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] {
1214          height: 0;
1215          max-width: 260px;
1216      }
1217  
1218      .wp-block[data-type="core/pullquote"][data-align="left"] [data-block],
1219      .wp-block[data-type="core/pullquote"][data-align="right"] [data-block] {
1220          margin-top: 0;
1221      }
1222  
1223      .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .block-editor-block-list__block-edit {
1224          float: left;
1225          margin-right: 20px;
1226          max-width: 260px;
1227      }
1228  
1229      .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .block-editor-block-list__block-edit {
1230          float: right;
1231          margin-left: 20px;
1232          max-width: 260px;
1233      }
1234  
1235      .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .wp-block-pullquote::before {
1236          margin-left: 0;
1237      }
1238  
1239      .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .wp-block-pullquote::before {
1240          margin-right: 0;
1241      }
1242  
1243  
1244  }
1245  
1246  @media ( min-width: 600px ) {
1247  
1248  
1249      /* BLOCK: SHARED MEDIA STYLES */
1250  
1251      .wp-block[data-type*="core-embed"][data-align="full"] figcaption,
1252      .wp-block[data-type="core/image"][data-align="full"] figcaption,
1253      .wp-block[data-type="core/gallery"][data-align="full"] .blocks-gallery-caption {
1254          padding: 0 45px;
1255      }
1256  
1257      /* BLOCK: COLUMNS */
1258  
1259      .editor-styles-wrapper .wp-block[data-type="core/column"] h1,
1260      .editor-styles-wrapper .wp-block[data-type="core/column"] h2,
1261      .editor-styles-wrapper .wp-block[data-type="core/column"] h3,
1262      .editor-styles-wrapper .wp-block[data-type="core/column"] h4,
1263      .editor-styles-wrapper .wp-block[data-type="core/column"] h5,
1264      .editor-styles-wrapper .wp-block[data-type="core/column"] h6 {
1265          margin: 35px 0 20px 0;
1266      }
1267  
1268      /* BLOCK: PULLQUOTE */
1269  
1270      .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .block-editor-block-list__block-edit {
1271          margin-left: -30px;
1272      }
1273  
1274      .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .block-editor-block-list__block-edit {
1275          margin-right: -30px;
1276      }
1277  
1278  
1279  }
1280  
1281  @media ( min-width: 700px ) {
1282  
1283      /* STRUCTURE */
1284  
1285      .editor-styles-wrapper > * {
1286          font-size: 21px;
1287      }
1288  
1289      /* TYPOGRAPHY */
1290  
1291      .editor-post-title__block .editor-post-title__input,
1292      .editor-styles-wrapper .wp-block-post-title,
1293      .editor-styles-wrapper h1,
1294      .editor-styles-wrapper .heading-size-1 {
1295          font-size: 64px;
1296      }
1297  
1298      .editor-styles-wrapper h2,
1299      .editor-styles-wrapper .heading-size-2 {
1300          font-size: 48px;
1301      }
1302  
1303      .editor-styles-wrapper h3,
1304      .editor-styles-wrapper .heading-size-3 {
1305          font-size: 40px;
1306      }
1307  
1308      .editor-styles-wrapper h4,
1309      .editor-styles-wrapper .heading-size-4 {
1310          font-size: 32px;
1311      }
1312  
1313      .editor-styles-wrapper h5,
1314      .editor-styles-wrapper .heading-size-5 {
1315          font-size: 24px;
1316      }
1317  
1318      .editor-styles-wrapper li,
1319      .editor-styles-wrapper p,
1320      .editor-styles-wrapper p.wp-block-paragraph {
1321          line-height: 1.476;
1322      }
1323  
1324      /* FORMS  */
1325  
1326      .editor-styles-wrapper fieldset {
1327          padding: 30px;
1328      }
1329  
1330      .editor-styles-wrapper legend {
1331          padding: 0 15px;
1332      }
1333  
1334      /* BLOCK: BASE MARGINS */
1335  
1336      /* BLOCK: BUTTON */
1337  
1338      :root .editor-styles-wrapper .wp-block-button__link,
1339      :root .editor-styles-wrapper .wp-block-file__button {
1340          font-size: 17px;
1341      }
1342  
1343      /* BLOCK: COLUMNS */
1344  
1345      .wp-block-column {
1346          font-size: 16px;
1347      }
1348  
1349      /* BLOCK: COVER */
1350  
1351      .editor-styles-wrapper .wp-block-cover-image .wp-block-cover__inner-container,
1352      .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container {
1353          width: calc(100% - 80px);
1354      }
1355  
1356      /* BLOCK: GROUP */
1357  
1358      .editor-styles-wrapper .wp-block:not([data-align="wide"]):not([data-align="full"]) div:not([class*="__inner-container"]) .wp-block-group.has-background,
1359      .editor-styles-wrapper .wp-block div[class*="__inner-container"] .wp-block[data-align="wide"] .wp-block-group.has-background,
1360      .editor-styles-wrapper .wp-block div[class*="__inner-container"] .wp-block[data-align="full"] .wp-block-group.has-background {
1361          padding: 40px;
1362      }
1363  
1364      .editor-styles-wrapper .wp-block[data-align="wide"] .wp-block-group.has-background,
1365      .editor-styles-wrapper .wp-block[data-align="full"] .wp-block-group.has-background {
1366          padding: 80px;
1367      }
1368  
1369      /* BLOCK: LATEST POSTS */
1370  
1371      /* BLOCK: PULLQUOTE */
1372  
1373      .editor-styles-wrapper .wp-block .wp-block-pullquote p,
1374      .editor-styles-wrapper .wp-block-pullquote.is-style-solid-color blockquote > .block-editor-rich-text p,
1375      .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .editor-rich-text p,
1376      .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .editor-rich-text p {
1377          font-size: 32px;
1378      }
1379  
1380      .editor-styles-wrapper .wp-block-pullquote__citation,
1381      .editor-styles-wrapper .wp-block-pullquote cite,
1382      .editor-styles-wrapper .wp-block-pullquote footer {
1383          margin-top: 20px;
1384      }
1385  
1386      .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="wide"] .wp-block-pullquote::before,
1387      .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="full"] .wp-block-pullquote::before {
1388          font-size: 113px;
1389          height: 80px;
1390          margin-bottom: 20px;
1391          width: 80px;
1392      }
1393  
1394      .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="wide"] .wp-block-pullquote.is-style-solid-color,
1395      .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="full"] .wp-block-pullquote.is-style-solid-color {
1396          padding: 60px 40px 40px;
1397      }
1398  
1399      .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="full"] .wp-block-pullquote:not(.is-style-solid-color) {
1400          padding-right: 10px;
1401          padding-left: 10px;
1402      }
1403  
1404      .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="wide"] blockquote p,
1405      .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="full"] blockquote p {
1406          font-size: 48px;
1407          line-height: 1.203125;
1408      }
1409  
1410      .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] p,
1411      .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] p {
1412          font-size: 32px;
1413          line-height: 1.1875;
1414      }
1415  
1416      .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .is-style-solid-color p,
1417      .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .is-style-solid-color p {
1418          font-size: 26px;
1419      }
1420  
1421      /* BLOCK: TABLE */
1422  
1423      .editor-styles-wrapper  table.wp-block-table {
1424          font-size: 18px;
1425      }
1426  
1427      /* BLOCK: SEPARATOR */
1428  
1429      hr.wp-block-separator {
1430          margin-bottom: 60px;
1431          margin-top: 60px;
1432      }
1433  
1434  }
1435  
1436  
1437  @media ( min-width: 1000px ) {
1438  
1439  
1440      /* BLOCK: COLUMNS */
1441  
1442      .wp-block-column {
1443          font-size: 18px;
1444      }
1445  
1446      /* BLOCK: SEPARATOR */
1447  
1448      hr.wp-block-separator {
1449          margin-bottom: 80px;
1450          margin-top: 80px;
1451      }
1452  
1453      hr.wp-block-separator.is-style-wide {
1454          margin-right: auto;
1455          margin-left: auto;
1456      }
1457  
1458  
1459  }
1460  
1461  
1462  @media ( min-width: 1220px ) {
1463  
1464  
1465      /* TYPOGRAPHY */
1466  
1467      .editor-post-title__block .editor-post-title__input,
1468      .editor-styles-wrapper .wp-block-post-title,
1469      .editor-styles-wrapper h1,
1470      .editor-styles-wrapper .heading-size-1 {
1471          font-size: 84px;
1472      }
1473  
1474      .editor-styles-wrapper h6,
1475      .editor-styles-wrapper .heading-size-6 {
1476          font-size: 18px;
1477      }
1478  
1479      /* BLOCK: PULLQUOTE */
1480  
1481      .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="wide"] .wp-block-pullquote.is-style-solid-color,
1482      .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="full"] .wp-block-pullquote.is-style-solid-color {
1483          padding: 90px 40px 80px;
1484      }
1485  
1486      .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="wide"] blockquote p,
1487      .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="full"] blockquote p {
1488          font-size: 64px;
1489      }
1490  
1491      /* BLOCK: SEPARATOR */
1492  
1493      hr.wp-block-separator.is-style-wide {
1494          margin-right: auto;
1495          margin-left: auto;
1496      }
1497  
1498  }
1499  
1500  
1501  @media ( min-width: 1360px ) {
1502  
1503  
1504      /* STRUCTURE */
1505  
1506      .editor-styles-wrapper .wp-block[data-align="left"],
1507      .editor-styles-wrapper .wp-block[data-align="right"] {
1508          margin: 0 auto;
1509          max-width: 1220px;
1510      }
1511  
1512  
1513      /* BLOCK: PULLQUOTE */
1514  
1515      .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .is-style-solid-color::before,
1516      .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .is-style-solid-color::before {
1517          top: 0;
1518      }
1519  
1520      .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"],
1521      .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] {
1522          margin: 0 auto;
1523          max-width: 1220px;
1524      }
1525  
1526      /* BLOCK: SEPARATOR */
1527  
1528      hr.wp-block-separator.is-style-wide {
1529          margin-right: auto;
1530          margin-left: auto;
1531      }
1532  
1533  
1534  }


Generated : Fri Nov 15 08:20:01 2024 Cross-referenced by PHPXref