[Summary view] [Print] [Text view]

   1  /*
   2  Theme Name: Twenty Sixteen
   3  Description: Used to style blocks in the editor.
   4  */
   5  
   6  /*--------------------------------------------------------------
   7  >>> TABLE OF CONTENTS:
   8  ----------------------------------------------------------------
   9  1.0 General Typography
  10  2.0 General Block Styles
  11  3.0 Blocks - Common Blocks
  12  4.0 Blocks - Formatting
  13  5.0 Blocks - Layout Elements
  14  6.0 Blocks - Widgets
  15  7.0 Blocks - Colors
  16  --------------------------------------------------------------*/
  17  
  18  /*--------------------------------------------------------------
  19  1.0 General Typography
  20  --------------------------------------------------------------*/
  21  
  22  .edit-post-visual-editor .editor-block-list__block,
  23  .editor-default-block-appender textarea.editor-default-block-appender__content {
  24      font-family: Merriweather, Georgia, serif;
  25      font-size: 16px;
  26      font-size: 1rem;
  27      line-height: 1.75;
  28  }
  29  
  30  .rtl .editor-styles-wrapper {
  31      font-family: Arial, Tahoma, sans-serif;
  32  }
  33  
  34  .edit-post-visual-editor .editor-block-list__block {
  35      color: #1a1a1a;
  36  }
  37  
  38  .editor-post-title__block .editor-post-title__input {
  39      font-family: Montserrat, "Helvetica Neue", sans-serif;
  40      font-size: 28px;
  41      font-size: 1.75rem;
  42      font-weight: 700;
  43      line-height: 1.25;
  44      margin-bottom: 1em;
  45  }
  46  
  47  .edit-post-visual-editor h1 {
  48      font-size: 28px;
  49      font-size: 1.75rem;
  50      line-height: 1.25;
  51      margin-top: 2em;
  52      margin-bottom: 1em;
  53  }
  54  
  55  .edit-post-visual-editor h2 {
  56      font-size: 23px;
  57      font-size: 1.4375rem;
  58      line-height: 1.2173913043;
  59      margin-top: 2.4347826087em;
  60      margin-bottom: 1.2173913043em;
  61  }
  62  
  63  .edit-post-visual-editor h3 {
  64      font-size: 19px;
  65      font-size: 1.1875rem;
  66      line-height: 1.1052631579;
  67      margin-top: 2.9473684211em;
  68      margin-bottom: 1.4736842105em;
  69  }
  70  
  71  .edit-post-visual-editor h4,
  72  .edit-post-visual-editor h5,
  73  .edit-post-visual-editor h6 {
  74      font-size: 16px;
  75      font-size: 1rem;
  76      line-height: 1.3125;
  77      margin-top: 3.5em;
  78      margin-bottom: 1.75em;
  79  }
  80  
  81  .edit-post-visual-editor h4 {
  82      letter-spacing: 0.140625em;
  83      text-transform: uppercase;
  84  }
  85  
  86  .edit-post-visual-editor h6 {
  87      font-style: italic;
  88  }
  89  
  90  .edit-post-visual-editor h1,
  91  .edit-post-visual-editor h2,
  92  .edit-post-visual-editor h3,
  93  .edit-post-visual-editor h4,
  94  .edit-post-visual-editor h5,
  95  .edit-post-visual-editor h6 {
  96      font-weight: 900;
  97  }
  98  
  99  @media screen and (min-width: 61.5625em) {
 100      .edit-post-visual-editor h1 {
 101          font-size: 33px;
 102          font-size: 2.0625rem;
 103          line-height: 1.2727272727;
 104          margin-top: 1.696969697em;
 105          margin-bottom: 0.8484848485em;
 106      }
 107  
 108      .edit-post-visual-editor h2 {
 109          font-size: 28px;
 110          font-size: 1.75rem;
 111          line-height: 1.25;
 112          margin-top: 2em;
 113          margin-bottom: 1em;
 114      }
 115  
 116      .edit-post-visual-editor h3 {
 117          font-size: 23px;
 118          font-size: 1.4375rem;
 119          line-height: 1.2173913043;
 120          margin-top: 2.4347826087em;
 121          margin-bottom: 1.2173913043em;
 122      }
 123  
 124      .edit-post-visual-editor h4 {
 125          letter-spacing: 0.131578947em;
 126      }
 127  
 128      .edit-post-visual-editor h4,
 129      .edit-post-visual-editor h5,
 130      .edit-post-visual-editor h6 {
 131          font-size: 19px;
 132          font-size: 1.1875rem;
 133          line-height: 1.1052631579;
 134          margin-top: 2.9473684211em;
 135          margin-bottom: 1.473684211em;
 136      }
 137  }
 138  
 139  .edit-post-visual-editor h1:first-child,
 140  .edit-post-visual-editor h2:first-child,
 141  .edit-post-visual-editor h3:first-child,
 142  .edit-post-visual-editor h4:first-child,
 143  .edit-post-visual-editor h5:first-child,
 144  .edit-post-visual-editor h6:first-child {
 145      margin-top: 0;
 146  }
 147  
 148  .edit-post-visual-editor p {
 149      margin: 0 0 1.75em;
 150  }
 151  
 152  .edit-post-visual-editor blockquote p {
 153      margin-bottom: 1.4736842105em;
 154  }
 155  
 156  @media screen and (min-width: 44.375em) {
 157      .editor-post-title__block .editor-post-title__input {
 158          font-size: 33px;
 159          font-size: 2.0625rem;
 160          line-height: 1.2727272727;
 161          margin-bottom: 0.8484848485em;
 162      }
 163  }
 164  
 165  @media screen and (min-width: 61.5625em) {
 166      .editor-post-title__block .editor-post-title__input {
 167          font-size: 40px;
 168          font-size: 2.5rem;
 169          line-height: 1.225;
 170          margin-bottom: 1.05em;
 171      }
 172  }
 173  
 174  /*--------------------------------------------------------------
 175  2.0 General Block Styles
 176  --------------------------------------------------------------*/
 177  
 178  /* Main column width */
 179  
 180  .editor-styles-wrapper {
 181      max-width: 100% !important; /* Override where editor-style.css is affecting this */
 182  }
 183  
 184  .wp-block {
 185      max-width: 630px; /* 600px + 30px to account for padding. */
 186  }
 187  
 188  /* Link styles */
 189  
 190  .edit-post-visual-editor a,
 191  .editor-block-list__block a,
 192  .wp-block-freeform.block-library-rich-text__tinymce a {
 193      color: #007acc;
 194  }
 195  
 196  /* List styles */
 197  
 198  .edit-post-visual-editor ul:not(.wp-block-gallery),
 199  .editor-block-list__block ul:not(.wp-block-gallery),
 200  .block-library-list ul,
 201  .edit-post-visual-editor ol,
 202  .editor-block-list__block ol,
 203  .block-library-list ol {
 204      padding: 0;
 205  }
 206  
 207  .edit-post-visual-editor ul:not(.wp-block-gallery),
 208  .editor-block-list__block ul:not(.wp-block-gallery),
 209  .block-library-list ul {
 210      list-style: disc;
 211  }
 212  
 213  .edit-post-visual-editor ol,
 214  .editor-block-list__block ol,
 215  .block-library-list ol {
 216      list-style: decimal;
 217      margin-left: 1.5em;
 218  }
 219  
 220  .edit-post-visual-editor ul:not(.wp-block-gallery) li,
 221  .editor-block-list__block ul:not(.wp-block-gallery) li,
 222  .edit-post-visual-editor ol li,
 223  .editor-block-list__block ol li,
 224  .block-library-list li {
 225      margin-bottom: 0;
 226  }
 227  
 228  .edit-post-visual-editor ul:not(.wp-block-gallery) li > ul,
 229  .editor-block-list__block ul:not(.wp-block-gallery) li > ul,
 230  .block-library-list li > ul,
 231  .edit-post-visual-editor li > ol,
 232  .editor-block-list__block li > ol,
 233  .block-library-list li > ol {
 234      margin-bottom: 0;
 235  }
 236  
 237  .rtl .editor-styles-wrapper ul ul,
 238  .rtl .editor-styles-wrapper ol ol,
 239  .rtl .editor-styles-wrapper ul ol,
 240  .rtl .editor-styles-wrapper ol ul {
 241      margin-left: 0;
 242      margin-right: 1.5em;
 243  }
 244  
 245  .wp-block-freeform.block-library-rich-text__tinymce ul,
 246  .wp-block-freeform.block-library-rich-text__tinymce ol {
 247      padding-left: 1.5em;
 248  }
 249  
 250  .rtl .wp-block-freeform.block-library-rich-text__tinymce ul,
 251  .rtl .wp-block-freeform.block-library-rich-text__tinymce ol {
 252      padding: 0;
 253  }
 254  
 255  .editor-styles-wrapper ol.has-background,
 256  .editor-styles-wrapper ul.has-background {
 257      padding: 1.25em 2.375em;
 258  }
 259  
 260  /* Quotes */
 261  
 262  .rtl .editor-block-list__block blockquote {
 263      border-left: 0;
 264      padding-left: 0;
 265  }
 266  
 267  /* Captions */
 268  
 269  figure[class*="wp-block-"] > figcaption {
 270      color: #686868;
 271      font-style: italic;
 272      line-height: 1.6153846154;
 273      padding-top: 0.5384615385em;
 274      text-align: start;
 275  }
 276  
 277  /*--------------------------------------------------------------
 278  3.0 Blocks - Common Blocks
 279  --------------------------------------------------------------*/
 280  
 281  /* Paragraph */
 282  
 283  .wp-block-paragraph.has-drop-cap:not(:focus)::first-letter {
 284      font-size: 5em;
 285      line-height: 0.68;
 286      margin: 0.05em 0.1em 0 0;
 287      text-transform: uppercase;
 288      font-style: normal;
 289  }
 290  
 291  .rtl .wp-block-paragraph.has-drop-cap:not(:focus)::first-letter {
 292      margin: 0.05em 0 0 0.1em;
 293  }
 294  
 295  /* Quote */
 296  
 297  .wp-block-quote {
 298      border: 0 solid #1a1a1a;
 299      border-left-width: 4px;
 300      color: #686868;
 301      font-style: italic;
 302      line-height: 1.4736842105;
 303      margin: 0 0 1.4736842105em;
 304      overflow: hidden;
 305      padding: 0 0 0 1.263157895em;
 306  }
 307  
 308  .editor-styles-wrapper .wp-block-quote {
 309      border-color: currentColor;
 310  }
 311  
 312  .wp-block-quote:not(.is-large):not(.is-style-large).alignleft,
 313  .wp-block-quote:not(.is-large):not(.is-style-large).alignright {
 314      border-left: 0;
 315      padding-left: 0;
 316  }
 317  
 318  .editor-block-list__block .wp-block-quote p {
 319      font-size: 19px;
 320      font-size: 1.1875rem;
 321      margin-bottom: 1.4736842105em;
 322  }
 323  
 324  .wp-block-quote__citation,
 325  .wp-block-quote cite {
 326      color: #1a1a1a;
 327      display: block;
 328      font-size: 16px;
 329      font-size: 1rem;
 330      line-height: 1.75;
 331  }
 332  
 333  .wp-block-quote.has-text-color .wp-block-quote__citation {
 334      color: inherit;
 335  }
 336  
 337  .has-text-color .wp-block-quote:not(.has-text-color),
 338  .has-text-color .wp-block-quote:not(.has-text-color) cite {
 339      color: inherit;
 340  }
 341  
 342  .wp-block-quote__citation:before {
 343      content: "\2014\00a0";
 344  }
 345  
 346  .wp-block-quote em,
 347  .wp-block-quote i,
 348  .wp-block-quote__citation:before {
 349      font-style: normal;
 350  }
 351  
 352  .wp-block-quote__citation em,
 353  .wp-block-quote__citation i {
 354      font-style: italic;
 355  }
 356  
 357  .wp-block-quote strong,
 358  .wp-block-quote b {
 359      font-weight: 400;
 360  }
 361  
 362  .wp-block-quote > :last-child {
 363      margin-bottom: 0;
 364  }
 365  
 366  .wp-block-quote.alignleft {
 367      margin: 0.3157894737em 1.4736842105em 1.473684211em 0;
 368  }
 369  
 370  .wp-block-quote.alignright {
 371      margin: 0.3157894737em 0 1.473684211em 1.4736842105em;
 372  }
 373  
 374  .wp-block-quote.aligncenter {
 375      margin-bottom: 1.473684211em;
 376  }
 377  
 378  .rtl .wp-block-quote:not(.is-large):not(.is-style-large).alignleft,
 379  .rtl .wp-block-quote:not(.is-large):not(.is-style-large).alignright  {
 380      border-right: 0;
 381      padding-right: 0;
 382  }
 383  
 384  .wp-block-quote.is-style-plain {
 385      border: none;
 386  }
 387  
 388  @media screen and (min-width: 44.375em) {
 389      .wp-block-quote.alignleft,
 390      .wp-block-quote.alignright {
 391          border-width: 4px 0 0 0;
 392          padding: 0.9473684211em 0 0;
 393          width: -webkit-calc(50% - 0.736842105em);
 394          width: calc(50% - 0.736842105em);
 395      }
 396  }
 397  
 398  @media screen and (min-width: 80em) {
 399      .editor-block-list__block .wp-block-quote.alignleft {
 400          margin-left: -40%;
 401          width: -webkit-calc(60% - 1.4736842105em);
 402          width: calc(60% - 1.4736842105em);
 403      }
 404  }
 405  
 406  /* File */
 407  
 408  .wp-block-file__textlink {
 409      box-shadow: 0 1px 0 0 currentColor;
 410      color: #007acc;
 411  }
 412  
 413  .wp-block-file .wp-block-file__button {
 414      background: #1a1a1a;
 415      border: 0;
 416      border-radius: 2px;
 417      color: #fff;
 418      font-family: Montserrat, "Helvetica Neue", sans-serif;
 419      font-weight: 700;
 420      letter-spacing: 0.046875em;
 421      line-height: 1;
 422      padding: 0.84375em 0.875em 0.78125em;
 423      text-transform: uppercase;
 424  }
 425  
 426  /*--------------------------------------------------------------
 427  4.0 Blocks - Formatting
 428  --------------------------------------------------------------*/
 429  
 430  /* Code */
 431  
 432  .editor-styles-wrapper .wp-block-code {
 433      border: 0;
 434      font-family: Inconsolata, monospace;
 435      line-height: 1.75;
 436      padding: 0;
 437      background-color: #d1d1d1;
 438  }
 439  
 440  /* Classic */
 441  
 442  .wp-block-freeform.block-library-rich-text__tinymce blockquote {
 443      border: 0 solid #1a1a1a;
 444      border-left-width: 4px;
 445      color: #686868;
 446      font-style: italic;
 447      line-height: 1.4736842105;
 448      margin: 0 0 1.4736842105em;
 449      overflow: hidden;
 450      padding: 0 0 0 1.263157895em;
 451  }
 452  
 453  .editor-block-list__block .wp-block-freeform.block-library-rich-text__tinymce blockquote:not(.alignleft):not(.alignright) {
 454      margin-left: 0;
 455  }
 456  
 457  .wp-block-freeform.block-library-rich-text__tinymce blockquote p {
 458      font-size: 19px;
 459      font-size: 1.1875rem;
 460  }
 461  
 462  .wp-block-freeform.block-library-rich-text__tinymce blockquote cite {
 463      color: #1a1a1a;
 464      display: block;
 465      font-size: 16px;
 466      font-size: 1rem;
 467      font-style: normal;
 468      line-height: 1.75;
 469  }
 470  
 471  .wp-block-freeform.block-library-rich-text__tinymce blockquote cite:before {
 472      content: "\2014\00a0";
 473  }
 474  
 475  .wp-block-freeform.block-library-rich-text__tinymce blockquote.alignleft {
 476      margin: 0.3157894737em 1.4736842105em 1.473684211em 0;
 477  }
 478  
 479  .wp-block-freeform.block-library-rich-text__tinymce blockquote.alignright {
 480      margin: 0.3157894737em 0 1.473684211em 1.4736842105em;
 481  }
 482  
 483  .wp-block-freeform.block-library-rich-text__tinymce blockquote.aligncenter {
 484      margin-bottom: 1.473684211em;
 485  }
 486  
 487  @media screen and (min-width: 44.375em) {
 488      .wp-block-freeform.block-library-rich-text__tinymce blockquote.alignleft,
 489      .wp-block-freeform.block-library-rich-text__tinymce blockquote.alignright {
 490          border-width: 4px 0 0 0;
 491          padding: 0.9473684211em 0 0;
 492          width: -webkit-calc(50% - 0.736842105em);
 493          width: calc(50% - 0.736842105em);
 494      }
 495  }
 496  
 497  .rtl .wp-block-freeform.block-library-rich-text__tinymce blockquote {
 498      border-left-width: 0;
 499      border-right-width: 4px;
 500      overflow: hidden;
 501      padding-left: 0;
 502      padding-right: 1.263157895em;
 503  }
 504  
 505  .rtl .wp-block-freeform.block-library-rich-text__tinymce .alignleft {
 506      float: left;
 507  }
 508  
 509  .rtl .wp-block-freeform.block-library-rich-text__tinymce .alignright {
 510      float: right;
 511  }
 512  
 513  .rtl .wp-block-freeform.block-library-rich-text__tinymce blockquote.alignleft {
 514      margin: 0.3157894737em 0 1.473684211em 1.4736842105em;
 515  }
 516  
 517  .rtl .wp-block-freeform.block-library-rich-text__tinymce blockquote.alignright {
 518      margin: 0.3157894737em 1.4736842105em 1.473684211em 0;
 519  }
 520  
 521  /* Pullquote */
 522  
 523  .editor-styles-wrapper .wp-block-pullquote blockquote {
 524      border: 0;
 525      margin: 0;
 526      padding: 0;
 527  }
 528  
 529  .editor-styles-wrapper .wp-block-pullquote:where([style*="border-width"]) blockquote {
 530      padding-left: 1rem;
 531      padding-right: 1rem;
 532  }
 533  
 534  .wp-block-pullquote blockquote > .editor-rich-text p {
 535      font-size: 19px;
 536      font-size: 1.1875rem;
 537  }
 538  
 539  .wp-block-pullquote .wp-block-pullquote__citation {
 540      color: #1a1a1a;
 541      display: block;
 542      font-size: 16px;
 543      font-size: 1rem;
 544      font-style: italic;
 545      line-height: 1.75;
 546      text-transform: none;
 547  }
 548  
 549  .wp-block-pullquote.has-text-color blockquote,
 550  .wp-block-pullquote.has-background blockquote,
 551  .has-background .wp-block-pullquote blockquote,
 552  .wp-block-pullquote.has-text-color cite {
 553      color: inherit;
 554  }
 555  
 556  .wp-block-pullquote[class*="-font-size"] blockquote,
 557  .wp-block-pullquote[class*="-font-size"] blockquote p,
 558  .wp-block-pullquote[class*="-font-size"] cite,
 559  .wp-block-pullquote[style*="font-size"] blockquote,
 560  .wp-block-pullquote[style*="font-size"] blockquote p,
 561  .wp-block-pullquote[style*="font-size"] cite {
 562      font-size: inherit;
 563  }
 564  
 565  .wp-block-pullquote[style*="line-height"] blockquote,
 566  .wp-block-pullquote[style*="line-height"] blockquote p,
 567  .wp-block-pullquote[style*="line-height"] cite {
 568      line-height: inherit;
 569  }
 570  
 571  .wp-block-pullquote .wp-block-pullquote__citation:before {
 572      content: "\2014\00a0";
 573  }
 574  
 575  /* Table */
 576  
 577  .editor-block-list__block table.wp-block-table th,
 578  .editor-block-list__block table.wp-block-table td {
 579      padding: 0;
 580  }
 581  
 582  .rtl .wp-block-table th,
 583  .rtl .wp-block-table td {
 584      text-align: right;
 585  }
 586  
 587  /*--------------------------------------------------------------
 588  5.0 Blocks - Layout Elements
 589  --------------------------------------------------------------*/
 590  
 591  /* Buttons */
 592  
 593  .wp-block-buttons {
 594      font-weight: 700;
 595      letter-spacing: 0.046875em;
 596      line-height: 1;
 597      text-transform: uppercase;
 598  }
 599  
 600  .wp-block-button .wp-block-button__link {
 601      box-shadow: none;
 602      font-family: Montserrat, "Helvetica Neue", sans-serif;
 603      padding: 0.84375em 1.3125em 0.78125em;
 604  }
 605  
 606  .wp-block-button__link {
 607      background: #1a1a1a;
 608      color: #fff;
 609  }
 610  
 611  .is-style-outline .wp-block-button__link {
 612      color: #1a1a1a;
 613  }
 614  
 615  /* Media & Text */
 616  
 617  .wp-block-media-text *:last-child {
 618      margin-bottom: 0;
 619  }
 620  
 621  /*--------------------------------------------------------------
 622  6.0 Blocks - Widgets
 623  --------------------------------------------------------------*/
 624  
 625  /* Archives, Categories & Latest Posts */
 626  
 627  [data-align="center"] .wp-block-archives ul,
 628  [data-align="center"] .wp-block-categories ul,
 629  [data-align="center"] .wp-block-latest-posts ul {
 630      list-style-position: inside;
 631  }
 632  
 633  /* Latest Comments */
 634  
 635  .editor-styles-wrapper .wp-block-latest-comments__comment-meta a {
 636      box-shadow: none;
 637      font-weight: 700;
 638      text-decoration: none;
 639  }
 640  
 641  .wp-block-latest-comments__comment-date {
 642      color: #686868;
 643      font-family: Montserrat, "Helvetica Neue", sans-serif;
 644      font-size: 13px;
 645      font-size: 0.8125rem;
 646      line-height: 1.6153846154;
 647  }
 648  
 649  .wp-block-latest-comments .wp-block-latest-comments__comment:not(:first-child) {
 650      border-top: 1px solid #d1d1d1;
 651      margin-bottom: 0;
 652      padding: 1.75em 0;
 653  }
 654  
 655  .wp-block-latest-comments__comment-excerpt p:last-child {
 656      margin-bottom: 0;
 657  }
 658  
 659  /* Latest Posts */
 660  
 661  .edit-post-visual-editor .wp-block-latest-posts.is-grid {
 662      list-style: none;
 663      margin-left: 0;
 664      margin-right: 0;
 665  }
 666  
 667  .edit-post-visual-editor .wp-block-latest-posts.is-grid li {
 668      margin-bottom: 16px;
 669  }
 670  
 671  /* Avatar & Post Author */
 672  
 673  .editor-styles-wrapper .avatar,
 674  .wp-block-post-author__avatar img {
 675      border-radius: 50%;
 676  }
 677  
 678  /*--------------------------------------------------------------
 679  7.0 Blocks - Colors
 680  --------------------------------------------------------------*/
 681  
 682  :root .editor-styles-wrapper .has-dark-gray-color {
 683      color: #1a1a1a;
 684  }
 685  
 686  :root .editor-styles-wrapper .has-dark-gray-background-color {
 687      background-color: #1a1a1a;
 688  }
 689  
 690  :root .editor-styles-wrapper .has-medium-gray-color {
 691      color: #686868;
 692  }
 693  
 694  :root .editor-styles-wrapper .has-medium-gray-background-color {
 695      background-color: #686868;
 696  }
 697  
 698  :root .editor-styles-wrapper .has-light-gray-color {
 699      color: #e5e5e5;
 700  }
 701  
 702  :root .editor-styles-wrapper .has-light-gray-background-color {
 703      background-color: #e5e5e5;
 704  }
 705  
 706  :root .editor-styles-wrapper .has-white-color {
 707      color: #fff;
 708  }
 709  
 710  :root .editor-styles-wrapper .has-white-background-color {
 711      background-color: #fff;
 712  }
 713  
 714  :root .editor-styles-wrapper .has-blue-gray-color {
 715      color: #4d545c;
 716  }
 717  
 718  :root .editor-styles-wrapper .has-blue-gray-background-color {
 719      background-color: #4d545c;
 720  }
 721  
 722  :root .editor-styles-wrapper .has-bright-blue-color {
 723      color: #007acc;
 724  }
 725  
 726  :root .editor-styles-wrapper .has-bright-blue-background-color {
 727      background-color: #007acc;
 728  }
 729  
 730  :root .editor-styles-wrapper .has-light-blue-color {
 731      color: #9adffd;
 732  }
 733  
 734  :root .editor-styles-wrapper .has-light-blue-background-color {
 735      background-color: #9adffd;
 736  }
 737  
 738  :root .editor-styles-wrapper .has-dark-brown-color {
 739      color: #402b30;
 740  }
 741  
 742  :root .editor-styles-wrapper .has-dark-brown-background-color {
 743      background-color: #402b30;
 744  }
 745  
 746  :root .editor-styles-wrapper .has-medium-brown-color {
 747      color: #774e24;
 748  }
 749  
 750  :root .editor-styles-wrapper .has-medium-brown-background-color {
 751      background-color: #774e24;
 752  }
 753  
 754  :root .editor-styles-wrapper .has-dark-red-color {
 755      color: #640c1f;
 756  }
 757  
 758  :root .editor-styles-wrapper .has-dark-red-background-color {
 759      background-color: #640c1f;
 760  }
 761  
 762  :root .editor-styles-wrapper .has-bright-red-color {
 763      color: #ff675f;
 764  }
 765  
 766  :root .editor-styles-wrapper .has-bright-red-background-color {
 767      background-color: #ff675f;
 768  }
 769  
 770  :root .editor-styles-wrapper .has-yellow-color {
 771      color: #ffef8e;
 772  }
 773  
 774  :root .editor-styles-wrapper .has-yellow-background-color {
 775      background-color: #ffef8e;
 776  }