[Summary view] [Print] [Text view]

   1  /*
   2  Theme Name: Twenty Fifteen
   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  .edit-post-visual-editor .editor-block-list__block p,
  24  .editor-default-block-appender textarea.editor-default-block-appender__content {
  25      font-size: 15px;
  26      line-height: 1.6;
  27  }
  28  
  29  .edit-post-visual-editor .editor-block-list__block {
  30      color: #333;
  31  }
  32  
  33  .editor-post-title__block .editor-post-title__input {
  34      color: #333;
  35      font-size: 26px;
  36      line-height: 1.1538;
  37  }
  38  
  39  .edit-post-visual-editor h1,
  40  .edit-post-visual-editor h2,
  41  .edit-post-visual-editor h3,
  42  .edit-post-visual-editor h4,
  43  .edit-post-visual-editor h5,
  44  .edit-post-visual-editor h6 {
  45      clear: both;
  46      font-weight: 700;
  47  }
  48  
  49  .edit-post-visual-editor .editor-block-list__block h1 {
  50      font-size: 26px;
  51      line-height: 1.1538;
  52      padding: 0.9em 0 0.45em;
  53  }
  54  
  55  .edit-post-visual-editor .editor-block-list__block h2 {
  56      font-size: 22px;
  57      line-height: 1.3636;
  58      padding: 1em 0 0.5em;
  59  }
  60  
  61  .edit-post-visual-editor .editor-block-list__block h3 {
  62      font-size: 18px;
  63      line-height: 1.3333;
  64      padding: 1.3em 0 0.65em;
  65  }
  66  
  67  .edit-post-visual-editor .editor-block-list__block h4,
  68  .edit-post-visual-editor .editor-block-list__block h5,
  69  .edit-post-visual-editor .editor-block-list__block h6 {
  70      font-size: 15px;
  71      line-height: 1.2;
  72      padding: 0.8em 0 0.4em;
  73  }
  74  
  75  .edit-post-visual-editor .editor-block-list__block h5,
  76  .edit-post-visual-editor .editor-block-list__block h6 {
  77      letter-spacing: 0.1em;
  78      text-transform: uppercase;
  79  }
  80  
  81  .edit-post-visual-editor > h1:first-child,
  82  .edit-post-visual-editor > h2:first-child,
  83  .edit-post-visual-editor > h3:first-child,
  84  .edit-post-visual-editor > h4:first-child,
  85  .edit-post-visual-editor > h5:first-child,
  86  .edit-post-visual-editor > h6:first-child {
  87      padding-top: 0;
  88  }
  89  
  90  @media screen and (min-width: 46.25em) {
  91      .edit-post-visual-editor .editor-block-list__block,
  92      .edit-post-visual-editor .editor-block-list__block p,
  93      .editor-default-block-appender input[type="text"].editor-default-block-appender__content {
  94          font-size: 17px;
  95          line-height: 1.6471;
  96      }
  97  
  98      .editor-post-title__block .editor-post-title__input {
  99          font-size: 35px;
 100          line-height: 1.2;
 101      }
 102  
 103      .edit-post-visual-editor .editor-block-list__block h1 {
 104          font-size: 35px;
 105          line-height: 1.2;
 106          padding: 0.8em 0 0.4em;
 107      }
 108  
 109      .edit-post-visual-editor .editor-block-list__block h2 {
 110          font-size: 29px;
 111          line-height: 1.2069;
 112          padding: 1.0em 0 0.5em;
 113      }
 114  
 115      .edit-post-visual-editor .editor-block-list__block h3 {
 116          font-size: 24px;
 117          line-height: 1.1667;
 118          padding: 1.15em 0 0.6em;
 119      }
 120  
 121      .edit-post-visual-editor .editor-block-list__block h4 {
 122          font-size: 20px;
 123          line-height: 1.4;
 124          padding: 0.7em 0 0.35em;
 125      }
 126  
 127      .edit-post-visual-editor .editor-block-list__block h5 {
 128          font-size: 18px;
 129          line-height: 1.3333;
 130          padding: 1.3em 0 0.65em;
 131      }
 132  
 133      .edit-post-visual-editor .editor-block-list__block h6 {
 134          font-size: 17px;
 135          line-height: 1.2353;
 136          padding: 0.8em 0 0.4em;
 137      }
 138  }
 139  
 140  @media screen and (min-width: 55em) {
 141      .edit-post-visual-editor .editor-block-list__block,
 142      .edit-post-visual-editor .editor-block-list__block p,
 143      .editor-default-block-appender input[type="text"].editor-default-block-appender__content {
 144          font-size: 19px;
 145          line-height: 1.6842;
 146      }
 147  
 148      .editor-post-title__block .editor-post-title__input {
 149          font-size: 39px;
 150          line-height: 1.2308;
 151      }
 152  
 153      .edit-post-visual-editor .editor-block-list__block h1 {
 154          font-size: 39px;
 155          line-height: 1.2308;
 156          padding: 0.8em 0 0.4em;
 157      }
 158  
 159      .edit-post-visual-editor .editor-block-list__block h2 {
 160          font-size: 32px;
 161          line-height: 1.25;
 162          padding: 1em 0 0.5em;
 163      }
 164  
 165      .edit-post-visual-editor .editor-block-list__block h3 {
 166          font-size: 27px;
 167          line-height: 1.1852;
 168          padding: 1.2em 0 0.6em;
 169      }
 170  
 171      .edit-post-visual-editor .editor-block-list__block h4 {
 172          font-size: 22px;
 173          line-height: 1.4545;
 174          padding: 0.75em 0 0.35em;
 175      }
 176  
 177      .edit-post-visual-editor .editor-block-list__block h5 {
 178          font-size: 20px;
 179          line-height: 1.4;
 180          padding: 0.7em 0 0.35em;
 181      }
 182  
 183      .edit-post-visual-editor .editor-block-list__block h6 {
 184          font-size: 19px;
 185          line-height: 1.2632;
 186          padding: 0.8em 0 0.4em;
 187      }
 188  }
 189  
 190  @media screen and (min-width: 59.6875em) {
 191      .edit-post-visual-editor .editor-block-list__block,
 192      .edit-post-visual-editor .editor-block-list__block p,
 193      .editor-default-block-appender input[type="text"].editor-default-block-appender__content {
 194          font-size: 15px;
 195          line-height: 1.6;
 196      }
 197  
 198      .editor-post-title__block .editor-post-title__input {
 199          font-size: 31px;
 200          line-height: 1.1613;
 201      }
 202  
 203      .edit-post-visual-editor .editor-block-list__block h1 {
 204          font-size: 31px;
 205          line-height: 1.1613;
 206          padding: 0.8em 0 0.4em;
 207      }
 208  
 209      .edit-post-visual-editor .editor-block-list__block h2 {
 210          font-size: 26px;
 211          line-height: 1.3846;
 212          padding: 0.9em 0 0.45em;
 213      }
 214  
 215      .edit-post-visual-editor .editor-block-list__block h3 {
 216          font-size: 22px;
 217          line-height: 1.3636;
 218          padding: 1.1em 0 0.55em;
 219      }
 220  
 221      .edit-post-visual-editor .editor-block-list__block h4 {
 222          font-size: 18px;
 223          line-height: 1.3333;
 224          padding: 0.65em 0 0.3em;
 225      }
 226  
 227      .edit-post-visual-editor .editor-block-list__block h5 {
 228          font-size: 16px;
 229          line-height: 1.25;
 230          padding: 0.875em 0 0.4375em;
 231      }
 232  
 233      .edit-post-visual-editor .editor-block-list__block h6 {
 234          font-size: 15px;
 235          line-height: 1.2;
 236          padding: 0.8em 0 0.4em;
 237      }
 238  }
 239  
 240  @media screen and (min-width: 68.75em) {
 241      .edit-post-visual-editor .editor-block-list__block,
 242      .edit-post-visual-editor .editor-block-list__block p,
 243      .editor-default-block-appender input[type="text"].editor-default-block-appender__content {
 244          font-size: 17px;
 245          line-height: 1.6471;
 246      }
 247  
 248      .editor-post-title__block .editor-post-title__input {
 249          font-size: 35px;
 250          line-height: 1.2;
 251      }
 252  
 253      .edit-post-visual-editor .editor-block-list__block h1 {
 254          font-size: 35px;
 255          line-height: 1.2;
 256          padding: 0.8em 0 0.4em;
 257      }
 258  
 259      .edit-post-visual-editor .editor-block-list__block h2 {
 260          font-size: 29px;
 261          line-height: 1.2069;
 262          padding: 1.0em 0 0.5em;
 263      }
 264  
 265      .edit-post-visual-editor .editor-block-list__block h3 {
 266          font-size: 24px;
 267          line-height: 1.1667;
 268          padding: 1.2em 0 0.6em;
 269      }
 270  
 271      .edit-post-visual-editor .editor-block-list__block h4 {
 272          font-size: 20px;
 273          line-height: 1.4;
 274          padding: 0.7em 0 0.35em;
 275      }
 276  
 277      .edit-post-visual-editor .editor-block-list__block h5 {
 278          font-size: 18px;
 279          line-height: 1.3333;
 280          padding: 0.65em 0 0.3em;
 281      }
 282  
 283      .edit-post-visual-editor .editor-block-list__block h6 {
 284          font-size: 17px;
 285          line-height: 1.2353;
 286          padding: 0.8em 0 0.4em;
 287      }
 288  }
 289  
 290  @media screen and (min-width: 77.5em) {
 291      .edit-post-visual-editor .editor-block-list__block,
 292      .edit-post-visual-editor .editor-block-list__block p,
 293      .editor-default-block-appender input[type="text"].editor-default-block-appender__content {
 294          font-size: 19px;
 295          line-height: 1.6842;
 296      }
 297  
 298      .editor-post-title__block .editor-post-title__input {
 299          font-size: 39px;
 300          line-height: 1.2308;
 301      }
 302  
 303      .edit-post-visual-editor .editor-block-list__block h3 {
 304          font-size: 27px;
 305          line-height: 1.1852;
 306          padding: 1.2em 0 0.6em;
 307      }
 308  
 309      .edit-post-visual-editor .editor-block-list__block h4 {
 310          font-size: 22px;
 311          line-height: 1.4545;
 312          padding: 0.75em 0 0.35em;
 313      }
 314  
 315      .edit-post-visual-editor .editor-block-list__block h5 {
 316          font-size: 20px;
 317          line-height: 1.4;
 318          padding: 0.7em 0 0.35em;
 319      }
 320  
 321      .edit-post-visual-editor .editor-block-list__block h6 {
 322          font-size: 19px;
 323          line-height: 1.2632;
 324          padding: 0.85em 0 0.45em;
 325      }
 326  }
 327  
 328  /*--------------------------------------------------------------
 329  2.0 General Block Styles
 330  --------------------------------------------------------------*/
 331  
 332  /* Main column width */
 333  
 334  .editor-styles-wrapper {
 335      max-width: 100% !important; /* Override where editor-style.css is affecting this. */
 336  }
 337  
 338  .wp-block {
 339      max-width: 690px; /* 660px + 30px to account for padding. */
 340  }
 341  
 342  /* Link styles */
 343  
 344  .edit-post-visual-editor a,
 345  .editor-block-list__block a,
 346  .wp-block-freeform.block-library-rich-text__tinymce a {
 347      border-bottom: 1px solid #333;
 348      color: #333;
 349      text-decoration: none;
 350  }
 351  
 352  /* List styles */
 353  
 354  .edit-post-visual-editor ul:not(.wp-block-gallery),
 355  .editor-block-list__block ul:not(.wp-block-gallery),
 356  .block-library-list ul,
 357  .edit-post-visual-editor ol,
 358  .editor-block-list__block ol,
 359  .block-library-list ol,
 360  .block-library-list .editor-rich-text__tinymce {
 361      padding: 0;
 362  }
 363  
 364  .edit-post-visual-editor ul:not(.wp-block-gallery),
 365  .editor-block-list__block ul:not(.wp-block-gallery),
 366  .block-library-list ul {
 367      list-style: disc;
 368  }
 369  
 370  .edit-post-visual-editor ol,
 371  .editor-block-list__block ol,
 372  .block-library-list ol {
 373      list-style: decimal;
 374  }
 375  
 376  .edit-post-visual-editor ul:not(.wp-block-gallery) li > ul,
 377  .editor-block-list__block ul:not(.wp-block-gallery) li > ul,
 378  .block-library-list li > ul,
 379  .edit-post-visual-editor li > ol,
 380  .editor-block-list__block li > ol,
 381  .block-library-list li > ol {
 382      margin-bottom: 0;
 383  }
 384  
 385  .wp-block-freeform.block-library-rich-text__tinymce li,
 386  .editor-block-list__block li {
 387      margin-bottom: 0;
 388  }
 389  
 390  .rtl .editor-styles-wrapper ul ul,
 391  .rtl .editor-styles-wrapper ol ol,
 392  .rtl .editor-styles-wrapper ul ol,
 393  .rtl .editor-styles-wrapper ol ul {
 394      margin-left: 0;
 395      margin-right: 23px;
 396  }
 397  
 398  .wp-block-freeform.block-library-rich-text__tinymce ul,
 399  .wp-block-freeform.block-library-rich-text__tinymce ol {
 400      padding-left: 23px;
 401  }
 402  
 403  .rtl .wp-block-freeform.block-library-rich-text__tinymce ul,
 404  .rtl .wp-block-freeform.block-library-rich-text__tinymce ol {
 405      padding: 0;
 406  }
 407  
 408  div.editor-styles-wrapper .wp-block-list:where(.has-background) {
 409      padding: 1.25em 2.375em;
 410  }
 411  
 412  /* Quote */
 413  
 414  .rtl .editor-block-list__block blockquote {
 415      border-left: 0;
 416      padding-left: 0;
 417  }
 418  
 419  /* Captions */
 420  
 421  [class^="wp-block-"] figcaption {
 422      color: #707070;
 423      font-family: "Noto Sans", sans-serif;
 424      font-size: 12px;
 425      margin-bottom: 0;
 426      padding: 0.5em 0;
 427  }
 428  
 429  .editor-block-list__block [class^="wp-block-"] figcaption {
 430      line-height: 1.5;
 431  }
 432  
 433  @media screen and (min-width: 46.25em) {
 434      [class^="wp-block-"] figcaption {
 435          font-size: 14px;
 436      }
 437  }
 438  
 439  @media screen and (min-width: 55em) {
 440      [class^="wp-block-"] figcaption {
 441          font-size: 16px;
 442      }
 443  }
 444  
 445  @media screen and (min-width: 59.6875em) {
 446      [class^="wp-block-"] figcaption {
 447          font-size: 12px;
 448      }
 449  }
 450  
 451  @media screen and (min-width: 68.75em) {
 452      [class^="wp-block-"] figcaption {
 453          font-size: 14px;
 454      }
 455  }
 456  
 457  @media screen and (min-width: 77.5em) {
 458      [class^="wp-block-"] figcaption {
 459          font-size: 16px;
 460      }
 461  }
 462  
 463  /* Pre */
 464  
 465  [class^="wp-block-"] pre {
 466      font-size: inherit;
 467  }
 468  
 469  /* Alignments */
 470  
 471  .wp-block-quote.alignright,
 472  .wp-block-freeform.block-library-rich-text__tinymce .alignright {
 473      margin: 0.4211em 0 1.6842em 1.6842em;
 474  }
 475  
 476  .wp-block-quote.alignleft,
 477  .wp-block-freeform.block-library-rich-text__tinymce .alignleft {
 478      margin: 0.4211em 1.6842em 1.6842em 0;
 479  }
 480  
 481  /*--------------------------------------------------------------
 482  3.0 Blocks - Common Blocks
 483  --------------------------------------------------------------*/
 484  
 485  /* Paragraph */
 486  
 487  p.has-drop-cap:not(:focus)::first-letter {
 488      font-size: 5em;
 489  }
 490  
 491  /* Quotes */
 492  
 493  .wp-block-quote,
 494  .wp-block-freeform.block-library-rich-text__tinymce blockquote {
 495      color: #707070;
 496      margin-bottom: 1.6667em;
 497      padding-left: 0.7778em;
 498  }
 499  
 500  .wp-block-quote:not(.is-large):not(.is-style-large),
 501  .wp-block-freeform.block-library-rich-text__tinymce blockquote {
 502      border-color: #707070;
 503  }
 504  
 505  .edit-post-visual-editor .wp-block-quote p {
 506      font-size: 18px;
 507      font-style: italic;
 508      line-height: 1.6667;
 509      margin-bottom: 1.6667em;
 510  }
 511  
 512  .edit-post-visual-editor .wp-block-quote > p:last-child {
 513      margin-bottom: 0;
 514  }
 515  
 516  .wp-block-quote__citation {
 517      color: #333;
 518      font-family: "Noto Sans", sans-serif;
 519      font-size: 15px;
 520      font-style: normal;
 521      line-height: 1.6;
 522      text-transform: none;
 523  }
 524  
 525  .wp-block-quote.has-text-color cite,
 526  .wp-block-quote.has-background cite {
 527      color: inherit;
 528  }
 529  
 530  .wp-block-quote em,
 531  .wp-block-quote i {
 532      font-style: normal;
 533  }
 534  
 535  .wp-block-quote strong,
 536  .wp-block-quote b {
 537      font-weight: 400;
 538  }
 539  
 540  @media screen and (min-width: 46.25em) {
 541      .edit-post-visual-editor .wp-block-quote p {
 542          font-size: 20px;
 543          line-height: 1.75;
 544      }
 545  
 546      .wp-block-quote__citation {
 547          font-size: 17px;
 548          line-height: 1.6471;
 549      }
 550  }
 551  
 552  @media screen and (min-width: 55em) {
 553      .edit-post-visual-editor .wp-block-quote p {
 554          font-size: 22px;
 555          line-height: 1.8182;
 556      }
 557  
 558      .wp-block-quote__citation {
 559          font-size: 19px;
 560          line-height: 1.6842;
 561      }
 562  }
 563  
 564  @media screen and (min-width: 59.6875em) {
 565      .edit-post-visual-editor .wp-block-quote p {
 566          font-size: 18px;
 567          line-height: 1.6667;
 568      }
 569  
 570      .wp-block-quote__citation {
 571          font-size: 15px;
 572          line-height: 1.6;
 573      }
 574  }
 575  
 576  @media screen and (min-width: 68.75em) {
 577      .edit-post-visual-editor .wp-block-quote p {
 578          font-size: 20px;
 579          line-height: 1.75;
 580      }
 581  
 582      .wp-block-quote__citation {
 583          font-size: 17px;
 584          line-height: 1.6471;
 585      }
 586  }
 587  
 588  @media screen and (min-width: 77.5em) {
 589      .edit-post-visual-editor .wp-block-quote p {
 590          font-size: 22px;
 591          line-height: 1.8182;
 592      }
 593  
 594      .wp-block-quote__citation {
 595          font-size: 19px;
 596          line-height: 1.6842;
 597      }
 598  }
 599  
 600  /* Cover */
 601  
 602  .edit-post-visual-editor .editor-block-list__block .wp-block-cover-image p,
 603  .edit-post-visual-editor .editor-block-list__block .wp-block-cover p,
 604  .wp-block-cover-image h2,
 605  .wp-block-cover h2 {
 606      font-size: 29px;
 607      line-height: 1.2069;
 608  }
 609  
 610  /* File */
 611  
 612  .wp-block-file .editor-rich-text__tinymce {
 613      border-bottom: 1px solid #333;
 614  }
 615  
 616  .wp-block-file .wp-block-file__button {
 617      background-color: #333;
 618      border: 0;
 619      border-radius: 0;
 620      color: #fff;
 621      cursor: pointer;
 622      font-family: "Noto Sans", sans-serif;
 623      font-size: 12px;
 624      font-weight: 700;
 625      line-height: 1.5;
 626      padding: 0.7917em 1.5em;
 627      text-transform: uppercase;
 628      vertical-align: baseline;
 629  }
 630  
 631  @media screen and (min-width: 46.25em) {
 632      .wp-block-file .wp-block-file__button {
 633          font-size: 14px;
 634          padding: 0.8214em 1.6429em;
 635      }
 636  }
 637  
 638  @media screen and (min-width: 55em) {
 639      .wp-block-file .wp-block-file__button {
 640          font-size: 16px;
 641          padding: 0.8125em 1.625em;
 642      }
 643  }
 644  
 645  @media screen and (min-width: 59.6875em) {
 646      .wp-block-file .wp-block-file__button {
 647          font-size: 12px;
 648          padding: 0.7917em 1.5833em;
 649      }
 650  }
 651  
 652  @media screen and (min-width: 68.75em) {
 653      .wp-block-file .wp-block-file__button {
 654          font-size: 14px;
 655          padding: 0.8214em 1.5714em;
 656      }
 657  }
 658  
 659  @media screen and (min-width: 77.5em) {
 660      .wp-block-file .wp-block-file__button {
 661          font-size: 16px;
 662          padding: 0.8125em 1.625em;
 663      }
 664  }
 665  
 666  /*--------------------------------------------------------------
 667  4.0 Blocks - Formatting
 668  --------------------------------------------------------------*/
 669  
 670  /* Code */
 671  
 672  .editor-styles-wrapper .wp-block-code,
 673  .wp-block-freeform.block-library-rich-text__tinymce code {
 674      background: transparent;
 675      border: 0;
 676      padding: 0;
 677  }
 678  
 679  .wp-block-code {
 680      font-family: Inconsolata, monospace;
 681  }
 682  
 683  /* Pullquote */
 684  
 685  .wp-block-pullquote,
 686  .editor-styles-wrapper .wp-block-pullquote blockquote {
 687      border: 0 solid;
 688      color: inherit;
 689      margin: 0;
 690      padding-left: 0;
 691  }
 692  
 693  .wp-block-pullquote .wp-block-pullquote__citation {
 694      color: inherit;
 695      font-family: "Noto Sans", sans-serif;
 696      font-size: 15px;
 697      font-style: normal;
 698      line-height: 1.6;
 699      text-transform: none;
 700  }
 701  
 702  @media screen and (min-width: 46.25em) {
 703      .wp-block-pullquote .wp-block-pullquote__citation {
 704          font-size: 17px;
 705          line-height: 1.6471;
 706      }
 707  }
 708  
 709  @media screen and (min-width: 55em) {
 710      .wp-block-pullquote .wp-block-pullquote__citation {
 711          font-size: 19px;
 712          line-height: 1.6842;
 713      }
 714  }
 715  
 716  @media screen and (min-width: 59.6875em) {
 717      .wp-block-pullquote .wp-block-pullquote__citation {
 718          font-size: 15px;
 719          line-height: 1.6;
 720      }
 721  }
 722  
 723  @media screen and (min-width: 68.75em) {
 724      .wp-block-pullquote .wp-block-pullquote__citation {
 725          font-size: 17px;
 726          line-height: 1.6471;
 727      }
 728  }
 729  
 730  @media screen and (min-width: 77.5em) {
 731      .wp-block-pullquote .wp-block-pullquote__citation {
 732          font-size: 19px;
 733          line-height: 1.6842;
 734      }
 735  }
 736  
 737  /* Tables */
 738  
 739  .editor-block-list__block .wp-block-table th,
 740  .editor-block-list__block .wp-block-table td {
 741      padding: 0;
 742  }
 743  
 744  .rtl .editor-block-list__block .wp-block-table th {
 745      text-align: right;
 746  }
 747  
 748  /*--------------------------------------------------------------
 749  5.0 Blocks - Layout Elements
 750  --------------------------------------------------------------*/
 751  
 752  /* Button */
 753  
 754  .wp-block-button .wp-block-button__link {
 755      cursor: pointer;
 756      font-family: "Noto Sans", sans-serif;
 757      font-size: 12px;
 758      font-weight: 700;
 759      line-height: 1.5;
 760      padding: 0.7917em 1.5em;
 761      text-transform: uppercase;
 762      vertical-align: baseline;
 763  }
 764  
 765  .wp-block-button__link {
 766      background-color: #333;
 767      color: #fff;
 768  }
 769  
 770  .wp-block-buttons[style*="text-transform"] .wp-block-button__link,
 771  .wp-block-button[style*="text-transform"] .wp-block-button__link {
 772      text-transform: inherit;
 773  }
 774  
 775  .is-style-outline .wp-block-button__link {
 776      color: #333;
 777  }
 778  
 779  @media screen and (min-width: 46.25em) {
 780      .wp-block-button .wp-block-button__link {
 781          font-size: 14px;
 782          padding: 0.8214em 1.6429em;
 783      }
 784  }
 785  
 786  @media screen and (min-width: 55em) {
 787      .wp-block-button .wp-block-button__link {
 788          font-size: 16px;
 789          padding: 0.8125em 1.625em;
 790      }
 791  }
 792  
 793  @media screen and (min-width: 59.6875em) {
 794      .wp-block-button .wp-block-button__link {
 795          font-size: 12px;
 796          padding: 0.7917em 1.5833em;
 797      }
 798  }
 799  
 800  @media screen and (min-width: 68.75em) {
 801      .wp-block-button .wp-block-button__link {
 802          font-size: 14px;
 803          padding: 0.8214em 1.5714em;
 804      }
 805  }
 806  
 807  @media screen and (min-width: 77.5em) {
 808      .wp-block-button .wp-block-button__link {
 809          font-size: 16px;
 810          padding: 0.8125em 1.625em;
 811      }
 812  }
 813  
 814  /* Separator */
 815  
 816  .wp-block-separator {
 817      border: 0;
 818      max-width: 100px;
 819  }
 820  
 821  .wp-block-separator.is-style-wide,
 822  .wp-block-separator.is-style-dots {
 823      max-width: 100%;
 824  }
 825  
 826  /* Media & Text */
 827  
 828  .wp-block-media-text *:last-child {
 829      margin-bottom: 0;
 830  }
 831  
 832  
 833  /*--------------------------------------------------------------
 834  6.0 Blocks - Widgets
 835  --------------------------------------------------------------*/
 836  
 837  /* Archives, Categories & Latest Posts */
 838  
 839  [data-align="center"] .wp-block-archives ul,
 840  [data-align="center"] .wp-block-categories ul,
 841  [data-align="center"] .wp-block-latest-posts ul {
 842      list-style-position: inside;
 843  }
 844  
 845  
 846  /* Latest Comments */
 847  
 848  .wp-block-latest-comments {
 849      margin: 0;
 850  }
 851  
 852  .wp-block-latest-comments__comment,
 853  .wp-block-latest-comments__comment-excerpt,
 854  .wp-block-latest-comments__comment-excerpt p {
 855      font-size: inherit;
 856  }
 857  
 858  .wp-block-latest-comments__comment-meta a {
 859      border-bottom-color: transparent;
 860      font-weight: 700;
 861  }
 862  
 863  .wp-block-latest-comments__comment-excerpt p:last-child {
 864      margin-bottom: 0;
 865  }
 866  
 867  .wp-block-latest-comments__comment-date {
 868      color: #707070;
 869      font-family: "Noto Sans", sans-serif;
 870      font-size: 12px;
 871      line-height: 1.5;
 872      margin-bottom: 1.6em;
 873  }
 874  
 875  @media screen and (min-width: 46.25em) {
 876      .wp-block-latest-comments__comment-date {
 877          font-size: 14px;
 878      }
 879  }
 880  
 881  @media screen and (min-width: 55em) {
 882      .wp-block-latest-comments__comment-date {
 883          font-size: 16px;
 884      }
 885  }
 886  
 887  @media screen and (min-width: 59.6875em) {
 888      .wp-block-latest-comments__comment-date {
 889          font-size: 12px;
 890      }
 891  }
 892  
 893  @media screen and (min-width: 68.75em) {
 894      .wp-block-latest-comments__comment-date {
 895          font-size: 14px;
 896      }
 897  }
 898  
 899  @media screen and (min-width: 77.5em) {
 900      .wp-block-latest-comments__comment-date {
 901          font-size: 16px;
 902      }
 903  }
 904  
 905  .wp-block-latest-comments .wp-block-latest-comments__comment {
 906      border-top: 1px solid #eaeaea;
 907      border-top: 1px solid rgba(51, 51, 51, 0.1);
 908      margin-bottom: 0;
 909      padding: 1.6em 0;
 910  }
 911  
 912  /* Latest Posts */
 913  
 914  .edit-post-visual-editor .wp-block-latest-posts.is-grid {
 915      list-style: none;
 916      margin-left: 0;
 917      margin-right: 0;
 918  }
 919  
 920  .edit-post-visual-editor .wp-block-latest-posts.is-grid li {
 921      margin-bottom: 16px;
 922  }
 923  
 924  /*--------------------------------------------------------------
 925  7.0 Blocks - Colors
 926  --------------------------------------------------------------*/
 927  
 928  :root .editor-styles-wrapper .has-dark-gray-color {
 929      color: #111;
 930  }
 931  
 932  :root .editor-styles-wrapper .has-dark-gray-background-color {
 933      background-color: #111;
 934  }
 935  
 936  :root .editor-styles-wrapper .has-light-gray-color {
 937      color: #f1f1f1;
 938  }
 939  
 940  :root .editor-styles-wrapper .has-light-gray-background-color {
 941      background-color: #f1f1f1;
 942  }
 943  
 944  :root .editor-styles-wrapper .has-white-color {
 945      color: #fff;
 946  }
 947  
 948  :root .editor-styles-wrapper .has-white-background-color {
 949      background-color: #fff;
 950  }
 951  
 952  :root .editor-styles-wrapper .has-yellow-color {
 953      color: #f4ca16;
 954  }
 955  
 956  :root .editor-styles-wrapper .has-yellow-background-color {
 957      background-color: #f4ca16;
 958  }
 959  
 960  :root .editor-styles-wrapper .has-dark-brown-color {
 961      color: #352712;
 962  }
 963  
 964  :root .editor-styles-wrapper .has-dark-brown-background-color {
 965      background-color: #352712;
 966  }
 967  
 968  :root .editor-styles-wrapper .has-medium-pink-color {
 969      color: #e53b51;
 970  }
 971  
 972  :root .editor-styles-wrapper .has-medium-pink-background-color {
 973      background-color: #e53b51;
 974  }
 975  
 976  :root .editor-styles-wrapper .has-light-pink-color {
 977      color: #ffe5d1;
 978  }
 979  
 980  :root .editor-styles-wrapper .has-light-pink-background-color {
 981      background-color: #ffe5d1;
 982  }
 983  
 984  :root .editor-styles-wrapper .has-dark-purple-color {
 985      color: #2e2256;
 986  }
 987  
 988  :root .editor-styles-wrapper .has-dark-purple-background-color {
 989      background-color: #2e2256;
 990  }
 991  
 992  :root .editor-styles-wrapper .has-purple-color {
 993      color: #674970;
 994  }
 995  
 996  :root .editor-styles-wrapper .has-purple-background-color {
 997      background-color: #674970;
 998  }
 999  
1000  :root .editor-styles-wrapper .has-blue-gray-color {
1001      color: #22313f;
1002  }
1003  
1004  :root .editor-styles-wrapper .has-blue-gray-background-color {
1005      background-color: #22313f;
1006  }
1007  
1008  :root .editor-styles-wrapper .has-bright-blue-color {
1009      color: #55c3dc;
1010  }
1011  
1012  :root .editor-styles-wrapper .has-bright-blue-background-color {
1013      background-color: #55c3dc;
1014  }
1015  
1016  :root .editor-styles-wrapper .has-light-blue-color {
1017      color: #e9f2f9;
1018  }
1019  
1020  :root .editor-styles-wrapper .has-light-blue-background-color {
1021      background-color: #e9f2f9;
1022  }