style-editor.css 65 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123
  1. /**
  2. * These styles should be loaded by the Block Editor only
  3. */
  4. :root, body {
  5. /* Globals */
  6. /* Font Family */
  7. --global--font-primary: var(--font-headings, 'Playfair Display', Georgia, Times, serif);
  8. --global--font-secondary: var(--font-base, 'Fira Sans', Helvetica, Arial, sans-serif);
  9. --global--font-code: monospace, monospace;
  10. --global--font-ui: var(--font-base, var(--global--font-secondary));
  11. /* Font Size */
  12. --global--font-size-root: 18px;
  13. --global--font-size-ratio: 1.2;
  14. --global--font-size-base: 1em;
  15. --global--font-size-xs: 14px;
  16. --global--font-size-sm: 16px;
  17. --global--font-size-md: 18px;
  18. --global--font-size-lg: 24px;
  19. --global--font-size-xl: 28px;
  20. --global--font-size-xxl: 32px;
  21. --global--font-size-xxxl: 48px;
  22. --global--letter-spacing: normal;
  23. /* Line Height */
  24. --global--line-height-base: 1;
  25. --global--line-height-body: 1.7;
  26. --global--line-height-heading: 1.3;
  27. /* Colors */
  28. --global--color-primary: #000000;
  29. --global--color-secondary: #3C8067;
  30. --global--color-primary-hover: var( --global--color-secondary );
  31. --global--color-secondary-hover: #336D58;
  32. --global--color-black: black;
  33. --global--color-white: white;
  34. --global--color-foreground: #333333;
  35. --global--color-foreground-light: #444444;
  36. --global--color-foreground-dark: #000000;
  37. --global--color-background: #FFFFFF;
  38. --global--color-tertiary: #FAFBF6;
  39. --global--color-background-dark: #DDDDDD;
  40. --global--color-border: #EFEFEF;
  41. --global--color-text-selection: #EBF2F0;
  42. --global--color-alert-success: yellowgreen;
  43. --global--color-alert-info: skyblue;
  44. --global--color-alert-warning: gold;
  45. --global--color-alert-error: salmon;
  46. /* Spacing */
  47. --global--spacing-unit: 20px;
  48. --global--spacing-measure: unset;
  49. --global--spacing-horizontal: 25px;
  50. --global--spacing-vertical: 30px;
  51. /* Elevation */
  52. --global--elevation: 1px 1px 3px 0px rgba( 0, 0, 0, 0.2 );
  53. /* Other */
  54. --global--border-radius-sm: 9px;
  55. --global--border-radius-md: 13.5px;
  56. --global--border-radius-lg: 18px;
  57. --global--border-radius-pill: 180px;
  58. --global--border-radius-none: 0;
  59. /* Elements */
  60. --form--font-family: var(--global--font-secondary);
  61. --form--font-size: var(--global--font-size-md);
  62. --form--line-height: var(--global--line-height-body);
  63. --form--color-text: var(--global--color-foreground);
  64. --form--border-color: var(--global--color-border);
  65. --form--border-width: 2px;
  66. --form--border-radius: 0;
  67. --form--spacing-unit: calc(0.5 * var(--global--spacing-unit));
  68. /* Blocks */
  69. --button--color-text: var(--global--color-background);
  70. --button--color-text-hover: var(--button--color-text);
  71. --button--color-text-active: var(--button--color-text);
  72. --button--color-background: var(--global--color-secondary);
  73. --button--color-background-hover: var(--global--color-secondary-hover);
  74. --button--color-background-active: var(--global--color-primary);
  75. --button--font-family: var(--global--font-ui);
  76. --button--font-size: var(--global--font-size-base);
  77. --button--font-weight: normal;
  78. --button--line-height: 1;
  79. --button--border-width: 2px;
  80. --button--border-radius: 4px;
  81. --button--padding-vertical: calc(var(--global--spacing-horizontal) - var(--button--border-width));
  82. --button--padding-horizontal: var(--global--spacing-horizontal);
  83. --cover--height: calc( 15 * var(--global--spacing-vertical) );
  84. --cover--color-foreground: var(--global--color-foreground-dark);
  85. --cover--color-background: var(--global--color-tertiary);
  86. --heading--font-family: var(--global--font-primary);
  87. --heading--line-height: 1.3;
  88. --heading--font-size-h6: var(--global--font-size-base);
  89. --heading--font-size-h5: var(--global--font-size-md);
  90. --heading--font-size-h4: var(--global--font-size-lg);
  91. --heading--font-size-h3: var(--global--font-size-xl);
  92. --heading--font-size-h2: var(--global--font-size-xxl);
  93. --heading--font-size-h1: var(--global--font-size-xxxl);
  94. --heading--letter-spacing-h6: var(--global--letter-spacing);
  95. --heading--letter-spacing-h5: var(--global--letter-spacing);
  96. --heading--letter-spacing-h4: var(--global--letter-spacing);
  97. --heading--letter-spacing-h3: var(--global--letter-spacing);
  98. --heading--letter-spacing-h2: var(--global--letter-spacing);
  99. --heading--letter-spacing-h1: var(--global--letter-spacing);
  100. --heading--line-height-h6: 1.3;
  101. --heading--line-height-h5: 1.3;
  102. --heading--line-height-h4: 1.3;
  103. --heading--line-height-h3: var(--heading--line-height);
  104. --heading--line-height-h2: var(--heading--line-height);
  105. --heading--line-height-h1: var(--heading--line-height);
  106. --heading--font-weight: normal;
  107. --heading--font-weight-strong: 600;
  108. --latest-posts--title-font-family: var(--heading--font-family);
  109. --latest-posts--title-font-size: var(--heading--font-size-h3);
  110. --latest-posts--description-font-family: var(--global--font-secondary);
  111. --latest-posts--description-font-size: var(--global--font-size-sm);
  112. --layout-grid--gutter-none: 0px;
  113. --layout-grid--gutter-small: calc( var(--global--spacing-unit) / 2);
  114. --layout-grid--gutter-medium: var(--global--spacing-unit);
  115. --layout-grid--gutter-large: calc( var(--global--spacing-unit) * 2);
  116. --layout-grid--gutter-huge: calc( var(--global--spacing-unit) * 3);
  117. --layout-grid--background-offset: calc( var(--global--spacing-unit));
  118. --list--font-family: var(--global--font-secondary);
  119. --definition-term--font-family: var(--global--font-primary);
  120. --pullquote--font-family: var(--global--font-primary);
  121. --pullquote--font-size: var(--heading--font-size-h2);
  122. --pullquote--font-style: italic;
  123. --pullquote--letter-spacing: var(--heading--letter-spacing-h4);
  124. --pullquote--line-height: var(--global--line-height-heading);
  125. --pullquote--border-width: 0;
  126. --pullquote--border-color: transparent;
  127. --pullquote--color-foreground: var(--global--color-foreground);
  128. --pullquote--color-background: var(--global--color-background);
  129. --quote--border-color: var(--global--color-secondary);
  130. --quote--border-width: 1px;
  131. --quote--font-family: var(--global--font-secondary);
  132. --quote--font-size: var(--global--font-size-md);
  133. --quote--font-size-large: var(--global--font-size-lg);
  134. --quote--font-style: normal;
  135. --quote--font-style-large: normal;
  136. --quote--line-height: var(--global--line-height-body);
  137. --quote--line-height-large: 1.5;
  138. --separator--border-color: var(--global--color-border);
  139. --separator--height: 2px;
  140. --separator--width: calc(6 * var(--global--spacing-horizontal));
  141. --utilities--font-size-xs: var(--global--font-size-xs);
  142. --utilities--font-size-sm: var(--global--font-size-sm);
  143. --utilities--font-size-md: var(--global--font-size-md);
  144. --utilities--font-size-lg: var(--global--font-size-lg);
  145. --utilities--font-size-xl: var(--global--font-size-xl);
  146. --utilities--font-size-xxl: var(--global--font-size-xxl);
  147. --utilities--font-size-xxxl: var(--global--font-size-xxxl);
  148. /* Components */
  149. --branding--color-text: var(--global--color-foreground);
  150. --branding--color-link: var(--global--color-primary);
  151. --branding--color-link-hover: var(--global--color-primary-hover);
  152. --branding--title--font-family: var(--global--font-primary);
  153. --branding--title--font-size: calc( 1.25 * var(--heading--font-size-h1) );
  154. --branding--title--font-size-mobile: var(--heading--font-size-h1);
  155. --branding--title--font-weight: 700;
  156. --branding--description--font-family: var(--global--font-secondary);
  157. --branding--description--font-size: var(--global--font-size-sm);
  158. --branding--description--font-family: var(--global--font-secondary);
  159. --branding--logo--max-width: 120px;
  160. --branding--logo--max-height: 120px;
  161. --branding--logo--max-width-mobile: 96px;
  162. --branding--logo--max-height-mobile: 96px;
  163. --primary-nav--font-family: var(--global--font-secondary);
  164. --primary-nav--font-family-mobile: var(--global--font-primary);
  165. --primary-nav--font-size: var(--global--font-size-sm);
  166. --primary-nav--font-size-mobile: var(--global--font-size-xxl);
  167. --primary-nav--font-size-sub-menu-mobile: var(--global--font-size-lg);
  168. --primary-nav--font-style: normal;
  169. --primary-nav--font-style-sub-menu-mobile: italic;
  170. --primary-nav--font-weight: normal;
  171. --primary-nav--line-height: var(--global--line-height-body);
  172. --primary-nav--color-link: var(--global--color-primary);
  173. --primary-nav--color-link-hover: var(--global--color-primary-hover);
  174. --primary-nav--color-text: var(--global--color-foreground);
  175. --primary-nav--padding: calc(0.66 * var(--global--spacing-unit) );
  176. --primary-nav--justify-content: center;
  177. --social-nav--color-link: var(--global--color-foreground);
  178. --social-nav--color-link-hover: var(--global--color-primary-hover);
  179. --social-nav--padding: calc( 0.5 * var(--primary-nav--padding) );
  180. --entry-header--color: var(--global--color-primary);
  181. --entry-header--color-link: currentColor;
  182. --entry-header--color-hover: var(--global--color-primary-hover);
  183. --entry-header--color-focus: var(--global--color-secondary);
  184. --entry-header--font-family: var(--heading--font-family);
  185. --entry-header--font-size: var(--heading--font-size-h2);
  186. --entry-content--font-family: var(--heading--font-size-h2);
  187. --entry-meta--color: var(--global--color-foreground);
  188. --entry-meta--color-link: currentColor;
  189. --entry-meta--color-hover: var(--global--color-primary-hover);
  190. --entry-meta--font-family: var(--global--font-primary);
  191. --entry-meta--font-size: var(--global--font-size-xs);
  192. --entry-author-bio--font-family: var(--heading--font-family);
  193. --entry-author-bio--font-size: var(--heading--font-size-h3);
  194. /* Vendors */
  195. --wc--wrapper-width: default;
  196. --wc--table--border-color: var(--global--color-border);
  197. --wc--table--border-radius: 0;
  198. --wc--table--border-width: 1px;
  199. --wc--table--padding: var(--global--spacing-unit);
  200. --wc--tabs--border-color: var(--global--color-border);
  201. --wc--tabs--border-radius: 10px;
  202. --wc--tabs--border-width: 1px;
  203. --wc--tabs--padding: var(--global--spacing-horizontal);
  204. --wc--mini-cart--color-background: var(--global--color-background);
  205. --wc--mini-cart--color-text: var(--global--color-foreground);
  206. --wc--mini-cart--color-subtotal: var(--global--color-foreground);
  207. --wc--mini-cart--color-count: var(--global--color-foreground-light);
  208. --wc--mini-cart--color-border: var(--global--color-border);
  209. --wc--mini-cart--button-text-color: var(--button--color-text);
  210. --wc--mini-cart--button-background-color: var(--button--color-background);
  211. --wc--mini-cart--width: calc(25 * var(--global--spacing-unit));
  212. --wc--star-rating--color: var(--global--color-alert-warning);
  213. }
  214. /**
  215. * Repsonsive Styles
  216. */
  217. /**
  218. * Required Variables
  219. */
  220. /**
  221. * Root Media Query Variables
  222. */
  223. :root {
  224. --responsive--spacing-horizontal: calc(2 * var(--global--spacing-horizontal));
  225. --responsive--aligndefault-width: calc(100vw - var(--responsive--spacing-horizontal));
  226. --responsive--alignwide-width: calc(100vw - var(--responsive--spacing-horizontal));
  227. --responsive--alignfull-width: 100%;
  228. --responsive--alignwide-width-multiplier: calc(16 * var(--global--spacing-horizontal));
  229. --responsive--alignright-margin: var(--global--spacing-horizontal);
  230. --responsive--alignleft-margin: var(--global--spacing-horizontal);
  231. }
  232. @media only screen and (min-width: 482px) {
  233. :root {
  234. --responsive--alignright-margin: calc( 0.5 * (100vw - var(--responsive--aligndefault-width)));
  235. --responsive--alignleft-margin: calc( 0.5 * (100vw - var(--responsive--aligndefault-width)));
  236. }
  237. }
  238. @media only screen and (min-width: 652px) {
  239. :root {
  240. --responsive--aligndefault-width: min(calc(100vw - 2 * var(--global--spacing-horizontal)), 620px);
  241. --responsive--alignwide-width: min(calc(100vw - 2 * var(--global--spacing-horizontal)), 790px);
  242. }
  243. }
  244. /**
  245. * Extends
  246. */
  247. .default-max-width, .entry-content .wp-audio-shortcode, .post-thumbnail {
  248. max-width: var(--responsive--aligndefault-width);
  249. margin-left: auto;
  250. margin-right: auto;
  251. }
  252. .wide-max-width {
  253. max-width: var(--responsive--alignwide-width);
  254. margin-left: auto;
  255. margin-right: auto;
  256. }
  257. @media only screen and (min-width: 482px) {
  258. .full-max-width, .singular .post-thumbnail {
  259. max-width: var(--responsive--alignfull-width);
  260. width: auto;
  261. margin-left: auto;
  262. margin-right: auto;
  263. }
  264. }
  265. /**
  266. * Output
  267. */
  268. a {
  269. border-bottom: 1px solid var(--global--color-secondary);
  270. color: var(--wp--style--color--link, var(--global--color-primary));
  271. text-decoration: none;
  272. transition: border-color 0.1s ease-out;
  273. }
  274. a:hover, a:focus {
  275. border-bottom-color: transparent;
  276. }
  277. a:hover {
  278. color: var(--global--color-primary-hover);
  279. }
  280. a:focus {
  281. color: var(--global--color-secondary);
  282. }
  283. a:active {
  284. color: var(--wp--style--color--link, var(--global--color-primary));
  285. }
  286. .has-link-color a {
  287. border-bottom: 1px solid var(--wp--style--color--link, var(--global--color-primary));
  288. }
  289. .has-link-color a:hover, .has-link-color a:focus {
  290. border-bottom-color: transparent;
  291. }
  292. .has-background:not(.has-background-background-color) .has-link-color a,
  293. .has-background:not(.has-background-background-color).has-link-color a {
  294. color: var(--wp--style--color--link, var(--global--color-primary));
  295. }
  296. button,
  297. a {
  298. cursor: pointer;
  299. }
  300. body {
  301. --wp--typography--line-height: var(--global--line-height-body);
  302. color: var(--global--color-foreground);
  303. background-color: var(--global--color-background);
  304. font-family: var(--global--font-secondary);
  305. font-size: var(--global--font-size-root);
  306. font-weight: normal;
  307. -moz-osx-font-smoothing: grayscale;
  308. -webkit-font-smoothing: antialiased;
  309. }
  310. .editor-post-title__block {
  311. font-size: var(--global--font-size-root);
  312. }
  313. /**
  314. * Elements
  315. * - Styles for basic HTML elemants
  316. */
  317. blockquote {
  318. margin: 0;
  319. padding: 0;
  320. }
  321. blockquote p {
  322. font-size: var(--heading--font-size-h4);
  323. letter-spacing: var(--heading--letter-spacing-h4);
  324. line-height: var(--heading--line-height);
  325. }
  326. blockquote cite,
  327. blockquote footer {
  328. color: var(--global--color-foreground-light);
  329. font-size: var(--global--font-size-xs);
  330. letter-spacing: var(--global--letter-spacing);
  331. }
  332. blockquote > * {
  333. margin-top: var(--global--spacing-unit);
  334. margin-bottom: var(--global--spacing-unit);
  335. }
  336. blockquote > *:first-child {
  337. margin-top: 0;
  338. }
  339. blockquote > *:last-child {
  340. margin-bottom: 0;
  341. }
  342. blockquote.alignleft, blockquote.alignright {
  343. padding-left: inherit;
  344. }
  345. blockquote.alignleft p, blockquote.alignright p {
  346. font-size: var(--heading--font-size-h5);
  347. max-width: inherit;
  348. width: inherit;
  349. }
  350. blockquote.alignleft cite,
  351. blockquote.alignleft footer, blockquote.alignright cite,
  352. blockquote.alignright footer {
  353. font-size: var(--global--font-size-xs);
  354. letter-spacing: var(--global--letter-spacing);
  355. }
  356. /* Media captions */
  357. figcaption,
  358. .wp-caption,
  359. .wp-caption-text {
  360. color: var(--global--color-foreground-light);
  361. font-size: var(--global--font-size-xs);
  362. line-height: var(--global--line-height-body);
  363. margin-top: calc(0.5 * var(--global--spacing-unit));
  364. margin-bottom: var(--global--spacing-unit);
  365. text-align: center;
  366. }
  367. .alignleft figcaption,
  368. .alignright figcaption, .alignleft
  369. .wp-caption,
  370. .alignright
  371. .wp-caption, .alignleft
  372. .wp-caption-text,
  373. .alignright
  374. .wp-caption-text {
  375. margin-bottom: 0;
  376. }
  377. /* WP Smiley */
  378. .page-content .wp-smiley,
  379. .entry-content .wp-smiley,
  380. .comment-content .wp-smiley {
  381. border: none;
  382. margin-bottom: 0;
  383. margin-top: 0;
  384. padding: 0;
  385. }
  386. /* Make sure embeds and iframes fit their containers. */
  387. embed,
  388. iframe,
  389. object {
  390. max-width: 100%;
  391. }
  392. .wp-block-button__link {
  393. color: var(--button--color-text);
  394. font-weight: var(--button--font-weight);
  395. font-family: var(--button--font-family);
  396. font-size: var(--button--font-size);
  397. line-height: var(--button--line-height);
  398. background-color: var(--button--color-background);
  399. border-radius: var(--button--border-radius);
  400. padding: var(--button--padding-vertical) var(--button--padding-horizontal);
  401. }
  402. .wp-block-button__link:hover, .wp-block-button__link:focus, .wp-block-button__link.has-focus {
  403. color: var(--button--color-text-hover);
  404. background-color: var(--button--color-background-hover);
  405. }
  406. .wp-block-button__link.is-style-outline,
  407. .is-style-outline .wp-block-button__link {
  408. color: var(--button--color-background);
  409. background: transparent;
  410. border: 2px solid currentcolor;
  411. }
  412. .wp-block-button__link.is-style-squared,
  413. .is-style-squared .wp-block-button__link {
  414. border-radius: 0;
  415. }
  416. div[data-type="core/button"] {
  417. display: block;
  418. }
  419. /**
  420. * Calendar
  421. */
  422. .wp-block-calendar table th {
  423. background-color: var(--global--color-foreground);
  424. color: var(--global--color-background);
  425. }
  426. .wp-block-calendar table tbody, .wp-block-calendar table caption {
  427. color: var(--global--color-foreground);
  428. }
  429. .wp-block-cover,
  430. .wp-block-cover-image {
  431. background-color: var(--cover--color-foreground);
  432. min-height: var(--cover--height);
  433. margin-top: inherit;
  434. margin-bottom: inherit;
  435. }
  436. .wp-block-cover .wp-block-cover__inner-container,
  437. .wp-block-cover .wp-block-cover-image-text,
  438. .wp-block-cover .wp-block-cover-text,
  439. .wp-block-cover .block-editor-block-list__block,
  440. .wp-block-cover-image .wp-block-cover__inner-container,
  441. .wp-block-cover-image .wp-block-cover-image-text,
  442. .wp-block-cover-image .wp-block-cover-text,
  443. .wp-block-cover-image .block-editor-block-list__block {
  444. color: currentColor;
  445. }
  446. .wp-block-cover .wp-block-cover__inner-container a:not(.has-text-color),
  447. .wp-block-cover .wp-block-cover-image-text a:not(.has-text-color),
  448. .wp-block-cover .wp-block-cover-text a:not(.has-text-color),
  449. .wp-block-cover .block-editor-block-list__block a:not(.has-text-color),
  450. .wp-block-cover-image .wp-block-cover__inner-container a:not(.has-text-color),
  451. .wp-block-cover-image .wp-block-cover-image-text a:not(.has-text-color),
  452. .wp-block-cover-image .wp-block-cover-text a:not(.has-text-color),
  453. .wp-block-cover-image .block-editor-block-list__block a:not(.has-text-color) {
  454. color: currentColor;
  455. }
  456. .wp-block-cover .wp-block-cover__inner-container .has-link-color a,
  457. .wp-block-cover .wp-block-cover-image-text .has-link-color a,
  458. .wp-block-cover .wp-block-cover-text .has-link-color a,
  459. .wp-block-cover .block-editor-block-list__block .has-link-color a,
  460. .wp-block-cover-image .wp-block-cover__inner-container .has-link-color a,
  461. .wp-block-cover-image .wp-block-cover-image-text .has-link-color a,
  462. .wp-block-cover-image .wp-block-cover-text .has-link-color a,
  463. .wp-block-cover-image .block-editor-block-list__block .has-link-color a {
  464. color: var(--wp--style--color--link, var(--global--color-primary));
  465. }
  466. .wp-block-cover:not([class*='background-color']) .wp-block-cover__inner-container,
  467. .wp-block-cover:not([class*='background-color']) .wp-block-cover-image-text,
  468. .wp-block-cover:not([class*='background-color']) .wp-block-cover-text,
  469. .wp-block-cover:not([class*='background-color']) .block-editor-block-list__block,
  470. .wp-block-cover-image:not([class*='background-color']) .wp-block-cover__inner-container,
  471. .wp-block-cover-image:not([class*='background-color']) .wp-block-cover-image-text,
  472. .wp-block-cover-image:not([class*='background-color']) .wp-block-cover-text,
  473. .wp-block-cover-image:not([class*='background-color']) .block-editor-block-list__block {
  474. color: var(--cover--color-background);
  475. }
  476. .wp-block-cover h2,
  477. .wp-block-cover-image h2 {
  478. font-size: var(--heading--font-size-h2);
  479. letter-spacing: var(--heading--letter-spacing-h2);
  480. line-height: var(--heading--line-height);
  481. padding: 0;
  482. max-width: inherit;
  483. text-align: inherit;
  484. }
  485. .wp-block-cover h2.has-text-align-left,
  486. .wp-block-cover-image h2.has-text-align-left {
  487. text-align: left;
  488. }
  489. .wp-block-cover h2.has-text-align-center,
  490. .wp-block-cover-image h2.has-text-align-center {
  491. text-align: center;
  492. }
  493. .wp-block-cover h2.has-text-align-right,
  494. .wp-block-cover-image h2.has-text-align-right {
  495. text-align: right;
  496. }
  497. .wp-block-file .wp-block-file__textlink {
  498. border-bottom: 1px solid var(--global--color-secondary);
  499. color: var(--global--color-primary);
  500. text-decoration: none;
  501. }
  502. .wp-block-file .wp-block-file__button {
  503. color: var(--button--color-text);
  504. font-weight: var(--button--font-weight);
  505. font-family: var(--button--font-family);
  506. font-size: var(--button--font-size);
  507. line-height: var(--button--line-height);
  508. background-color: var(--button--color-background);
  509. border-radius: var(--button--border-radius);
  510. padding: calc(0.5 * var(--button--padding-vertical)) calc(0.5 * var(--button--padding-horizontal));
  511. }
  512. .wp-block-file .wp-block-file__button:hover, .wp-block-file .wp-block-file__button:focus, .wp-block-file .wp-block-file__button.has-focus {
  513. color: var(--button--color-text-hover);
  514. background-color: var(--button--color-background-hover);
  515. }
  516. .wp-block-gallery figcaption {
  517. margin-bottom: 0;
  518. }
  519. .wp-block-group.has-background {
  520. padding: var(--global--spacing-vertical);
  521. }
  522. .wp-block-group .wp-block-group.has-background > .block-editor-block-list__layout > [data-align="full"] {
  523. margin: 0;
  524. width: 100%;
  525. }
  526. .wp-block-heading h1, h1, .h1,
  527. .wp-block-heading h2, h2, .h2,
  528. .wp-block-heading h3, h3, .h3,
  529. .wp-block-heading h4, h4, .h4,
  530. .wp-block-heading h5, h5, .h5,
  531. .wp-block-heading h6, h6, .h6 {
  532. clear: both;
  533. font-family: var(--heading--font-family);
  534. font-weight: var(--heading--font-weight);
  535. }
  536. .wp-block-heading h1 strong, h1 strong, .h1 strong,
  537. .wp-block-heading h2 strong, h2 strong, .h2 strong,
  538. .wp-block-heading h3 strong, h3 strong, .h3 strong,
  539. .wp-block-heading h4 strong, h4 strong, .h4 strong,
  540. .wp-block-heading h5 strong, h5 strong, .h5 strong,
  541. .wp-block-heading h6 strong, h6 strong, .h6 strong {
  542. font-weight: var(--heading--font-weight-strong);
  543. }
  544. .wp-block-heading h1, h1, .h1 {
  545. font-size: var(--heading--font-size-h1);
  546. letter-spacing: var(--heading--letter-spacing-h1);
  547. line-height: var(--heading--line-height-h1);
  548. }
  549. .wp-block-heading h2, h2, .h2 {
  550. font-size: var(--heading--font-size-h2);
  551. letter-spacing: var(--heading--letter-spacing-h2);
  552. line-height: var(--heading--line-height-h2);
  553. }
  554. .wp-block-heading h3, h3, .h3 {
  555. font-size: var(--heading--font-size-h3);
  556. letter-spacing: var(--heading--letter-spacing-h3);
  557. line-height: var(--heading--line-height-h3);
  558. }
  559. .wp-block-heading h4, h4, .h4 {
  560. font-size: var(--heading--font-size-h4);
  561. letter-spacing: var(--heading--letter-spacing-h4);
  562. line-height: var(--heading--line-height-h4);
  563. }
  564. .wp-block-heading h5, h5, .h5 {
  565. font-size: var(--heading--font-size-h5);
  566. letter-spacing: var(--heading--letter-spacing-h5);
  567. line-height: var(--global--line-height-body-h5);
  568. }
  569. .wp-block-heading h6, h6, .h6 {
  570. font-size: var(--heading--font-size-h6);
  571. letter-spacing: var(--heading--letter-spacing-h6);
  572. line-height: var(--global--line-height-body-h6);
  573. }
  574. .wp-block-heading h1[style*="--wp--typography--line-height"], h1[style*="--wp--typography--line-height"], .h1[style*="--wp--typography--line-height"],
  575. .wp-block-heading h2[style*="--wp--typography--line-height"], h2[style*="--wp--typography--line-height"], .h2[style*="--wp--typography--line-height"],
  576. .wp-block-heading h3[style*="--wp--typography--line-height"], h3[style*="--wp--typography--line-height"], .h3[style*="--wp--typography--line-height"],
  577. .wp-block-heading h4[style*="--wp--typography--line-height"], h4[style*="--wp--typography--line-height"], .h4[style*="--wp--typography--line-height"],
  578. .wp-block-heading h5[style*="--wp--typography--line-height"], h5[style*="--wp--typography--line-height"], .h5[style*="--wp--typography--line-height"],
  579. .wp-block-heading h6[style*="--wp--typography--line-height"], h6[style*="--wp--typography--line-height"], .h6[style*="--wp--typography--line-height"] {
  580. line-height: var(--wp--typography--line-height);
  581. }
  582. /* Center image block by default in the editor */
  583. .wp-block-image > div {
  584. text-align: center;
  585. }
  586. [data-type="core/image"] .block-editor-block-list__block-edit figure.is-resized {
  587. margin: 0 auto;
  588. }
  589. .wp-block-latest-comments {
  590. margin-left: 0;
  591. }
  592. .wp-block-latest-posts {
  593. padding-left: 0;
  594. }
  595. .wp-block-latest-posts:not(.is-grid) > li {
  596. margin-top: var(--global--spacing-vertical);
  597. margin-bottom: var(--global--spacing-vertical);
  598. }
  599. .wp-block-latest-posts:not(.is-grid) > li:first-child {
  600. margin-top: 0;
  601. }
  602. .wp-block-latest-posts:not(.is-grid) > li:last-child {
  603. margin-bottom: 0;
  604. }
  605. .wp-block-latest-posts.is-grid > li {
  606. margin-bottom: var(--global--spacing-vertical);
  607. }
  608. .wp-block-latest-posts.is-grid > li:last-child {
  609. margin-bottom: 0;
  610. }
  611. .wp-block-latest-posts > li > * {
  612. margin-top: calc(0.5 * var(--global--spacing-vertical));
  613. margin-bottom: calc(0.5 * var(--global--spacing-vertical));
  614. }
  615. .wp-block-latest-posts > li > *:first-child {
  616. margin-top: 0;
  617. }
  618. .wp-block-latest-posts > li > *:last-child {
  619. margin-bottom: 0;
  620. }
  621. .wp-block-latest-posts > li > a {
  622. font-family: var(--latest-posts--title-font-family);
  623. font-size: var(--latest-posts--title-font-size);
  624. font-weight: var(--heading--font-weight);
  625. line-height: var(--global--line-height-heading);
  626. }
  627. .wp-block-latest-posts .wp-block-latest-posts__post-date {
  628. color: var(--global--color-foreground-light);
  629. font-size: var(--global--font-size-xs);
  630. line-height: var(--global--line-height-body);
  631. }
  632. [class*="inner-container"] .wp-block-latest-posts .wp-block-latest-posts__post-date,
  633. .has-background .wp-block-latest-posts .wp-block-latest-posts__post-date {
  634. color: currentColor;
  635. }
  636. .wp-block-latest-posts .wp-block-latest-posts__post-excerpt,
  637. .wp-block-latest-posts .wp-block-latest-posts__post-full-content {
  638. font-family: var(--latest-posts--description-font-family);
  639. font-size: var(--latest-posts--description-font-size);
  640. line-height: var(--global--line-height-body);
  641. }
  642. @media only screen and (min-width: 592px) {
  643. .wp-block-latest-posts.is-style-seedlet-alternating-grid {
  644. overflow: hidden;
  645. }
  646. .wp-block-latest-posts.is-style-seedlet-alternating-grid > li {
  647. width: calc(50% - (0.5 * var(--global--spacing-horizontal)));
  648. max-width: calc(50% - (0.5 * var(--global--spacing-horizontal)));
  649. text-align: right;
  650. }
  651. .wp-block-latest-posts.is-style-seedlet-alternating-grid > li:nth-child(2n + 1) {
  652. float: right;
  653. text-align: left;
  654. }
  655. .wp-block-latest-posts.is-style-seedlet-alternating-grid.is-grid {
  656. display: inherit;
  657. }
  658. .wp-block-latest-posts.is-style-seedlet-alternating-grid.is-grid > li {
  659. margin-top: var(--global--spacing-vertical);
  660. margin-right: 0;
  661. }
  662. .wp-block-latest-posts.is-style-seedlet-alternating-grid.is-grid > li:first-child {
  663. margin-top: 0;
  664. }
  665. .wp-block-latest-posts.is-style-seedlet-alternating-grid.is-grid > li:last-child {
  666. margin-bottom: 0;
  667. }
  668. }
  669. .gallery-item {
  670. display: inline-block;
  671. text-align: center;
  672. vertical-align: top;
  673. width: 100%;
  674. }
  675. .gallery-columns-2 .gallery-item {
  676. max-width: 50%;
  677. }
  678. .gallery-columns-3 .gallery-item {
  679. max-width: 33.33%;
  680. }
  681. .gallery-columns-4 .gallery-item {
  682. max-width: 25%;
  683. }
  684. .gallery-columns-5 .gallery-item {
  685. max-width: 20%;
  686. }
  687. .gallery-columns-6 .gallery-item {
  688. max-width: 16.66%;
  689. }
  690. .gallery-columns-7 .gallery-item {
  691. max-width: 14.28%;
  692. }
  693. .gallery-columns-8 .gallery-item {
  694. max-width: 12.5%;
  695. }
  696. .gallery-columns-9 .gallery-item {
  697. max-width: 11.11%;
  698. }
  699. .gallery-caption {
  700. display: block;
  701. }
  702. ul,
  703. ol {
  704. font-family: var(--list--font-family);
  705. margin: var(--global--spacing-vertical) 0;
  706. padding-left: calc( 2 * var(--global--spacing-horizontal));
  707. }
  708. ul.aligncenter,
  709. ol.aligncenter {
  710. list-style-position: inside;
  711. padding: 0;
  712. }
  713. ul.alignright,
  714. ol.alignright {
  715. list-style-position: inside;
  716. text-align: right;
  717. padding: 0;
  718. }
  719. li > ul,
  720. li > ol {
  721. margin: 0;
  722. }
  723. dt {
  724. font-family: var(--definition-term--font-family);
  725. font-weight: bold;
  726. }
  727. .wp-block-media-text .block-editor-inner-blocks {
  728. padding-right: var(--global--spacing-horizontal);
  729. padding-left: var(--global--spacing-horizontal);
  730. }
  731. .wp-block-navigation .wp-block-navigation__container {
  732. background: var(--global--color-background);
  733. padding: 0;
  734. }
  735. .wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__content {
  736. padding: var(--primary-nav--padding);
  737. }
  738. .wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__label {
  739. font-family: var(--primary-nav--font-family);
  740. font-size: var(--primary-nav--font-size);
  741. font-weight: var(--primary-nav--font-weight);
  742. }
  743. .wp-block-navigation .has-child .wp-block-navigation__container {
  744. box-shadow: var(--global--elevation);
  745. }
  746. .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover, .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:focus {
  747. color: var(--primary-nav--color-link-hover);
  748. }
  749. .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link__content {
  750. color: currentColor;
  751. }
  752. p {
  753. line-height: var(--wp--typography--line-height, --global--line-height-body);
  754. }
  755. p.has-background {
  756. padding: var(--global--spacing-unit);
  757. }
  758. .a8c-posts-list {
  759. padding-left: 0;
  760. }
  761. .wp-block-pullquote {
  762. padding: calc( 2 * var(--global--spacing-unit)) 0;
  763. margin-left: 0;
  764. margin-right: 0;
  765. text-align: left;
  766. border-top-color: var(--pullquote--border-color);
  767. border-top-width: var(--pullquote--border-width);
  768. border-bottom-color: var(--pullquote--border-color);
  769. border-bottom-width: var(--pullquote--border-width);
  770. color: var(--pullquote--color-foreground);
  771. }
  772. .wp-block-pullquote p {
  773. font-family: var(--pullquote--font-family);
  774. font-size: var(--pullquote--font-size);
  775. font-style: var(--pullquote--font-style);
  776. letter-spacing: var(--pullquote--letter-spacing);
  777. line-height: var(--pullquote--line-height);
  778. margin: 0;
  779. }
  780. .wp-block-pullquote a {
  781. color: currentColor;
  782. }
  783. .wp-block-pullquote .wp-block-pullquote__citation,
  784. .wp-block-pullquote cite,
  785. .wp-block-pullquote footer {
  786. color: var(--global--color-foreground-light);
  787. font-size: var(--global--font-size-xs);
  788. }
  789. .wp-block-pullquote:not(.is-style-solid-color) {
  790. background: none;
  791. }
  792. .wp-block-pullquote.is-style-solid-color {
  793. background-color: var(--pullquote--color-foreground);
  794. color: var(--pullquote--color-background);
  795. padding: calc( 2 * var(--global--spacing-unit));
  796. }
  797. .wp-block-pullquote.is-style-solid-color.alignleft blockquote,
  798. .wp-block-pullquote.is-style-solid-color.alignright blockquote {
  799. padding-left: var(--global--spacing-unit);
  800. padding-right: var(--global--spacing-unit);
  801. max-width: inherit;
  802. }
  803. .wp-block-pullquote.is-style-solid-color blockquote {
  804. margin: 0;
  805. text-align: left;
  806. max-width: 100%;
  807. }
  808. .wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation,
  809. .wp-block-pullquote.is-style-solid-color cite,
  810. .wp-block-pullquote.is-style-solid-color footer {
  811. color: currentColor;
  812. }
  813. .wp-block[data-align="full"] .wp-block-pullquote:not(.is-style-solid-color) blockquote {
  814. padding: 0 calc( 2 * var(--global--spacing-unit));
  815. }
  816. .wp-block-quote {
  817. border-left-color: var(--quote--border-color);
  818. border-left-width: var(--quote--border-width);
  819. margin: var(--global--spacing-vertical) 0;
  820. padding-left: var(--global--spacing-horizontal);
  821. }
  822. .wp-block-quote p {
  823. font-family: var(--quote--font-family);
  824. font-size: var(--quote--font-size);
  825. font-style: var(--quote--font-style);
  826. line-height: var(--quote--line-height);
  827. }
  828. .wp-block-quote.is-large, .wp-block-quote.is-style-large {
  829. border-left: var(--quote--border-width) solid var(--quote--border-color);
  830. padding-left: var(--global--spacing-horizontal);
  831. /* Resetting margins to match _block-container.scss */
  832. margin-top: var(--global--spacing-vertical);
  833. margin-bottom: var(--global--spacing-vertical);
  834. }
  835. .wp-block-quote.is-large p, .wp-block-quote.is-style-large p {
  836. font-size: var(--quote--font-size-large);
  837. font-style: var(--quote--font-style-large);
  838. line-height: var(--quote--line-height-large);
  839. }
  840. .wp-block-quote.is-large.has-text-align-right, .wp-block-quote.is-style-large.has-text-align-right {
  841. border-left: none;
  842. border-right: var(--quote--border-width) solid var(--quote--border-color);
  843. }
  844. .wp-block-quote.has-text-align-right {
  845. border-right: var(--quote--border-width) solid var(--quote--border-color);
  846. }
  847. .wp-block-quote.has-text-align-center {
  848. border: none;
  849. }
  850. .has-background:not(.has-background-background-color) .wp-block-quote,
  851. [class*="background-color"]:not(.has-background-background-color) .wp-block-quote,
  852. [style*="background-color"]:not(.has-background-background-color) .wp-block-quote,
  853. .wp-block-cover[style*="background-image"] .wp-block-quote {
  854. border-color: currentColor;
  855. }
  856. .wp-block-quote .wp-block-quote__citation {
  857. color: var(--global--color-foreground-light);
  858. font-size: var(--global--font-size-xs);
  859. }
  860. .has-background:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
  861. [class*="background-color"]:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
  862. [style*="background-color"]:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
  863. .wp-block-cover[style*="background-image"] .wp-block-quote .wp-block-quote__citation {
  864. color: currentColor;
  865. }
  866. .wp-block-search {
  867. display: flex;
  868. max-width: var(--responsive--aligndefault-width);
  869. }
  870. .wp-block-search .wp-block-search__label {
  871. font-weight: normal;
  872. }
  873. .wp-block-search .wp-block-search__input {
  874. border: var(--form--border-width) solid var(--form--border-color);
  875. border-radius: var(--form--border-radius);
  876. font-family: var(--form--font-family);
  877. font-size: var(--form--font-size);
  878. line-height: var(--form--line-height);
  879. max-width: inherit;
  880. margin-right: calc( .66 * var(--global--spacing-horizontal));
  881. padding: var(--form--spacing-unit);
  882. }
  883. .wp-block-search .wp-block-search__input:focus {
  884. border-color: var(--form--border-color);
  885. }
  886. .wp-block-separator,
  887. hr {
  888. border-bottom: var(--separator--height) solid var(--separator--border-color);
  889. clear: both;
  890. }
  891. .wp-block-separator[style*="text-align:right"], .wp-block-separator[style*="text-align: right"],
  892. hr[style*="text-align:right"],
  893. hr[style*="text-align: right"] {
  894. border-right-color: var(--separator--border-color);
  895. }
  896. .wp-block-separator.is-style-wide,
  897. hr.is-style-wide {
  898. border-bottom-width: var(--separator--height);
  899. }
  900. .wp-block-separator.is-style-dots,
  901. hr.is-style-dots {
  902. border-bottom: none;
  903. }
  904. .wp-block-separator.is-style-dots.has-background, .wp-block-separator.is-style-dots.has-text-color,
  905. hr.is-style-dots.has-background,
  906. hr.is-style-dots.has-text-color {
  907. background-color: transparent !important;
  908. }
  909. .wp-block-separator.is-style-dots.has-background:before, .wp-block-separator.is-style-dots.has-text-color:before,
  910. hr.is-style-dots.has-background:before,
  911. hr.is-style-dots.has-text-color:before {
  912. color: currentColor !important;
  913. }
  914. .wp-block-separator.is-style-dots:before,
  915. hr.is-style-dots:before {
  916. color: var(--separator--border-color);
  917. }
  918. .has-background:not(.has-background-background-color) .wp-block-separator,
  919. [class*="background-color"]:not(.has-background-background-color) .wp-block-separator,
  920. [style*="background-color"]:not(.has-background-background-color) .wp-block-separator,
  921. .wp-block-cover[style*="background-image"] .wp-block-separator, .has-background:not(.has-background-background-color)
  922. hr,
  923. [class*="background-color"]:not(.has-background-background-color)
  924. hr,
  925. [style*="background-color"]:not(.has-background-background-color)
  926. hr,
  927. .wp-block-cover[style*="background-image"]
  928. hr {
  929. border-color: currentColor;
  930. }
  931. table th,
  932. .wp-block-table th {
  933. font-family: var(--heading--font-family);
  934. }
  935. table td,
  936. table th,
  937. .wp-block-table td,
  938. .wp-block-table th {
  939. padding: calc( 0.5 * var(--global--spacing-unit));
  940. }
  941. pre.wp-block-verse {
  942. padding: 0;
  943. }
  944. .wp-block.block-editor-default-block-appender > textarea {
  945. font-family: var(--global--font-secondary);
  946. font-size: var(--global--font-size-md);
  947. }
  948. .has-primary-color[class] {
  949. color: var(--global--color-primary);
  950. }
  951. .has-secondary-color[class] {
  952. color: var(--global--color-secondary);
  953. }
  954. .has-foreground-color[class] {
  955. color: var(--global--color-foreground);
  956. }
  957. .has-foreground-light-color[class] {
  958. color: var(--global--color-foreground-light);
  959. }
  960. .has-foreground-dark-color[class] {
  961. color: var(--global--color-foreground-dark);
  962. }
  963. .has-tertiary-color[class] {
  964. color: var(--global--color-tertiary);
  965. }
  966. .has-background-dark-color[class] {
  967. color: var(--global--color-background-dark);
  968. }
  969. .has-background-color[class] {
  970. color: var(--global--color-background);
  971. }
  972. .has-background:not(.has-background-background-color) a,
  973. .has-background p, .has-background h1, .has-background h2, .has-background h3, .has-background h4, .has-background h5, .has-background h6 {
  974. color: currentColor;
  975. }
  976. .has-primary-background-color[class] {
  977. background-color: var(--global--color-primary);
  978. color: var(--global--color-background);
  979. }
  980. .has-primary-background-color[class] {
  981. background-color: var(--global--color-primary);
  982. color: var(--global--color-background);
  983. }
  984. .has-secondary-background-color[class] {
  985. background-color: var(--global--color-secondary);
  986. color: var(--global--color-background);
  987. }
  988. .has-foreground-background-color[class] {
  989. background-color: var(--global--color-foreground);
  990. color: var(--global--color-background);
  991. }
  992. .has-foreground-light-background-color[class] {
  993. background-color: var(--global--color-foreground-light);
  994. color: var(--global--color-background);
  995. }
  996. .has-foreground-dark-background-color[class] {
  997. background-color: var(--global--color-foreground-dark);
  998. color: var(--global--color-background);
  999. }
  1000. .has-tertiary-background-color[class] {
  1001. background-color: var(--global--color-tertiary);
  1002. color: var(--global--color-foreground);
  1003. }
  1004. .has-background-dark-background-color[class] {
  1005. background-color: var(--global--color-background-dark);
  1006. color: var(--global--color-foreground);
  1007. }
  1008. .has-background-background-color[class] {
  1009. background-color: var(--global--color-background);
  1010. color: var(--global--color-foreground);
  1011. }
  1012. .has-white-background-color[class] {
  1013. background-color: var(--global--color-white);
  1014. color: var(--global--color-secondary);
  1015. }
  1016. .has-black-background-color[class] {
  1017. background-color: var(--global--color-black);
  1018. color: var(--global--color-primary);
  1019. }
  1020. .is-tiny-text,
  1021. .has-tiny-font-size {
  1022. font-size: var(--global--font-size-xs);
  1023. }
  1024. .is-small-text,
  1025. .has-small-font-size {
  1026. font-size: var(--global--font-size-sm);
  1027. }
  1028. .is-regular-text,
  1029. .has-regular-font-size,
  1030. .has-normal-font-size,
  1031. .has-medium-font-size {
  1032. font-size: var(--global--font-size-md);
  1033. }
  1034. .is-large-text,
  1035. .has-large-font-size {
  1036. font-size: var(--global--font-size-lg);
  1037. line-height: var(--global--line-height-heading);
  1038. }
  1039. .is-larger-text,
  1040. .has-larger-font-size,
  1041. .has-huge-font-size {
  1042. font-size: var(--global--font-size-xl);
  1043. line-height: var(--global--line-height-heading);
  1044. }
  1045. .has-drop-cap:not(:focus)::first-letter {
  1046. font-family: var(--heading--font-family);
  1047. font-size: calc(2 * var(--heading--font-size-h1));
  1048. font-weight: var(--heading--font-weight);
  1049. }
  1050. /**
  1051. * Spacing Overrides
  1052. */
  1053. /*
  1054. * Margins
  1055. */
  1056. .margin-top-none {
  1057. margin-top: 0 !important;
  1058. }
  1059. .margin-top-half {
  1060. margin-top: calc(0.5 * var(--global--spacing-vertical)) !important;
  1061. }
  1062. .margin-top-default {
  1063. margin-top: var(--global--spacing-vertical) !important;
  1064. }
  1065. .margin-right-none {
  1066. /*rtl:ignore*/
  1067. margin-right: 0 !important;
  1068. }
  1069. .margin-right-half {
  1070. /*rtl:ignore*/
  1071. margin-right: calc(0.5 * var(--global--spacing-vertical)) !important;
  1072. }
  1073. .margin-right-default {
  1074. /*rtl:ignore*/
  1075. margin-right: var(--global--spacing-vertical) !important;
  1076. }
  1077. .margin-bottom-none {
  1078. margin-bottom: 0 !important;
  1079. }
  1080. .margin-bottom-half {
  1081. margin-bottom: calc(0.5 * var(--global--spacing-vertical)) !important;
  1082. }
  1083. .margin-bottom-default {
  1084. margin-bottom: var(--global--spacing-vertical) !important;
  1085. }
  1086. .margin-left-none {
  1087. /*rtl:ignore*/
  1088. margin-left: 0 !important;
  1089. }
  1090. .margin-left-half {
  1091. /*rtl:ignore*/
  1092. margin-left: calc(0.5 * var(--global--spacing-vertical)) !important;
  1093. }
  1094. .margin-left-default {
  1095. /*rtl:ignore*/
  1096. margin-left: var(--global--spacing-vertical) !important;
  1097. }
  1098. /*
  1099. * Padding
  1100. */
  1101. .padding-top-none {
  1102. padding-top: 0 !important;
  1103. }
  1104. .padding-top-half {
  1105. padding-top: calc(0.5 * var(--global--spacing-vertical)) !important;
  1106. }
  1107. .padding-top-default {
  1108. padding-top: var(--global--spacing-vertical) !important;
  1109. }
  1110. .padding-right-none {
  1111. /*rtl:ignore*/
  1112. padding-right: 0 !important;
  1113. }
  1114. .padding-right-half {
  1115. /*rtl:ignore*/
  1116. padding-right: calc(0.5 * var(--global--spacing-vertical)) !important;
  1117. }
  1118. .padding-right-default {
  1119. /*rtl:ignore*/
  1120. padding-right: var(--global--spacing-vertical) !important;
  1121. }
  1122. .padding-bottom-none {
  1123. padding-bottom: 0 !important;
  1124. }
  1125. .padding-bottom-half {
  1126. padding-bottom: calc(0.5 * var(--global--spacing-vertical)) !important;
  1127. }
  1128. .padding-bottom-default {
  1129. padding-bottom: var(--global--spacing-vertical) !important;
  1130. }
  1131. .padding-left-none {
  1132. /*rtl:ignore*/
  1133. padding-left: 0 !important;
  1134. }
  1135. .padding-left-half {
  1136. /*rtl:ignore*/
  1137. padding-left: calc(0.5 * var(--global--spacing-vertical)) !important;
  1138. }
  1139. .padding-left-default {
  1140. /*rtl:ignore*/
  1141. padding-left: var(--global--spacing-vertical) !important;
  1142. }
  1143. [data-block] {
  1144. margin-top: var(--global--spacing-vertical);
  1145. margin-bottom: var(--global--spacing-vertical);
  1146. }
  1147. [data-block] [data-block]:first-child {
  1148. margin-top: 0;
  1149. }
  1150. [data-block] [data-block]:nth-last-child(2) {
  1151. margin-bottom: 0;
  1152. }
  1153. /*
  1154. * Custom gradients
  1155. */
  1156. .has-hard-diagonal-gradient-background {
  1157. background: linear-gradient(to bottom right, var(--global--color-secondary) 49.9%, var(--global--color-tertiary) 50%);
  1158. }
  1159. .has-hard-diagonal-inverted-gradient-background {
  1160. background: linear-gradient(to top left, var(--global--color-secondary) 49.9%, var(--global--color-tertiary) 50%);
  1161. }
  1162. .has-diagonal-gradient-background {
  1163. background: linear-gradient(to bottom right, var(--global--color-secondary), var(--global--color-tertiary));
  1164. }
  1165. .has-diagonal-inverted-gradient-background {
  1166. background: linear-gradient(to top left, var(--global--color-secondary), var(--global--color-tertiary));
  1167. }
  1168. .has-hard-horizontal-gradient-background {
  1169. background: linear-gradient(to bottom, var(--global--color-secondary) 50%, var(--global--color-tertiary) 50%);
  1170. }
  1171. .has-hard-horizontal-inverted-gradient-background {
  1172. background: linear-gradient(to top, var(--global--color-secondary) 50%, var(--global--color-tertiary) 50%);
  1173. }
  1174. .has-horizontal-gradient-background {
  1175. background: linear-gradient(to bottom, var(--global--color-secondary), var(--global--color-tertiary));
  1176. }
  1177. .has-horizontal-inverted-gradient-background {
  1178. background: linear-gradient(to top, var(--global--color-secondary), var(--global--color-tertiary));
  1179. }
  1180. .has-stripe-gradient-background {
  1181. background: linear-gradient(to bottom, transparent 20%, var(--global--color-secondary) 20%, var(--global--color-secondary) 80%, transparent 80%);
  1182. }
  1183. /* Block Alignments */
  1184. .wp-block {
  1185. max-width: var(--responsive--aligndefault-width);
  1186. }
  1187. .wp-block[data-align="wide"], .wp-block.alignwide {
  1188. max-width: var(--responsive--alignwide-width);
  1189. }
  1190. .wp-block[data-align="full"], .wp-block.alignfull {
  1191. max-width: none;
  1192. }
  1193. .block-editor-block-list__layout:not(.edit-site-block-editor__block-list) .wp-block[data-align="full"] > [data-block], .block-editor-block-list__layout:not(.edit-site-block-editor__block-list) .wp-block.alignfull > [data-block] {
  1194. margin-top: 0;
  1195. margin-bottom: 0;
  1196. }
  1197. .alignleft {
  1198. margin: 0;
  1199. margin-right: var(--global--spacing-horizontal);
  1200. }
  1201. .alignright {
  1202. margin: 0;
  1203. margin-left: var(--global--spacing-horizontal);
  1204. }
  1205. /*
  1206. * Components
  1207. * - Similar to Blocks but exist outside of the "current" editor context
  1208. */
  1209. /**
  1210. * Content
  1211. */
  1212. /**
  1213. * Editor Post Title
  1214. * - Needs a special styles
  1215. */
  1216. /*
  1217. color: var(--global--color-primary);
  1218. font-family: var(--heading--font-family);
  1219. font-weight: var(--heading--font-weight);
  1220. font-size: var(--heading--font-size-h2);
  1221. letter-spacing: var(--heading--letter-spacing-h2);
  1222. line-height: var(--heading--line-height);
  1223. }
  1224. */
  1225. .entry-title,
  1226. .editor-post-title__block .editor-post-title__input {
  1227. color: var(--entry-header--color);
  1228. font-family: var(--heading--font-family);
  1229. font-size: var(--entry-header--font-size);
  1230. font-weight: var(--heading--font-weight);
  1231. letter-spacing: var(--heading--letter-spacing-h2);
  1232. line-height: var(--heading--line-height);
  1233. overflow-wrap: break-word;
  1234. }
  1235. .entry-title a,
  1236. .editor-post-title__block .editor-post-title__input a {
  1237. color: var(--entry-header--color-link);
  1238. }
  1239. .entry-title a:hover,
  1240. .editor-post-title__block .editor-post-title__input a:hover {
  1241. color: var(--entry-header--color-hover);
  1242. }
  1243. .entry-title a:focus,
  1244. .editor-post-title__block .editor-post-title__input a:focus {
  1245. color: var(--entry-header--color-focus);
  1246. }
  1247. .entry-title a:active,
  1248. .editor-post-title__block .editor-post-title__input a:active {
  1249. color: var(--entry-header--color-link);
  1250. }
  1251. /**
  1252. * Entry Content
  1253. */
  1254. .entry-content,
  1255. .entry-summary {
  1256. font-family: var(--entry-content--font-family);
  1257. }
  1258. .entry-content p {
  1259. word-wrap: break-word;
  1260. }
  1261. .entry-content .more-link {
  1262. display: table;
  1263. margin-top: var(--global--spacing-unit);
  1264. }
  1265. @media only screen and (min-width: 482px) {
  1266. .entry-content .more-link {
  1267. margin-top: var(--global--spacing-vertical);
  1268. }
  1269. }
  1270. .entry-content .more-link:after {
  1271. content: "\02192";
  1272. display: inline-block;
  1273. margin-left: 0.5em;
  1274. }
  1275. .entry-content .more-link:hover {
  1276. text-decoration: none;
  1277. }
  1278. .entry-content > iframe[style] {
  1279. margin: var(--global--spacing-vertical) 0 !important;
  1280. max-width: 100% !important;
  1281. }
  1282. @media only screen and (min-width: 482px) {
  1283. .entry-content > iframe[style] {
  1284. max-width: var(--global--spacing-vertical) !important;
  1285. }
  1286. }
  1287. .entry-attachment {
  1288. text-align: center;
  1289. }
  1290. .entry-meta,
  1291. .entry-footer {
  1292. color: var(--entry-meta--color);
  1293. clear: both;
  1294. float: none;
  1295. font-size: var(--entry-meta--font-size);
  1296. display: block;
  1297. }
  1298. .entry-meta > span,
  1299. .entry-footer > span {
  1300. display: inline-block;
  1301. margin-right: var(--global--spacing-unit);
  1302. }
  1303. .entry-meta > span > *,
  1304. .entry-meta > span span .fn,
  1305. .entry-footer > span > *,
  1306. .entry-footer > span span .fn {
  1307. display: inline-block;
  1308. vertical-align: middle;
  1309. }
  1310. .entry-meta > span:last-child,
  1311. .entry-footer > span:last-child {
  1312. margin-right: 0;
  1313. }
  1314. .entry-meta > span .published + .updated,
  1315. .entry-footer > span .published + .updated {
  1316. display: none;
  1317. }
  1318. .entry-meta a,
  1319. .entry-footer a {
  1320. border-color: transparent;
  1321. color: var(--entry-meta--color-link);
  1322. }
  1323. .entry-meta a:hover, .entry-meta a:focus,
  1324. .entry-footer a:hover,
  1325. .entry-footer a:focus {
  1326. color: var(--entry-meta--color-hover);
  1327. }
  1328. .entry-meta a:hover,
  1329. .entry-footer a:hover {
  1330. border-color: var(--global--color-secondary);
  1331. }
  1332. .entry-meta a:focus,
  1333. .entry-footer a:focus {
  1334. color: var(--global--color-secondary);
  1335. }
  1336. .entry-meta a:active,
  1337. .entry-footer a:active {
  1338. color: var(--entry-meta--color-link);
  1339. }
  1340. .entry-meta .svg-icon,
  1341. .entry-footer .svg-icon {
  1342. fill: currentColor;
  1343. position: relative;
  1344. display: inline-block;
  1345. vertical-align: middle;
  1346. margin-right: calc(0.25 * var(--global--spacing-unit));
  1347. }
  1348. .site-main > article > .entry-footer {
  1349. margin-top: calc( var(--global--spacing-vertical) * 3);
  1350. padding-top: var(--global--spacing-unit);
  1351. border-top: var(--separator--height) solid var(--separator--border-color);
  1352. }
  1353. /**
  1354. * Post Thumbnails
  1355. */
  1356. .post-thumbnail {
  1357. text-align: center;
  1358. }
  1359. .post-thumbnail .post-thumbnail-inner {
  1360. display: block;
  1361. }
  1362. /**
  1363. * Author
  1364. */
  1365. /* Author description */
  1366. .author-bio {
  1367. font-size: var(--global--font-size-xs);
  1368. max-width: var(--responsive--aligndefault-width);
  1369. }
  1370. .site-main > article > .author-bio {
  1371. margin-top: calc(2 * var(--global--spacing-vertical));
  1372. }
  1373. .author-bio .author-title {
  1374. font-family: var(--entry-author-bio--font-family);
  1375. font-size: var(--entry-author-bio--font-size);
  1376. }
  1377. .author-bio .author-description {
  1378. font-size: var(--global--font-size-md);
  1379. }
  1380. /**
  1381. * Jetpack editor styles
  1382. */
  1383. /**
  1384. * Jetpack Block editor styles
  1385. */
  1386. .wp-block-a8c-blog-posts.image-aligntop .post-thumbnail {
  1387. margin-bottom: calc(0.5 * var(--global--spacing-vertical));
  1388. }
  1389. .wp-block-a8c-blog-posts.image-alignleft .post-thumbnail {
  1390. margin-right: var(--global--spacing-vertical);
  1391. }
  1392. .wp-block-a8c-blog-posts.image-alignright .post-thumbnail {
  1393. margin-left: var(--global--spacing-vertical);
  1394. }
  1395. .wp-block-a8c-blog-posts.image-alignbehind .post-has-image .entry-wrapper {
  1396. padding: var(--global--spacing-vertical);
  1397. }
  1398. .wp-block-a8c-blog-posts.image-alignbehind .post-has-image .cat-links {
  1399. color: var(--global--color-white);
  1400. }
  1401. .wp-block-a8c-blog-posts.image-alignbehind .post-has-image a:hover {
  1402. color: currentColor;
  1403. }
  1404. .wp-block-a8c-blog-posts .article-section-title {
  1405. font-size: var(--heading--font-size-h4);
  1406. letter-spacing: var(--heading--letter-spacing-h4);
  1407. line-height: var(--heading--line-height-h4);
  1408. margin-top: 0;
  1409. margin-bottom: calc(0.5 * var(--global--spacing-vertical));
  1410. }
  1411. .wp-block-a8c-blog-posts article {
  1412. margin-bottom: calc(3 * var(--global--spacing-vertical));
  1413. }
  1414. .wp-block-a8c-blog-posts .post-thumbnail img {
  1415. vertical-align: middle;
  1416. width: auto;
  1417. }
  1418. .wp-block-a8c-blog-posts .entry-wrapper > * {
  1419. /* Vertical margins logic between post details */
  1420. margin-top: var(--global--spacing-unit);
  1421. margin-bottom: var(--global--spacing-unit);
  1422. }
  1423. .wp-block-a8c-blog-posts .entry-wrapper > *:first-child {
  1424. margin-top: 0;
  1425. }
  1426. .wp-block-a8c-blog-posts .entry-wrapper > *:last-child {
  1427. margin-bottom: 0;
  1428. }
  1429. .wp-block-a8c-blog-posts .entry-title a {
  1430. color: var(--global--color-primary);
  1431. }
  1432. .has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-title a,
  1433. [class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-title a,
  1434. [style*="background-color"] .wp-block-a8c-blog-posts .entry-title a {
  1435. color: currentColor;
  1436. }
  1437. .wp-block-a8c-blog-posts .entry-title a:hover {
  1438. color: var(--global--color-primary-hover);
  1439. }
  1440. .has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-title a,
  1441. [class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-title a,
  1442. [style*="background-color"] .wp-block-a8c-blog-posts .entry-title a {
  1443. color: currentColor;
  1444. }
  1445. .wp-block-a8c-blog-posts .more-link {
  1446. display: block;
  1447. margin-top: var(--global--spacing-unit);
  1448. }
  1449. .wp-block-a8c-blog-posts .more-link:after {
  1450. content: "\02192";
  1451. display: inline-block;
  1452. margin-left: 0.5em;
  1453. }
  1454. .wp-block-a8c-blog-posts .more-link:hover, .wp-block-a8c-blog-posts .more-link:active {
  1455. color: var(--global--color-primary-hover);
  1456. text-decoration: none;
  1457. }
  1458. .has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts .more-link:hover,
  1459. [class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts .more-link:hover,
  1460. [style*="background-color"] .wp-block-a8c-blog-posts .more-link:hover, .has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts .more-link:active,
  1461. [class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts .more-link:active,
  1462. [style*="background-color"] .wp-block-a8c-blog-posts .more-link:active {
  1463. color: currentColor;
  1464. }
  1465. .wp-block-a8c-blog-posts .entry-meta,
  1466. .wp-block-a8c-blog-posts .cat-links {
  1467. color: var(--global--color-foreground-light);
  1468. font-size: var(--global--font-size-sm);
  1469. }
  1470. .has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-meta,
  1471. [class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-meta,
  1472. [style*="background-color"] .wp-block-a8c-blog-posts .entry-meta, .has-background:not(.has-background-background-color)
  1473. .wp-block-a8c-blog-posts .cat-links,
  1474. [class*="background-color"]:not(.has-background-background-color)
  1475. .wp-block-a8c-blog-posts .cat-links,
  1476. [style*="background-color"]
  1477. .wp-block-a8c-blog-posts .cat-links {
  1478. color: currentColor;
  1479. }
  1480. .wp-block-a8c-blog-posts .entry-meta .byline:not(:last-child),
  1481. .wp-block-a8c-blog-posts .cat-links .byline:not(:last-child) {
  1482. margin-right: var(--global--spacing-unit);
  1483. }
  1484. .wp-block-a8c-blog-posts .entry-meta .published + .updated,
  1485. .wp-block-a8c-blog-posts .cat-links .published + .updated {
  1486. display: none;
  1487. }
  1488. .wp-block-a8c-blog-posts .entry-meta a,
  1489. .wp-block-a8c-blog-posts .cat-links a {
  1490. color: currentColor;
  1491. }
  1492. .wp-block-a8c-blog-posts .entry-meta a:hover, .wp-block-a8c-blog-posts .entry-meta a:active,
  1493. .wp-block-a8c-blog-posts .cat-links a:hover,
  1494. .wp-block-a8c-blog-posts .cat-links a:active {
  1495. color: var(--global--color-primary-hover);
  1496. text-decoration: none;
  1497. }
  1498. .has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-meta a:hover,
  1499. [class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-meta a:hover,
  1500. [style*="background-color"] .wp-block-a8c-blog-posts .entry-meta a:hover, .has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-meta a:active,
  1501. [class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-meta a:active,
  1502. [style*="background-color"] .wp-block-a8c-blog-posts .entry-meta a:active, .has-background:not(.has-background-background-color)
  1503. .wp-block-a8c-blog-posts .cat-links a:hover,
  1504. [class*="background-color"]:not(.has-background-background-color)
  1505. .wp-block-a8c-blog-posts .cat-links a:hover,
  1506. [style*="background-color"]
  1507. .wp-block-a8c-blog-posts .cat-links a:hover, .has-background:not(.has-background-background-color)
  1508. .wp-block-a8c-blog-posts .cat-links a:active,
  1509. [class*="background-color"]:not(.has-background-background-color)
  1510. .wp-block-a8c-blog-posts .cat-links a:active,
  1511. [style*="background-color"]
  1512. .wp-block-a8c-blog-posts .cat-links a:active {
  1513. color: currentColor;
  1514. }
  1515. @media only screen and (min-width: 592px) {
  1516. .wp-block-a8c-blog-posts.is-style-seedlet-alternating-grid {
  1517. overflow: hidden;
  1518. }
  1519. .wp-block-a8c-blog-posts.is-style-seedlet-alternating-grid .article-section-title {
  1520. margin-left: calc(50% + (0.5 * var(--global--spacing-horizontal)));
  1521. }
  1522. .wp-block-a8c-blog-posts.is-style-seedlet-alternating-grid article {
  1523. width: calc(50% - (0.5 * var(--global--spacing-horizontal)));
  1524. max-width: calc(50% - (0.5 * var(--global--spacing-horizontal)));
  1525. margin-top: 0;
  1526. margin-bottom: var(--global--spacing-vertical);
  1527. text-align: right;
  1528. clear: both;
  1529. }
  1530. .wp-block-a8c-blog-posts.is-style-seedlet-alternating-grid article .entry-meta {
  1531. justify-content: flex-end;
  1532. }
  1533. .wp-block-a8c-blog-posts.is-style-seedlet-alternating-grid article:nth-of-type(2n + 1) {
  1534. float: right;
  1535. text-align: left;
  1536. }
  1537. .wp-block-a8c-blog-posts.is-style-seedlet-alternating-grid article:nth-of-type(2n + 1) .entry-meta {
  1538. justify-content: flex-start;
  1539. }
  1540. .wp-block-a8c-blog-posts.is-style-seedlet-alternating-grid article .more-link {
  1541. display: inline-block;
  1542. }
  1543. .wp-block-a8c-blog-posts.is-style-seedlet-alternating-grid.wpnbha.is-grid > div {
  1544. display: inherit;
  1545. }
  1546. .wp-block-a8c-blog-posts.is-style-seedlet-alternating-grid + .wpnbha__wp-block-button__wrapper {
  1547. text-align: center;
  1548. }
  1549. }
  1550. .wp-block-search .wp-block-search__button, .wp-block-a8c-blog-posts + .button {
  1551. line-height: var(--button--line-height);
  1552. color: var(--button--color-text);
  1553. cursor: pointer;
  1554. font-weight: var(--button--font-weight);
  1555. font-family: var(--button--font-family);
  1556. font-size: var(--button--font-size);
  1557. background-color: var(--button--color-background);
  1558. border-radius: var(--button--border-radius);
  1559. border-width: 0;
  1560. text-decoration: none;
  1561. padding: var(--button--padding-vertical) var(--button--padding-horizontal);
  1562. }
  1563. .wp-block-search .wp-block-search__button:before, .wp-block-a8c-blog-posts + .button:before, .wp-block-search .wp-block-search__button:after, .wp-block-a8c-blog-posts + .button:after {
  1564. content: '';
  1565. display: block;
  1566. height: 0;
  1567. width: 0;
  1568. }
  1569. .wp-block-search .wp-block-search__button:before, .wp-block-a8c-blog-posts + .button:before {
  1570. margin-bottom: -calc(.5em * var(--button--line-height) + -.38);
  1571. }
  1572. .wp-block-search .wp-block-search__button:after, .wp-block-a8c-blog-posts + .button:after {
  1573. margin-top: -calc(.5em * var(--button--line-height) + -.39);
  1574. }
  1575. .wp-block-search .wp-block-search__button:active, .wp-block-a8c-blog-posts + .button:active {
  1576. color: var(--button--color-text-active);
  1577. background-color: var(--button--color-background-active);
  1578. }
  1579. .wp-block-search .wp-block-search__button:hover, .wp-block-a8c-blog-posts + .button:hover, .wp-block-search .wp-block-search__button:focus, .wp-block-a8c-blog-posts + .button:focus, .wp-block-search .has-focus.wp-block-search__button, .wp-block-a8c-blog-posts + .has-focus.button {
  1580. color: var(--button--color-text-hover);
  1581. background-color: var(--button--color-background-hover);
  1582. }
  1583. .wp-block-a8c-blog-posts + .button {
  1584. display: inline-block;
  1585. font-size: var(--global--font-size-md);
  1586. }
  1587. .wp-block-a8c-blog-posts + .button:hover {
  1588. cursor: default;
  1589. }
  1590. .has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts + .button,
  1591. [class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts + .button,
  1592. [style*="background-color"] .wp-block-a8c-blog-posts + .button {
  1593. background-color: transparent;
  1594. border: var(--button--border-width, 2px) solid currentColor;
  1595. color: currentColor;
  1596. }
  1597. /* Gutter Options */
  1598. .wp-block-jetpack-layout-grid,
  1599. .wp-block-jetpack-layout-grid > .block-editor-inner-blocks > .block-editor-block-list__layout {
  1600. grid-gap: var(--layout-grid--gutter-large);
  1601. }
  1602. .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__none,
  1603. .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__none > .block-editor-inner-blocks > .block-editor-block-list__layout {
  1604. grid-gap: var(--layout-grid--gutter-none);
  1605. }
  1606. .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__small,
  1607. .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__small > .block-editor-inner-blocks > .block-editor-block-list__layout {
  1608. grid-gap: var(--layout-grid--gutter-small);
  1609. }
  1610. .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__medium,
  1611. .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__medium > .block-editor-inner-blocks > .block-editor-block-list__layout {
  1612. grid-gap: var(--layout-grid--gutter-medium);
  1613. }
  1614. .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__large,
  1615. .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__large > .block-editor-inner-blocks > .block-editor-block-list__layout {
  1616. grid-gap: var(--layout-grid--gutter-large);
  1617. }
  1618. .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__huge,
  1619. .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__huge > .block-editor-inner-blocks > .block-editor-block-list__layout {
  1620. grid-gap: var(--layout-grid--gutter-huge);
  1621. }
  1622. /* No Gutters Options */
  1623. .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__none {
  1624. padding-left: var(--layout-grid--gutter-none);
  1625. padding-right: var(--layout-grid--gutter-none);
  1626. }
  1627. .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__none.wp-block-jetpack-layout-gutter__nowrap {
  1628. padding-left: 0;
  1629. padding-right: 0;
  1630. }
  1631. .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__small {
  1632. padding-left: var(--layout-grid--gutter-small);
  1633. padding-right: var(--layout-grid--gutter-small);
  1634. }
  1635. .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__small.wp-block-jetpack-layout-gutter__nowrap {
  1636. padding-left: 0;
  1637. padding-right: 0;
  1638. }
  1639. .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__medium {
  1640. padding-left: var(--layout-grid--gutter-medium);
  1641. padding-right: var(--layout-grid--gutter-medium);
  1642. }
  1643. .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__medium.wp-block-jetpack-layout-gutter__nowrap {
  1644. padding-left: 0;
  1645. padding-right: 0;
  1646. }
  1647. .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__large {
  1648. padding-left: var(--layout-grid--gutter-large);
  1649. padding-right: var(--layout-grid--gutter-large);
  1650. }
  1651. .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__large.wp-block-jetpack-layout-gutter__nowrap {
  1652. padding-left: 0;
  1653. padding-right: 0;
  1654. }
  1655. .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__huge {
  1656. padding-left: var(--layout-grid--gutter-huge);
  1657. padding-right: var(--layout-grid--gutter-huge);
  1658. }
  1659. .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__huge.wp-block-jetpack-layout-gutter__nowrap {
  1660. padding-left: 0;
  1661. padding-right: 0;
  1662. }
  1663. /* Padding Options */
  1664. .wp-block-jetpack-layout-grid {
  1665. padding-left: var(--layout-grid--gutter-large);
  1666. padding-right: var(--layout-grid--gutter-large);
  1667. /* Individual Column Options */
  1668. }
  1669. .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.has-background, .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column[style^="background-color"] {
  1670. margin-left: calc(var(--layout-grid--background-offset) * -1);
  1671. margin-right: calc(var(--layout-grid--background-offset) * -1);
  1672. padding-left: var(--layout-grid--background-offset);
  1673. padding-right: var(--layout-grid--background-offset);
  1674. }
  1675. .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__nowrap {
  1676. padding-left: 0;
  1677. padding-right: 0;
  1678. }
  1679. /* Additional, user-set paddings. */
  1680. .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-none {
  1681. padding: var(--layout-grid--gutter-none);
  1682. }
  1683. .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-none.has-background, .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-none[style^="background-color"] {
  1684. padding-top: var(--layout-grid--gutter-none);
  1685. padding-right: calc(var(--layout-grid--gutter-none) + var(--layout-grid--background-offset));
  1686. padding-bottom: var(--layout-grid--gutter-none);
  1687. padding-left: calc(var(--layout-grid--gutter-none) + var(--layout-grid--background-offset));
  1688. }
  1689. .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-small {
  1690. padding: var(--layout-grid--gutter-small);
  1691. }
  1692. .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-small.has-background, .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-small[style^="background-color"] {
  1693. padding-top: var(--layout-grid--gutter-small);
  1694. padding-right: calc(var(--layout-grid--gutter-small) + var(--layout-grid--background-offset));
  1695. padding-bottom: var(--layout-grid--gutter-small);
  1696. padding-left: calc(var(--layout-grid--gutter-small) + var(--layout-grid--background-offset));
  1697. }
  1698. .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-medium {
  1699. padding: var(--layout-grid--gutter-medium);
  1700. }
  1701. .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-medium.has-background, .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-medium[style^="background-color"] {
  1702. padding-top: var(--layout-grid--gutter-medium);
  1703. padding-right: calc(var(--layout-grid--gutter-medium) + var(--layout-grid--background-offset));
  1704. padding-bottom: var(--layout-grid--gutter-medium);
  1705. padding-left: calc(var(--layout-grid--gutter-medium) + var(--layout-grid--background-offset));
  1706. }
  1707. .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-large {
  1708. padding: var(--layout-grid--gutter-large);
  1709. }
  1710. .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-large.has-background, .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-large[style^="background-color"] {
  1711. padding-top: var(--layout-grid--gutter-large);
  1712. padding-right: calc(var(--layout-grid--gutter-large) + var(--layout-grid--background-offset));
  1713. padding-bottom: var(--layout-grid--gutter-large);
  1714. padding-left: calc(var(--layout-grid--gutter-large) + var(--layout-grid--background-offset));
  1715. }
  1716. .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-huge {
  1717. padding: var(--layout-grid--gutter-huge);
  1718. }
  1719. .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-huge.has-background, .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-huge[style^="background-color"] {
  1720. padding-top: var(--layout-grid--gutter-huge);
  1721. padding-right: calc(var(--layout-grid--gutter-huge) + var(--layout-grid--background-offset));
  1722. padding-bottom: var(--layout-grid--gutter-huge);
  1723. padding-left: calc(var(--layout-grid--gutter-huge) + var(--layout-grid--background-offset));
  1724. }
  1725. /* Overlay styles and margin reset */
  1726. .wp-block-jetpack-layout-grid {
  1727. /* wpcom-overlay-grid is the classname targeting the grid overlay visual aid displayed in the editor */
  1728. /* Override default block margin rules */
  1729. }
  1730. .wp-block-jetpack-layout-grid .wpcom-overlay-grid {
  1731. grid-gap: var(--layout-grid--gutter-large);
  1732. padding-left: var(--layout-grid--gutter-large);
  1733. padding-right: var(--layout-grid--gutter-large);
  1734. }
  1735. .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__nowrap .wpcom-overlay-grid {
  1736. padding-left: 0;
  1737. padding-right: 0;
  1738. }
  1739. .wp-block-jetpack-layout-grid [data-type="jetpack/layout-grid-column"] {
  1740. margin-top: 0;
  1741. margin-bottom: 0;
  1742. }
  1743. .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__none .wpcom-overlay-grid {
  1744. grid-gap: var(--layout-grid--gutter-none);
  1745. }
  1746. .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__none .wpcom-overlay-grid {
  1747. padding-left: var(--layout-grid--gutter-none);
  1748. padding-right: var(--layout-grid--gutter-none);
  1749. }
  1750. .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__none.wp-block-jetpack-layout-gutter__nowrap .wpcom-overlay-grid {
  1751. padding-left: 0;
  1752. padding-right: 0;
  1753. }
  1754. .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__small .wpcom-overlay-grid {
  1755. grid-gap: var(--layout-grid--gutter-small);
  1756. }
  1757. .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__small .wpcom-overlay-grid {
  1758. padding-left: var(--layout-grid--gutter-small);
  1759. padding-right: var(--layout-grid--gutter-small);
  1760. }
  1761. .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__small.wp-block-jetpack-layout-gutter__nowrap .wpcom-overlay-grid {
  1762. padding-left: 0;
  1763. padding-right: 0;
  1764. }
  1765. .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__medium .wpcom-overlay-grid {
  1766. grid-gap: var(--layout-grid--gutter-medium);
  1767. }
  1768. .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__medium .wpcom-overlay-grid {
  1769. padding-left: var(--layout-grid--gutter-medium);
  1770. padding-right: var(--layout-grid--gutter-medium);
  1771. }
  1772. .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__medium.wp-block-jetpack-layout-gutter__nowrap .wpcom-overlay-grid {
  1773. padding-left: 0;
  1774. padding-right: 0;
  1775. }
  1776. .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__large .wpcom-overlay-grid {
  1777. grid-gap: var(--layout-grid--gutter-large);
  1778. }
  1779. .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__large .wpcom-overlay-grid {
  1780. padding-left: var(--layout-grid--gutter-large);
  1781. padding-right: var(--layout-grid--gutter-large);
  1782. }
  1783. .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__large.wp-block-jetpack-layout-gutter__nowrap .wpcom-overlay-grid {
  1784. padding-left: 0;
  1785. padding-right: 0;
  1786. }
  1787. .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__huge .wpcom-overlay-grid {
  1788. grid-gap: var(--layout-grid--gutter-huge);
  1789. }
  1790. .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__huge .wpcom-overlay-grid {
  1791. padding-left: var(--layout-grid--gutter-huge);
  1792. padding-right: var(--layout-grid--gutter-huge);
  1793. }
  1794. .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__huge.wp-block-jetpack-layout-gutter__nowrap .wpcom-overlay-grid {
  1795. padding-left: 0;
  1796. padding-right: 0;
  1797. }
  1798. /*# sourceMappingURL=style-editor.css.map */