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


Generated : Tue Jun 2 08:20:01 2020 Cross-referenced by PHPXref