editor-style-block-rtl.css 38 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454
  1. /* ------------------------------------------- */
  2. /* Twenty Twenty Editor Styles — Block Editor
  3. /* ------------------------------------------- */
  4. .editor-styles-wrapper {
  5. background: #f5efe0;
  6. color: #000;
  7. letter-spacing: -0.015em;
  8. -moz-font-smoothing: antialiased;
  9. -webkit-font-smoothing: antialiased;
  10. }
  11. .editor-styles-wrapper > * {
  12. font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
  13. font-size: 18px;
  14. }
  15. @supports ( font-variation-settings: normal ) {
  16. .editor-styles-wrapper > * {
  17. font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
  18. }
  19. }
  20. .block-editor-default-block-appender textarea.block-editor-default-block-appender__content {
  21. color: inherit;
  22. font-family: inherit;
  23. font-size: inherit;
  24. }
  25. .block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle:not(:hover):not(:focus),
  26. .block-editor-default-block-appender .block-editor-inserter .block-editor-inserter__toggle:not(:hover):not(:focus) {
  27. color: inherit;
  28. }
  29. /* Fonts ------------------------------------- */
  30. /*
  31. * Chrome renders extra-wide   characters for the Hoefler Text font.
  32. * This results in a jumping cursor when typing in both the Classic and block
  33. * editors. The following font-face override fixes the issue by manually
  34. * inserting a custom font that includes just a Hoefler Text space replacement
  35. * for that character instead.
  36. */
  37. @font-face {
  38. font-family: NonBreakingSpaceOverride;
  39. src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMoAA0AAAAACDQAAALTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCahEICjx3CywAATYCJANUBCAFhiEHgWwbXQfILgpsY+rQRRARwyAs6uL7pxzYhxEE+32b3aeHmifR6tklkS9hiZA0ewkqGRJE+H7/+6378ASViK/PGeavqJyOzsceKi1s3BCiQsiOdn1r/RBgIJYEgCUhbm/8/8/h4saPssnTNkkiWUBrTRtjmQSajw3Ui3pZ3LYDPD+XG2C3JA/yKAS8/rU5eNfuGqRf4eNNgV4YAlIIgxglEkWe6FYpq10+wi3g+/nUgvgPFczNrz/RsTgVm/zfbPuHZlsuQECxuyqBcQwKFBjFgKO8AqP4bAN9tFJtnM9xPcbNjeXS/x1wY/xU52f5W/X1+9cnH4YwKIaoRRAkUkj/YlAAeF/624foiIDBgBmgQBeGAyhBljUPZUm/l2dTvmpqcBDUOHdbPZWd8JsBAsGr4w8/EDn82/bUPx4eh0YNrQTBuHO2FjQEAGBwK0DeI37DpQVqdERS4gZBhpeUhWCfLFz7J99aEBgsJCHvUGAdAPp4IADDCAPCEFMGpMZ9AQpTfQtQGhLbGVBZFV8BaqNyP68oTZgHNj3M8kBPfXTTC9t90UuzYhy9ciH0grVlOcqyCytisvbsERsEYztiznR0WCrmTksJwbSNK6fd1Rvr25I9oLvctUoEbNOmXJbqgYgPXEHJ82IUsrCnpkxh23F1rfZ2zcRnJYoXtauB3VTFkFXQg3uoZYD5qE0kdjDtoDoF1h2bulGmev5HbYhbrjtohQSRI4aNOkffIcT+d3v6atpaYh3JvPoQsztCcqvaBkppDSPcQ3bw3KaCBo1f5CJWTZEgW3LjLofYg51MaVezrx8xZitYbQ9KYeoRaqQdVLwSEfrKXLK1otCWOKNdR/YwYAfon5Yk8O2MJfSD10dPGA5PIJJQMkah0ugMJiv6x4Dm7LEa8xnrRGGGLAg4sAlbsA07sAt76DOsXKO3hIjtIlpnnFrt1qW4kh6NhS83P/6HB/fl1SMAAA==) format("woff2"), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAUQAA0AAAAACDQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE9AAAABwAAAAchf5yU0dERUYAAATYAAAAHAAAAB4AJwAbT1MvMgAAAaAAAABJAAAAYJAcgU5jbWFwAAACIAAAAF4AAAFqUUxBZ2dhc3AAAATQAAAACAAAAAgAAAAQZ2x5ZgAAApAAAAAyAAAAPL0n8y9oZWFkAAABMAAAADAAAAA2Fi93Z2hoZWEAAAFgAAAAHQAAACQOSgWaaG10eAAAAewAAAAzAAAAVC7TAQBsb2NhAAACgAAAABAAAAAsAOQBAm1heHAAAAGAAAAAHQAAACAAWQALbmFtZQAAAsQAAAF6AAADIYvD/Adwb3N0AAAEQAAAAI4AAADsapk2o3jaY2BkYGAA4ov5mwzj+W2+MnCzXwCKMNzgCBSB0LfbQDQ7AxuI4mBgAlEAFKQIRHjaY2BkYGD3+NvCwMDBAALsDAyMDKhAFAA3+wH3AAAAeNpjYGRgYBBl4GBgYgABEMnIABJzAPMZAAVmAGUAAAB42mNgZlJhnMDAysDCKsKygYGBYRqEZtrDYMT4D8gHSmEHjgUFOQwODAqqf9g9/rYwMLB7MNUAhRlBcsxBrMlASoGBEQAj8QtyAAAAeNrjYGBkAAGmWQwMjO8gmBnIZ2NA0ExAzNjAAFYJVn0ASBsD6VAIDZb7AtELAgANIgb9AHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMCwQIFLQV8hXvXP//9AcRCfAcb///h/ygPW+w/vb7olBjUHCTCyMcAFGZmABBO6AogThgZgIUsXAEDcEzcAAHjaY2BgECMCyoEgACZaAed42mNgYmRgYGBnYGNgYAZSDJqMgorCgoqCjECRXwwNrCAKSP5mAAFGBiRgyAAAi/YFBQAAeNqtkc1OwkAUhU/5M25cEhcsZick0AwlBJq6MWwgJkAgYV/KAA2lJeUn+hY+gktXvpKv4dLTMqKycGHsTZNv7px7z50ZAFd4hYHjdw1Ls4EiHjVncIFnzVnc4F1zDkWjrzmPW+NNcwGlzIRKI3fJlUyrEjZQxb3mDH2fNGfRx4vmHKqG0JzHg6E0F9DOlFBGBxUI1GEzLNT4S0aLuTtsGAEUuYcQHkyg3KmIum1bNUvKlrjbbAIleqHHnS4iSudpQcySMYtdFiXlAxzSbAwfMxK6kZoHKhbjjespMTioOPZnzI+4ucCeTVyKMVKLfeAS6vSWaTinuZwzyy/Dc7vaed+6KaV0kukdPUk6yOcctZPvvxxqksq2lEW8RvHjMEO2FCl/zy6p3NEm0R9OFSafJdldc4QVeyaaObMBO0/5cCaa6d9Ggyubxire+lEojscdjoWUR1xGOy8KD8mG2ZLO2l2paDc3A39qmU2z2W5YNv5+u79e6QfGJY/hAAB42m3NywrCMBQE0DupWp/1AYI7/6DEaLQu66Mrd35BKUWKJSlFv1+rue4cGM7shgR981qSon+ZNwUJ8iDgoYU2OvDRRQ99DDDECAHGmGCKmf80hZSx/Kik/LliFbtmN6xmt+yOjdg9GztV4tROnRwX/Bsaaw51nt4Lc7tWaZYHp/MlzKx51LZs5htNri+2AAAAAQAB//8AD3jaY2BkYGDgAWIxIGZiYARCESBmAfMYAAR6AEMAAAABAAAAANXtRbgAAAAA2AhRFAAAAADYCNuG) format("woff");
  40. }
  41. /* ----------------------------------------------
  42. Inter variable font. Usage:
  43. @supports (font-variation-settings: normal) {
  44. html { font-family: "Inter var", sans-serif; }
  45. }
  46. ---------------------------------------------- */
  47. @font-face {
  48. font-family: "Inter var";
  49. font-weight: 100 900; /* stylelint-disable-line font-weight-notation */
  50. font-style: normal;
  51. src: url(../fonts/inter/Inter-upright-var.woff2) format("woff2");
  52. }
  53. @font-face {
  54. font-family: "Inter var";
  55. font-weight: 100 900; /* stylelint-disable-line font-weight-notation */
  56. font-style: italic;
  57. src: url(../fonts/inter/Inter-italic-var.woff2) format("woff2");
  58. }
  59. /* Structure --------------------------------- */
  60. .wp-block {
  61. max-width: 610px;
  62. }
  63. .wp-block[data-align="wide"] .wp-block[data-align="wide"],
  64. .wp-block[data-align="full"] .wp-block[data-align="wide"] {
  65. max-width: 1200px;
  66. }
  67. .wp-block .wp-block[data-type="core/group"]:not([data-align="full"]):not([data-align="wide"]):not([data-align="left"]):not([data-align="right"]),
  68. .wp-block .wp-block[data-type="core/cover"]:not([data-align="full"]):not([data-align="wide"]):not([data-align="left"]):not([data-align="right"]) {
  69. margin-right: auto;
  70. margin-left: auto;
  71. max-width: 610px;
  72. }
  73. .wp-block .wp-block[data-align="full"] {
  74. margin-right: 0;
  75. margin-left: 0;
  76. }
  77. *[data-align="right"] .wp-block-edit,
  78. *[data-align="left"] .wp-block-edit {
  79. max-width: 50%;
  80. }
  81. .wp-block[data-align="wide"] {
  82. max-width: 1200px;
  83. }
  84. .wp-block[data-align="full"] {
  85. max-width: none;
  86. }
  87. .editor-styles-wrapper .editor-rich-text__tinymce,
  88. .editor-styles-wrapper .editor-rich-text__tinymce.mce-content-body {
  89. line-height: 1.5;
  90. }
  91. /* Font Families ------------------------------ */
  92. .editor-styles-wrapper p,
  93. .editor-styles-wrapper ol,
  94. .editor-styles-wrapper ul,
  95. .editor-styles-wrapper dl,
  96. .editor-styles-wrapper dt {
  97. font-family: NonBreakingSpaceOverride, "Hoefler Text", Garamond, "Times New Roman", serif;
  98. letter-spacing: normal;
  99. }
  100. .editor-post-title__block .editor-post-title__input,
  101. .editor-styles-wrapper .wp-block h1,
  102. .editor-styles-wrapper .wp-block h2,
  103. .editor-styles-wrapper .wp-block h3,
  104. .editor-styles-wrapper .wp-block h4,
  105. .editor-styles-wrapper .wp-block h5,
  106. .editor-styles-wrapper .wp-block h6,
  107. .editor-styles-wrapper .has-drop-cap:not(:focus)::first-letter,
  108. .editor-styles-wrapper cite,
  109. .editor-styles-wrapper figcaption,
  110. .editor-styles-wrapper .wp-caption-text {
  111. font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
  112. }
  113. @supports ( font-variation-settings: normal ) {
  114. .editor-post-title__block .editor-post-title__input,
  115. .editor-styles-wrapper .wp-block h1,
  116. .editor-styles-wrapper .wp-block h2,
  117. .editor-styles-wrapper .wp-block h3,
  118. .editor-styles-wrapper .wp-block h4,
  119. .editor-styles-wrapper .wp-block h5,
  120. .editor-styles-wrapper .wp-block h6,
  121. .editor-styles-wrapper .has-drop-cap:not(:focus)::first-letter,
  122. .editor-styles-wrapper cite,
  123. .editor-styles-wrapper figcaption,
  124. .editor-styles-wrapper .wp-caption-text {
  125. font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
  126. }
  127. }
  128. /* Colors ------------------------------------ */
  129. /* CUSTOM COLORS */
  130. :root .has-accent-color {
  131. color: #cd2653;
  132. }
  133. :root .has-accent-background-color {
  134. background-color: #cd2653;
  135. color: #fff;
  136. }
  137. :root .has-primary-color {
  138. color: #000;
  139. }
  140. :root .has-primary-background-color {
  141. background-color: #000;
  142. color: #f5efe0;
  143. }
  144. :root .has-secondary-color {
  145. color: #6d6d6d;
  146. }
  147. :root .has-secondary-background-color {
  148. background-color: #6d6d6d;
  149. color: #fff;
  150. }
  151. :root .has-subtle-background-color {
  152. color: #dcd7ca;
  153. }
  154. :root .has-subtle-background-background-color {
  155. background-color: #dcd7ca;
  156. color: #000;
  157. }
  158. :root .has-background-color {
  159. color: #f5efe0;
  160. }
  161. :root .has-background-background-color {
  162. background-color: #f5efe0;
  163. color: #000;
  164. }
  165. /* GENERAL COLORS */
  166. .has-black-background-color {
  167. background-color: #000;
  168. color: #fff;
  169. }
  170. .has-white-background-color {
  171. background-color: #fff;
  172. color: #000;
  173. }
  174. .has-black-color {
  175. color: #000;
  176. }
  177. .has-white-color {
  178. color: #fff;
  179. }
  180. /* Typography -------------------------------- */
  181. .editor-styles-wrapper .editor-block-list__layout a {
  182. color: #cd2653;
  183. text-decoration: underline;
  184. }
  185. .editor-styles-wrapper a:focus,
  186. .editor-styles-wrapper a:hover {
  187. text-decoration: none;
  188. }
  189. .editor-post-title__block .editor-post-title__input,
  190. .editor-styles-wrapper .wp-block h1,
  191. .editor-styles-wrapper .wp-block h2,
  192. .editor-styles-wrapper .wp-block h3,
  193. .editor-styles-wrapper .wp-block h4,
  194. .editor-styles-wrapper .wp-block h5,
  195. .editor-styles-wrapper .wp-block h6 {
  196. font-feature-settings: "lnum";
  197. font-variant-numeric: lining-nums;
  198. font-weight: 700;
  199. letter-spacing: -0.0415625em;
  200. line-height: 1.25;
  201. margin: 40px 0 25px;
  202. }
  203. .editor-post-title__block .editor-post-title__input,
  204. .editor-styles-wrapper .wp-block h1 {
  205. font-size: 36px;
  206. font-weight: 800;
  207. line-height: 1.138888889;
  208. }
  209. .editor-styles-wrapper .wp-block h2 {
  210. font-size: 32px;
  211. }
  212. .editor-styles-wrapper .wp-block h3 {
  213. font-size: 28px;
  214. }
  215. .editor-styles-wrapper .wp-block h4 {
  216. font-size: 24px;
  217. }
  218. .editor-styles-wrapper .wp-block h5 {
  219. font-size: 21px;
  220. }
  221. .editor-styles-wrapper .wp-block h6 {
  222. font-size: 16px;
  223. letter-spacing: 0.03125em;
  224. text-transform: uppercase;
  225. }
  226. .editor-styles-wrapper li,
  227. .editor-styles-wrapper p,
  228. .editor-styles-wrapper p.wp-block-paragraph {
  229. line-height: 1.4;
  230. }
  231. /* POST TITLE */
  232. .wp-block.editor-post-title__block {
  233. max-width: 1000px;
  234. }
  235. .editor-styles-wrapper .editor-post-title__block .editor-post-title__input {
  236. margin: 0;
  237. text-align: center;
  238. }
  239. /* DROP CAP */
  240. .editor-styles-wrapper .has-drop-cap:not(:focus)::first-letter {
  241. color: #cd2653;
  242. font-size: 5.1em;
  243. font-weight: 800;
  244. margin: 0.05em 0 0 0.1em;
  245. }
  246. /* Monospace --------------------------------- */
  247. .editor-styles-wrapper code,
  248. .editor-styles-wrapper kbd,
  249. .editor-styles-wrapper pre,
  250. .editor-styles-wrapper samp {
  251. font-family: monospace;
  252. }
  253. .editor-styles-wrapper kbd,
  254. .editor-styles-wrapper pre,
  255. .editor-styles-wrapper samp {
  256. border-radius: 0;
  257. font-size: 0.75em;
  258. padding: 4px 6px;
  259. }
  260. .editor-styles-wrapper pre {
  261. border-color: #dcd7ca;
  262. border-radius: 0;
  263. line-height: 1.5;
  264. padding: 1em;
  265. }
  266. /* Custom Text Sizes ------------------------- */
  267. .editor-styles-wrapper p.has-large-font-size.editor-rich-text__tinymce,
  268. .editor-styles-wrapper p.has-large-font-size.editor-rich-text__tinymce.mce-content-body,
  269. .editor-styles-wrapper p.has-larger-font-size.editor-rich-text__tinymce,
  270. .editor-styles-wrapper p.has-larger-font-size.editor-rich-text__tinymce.mce-content-body {
  271. line-height: 1.4;
  272. }
  273. .editor-styles-wrapper p.has-small-font-size {
  274. font-size: 0.842em;
  275. }
  276. .editor-styles-wrapper p.has-normal-font-size,
  277. .editor-styles-wrapper p.has-regular-font-size {
  278. font-size: 1em;
  279. }
  280. .editor-styles-wrapper p.has-medium-font-size {
  281. font-size: 1.1em;
  282. }
  283. .editor-styles-wrapper p.has-large-font-size {
  284. font-size: 1.25em;
  285. }
  286. .editor-styles-wrapper p.has-larger-font-size {
  287. font-size: 1.5em;
  288. }
  289. /* Post Media -------------------------------- */
  290. .editor-styles-wrapper figure {
  291. margin: 0;
  292. }
  293. .editor-styles-wrapper .alignleft,
  294. .editor-styles-wrapper .alignright {
  295. margin-bottom: 1.2em;
  296. max-width: 260px;
  297. }
  298. .editor-styles-wrapper .wp-caption .alignleft,
  299. .editor-styles-wrapper .wp-caption .alignright {
  300. margin-bottom: 0;
  301. }
  302. .editor-styles-wrapper .alignleft {
  303. margin-left: 1em;
  304. }
  305. .editor-styles-wrapper .alignright {
  306. margin-right: 1em;
  307. }
  308. .editor-styles-wrapper figcaption {
  309. color: #6d6d6d;
  310. font-size: 15px;
  311. font-weight: 500;
  312. line-height: 1.2;
  313. margin-top: 5px;
  314. text-align: inherit;
  315. }
  316. /* Forms ------------------------------------- */
  317. .editor-styles-wrapper fieldset {
  318. border: 2px solid #dcd7ca;
  319. padding: 20px;
  320. }
  321. .editor-styles-wrapper legend {
  322. font-size: 0.85em;
  323. font-weight: 700;
  324. padding: 0 10px;
  325. }
  326. .editor-styles-wrapper label {
  327. font-size: 15px;
  328. font-weight: 600;
  329. }
  330. /* Block: Base Margins ---------------------- */
  331. /* Block: Shared Widget Styles -------------- */
  332. .editor-styles-wrapper ul.wp-block-archives,
  333. .editor-styles-wrapper ul.wp-block-categories,
  334. .editor-styles-wrapper ul.wp-block-latest-posts,
  335. .editor-styles-wrapper ul.wp-block-categories__list {
  336. font-family: inherit;
  337. list-style: none;
  338. margin: 40px 0;
  339. padding-right: 0;
  340. }
  341. .editor-styles-wrapper ul.wp-block-categories__list ul {
  342. margin: 0;
  343. }
  344. .editor-styles-wrapper ul.wp-block-archives li,
  345. .editor-styles-wrapper ul.wp-block-categories li,
  346. .editor-styles-wrapper ul.wp-block-latest-posts li,
  347. .editor-styles-wrapper ul.wp-block-categories__list li {
  348. color: #6d6d6d;
  349. line-height: 1.476;
  350. margin: 5px 0 0 0;
  351. }
  352. .editor-styles-wrapper ul.wp-block-archives li li,
  353. .editor-styles-wrapper ul.wp-block-categories li li,
  354. .editor-styles-wrapper ul.wp-block-categories__list li li,
  355. .editor-styles-wrapper ul.wp-block-latest-posts li li {
  356. margin-right: 20px;
  357. }
  358. .editor-styles-wrapper .wp-block-archives li > a,
  359. .editor-styles-wrapper .wp-block-categories li > a,
  360. .editor-styles-wrapper .wp-block-latest-posts li > a {
  361. font-weight: 700;
  362. text-decoration: none;
  363. }
  364. .editor-styles-wrapper .wp-block-archives li > a:focus,
  365. .editor-styles-wrapper .wp-block-archives li > a:hover,
  366. .editor-styles-wrapper .wp-block-categories li > a:focus,
  367. .editor-styles-wrapper .wp-block-categories li > a:hover,
  368. .editor-styles-wrapper .wp-block-latest-posts li > a:focus,
  369. .editor-styles-wrapper .wp-block-latest-posts li > a:hover {
  370. font-weight: 700;
  371. text-decoration: none;
  372. }
  373. .editor-styles-wrapper .wp-block-archives.aligncenter,
  374. .editor-styles-wrapper .wp-block-categories.aligncenter {
  375. text-align: center;
  376. }
  377. .editor-styles-wrapper .wp-block-latest-comments time,
  378. .editor-styles-wrapper .wp-block-latest-posts time {
  379. color: #6d6d6d;
  380. font-size: 0.7em;
  381. font-weight: 600;
  382. letter-spacing: normal;
  383. line-height: 1.476;
  384. margin-top: 0.15em;
  385. }
  386. /* Block: Table ------------------------------ */
  387. .editor-styles-wrapper .wp-block-table {
  388. border-collapse: collapse;
  389. border-spacing: 0;
  390. empty-cells: show;
  391. font-size: 18px;
  392. margin-bottom: 1.1em;
  393. width: 100%;
  394. }
  395. .editor-styles-wrapper .wp-block-table,
  396. .editor-styles-wrapper .wp-block-table * {
  397. border-color: #dcd7ca;
  398. }
  399. .editor-styles-wrapper .wp-block-table tr {
  400. border: none;
  401. }
  402. .editor-styles-wrapper .wp-block-table caption {
  403. background: #dcd7ca;
  404. text-align: center;
  405. }
  406. .editor-styles-wrapper .wp-block-table th,
  407. .editor-styles-wrapper .wp-block-table td {
  408. line-height: 1.4;
  409. margin: 0;
  410. overflow: visible;
  411. padding: 0;
  412. }
  413. .editor-styles-wrapper .wp-block-table .wp-block-table__cell-content {
  414. padding: 0.5em;
  415. }
  416. .editor-styles-wrapper .wp-block-table thead {
  417. vertical-align: bottom;
  418. white-space: nowrap;
  419. text-align: inherit;
  420. }
  421. .editor-styles-wrapper .wp-block-table th {
  422. font-weight: 700;
  423. text-align: inherit; /* Prevents the header from being centered by default*/
  424. }
  425. .editor-styles-wrapper .wp-block-table th.has-text-align-center {
  426. text-align: center;
  427. }
  428. .editor-styles-wrapper .wp-block-table th.has-text-align-right {
  429. text-align: left;
  430. }
  431. .editor-styles-wrapper .wp-block-table th.has-text-align-left {
  432. text-align: right;
  433. }
  434. /* STYLE: STRIPES */
  435. .editor-styles-wrapper .wp-block-table.is-style-stripes {
  436. border: 1px solid #dcd7ca;
  437. }
  438. .editor-styles-wrapper .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
  439. background: #dcd7ca;
  440. }
  441. /* Block: Separator -------------------------- */
  442. hr.wp-block-separator {
  443. border-top: 1px solid #6d6d6d;
  444. color: #6d6d6d;
  445. margin: 30px 0;
  446. }
  447. hr.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
  448. max-width: 100%;
  449. }
  450. hr.wp-block-separator:not(.is-style-dots) {
  451. background: linear-gradient(to right, currentColor calc(50% - 16px), transparent calc(50% - 16px), transparent calc(50% + 16px), currentColor calc(50% + 16px));
  452. background-color: transparent !important;
  453. border: none;
  454. height: 1px;
  455. overflow: visible;
  456. position: relative;
  457. }
  458. .wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots) {
  459. height: 1px;
  460. }
  461. hr.wp-block-separator:not(.is-style-dots)::before,
  462. hr.wp-block-separator:not(.is-style-dots)::after {
  463. background: currentColor;
  464. content: "";
  465. display: block;
  466. height: 16px;
  467. position: absolute;
  468. top: calc(50% - 8px);
  469. transform: rotate(-22.5deg);
  470. width: 1px;
  471. }
  472. hr.wp-block-separator::before {
  473. right: calc(50% - 5px);
  474. }
  475. hr.wp-block-separator::after {
  476. left: calc(50% - 5px);
  477. }
  478. /* STYLE: DOTS */
  479. hr.wp-block-separator.is-style-dots::before {
  480. font-size: 32px;
  481. font-weight: 700;
  482. letter-spacing: 1em;
  483. padding-right: 1em;
  484. }
  485. /* Block: Quote ------------------------------ */
  486. .editor-styles-wrapper blockquote {
  487. margin: 0;
  488. }
  489. .editor-styles-wrapper .wp-block-quote {
  490. border-color: #cd2653;
  491. border-style: solid;
  492. border-width: 0 2px 0 0;
  493. margin: 20px 0;
  494. padding: 5px 20px 5px 0;
  495. }
  496. .editor-styles-wrapper .wp-block-quote.has-text-align-center,
  497. .editor-styles-wrapper .wp-block-quote[style*="text-align:center"],
  498. .editor-styles-wrapper .wp-block-quote[style*="text-align: center"] {
  499. border-width: 0;
  500. padding: 5px 0;
  501. }
  502. .editor-styles-wrapper .wp-block-quote.has-text-align-right,
  503. .editor-styles-wrapper .wp-block-quote[style*="text-align:right"],
  504. .editor-styles-wrapper .wp-block-quote[style*="text-align: right"] {
  505. border-width: 0 0 0 2px;
  506. padding: 5px 0 5px 20px;
  507. }
  508. .editor-styles-wrapper cite,
  509. .editor-styles-wrapper .wp-block-quote__citation,
  510. .editor-styles-wrapper .wp-block-quote cite,
  511. .editor-styles-wrapper .wp-block-quote footer {
  512. color: #6d6d6d;
  513. font-size: 14px;
  514. font-weight: 600;
  515. line-height: 1.25;
  516. }
  517. .editor-styles-wrapper .wp-block-quote p {
  518. color: inherit;
  519. font-weight: 400;
  520. margin: 0 0 20px 0;
  521. }
  522. .editor-styles-wrapper .wp-block-quote.is-style-large {
  523. border: none;
  524. padding: 0;
  525. }
  526. .editor-styles-wrapper .wp-block-quote.is-style-large p {
  527. font-family: inherit;
  528. font-size: 24px;
  529. font-style: normal;
  530. font-weight: 700;
  531. letter-spacing: -0.035714286em;
  532. line-height: 1.285714286;
  533. }
  534. .editor-styles-wrapper .wp-block-quote.is-style-large .wp-block-quote__citation,
  535. .editor-styles-wrapper .wp-block-quote.is-style-large cite,
  536. .editor-styles-wrapper .wp-block-quote.is-style-large footer {
  537. font-size: 16px;
  538. }
  539. /* Block: Code, Verse and Preformatted ------- */
  540. .editor-styles-wrapper .wp-block-code {
  541. color: inherit;
  542. }
  543. .editor-styles-wrapper .wp-block-code,
  544. .editor-styles-wrapper .wp-block-preformatted pre,
  545. .editor-styles-wrapper .wp-block-verse pre {
  546. border: 1px solid #dcd7ca;
  547. border-radius: 0;
  548. padding: 30px;
  549. }
  550. .editor-styles-wrapper .wp-block-freeform.block-library-rich-text__tinymce pre,
  551. .editor-styles-wrapper .wp-block-preformatted pre,
  552. .editor-styles-wrapper .wp-block-code .block-editor-plain-text,
  553. .editor-styles-wrapper .wp-block-verse pre {
  554. background: transparent;
  555. color: inherit;
  556. font-family: monospace;
  557. font-size: 14px;
  558. }
  559. /* Block: Cover ------------------------------ */
  560. .editor-styles-wrapper .wp-block-cover-image .wp-block-cover__inner-container,
  561. .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container {
  562. margin: 0 auto;
  563. width: calc(100% - 40px);
  564. }
  565. .editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="right"],
  566. .editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="left"] {
  567. height: auto;
  568. max-height: none;
  569. }
  570. .editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="left"] .wp-block-cover {
  571. text-align: right;
  572. }
  573. .editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="right"] .wp-block-cover {
  574. text-align: left;
  575. }
  576. .editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="right"] .block-editor-block-list__block-edit,
  577. .editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="left"] .block-editor-block-list__block-edit {
  578. float: none;
  579. margin-right: 0;
  580. margin-left: 0;
  581. max-width: 100%;
  582. }
  583. .wp-block-cover-image .wp-block-cover-image-text,
  584. .wp-block-cover-image .wp-block-cover-text,
  585. .wp-block-cover-image h2,
  586. .wp-block-cover .wp-block-cover-image-text,
  587. .wp-block-cover .wp-block-cover-text,
  588. .wp-block-cover h2 {
  589. max-width: 100%;
  590. }
  591. .editor-styles-wrapper .wp-block-cover a {
  592. color: inherit;
  593. }
  594. /* Block: Shared Media Styles ---------------- */
  595. .wp-block[data-type*="core-embed"][data-align="full"] figcaption,
  596. .wp-block[data-type="core/image"][data-align="full"] figcaption,
  597. .wp-block[data-type="core/gallery"][data-align="full"] .blocks-gallery-caption {
  598. padding: 0 14px;
  599. }
  600. /* Block: Paragraph -------------------------- */
  601. /* Block: Pullquote -------------------------- */
  602. .editor-styles-wrapper .wp-block-pullquote {
  603. border: none;
  604. color: inherit;
  605. padding: 0;
  606. position: relative;
  607. text-align: center;
  608. }
  609. .editor-styles-wrapper .wp-block-pullquote::before {
  610. background: #fff;
  611. border-radius: 50%;
  612. color: #cd2653;
  613. content: "”";
  614. display: block;
  615. font-size: 62px;
  616. font-weight: 500;
  617. line-height: 1.2;
  618. margin: 0 auto 15px auto;
  619. text-align: center;
  620. height: 44px;
  621. width: 44px;
  622. }
  623. .editor-styles-wrapper .wp-block .wp-block-pullquote p {
  624. font-family: inherit;
  625. font-size: 28px;
  626. font-weight: 700;
  627. line-height: 1.178571429;
  628. letter-spacing: -0.041785714em;
  629. margin-bottom: 20px;
  630. }
  631. .editor-styles-wrapper .wp-block .wp-block-pullquote p:last-child {
  632. margin-bottom: 0;
  633. }
  634. .editor-styles-wrapper .wp-block .wp-block-pullquote p,
  635. .editor-styles-wrapper .wp-block-pullquote.is-style-solid-color blockquote > .block-editor-rich-text p,
  636. .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .editor-rich-text p,
  637. .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .editor-rich-text p {
  638. font-size: 28px;
  639. }
  640. .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"],
  641. .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] {
  642. height: auto;
  643. max-height: none;
  644. }
  645. .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .wp-block-pullquote,
  646. .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .wp-block-pullquote.is-style-solid-color blockquote {
  647. text-align: right;
  648. }
  649. .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .wp-block-pullquote,
  650. .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .wp-block-pullquote.is-style-solid-color blockquote {
  651. text-align: left;
  652. }
  653. .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .block-editor-block-list__block-edit,
  654. .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .block-editor-block-list__block-edit {
  655. float: none;
  656. margin-right: 0;
  657. margin-left: 0;
  658. max-width: 100%;
  659. }
  660. .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .block-editor-block-list__block-edit .wp-block-pullquote::before {
  661. margin-left: 0;
  662. }
  663. .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .block-editor-block-list__block-edit .wp-block-pullquote::before {
  664. margin-right: 0;
  665. }
  666. .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .is-style-solid-color::before {
  667. left: 20px;
  668. transform: translateY(-50%);
  669. }
  670. .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .is-style-solid-color::before {
  671. right: 20px;
  672. transform: translateY(-50%);
  673. }
  674. .editor-styles-wrapper .wp-block-pullquote__citation,
  675. .editor-styles-wrapper .wp-block-pullquote cite,
  676. .editor-styles-wrapper .wp-block-pullquote footer {
  677. color: #6d6d6d;
  678. font-size: 16px;
  679. font-weight: 500;
  680. margin-top: 12px;
  681. text-transform: none;
  682. }
  683. /* STYLE: SOLID COLOR */
  684. .editor-styles-wrapper .wp-block-pullquote.is-style-solid-color {
  685. padding: 30px 20px;
  686. position: relative;
  687. }
  688. .editor-styles-wrapper .wp-block-pullquote.is-style-solid-color::before {
  689. position: absolute;
  690. top: 0;
  691. right: 50%;
  692. transform: translateY(-50%) translateX(50%);
  693. }
  694. .editor-styles-wrapper .wp-block-pullquote.is-style-solid-color blockquote {
  695. max-width: 100%;
  696. text-align: center;
  697. }
  698. .editor-styles-wrapper .wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation,
  699. .editor-styles-wrapper .wp-block-pullquote.is-style-solid-color .wp-block-pullquote cite,
  700. .editor-styles-wrapper .wp-block-pullquote.is-style-solid-color .wp-block-pullquote footer {
  701. color: inherit;
  702. }
  703. /* Block: Verse ------------------------------ */
  704. .editor-styles-wrapper .wp-block-verse pre,
  705. .editor-styles-wrapper pre.wp-block-verse {
  706. font-size: 0.75em;
  707. }
  708. /* Block: Button ----------------------------- */
  709. .editor-styles-wrapper .wp-block-button__link,
  710. .editor-styles-wrapper .wp-block-file__button {
  711. background: #cd2653;
  712. border-radius: 0;
  713. color: #fff;
  714. font-size: 15px;
  715. font-weight: 600;
  716. letter-spacing: 0.0333em;
  717. line-height: 1.25;
  718. padding: 1.1em 1.44em;
  719. text-transform: uppercase;
  720. }
  721. .editor-styles-wrapper .wp-block-button .wp-block-button__link.mce-content-body {
  722. line-height: 1.1;
  723. }
  724. /* BUTTON STYLE: OUTLINE */
  725. .editor-styles-wrapper .is-style-outline .wp-block-button__link {
  726. background: none;
  727. border-color: currentColor;
  728. color: #cd2653;
  729. padding: calc(1.1em - 2px) calc(1.44em - 2px);
  730. }
  731. /* BUTTON STYLE: SQUARED */
  732. .editor-styles-wrapper .is-style-squared .wp-block-button__link {
  733. border-radius: 0;
  734. }
  735. /* Block: Latest Comments -------------------- */
  736. .editor-styles-wrapper .wp-block-latest-comments {
  737. font-family: inherit;
  738. margin-right: 0;
  739. }
  740. .editor-styles-wrapper .wp-block-latest-comments li.wp-block-latest-comments__comment {
  741. font-size: inherit;
  742. margin-bottom: 20px;
  743. }
  744. .editor-styles-wrapper .wp-block-latest-comments li.wp-block-latest-comments__comment:last-child {
  745. margin-bottom: 0;
  746. }
  747. .editor-styles-wrapper .wp-block-latest-comments__comment-meta,
  748. .editor-styles-wrapper .wp-block-latest-comments__comment-excerpt {
  749. margin-right: 0 !important;
  750. }
  751. .editor-styles-wrapper .wp-block-latest-comments__comment-meta {
  752. font-weight: 700;
  753. }
  754. .editor-styles-wrapper .wp-block-latest-comments__comment-meta a {
  755. text-decoration: none;
  756. }
  757. .editor-styles-wrapper .wp-block-latest-comments__comment-meta a:focus,
  758. .editor-styles-wrapper .wp-block-latest-comments__comment-meta a:hover {
  759. text-decoration: none;
  760. }
  761. /* HAS AVATAR */
  762. .editor-styles-wrapper .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment {
  763. display: flex;
  764. }
  765. .editor-styles-wrapper .wp-block-latest-comments.has-avatars img.avatar {
  766. flex-shrink: 0;
  767. margin: 5px 0 0 15px;
  768. }
  769. /* HAS EXCERPT */
  770. .editor-styles-wrapper .wp-block-latest-comments__comment-excerpt {
  771. margin: 0;
  772. }
  773. .editor-styles-wrapper .wp-block-latest-comments__comment-excerpt p {
  774. font-family: inherit;
  775. font-size: 0.7em;
  776. margin: 10px 0 0;
  777. }
  778. /* Block: Latest Posts ----------------------- */
  779. .editor-styles-wrapper ul.wp-block-latest-posts:not(.is-grid) li {
  780. margin-top: 15px;
  781. }
  782. /* STYLE: GRID */
  783. .editor-styles-wrapper .wp-block-latest-posts.is-grid li {
  784. border-color: #dcd7ca;
  785. }
  786. .editor-styles-wrapper ul.wp-block-latest-posts.is-grid li {
  787. border-style: solid;
  788. border-width: 2px 0 0;
  789. line-height: 1.25;
  790. margin: 20px 0 16px 16px;
  791. padding-top: 12px;
  792. }
  793. .editor-styles-wrapper .wp-block-latest-posts__post-excerpt {
  794. font-size: 0.95em;
  795. line-height: 1.4;
  796. margin-top: 15px;
  797. }
  798. /* Block: Shortcode -------------------------- */
  799. .editor-styles-wrapper .wp-block-shortcode textarea {
  800. color: #191e23;
  801. }
  802. /* Block: Embed ------------------------------ */
  803. .editor-styles-wrapper .wp-block-embed {
  804. margin-bottom: 30px;
  805. margin-top: 30px;
  806. }
  807. .editor-styles-wrapper .wp-block[data-type*="core-embed"][data-align="center"] * {
  808. margin-right: auto;
  809. margin-left: auto;
  810. }
  811. /* Block: File ------------------------------- */
  812. .editor-styles-wrapper .wp-block-file {
  813. background: none;
  814. padding: 0;
  815. }
  816. .editor-styles-wrapper .wp-block-file__content-wrapper {
  817. align-items: center;
  818. display: flex;
  819. justify-content: space-between;
  820. }
  821. .editor-styles-wrapper .wp-block-file .wp-block-file__textlink {
  822. color: #cd2653;
  823. font-weight: 700;
  824. text-decoration: none;
  825. }
  826. .editor-styles-wrapper .wp-block-file .wp-block-file__textlink:focus,
  827. .editor-styles-wrapper .wp-block-file .wp-block-file__textlink:hover {
  828. text-decoration: underline;
  829. }
  830. .editor-styles-wrapper .wp-block-file .wp-block-file__button {
  831. font-size: 14px;
  832. padding: 1em 1.25em;
  833. }
  834. /* Block: Image ------------------------------ */
  835. .editor-styles-wrapper .wp-block-image {
  836. margin-bottom: 30px;
  837. margin-top: 30px;
  838. }
  839. .editor-styles-wrapper .wp-block-image.is-resized {
  840. margin-right: auto;
  841. margin-left: auto;
  842. }
  843. /* Block: Group ------------------------------ */
  844. .editor-styles-wrapper .wp-block-group.has-background {
  845. padding: 20px;
  846. }
  847. .wp-block-group .wp-block[data-type="core/heading"]:first-child * {
  848. margin-top: 0;
  849. }
  850. .wp-block[data-type="core/group"] > .editor-block-list__block-edit > div > .wp-block-group.has-background > .wp-block-group__inner-container > .editor-inner-blocks > .editor-block-list__layout > .wp-block[data-align="full"],
  851. .wp-block[data-type="core/group"][data-align="full"] > .editor-block-list__block-edit > div > .wp-block-group.has-background > .wp-block-group__inner-container > .editor-inner-blocks > .editor-block-list__layout > .wp-block[data-align="full"] {
  852. margin-right: 0;
  853. width: 100%;
  854. }
  855. /* Block: Paragraph -------------------------- */
  856. /* X. Media Queries
  857. /* ------------------------------------------- */
  858. @media ( min-width: 480px ) {
  859. /* STRUCTURE */
  860. .editor-styles-wrapper .wp-block[data-align="right"] {
  861. margin-left: 0;
  862. }
  863. .editor-styles-wrapper .wp-block[data-align="left"] {
  864. margin: 0;
  865. }
  866. /* BLOCK: COVER */
  867. .wp-block[data-type="core/cover"][data-align="left"] [data-block],
  868. .wp-block[data-type="core/cover"][data-align="right"] [data-block] {
  869. margin-top: 0;
  870. }
  871. .editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="right"] .block-editor-block-list__block-edit {
  872. float: left;
  873. margin-right: 20px;
  874. max-width: 260px;
  875. }
  876. .editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="left"] .block-editor-block-list__block-edit {
  877. float: right;
  878. margin-left: 20px;
  879. max-width: 260px;
  880. }
  881. .editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="right"] .wp-block-pullquote::before {
  882. margin-left: 0;
  883. }
  884. .editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="left"] .wp-block-pullquote::before {
  885. margin-right: 0;
  886. }
  887. /* BLOCK: PULL QUOTE */
  888. .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"],
  889. .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] {
  890. height: 0;
  891. max-width: 260px;
  892. }
  893. .wp-block[data-type="core/pullquote"][data-align="left"] [data-block],
  894. .wp-block[data-type="core/pullquote"][data-align="right"] [data-block] {
  895. margin-top: 0;
  896. }
  897. .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .block-editor-block-list__block-edit {
  898. float: left;
  899. margin-right: 20px;
  900. max-width: 260px;
  901. }
  902. .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .block-editor-block-list__block-edit {
  903. float: right;
  904. margin-left: 20px;
  905. max-width: 260px;
  906. }
  907. .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .wp-block-pullquote::before {
  908. margin-left: 0;
  909. }
  910. .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .wp-block-pullquote::before {
  911. margin-right: 0;
  912. }
  913. }
  914. @media ( min-width: 600px ) {
  915. /* BLOCK: SHARED MEDIA STYLES */
  916. .wp-block[data-type*="core-embed"][data-align="full"] figcaption,
  917. .wp-block[data-type="core/image"][data-align="full"] figcaption,
  918. .wp-block[data-type="core/gallery"][data-align="full"] .blocks-gallery-caption {
  919. padding: 0 45px;
  920. }
  921. /* BLOCK: COLUMNS */
  922. .editor-styles-wrapper .wp-block[data-type="core/column"] h1,
  923. .editor-styles-wrapper .wp-block[data-type="core/column"] h2,
  924. .editor-styles-wrapper .wp-block[data-type="core/column"] h3,
  925. .editor-styles-wrapper .wp-block[data-type="core/column"] h4,
  926. .editor-styles-wrapper .wp-block[data-type="core/column"] h5,
  927. .editor-styles-wrapper .wp-block[data-type="core/column"] h6 {
  928. margin: 35px 0 20px 0;
  929. }
  930. /* BLOCK: PULLQUOTE */
  931. .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .block-editor-block-list__block-edit {
  932. margin-left: -30px;
  933. }
  934. .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .block-editor-block-list__block-edit {
  935. margin-right: -30px;
  936. }
  937. }
  938. @media ( min-width: 700px ) {
  939. /* STRUCTURE */
  940. .editor-styles-wrapper > * {
  941. font-size: 21px;
  942. }
  943. /* TYPOGRAPHY */
  944. .editor-post-title__block .editor-post-title__input,
  945. .editor-styles-wrapper .wp-block h1 {
  946. font-size: 64px;
  947. }
  948. .editor-styles-wrapper .wp-block h2 {
  949. font-size: 48px;
  950. }
  951. .editor-styles-wrapper .wp-block h3 {
  952. font-size: 40px;
  953. }
  954. .editor-styles-wrapper .wp-block h4 {
  955. font-size: 32px;
  956. }
  957. .editor-styles-wrapper .wp-block h5 {
  958. font-size: 24px;
  959. }
  960. .editor-styles-wrapper li,
  961. .editor-styles-wrapper p,
  962. .editor-styles-wrapper p.wp-block-paragraph {
  963. line-height: 1.476;
  964. }
  965. /* FORMS */
  966. .editor-styles-wrapper fieldset {
  967. padding: 30px;
  968. }
  969. .editor-styles-wrapper legend {
  970. padding: 0 15px;
  971. }
  972. /* BLOCK: BASE MARGINS */
  973. /* BLOCK: BUTTON */
  974. .editor-styles-wrapper .wp-block-button__link,
  975. .editor-styles-wrapper .wp-block-file__button {
  976. font-size: 17px;
  977. }
  978. /* BLOCK: CODE */
  979. .editor-styles-wrapper .wp-block-preformatted pre,
  980. .editor-styles-wrapper .wp-block-code .block-editor-plain-text,
  981. .editor-styles-wrapper .wp-block-verse pre {
  982. font-size: 16px;
  983. }
  984. /* BLOCK: COLUMNS */
  985. .wp-block-column {
  986. font-size: 16px;
  987. }
  988. /* BLOCK: COVER */
  989. .editor-styles-wrapper .wp-block-cover-image .wp-block-cover__inner-container,
  990. .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container {
  991. width: calc(100% - 80px);
  992. }
  993. /* BLOCK: GROUP */
  994. .editor-styles-wrapper .wp-block:not([data-align="wide"]):not([data-align="full"]) div:not([class*="__inner-container"]) .wp-block-group.has-background,
  995. .editor-styles-wrapper .wp-block div[class*="__inner-container"] .wp-block[data-align="wide"] .wp-block-group.has-background,
  996. .editor-styles-wrapper .wp-block div[class*="__inner-container"] .wp-block[data-align="full"] .wp-block-group.has-background {
  997. padding: 40px;
  998. }
  999. .editor-styles-wrapper .wp-block[data-align="wide"] .wp-block-group.has-background,
  1000. .editor-styles-wrapper .wp-block[data-align="full"] .wp-block-group.has-background {
  1001. padding: 80px;
  1002. }
  1003. /* BLOCK: LATEST POSTS */
  1004. /* BLOCK: PULLQUOTE */
  1005. .editor-styles-wrapper .wp-block .wp-block-pullquote p,
  1006. .editor-styles-wrapper .wp-block-pullquote.is-style-solid-color blockquote > .block-editor-rich-text p,
  1007. .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .editor-rich-text p,
  1008. .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .editor-rich-text p {
  1009. font-size: 32px;
  1010. }
  1011. .editor-styles-wrapper .wp-block-pullquote__citation,
  1012. .editor-styles-wrapper .wp-block-pullquote cite,
  1013. .editor-styles-wrapper .wp-block-pullquote footer {
  1014. margin-top: 20px;
  1015. }
  1016. .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="wide"] .wp-block-pullquote::before,
  1017. .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="full"] .wp-block-pullquote::before {
  1018. font-size: 113px;
  1019. height: 80px;
  1020. margin-bottom: 20px;
  1021. width: 80px;
  1022. }
  1023. .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="wide"] .wp-block-pullquote.is-style-solid-color,
  1024. .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="full"] .wp-block-pullquote.is-style-solid-color {
  1025. padding: 60px 40px 40px;
  1026. }
  1027. .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="full"] .wp-block-pullquote:not(.is-style-solid-color) {
  1028. padding-right: 10px;
  1029. padding-left: 10px;
  1030. }
  1031. .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="wide"] blockquote p,
  1032. .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="full"] blockquote p {
  1033. font-size: 48px;
  1034. line-height: 1.203125;
  1035. }
  1036. .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] p,
  1037. .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] p {
  1038. font-size: 32px;
  1039. line-height: 1.1875;
  1040. }
  1041. .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .is-style-solid-color p,
  1042. .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .is-style-solid-color p {
  1043. font-size: 26px;
  1044. }
  1045. /* BLOCK: TABLE */
  1046. .editor-styles-wrapper table.wp-block-table {
  1047. font-size: 18px;
  1048. }
  1049. /* BLOCK: SEPARATOR */
  1050. hr.wp-block-separator {
  1051. margin-bottom: 60px;
  1052. margin-top: 60px;
  1053. }
  1054. }
  1055. @media ( min-width: 1000px ) {
  1056. /* BLOCK: COLUMNS */
  1057. .wp-block-column {
  1058. font-size: 18px;
  1059. }
  1060. /* BLOCK: SEPARATOR */
  1061. hr.wp-block-separator {
  1062. margin-bottom: 80px;
  1063. margin-top: 80px;
  1064. }
  1065. hr.wp-block-separator.is-style-wide {
  1066. margin-right: -70px;
  1067. margin-left: -70px;
  1068. }
  1069. }
  1070. @media ( min-width: 1220px ) {
  1071. /* TYPOGRAPHY */
  1072. .editor-post-title__block .editor-post-title__input,
  1073. .editor-styles-wrapper .wp-block h1 {
  1074. font-size: 84px;
  1075. }
  1076. .editor-styles-wrapper .wp-block h6 {
  1077. font-size: 18px;
  1078. }
  1079. /* BLOCK: PULLQUOTE */
  1080. .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="wide"] .wp-block-pullquote.is-style-solid-color,
  1081. .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="full"] .wp-block-pullquote.is-style-solid-color {
  1082. padding: 90px 40px 80px;
  1083. }
  1084. .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="wide"] blockquote p,
  1085. .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="full"] blockquote p {
  1086. font-size: 64px;
  1087. }
  1088. /* BLOCK: SEPARATOR */
  1089. hr.wp-block-separator.is-style-wide {
  1090. margin-right: -150px;
  1091. margin-left: -150px;
  1092. }
  1093. }
  1094. @media ( min-width: 1360px ) {
  1095. /* STRUCTURE */
  1096. .editor-styles-wrapper .wp-block[data-align="left"],
  1097. .editor-styles-wrapper .wp-block[data-align="right"] {
  1098. margin: 0 auto;
  1099. max-width: 1220px;
  1100. }
  1101. /* BLOCK: PULLQUOTE */
  1102. .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .is-style-solid-color::before,
  1103. .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .is-style-solid-color::before {
  1104. top: 0;
  1105. }
  1106. .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"],
  1107. .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] {
  1108. margin: 0 auto;
  1109. max-width: 1220px;
  1110. }
  1111. /* BLOCK: SEPARATOR */
  1112. hr.wp-block-separator.is-style-wide {
  1113. margin-right: -200px;
  1114. margin-left: -200px;
  1115. }
  1116. }