Нет описания

style-editor.css 78KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504250525062507250825092510251125122513251425152516251725182519252025212522252325242525252625272528252925302531253225332534253525362537253825392540254125422543254425452546254725482549255025512552255325542555255625572558255925602561256225632564256525662567256825692570257125722573257425752576257725782579258025812582258325842585258625872588258925902591259225932594259525962597259825992600260126022603260426052606260726082609261026112612261326142615261626172618261926202621262226232624262526262627262826292630
  1. @charset "UTF-8";
  2. /**
  3. * These styles should be loaded by the Block Editor only
  4. */
  5. /* Variables */
  6. :root {
  7. /* Font Family */
  8. --global--font-primary: var(--font-headings, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
  9. --global--font-secondary: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
  10. /* Font Size */
  11. --global--font-size-base: 1.25rem;
  12. --global--font-size-xs: 1rem;
  13. --global--font-size-sm: 1.125rem;
  14. --global--font-size-md: 1.25rem;
  15. --global--font-size-lg: 1.5rem;
  16. --global--font-size-xl: 2.25rem;
  17. --global--font-size-xxl: 4rem;
  18. --global--font-size-xxxl: 5rem;
  19. --global--font-size-page-title: var(--global--font-size-xxl);
  20. --global--letter-spacing: normal;
  21. /* Line Height */
  22. --global--line-height-body: 1.7;
  23. --global--line-height-heading: 1.3;
  24. --global--line-height-page-title: 1.1;
  25. /* Headings */
  26. --heading--font-family: var(--global--font-primary);
  27. --heading--font-size-h6: var(--global--font-size-xs);
  28. --heading--font-size-h5: var(--global--font-size-sm);
  29. --heading--font-size-h4: var(--global--font-size-lg);
  30. --heading--font-size-h3: calc(1.25 * var(--global--font-size-lg));
  31. --heading--font-size-h2: var(--global--font-size-xl);
  32. --heading--font-size-h1: var(--global--font-size-page-title);
  33. --heading--letter-spacing-h6: 0.05em;
  34. --heading--letter-spacing-h5: 0.05em;
  35. --heading--letter-spacing-h4: var(--global--letter-spacing);
  36. --heading--letter-spacing-h3: var(--global--letter-spacing);
  37. --heading--letter-spacing-h2: var(--global--letter-spacing);
  38. --heading--letter-spacing-h1: var(--global--letter-spacing);
  39. --heading--line-height-h6: var(--global--line-height-heading);
  40. --heading--line-height-h5: var(--global--line-height-heading);
  41. --heading--line-height-h4: var(--global--line-height-heading);
  42. --heading--line-height-h3: var(--global--line-height-heading);
  43. --heading--line-height-h2: var(--global--line-height-heading);
  44. --heading--line-height-h1: var(--global--line-height-page-title);
  45. --heading--font-weight: normal;
  46. --heading--font-weight-page-title: 300;
  47. --heading--font-weight-strong: 600;
  48. /* Block: Latest posts */
  49. --latest-posts--title-font-family: var(--heading--font-family);
  50. --latest-posts--title-font-size: var(--heading--font-size-h3);
  51. --latest-posts--description-font-family: var(--global--font-secondary);
  52. --latest-posts--description-font-size: var(--global--font-size-sm);
  53. --list--font-family: var(--global--font-secondary);
  54. --definition-term--font-family: var(--global--font-primary);
  55. /* Colors */
  56. --global--color-black: #000;
  57. --global--color-dark-gray: #28303d;
  58. --global--color-gray: #39414d;
  59. --global--color-light-gray: #f0f0f0;
  60. --global--color-green: #d1e4dd;
  61. --global--color-blue: #d1dfe4;
  62. --global--color-purple: #d1d1e4;
  63. --global--color-red: #e4d1d1;
  64. --global--color-orange: #e4dad1;
  65. --global--color-yellow: #eeeadd;
  66. --global--color-white: #fff;
  67. --global--color-white-50: rgba(255, 255, 255, 0.5);
  68. --global--color-white-90: rgba(255, 255, 255, 0.9);
  69. --global--color-primary: var(--global--color-dark-gray);
  70. /* Body text color, site title, footer text color. */
  71. --global--color-secondary: var(--global--color-gray);
  72. /* Headings */
  73. --global--color-primary-hover: var(--global--color-primary);
  74. --global--color-background: var(--global--color-green);
  75. /* Mint, default body background */
  76. --global--color-border: var(--global--color-primary);
  77. /* Used for borders (separators) */
  78. /* Spacing */
  79. --global--spacing-unit: 20px;
  80. --global--spacing-measure: unset;
  81. --global--spacing-horizontal: 25px;
  82. --global--spacing-vertical: 30px;
  83. /* Elevation */
  84. --global--elevation: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);
  85. /* Forms */
  86. --form--font-family: var(--global--font-secondary);
  87. --form--font-size: var(--global--font-size-sm);
  88. --form--line-height: var(--global--line-height-body);
  89. --form--color-text: var(--global--color-dark-gray);
  90. --form--color-ranged: var(--global--color-secondary);
  91. --form--label-weight: 500;
  92. --form--border-color: var(--global--color-secondary);
  93. --form--border-width: 3px;
  94. --form--border-radius: 0;
  95. --form--spacing-unit: calc(0.5 * var(--global--spacing-unit));
  96. /* Cover block */
  97. --cover--height: calc(15 * var(--global--spacing-vertical));
  98. --cover--color-foreground: var(--global--color-white);
  99. --cover--color-background: var(--global--color-black);
  100. /* Buttons */
  101. --button--color-text: var(--global--color-background);
  102. --button--color-text-hover: var(--global--color-secondary);
  103. --button--color-text-active: var(--global--color-secondary);
  104. --button--color-background: var(--global--color-secondary);
  105. --button--color-background-active: var(--global--color-background);
  106. --button--font-family: var(--global--font-primary);
  107. --button--font-size: var(--global--font-size-base);
  108. --button--font-weight: 500;
  109. --button--line-height: 1.5;
  110. --button--border-width: 3px;
  111. --button--border-radius: 0;
  112. --button--padding-vertical: 15px;
  113. --button--padding-horizontal: calc(2 * var(--button--padding-vertical));
  114. /* entry */
  115. --entry-header--color: var(--global--color-primary);
  116. --entry-header--color-link: currentColor;
  117. --entry-header--color-hover: var(--global--color-primary-hover);
  118. --entry-header--color-focus: var(--global--color-secondary);
  119. --entry-header--font-size: var(--heading--font-size-h2);
  120. --entry-content--font-family: var(--global--font-secondary);
  121. --entry-author-bio--font-family: var(--heading--font-family);
  122. --entry-author-bio--font-size: var(--heading--font-size-h4);
  123. /* Header */
  124. --branding--color-text: var(--global--color-primary);
  125. --branding--color-link: var(--global--color-primary);
  126. --branding--color-link-hover: var(--global--color-secondary);
  127. --branding--title--font-family: var(--global--font-primary);
  128. --branding--title--font-size: var(--global--font-size-lg);
  129. --branding--title--font-size-mobile: var(--heading--font-size-h4);
  130. --branding--title--font-weight: normal;
  131. --branding--title--text-transform: uppercase;
  132. --branding--description--font-family: var(--global--font-secondary);
  133. --branding--description--font-size: var(--global--font-size-sm);
  134. --branding--description--font-family: var(--global--font-secondary);
  135. --branding--logo--max-width: 300px;
  136. --branding--logo--max-height: 100px;
  137. --branding--logo--max-width-mobile: 96px;
  138. --branding--logo--max-height-mobile: 96px;
  139. /* Main navigation */
  140. --primary-nav--font-family: var(--global--font-secondary);
  141. --primary-nav--font-family-mobile: var(--global--font-primary);
  142. --primary-nav--font-size: var(--global--font-size-md);
  143. --primary-nav--font-size-sub-menu: var(--global--font-size-xs);
  144. --primary-nav--font-size-mobile: var(--global--font-size-sm);
  145. --primary-nav--font-size-sub-menu-mobile: var(--global--font-size-sm);
  146. --primary-nav--font-size-button: var(--global--font-size-xs);
  147. --primary-nav--font-style: normal;
  148. --primary-nav--font-style-sub-menu-mobile: normal;
  149. --primary-nav--font-weight: normal;
  150. --primary-nav--font-weight-button: 500;
  151. --primary-nav--color-link: var(--global--color-primary);
  152. --primary-nav--color-link-hover: var(--global--color-primary-hover);
  153. --primary-nav--color-text: var(--global--color-primary);
  154. --primary-nav--padding: calc(0.66 * var(--global--spacing-unit));
  155. --primary-nav--border-color: var(--global--color-primary);
  156. /* Pagination */
  157. --pagination--color-text: var(--global--color-primary);
  158. --pagination--color-link-hover: var(--global--color-primary-hover);
  159. --pagination--font-family: var(--global--font-secondary);
  160. --pagination--font-size: var(--global--font-size-lg);
  161. --pagination--font-weight: normal;
  162. --pagination--font-weight-strong: 600;
  163. /* Footer */
  164. --footer--color-text: var(--global--color-primary);
  165. --footer--color-link: var(--global--color-primary);
  166. --footer--color-link-hover: var(--global--color-primary-hover);
  167. --footer--font-family: var(--global--font-primary);
  168. --footer--font-size: var(--global--font-size-sm);
  169. /* Block: Pull quote */
  170. --pullquote--font-family: var(--global--font-primary);
  171. --pullquote--font-size: var(--heading--font-size-h3);
  172. --pullquote--font-style: normal;
  173. --pullquote--letter-spacing: var(--heading--letter-spacing-h4);
  174. --pullquote--line-height: var(--global--line-height-heading);
  175. --pullquote--border-width: 3px;
  176. --pullquote--border-color: var(--global--color-primary);
  177. --pullquote--color-foreground: var(--global--color-primary);
  178. --pullquote--color-background: var(--global--color-background);
  179. --quote--font-family: var(--global--font-secondary);
  180. --quote--font-size: var(--global--font-size-md);
  181. --quote--font-size-large: var(--global--font-size-xl);
  182. --quote--font-style: normal;
  183. --quote--font-weight: 700;
  184. --quote--font-weight-strong: bolder;
  185. --quote--font-style-large: normal;
  186. --quote--font-style-cite: normal;
  187. --quote--line-height: var(--global--line-height-body);
  188. --quote--line-height-large: 1.35;
  189. --separator--border-color: var(--global--color-border);
  190. --separator--height: 1px;
  191. /* Block: Table */
  192. --table--stripes-border-color: var(--global--color-light-gray);
  193. --table--stripes-background-color: var(--global--color-light-gray);
  194. --table--has-background-text-color: var(--global--color-dark-gray);
  195. /* Widgets */
  196. --widget--line-height-list: 1.9;
  197. --widget--line-height-title: 1.4;
  198. --widget--font-weight-title: 700;
  199. --widget--spacing-menu: calc(0.66 * var(--global--spacing-unit));
  200. /* Admin-bar height */
  201. --global--admin-bar--height: 0px;
  202. }
  203. .admin-bar {
  204. --global--admin-bar--height: 32px;
  205. }
  206. @media only screen and (max-width: 782px) {
  207. .admin-bar {
  208. --global--admin-bar--height: 46px;
  209. }
  210. }
  211. @media only screen and (min-width: 652px) {
  212. :root {
  213. --global--font-size-xl: 2.5rem;
  214. --global--font-size-xxl: 6rem;
  215. --global--font-size-xxxl: 9rem;
  216. --heading--font-size-h3: 2rem;
  217. --heading--font-size-h2: 3rem;
  218. }
  219. }
  220. /**
  221. * Responsive Styles
  222. */
  223. /**
  224. * Required Variables
  225. */
  226. /**
  227. * Root Media Query Variables
  228. */
  229. :root {
  230. --responsive--spacing-horizontal: calc(2 * var(--global--spacing-horizontal) * 0.6);
  231. --responsive--aligndefault-width: calc(100vw - var(--responsive--spacing-horizontal));
  232. --responsive--alignwide-width: calc(100vw - var(--responsive--spacing-horizontal));
  233. --responsive--alignfull-width: 100%;
  234. --responsive--alignright-margin: var(--global--spacing-horizontal);
  235. --responsive--alignleft-margin: var(--global--spacing-horizontal);
  236. }
  237. @media only screen and (min-width: 482px) {
  238. :root {
  239. --responsive--aligndefault-width: min(calc(100vw - 4 * var(--global--spacing-horizontal)), 610px);
  240. --responsive--alignwide-width: calc(100vw - 4 * var(--global--spacing-horizontal));
  241. --responsive--alignright-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
  242. --responsive--alignleft-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
  243. }
  244. }
  245. @media only screen and (min-width: 822px) {
  246. :root {
  247. --responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 610px);
  248. --responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1240px);
  249. }
  250. }
  251. /**
  252. * Extends
  253. */
  254. .default-max-width {
  255. max-width: var(--responsive--aligndefault-width);
  256. margin-left: auto;
  257. margin-right: auto;
  258. }
  259. .wide-max-width {
  260. max-width: var(--responsive--alignwide-width);
  261. margin-left: auto;
  262. margin-right: auto;
  263. }
  264. @media only screen and (min-width: 482px) {
  265. .full-max-width {
  266. max-width: var(--responsive--alignfull-width);
  267. width: auto;
  268. margin-left: auto;
  269. margin-right: auto;
  270. }
  271. }
  272. blockquote {
  273. padding: 0;
  274. position: relative;
  275. margin: var(--global--spacing-vertical) 0 var(--global--spacing-vertical) var(--global--spacing-horizontal);
  276. }
  277. blockquote > * {
  278. margin-top: var(--global--spacing-unit);
  279. margin-bottom: var(--global--spacing-unit);
  280. }
  281. blockquote > *:first-child {
  282. margin-top: 0;
  283. }
  284. blockquote > *:last-child {
  285. margin-bottom: 0;
  286. }
  287. blockquote p {
  288. letter-spacing: var(--heading--letter-spacing-h4);
  289. font-family: var(--quote--font-family);
  290. font-size: var(--quote--font-size);
  291. font-style: var(--quote--font-style);
  292. font-weight: var(--quote--font-weight);
  293. line-height: var(--quote--line-height);
  294. }
  295. blockquote cite,
  296. blockquote footer {
  297. font-weight: normal;
  298. color: var(--global--color-primary);
  299. font-size: var(--global--font-size-xs);
  300. letter-spacing: var(--global--letter-spacing);
  301. }
  302. blockquote.alignleft,
  303. blockquote.alignright {
  304. padding-left: inherit;
  305. }
  306. blockquote.alignleft p,
  307. blockquote.alignright p {
  308. font-size: var(--heading--font-size-h5);
  309. max-width: inherit;
  310. width: inherit;
  311. }
  312. blockquote.alignleft cite,
  313. blockquote.alignleft footer,
  314. blockquote.alignright cite,
  315. blockquote.alignright footer {
  316. font-size: var(--global--font-size-xs);
  317. letter-spacing: var(--global--letter-spacing);
  318. }
  319. blockquote strong {
  320. font-weight: var(--quote--font-weight-strong);
  321. }
  322. blockquote:before {
  323. content: "“";
  324. font-size: var(--quote--font-size);
  325. line-height: var(--quote--line-height);
  326. position: absolute;
  327. left: calc(-0.5 * var(--global--spacing-horizontal));
  328. }
  329. blockquote .wp-block-quote__citation,
  330. blockquote cite,
  331. blockquote footer {
  332. color: var(--global--color-primary);
  333. font-size: var(--global--font-size-xs);
  334. font-style: var(--quote--font-style-cite);
  335. }
  336. @media only screen and (max-width: 481px) {
  337. blockquote {
  338. padding-left: calc(0.5 * var(--global--spacing-horizontal));
  339. }
  340. blockquote:before {
  341. left: 0;
  342. }
  343. }
  344. img {
  345. height: auto;
  346. max-width: 100%;
  347. vertical-align: middle;
  348. }
  349. /* Classic editor images */
  350. .entry-content img {
  351. max-width: 100%;
  352. }
  353. /* Make sure embeds and iframes fit their containers. */
  354. embed,
  355. iframe,
  356. object,
  357. video {
  358. max-width: 100%;
  359. }
  360. /* Media captions */
  361. figcaption,
  362. .wp-caption,
  363. .wp-caption-text,
  364. .wp-block-embed figcaption {
  365. color: currentColor;
  366. font-size: var(--global--font-size-xs);
  367. line-height: var(--global--line-height-body);
  368. margin-top: calc(0.5 * var(--global--spacing-unit));
  369. margin-bottom: var(--global--spacing-unit);
  370. text-align: center;
  371. }
  372. .alignleft figcaption,
  373. .alignright figcaption,
  374. .alignleft .wp-caption,
  375. .alignright .wp-caption,
  376. .alignleft .wp-caption-text,
  377. .alignright .wp-caption-text,
  378. .alignleft .wp-block-embed figcaption,
  379. .alignright .wp-block-embed figcaption {
  380. margin-bottom: 0;
  381. }
  382. /* WP Smiley */
  383. .page-content .wp-smiley,
  384. .entry-content .wp-smiley,
  385. .comment-content .wp-smiley {
  386. border: none;
  387. margin-bottom: 0;
  388. margin-top: 0;
  389. padding: 0;
  390. }
  391. select,
  392. select:focus {
  393. border: var(--form--border-width) solid var(--form--border-color);
  394. border-radius: var(--form--border-radius);
  395. color: var(--form--color-text);
  396. font-size: var(--form--font-size);
  397. -moz-appearance: none;
  398. -webkit-appearance: none;
  399. appearance: none;
  400. padding: var(--form--spacing-unit) calc(3 * var(--form--spacing-unit)) var(--form--spacing-unit) var(--form--spacing-unit);
  401. background: var(--global--color-white) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>") no-repeat;
  402. background-position: right var(--form--spacing-unit) top 60%;
  403. }
  404. /*
  405. * text-underline-offset doesn't work in Chrome at all 👎
  406. * But looks nice in Safari/Firefox, so let's keep it and
  407. * maybe Chrome will support it soon.
  408. */
  409. a {
  410. cursor: pointer;
  411. color: var(--wp--style--color--link, var(--global--color-primary));
  412. text-underline-offset: 3px;
  413. text-decoration-skip-ink: all;
  414. }
  415. a:hover {
  416. text-decoration-style: dotted;
  417. text-decoration-skip-ink: none;
  418. }
  419. .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
  420. /* Only visible in Windows High Contrast mode */
  421. outline: 2px solid transparent;
  422. text-decoration: underline 1px dotted currentColor;
  423. text-decoration-skip-ink: none;
  424. background: rgba(255, 255, 255, 0.9);
  425. }
  426. .is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
  427. background: var(--global--color-black);
  428. color: var(--global--color-white);
  429. text-decoration: none;
  430. }
  431. .is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav {
  432. color: var(--wp--style--color--link, var(--global--color-white));
  433. }
  434. .has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
  435. background: rgba(0, 0, 0, 0.9);
  436. color: var(--wp--style--color--link, var(--global--color-white));
  437. }
  438. .has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav {
  439. color: var(--wp--style--color--link, var(--global--color-white));
  440. }
  441. .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).skip-link {
  442. /* Only visible in Windows High Contrast mode */
  443. outline: 2px solid transparent;
  444. outline-offset: -2px;
  445. }
  446. .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).skip-link:focus {
  447. color: #21759b;
  448. background-color: #f1f1f1;
  449. }
  450. .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).custom-logo-link {
  451. background: none;
  452. }
  453. .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img {
  454. outline: 2px dotted var(--wp--style--color--link, var(--global--color-primary));
  455. }
  456. .has-background .has-link-color a,
  457. .has-background.has-link-color a {
  458. color: var(--wp--style--color--link, var(--global--color-primary));
  459. }
  460. .wp-block-button__link {
  461. border: var(--button--border-width) solid transparent;
  462. border-radius: var(--button--border-radius);
  463. cursor: pointer;
  464. font-weight: var(--button--font-weight);
  465. font-family: var(--button--font-family);
  466. font-size: var(--button--font-size);
  467. line-height: var(--button--line-height);
  468. padding: var(--button--padding-vertical) var(--button--padding-horizontal);
  469. text-decoration: none;
  470. }
  471. .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) {
  472. color: var(--global--color-background);
  473. }
  474. .has-background .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) {
  475. color: var(--local--color-background, var(--global--color-primary));
  476. }
  477. .has-background .wp-block-button__link:not(:hover):not(:active):not(.has-text-color).has-background {
  478. color: var(--global--color-primary);
  479. }
  480. .wp-block-button__link:not(:hover):not(:active):not(.has-background) {
  481. background-color: var(--global--color-primary);
  482. }
  483. .has-background .wp-block-button__link:not(:hover):not(:active):not(.has-background) {
  484. background-color: var(--local--color-primary, var(--global--color-primary));
  485. }
  486. .wp-block-button__link:hover,
  487. .wp-block-button__link:active {
  488. background-color: transparent;
  489. border-color: currentColor;
  490. color: inherit;
  491. }
  492. .wp-block-button__link:focus {
  493. outline-offset: -6px;
  494. outline: 2px dotted currentColor;
  495. }
  496. .wp-block-button__link:disabled {
  497. background-color: var(--global--color-white-50);
  498. border-color: var(--global--color-white-50);
  499. color: var(--button--color-text-active);
  500. }
  501. /**
  502. * Block Options
  503. */
  504. [data-block].wp-block-buttons {
  505. margin-top: 0;
  506. margin-bottom: 0;
  507. }
  508. [data-block].wp-block-buttons .wp-block-button:first-child {
  509. margin-top: var(--global--spacing-vertical);
  510. }
  511. [data-block].wp-block-buttons .wp-block-button:last-child {
  512. margin-bottom: var(--global--spacing-vertical);
  513. }
  514. .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) {
  515. color: var(--global--color-background);
  516. }
  517. .has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) {
  518. color: var(--local--color-background, var(--global--color-background));
  519. }
  520. .has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color).has-background {
  521. color: var(--global--color-primary);
  522. }
  523. .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background) {
  524. background-color: var(--global--color-primary);
  525. }
  526. .has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background) {
  527. background-color: var(--local--color-primary, var(--global--color-primary));
  528. }
  529. .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover,
  530. .wp-block-button:not(.is-style-outline) .wp-block-button__link:active {
  531. border-color: currentColor !important;
  532. background-color: transparent !important;
  533. color: inherit !important;
  534. }
  535. .wp-block-button:not(.is-style-outline) .wp-block-button__link:focus {
  536. outline-offset: inherit;
  537. outline: inherit;
  538. }
  539. .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color),
  540. .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-background),
  541. .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active).has-background {
  542. border-color: currentColor;
  543. }
  544. .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) {
  545. color: var(--global--color-primary);
  546. }
  547. .has-background .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) {
  548. color: var(--local--color-primary, var(--global--color-primary));
  549. }
  550. .has-background .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active).has-background:not(.has-text-color) {
  551. color: inherit;
  552. }
  553. .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-background) {
  554. background-color: transparent;
  555. }
  556. .wp-block-button.is-style-outline .wp-block-button__link:hover,
  557. .wp-block-button.is-style-outline .wp-block-button__link:active {
  558. background-color: var(--global--color-primary) !important;
  559. border-color: transparent !important;
  560. color: var(--global--color-background) !important;
  561. }
  562. .has-background .wp-block-button.is-style-outline .wp-block-button__link:hover,
  563. .has-background .wp-block-button.is-style-outline .wp-block-button__link:active {
  564. background-color: var(--local--color-primary, var(--global--color-primary)) !important;
  565. color: var(--local--color-background, var(--global--color-background)) !important;
  566. }
  567. .has-text-color .wp-block-button.is-style-outline .wp-block-button__link:hover,
  568. .has-text-color .wp-block-button.is-style-outline .wp-block-button__link:active {
  569. color: var(--local--color-background, var(--global--color-background)) !important;
  570. }
  571. .wp-block-button.is-style-outline .wp-block-button__link:focus {
  572. outline-offset: inherit;
  573. outline: inherit;
  574. }
  575. .wp-block-button.is-style-squared {
  576. border-radius: 0;
  577. }
  578. .is-style-outline .wp-block-button__link[style*=radius],
  579. .wp-block-button__link[style*=radius] {
  580. outline-offset: 2px;
  581. }
  582. .wp-block-code code {
  583. white-space: pre !important;
  584. overflow-x: auto;
  585. }
  586. .wp-block-code {
  587. border-color: var(--global--color-border);
  588. border-radius: 0;
  589. border-style: solid;
  590. border-width: 0.1rem;
  591. padding: var(--global--spacing-unit);
  592. color: currentColor;
  593. }
  594. .wp-block-cover,
  595. .wp-block-cover-image {
  596. background-color: var(--cover--color-background);
  597. min-height: var(--cover--height);
  598. margin-top: inherit;
  599. margin-bottom: inherit;
  600. }
  601. .wp-block-cover:not(.alignwide):not(.alignfull),
  602. .wp-block-cover-image:not(.alignwide):not(.alignfull) {
  603. clear: both;
  604. }
  605. [data-align=full] .wp-block-cover,
  606. [data-align=full] .wp-block-cover-image {
  607. margin-top: 0;
  608. margin-bottom: 0;
  609. }
  610. .wp-block-cover > .wp-block-cover__inner-container > *:first-child,
  611. .wp-block-cover-image > .wp-block-cover__inner-container > *:first-child {
  612. margin-top: 0;
  613. }
  614. .wp-block-cover > .wp-block-cover__inner-container > *:last-child:not(.block-list-appender),
  615. .wp-block-cover-image > .wp-block-cover__inner-container > *:last-child:not(.block-list-appender) {
  616. margin-bottom: 0;
  617. }
  618. .wp-block-cover.has-child-selected > .wp-block-cover__inner-container > *:nth-last-child(2),
  619. .wp-block-cover.is-selected > .wp-block-cover__inner-container > *:nth-last-child(2),
  620. .wp-block-cover-image.has-child-selected > .wp-block-cover__inner-container > *:nth-last-child(2),
  621. .wp-block-cover-image.is-selected > .wp-block-cover__inner-container > *:nth-last-child(2) {
  622. margin-bottom: 0;
  623. }
  624. .wp-block-cover .wp-block-cover__inner-container,
  625. .wp-block-cover .wp-block-cover-image-text,
  626. .wp-block-cover .wp-block-cover-text,
  627. .wp-block-cover .block-editor-block-list__block,
  628. .wp-block-cover-image .wp-block-cover__inner-container,
  629. .wp-block-cover-image .wp-block-cover-image-text,
  630. .wp-block-cover-image .wp-block-cover-text,
  631. .wp-block-cover-image .block-editor-block-list__block {
  632. color: currentColor;
  633. }
  634. .wp-block-cover .wp-block-cover__inner-container a,
  635. .wp-block-cover .wp-block-cover-image-text a,
  636. .wp-block-cover .wp-block-cover-text a,
  637. .wp-block-cover .block-editor-block-list__block a,
  638. .wp-block-cover-image .wp-block-cover__inner-container a,
  639. .wp-block-cover-image .wp-block-cover-image-text a,
  640. .wp-block-cover-image .wp-block-cover-text a,
  641. .wp-block-cover-image .block-editor-block-list__block a {
  642. color: currentColor;
  643. }
  644. .wp-block-cover .wp-block-cover__inner-container .has-link-color a,
  645. .wp-block-cover .wp-block-cover-image-text .has-link-color a,
  646. .wp-block-cover .wp-block-cover-text .has-link-color a,
  647. .wp-block-cover .block-editor-block-list__block .has-link-color a,
  648. .wp-block-cover-image .wp-block-cover__inner-container .has-link-color a,
  649. .wp-block-cover-image .wp-block-cover-image-text .has-link-color a,
  650. .wp-block-cover-image .wp-block-cover-text .has-link-color a,
  651. .wp-block-cover-image .block-editor-block-list__block .has-link-color a {
  652. color: var(--wp--style--color--link, var(--global--color-primary));
  653. }
  654. .wp-block-cover:not([class*=background-color]) .wp-block-cover__inner-container,
  655. .wp-block-cover:not([class*=background-color]) .wp-block-cover-image-text,
  656. .wp-block-cover:not([class*=background-color]) .wp-block-cover-text,
  657. .wp-block-cover:not([class*=background-color]) .block-editor-block-list__block,
  658. .wp-block-cover-image:not([class*=background-color]) .wp-block-cover__inner-container,
  659. .wp-block-cover-image:not([class*=background-color]) .wp-block-cover-image-text,
  660. .wp-block-cover-image:not([class*=background-color]) .wp-block-cover-text,
  661. .wp-block-cover-image:not([class*=background-color]) .block-editor-block-list__block {
  662. color: var(--cover--color-foreground);
  663. }
  664. .wp-block-cover h2,
  665. .wp-block-cover-image h2 {
  666. font-size: var(--heading--font-size-h2);
  667. letter-spacing: var(--heading--letter-spacing-h2);
  668. line-height: var(--heading--line-height-h2);
  669. padding: 0;
  670. max-width: inherit;
  671. text-align: inherit;
  672. }
  673. .wp-block-cover h2.has-text-align-left,
  674. .wp-block-cover-image h2.has-text-align-left {
  675. text-align: left;
  676. }
  677. .wp-block-cover h2.has-text-align-center,
  678. .wp-block-cover-image h2.has-text-align-center {
  679. text-align: center;
  680. }
  681. .wp-block-cover h2.has-text-align-right,
  682. .wp-block-cover-image h2.has-text-align-right {
  683. text-align: right;
  684. }
  685. .wp-block-cover.is-style-twentytwentyone-border,
  686. .wp-block-cover-image.is-style-twentytwentyone-border {
  687. border: calc(3 * var(--separator--height)) solid var(--global--color-border);
  688. }
  689. .wp-block-cover[class*=-background-color][class] .wp-block-cover__inner-container,
  690. .wp-block-cover-image[class*=-background-color][class] .wp-block-cover__inner-container {
  691. background-color: unset;
  692. }
  693. .wp-block-columns:not(.alignwide):not(.alignfull) {
  694. clear: both;
  695. }
  696. .wp-block-columns .wp-block,
  697. .wp-block-columns .wp-block-column {
  698. max-width: inherit;
  699. }
  700. .wp-block-columns > .wp-block-column > *:first-child {
  701. margin-top: 0;
  702. }
  703. .wp-block-columns > .wp-block-column > *:last-child:not(.block-list-appender) {
  704. margin-bottom: 0;
  705. }
  706. .wp-block-columns.has-child-selected > .wp-block-column > *:nth-last-child(2),
  707. .wp-block-columns.is-selected > .wp-block-column > *:nth-last-child(2) {
  708. margin-bottom: 0;
  709. }
  710. @media only screen and (min-width: 652px) {
  711. .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) {
  712. margin-left: calc(-2 * var(--global--spacing-horizontal));
  713. margin-top: calc(2.5 * var(--global--spacing-horizontal));
  714. z-index: 2;
  715. }
  716. .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > p:not(.has-background),
  717. .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h1:not(.has-background),
  718. .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h2:not(.has-background),
  719. .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h3:not(.has-background),
  720. .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h4:not(.has-background),
  721. .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h5:not(.has-background),
  722. .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h6:not(.has-background),
  723. .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background),
  724. .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background),
  725. .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > pre:not(.has-background) {
  726. background-color: var(--global--color-background);
  727. padding: var(--global--spacing-unit);
  728. }
  729. .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background),
  730. .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background) {
  731. padding-left: calc(2 * var(--global--spacing-horizontal));
  732. }
  733. .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n).is-vertically-aligned-center {
  734. margin-top: 0;
  735. }
  736. }
  737. .wp-block[data-align=full] > .wp-block-columns p:not(.has-background),
  738. .wp-block[data-align=full] > .wp-block-columns h1:not(.has-background),
  739. .wp-block[data-align=full] > .wp-block-columns h2:not(.has-background),
  740. .wp-block[data-align=full] > .wp-block-columns h3:not(.has-background),
  741. .wp-block[data-align=full] > .wp-block-columns h4:not(.has-background),
  742. .wp-block[data-align=full] > .wp-block-columns h5:not(.has-background),
  743. .wp-block[data-align=full] > .wp-block-columns h6:not(.has-background) {
  744. padding-left: var(--global--spacing-unit);
  745. padding-right: var(--global--spacing-unit);
  746. }
  747. .wp-block-file .wp-block-file__textlink {
  748. text-decoration: underline;
  749. text-decoration-style: solid;
  750. text-decoration-thickness: 1px;
  751. }
  752. .wp-block-file .wp-block-file__textlink:hover {
  753. text-decoration: underline;
  754. text-decoration-style: dotted;
  755. }
  756. .wp-block-file .wp-block-file__button {
  757. border: var(--button--border-width) solid transparent;
  758. border-radius: var(--button--border-radius);
  759. cursor: pointer;
  760. font-weight: var(--button--font-weight);
  761. font-family: var(--button--font-family);
  762. font-size: var(--button--font-size);
  763. line-height: var(--button--line-height);
  764. padding: var(--button--padding-vertical) var(--button--padding-horizontal);
  765. text-decoration: none;
  766. display: inline-block;
  767. }
  768. .wp-block-file .wp-block-file__button:not(:hover):not(:active):not(.has-text-color) {
  769. color: var(--global--color-background);
  770. }
  771. .has-background .wp-block-file .wp-block-file__button:not(:hover):not(:active):not(.has-text-color) {
  772. color: var(--local--color-background, var(--global--color-primary));
  773. }
  774. .has-background .wp-block-file .wp-block-file__button:not(:hover):not(:active):not(.has-text-color).has-background {
  775. color: var(--global--color-primary);
  776. }
  777. .wp-block-file .wp-block-file__button:not(:hover):not(:active):not(.has-background) {
  778. background-color: var(--global--color-primary);
  779. }
  780. .has-background .wp-block-file .wp-block-file__button:not(:hover):not(:active):not(.has-background) {
  781. background-color: var(--local--color-primary, var(--global--color-primary));
  782. }
  783. .wp-block-file .wp-block-file__button:hover,
  784. .wp-block-file .wp-block-file__button:active {
  785. background-color: transparent;
  786. border-color: currentColor;
  787. color: inherit;
  788. }
  789. .wp-block-file .wp-block-file__button:focus {
  790. outline-offset: -6px;
  791. outline: 2px dotted currentColor;
  792. }
  793. .wp-block-file .wp-block-file__button:disabled {
  794. background-color: var(--global--color-white-50);
  795. border-color: var(--global--color-white-50);
  796. color: var(--button--color-text-active);
  797. }
  798. .wp-block-file .wp-block-file__button:focus {
  799. outline-offset: inherit;
  800. outline: inherit;
  801. }
  802. .wp-block-gallery figcaption {
  803. margin-bottom: 0;
  804. }
  805. .wp-block-gallery figcaption a {
  806. color: var(--global--color-white);
  807. }
  808. .wp-block-group {
  809. display: block;
  810. clear: both;
  811. display: flow-root;
  812. }
  813. .wp-block-group:before,
  814. .wp-block-group:after {
  815. content: "";
  816. display: block;
  817. clear: both;
  818. }
  819. .wp-block-group.has-background {
  820. padding: var(--global--spacing-vertical);
  821. }
  822. [data-align=full] .wp-block-group.has-background {
  823. margin-top: 0;
  824. margin-bottom: 0;
  825. }
  826. .wp-block-group.is-style-twentytwentyone-border {
  827. border: calc(3 * var(--separator--height)) solid var(--global--color-border);
  828. padding: var(--global--spacing-vertical);
  829. }
  830. .wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > [data-align=full] {
  831. max-width: calc(var(--responsive--alignfull-width) + (2 * var(--global--spacing-vertical)));
  832. width: calc(var(--responsive--alignfull-width) + (2 * var(--global--spacing-vertical)));
  833. margin-left: calc(-1 * var(--global--spacing-vertical));
  834. }
  835. .wp-block-group > .wp-block-group__inner-container > *:first-child {
  836. margin-top: 0;
  837. }
  838. .wp-block-group > .wp-block-group__inner-container > *:last-child:not(.block-list-appender) {
  839. margin-bottom: 0;
  840. }
  841. .wp-block-group.has-child-selected > .wp-block-group__inner-container > *:nth-last-child(2),
  842. .wp-block-group.is-selected > .wp-block-group__inner-container > *:nth-last-child(2) {
  843. margin-bottom: 0;
  844. }
  845. .wp-block-group .wp-block-group.has-background > .block-editor-block-list__layout > [data-align=full] {
  846. margin: 0;
  847. width: 100%;
  848. }
  849. .wp-block-heading h1,
  850. h1,
  851. .h1,
  852. .wp-block-heading h2,
  853. h2,
  854. .h2,
  855. .wp-block-heading h3,
  856. h3,
  857. .h3,
  858. .wp-block-heading h4,
  859. h4,
  860. .h4,
  861. .wp-block-heading h5,
  862. h5,
  863. .h5,
  864. .wp-block-heading h6,
  865. h6,
  866. .h6 {
  867. clear: both;
  868. font-family: var(--heading--font-family);
  869. font-weight: var(--heading--font-weight);
  870. }
  871. .wp-block-heading h1 strong,
  872. h1 strong,
  873. .h1 strong,
  874. .wp-block-heading h2 strong,
  875. h2 strong,
  876. .h2 strong,
  877. .wp-block-heading h3 strong,
  878. h3 strong,
  879. .h3 strong,
  880. .wp-block-heading h4 strong,
  881. h4 strong,
  882. .h4 strong,
  883. .wp-block-heading h5 strong,
  884. h5 strong,
  885. .h5 strong,
  886. .wp-block-heading h6 strong,
  887. h6 strong,
  888. .h6 strong {
  889. font-weight: var(--heading--font-weight-strong);
  890. }
  891. .wp-block-heading h1[style*="--wp--typography--line-height"],
  892. h1[style*="--wp--typography--line-height"],
  893. .h1[style*="--wp--typography--line-height"],
  894. .wp-block-heading h2[style*="--wp--typography--line-height"],
  895. h2[style*="--wp--typography--line-height"],
  896. .h2[style*="--wp--typography--line-height"],
  897. .wp-block-heading h3[style*="--wp--typography--line-height"],
  898. h3[style*="--wp--typography--line-height"],
  899. .h3[style*="--wp--typography--line-height"],
  900. .wp-block-heading h4[style*="--wp--typography--line-height"],
  901. h4[style*="--wp--typography--line-height"],
  902. .h4[style*="--wp--typography--line-height"],
  903. .wp-block-heading h5[style*="--wp--typography--line-height"],
  904. h5[style*="--wp--typography--line-height"],
  905. .h5[style*="--wp--typography--line-height"],
  906. .wp-block-heading h6[style*="--wp--typography--line-height"],
  907. h6[style*="--wp--typography--line-height"],
  908. .h6[style*="--wp--typography--line-height"] {
  909. line-height: var(--wp--typography--line-height, var(--global--line-height-body));
  910. }
  911. .wp-block-heading h1,
  912. h1,
  913. .h1 {
  914. font-size: var(--heading--font-size-h1);
  915. letter-spacing: var(--heading--letter-spacing-h1);
  916. line-height: var(--heading--line-height-h1);
  917. }
  918. .wp-block-heading h2,
  919. h2,
  920. .h2 {
  921. font-size: var(--heading--font-size-h2);
  922. letter-spacing: var(--heading--letter-spacing-h2);
  923. line-height: var(--heading--line-height-h2);
  924. }
  925. .wp-block-heading h3,
  926. h3,
  927. .h3 {
  928. font-size: var(--heading--font-size-h3);
  929. letter-spacing: var(--heading--letter-spacing-h3);
  930. line-height: var(--heading--line-height-h3);
  931. }
  932. .wp-block-heading h4,
  933. h4,
  934. .h4 {
  935. font-size: var(--heading--font-size-h4);
  936. font-weight: var(--heading--font-weight-strong);
  937. letter-spacing: var(--heading--letter-spacing-h4);
  938. line-height: var(--heading--line-height-h4);
  939. }
  940. .wp-block-heading h5,
  941. h5,
  942. .h5 {
  943. font-size: var(--heading--font-size-h5);
  944. font-weight: var(--heading--font-weight-strong);
  945. letter-spacing: var(--heading--letter-spacing-h5);
  946. line-height: var(--heading--line-height-h5);
  947. }
  948. .wp-block-heading h6,
  949. h6,
  950. .h6 {
  951. font-size: var(--heading--font-size-h6);
  952. font-weight: var(--heading--font-weight-strong);
  953. letter-spacing: var(--heading--letter-spacing-h6);
  954. line-height: var(--heading--line-height-h6);
  955. }
  956. [data-type="core/html"] textarea {
  957. color: var(--global--color-dark-gray);
  958. border-radius: 0;
  959. padding: var(--global--spacing-unit);
  960. }
  961. /* Center image block by default in the editor */
  962. .wp-block-image > div {
  963. text-align: center;
  964. }
  965. [data-type="core/image"] .block-editor-block-list__block-edit figure.is-resized {
  966. margin: 0 auto;
  967. }
  968. /* Block Styles */
  969. .wp-block-image.is-style-twentytwentyone-border img,
  970. .wp-block-image.is-style-twentytwentyone-image-frame img {
  971. border: calc(3 * var(--separator--height)) solid var(--global--color-border);
  972. }
  973. .wp-block-image.is-style-twentytwentyone-image-frame img {
  974. padding: var(--global--spacing-unit);
  975. }
  976. .wp-block-latest-comments {
  977. padding-left: 0;
  978. }
  979. .wp-block-latest-posts {
  980. padding-left: 0;
  981. }
  982. .wp-block-latest-posts:not(.is-grid) > li {
  983. margin-top: calc(1.666 * var(--global--spacing-vertical));
  984. margin-bottom: calc(1.666 * var(--global--spacing-vertical));
  985. }
  986. .wp-block-latest-posts:not(.is-grid) > li:first-child {
  987. margin-top: 0;
  988. }
  989. .wp-block-latest-posts:not(.is-grid) > li:last-child {
  990. margin-bottom: 0;
  991. }
  992. .wp-block-latest-posts.is-grid {
  993. word-wrap: break-word;
  994. word-break: break-word;
  995. }
  996. .wp-block-latest-posts.is-grid > li {
  997. margin-bottom: var(--global--spacing-vertical);
  998. }
  999. .wp-block-latest-posts.is-grid > li:last-child {
  1000. margin-bottom: 0;
  1001. }
  1002. .wp-block-latest-posts > li > * {
  1003. margin-top: calc(0.333 * var(--global--spacing-vertical));
  1004. margin-bottom: calc(0.333 * var(--global--spacing-vertical));
  1005. }
  1006. .wp-block-latest-posts > li > *:first-child {
  1007. margin-top: 0;
  1008. }
  1009. .wp-block-latest-posts > li > *:last-child {
  1010. margin-bottom: 0;
  1011. }
  1012. .wp-block-latest-posts > li > a {
  1013. display: inline-block;
  1014. font-family: var(--latest-posts--title-font-family);
  1015. font-size: var(--latest-posts--title-font-size);
  1016. font-weight: var(--heading--font-weight);
  1017. line-height: var(--global--line-height-heading);
  1018. margin-bottom: calc(0.333 * var(--global--spacing-vertical));
  1019. }
  1020. .wp-block-latest-posts .wp-block-latest-posts__post-author {
  1021. color: var(--global--color-primary);
  1022. font-size: var(--global--font-size-md);
  1023. line-height: var(--global--line-height-body);
  1024. }
  1025. .wp-block-latest-posts .wp-block-latest-posts__post-date {
  1026. color: var(--global--color-primary);
  1027. font-size: var(--global--font-size-xs);
  1028. line-height: var(--global--line-height-body);
  1029. }
  1030. [class*=inner-container] .wp-block-latest-posts .wp-block-latest-posts__post-date,
  1031. .has-background .wp-block-latest-posts .wp-block-latest-posts__post-date {
  1032. color: currentColor;
  1033. }
  1034. .wp-block-latest-posts .wp-block-latest-posts__post-excerpt,
  1035. .wp-block-latest-posts .wp-block-latest-posts__post-full-content {
  1036. font-family: var(--latest-posts--description-font-family);
  1037. font-size: var(--latest-posts--description-font-size);
  1038. line-height: var(--global--line-height-body);
  1039. margin-top: calc(0.666 * var(--global--spacing-vertical));
  1040. }
  1041. .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers {
  1042. border-top: calc(3 * var(--separator--height)) solid var(--global--color-border);
  1043. border-bottom: calc(3 * var(--separator--height)) solid var(--global--color-border);
  1044. }
  1045. .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li,
  1046. .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers > li {
  1047. padding-bottom: var(--global--spacing-vertical);
  1048. border-bottom: var(--separator--height) solid var(--global--color-border);
  1049. margin-top: var(--global--spacing-vertical);
  1050. margin-bottom: var(--global--spacing-vertical);
  1051. }
  1052. .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li:last-child,
  1053. .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers > li:last-child {
  1054. padding-bottom: 0;
  1055. border-bottom: none;
  1056. }
  1057. .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid {
  1058. box-shadow: inset 0 -1px 0 0 var(--global--color-border);
  1059. border-bottom: calc(2 * var(--separator--height)) solid var(--global--color-border);
  1060. }
  1061. .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li {
  1062. margin: 0;
  1063. padding-top: var(--global--spacing-vertical);
  1064. padding-right: var(--global--spacing-horizontal);
  1065. }
  1066. .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li:last-child {
  1067. padding-bottom: var(--global--spacing-vertical);
  1068. }
  1069. @media screen and (min-width: 600px) {
  1070. .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-2 li {
  1071. width: calc((100% / 2));
  1072. }
  1073. .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-3 li {
  1074. width: calc((100% / 3));
  1075. }
  1076. .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-4 li {
  1077. width: calc((100% / 4));
  1078. }
  1079. .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-5 li {
  1080. width: calc((100% / 5));
  1081. }
  1082. .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-6 li {
  1083. width: calc((100% / 6));
  1084. }
  1085. }
  1086. .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li {
  1087. border: calc(3 * var(--separator--height)) solid var(--global--color-border);
  1088. padding: var(--global--spacing-vertical) var(--global--spacing-horizontal);
  1089. }
  1090. .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li:last-child {
  1091. padding-bottom: var(--global--spacing-vertical);
  1092. margin-bottom: var(--global--spacing-vertical);
  1093. }
  1094. .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders:not(.is-grid) li {
  1095. margin-top: var(--global--spacing-horizontal);
  1096. margin-bottom: var(--global--spacing-horizontal);
  1097. }
  1098. .gallery-item {
  1099. display: inline-block;
  1100. text-align: center;
  1101. vertical-align: top;
  1102. width: 100%;
  1103. }
  1104. .gallery-columns-2 .gallery-item {
  1105. max-width: 50%;
  1106. }
  1107. .gallery-columns-3 .gallery-item {
  1108. max-width: 33.33%;
  1109. }
  1110. .gallery-columns-4 .gallery-item {
  1111. max-width: 25%;
  1112. }
  1113. .gallery-columns-5 .gallery-item {
  1114. max-width: 20%;
  1115. }
  1116. .gallery-columns-6 .gallery-item {
  1117. max-width: 16.66%;
  1118. }
  1119. .gallery-columns-7 .gallery-item {
  1120. max-width: 14.28%;
  1121. }
  1122. .gallery-columns-8 .gallery-item {
  1123. max-width: 12.5%;
  1124. }
  1125. .gallery-columns-9 .gallery-item {
  1126. max-width: 11.11%;
  1127. }
  1128. .gallery-caption {
  1129. display: block;
  1130. }
  1131. ul,
  1132. ol {
  1133. font-family: var(--list--font-family);
  1134. margin: var(--global--spacing-vertical) 0;
  1135. padding-left: calc(2 * var(--global--spacing-horizontal));
  1136. }
  1137. ul.aligncenter,
  1138. ol.aligncenter {
  1139. list-style-position: inside;
  1140. padding: 0;
  1141. text-align: center;
  1142. }
  1143. ul.alignright,
  1144. ol.alignright {
  1145. list-style-position: inside;
  1146. padding: 0;
  1147. text-align: right;
  1148. }
  1149. li > ul,
  1150. li > ol {
  1151. margin: 0;
  1152. }
  1153. dt {
  1154. font-family: var(--definition-term--font-family);
  1155. font-weight: bold;
  1156. }
  1157. [data-align=full] .wp-block-media-text {
  1158. margin-top: 0;
  1159. margin-bottom: 0;
  1160. }
  1161. .wp-block-media-text > .wp-block-media-text__content > *:first-child {
  1162. margin-top: 0;
  1163. }
  1164. .wp-block-media-text > .wp-block-media-text__content > *:last-child:not(.block-list-appender) {
  1165. margin-bottom: 0;
  1166. }
  1167. .wp-block-media-text.has-child-selected > .wp-block-media-text__content > *:nth-last-child(2),
  1168. .wp-block-media-text.is-selected > .wp-block-media-text__content > *:nth-last-child(2) {
  1169. margin-bottom: 0;
  1170. }
  1171. .wp-block-media-text .wp-block-media-text__content {
  1172. padding: var(--global--spacing-horizontal);
  1173. }
  1174. .wp-block-media-text.is-style-twentytwentyone-border {
  1175. border: calc(3 * var(--separator--height)) solid var(--global--color-border);
  1176. }
  1177. .wp-block-navigation .wp-block-navigation__container {
  1178. background: var(--global--color-background);
  1179. padding: 0;
  1180. }
  1181. .wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__content {
  1182. padding: var(--primary-nav--padding);
  1183. }
  1184. .wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__label {
  1185. font-family: var(--primary-nav--font-family);
  1186. font-size: var(--primary-nav--font-size);
  1187. font-weight: var(--primary-nav--font-weight);
  1188. }
  1189. .wp-block-navigation .has-child .wp-block-navigation__container {
  1190. box-shadow: var(--global--elevation);
  1191. }
  1192. .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover,
  1193. .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:focus {
  1194. color: var(--primary-nav--color-link-hover);
  1195. }
  1196. .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link__content {
  1197. color: currentColor;
  1198. }
  1199. p {
  1200. line-height: var(--wp--typography--line-height, var(--global--line-height-body));
  1201. }
  1202. p.has-background {
  1203. padding: var(--global--spacing-unit);
  1204. }
  1205. pre.wp-block-preformatted {
  1206. overflow-x: auto;
  1207. white-space: pre !important;
  1208. font-size: var(--global--font-size-xs);
  1209. }
  1210. .wp-block-pullquote {
  1211. padding: calc(2 * var(--global--spacing-unit)) 0;
  1212. text-align: center;
  1213. border-width: var(--pullquote--border-width);
  1214. border-bottom-style: solid;
  1215. border-top-style: solid;
  1216. color: currentColor;
  1217. border-color: currentColor;
  1218. position: relative;
  1219. }
  1220. .wp-block-pullquote blockquote::before {
  1221. color: currentColor;
  1222. content: "“";
  1223. display: block;
  1224. position: relative;
  1225. left: 0;
  1226. font-size: 3rem;
  1227. font-weight: 500;
  1228. line-height: 1;
  1229. }
  1230. .wp-block-pullquote p {
  1231. font-family: var(--pullquote--font-family);
  1232. font-size: var(--pullquote--font-size);
  1233. font-style: var(--pullquote--font-style);
  1234. font-weight: 700;
  1235. letter-spacing: var(--pullquote--letter-spacing);
  1236. line-height: var(--pullquote--line-height);
  1237. margin: 0;
  1238. }
  1239. .wp-block-pullquote a {
  1240. color: currentColor;
  1241. }
  1242. .wp-block-pullquote .wp-block-pullquote__citation,
  1243. .wp-block-pullquote cite,
  1244. .wp-block-pullquote footer {
  1245. font-size: var(--global--font-size-xs);
  1246. font-style: var(--pullquote--font-style);
  1247. text-transform: none;
  1248. }
  1249. .wp-block-pullquote:not(.is-style-solid-color) {
  1250. background: none;
  1251. }
  1252. .wp-block-pullquote.is-style-solid-color {
  1253. margin-left: auto;
  1254. margin-right: auto;
  1255. padding: calc(2.5 * var(--global--spacing-unit));
  1256. border-width: var(--pullquote--border-width);
  1257. border-style: solid;
  1258. border-color: var(--pullquote--border-color);
  1259. }
  1260. @media (min-width: 600px) {
  1261. .wp-block-pullquote.is-style-solid-color {
  1262. padding: calc(5 * var(--global--spacing-unit));
  1263. }
  1264. }
  1265. .wp-block-pullquote.is-style-solid-color blockquote::before {
  1266. text-align: left;
  1267. }
  1268. .wp-block-pullquote.is-style-solid-color.alignleft blockquote,
  1269. .wp-block-pullquote.is-style-solid-color.alignright blockquote {
  1270. padding-left: var(--global--spacing-unit);
  1271. padding-right: var(--global--spacing-unit);
  1272. max-width: inherit;
  1273. }
  1274. .wp-block-pullquote.is-style-solid-color blockquote {
  1275. margin: 0;
  1276. max-width: 100%;
  1277. }
  1278. .wp-block-pullquote.is-style-solid-color blockquote p {
  1279. font-size: var(--pullquote--font-size);
  1280. }
  1281. .wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation,
  1282. .wp-block-pullquote.is-style-solid-color cite,
  1283. .wp-block-pullquote.is-style-solid-color footer {
  1284. color: currentColor;
  1285. }
  1286. .wp-block[data-align=full] .wp-block-pullquote:not(.is-style-solid-color) blockquote {
  1287. padding: 0 calc(2 * var(--global--spacing-unit));
  1288. }
  1289. .wp-block[data-align=left] .wp-block-pullquote.is-style-solid-color,
  1290. .wp-block[data-align=right] .wp-block-pullquote.is-style-solid-color {
  1291. padding: var(--global--spacing-unit);
  1292. }
  1293. .wp-block-query.has-background {
  1294. padding: calc(0.666 * var(--global--spacing-vertical));
  1295. }
  1296. @media only screen and (min-width: 482px) {
  1297. .wp-block-query.has-background {
  1298. padding: var(--global--spacing-vertical);
  1299. }
  1300. }
  1301. .wp-block-quote {
  1302. position: relative;
  1303. border-left: none;
  1304. margin: var(--global--spacing-vertical) auto var(--global--spacing-vertical) var(--global--spacing-horizontal);
  1305. }
  1306. .wp-block-quote p {
  1307. font-family: var(--quote--font-family);
  1308. font-size: var(--quote--font-size);
  1309. font-style: var(--quote--font-style);
  1310. font-weight: var(--quote--font-weight);
  1311. line-height: var(--quote--line-height);
  1312. }
  1313. .wp-block-quote strong {
  1314. font-weight: var(--quote--font-weight-strong);
  1315. }
  1316. .wp-block-quote:before {
  1317. content: "“";
  1318. font-size: var(--quote--font-size);
  1319. line-height: var(--quote--line-height);
  1320. left: calc(-0.5 * var(--global--spacing-horizontal));
  1321. }
  1322. .wp-block-quote .wp-block-quote__citation {
  1323. color: var(--global--color-primary);
  1324. font-size: var(--global--font-size-xs);
  1325. font-style: var(--quote--font-style-cite);
  1326. }
  1327. .has-background .wp-block-quote .wp-block-quote__citation,
  1328. [class*=background-color] .wp-block-quote .wp-block-quote__citation,
  1329. [style*=background-color] .wp-block-quote .wp-block-quote__citation,
  1330. .wp-block-cover[style*=background-image] .wp-block-quote .wp-block-quote__citation {
  1331. color: currentColor;
  1332. }
  1333. .wp-block-quote.has-text-align-right {
  1334. margin: var(--global--spacing-vertical) var(--global--spacing-horizontal) var(--global--spacing-vertical) auto;
  1335. padding-right: 0;
  1336. border-right: none;
  1337. }
  1338. .wp-block-quote.has-text-align-right:before {
  1339. display: none;
  1340. }
  1341. .wp-block-quote.has-text-align-right p:before {
  1342. content: "”";
  1343. font-size: var(--quote--font-size);
  1344. font-weight: normal;
  1345. line-height: var(--quote--line-height);
  1346. margin-right: 5px;
  1347. }
  1348. .wp-block-quote.has-text-align-center {
  1349. margin: var(--global--spacing-vertical) auto;
  1350. }
  1351. .wp-block-quote.has-text-align-center:before {
  1352. display: none;
  1353. }
  1354. .wp-block-quote.is-large,
  1355. .wp-block-quote.is-style-large {
  1356. padding-left: 0;
  1357. /* Resetting margins to match _block-container.scss */
  1358. margin-top: var(--global--spacing-vertical);
  1359. margin-bottom: var(--global--spacing-vertical);
  1360. }
  1361. .wp-block-quote.is-large p,
  1362. .wp-block-quote.is-style-large p {
  1363. font-size: var(--quote--font-size-large);
  1364. font-style: var(--quote--font-style-large);
  1365. line-height: var(--quote--line-height-large);
  1366. }
  1367. .wp-block-quote.is-large:before,
  1368. .wp-block-quote.is-style-large:before {
  1369. font-size: var(--quote--font-size-large);
  1370. line-height: var(--quote--line-height-large);
  1371. left: calc(-1 * var(--global--spacing-horizontal));
  1372. }
  1373. .wp-block-quote.is-large.has-text-align-right:before,
  1374. .wp-block-quote.is-style-large.has-text-align-right:before {
  1375. display: none;
  1376. }
  1377. .wp-block-quote.is-large.has-text-align-right p:before,
  1378. .wp-block-quote.is-style-large.has-text-align-right p:before {
  1379. content: "”";
  1380. font-size: var(--quote--font-size-large);
  1381. font-weight: normal;
  1382. line-height: var(--quote--line-height-large);
  1383. margin-right: 10px;
  1384. }
  1385. @media only screen and (max-width: 481px) {
  1386. .wp-block-quote.is-large,
  1387. .wp-block-quote.is-style-large {
  1388. padding-left: var(--global--spacing-horizontal);
  1389. }
  1390. .wp-block-quote.is-large:before,
  1391. .wp-block-quote.is-style-large:before {
  1392. left: 0;
  1393. }
  1394. .wp-block-quote.is-large.has-text-align-right,
  1395. .wp-block-quote.is-style-large.has-text-align-right {
  1396. padding-left: 0;
  1397. padding-right: var(--global--spacing-horizontal);
  1398. }
  1399. .wp-block-quote.is-large.has-text-align-right:before,
  1400. .wp-block-quote.is-style-large.has-text-align-right:before {
  1401. right: 0;
  1402. }
  1403. }
  1404. @media only screen and (max-width: 481px) {
  1405. .wp-block-quote {
  1406. padding-left: calc(0.5 * var(--global--spacing-horizontal));
  1407. }
  1408. .wp-block-quote:before {
  1409. left: 0;
  1410. }
  1411. .wp-block-quote.has-text-align-right {
  1412. padding-left: 0;
  1413. padding-right: calc(0.5 * var(--global--spacing-horizontal));
  1414. }
  1415. .wp-block-quote.has-text-align-right:before {
  1416. right: 0;
  1417. }
  1418. .wp-block-quote.has-text-align-center {
  1419. padding-left: 0;
  1420. padding-right: 0;
  1421. }
  1422. }
  1423. @media only screen and (min-width: 482px) {
  1424. .wp-block-quote {
  1425. margin-left: auto;
  1426. }
  1427. .wp-block-quote.has-text-align-right {
  1428. margin-right: auto;
  1429. }
  1430. }
  1431. .wp-block-rss {
  1432. padding-left: 0;
  1433. }
  1434. .wp-block-rss > li {
  1435. list-style: none;
  1436. }
  1437. .wp-block-rss:not(.is-grid) > li {
  1438. margin-top: calc(1.666 * var(--global--spacing-vertical));
  1439. margin-bottom: calc(1.666 * var(--global--spacing-vertical));
  1440. }
  1441. .wp-block-rss:not(.is-grid) > li:first-child {
  1442. margin-top: 0;
  1443. }
  1444. .wp-block-rss:not(.is-grid) > li:last-child {
  1445. margin-bottom: 0;
  1446. }
  1447. .wp-block-rss.is-grid > li {
  1448. margin-bottom: var(--global--spacing-vertical);
  1449. }
  1450. .wp-block-rss.is-grid > li:last-child {
  1451. margin-bottom: 0;
  1452. }
  1453. .wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1),
  1454. .wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1) ~ li,
  1455. .wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1),
  1456. .wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1) ~ li,
  1457. .wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1),
  1458. .wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1) ~ li,
  1459. .wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1),
  1460. .wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1) ~ li,
  1461. .wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1),
  1462. .wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1) ~ li {
  1463. margin-bottom: 0;
  1464. }
  1465. .wp-block-rss > li > * {
  1466. margin-top: calc(0.333 * var(--global--spacing-vertical));
  1467. margin-bottom: calc(0.333 * var(--global--spacing-vertical));
  1468. }
  1469. .wp-block-rss > li > *:first-child {
  1470. margin-top: 0;
  1471. }
  1472. .wp-block-rss > li > *:last-child {
  1473. margin-bottom: 0;
  1474. }
  1475. .wp-block-rss .wp-block-rss__item-title > a {
  1476. display: inline-block;
  1477. font-family: var(--latest-posts--title-font-family);
  1478. font-size: var(--latest-posts--title-font-size);
  1479. font-weight: var(--heading--font-weight);
  1480. line-height: var(--global--line-height-heading);
  1481. margin-bottom: calc(0.333 * var(--global--spacing-vertical));
  1482. }
  1483. .wp-block-rss .wp-block-rss__item-author {
  1484. color: var(--global--color-primary);
  1485. font-size: var(--global--font-size-md);
  1486. line-height: var(--global--line-height-body);
  1487. }
  1488. .wp-block-rss .wp-block-rss__item-publish-date {
  1489. color: var(--global--color-primary);
  1490. font-size: var(--global--font-size-xs);
  1491. line-height: var(--global--line-height-body);
  1492. }
  1493. [class*=inner-container] .wp-block-rss .wp-block-rss__item-publish-date,
  1494. .has-background .wp-block-rss .wp-block-rss__item-publish-date {
  1495. color: currentColor;
  1496. }
  1497. .wp-block-rss .wp-block-rss__item-excerpt,
  1498. .wp-block-rss .wp-block-rss__item-full-content {
  1499. font-family: var(--latest-posts--description-font-family);
  1500. font-size: var(--latest-posts--description-font-size);
  1501. line-height: var(--global--line-height-body);
  1502. margin-top: calc(0.666 * var(--global--spacing-vertical));
  1503. }
  1504. .wp-block-rss.alignfull {
  1505. padding-left: var(--global--spacing-unit);
  1506. padding-right: var(--global--spacing-unit);
  1507. }
  1508. .entry-content [class*=inner-container] .wp-block-rss.alignfull,
  1509. .entry-content .has-background .wp-block-rss.alignfull {
  1510. padding-left: 0;
  1511. padding-right: 0;
  1512. }
  1513. .wp-block-search {
  1514. max-width: var(--responsive--aligndefault-width);
  1515. }
  1516. .wp-block-search .wp-block-search__label {
  1517. font-size: var(--form--font-size);
  1518. font-weight: var(--form--label-weight);
  1519. margin-bottom: calc(var(--global--spacing-vertical) / 3);
  1520. }
  1521. .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper,
  1522. .wp-block-search .wp-block-search__input {
  1523. border: var(--form--border-width) solid var(--form--border-color);
  1524. border-radius: var(--form--border-radius);
  1525. font-family: var(--form--font-family);
  1526. font-size: var(--form--font-size);
  1527. line-height: var(--form--line-height);
  1528. max-width: inherit;
  1529. margin-right: calc(-1 * var(--button--border-width));
  1530. padding: var(--form--spacing-unit);
  1531. }
  1532. .is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper,
  1533. .is-dark-theme .wp-block-search .wp-block-search__input {
  1534. background: var(--global--color-white-90);
  1535. }
  1536. .has-background .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper,
  1537. .has-background .wp-block-search .wp-block-search__input {
  1538. border-color: var(--local--color-primary, var(--global--color-primary)) !important;
  1539. }
  1540. .wp-block-search .wp-block-search__button.wp-block-search__button {
  1541. border: var(--button--border-width) solid transparent;
  1542. border-radius: var(--button--border-radius);
  1543. cursor: pointer;
  1544. font-weight: var(--button--font-weight);
  1545. font-family: var(--button--font-family);
  1546. font-size: var(--button--font-size);
  1547. line-height: var(--button--line-height);
  1548. padding: var(--button--padding-vertical) var(--button--padding-horizontal);
  1549. text-decoration: none;
  1550. box-shadow: none;
  1551. margin-left: 0;
  1552. }
  1553. .wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-text-color) {
  1554. color: var(--global--color-background);
  1555. }
  1556. .has-background .wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-text-color) {
  1557. color: var(--local--color-background, var(--global--color-primary));
  1558. }
  1559. .has-background .wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-text-color).has-background {
  1560. color: var(--global--color-primary);
  1561. }
  1562. .wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-background) {
  1563. background-color: var(--global--color-primary);
  1564. }
  1565. .has-background .wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-background) {
  1566. background-color: var(--local--color-primary, var(--global--color-primary));
  1567. }
  1568. .wp-block-search .wp-block-search__button.wp-block-search__button:hover,
  1569. .wp-block-search .wp-block-search__button.wp-block-search__button:active {
  1570. background-color: transparent;
  1571. border-color: currentColor;
  1572. color: inherit;
  1573. }
  1574. .wp-block-search .wp-block-search__button.wp-block-search__button:focus {
  1575. outline-offset: -6px;
  1576. outline: 2px dotted currentColor;
  1577. }
  1578. .wp-block-search .wp-block-search__button.wp-block-search__button:disabled {
  1579. background-color: var(--global--color-white-50);
  1580. border-color: var(--global--color-white-50);
  1581. color: var(--button--color-text-active);
  1582. }
  1583. .wp-block-search .wp-block-search__button.wp-block-search__button.has-icon {
  1584. padding: 6px calc(0.5 * var(--button--padding-horizontal));
  1585. display: inherit;
  1586. }
  1587. .wp-block-search .wp-block-search__button.wp-block-search__button.has-icon svg {
  1588. width: 40px;
  1589. height: 40px;
  1590. }
  1591. .has-background .wp-block-search .wp-block-search__button.wp-block-search__button:hover,
  1592. .has-background .wp-block-search .wp-block-search__button.wp-block-search__button:active {
  1593. background-color: var(--local--color-background, var(--global--color-background)) !important;
  1594. color: var(--local--color-primary, var(--global--color-primary)) !important;
  1595. }
  1596. .has-text-color .wp-block-search .wp-block-search__button.wp-block-search__button:hover,
  1597. .has-text-color .wp-block-search .wp-block-search__button.wp-block-search__button:active {
  1598. color: var(--local--color-primary, var(--global--color-primary)) !important;
  1599. }
  1600. .wp-block-search .wp-block-search__button.wp-block-search__button:focus {
  1601. outline-offset: inherit;
  1602. outline: inherit;
  1603. }
  1604. .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
  1605. padding: var(--form--border-width);
  1606. }
  1607. .wp-block-search.wp-block-search__button-inside .wp-block-search__input {
  1608. border: none;
  1609. }
  1610. .wp-block-search.wp-block-search__button-inside.wp-block-search__text-button .wp-block-search__button:hover,
  1611. .wp-block-search.wp-block-search__button-inside.wp-block-search__icon-button .wp-block-search__button:hover {
  1612. color: var(--global--color-dark-gray);
  1613. }
  1614. .is-dark-theme .wp-block-search.wp-block-search__button-inside.wp-block-search__text-button .wp-block-search__button,
  1615. .is-dark-theme .wp-block-search.wp-block-search__button-inside.wp-block-search__icon-button .wp-block-search__button {
  1616. color: var(--global--color-dark-gray);
  1617. }
  1618. .is-dark-theme .wp-block-search.wp-block-search__button-inside.wp-block-search__text-button .wp-block-search__button:hover,
  1619. .is-dark-theme .wp-block-search.wp-block-search__button-inside.wp-block-search__icon-button .wp-block-search__button:hover {
  1620. background-color: var(--global--color-dark-gray);
  1621. color: var(--global--color-white);
  1622. }
  1623. .wp-block-search.wp-block-search__button-inside.wp-block-search__text-button .wp-block-search__button {
  1624. padding: var(--button--padding-vertical) var(--button--padding-horizontal);
  1625. }
  1626. .wp-block[data-align=center] > * {
  1627. text-align: center;
  1628. }
  1629. .wp-block[data-align=center] .wp-block-search__button-only .wp-block-search__inside-wrapper {
  1630. justify-content: center;
  1631. }
  1632. .wp-block-separator,
  1633. hr {
  1634. border-bottom: var(--separator--height) solid var(--separator--border-color);
  1635. clear: both;
  1636. opacity: 1;
  1637. }
  1638. .wp-block-separator[style*="text-align:right"],
  1639. .wp-block-separator[style*="text-align: right"],
  1640. hr[style*="text-align:right"],
  1641. hr[style*="text-align: right"] {
  1642. border-right-color: var(--separator--border-color);
  1643. }
  1644. .wp-block-separator:not(.is-style-dots),
  1645. hr:not(.is-style-dots) {
  1646. max-width: var(--responsive--aligndefault-width);
  1647. }
  1648. [data-align=full] > .wp-block-separator,
  1649. [data-align=wide] > .wp-block-separator,
  1650. [data-align=full] > hr,
  1651. [data-align=wide] > hr {
  1652. max-width: inherit;
  1653. }
  1654. .wp-block-separator.is-style-twentytwentyone-separator-thick,
  1655. hr.is-style-twentytwentyone-separator-thick {
  1656. border-bottom-width: calc(3 * var(--separator--height));
  1657. }
  1658. .wp-block-separator.is-style-dots,
  1659. hr.is-style-dots {
  1660. border-bottom: none;
  1661. }
  1662. .wp-block-separator.is-style-dots.has-background,
  1663. .wp-block-separator.is-style-dots.has-text-color,
  1664. hr.is-style-dots.has-background,
  1665. hr.is-style-dots.has-text-color {
  1666. background-color: transparent !important;
  1667. }
  1668. .wp-block-separator.is-style-dots.has-background:before,
  1669. .wp-block-separator.is-style-dots.has-text-color:before,
  1670. hr.is-style-dots.has-background:before,
  1671. hr.is-style-dots.has-text-color:before {
  1672. color: currentColor !important;
  1673. }
  1674. .wp-block-separator.is-style-dots:before,
  1675. hr.is-style-dots:before {
  1676. color: var(--separator--border-color);
  1677. }
  1678. .has-background .wp-block-separator,
  1679. [class*=background-color] .wp-block-separator,
  1680. [style*=background-color] .wp-block-separator,
  1681. .wp-block-cover[style*=background-image] .wp-block-separator,
  1682. .has-background hr,
  1683. [class*=background-color] hr,
  1684. [style*=background-color] hr,
  1685. .wp-block-cover[style*=background-image] hr {
  1686. border-color: currentColor;
  1687. }
  1688. .wp-block-social-links [data-block] {
  1689. margin-top: 0;
  1690. margin-bottom: 0;
  1691. }
  1692. .wp-block-social-links.is-style-twentytwentyone-social-icons-color button {
  1693. color: var(--global--color-primary);
  1694. }
  1695. .wp-block-social-links.is-style-twentytwentyone-social-icons-color .wp-social-link {
  1696. background: none;
  1697. }
  1698. table thead,
  1699. table tfoot,
  1700. .wp-block-table thead,
  1701. .wp-block-table tfoot {
  1702. text-align: center;
  1703. }
  1704. table th,
  1705. .wp-block-table th {
  1706. font-family: var(--heading--font-family);
  1707. }
  1708. table td,
  1709. table th,
  1710. .wp-block-table td,
  1711. .wp-block-table th {
  1712. padding: calc(0.5 * var(--global--spacing-unit));
  1713. }
  1714. table.is-style-regular .has-background,
  1715. table.is-style-stripes .has-background,
  1716. table.is-style-stripes .has-background thead tr,
  1717. table.is-style-stripes .has-background tfoot tr,
  1718. table.is-style-stripes .has-background tbody tr,
  1719. .wp-block-table.is-style-regular .has-background,
  1720. .wp-block-table.is-style-stripes .has-background,
  1721. .wp-block-table.is-style-stripes .has-background thead tr,
  1722. .wp-block-table.is-style-stripes .has-background tfoot tr,
  1723. .wp-block-table.is-style-stripes .has-background tbody tr {
  1724. color: var(--table--has-background-text-color);
  1725. }
  1726. table.is-style-stripes,
  1727. .wp-block-table.is-style-stripes {
  1728. border-color: var(--table--stripes-border-color);
  1729. }
  1730. table.is-style-stripes th,
  1731. table.is-style-stripes td,
  1732. .wp-block-table.is-style-stripes th,
  1733. .wp-block-table.is-style-stripes td {
  1734. border-width: 0;
  1735. }
  1736. table.is-style-stripes tbody tr:nth-child(odd),
  1737. .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
  1738. background-color: var(--table--stripes-background-color);
  1739. }
  1740. table.is-style-stripes .has-background tbody tr:nth-child(odd),
  1741. .wp-block-table.is-style-stripes .has-background tbody tr:nth-child(odd) {
  1742. background-color: var(--global--color-white-90);
  1743. }
  1744. table.wp-calendar-table td,
  1745. table.wp-calendar-table th {
  1746. background: transparent;
  1747. border: 0;
  1748. text-align: center;
  1749. line-height: 2;
  1750. vertical-align: middle;
  1751. }
  1752. table.wp-calendar-table th {
  1753. font-weight: bold;
  1754. }
  1755. table.wp-calendar-table thead,
  1756. table.wp-calendar-table tbody {
  1757. color: currentColor;
  1758. border: 1px solid;
  1759. }
  1760. table.wp-calendar-table caption {
  1761. font-weight: bold;
  1762. text-align: left;
  1763. margin-bottom: var(--global--spacing-unit);
  1764. color: currentColor;
  1765. }
  1766. .wp-calendar-nav {
  1767. text-align: left;
  1768. margin-top: calc(var(--global--spacing-unit) / 2);
  1769. }
  1770. .wp-calendar-nav svg {
  1771. height: 1em;
  1772. vertical-align: middle;
  1773. }
  1774. .wp-calendar-nav svg path {
  1775. fill: currentColor;
  1776. }
  1777. .wp-calendar-nav .wp-calendar-nav-next {
  1778. float: right;
  1779. }
  1780. .wp-block-tag-cloud.aligncenter {
  1781. text-align: center;
  1782. }
  1783. pre.wp-block-verse {
  1784. padding: 0;
  1785. color: currentColor;
  1786. }
  1787. :root .is-extra-small-text,
  1788. :root .has-extra-small-font-size {
  1789. font-size: var(--global--font-size-xs);
  1790. }
  1791. :root .is-small-text,
  1792. :root .has-small-font-size {
  1793. font-size: var(--global--font-size-sm);
  1794. }
  1795. :root .is-regular-text,
  1796. :root .has-regular-font-size,
  1797. :root .is-normal-font-size,
  1798. :root .has-normal-font-size,
  1799. :root .has-medium-font-size {
  1800. font-size: var(--global--font-size-base);
  1801. }
  1802. :root .is-large-text,
  1803. :root .has-large-font-size {
  1804. font-size: var(--global--font-size-lg);
  1805. line-height: var(--global--line-height-heading);
  1806. }
  1807. :root .is-larger-text,
  1808. :root .has-larger-font-size,
  1809. :root .is-extra-large-text,
  1810. :root .has-extra-large-font-size {
  1811. font-size: var(--global--font-size-xl);
  1812. line-height: var(--global--line-height-heading);
  1813. }
  1814. :root .is-huge-text,
  1815. :root .has-huge-font-size {
  1816. font-size: var(--global--font-size-xxl);
  1817. line-height: var(--global--line-height-heading);
  1818. font-weight: var(--heading--font-weight-page-title);
  1819. }
  1820. :root .is-gigantic-text,
  1821. :root .has-gigantic-font-size {
  1822. font-size: var(--global--font-size-xxxl);
  1823. line-height: var(--global--line-height-heading);
  1824. font-weight: var(--heading--font-weight-page-title);
  1825. }
  1826. /**
  1827. * Editor Post Title
  1828. * - Needs a special styles
  1829. */
  1830. .wp-block.editor-post-title__block {
  1831. border-bottom: 3px solid var(--global--color-border);
  1832. padding-bottom: calc(2 * var(--global--spacing-vertical));
  1833. margin-bottom: calc(3 * var(--global--spacing-vertical));
  1834. max-width: var(--responsive--alignwide-width);
  1835. }
  1836. .wp-block.editor-post-title__block .editor-post-title__input {
  1837. color: var(--global--color-secondary);
  1838. font-family: var(--heading--font-family);
  1839. font-size: var(--global--font-size-page-title);
  1840. font-weight: var(--heading--font-weight-page-title);
  1841. line-height: var(--heading--line-height-h1);
  1842. }
  1843. .wp-block.block-editor-default-block-appender > textarea {
  1844. font-family: var(--global--font-secondary);
  1845. font-size: var(--global--font-size-md);
  1846. }
  1847. .has-primary-color[class] {
  1848. color: var(--global--color-primary);
  1849. }
  1850. .has-secondary-color[class] {
  1851. color: var(--global--color-secondary);
  1852. }
  1853. .has-background a,
  1854. .has-background p,
  1855. .has-background h1,
  1856. .has-background h2,
  1857. .has-background h3,
  1858. .has-background h4,
  1859. .has-background h5,
  1860. .has-background h6 {
  1861. color: currentColor;
  1862. }
  1863. .has-primary-background-color[class] {
  1864. background-color: var(--global--color-primary);
  1865. color: var(--global--color-background);
  1866. }
  1867. .has-secondary-background-color[class] {
  1868. background-color: var(--global--color-secondary);
  1869. color: var(--global--color-background);
  1870. }
  1871. .has-white-background-color[class] {
  1872. background-color: var(--global--color-white);
  1873. color: var(--global--color-secondary);
  1874. }
  1875. .has-black-background-color[class] {
  1876. background-color: var(--global--color-black);
  1877. color: var(--global--color-primary);
  1878. }
  1879. [data-block] {
  1880. margin-top: var(--global--spacing-vertical);
  1881. margin-bottom: var(--global--spacing-vertical);
  1882. }
  1883. .wp-block {
  1884. max-width: var(--responsive--aligndefault-width);
  1885. }
  1886. .wp-block[data-align=wide],
  1887. .wp-block.alignwide {
  1888. max-width: var(--responsive--alignwide-width);
  1889. }
  1890. .wp-block[data-align=full],
  1891. .wp-block.alignfull {
  1892. max-width: none;
  1893. }
  1894. .alignleft {
  1895. margin: 0;
  1896. margin-right: var(--global--spacing-horizontal);
  1897. }
  1898. .alignright {
  1899. margin: 0;
  1900. margin-left: var(--global--spacing-horizontal);
  1901. }
  1902. .has-drop-cap:not(:focus)::first-letter {
  1903. font-family: var(--heading--font-family);
  1904. font-weight: var(--heading--font-weight);
  1905. line-height: 0.66;
  1906. text-transform: uppercase;
  1907. font-style: normal;
  1908. float: left;
  1909. margin: 0.1em 0.1em 0 0;
  1910. font-size: calc(1.2 * var(--heading--font-size-h1));
  1911. }
  1912. @media only screen and (min-width: 482px) {
  1913. .wp-block[data-align=left] > * {
  1914. max-width: 290px;
  1915. margin-right: var(--global--spacing-horizontal);
  1916. }
  1917. .wp-block[data-align=right] > * {
  1918. max-width: 290px;
  1919. margin-left: var(--global--spacing-horizontal);
  1920. }
  1921. }
  1922. .wp-block-freeform.block-library-rich-text__tinymce blockquote {
  1923. border: none;
  1924. }
  1925. .wp-block-freeform.block-library-rich-text__tinymce blockquote:before {
  1926. left: 5px;
  1927. }
  1928. html {
  1929. font-family: var(--global--font-secondary);
  1930. line-height: var(--global--line-height-body);
  1931. }
  1932. body {
  1933. --wp--typography--line-height: var(--global--line-height-body);
  1934. color: var(--global--color-primary);
  1935. background-color: var(--global--color-background);
  1936. font-family: var(--global--font-secondary);
  1937. font-size: var(--global--font-size-base);
  1938. font-weight: normal;
  1939. -moz-osx-font-smoothing: grayscale;
  1940. -webkit-font-smoothing: antialiased;
  1941. }
  1942. .wp-block a {
  1943. color: var(--wp--style--color--link, var(--global--color-primary));
  1944. }
  1945. .wp-block a:hover {
  1946. text-decoration-style: dotted;
  1947. }
  1948. .wp-block a:focus {
  1949. outline: 2px solid var(--wp--style--color--link, var(--global--color-primary));
  1950. text-decoration: none;
  1951. }
  1952. .has-background .has-link-color a,
  1953. .has-background.has-link-color a {
  1954. color: var(--wp--style--color--link, var(--global--color-primary));
  1955. }
  1956. button,
  1957. a {
  1958. cursor: pointer;
  1959. }
  1960. .has-black-color[class] {
  1961. color: var(--global--color-black);
  1962. }
  1963. .has-black-color[class] > [class*=__inner-container] {
  1964. --local--color-primary: var(--global--color-black, #000);
  1965. color: var(--local--color-primary);
  1966. }
  1967. .has-gray-color[class] {
  1968. color: var(--global--color-gray);
  1969. }
  1970. .has-gray-color[class] > [class*=__inner-container] {
  1971. --local--color-primary: var(--global--color-gray, #000);
  1972. color: var(--local--color-primary);
  1973. }
  1974. .has-dark-gray-color[class] {
  1975. color: var(--global--color-dark-gray);
  1976. }
  1977. .has-dark-gray-color[class] > [class*=__inner-container] {
  1978. --local--color-primary: var(--global--color-dark-gray, #000);
  1979. color: var(--local--color-primary);
  1980. }
  1981. .has-green-color[class] {
  1982. color: var(--global--color-green);
  1983. }
  1984. .has-green-color[class] > [class*=__inner-container] {
  1985. --local--color-primary: var(--global--color-green, #fff);
  1986. color: var(--local--color-primary);
  1987. }
  1988. .has-blue-color[class] {
  1989. color: var(--global--color-blue);
  1990. }
  1991. .has-blue-color[class] > [class*=__inner-container] {
  1992. --local--color-primary: var(--global--color-blue, #fff);
  1993. color: var(--local--color-primary);
  1994. }
  1995. .has-purple-color[class] {
  1996. color: var(--global--color-purple);
  1997. }
  1998. .has-purple-color[class] > [class*=__inner-container] {
  1999. --local--color-primary: var(--global--color-purple, #fff);
  2000. color: var(--local--color-primary);
  2001. }
  2002. .has-red-color[class] {
  2003. color: var(--global--color-red);
  2004. }
  2005. .has-red-color[class] > [class*=__inner-container] {
  2006. --local--color-primary: var(--global--color-red, #fff);
  2007. color: var(--local--color-primary);
  2008. }
  2009. .has-orange-color[class] {
  2010. color: var(--global--color-orange);
  2011. }
  2012. .has-orange-color[class] > [class*=__inner-container] {
  2013. --local--color-primary: var(--global--color-orange, #fff);
  2014. color: var(--local--color-primary);
  2015. }
  2016. .has-yellow-color[class] {
  2017. color: var(--global--color-yellow);
  2018. }
  2019. .has-yellow-color[class] > [class*=__inner-container] {
  2020. --local--color-primary: var(--global--color-yellow, #fff);
  2021. color: var(--local--color-primary);
  2022. }
  2023. .has-white-color[class] {
  2024. color: var(--global--color-white);
  2025. }
  2026. .has-white-color[class] > [class*=__inner-container] {
  2027. --local--color-primary: var(--global--color-white, #fff);
  2028. color: var(--local--color-primary);
  2029. }
  2030. .has-background a,
  2031. .has-background p,
  2032. .has-background h1,
  2033. .has-background h2,
  2034. .has-background h3,
  2035. .has-background h4,
  2036. .has-background h5,
  2037. .has-background h6 {
  2038. color: currentColor;
  2039. }
  2040. .has-black-background-color[class] {
  2041. background-color: var(--global--color-black);
  2042. }
  2043. .has-black-background-color[class] > [class*=__inner-container] {
  2044. --local--color-background: var(--global--color-black, #000);
  2045. background-color: var(--local--color-background);
  2046. }
  2047. .has-dark-gray-background-color[class] {
  2048. background-color: var(--global--color-dark-gray);
  2049. }
  2050. .has-dark-gray-background-color[class] > [class*=__inner-container] {
  2051. --local--color-background: var(--global--color-dark-gray, #000);
  2052. background-color: var(--local--color-background);
  2053. }
  2054. .has-gray-background-color[class] {
  2055. background-color: var(--global--color-gray);
  2056. }
  2057. .has-gray-background-color[class] > [class*=__inner-container] {
  2058. --local--color-background: var(--global--color-gray, #000);
  2059. background-color: var(--local--color-background);
  2060. }
  2061. .has-light-gray-background-color[class] {
  2062. background-color: var(--global--color-light-gray);
  2063. }
  2064. .has-light-gray-background-color[class] > [class*=__inner-container] {
  2065. --local--color-background: var(--global--color-light-gray, #fff);
  2066. background-color: var(--local--color-background);
  2067. }
  2068. .has-green-background-color[class] {
  2069. background-color: var(--global--color-green);
  2070. }
  2071. .has-green-background-color[class] > [class*=__inner-container] {
  2072. --local--color-background: var(--global--color-green, #fff);
  2073. background-color: var(--local--color-background);
  2074. }
  2075. .has-blue-background-color[class] {
  2076. background-color: var(--global--color-blue);
  2077. }
  2078. .has-blue-background-color[class] > [class*=__inner-container] {
  2079. --local--color-background: var(--global--color-blue, #fff);
  2080. background-color: var(--local--color-background);
  2081. }
  2082. .has-purple-background-color[class] {
  2083. background-color: var(--global--color-purple);
  2084. }
  2085. .has-purple-background-color[class] > [class*=__inner-container] {
  2086. --local--color-background: var(--global--color-purple, #fff);
  2087. background-color: var(--local--color-background);
  2088. }
  2089. .has-red-background-color[class] {
  2090. background-color: var(--global--color-red);
  2091. }
  2092. .has-red-background-color[class] > [class*=__inner-container] {
  2093. --local--color-background: var(--global--color-red, #fff);
  2094. background-color: var(--local--color-background);
  2095. }
  2096. .has-orange-background-color[class] {
  2097. background-color: var(--global--color-orange);
  2098. }
  2099. .has-orange-background-color[class] > [class*=__inner-container] {
  2100. --local--color-background: var(--global--color-orange, #fff);
  2101. background-color: var(--local--color-background);
  2102. }
  2103. .has-yellow-background-color[class] {
  2104. background-color: var(--global--color-yellow);
  2105. }
  2106. .has-yellow-background-color[class] > [class*=__inner-container] {
  2107. --local--color-background: var(--global--color-yellow, #fff);
  2108. background-color: var(--local--color-background);
  2109. }
  2110. .has-white-background-color[class] {
  2111. background-color: var(--global--color-white);
  2112. }
  2113. .has-white-background-color[class] > [class*=__inner-container] {
  2114. --local--color-background: var(--global--color-white, #fff);
  2115. background-color: var(--local--color-background);
  2116. }
  2117. .has-background:not(.has-text-color).has-black-background-color[class],
  2118. .has-background:not(.has-text-color).has-gray-background-color[class],
  2119. .has-background:not(.has-text-color).has-dark-gray-background-color[class] {
  2120. color: var(--global--color-white);
  2121. }
  2122. .has-background:not(.has-text-color).has-black-background-color[class] > [class*=__inner-container],
  2123. .has-background:not(.has-text-color).has-gray-background-color[class] > [class*=__inner-container],
  2124. .has-background:not(.has-text-color).has-dark-gray-background-color[class] > [class*=__inner-container] {
  2125. --local--color-primary: var(--global--color-background, #fff);
  2126. color: var(--local--color-primary, var(--global--color-primary));
  2127. }
  2128. .is-dark-theme .has-background:not(.has-text-color).has-black-background-color[class] > [class*=__inner-container],
  2129. .is-dark-theme .has-background:not(.has-text-color).has-gray-background-color[class] > [class*=__inner-container],
  2130. .is-dark-theme .has-background:not(.has-text-color).has-dark-gray-background-color[class] > [class*=__inner-container] {
  2131. --local--color-primary: var(--global--color-primary, #000);
  2132. }
  2133. .has-background:not(.has-text-color).has-green-background-color[class],
  2134. .has-background:not(.has-text-color).has-blue-background-color[class],
  2135. .has-background:not(.has-text-color).has-purple-background-color[class],
  2136. .has-background:not(.has-text-color).has-red-background-color[class],
  2137. .has-background:not(.has-text-color).has-orange-background-color[class],
  2138. .has-background:not(.has-text-color).has-yellow-background-color[class],
  2139. .has-background:not(.has-text-color).has-white-background-color[class] {
  2140. color: var(--global--color-dark-gray);
  2141. }
  2142. .has-background:not(.has-text-color).has-green-background-color[class] > [class*=__inner-container],
  2143. .has-background:not(.has-text-color).has-blue-background-color[class] > [class*=__inner-container],
  2144. .has-background:not(.has-text-color).has-purple-background-color[class] > [class*=__inner-container],
  2145. .has-background:not(.has-text-color).has-red-background-color[class] > [class*=__inner-container],
  2146. .has-background:not(.has-text-color).has-orange-background-color[class] > [class*=__inner-container],
  2147. .has-background:not(.has-text-color).has-yellow-background-color[class] > [class*=__inner-container],
  2148. .has-background:not(.has-text-color).has-white-background-color[class] > [class*=__inner-container] {
  2149. --local--color-primary: var(--global--color-primary, #000);
  2150. color: var(--local--color-primary, var(--global--color-primary));
  2151. }
  2152. .is-dark-theme .has-background:not(.has-text-color).has-green-background-color[class] > [class*=__inner-container],
  2153. .is-dark-theme .has-background:not(.has-text-color).has-blue-background-color[class] > [class*=__inner-container],
  2154. .is-dark-theme .has-background:not(.has-text-color).has-purple-background-color[class] > [class*=__inner-container],
  2155. .is-dark-theme .has-background:not(.has-text-color).has-red-background-color[class] > [class*=__inner-container],
  2156. .is-dark-theme .has-background:not(.has-text-color).has-orange-background-color[class] > [class*=__inner-container],
  2157. .is-dark-theme .has-background:not(.has-text-color).has-yellow-background-color[class] > [class*=__inner-container],
  2158. .is-dark-theme .has-background:not(.has-text-color).has-white-background-color[class] > [class*=__inner-container] {
  2159. --local--color-primary: var(--global--color-background, #fff);
  2160. }
  2161. .has-purple-to-yellow-gradient-background {
  2162. background: linear-gradient(160deg, var(--global--color-purple), var(--global--color-yellow));
  2163. }
  2164. .has-yellow-to-purple-gradient-background {
  2165. background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-purple));
  2166. }
  2167. .has-green-to-yellow-gradient-background {
  2168. background: linear-gradient(160deg, var(--global--color-green), var(--global--color-yellow));
  2169. }
  2170. .has-yellow-to-green-gradient-background {
  2171. background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-green));
  2172. }
  2173. .has-red-to-yellow-gradient-background {
  2174. background: linear-gradient(160deg, var(--global--color-red), var(--global--color-yellow));
  2175. }
  2176. .has-yellow-to-red-gradient-background {
  2177. background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-red));
  2178. }
  2179. .has-purple-to-red-gradient-background {
  2180. background: linear-gradient(160deg, var(--global--color-purple), var(--global--color-red));
  2181. }
  2182. .has-red-to-purple-gradient-background {
  2183. background: linear-gradient(160deg, var(--global--color-red), var(--global--color-purple));
  2184. }