[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  [class*=" wp-block-"]:not(.wp-block-gallery) > figcaption {
 465      font-style: italic;
 466      margin-bottom: 1.5em;
 467      text-align: left;
 468  }
 469  
 470  .rtl [class^="wp-block-"]:not(.wp-block-gallery) > figcaption,
 471  .rtl [class*=" wp-block-"]:not(.wp-block-gallery) > figcaption,
 472  [dir="rtl"] [class^="wp-block-"]:not(.wp-block-gallery) > figcaption,
 473  [dir="rtl"] [class*=" wp-block-"]:not(.wp-block-gallery) > figcaption {
 474      text-align: right;
 475  }
 476  
 477  /* Code styles */
 478  
 479  .wp-block-freeform.block-library-rich-text__tinymce code {
 480      background: transparent;
 481  }
 482  
 483  /* Table styles */
 484  
 485  .rtl .editor-block-list__block th {
 486      text-align: right;
 487  }
 488  
 489  /*--------------------------------------------------------------
 490  3.0 Blocks - Common Blocks
 491  --------------------------------------------------------------*/
 492  
 493  /* Paragraph */
 494  
 495  .wp-block-paragraph.has-drop-cap:not(:focus)::first-letter {
 496      font-size: 5em;
 497      margin-top: 0.075em;
 498  }
 499  
 500  .wp-block-paragraph.has-background {
 501      padding: 20px 30px;
 502  }
 503  
 504  /* Gallery */
 505  
 506  .wp-block-gallery figcaption {
 507      font-style: italic;
 508  }
 509  
 510  /* Quote */
 511  
 512  .wp-block-quote {
 513      color: #666;
 514      font-size: 18px;
 515      font-size: 1.125rem;
 516      font-style: italic;
 517      line-height: 1.7;
 518  }
 519  
 520  .wp-block-quote:not(.is-large):not(.is-style-large) {
 521      border: 0;
 522      padding: 0;
 523  }
 524  
 525  .wp-block-quote .wp-block-quote__citation {
 526      color: inherit;
 527      display: block;
 528      font-size: inherit;
 529      font-style: normal;
 530      font-weight: 600;
 531      margin-top: 0.5em;
 532  }
 533  
 534  .wp-block-quote.alignleft,
 535  .wp-block-quote.alignright {
 536      color: #666;
 537      width: 48%;
 538  }
 539  
 540  .wp-block-quote.alignleft p,
 541  .wp-block-quote.alignright p,
 542  .wp-block-quote.alignleft .wp-block-quote__citation,
 543  .wp-block-quote.alignright .wp-block-quote__citation {
 544      font-size: 13px;
 545      font-size: 0.8125rem;
 546  }
 547  
 548  .wp-block-quote.alignleft p:last-of-type,
 549  .wp-block-quote.alignright p:last-of-type {
 550      margin-bottom: 0;
 551  }
 552  
 553  .wp-block-quote.is-large .wp-block-quote__citation,
 554  .wp-block-quote.is-style-large .wp-block-quote__citation {
 555      text-align: right;
 556  }
 557  
 558  .rtl .wp-block-quote.is-large .wp-block-quote__citation,
 559  .rtl .wp-block-quote.is-style-large .wp-block-quote__citation {
 560      text-align: left;
 561  }
 562  
 563  @media screen and (min-width: 30em) {
 564      .wp-block-quote.alignleft p,
 565      .wp-block-quote.alignright p,
 566      .wp-block-quote.alignleft .wp-block-quote__citation,
 567      .wp-block-quote.alignright .wp-block-quote__citation,
 568      .wp-block-quote footer {
 569          font-size: 14px;
 570          font-size: 0.875rem;
 571      }
 572  }
 573  
 574  @media screen and (min-width: 48em) {
 575      .wp-block-quote.alignleft p,
 576      .wp-block-quote.alignright p,
 577      .wp-block-quote.alignleft .wp-block-quote__citation,
 578      .wp-block-quote.alignright .wp-block-quote__citation {
 579          font-size: 13px;
 580          font-size: 0.8125rem;
 581      }
 582  
 583      .wp-block-quote.alignleft {
 584          margin-left: -17.5%;
 585          width: 48%;
 586      }
 587  
 588      .wp-block-quote.alignright {
 589          margin-right: -17.5%;
 590          width: 48%;
 591      }
 592  }
 593  
 594  /* File */
 595  
 596  .wp-block-file .wp-block-file__textlink {
 597      -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 1px 0 rgba(0, 0, 0, 1);
 598      box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 1px 0 rgba(0, 0, 0, 1);
 599  }
 600  
 601  .wp-block-file .wp-block-file__button {
 602      background-color: #222;
 603      -webkit-border-radius: 2px;
 604      border-radius: 2px;
 605      -webkit-box-shadow: none;
 606      box-shadow: none;
 607      color: #fff;
 608      display: inline-block;
 609      font-size: 14px;
 610      font-size: 0.875rem;
 611      font-weight: 800;
 612      padding: 0.7em 2em;
 613      -webkit-transition: background-color 0.2s ease-in-out;
 614      transition: background-color 0.2s ease-in-out;
 615      white-space: pre-line;
 616  }
 617  
 618  /*--------------------------------------------------------------
 619  4.0 Blocks - Formatting
 620  --------------------------------------------------------------*/
 621  
 622  /* Code */
 623  
 624  .editor-styles-wrapper .wp-block-code {
 625      border: 0;
 626      padding: 0;
 627      background-color: transparent;
 628  }
 629  
 630  .editor-styles-wrapper .wp-block-code code {
 631      font-size: inherit;
 632  }
 633  
 634  /* Classic */
 635  
 636  .wp-block-freeform.block-library-rich-text__tinymce li,
 637  .wp-block-freeform.block-library-rich-text__tinymce p {
 638      line-height: 1.5;
 639  }
 640  
 641  .wp-block-freeform.block-library-rich-text__tinymce blockquote {
 642      border: 0;
 643      padding: 0;
 644  }
 645  
 646  /* Pullquote */
 647  
 648  .wp-block-pullquote {
 649      border: 0 solid;
 650  }
 651  
 652  figure.wp-block-pullquote blockquote {
 653      color: inherit;
 654  }
 655  
 656  .wp-block-pullquote.alignleft blockquote > .editor-rich-text p,
 657  .wp-block-pullquote.alignright blockquote > .editor-rich-text p {
 658      font-size: 20px;
 659  }
 660  
 661  
 662  .wp-block-pullquote .wp-block-pullquote__citation {
 663      font-size: inherit;
 664      font-weight: 600;
 665      text-transform: none;
 666  }
 667  
 668  /* Table */
 669  
 670  table.wp-block-table {
 671      border-collapse: collapse;
 672      margin: 0 0 1.5em;
 673      width: 100%;
 674  }
 675  
 676  table.wp-block-table thead th {
 677      border: 0;
 678      border-bottom: 2px solid #bbb;
 679      padding-bottom: 0.5em;
 680  }
 681  
 682  table.wp-block-table th {
 683      padding: 0.4em;
 684      text-align: left;
 685  }
 686  
 687  table.wp-block-table tr {
 688      border-bottom: 1px solid #eee;
 689  }
 690  
 691  table.wp-block-table th,
 692  table.wp-block-table td {
 693      border: 0;
 694      padding: 0.4em;
 695  }
 696  
 697  table.wp-block-table th:first-child,
 698  table.wp-block-table td:first-child {
 699      padding-left: 0;
 700  }
 701  
 702  table.wp-block-table th:last-child,
 703  table.wp-block-table td:last-child {
 704      padding-right: 0;
 705  }
 706  
 707  .wp-block-table__cell-content {
 708      padding: 0;
 709  }
 710  
 711  .rtl table.wp-block-table th,
 712  .rtl table.wp-block-table td {
 713      text-align: right;
 714  }
 715  
 716  /* Calendar */
 717  
 718  .editor-styles-wrapper .wp-block-calendar th {
 719      text-align: center;
 720  }
 721  
 722  .wp-block-buttons[style*="font-weight"] .wp-block-button__link,
 723  .wp-block-button[style*="font-weight"] .wp-block-button__link {
 724      font-weight: inherit;
 725  }
 726  
 727  /*--------------------------------------------------------------
 728  5.0 Blocks - Layout Elements
 729  --------------------------------------------------------------*/
 730  
 731  /* Separator */
 732  
 733  .edit-post-visual-editor .wp-block-separator {
 734      border: 0;
 735  }
 736  
 737  /* Buttons */
 738  
 739  .wp-block-button .wp-block-button__link {
 740      -webkit-box-shadow: none;
 741      box-shadow: none;
 742      display: inline-block;
 743      font-size: 14px;
 744      font-size: 0.875rem;
 745      font-weight: 800;
 746      line-height: 1.66;
 747      margin-top: 2em;
 748      padding: 0.7em 2em;
 749      -webkit-transition: background-color 0.2s ease-in-out;
 750      transition: background-color 0.2s ease-in-out;
 751      white-space: pre-line;
 752  }
 753  
 754  .wp-block-button .wp-block-button__link[data-is-placeholder-visible="true"] {
 755      height: auto;
 756  }
 757  
 758  .wp-block-button__link {
 759      background-color: #222;
 760      color: #fff;
 761  }
 762  
 763  .is-style-outline .wp-block-button__link {
 764      color: #222;
 765  }
 766  
 767  /* Media & Text */
 768  
 769  .wp-block-media-text *:last-child {
 770      margin-bottom: 0;
 771  }
 772  
 773  /*--------------------------------------------------------------
 774  6.0 Blocks - Widgets
 775  --------------------------------------------------------------*/
 776  
 777  /* Archives, Categories & Latest Posts */
 778  
 779  [data-align="center"] .wp-block-archives ul,
 780  [data-align="center"] .wp-block-categories ul,
 781  [data-align="center"] .wp-block-latest-posts ul {
 782      list-style-position: inside;
 783  }
 784  
 785  /* Latest Comments */
 786  
 787  .wp-block-latest-comments article {
 788      margin-bottom: 4rem;
 789  }
 790  
 791  .wp-block-latest-comments .avatar,
 792  .wp-block-latest-comments__comment-avatar {
 793      border-radius: 0;
 794  }
 795  
 796  .wp-block-latest-comments__comment-meta {
 797      font-size: 16px;
 798      font-size: 1rem;
 799      margin-bottom: 0.4em;
 800  }
 801  
 802  .editor-styles-wrapper .wp-block-latest-comments__comment-meta a {
 803      -webkit-box-shadow: none;
 804      box-shadow: none;
 805      font-weight: 700;
 806  }
 807  
 808  .wp-block-latest-comments__comment-date {
 809      color: #767676;
 810      font-size: 10px;
 811      font-size: 0.625rem;
 812      font-weight: 800;
 813      letter-spacing: 0.1818em;
 814      margin-top: 0.4em;
 815      text-transform: uppercase;
 816  }
 817  
 818  /* Latest Posts */
 819  
 820  .edit-post-visual-editor .wp-block-latest-posts.is-grid {
 821      list-style: none;
 822      margin-left: 0;
 823      margin-right: 0;
 824  }
 825  
 826  /* Search */
 827  
 828  .wp-block-search__button {
 829      background-color: #222;
 830      color: #fff;
 831      font-weight: 800;
 832      line-height: 1.5;
 833  }