[Summary view] [Print] [Text view]

   1  /*
   2  Theme Name: Twenty Seventeen
   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 Settings
  11  3.0 Blocks - Common Blocks
  12  4.0 Blocks - Formatting
  13  5.0 Blocks - Layout Elements
  14  6.0 Blocks - Widgets
  15  
  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-size: 15px;
  25      font-size: 0.9375rem;
  26  }
  27  
  28  .editor-default-block-appender textarea.editor-default-block-appender__content {
  29      font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
  30  }
  31  
  32  .edit-post-visual-editor .editor-block-list__block {
  33      color: #333;
  34  }
  35  
  36  .editor-post-title__block .editor-post-title__input {
  37      color: #333;
  38      font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
  39      font-size: 20px;
  40      font-size: 1.25rem;
  41      font-weight: 300;
  42  }
  43  
  44  @media screen and (min-width: 30em) {
  45  
  46      .edit-post-visual-editor .editor-block-list__block {
  47          font-size: 18px;
  48          font-size: 1.125rem;
  49      }
  50  
  51      .editor-post-title__block .editor-post-title__input {
  52          font-size: 26px;
  53          font-size: 1.625rem;
  54      }
  55  
  56      .edit-post-visual-editor .editor-block-list__block h1 {
  57          font-size: 30px;
  58          font-size: 1.875rem;
  59      }
  60  
  61      .edit-post-visual-editor .editor-block-list__block h2 {
  62          font-size: 26px;
  63          font-size: 1.625rem;
  64      }
  65  
  66      .edit-post-visual-editor .editor-block-list__block h3 {
  67          font-size: 22px;
  68          font-size: 1.375rem;
  69      }
  70  
  71      .edit-post-visual-editor .editor-block-list__block h4 {
  72          font-size: 18px;
  73          font-size: 1.125rem;
  74      }
  75  
  76      .edit-post-visual-editor .editor-block-list__block h5 {
  77          font-size: 13px;
  78          font-size: 0.8125rem;
  79      }
  80  
  81      .edit-post-visual-editor .editor-block-list__block h6 {
  82          font-size: 16px;
  83          font-size: 1rem;
  84      }
  85  }
  86  
  87  @media screen and (min-width: 48em) {
  88  
  89      .edit-post-visual-editor .editor-block-list__block {
  90          font-size: 16px;
  91          font-size: 1rem;
  92      }
  93  
  94      .editor-rich-text__tinymce.mce-content-body {
  95          line-height: 1.5;
  96      }
  97  }
  98  
  99  /* Typography for Arabic Font */
 100  
 101  html[lang="ar"] .edit-post-visual-editor .editor-block-list__block,
 102  html[lang="ary"] .edit-post-visual-editor .editor-block-list__block,
 103  html[lang="azb"] .edit-post-visual-editor .editor-block-list__block,
 104  html[lang="fa-IR"] .edit-post-visual-editor .editor-block-list__block,
 105  html[lang="haz"] .edit-post-visual-editor .editor-block-list__block,
 106  html[lang="ps"] .edit-post-visual-editor .editor-block-list__block,
 107  html[lang="ur"] .edit-post-visual-editor .editor-block-list__block {
 108      font-family: Tahoma, Arial, sans-serif;
 109  }
 110  
 111  html[lang="ar"] .edit-post-visual-editor h1,
 112  html[lang="ar"] .edit-post-visual-editor h2,
 113  html[lang="ar"] .edit-post-visual-editor h3,
 114  html[lang="ar"] .edit-post-visual-editor h4,
 115  html[lang="ar"] .edit-post-visual-editor h5,
 116  html[lang="ar"] .edit-post-visual-editor h6,
 117  html[lang="ary"] .edit-post-visual-editor h1,
 118  html[lang="ary"] .edit-post-visual-editor h2,
 119  html[lang="ary"] .edit-post-visual-editor h3,
 120  html[lang="ary"] .edit-post-visual-editor h4,
 121  html[lang="ary"] .edit-post-visual-editor h5,
 122  html[lang="ary"] .edit-post-visual-editor h6,
 123  html[lang="azb"] .edit-post-visual-editor h1,
 124  html[lang="azb"] .edit-post-visual-editor h2,
 125  html[lang="azb"] .edit-post-visual-editor h3,
 126  html[lang="azb"] .edit-post-visual-editor h4,
 127  html[lang="azb"] .edit-post-visual-editor h5,
 128  html[lang="azb"] .edit-post-visual-editor h6,
 129  html[lang="fa-IR"] .edit-post-visual-editor h1,
 130  html[lang="fa-IR"] .edit-post-visual-editor h2,
 131  html[lang="fa-IR"] .edit-post-visual-editor h3,
 132  html[lang="fa-IR"] .edit-post-visual-editor h4,
 133  html[lang="fa-IR"] .edit-post-visual-editor h5,
 134  html[lang="fa-IR"] .edit-post-visual-editor h6,
 135  html[lang="haz"] .edit-post-visual-editor h1,
 136  html[lang="haz"] .edit-post-visual-editor h2,
 137  html[lang="haz"] .edit-post-visual-editor h3,
 138  html[lang="haz"] .edit-post-visual-editor h4,
 139  html[lang="haz"] .edit-post-visual-editor h5,
 140  html[lang="haz"] .edit-post-visual-editor h6,
 141  html[lang="ps"] .edit-post-visual-editor h1,
 142  html[lang="ps"] .edit-post-visual-editor h2,
 143  html[lang="ps"] .edit-post-visual-editor h3,
 144  html[lang="ps"] .edit-post-visual-editor h4,
 145  html[lang="ps"] .edit-post-visual-editor h5,
 146  html[lang="ps"] .edit-post-visual-editor h6,
 147  html[lang="ur"] .edit-post-visual-editor h1,
 148  html[lang="ur"] .edit-post-visual-editor h2,
 149  html[lang="ur"] .edit-post-visual-editor h3,
 150  html[lang="ur"] .edit-post-visual-editor h4,
 151  html[lang="ur"] .edit-post-visual-editor h5,
 152  html[lang="ur"] .edit-post-visual-editor h6 {
 153      font-weight: 700;
 154  }
 155  
 156  /* Typography for Chinese Font */
 157  
 158  html[lang^="zh-"] .edit-post-visual-editor .editor-block-list__block {
 159      font-family: "PingFang TC", "Helvetica Neue", Helvetica, STHeitiTC-Light, Arial, sans-serif;
 160  }
 161  
 162  html[lang="zh-CN"] .edit-post-visual-editor .editor-block-list__block {
 163      font-family: "PingFang SC", "Helvetica Neue", Helvetica, STHeitiSC-Light, Arial, sans-serif;
 164  }
 165  
 166  html[lang^="zh-"] .edit-post-visual-editor h1,
 167  html[lang^="zh-"] .edit-post-visual-editor h2,
 168  html[lang^="zh-"] .edit-post-visual-editor h3,
 169  html[lang^="zh-"] .edit-post-visual-editor h4,
 170  html[lang^="zh-"] .edit-post-visual-editor h5,
 171  html[lang^="zh-"] .edit-post-visual-editor h6 {
 172      font-weight: 700;
 173  }
 174  
 175  /* Typography for Cyrillic Font */
 176  
 177  html[lang="bg-BG"] .edit-post-visual-editor .editor-block-list__block,
 178  html[lang="ru-RU"] .edit-post-visual-editor .editor-block-list__block,
 179  html[lang="uk"] .edit-post-visual-editor .editor-block-list__block {
 180      font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif;
 181  }
 182  
 183  html[lang="bg-BG"] .edit-post-visual-editor h1,
 184  html[lang="bg-BG"] .edit-post-visual-editor h2,
 185  html[lang="bg-BG"] .edit-post-visual-editor h3,
 186  html[lang="bg-BG"] .edit-post-visual-editor h4,
 187  html[lang="bg-BG"] .edit-post-visual-editor h5,
 188  html[lang="bg-BG"] .edit-post-visual-editor h6,
 189  html[lang="ru-RU"] .edit-post-visual-editor h1,
 190  html[lang="ru-RU"] .edit-post-visual-editor h2,
 191  html[lang="ru-RU"] .edit-post-visual-editor h3,
 192  html[lang="ru-RU"] .edit-post-visual-editor h4,
 193  html[lang="ru-RU"] .edit-post-visual-editor h5,
 194  html[lang="ru-RU"] .edit-post-visual-editor h6,
 195  html[lang="uk"] .edit-post-visual-editor h1,
 196  html[lang="uk"] .edit-post-visual-editor h2,
 197  html[lang="uk"] .edit-post-visual-editor h3,
 198  html[lang="uk"] .edit-post-visual-editor h4,
 199  html[lang="uk"] .edit-post-visual-editor h5,
 200  html[lang="uk"] .edit-post-visual-editor h6 {
 201      font-weight: 700;
 202      line-height: 1.2;
 203  }
 204  
 205  /* Typography for Devanagari Font */
 206  
 207  html[lang="bn-BD"] .edit-post-visual-editor .editor-block-list__block,
 208  html[lang="hi-IN"] .edit-post-visual-editor .editor-block-list__block,
 209  html[lang="mr-IN"] .edit-post-visual-editor .editor-block-list__block {
 210      font-family: Arial, sans-serif;
 211  }
 212  
 213  html[lang="bn-BD"] .edit-post-visual-editor h1,
 214  html[lang="bn-BD"] .edit-post-visual-editor h2,
 215  html[lang="bn-BD"] .edit-post-visual-editor h3,
 216  html[lang="bn-BD"] .edit-post-visual-editor h4,
 217  html[lang="bn-BD"] .edit-post-visual-editor h5,
 218  html[lang="bn-BD"] .edit-post-visual-editor h6,
 219  html[lang="hi-IN"] .edit-post-visual-editor h1,
 220  html[lang="hi-IN"] .edit-post-visual-editor h2,
 221  html[lang="hi-IN"] .edit-post-visual-editor h3,
 222  html[lang="hi-IN"] .edit-post-visual-editor h4,
 223  html[lang="hi-IN"] .edit-post-visual-editor h5,
 224  html[lang="hi-IN"] .edit-post-visual-editor h6,
 225  html[lang="mr-IN"] .edit-post-visual-editor h1,
 226  html[lang="mr-IN"] .edit-post-visual-editor h2,
 227  html[lang="mr-IN"] .edit-post-visual-editor h3,
 228  html[lang="mr-IN"] .edit-post-visual-editor h4,
 229  html[lang="mr-IN"] .edit-post-visual-editor h5,
 230  html[lang="mr-IN"] .edit-post-visual-editor h6 {
 231      font-weight: 700;
 232  }
 233  
 234  /* Typography for Greek Font */
 235  
 236  html[lang="el"] .edit-post-visual-editor .editor-block-list__block {
 237      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 238  }
 239  
 240  html[lang="el"] .edit-post-visual-editor h1,
 241  html[lang="el"] .edit-post-visual-editor h2,
 242  html[lang="el"] .edit-post-visual-editor h3,
 243  html[lang="el"] .edit-post-visual-editor h4,
 244  html[lang="el"] .edit-post-visual-editor h5,
 245  html[lang="el"] .edit-post-visual-editor h6 {
 246      font-weight: 700;
 247      line-height: 1.3;
 248  }
 249  
 250  /* Typography for Gujarati Font */
 251  
 252  html[lang="gu-IN"] .edit-post-visual-editor .editor-block-list__block {
 253      font-family: Arial, sans-serif;
 254  }
 255  
 256  html[lang="gu-IN"] .edit-post-visual-editor h1,
 257  html[lang="gu-IN"] .edit-post-visual-editor h2,
 258  html[lang="gu-IN"] .edit-post-visual-editor h3,
 259  html[lang="gu-IN"] .edit-post-visual-editor h4,
 260  html[lang="gu-IN"] .edit-post-visual-editor h5,
 261  html[lang="gu-IN"] .edit-post-visual-editor h6 {
 262      font-weight: 700;
 263  }
 264  
 265  /* Typography for Hebrew Font */
 266  
 267  html[lang="he-IL"] .edit-post-visual-editor .editor-block-list__block {
 268      font-family: "Arial Hebrew", Arial, sans-serif;
 269  }
 270  
 271  html[lang="he-IL"] .edit-post-visual-editor h1,
 272  html[lang="he-IL"] .edit-post-visual-editor h2,
 273  html[lang="he-IL"] .edit-post-visual-editor h3,
 274  html[lang="he-IL"] .edit-post-visual-editor h4,
 275  html[lang="he-IL"] .edit-post-visual-editor h5,
 276  html[lang="he-IL"] .edit-post-visual-editor h6 {
 277      font-weight: 700;
 278  }
 279  
 280  /* Typography for Japanese Font */
 281  
 282  html[lang="ja"] .edit-post-visual-editor .editor-block-list__block {
 283      font-family: "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
 284  }
 285  
 286  html[lang="ja"] .edit-post-visual-editor h1,
 287  html[lang="ja"] .edit-post-visual-editor h2,
 288  html[lang="ja"] .edit-post-visual-editor h3,
 289  html[lang="ja"] .edit-post-visual-editor h4,
 290  html[lang="ja"] .edit-post-visual-editor h5,
 291  html[lang="ja"] .edit-post-visual-editor h6 {
 292      font-weight: 700;
 293  }
 294  
 295  /* Typography for Korean font */
 296  
 297  html[lang="ko-KR"] .edit-post-visual-editor .editor-block-list__block {
 298      font-family: "Apple SD Gothic Neo", "Malgun Gothic", "Nanum Gothic", Dotum, sans-serif;
 299  }
 300  
 301  html[lang="ko-KR"] .edit-post-visual-editor h1,
 302  html[lang="ko-KR"] .edit-post-visual-editor h2,
 303  html[lang="ko-KR"] .edit-post-visual-editor h3,
 304  html[lang="ko-KR"] .edit-post-visual-editor h4,
 305  html[lang="ko-KR"] .edit-post-visual-editor h5,
 306  html[lang="ko-KR"] .edit-post-visual-editor h6 {
 307      font-weight: 600;
 308  }
 309  
 310  /* Typography for Thai Font */
 311  
 312  html[lang="th"] .edit-post-visual-editor .editor-block-list__block {
 313      line-height: 1.8;
 314      font-family: "Sukhumvit Set", "Helvetica Neue", Helvetica, Arial, sans-serif;
 315  }
 316  
 317  html[lang="th"] .edit-post-visual-editor h1,
 318  html[lang="th"] .edit-post-visual-editor h2,
 319  html[lang="th"] .edit-post-visual-editor h3,
 320  html[lang="th"] .edit-post-visual-editor h4,
 321  html[lang="th"] .edit-post-visual-editor h5,
 322  html[lang="th"] .edit-post-visual-editor h6 {
 323      line-height: 1.65;
 324      font-family: "Sukhumvit Set", "Helvetica Neue", Helvetica, Arial, sans-serif;
 325  }
 326  
 327  /* Remove letter-spacing for all non-latin alphabets */
 328  
 329  html[lang="ar"] .edit-post-visual-editor *,
 330  html[lang="ary"] .edit-post-visual-editor *,
 331  html[lang="azb"] .edit-post-visual-editor *,
 332  html[lang="haz"] .edit-post-visual-editor *,
 333  html[lang="ps"] .edit-post-visual-editor *,
 334  html[lang^="zh-"] .edit-post-visual-editor *,
 335  html[lang="bg-BG"] .edit-post-visual-editor *,
 336  html[lang="ru-RU"] .edit-post-visual-editor *,
 337  html[lang="uk"] .edit-post-visual-editor *,
 338  html[lang="bn-BD"] .edit-post-visual-editor *,
 339  html[lang="hi-IN"] .edit-post-visual-editor *,
 340  html[lang="mr-IN"] .edit-post-visual-editor *,
 341  html[lang="el"] .edit-post-visual-editor *,
 342  html[lang="gu-IN"] .edit-post-visual-editor *,
 343  html[lang="he-IL"] .edit-post-visual-editor *,
 344  html[lang="ja"] .edit-post-visual-editor *,
 345  html[lang="ko-KR"] .edit-post-visual-editor *,
 346  html[lang="th"] .edit-post-visual-editor * {
 347      letter-spacing: 0 !important;
 348  }
 349  
 350  /*--------------------------------------------------------------
 351  2.0 General Block Settings
 352  --------------------------------------------------------------*/
 353  
 354  /* Main column width */
 355  
 356  .editor-styles-wrapper {
 357      max-width: 100% !important; /* Override where editor-style.css is affecting this. */
 358  }
 359  
 360  .wp-block {
 361      max-width: 674px; /* Based on one-column post width; 644px + 30px to account for padding. */
 362  }
 363  
 364  /* Alignments */
 365  
 366  .edit-post-visual-editor .alignleft {
 367      margin-right: 1.5em;
 368  }
 369  
 370  .edit-post-visual-editor .alignright {
 371      margin-left: 1.5em;
 372  }
 373  
 374  /* Link styles */
 375  
 376  .edit-post-visual-editor a,
 377  .editor-block-list__block a,
 378  .wp-block-freeform.block-library-rich-text__tinymce a {
 379      color: #222;
 380  }
 381  
 382  /* List styles */
 383  
 384  .edit-post-visual-editor ul:not(.wp-block-gallery),
 385  .editor-block-list__block ul:not(.wp-block-gallery),
 386  .block-library-list ul,
 387  .edit-post-visual-editor ol,
 388  .editor-block-list__block ol,
 389  .block-library-list ol,
 390  .block-library-list .editor-rich-text__tinymce {
 391      padding: 0;
 392  }
 393  
 394  .edit-post-visual-editor ul:not(.wp-block-gallery, .wp-block-post-template),
 395  .editor-block-list__block ul:not(.wp-block-gallery),
 396  .block-library-list ul {
 397      list-style: disc;
 398  }
 399  
 400  .edit-post-visual-editor ol,
 401  .editor-block-list__block ol,
 402  .block-library-list ol {
 403      list-style: decimal;
 404  }
 405  
 406  .edit-post-visual-editor li > ul:not(.wp-block-gallery),
 407  .editor-block-list__block li > ul:not(.wp-block-gallery),
 408  .block-library-list li > ul:not(.wp-block-gallery),
 409  .edit-post-visual-editor li > ol,
 410  .editor-block-list__block li > ol,
 411  .block-library-list li > ol {
 412      margin-bottom: 0;
 413      margin-left: 1.5em;
 414  }
 415  
 416  .edit-post-visual-editor li,
 417  .editor-block-list__block li,
 418  .block-library-list li {
 419      margin: 0;
 420  }
 421  
 422  .rtl .editor-styles-wrapper ul ul,
 423  .rtl .editor-styles-wrapper ol ol,
 424  .rtl .editor-styles-wrapper ul ol,
 425  .rtl .editor-styles-wrapper ol ul {
 426      margin-left: 0;
 427      margin-right: 1.5em;
 428  }
 429  
 430  .wp-block-freeform.block-library-rich-text__tinymce ul:not(.wp-block-gallery),
 431  .wp-block-freeform.block-library-rich-text__tinymce ol {
 432      margin-left: 0;
 433      padding-left: 1.5em;
 434  }
 435  
 436  .rtl .wp-block-freeform.block-library-rich-text__tinymce ul:not(.wp-block-gallery),
 437  .rtl .wp-block-freeform.block-library-rich-text__tinymce ol {
 438      padding: 0;
 439  }
 440  
 441  /* Quote styles */
 442  
 443  .editor-block-list__block blockquote p {
 444      font-size: 18px;
 445      font-size: 1.125rem;
 446  }
 447  
 448  .editor-block-list__block blockquote.alignright p,
 449  .editor-block-list__block blockquote.alignleft p {
 450      font-size: 13px;
 451      font-size: 0.8125rem;
 452  }
 453  
 454  .editor-block-list__block blockquote cite {
 455      display: block;
 456      font-style: normal;
 457      font-weight: 600;
 458      margin-top: 0.5em;
 459  }
 460  
 461  /* Caption styles*/
 462  
 463  [class^="wp-block-"]:not(.wp-block-gallery) figcaption {
 464      font-style: italic;
 465      margin-bottom: 1.5em;
 466      text-align: left;
 467  }
 468  
 469  .rtl [class^="wp-block-"]:not(.wp-block-gallery) figcaption {
 470      text-align: right;
 471  }
 472  
 473  /* Code styles */
 474  
 475  .wp-block-freeform.block-library-rich-text__tinymce code {
 476      background: transparent;
 477  }
 478  
 479  /* Table styles */
 480  
 481  .rtl .editor-block-list__block th {
 482      text-align: right;
 483  }
 484  
 485  /*--------------------------------------------------------------
 486  3.0 Blocks - Common Blocks
 487  --------------------------------------------------------------*/
 488  
 489  /* Paragraph */
 490  
 491  .wp-block-paragraph.has-drop-cap:not(:focus)::first-letter {
 492      font-size: 5em;
 493      margin-top: 0.075em;
 494  }
 495  
 496  .wp-block-paragraph.has-background {
 497      padding: 20px 30px;
 498  }
 499  
 500  /* Gallery */
 501  
 502  .wp-block-gallery figcaption {
 503      font-style: italic;
 504  }
 505  
 506  /* Quote */
 507  
 508  .wp-block-quote {
 509      color: #666;
 510      font-size: 18px;
 511      font-size: 1.125rem;
 512      font-style: italic;
 513      line-height: 1.7;
 514  }
 515  
 516  .wp-block-quote:not(.is-large):not(.is-style-large) {
 517      border: 0;
 518      padding: 0;
 519  }
 520  
 521  .wp-block-quote .wp-block-quote__citation {
 522      color: inherit;
 523      display: block;
 524      font-size: inherit;
 525      font-style: normal;
 526      font-weight: 600;
 527      margin-top: 0.5em;
 528  }
 529  
 530  .wp-block-quote.alignleft,
 531  .wp-block-quote.alignright {
 532      color: #666;
 533      width: 48%;
 534  }
 535  
 536  .wp-block-quote.alignleft p,
 537  .wp-block-quote.alignright p,
 538  .wp-block-quote.alignleft .wp-block-quote__citation,
 539  .wp-block-quote.alignright .wp-block-quote__citation {
 540      font-size: 13px;
 541      font-size: 0.8125rem;
 542  }
 543  
 544  .wp-block-quote.alignleft p:last-of-type,
 545  .wp-block-quote.alignright p:last-of-type {
 546      margin-bottom: 0;
 547  }
 548  
 549  .wp-block-quote.is-large .wp-block-quote__citation,
 550  .wp-block-quote.is-style-large .wp-block-quote__citation {
 551      text-align: right;
 552  }
 553  
 554  .rtl .wp-block-quote.is-large .wp-block-quote__citation,
 555  .rtl .wp-block-quote.is-style-large .wp-block-quote__citation {
 556      text-align: left;
 557  }
 558  
 559  @media screen and (min-width: 30em) {
 560      .wp-block-quote.alignleft p,
 561      .wp-block-quote.alignright p,
 562      .wp-block-quote.alignleft .wp-block-quote__citation,
 563      .wp-block-quote.alignright .wp-block-quote__citation,
 564      .wp-block-quote footer {
 565          font-size: 14px;
 566          font-size: 0.875rem;
 567      }
 568  }
 569  
 570  @media screen and (min-width: 48em) {
 571      .wp-block-quote.alignleft p,
 572      .wp-block-quote.alignright p,
 573      .wp-block-quote.alignleft .wp-block-quote__citation,
 574      .wp-block-quote.alignright .wp-block-quote__citation {
 575          font-size: 13px;
 576          font-size: 0.8125rem;
 577      }
 578  
 579      .wp-block-quote.alignleft {
 580          margin-left: -17.5%;
 581          width: 48%;
 582      }
 583  
 584      .wp-block-quote.alignright {
 585          margin-right: -17.5%;
 586          width: 48%;
 587      }
 588  }
 589  
 590  /* File */
 591  
 592  .wp-block-file .wp-block-file__textlink {
 593      -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 1px 0 rgba(0, 0, 0, 1);
 594      box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 1px 0 rgba(0, 0, 0, 1);
 595  }
 596  
 597  .wp-block-file .wp-block-file__button {
 598      background-color: #222;
 599      -webkit-border-radius: 2px;
 600      border-radius: 2px;
 601      -webkit-box-shadow: none;
 602      box-shadow: none;
 603      color: #fff;
 604      display: inline-block;
 605      font-size: 14px;
 606      font-size: 0.875rem;
 607      font-weight: 800;
 608      padding: 0.7em 2em;
 609      -webkit-transition: background-color 0.2s ease-in-out;
 610      transition: background-color 0.2s ease-in-out;
 611      white-space: pre-line;
 612  }
 613  
 614  /*--------------------------------------------------------------
 615  4.0 Blocks - Formatting
 616  --------------------------------------------------------------*/
 617  
 618  /* Code */
 619  
 620  .editor-styles-wrapper .wp-block-code {
 621      border: 0;
 622      padding: 0;
 623      background-color: transparent;
 624  }
 625  
 626  .editor-styles-wrapper .wp-block-code code {
 627      font-size: inherit;
 628  }
 629  
 630  /* Classic */
 631  
 632  .wp-block-freeform.block-library-rich-text__tinymce li,
 633  .wp-block-freeform.block-library-rich-text__tinymce p {
 634      line-height: 1.5;
 635  }
 636  
 637  .wp-block-freeform.block-library-rich-text__tinymce blockquote {
 638      border: 0;
 639      padding: 0;
 640  }
 641  
 642  /* Pullquote */
 643  
 644  .wp-block-pullquote {
 645      border: 0;
 646  }
 647  
 648  .wp-block-pullquote.alignleft blockquote > .editor-rich-text p,
 649  .wp-block-pullquote.alignright blockquote > .editor-rich-text p {
 650      font-size: 20px;
 651  }
 652  
 653  
 654  .wp-block-pullquote .wp-block-pullquote__citation {
 655      font-size: inherit;
 656      font-weight: 600;
 657      text-transform: none;
 658  }
 659  
 660  /* Table */
 661  
 662  table.wp-block-table {
 663      border-collapse: collapse;
 664      margin: 0 0 1.5em;
 665      width: 100%;
 666  }
 667  
 668  table.wp-block-table thead th {
 669      border: 0;
 670      border-bottom: 2px solid #bbb;
 671      padding-bottom: 0.5em;
 672  }
 673  
 674  table.wp-block-table th {
 675      padding: 0.4em;
 676      text-align: left;
 677  }
 678  
 679  table.wp-block-table tr {
 680      border-bottom: 1px solid #eee;
 681  }
 682  
 683  table.wp-block-table th,
 684  table.wp-block-table td {
 685      border: 0;
 686      padding: 0.4em;
 687  }
 688  
 689  table.wp-block-table th:first-child,
 690  table.wp-block-table td:first-child {
 691      padding-left: 0;
 692  }
 693  
 694  table.wp-block-table th:last-child,
 695  table.wp-block-table td:last-child {
 696      padding-right: 0;
 697  }
 698  
 699  .wp-block-table__cell-content {
 700      padding: 0;
 701  }
 702  
 703  .rtl table.wp-block-table th,
 704  .rtl table.wp-block-table td {
 705      text-align: right;
 706  }
 707  
 708  /* Verse */
 709  
 710  .editor-styles-wrapper .wp-block-verse {
 711      font-family: inherit;
 712  }
 713  
 714  /*--------------------------------------------------------------
 715  5.0 Blocks - Layout Elements
 716  --------------------------------------------------------------*/
 717  
 718  /* Separator */
 719  
 720  .edit-post-visual-editor .wp-block-separator {
 721      border: 0;
 722  }
 723  
 724  /* Buttons */
 725  
 726  .wp-block-button .wp-block-button__link {
 727      -webkit-box-shadow: none;
 728      box-shadow: none;
 729      display: inline-block;
 730      font-size: 14px;
 731      font-size: 0.875rem;
 732      font-weight: 800;
 733      line-height: 1.66;
 734      margin-top: 2em;
 735      padding: 0.7em 2em;
 736      -webkit-transition: background-color 0.2s ease-in-out;
 737      transition: background-color 0.2s ease-in-out;
 738      white-space: pre-line;
 739  }
 740  
 741  .wp-block-button .wp-block-button__link[data-is-placeholder-visible="true"] {
 742      height: auto;
 743  }
 744  
 745  .wp-block-button__link {
 746      background-color: #222;
 747      color: #fff;
 748  }
 749  
 750  .is-style-outline .wp-block-button__link {
 751      color: #222;
 752  }
 753  
 754  /* Media & Text */
 755  
 756  .wp-block-media-text *:last-child {
 757      margin-bottom: 0;
 758  }
 759  
 760  /*--------------------------------------------------------------
 761  6.0 Blocks - Widgets
 762  --------------------------------------------------------------*/
 763  
 764  /* Archives, Categories & Latest Posts */
 765  
 766  [data-align="center"] .wp-block-archives ul,
 767  [data-align="center"] .wp-block-categories ul,
 768  [data-align="center"] .wp-block-latest-posts ul {
 769      list-style-position: inside;
 770  }
 771  
 772  /* Latest Comments */
 773  
 774  .editor-block-list__block ol.wp-block-latest-comments > li:before {
 775      content: '';
 776  }
 777  
 778  .wp-block-latest-comments article {
 779      margin-bottom: 4em;
 780  }
 781  
 782  .wp-block-latest-comments .avatar,
 783  .wp-block-latest-comments__comment-avatar {
 784      border-radius: 0;
 785  }
 786  
 787  .wp-block-latest-comments__comment-meta {
 788      font-size: 16px;
 789      font-size: 1rem;
 790      margin-bottom: 0.4em;
 791  }
 792  
 793  .editor-block-list__block .wp-block-latest-comments__comment-meta a {
 794      -webkit-box-shadow: none;
 795      box-shadow: none;
 796      font-weight: 700;
 797  }
 798  
 799  .wp-block-latest-comments__comment-date {
 800      color: #767676;
 801      font-size: 10px;
 802      font-size: 0.625rem;
 803      font-weight: 800;
 804      letter-spacing: 0.1818em;
 805      margin-top: 0.4em;
 806      text-transform: uppercase;
 807  }
 808  
 809  .editor-block-list__block .wp-block-latest-comments__comment-excerpt p {
 810      font-size: 14px;
 811      font-size: 0.875rem;
 812  }
 813  
 814  /* Latest Posts */
 815  
 816  .edit-post-visual-editor .wp-block-latest-posts.is-grid {
 817      list-style: none;
 818      margin-left: 0;
 819      margin-right: 0;
 820  }