style-editor.css 71 KB

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