style-editor.css 70 KB

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