[Summary view] [Print] [Text view]

   1  /* -------------------------------------------------------------------------- */
   2  
   3  /*    Twenty Twenty Editor Styles — Classic Editor
   4  /* -------------------------------------------------------------------------- */
   5  
   6  
   7  /* Fonts ------------------------------------- */
   8  
   9  /*
  10   * Chrome renders extra-wide   characters for the Hoefler Text font.
  11   * This results in a jumping cursor when typing in both the classic editor and
  12   * block editor. The following font-face override fixes the issue by manually
  13   * inserting a custom font that includes just a Hoefler Text space replacement
  14   * for that character instead.
  15   */
  16  @font-face {
  17      font-family: NonBreakingSpaceOverride;
  18      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");
  19  }
  20  
  21  /* Structure --------------------------------- */
  22  
  23  body#tinymce.wp-editor.content { /* stylelint-disable-line no-duplicate-selectors */
  24      font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
  25  }
  26  
  27  @supports ( font-variation-settings: normal ) {
  28  
  29      body#tinymce.wp-editor.content { /* stylelint-disable-line no-duplicate-selectors */
  30          font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
  31      }
  32  
  33  }
  34  
  35  body#tinymce.wp-editor.content { /* stylelint-disable-line no-duplicate-selectors */
  36      background: #f5efe0;
  37      color: #000;
  38      font-size: 21px;
  39      letter-spacing: -0.015em;
  40      margin: 0 auto;
  41      max-width: calc(100% - 40px);
  42      width: 580px;
  43  }
  44  
  45  body#tinymce.wp-editor.content * {
  46      box-sizing: border-box;
  47      -webkit-font-smoothing: antialiased;
  48  }
  49  
  50  body#tinymce.wp-editor.content p,
  51  body#tinymce.wp-editor.content ol,
  52  body#tinymce.wp-editor.content ul,
  53  body#tinymce.wp-editor.content dl,
  54  body#tinymce.wp-editor.content dt {
  55      font-family: NonBreakingSpaceOverride, "Hoefler Text", "Noto Serif", Garamond, "Times New Roman", serif;
  56      letter-spacing: normal;
  57  }
  58  
  59  body#tinymce.wp-editor.content p,
  60  body#tinymce.wp-editor.content ul,
  61  body#tinymce.wp-editor.content ol,
  62  body#tinymce.wp-editor.content blockquote {
  63      line-height: 1.5;
  64      margin-bottom: 1.5em;
  65  }
  66  
  67  body#tinymce.wp-editor.content code,
  68  body#tinymce.wp-editor.content kbd,
  69  body#tinymce.wp-editor.content samp {
  70      background: rgba(0, 0, 0, 0.075);
  71  }
  72  
  73  body#tinymce.wp-editor.content code,
  74  body#tinymce.wp-editor.content kbd,
  75  body#tinymce.wp-editor.content pre,
  76  body#tinymce.wp-editor.content samp {
  77      font-family: monospace;
  78      color: inherit;
  79      font-size: 15px;
  80  }
  81  
  82  body#tinymce.wp-editor.content pre {
  83      border: 1px solid #dcd7ca;
  84      line-height: 1.5;
  85      margin: 40px 0;
  86      overflow: auto;
  87      padding: 30px;
  88      text-align: right;
  89  }
  90  
  91  body#tinymce.wp-editor.content a,
  92  body#tinymce.wp-editor.content a:focus,
  93  body#tinymce.wp-editor.content a:hover {
  94      color: #cd2653;
  95      text-decoration: underline;
  96  }
  97  
  98  body#tinymce.wp-editor.content img {
  99      height: auto;
 100      max-width: 100%;
 101  }
 102  
 103  body#tinymce.wp-editor.content img[data-wp-more] {
 104      height: 16px;
 105  }
 106  
 107  body#tinymce.wp-editor.content hr {
 108      border: none;
 109      border-top: 1px solid #dcd7ca;
 110      margin: 2em auto;
 111      width: 100%;
 112  }
 113  
 114  body#tinymce.wp-editor.content hr:not(.is-style-dots) {
 115      background: linear-gradient(to right, currentColor calc(50% - 16px), transparent calc(50% - 16px), transparent calc(50% + 16px), currentColor calc(50% + 16px));
 116      border: none;
 117      color: #6d6d6d;
 118      height: 1px;
 119      margin: 80px 0;
 120      overflow: visible;
 121      position: relative;
 122  }
 123  
 124  body#tinymce.wp-editor.content hr:not(.is-style-dots)::before,
 125  body#tinymce.wp-editor.content hr:not(.is-style-dots)::after {
 126      background: currentColor;
 127      content: "";
 128      display: block;
 129      height: 16px;
 130      position: absolute;
 131      top: calc(50% - 8px);
 132      transform: rotate(-22.5deg);
 133      width: 1px;
 134  }
 135  
 136  body#tinymce.wp-editor.content hr::before {
 137      right: calc(50% - 5px);
 138  }
 139  
 140  body#tinymce.wp-editor.content hr::after {
 141      left: calc(50% - 5px);
 142  }
 143  
 144  body#tinymce.wp-editor.content dt {
 145      font-weight: 600;
 146  }
 147  
 148  body#tinymce.wp-editor.content dd {
 149      line-height: 1.5;
 150  }
 151  
 152  body#tinymce.wp-editor.content dd + dt {
 153      margin-top: 1.5rem;
 154  }
 155  
 156  
 157  /* Font Families ----------------------------- */
 158  
 159  body#tinymce.wp-editor.content figcaption,
 160  body#tinymce.wp-editor.content .wp-caption-text,
 161  body#tinymce.wp-editor.content .wp-caption-dd,
 162  body#tinymce.wp-editor.content cite,
 163  body#tinymce.wp-editor.content table {
 164      font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
 165      line-height: 1;
 166  }
 167  
 168  @supports ( font-variation-settings: normal ) {
 169  
 170      body#tinymce.wp-editor.content figcaption,
 171      body#tinymce.wp-editor.content .wp-caption-text,
 172      body#tinymce.wp-editor.content .wp-caption-dd,
 173      body#tinymce.wp-editor.content cite,
 174      body#tinymce.wp-editor.content table {
 175          font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
 176      }
 177  }
 178  
 179  
 180  /* Titles ------------------------------------ */
 181  
 182  body#tinymce.wp-editor.content h1,
 183  body#tinymce.wp-editor.content h2,
 184  body#tinymce.wp-editor.content h3,
 185  body#tinymce.wp-editor.content h4,
 186  body#tinymce.wp-editor.content h5,
 187  body#tinymce.wp-editor.content h6 {
 188      font-feature-settings: "lnum";
 189      font-variant-numeric: lining-nums;
 190      font-weight: 700;
 191      letter-spacing: -0.0415625em;
 192      line-height: 1.25;
 193      margin: 40px 0 25px;
 194  }
 195  
 196  body#tinymce.wp-editor.content h1,
 197  body#tinymce.wp-editor.content .heading-size-1 {
 198      font-size: 84px;
 199      font-weight: 800;
 200      line-height: 1.138888889;
 201  }
 202  
 203  body#tinymce.wp-editor.content h2,
 204  body#tinymce.wp-editor.content .heading-size-2 {
 205      font-size: 48px;
 206  }
 207  
 208  body#tinymce.wp-editor.content h3,
 209  body#tinymce.wp-editor.content .heading-size-3 {
 210      font-size: 40px;
 211  }
 212  
 213  body#tinymce.wp-editor.content h4,
 214  body#tinymce.wp-editor.content .heading-size-4 {
 215      font-size: 32px;
 216  }
 217  
 218  body#tinymce.wp-editor.content h5,
 219  body#tinymce.wp-editor.content .heading-size-5 {
 220      font-size: 24px;
 221  }
 222  
 223  body#tinymce.wp-editor.content h6,
 224  body#tinymce.wp-editor.content .heading-size-6 {
 225      font-size: 18px;
 226      letter-spacing: 0.03125em;
 227      text-transform: uppercase;
 228  }
 229  
 230  /* Blockquote -------------------------------- */
 231  
 232  body#tinymce.wp-editor.content blockquote {
 233      border: none;
 234      border-right: 2px solid #cd2653;
 235      margin: 0 0 1.6em 0;
 236      padding: 0.25em 1em 0.25em 0;
 237  }
 238  
 239  body#tinymce.wp-editor.content blockquote p {
 240      font-style: normal;
 241      font-weight: 400;
 242      margin: 0;
 243  }
 244  
 245  body#tinymce.wp-editor.content cite {
 246      color: #6d6d6d;
 247      font-size: 16px;
 248      font-weight: 500;
 249      font-style: normal;
 250  }
 251  
 252  body#tinymce.wp-editor.content blockquote cite {
 253      display: block;
 254      margin-top: 20px;
 255  }
 256  
 257  
 258  /* Lists ------------------------------------- */
 259  
 260  body#tinymce.wp-editor.content ul {
 261      margin-right: 1.5em;
 262      padding-right: 0;
 263      list-style: disc;
 264  }
 265  
 266  body#tinymce.wp-editor.content ol {
 267      margin-right: 1.5em;
 268      padding-right: 0;
 269      list-style: decimal;
 270  }
 271  
 272  body#tinymce.wp-editor.content ul ul {
 273      list-style: circle;
 274  }
 275  
 276  body#tinymce.wp-editor.content ul ul ul {
 277      list-style: square;
 278  }
 279  
 280  body#tinymce.wp-editor.content ol ol {
 281      list-style: lower-alpha;
 282  }
 283  
 284  body#tinymce.wp-editor.content ol ol ol {
 285      list-style: lower-roman;
 286  }
 287  
 288  body#tinymce.wp-editor.content ul ul,
 289  body#tinymce.wp-editor.content ul ol,
 290  body#tinymce.wp-editor.content ol ul,
 291  body#tinymce.wp-editor.content ol ol {
 292      margin-bottom: 0;
 293  }
 294  
 295  body#tinymce.wp-editor.content li {
 296      line-height: 1.5;
 297      margin-bottom: 0.5em;
 298  }
 299  
 300  body#tinymce.wp-editor.content ol > li:last-child,
 301  body#tinymce.wp-editor.content ul > li:last-child {
 302      margin-bottom: 0;
 303  }
 304  
 305  body#tinymce.wp-editor.content ol > li:first-child,
 306  body#tinymce.wp-editor.content ul > li:first-child {
 307      margin-top: 0.5em;
 308  }
 309  
 310  
 311  /* Post Media -------------------------------- */
 312  
 313  body#tinymce.wp-editor.content figure,
 314  body#tinymce.wp-editor.content video {
 315      display: block;
 316      margin: 0;
 317  }
 318  
 319  body#tinymce.wp-editor.content .wp-caption {
 320      margin-bottom: 1.5em;
 321  }
 322  
 323  body#tinymce.wp-editor.content img.alignleft,
 324  body#tinymce.wp-editor.content .alignleft img,
 325  body#tinymce.wp-editor.content img.aligncenter,
 326  body#tinymce.wp-editor.content .aligncenter img,
 327  body#tinymce.wp-editor.content img.alignright,
 328  body#tinymce.wp-editor.content .alignright img,
 329  body#tinymce.wp-editor.content img.alignnone,
 330  body#tinymce.wp-editor.content .alignnone img {
 331      display: block;
 332  }
 333  
 334  body#tinymce.wp-editor.content .aligncenter,
 335  body#tinymce.wp-editor.content .alignnone,
 336  body#tinymce.wp-editor.content .alignwide,
 337  body#tinymce.wp-editor.content .alignfull {
 338      margin: 50px auto;
 339  }
 340  
 341  body#tinymce.wp-editor.content .alignleft,
 342  body#tinymce.wp-editor.content .alignright {
 343      margin-bottom: 25px;
 344      max-width: 50%;
 345  }
 346  
 347  body#tinymce.wp-editor.content .wp-caption img {
 348      display: block;
 349  }
 350  
 351  body#tinymce.wp-editor.content .wp-caption .alignleft,
 352  body#tinymce.wp-editor.content .wp-caption .alignright {
 353      margin-bottom: 0;
 354  }
 355  
 356  body#tinymce.wp-editor.content .alignleft {
 357      float: left;
 358      margin-left: 25px;
 359      max-width: 260px;
 360  }
 361  
 362  body#tinymce.wp-editor.content .alignright {
 363      float: right;
 364      margin-right: 25px;
 365      max-width: 260px;
 366  }
 367  
 368  body#tinymce.wp-editor.content .wpview[data-wpview-type="gallery"] + .wpview[data-wpview-type="gallery"] {
 369      margin-top: -34px;
 370  }
 371  
 372  body#tinymce.wp-editor.content figcaption,
 373  body#tinymce.wp-editor.content .wp-caption-text,
 374  body#tinymce.wp-editor.content .wp-caption-dd,
 375  body#tinymce.wp-editor.content .gallery-caption {
 376      color: #6d6d6d;
 377      display: block;
 378      font-size: 15px;
 379      font-weight: 500;
 380      line-height: 1.2;
 381      margin: 18px 0 0;
 382  }
 383  
 384  body#tinymce.wp-editor.content figcaption a,
 385  body#tinymce.wp-editor.content .wp-caption-text a,
 386  body#tinymce.wp-editor.content .wp-caption-dd a,
 387  body#tinymce.wp-editor.content .gallery-caption a {
 388      color: inherit;
 389  }
 390  
 391  
 392  /* Tables ------------------------------------ */
 393  
 394  body#tinymce.wp-editor.content table {
 395      border-collapse: collapse;
 396      border-spacing: 0;
 397      empty-cells: show;
 398      font-size: 18px;
 399      width: 100%;
 400  }
 401  
 402  body#tinymce.wp-editor.content th,
 403  body#tinymce.wp-editor.content td {
 404      line-height: 1.2;
 405      margin: 0;
 406      overflow: visible;
 407      padding: 0.5em;
 408  }
 409  
 410  body#tinymce.wp-editor.content caption {
 411      text-align: center;
 412      padding: 0.5em;
 413  }
 414  
 415  body#tinymce.wp-editor.content thead {
 416      vertical-align: bottom;
 417      white-space: nowrap;
 418  }
 419  
 420  body#tinymce.wp-editor.content th {
 421      text-align: right;
 422  }
 423  
 424  
 425  /* Forms ------------------------------------- */
 426  
 427  body#tinymce.wp-editor.content fieldset {
 428      border: 2px solid #dcd7ca;
 429      padding: 30px;
 430  }
 431  
 432  body#tinymce.wp-editor.content fieldset legend {
 433      font-size: 0.85em;
 434      font-weight: 700;
 435      padding: 0 15px;
 436  }
 437  
 438  body#tinymce.wp-editor.content label {
 439      display: block;
 440      font-size: 15px;
 441      font-weight: 600;
 442      margin: 0 0 5px 0;
 443  }
 444  
 445  body#tinymce.wp-editor.content input,
 446  body#tinymce.wp-editor.content textarea {
 447      border-color: #dcd7ca;
 448      color: inherit;
 449      font-family: inherit;
 450      font-size: inherit;
 451  }
 452  
 453  body#tinymce.wp-editor.content input[type="text"],
 454  body#tinymce.wp-editor.content input[type="password"],
 455  body#tinymce.wp-editor.content input[type="email"],
 456  body#tinymce.wp-editor.content input[type="url"],
 457  body#tinymce.wp-editor.content input[type="date"],
 458  body#tinymce.wp-editor.content input[type="month"],
 459  body#tinymce.wp-editor.content input[type="time"],
 460  body#tinymce.wp-editor.content input[type="datetime"],
 461  body#tinymce.wp-editor.content input[type="datetime-local"],
 462  body#tinymce.wp-editor.content input[type="week"],
 463  body#tinymce.wp-editor.content input[type="number"],
 464  body#tinymce.wp-editor.content input[type="search"],
 465  body#tinymce.wp-editor.content input[type="tel"],
 466  body#tinymce.wp-editor.content input[type="color"],
 467  body#tinymce.wp-editor.content textarea {
 468      -webkit-appearance: none;
 469      -moz-appearance: none;
 470      background: transparent;
 471      border-radius: 3px;
 472      border-style: solid;
 473      border-width: 0.1rem;
 474      box-shadow: none;
 475      display: block;
 476      font-size: inherit;
 477      font-weight: 400;
 478      margin: 0;
 479      max-width: 100%;
 480      padding: 13.5px 18px;
 481      width: 100%;
 482      word-break: normal;
 483  }
 484  
 485  body#tinymce.wp-editor.content textarea {
 486      height: 200px;
 487      line-height: 1.5;
 488      width: 100%;
 489  }
 490  
 491  body#tinymce.wp-editor.content button,
 492  body#tinymce.wp-editor.content .faux-button,
 493  body#tinymce.wp-editor.content .wp-block-button__link,
 494  body#tinymce.wp-editor.content .wp-block-file__button,
 495  body#tinymce.wp-editor.content input[type="button"],
 496  body#tinymce.wp-editor.content input[type="reset"],
 497  body#tinymce.wp-editor.content input[type="submit"] {
 498      -webkit-appearance: none;
 499      -moz-appearance: none;
 500      background: #cd2653;
 501      border: none;
 502      border-radius: 0;
 503      color: #fff;
 504      cursor: pointer;
 505      display: inline-block;
 506      font-size: 17px;
 507      font-weight: 600;
 508      letter-spacing: 0.0333em;
 509      line-height: 1.25;
 510      margin: 0;
 511      padding: 1.1em 1.44em;
 512      text-align: center;
 513      text-decoration: none;
 514      text-transform: uppercase;
 515  }
 516  
 517  body#tinymce.wp-editor.content button:focus,
 518  body#tinymce.wp-editor.content button:hover,
 519  body#tinymce.wp-editor.content .faux-button:hover,
 520  body#tinymce.wp-editor.content .faux-button:focus,
 521  body#tinymce.wp-editor.content .wp-block-button__link:focus,
 522  body#tinymce.wp-editor.content .wp-block-button__link:hover,
 523  body#tinymce.wp-editor.content .wp-block-file__button:focus,
 524  body#tinymce.wp-editor.content .wp-block-file__button:hover,
 525  body#tinymce.wp-editor.content input[type="button"]:focus,
 526  body#tinymce.wp-editor.content input[type="button"]:hover,
 527  body#tinymce.wp-editor.content input[type="reset"]:focus,
 528  body#tinymce.wp-editor.content input[type="reset"]:hover,
 529  body#tinymce.wp-editor.content input[type="submit"]:focus,
 530  body#tinymce.wp-editor.content input[type="submit"]:hover {
 531      color: #fff;
 532      text-decoration: underline;
 533  }
 534  
 535  .wp-block-button:not(.alignleft):not(.alignright) {
 536      margin-bottom: 30px;
 537      margin-top: 30px;
 538  }
 539  
 540  /* BUTTON ALIGN: CENTER */
 541  
 542  .wp-block-button.aligncenter {
 543      text-align: center;
 544  }
 545  
 546  /* BUTTON STYLE: OUTLINE */
 547  
 548  body#tinymce.wp-editor.content .is-style-outline .wp-block-button__link,
 549  body#tinymce.wp-editor.content .is-style-outline .wp-block-button__link:focus,
 550  body#tinymce.wp-editor.content .is-style-outline .wp-block-button__link:hover {
 551      color: #cd2653;
 552  }
 553  
 554  body#tinymce.wp-editor.content .is-style-outline .wp-block-button__link {
 555      background: none;
 556      border: 2px solid currentColor;
 557      padding: calc(1.1em - 2px) calc(1.44em - 2px);
 558  }
 559  
 560  /* BUTTON STYLE: SQUARED */
 561  
 562  body#tinymce.wp-editor.content .is-style-squared .wp-block-button__link {
 563      border-radius: 0;
 564  }
 565  
 566  
 567  /* Blocks ------------------------------------ */
 568  
 569  /* BLOCK: HELPER CLASSES */
 570  
 571  body#tinymce.wp-editor.content .has-background {
 572      padding: 20px;
 573  }
 574  
 575  /* BLOCK: GALLERY */
 576  
 577  body#tinymce.wp-editor.content ul.wp-block-gallery {
 578      list-style: none;
 579      margin-right: 0;
 580  }
 581  
 582  body#tinymce.wp-editor.content ul.wp-block-gallery li {
 583      margin-right: 0;
 584  }