style-editor.css 65 KB

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