[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  /* Quote */
 409  
 410  .rtl .editor-block-list__block blockquote {
 411      border-left: 0;
 412      padding-left: 0;
 413  }
 414  
 415  /* Captions */
 416  
 417  [class^="wp-block-"] figcaption {
 418      color: #707070;
 419      font-family: "Noto Sans", sans-serif;
 420      font-size: 12px;
 421      margin-bottom: 0;
 422      padding: 0.5em 0;
 423  }
 424  
 425  .editor-block-list__block [class^="wp-block-"] figcaption {
 426      line-height: 1.5;
 427  }
 428  
 429  @media screen and (min-width: 46.25em) {
 430      [class^="wp-block-"] figcaption {
 431          font-size: 14px;
 432      }
 433  }
 434  
 435  @media screen and (min-width: 55em) {
 436      [class^="wp-block-"] figcaption {
 437          font-size: 16px;
 438      }
 439  }
 440  
 441  @media screen and (min-width: 59.6875em) {
 442      [class^="wp-block-"] figcaption {
 443          font-size: 12px;
 444      }
 445  }
 446  
 447  @media screen and (min-width: 68.75em) {
 448      [class^="wp-block-"] figcaption {
 449          font-size: 14px;
 450      }
 451  }
 452  
 453  @media screen and (min-width: 77.5em) {
 454      [class^="wp-block-"] figcaption {
 455          font-size: 16px;
 456      }
 457  }
 458  
 459  /* Pre */
 460  
 461  [class^="wp-block-"] pre {
 462      font-size: inherit;
 463  }
 464  
 465  /* Alignments */
 466  
 467  .wp-block-quote.alignright,
 468  .wp-block-freeform.block-library-rich-text__tinymce .alignright {
 469      margin: 0.4211em 0 1.6842em 1.6842em;
 470  }
 471  
 472  .wp-block-quote.alignleft,
 473  .wp-block-freeform.block-library-rich-text__tinymce .alignleft {
 474      margin: 0.4211em 1.6842em 1.6842em 0;
 475  }
 476  
 477  /*--------------------------------------------------------------
 478  3.0 Blocks - Common Blocks
 479  --------------------------------------------------------------*/
 480  
 481  /* Paragraph */
 482  
 483  p.has-drop-cap:not(:focus)::first-letter {
 484      font-size: 5em;
 485  }
 486  
 487  /* Quotes */
 488  
 489  .wp-block-quote,
 490  .wp-block-freeform.block-library-rich-text__tinymce blockquote {
 491      color: #707070;
 492      margin-bottom: 1.6667em;
 493      padding-left: 0.7778em;
 494  }
 495  
 496  .wp-block-quote:not(.is-large):not(.is-style-large),
 497  .wp-block-freeform.block-library-rich-text__tinymce blockquote {
 498      border-color: #707070;
 499  }
 500  
 501  .edit-post-visual-editor .wp-block-quote p {
 502      font-size: 18px;
 503      font-style: italic;
 504      line-height: 1.6667;
 505      margin-bottom: 1.6667em;
 506  }
 507  
 508  .edit-post-visual-editor .wp-block-quote > p:last-child {
 509      margin-bottom: 0;
 510  }
 511  
 512  .wp-block-quote__citation {
 513      color: #333;
 514      font-family: "Noto Sans", sans-serif;
 515      font-size: 15px;
 516      font-style: normal;
 517      line-height: 1.6;
 518      text-transform: none;
 519  }
 520  
 521  .wp-block-quote em,
 522  .wp-block-quote i {
 523      font-style: normal;
 524  }
 525  
 526  .wp-block-quote strong,
 527  .wp-block-quote b {
 528      font-weight: 400;
 529  }
 530  
 531  @media screen and (min-width: 46.25em) {
 532      .edit-post-visual-editor .wp-block-quote p {
 533          font-size: 20px;
 534          line-height: 1.75;
 535      }
 536  
 537      .wp-block-quote__citation {
 538          font-size: 17px;
 539          line-height: 1.6471;
 540      }
 541  }
 542  
 543  @media screen and (min-width: 55em) {
 544      .edit-post-visual-editor .wp-block-quote p {
 545          font-size: 22px;
 546          line-height: 1.8182;
 547      }
 548  
 549      .wp-block-quote__citation {
 550          font-size: 19px;
 551          line-height: 1.6842;
 552      }
 553  }
 554  
 555  @media screen and (min-width: 59.6875em) {
 556      .edit-post-visual-editor .wp-block-quote p {
 557          font-size: 18px;
 558          line-height: 1.6667;
 559      }
 560  
 561      .wp-block-quote__citation {
 562          font-size: 15px;
 563          line-height: 1.6;
 564      }
 565  }
 566  
 567  @media screen and (min-width: 68.75em) {
 568      .edit-post-visual-editor .wp-block-quote p {
 569          font-size: 20px;
 570          line-height: 1.75;
 571      }
 572  
 573      .wp-block-quote__citation {
 574          font-size: 17px;
 575          line-height: 1.6471;
 576      }
 577  }
 578  
 579  @media screen and (min-width: 77.5em) {
 580      .edit-post-visual-editor .wp-block-quote p {
 581          font-size: 22px;
 582          line-height: 1.8182;
 583      }
 584  
 585      .wp-block-quote__citation {
 586          font-size: 19px;
 587          line-height: 1.6842;
 588      }
 589  }
 590  
 591  /* Cover */
 592  
 593  .edit-post-visual-editor .editor-block-list__block .wp-block-cover-image p,
 594  .edit-post-visual-editor .editor-block-list__block .wp-block-cover p,
 595  .wp-block-cover-image h2,
 596  .wp-block-cover h2 {
 597      font-size: 29px;
 598      line-height: 1.2069;
 599  }
 600  
 601  /* File */
 602  
 603  .wp-block-file .editor-rich-text__tinymce {
 604      border-bottom: 1px solid #333;
 605  }
 606  
 607  .wp-block-file .wp-block-file__button {
 608      background-color: #333;
 609      border: 0;
 610      border-radius: 0;
 611      color: #fff;
 612      cursor: pointer;
 613      font-family: "Noto Sans", sans-serif;
 614      font-size: 12px;
 615      font-weight: 700;
 616      line-height: 1.5;
 617      padding: 0.7917em 1.5em;
 618      text-transform: uppercase;
 619      vertical-align: baseline;
 620  }
 621  
 622  @media screen and (min-width: 46.25em) {
 623      .wp-block-file .wp-block-file__button {
 624          font-size: 14px;
 625          padding: 0.8214em 1.6429em;
 626      }
 627  }
 628  
 629  @media screen and (min-width: 55em) {
 630      .wp-block-file .wp-block-file__button {
 631          font-size: 16px;
 632          padding: 0.8125em 1.625em;
 633      }
 634  }
 635  
 636  @media screen and (min-width: 59.6875em) {
 637      .wp-block-file .wp-block-file__button {
 638          font-size: 12px;
 639          padding: 0.7917em 1.5833em;
 640      }
 641  }
 642  
 643  @media screen and (min-width: 68.75em) {
 644      .wp-block-file .wp-block-file__button {
 645          font-size: 14px;
 646          padding: 0.8214em 1.5714em;
 647      }
 648  }
 649  
 650  @media screen and (min-width: 77.5em) {
 651      .wp-block-file .wp-block-file__button {
 652          font-size: 16px;
 653          padding: 0.8125em 1.625em;
 654      }
 655  }
 656  
 657  /*--------------------------------------------------------------
 658  4.0 Blocks - Formatting
 659  --------------------------------------------------------------*/
 660  
 661  /* Code */
 662  
 663  .editor-styles-wrapper .wp-block-code,
 664  .wp-block-freeform.block-library-rich-text__tinymce code {
 665      background: transparent;
 666      border: 0;
 667      padding: 0;
 668  }
 669  
 670  /* Pullquote */
 671  
 672  .wp-block-pullquote,
 673  .editor-block-list__block .wp-block-pullquote blockquote {
 674      border: 0;
 675      margin: 0;
 676      padding-left: 0;
 677  }
 678  
 679  .wp-block-pullquote .wp-block-pullquote__citation {
 680      color: #333;
 681      font-family: "Noto Sans", sans-serif;
 682      font-size: 15px;
 683      font-style: normal;
 684      line-height: 1.6;
 685      text-transform: none;
 686  }
 687  
 688  @media screen and (min-width: 46.25em) {
 689      .wp-block-pullquote .wp-block-pullquote__citation {
 690          font-size: 17px;
 691          line-height: 1.6471;
 692      }
 693  }
 694  
 695  @media screen and (min-width: 55em) {
 696      .wp-block-pullquote .wp-block-pullquote__citation {
 697          font-size: 19px;
 698          line-height: 1.6842;
 699      }
 700  }
 701  
 702  @media screen and (min-width: 59.6875em) {
 703      .wp-block-pullquote .wp-block-pullquote__citation {
 704          font-size: 15px;
 705          line-height: 1.6;
 706      }
 707  }
 708  
 709  @media screen and (min-width: 68.75em) {
 710      .wp-block-pullquote .wp-block-pullquote__citation {
 711          font-size: 17px;
 712          line-height: 1.6471;
 713      }
 714  }
 715  
 716  @media screen and (min-width: 77.5em) {
 717      .wp-block-pullquote .wp-block-pullquote__citation {
 718          font-size: 19px;
 719          line-height: 1.6842;
 720      }
 721  }
 722  
 723  /* Tables */
 724  
 725  .editor-block-list__block .wp-block-table th,
 726  .editor-block-list__block .wp-block-table td {
 727      padding: 0;
 728  }
 729  
 730  .rtl .editor-block-list__block .wp-block-table th {
 731      text-align: right;
 732  }
 733  
 734  /* Verse */
 735  
 736  .editor-styles-wrapper .wp-block-verse {
 737      font-family: inherit;
 738  }
 739  
 740  /*--------------------------------------------------------------
 741  5.0 Blocks - Layout Elements
 742  --------------------------------------------------------------*/
 743  
 744  /* Button */
 745  
 746  .wp-block-button .wp-block-button__link {
 747      cursor: pointer;
 748      font-family: "Noto Sans", sans-serif;
 749      font-size: 12px;
 750      font-weight: 700;
 751      line-height: 1.5;
 752      padding: 0.7917em 1.5em;
 753      text-transform: uppercase;
 754      vertical-align: baseline;
 755  }
 756  
 757  .wp-block-button__link {
 758      background-color: #333;
 759      color: #fff;
 760  }
 761  
 762  .wp-block-buttons[style*="text-transform"] .wp-block-button__link,
 763  .wp-block-button[style*="text-transform"] .wp-block-button__link {
 764      text-transform: inherit;
 765  }
 766  
 767  .is-style-outline .wp-block-button__link {
 768      color: #333;
 769  }
 770  
 771  @media screen and (min-width: 46.25em) {
 772      .wp-block-button .wp-block-button__link {
 773          font-size: 14px;
 774          padding: 0.8214em 1.6429em;
 775      }
 776  }
 777  
 778  @media screen and (min-width: 55em) {
 779      .wp-block-button .wp-block-button__link {
 780          font-size: 16px;
 781          padding: 0.8125em 1.625em;
 782      }
 783  }
 784  
 785  @media screen and (min-width: 59.6875em) {
 786      .wp-block-button .wp-block-button__link {
 787          font-size: 12px;
 788          padding: 0.7917em 1.5833em;
 789      }
 790  }
 791  
 792  @media screen and (min-width: 68.75em) {
 793      .wp-block-button .wp-block-button__link {
 794          font-size: 14px;
 795          padding: 0.8214em 1.5714em;
 796      }
 797  }
 798  
 799  @media screen and (min-width: 77.5em) {
 800      .wp-block-button .wp-block-button__link {
 801          font-size: 16px;
 802          padding: 0.8125em 1.625em;
 803      }
 804  }
 805  
 806  /* Separator */
 807  
 808  .wp-block-separator {
 809      max-width: 100px;
 810  }
 811  
 812  .wp-block-separator.is-style-wide,
 813  .wp-block-separator.is-style-dots {
 814      max-width: 100%;
 815  }
 816  
 817  /* Media & Text */
 818  
 819  .wp-block-media-text *:last-child {
 820      margin-bottom: 0;
 821  }
 822  
 823  
 824  /*--------------------------------------------------------------
 825  6.0 Blocks - Widgets
 826  --------------------------------------------------------------*/
 827  
 828  /* Archives, Categories & Latest Posts */
 829  
 830  [data-align="center"] .wp-block-archives ul,
 831  [data-align="center"] .wp-block-categories ul,
 832  [data-align="center"] .wp-block-latest-posts ul {
 833      list-style-position: inside;
 834  }
 835  
 836  
 837  /* Latest Comments */
 838  
 839  .wp-block-latest-comments {
 840      margin: 0;
 841  }
 842  
 843  .wp-block-latest-comments__comment,
 844  .wp-block-latest-comments__comment-excerpt,
 845  .wp-block-latest-comments__comment-excerpt p {
 846      font-size: inherit;
 847  }
 848  
 849  .wp-block-latest-comments__comment-meta a {
 850      border-bottom-color: transparent;
 851      font-weight: 700;
 852  }
 853  
 854  .wp-block-latest-comments__comment-excerpt p:last-child {
 855      margin-bottom: 0;
 856  }
 857  
 858  .wp-block-latest-comments__comment-date {
 859      color: #707070;
 860      font-family: "Noto Sans", sans-serif;
 861      font-size: 12px;
 862      line-height: 1.5;
 863      margin-bottom: 1.6em;
 864  }
 865  
 866  @media screen and (min-width: 46.25em) {
 867      .wp-block-latest-comments__comment-date {
 868          font-size: 14px;
 869      }
 870  }
 871  
 872  @media screen and (min-width: 55em) {
 873      .wp-block-latest-comments__comment-date {
 874          font-size: 16px;
 875      }
 876  }
 877  
 878  @media screen and (min-width: 59.6875em) {
 879      .wp-block-latest-comments__comment-date {
 880          font-size: 12px;
 881      }
 882  }
 883  
 884  @media screen and (min-width: 68.75em) {
 885      .wp-block-latest-comments__comment-date {
 886          font-size: 14px;
 887      }
 888  }
 889  
 890  @media screen and (min-width: 77.5em) {
 891      .wp-block-latest-comments__comment-date {
 892          font-size: 16px;
 893      }
 894  }
 895  
 896  .wp-block-latest-comments .wp-block-latest-comments__comment {
 897      border-top: 1px solid #eaeaea;
 898      border-top: 1px solid rgba(51, 51, 51, 0.1);
 899      margin-bottom: 0;
 900      padding: 1.6em 0;
 901  }
 902  
 903  /* Latest Posts */
 904  
 905  .edit-post-visual-editor .wp-block-latest-posts.is-grid {
 906      list-style: none;
 907      margin-left: 0;
 908      margin-right: 0;
 909  }
 910  
 911  .edit-post-visual-editor .wp-block-latest-posts.is-grid li {
 912      margin-bottom: 16px;
 913  }
 914  
 915  /*--------------------------------------------------------------
 916  7.0 Blocks - Colors
 917  --------------------------------------------------------------*/
 918  
 919  :root .editor-styles-wrapper .has-dark-gray-color {
 920      color: #111;
 921  }
 922  
 923  :root .editor-styles-wrapper .has-dark-gray-background-color {
 924      background-color: #111;
 925  }
 926  
 927  :root .editor-styles-wrapper .has-light-gray-color {
 928      color: #f1f1f1;
 929  }
 930  
 931  :root .editor-styles-wrapper .has-light-gray-background-color {
 932      background-color: #f1f1f1;
 933  }
 934  
 935  :root .editor-styles-wrapper .has-white-color {
 936      color: #fff;
 937  }
 938  
 939  :root .editor-styles-wrapper .has-white-background-color {
 940      background-color: #fff;
 941  }
 942  
 943  :root .editor-styles-wrapper .has-yellow-color {
 944      color: #f4ca16;
 945  }
 946  
 947  :root .editor-styles-wrapper .has-yellow-background-color {
 948      background-color: #f4ca16;
 949  }
 950  
 951  :root .editor-styles-wrapper .has-dark-brown-color {
 952      color: #352712;
 953  }
 954  
 955  :root .editor-styles-wrapper .has-dark-brown-background-color {
 956      background-color: #352712;
 957  }
 958  
 959  :root .editor-styles-wrapper .has-medium-pink-color {
 960      color: #e53b51;
 961  }
 962  
 963  :root .editor-styles-wrapper .has-medium-pink-background-color {
 964      background-color: #e53b51;
 965  }
 966  
 967  :root .editor-styles-wrapper .has-light-pink-color {
 968      color: #ffe5d1;
 969  }
 970  
 971  :root .editor-styles-wrapper .has-light-pink-background-color {
 972      background-color: #ffe5d1;
 973  }
 974  
 975  :root .editor-styles-wrapper .has-dark-purple-color {
 976      color: #2e2256;
 977  }
 978  
 979  :root .editor-styles-wrapper .has-dark-purple-background-color {
 980      background-color: #2e2256;
 981  }
 982  
 983  :root .editor-styles-wrapper .has-purple-color {
 984      color: #674970;
 985  }
 986  
 987  :root .editor-styles-wrapper .has-purple-background-color {
 988      background-color: #674970;
 989  }
 990  
 991  :root .editor-styles-wrapper .has-blue-gray-color {
 992      color: #22313f;
 993  }
 994  
 995  :root .editor-styles-wrapper .has-blue-gray-background-color {
 996      background-color: #22313f;
 997  }
 998  
 999  :root .editor-styles-wrapper .has-bright-blue-color {
1000      color: #55c3dc;
1001  }
1002  
1003  :root .editor-styles-wrapper .has-bright-blue-background-color {
1004      background-color: #55c3dc;
1005  }
1006  
1007  :root .editor-styles-wrapper .has-light-blue-color {
1008      color: #e9f2f9;
1009  }
1010  
1011  :root .editor-styles-wrapper .has-light-blue-background-color {
1012      background-color: #e9f2f9;
1013  }