style-editor.css 69 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250
  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. color: var(--wp--style--color--link, var(--global--color-primary));
  282. text-decoration: underline 1px var(--global--color-secondary);
  283. text-underline-offset: 0.3em;
  284. transition: text-decoration 0.1s ease-out;
  285. }
  286. a:hover, a:focus {
  287. text-decoration: none;
  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. text-decoration-color: var(--wp--style--color--link, var(--global--color-primary));
  300. }
  301. .has-link-color a:hover, .has-link-color a:focus {
  302. text-decoration: none;
  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. p {
  796. line-height: var(--wp--typography--line-height, --global--line-height-body);
  797. }
  798. p.has-background {
  799. padding: var(--global--spacing-unit);
  800. }
  801. .a8c-posts-list {
  802. padding-left: 0;
  803. }
  804. .wp-block-pullquote {
  805. padding: calc( 2 * var(--global--spacing-unit)) 0;
  806. text-align: left;
  807. border-top-color: var(--pullquote--border-color);
  808. border-top-width: var(--pullquote--border-width);
  809. border-bottom-color: var(--pullquote--border-color);
  810. border-bottom-width: var(--pullquote--border-width);
  811. color: var(--pullquote--color-foreground);
  812. }
  813. .wp-block-pullquote p {
  814. font-family: var(--pullquote--font-family);
  815. font-size: var(--pullquote--font-size);
  816. font-style: var(--pullquote--font-style);
  817. letter-spacing: var(--pullquote--letter-spacing);
  818. line-height: var(--pullquote--line-height);
  819. margin: 0;
  820. }
  821. .wp-block-pullquote a {
  822. color: currentColor;
  823. }
  824. .wp-block-pullquote .wp-block-pullquote__citation,
  825. .wp-block-pullquote cite,
  826. .wp-block-pullquote footer {
  827. color: var(--global--color-foreground-low-contrast);
  828. font-size: var(--global--font-size-xs);
  829. }
  830. .wp-block-pullquote:not(.is-style-solid-color) {
  831. background: none;
  832. }
  833. .wp-block-pullquote.is-style-solid-color {
  834. background-color: var(--pullquote--color-foreground);
  835. color: var(--pullquote--color-background);
  836. padding: calc( 2 * var(--global--spacing-unit));
  837. }
  838. .wp-block-pullquote.is-style-solid-color.alignleft blockquote,
  839. .wp-block-pullquote.is-style-solid-color.alignright blockquote {
  840. padding-left: var(--global--spacing-unit);
  841. padding-right: var(--global--spacing-unit);
  842. max-width: inherit;
  843. }
  844. .wp-block-pullquote.is-style-solid-color blockquote {
  845. margin: 0;
  846. text-align: left;
  847. max-width: 100%;
  848. }
  849. .wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation,
  850. .wp-block-pullquote.is-style-solid-color cite,
  851. .wp-block-pullquote.is-style-solid-color footer {
  852. color: currentColor;
  853. }
  854. .wp-block[data-align="full"] .wp-block-pullquote:not(.is-style-solid-color) blockquote {
  855. padding: 0 calc( 2 * var(--global--spacing-unit));
  856. }
  857. .wp-block-quote {
  858. border-left-color: var(--quote--border-color);
  859. border-left-width: var(--quote--border-width);
  860. padding-left: var(--global--spacing-horizontal);
  861. }
  862. .wp-block-quote p {
  863. font-family: var(--quote--font-family);
  864. font-size: var(--quote--font-size);
  865. font-style: var(--quote--font-style);
  866. line-height: var(--quote--line-height);
  867. }
  868. .wp-block-quote.is-large, .wp-block-quote.is-style-large {
  869. border-left: var(--quote--border-width) solid var(--quote--border-color);
  870. padding-left: var(--global--spacing-horizontal);
  871. /* Resetting margins to match _block-container.scss */
  872. margin-top: var(--global--spacing-vertical);
  873. margin-bottom: var(--global--spacing-vertical);
  874. }
  875. .wp-block-quote.is-large p, .wp-block-quote.is-style-large p {
  876. font-size: var(--quote--font-size-large);
  877. font-style: var(--quote--font-style-large);
  878. line-height: var(--quote--line-height-large);
  879. }
  880. .wp-block-quote.is-large.has-text-align-right, .wp-block-quote.is-style-large.has-text-align-right {
  881. border-left: none;
  882. border-right: var(--quote--border-width) solid var(--quote--border-color);
  883. }
  884. .wp-block-quote.has-text-align-right {
  885. border-right: var(--quote--border-width) solid var(--quote--border-color);
  886. }
  887. .wp-block-quote.has-text-align-center {
  888. border: none;
  889. }
  890. .has-background:not(.has-background-background-color) .wp-block-quote,
  891. [class*="background-color"]:not(.has-background-background-color) .wp-block-quote,
  892. [style*="background-color"]:not(.has-background-background-color) .wp-block-quote,
  893. .wp-block-cover[style*="background-image"] .wp-block-quote {
  894. border-color: currentColor;
  895. }
  896. .wp-block-quote .wp-block-quote__citation {
  897. color: var(--global--color-foreground-low-contrast);
  898. font-size: var(--global--font-size-xs);
  899. }
  900. .has-background:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
  901. [class*="background-color"]:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
  902. [style*="background-color"]:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
  903. .wp-block-cover[style*="background-image"] .wp-block-quote .wp-block-quote__citation {
  904. color: currentColor;
  905. }
  906. .wp-block-search {
  907. flex-wrap: wrap;
  908. }
  909. .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
  910. background: transparent;
  911. border: var(--form--border-width) solid var(--form--border-color);
  912. border-radius: var(--form--border-radius);
  913. }
  914. .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
  915. padding: var(--form--spacing-unit);
  916. }
  917. .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
  918. padding: var(--button--padding-vertical) var(--button--padding-horizontal);
  919. }
  920. .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon {
  921. padding: 0;
  922. }
  923. .wp-block-search .wp-block-search__label {
  924. font-weight: normal;
  925. }
  926. .wp-block-search .wp-block-search__input {
  927. font-family: var(--form--font-family);
  928. font-size: var(--form--font-size);
  929. line-height: var(--form--line-height);
  930. border: var(--form--border-width) solid var(--form--border-color);
  931. border-radius: var(--form--border-radius);
  932. color: var(--form--color-text);
  933. line-height: var(--global--line-height-body);
  934. max-width: inherit;
  935. margin-right: calc( .66 * var(--global--spacing-horizontal));
  936. padding: var(--form--spacing-unit);
  937. background: transparent;
  938. }
  939. .wp-block-search .wp-block-search__input:focus {
  940. color: var(--form--color-text);
  941. border-color: var(--form--border-color);
  942. }
  943. .wp-block-search .wp-block-search__button {
  944. line-height: var(--button--line-height);
  945. color: var(--button--color-text);
  946. cursor: pointer;
  947. font-weight: var(--button--font-weight);
  948. font-family: var(--button--font-family);
  949. font-size: var(--button--font-size);
  950. background-color: var(--button--color-background);
  951. border-radius: var(--button--border-radius);
  952. border-width: 0;
  953. text-decoration: none;
  954. padding: var(--button--padding-vertical) var(--button--padding-horizontal);
  955. border: none;
  956. box-shadow: none;
  957. }
  958. .wp-block-search .wp-block-search__button:before, .wp-block-search .wp-block-search__button:after {
  959. content: '';
  960. display: block;
  961. height: 0;
  962. width: 0;
  963. }
  964. .wp-block-search .wp-block-search__button:before {
  965. margin-bottom: -calc(.5em * var(--button--line-height) + -.38);
  966. }
  967. .wp-block-search .wp-block-search__button:after {
  968. margin-top: -calc(.5em * var(--button--line-height) + -.39);
  969. }
  970. .wp-block-search .wp-block-search__button:not(.has-background):active {
  971. color: var(--button--color-text-active);
  972. background-color: var(--button--color-background-active);
  973. }
  974. .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 {
  975. color: var(--button--color-text-hover);
  976. background-color: var(--button--color-background-hover);
  977. }
  978. .wp-block-search .wp-block-search__button.has-icon {
  979. transform: scaleX(-1);
  980. padding: 0;
  981. min-width: calc(2* var(--button--padding-vertical) + 16px);
  982. min-height: calc(2* var(--button--padding-vertical) + 16px);
  983. }
  984. .wp-block-search .wp-block-search__button.has-icon svg {
  985. fill: currentColor;
  986. width: 29px;
  987. height: 29px;
  988. }
  989. .wp-block-separator,
  990. hr {
  991. border-bottom: var(--separator--height) solid var(--separator--border-color);
  992. clear: both;
  993. }
  994. .wp-block-separator[style*="text-align:right"], .wp-block-separator[style*="text-align: right"],
  995. hr[style*="text-align:right"],
  996. hr[style*="text-align: right"] {
  997. border-right-color: var(--separator--border-color);
  998. }
  999. .wp-block-separator.is-style-wide,
  1000. hr.is-style-wide {
  1001. border-bottom-width: var(--separator--height);
  1002. }
  1003. .wp-block-separator.is-style-dots,
  1004. hr.is-style-dots {
  1005. border-bottom: none;
  1006. }
  1007. .wp-block-separator.is-style-dots.has-background, .wp-block-separator.is-style-dots.has-text-color,
  1008. hr.is-style-dots.has-background,
  1009. hr.is-style-dots.has-text-color {
  1010. background-color: transparent !important;
  1011. }
  1012. .wp-block-separator.is-style-dots.has-background:before, .wp-block-separator.is-style-dots.has-text-color:before,
  1013. hr.is-style-dots.has-background:before,
  1014. hr.is-style-dots.has-text-color:before {
  1015. color: currentColor !important;
  1016. }
  1017. .wp-block-separator.is-style-dots:before,
  1018. hr.is-style-dots:before {
  1019. color: var(--separator--border-color);
  1020. }
  1021. .has-background:not(.has-background-background-color) .wp-block-separator,
  1022. [class*="background-color"]:not(.has-background-background-color) .wp-block-separator,
  1023. [style*="background-color"]:not(.has-background-background-color) .wp-block-separator,
  1024. .wp-block-cover[style*="background-image"] .wp-block-separator, .has-background:not(.has-background-background-color)
  1025. hr,
  1026. [class*="background-color"]:not(.has-background-background-color)
  1027. hr,
  1028. [style*="background-color"]:not(.has-background-background-color)
  1029. hr,
  1030. .wp-block-cover[style*="background-image"]
  1031. hr {
  1032. border-color: currentColor;
  1033. }
  1034. table th,
  1035. .wp-block-table th {
  1036. font-family: var(--heading--font-family);
  1037. }
  1038. table td,
  1039. table th,
  1040. .wp-block-table td,
  1041. .wp-block-table th {
  1042. padding: calc( 0.5 * var(--global--spacing-unit));
  1043. }
  1044. pre.wp-block-verse {
  1045. color: var(--global--color-foreground);
  1046. font-family: var(--entry-content--font-family);
  1047. padding: 0;
  1048. }
  1049. .wp-block.block-editor-default-block-appender > textarea {
  1050. font-family: var(--global--font-secondary);
  1051. font-size: var(--global--font-size-md);
  1052. }
  1053. .has-primary-color[class] {
  1054. color: var(--global--color-primary);
  1055. }
  1056. .has-secondary-color[class] {
  1057. color: var(--global--color-secondary);
  1058. }
  1059. .has-foreground-color[class] {
  1060. color: var(--global--color-foreground);
  1061. }
  1062. .has-foreground-low-contrast-color[class] {
  1063. color: var(--global--color-foreground-low-contrast);
  1064. }
  1065. .has-foreground-high-contrast-color[class] {
  1066. color: var(--global--color-foreground-high-contrast);
  1067. }
  1068. .has-tertiary-color[class] {
  1069. color: var(--global--color-tertiary);
  1070. }
  1071. .has-background-dark-color[class] {
  1072. color: var(--global--color-background-dark);
  1073. }
  1074. .has-background-color[class] {
  1075. color: var(--global--color-background);
  1076. }
  1077. .has-primary-background-color[class] {
  1078. background-color: var(--global--color-primary);
  1079. color: var(--global--color-background);
  1080. }
  1081. .has-primary-background-color[class] {
  1082. background-color: var(--global--color-primary);
  1083. color: var(--global--color-background);
  1084. }
  1085. .has-secondary-background-color[class] {
  1086. background-color: var(--global--color-secondary);
  1087. color: var(--global--color-background);
  1088. }
  1089. .has-foreground-background-color[class] {
  1090. background-color: var(--global--color-foreground);
  1091. color: var(--global--color-background);
  1092. }
  1093. .has-foreground-light-background-color[class] {
  1094. background-color: var(--global--color-foreground-low-contrast);
  1095. color: var(--global--color-background);
  1096. }
  1097. .has-foreground-high-contrast-background-color[class] {
  1098. background-color: var(--global--color-foreground-high-contrast);
  1099. color: var(--global--color-background);
  1100. }
  1101. .has-tertiary-background-color[class] {
  1102. background-color: var(--global--color-tertiary);
  1103. color: var(--global--color-foreground);
  1104. }
  1105. .has-background-dark-background-color[class] {
  1106. background-color: var(--global--color-background-dark);
  1107. color: var(--global--color-foreground);
  1108. }
  1109. .has-background-background-color[class] {
  1110. background-color: var(--global--color-background);
  1111. color: var(--global--color-foreground);
  1112. }
  1113. .has-white-background-color[class] {
  1114. background-color: var(--global--color-white);
  1115. color: var(--global--color-secondary);
  1116. }
  1117. .has-black-background-color[class] {
  1118. background-color: var(--global--color-black);
  1119. color: var(--global--color-primary);
  1120. }
  1121. .is-tiny-text,
  1122. .has-tiny-font-size {
  1123. font-size: var(--global--font-size-xs);
  1124. }
  1125. .is-small-text,
  1126. .has-small-font-size {
  1127. font-size: var(--global--font-size-sm);
  1128. }
  1129. .is-regular-text,
  1130. .has-regular-font-size,
  1131. .has-normal-font-size,
  1132. .has-medium-font-size {
  1133. font-size: var(--global--font-size-md);
  1134. }
  1135. .is-large-text,
  1136. .has-large-font-size {
  1137. font-size: var(--global--font-size-lg);
  1138. line-height: var(--global--line-height-heading);
  1139. }
  1140. .is-larger-text,
  1141. .has-larger-font-size,
  1142. .has-huge-font-size {
  1143. font-size: var(--global--font-size-xl);
  1144. line-height: var(--global--line-height-heading);
  1145. }
  1146. .has-drop-cap:not(:focus)::first-letter {
  1147. font-family: var(--heading--font-family);
  1148. font-size: calc(2 * var(--heading--font-size-h1));
  1149. font-weight: var(--heading--font-weight);
  1150. }
  1151. /**
  1152. * Spacing Overrides
  1153. */
  1154. /*
  1155. * Margins
  1156. */
  1157. .margin-top-none {
  1158. margin-top: 0 !important;
  1159. }
  1160. .margin-top-half {
  1161. margin-top: calc(0.5 * var(--global--spacing-vertical)) !important;
  1162. }
  1163. .margin-top-default {
  1164. margin-top: var(--global--spacing-vertical) !important;
  1165. }
  1166. .margin-right-none {
  1167. /*rtl:ignore*/
  1168. margin-right: 0 !important;
  1169. }
  1170. .margin-right-half {
  1171. /*rtl:ignore*/
  1172. margin-right: calc(0.5 * var(--global--spacing-vertical)) !important;
  1173. }
  1174. .margin-right-default {
  1175. /*rtl:ignore*/
  1176. margin-right: var(--global--spacing-vertical) !important;
  1177. }
  1178. .margin-bottom-none {
  1179. margin-bottom: 0 !important;
  1180. }
  1181. .margin-bottom-half {
  1182. margin-bottom: calc(0.5 * var(--global--spacing-vertical)) !important;
  1183. }
  1184. .margin-bottom-default {
  1185. margin-bottom: var(--global--spacing-vertical) !important;
  1186. }
  1187. .margin-left-none {
  1188. /*rtl:ignore*/
  1189. margin-left: 0 !important;
  1190. }
  1191. .margin-left-half {
  1192. /*rtl:ignore*/
  1193. margin-left: calc(0.5 * var(--global--spacing-vertical)) !important;
  1194. }
  1195. .margin-left-default {
  1196. /*rtl:ignore*/
  1197. margin-left: var(--global--spacing-vertical) !important;
  1198. }
  1199. /*
  1200. * Padding
  1201. */
  1202. .padding-top-none {
  1203. padding-top: 0 !important;
  1204. }
  1205. .padding-top-half {
  1206. padding-top: calc(0.5 * var(--global--spacing-vertical)) !important;
  1207. }
  1208. .padding-top-default {
  1209. padding-top: var(--global--spacing-vertical) !important;
  1210. }
  1211. .padding-right-none {
  1212. /*rtl:ignore*/
  1213. padding-right: 0 !important;
  1214. }
  1215. .padding-right-half {
  1216. /*rtl:ignore*/
  1217. padding-right: calc(0.5 * var(--global--spacing-vertical)) !important;
  1218. }
  1219. .padding-right-default {
  1220. /*rtl:ignore*/
  1221. padding-right: var(--global--spacing-vertical) !important;
  1222. }
  1223. .padding-bottom-none {
  1224. padding-bottom: 0 !important;
  1225. }
  1226. .padding-bottom-half {
  1227. padding-bottom: calc(0.5 * var(--global--spacing-vertical)) !important;
  1228. }
  1229. .padding-bottom-default {
  1230. padding-bottom: var(--global--spacing-vertical) !important;
  1231. }
  1232. .padding-left-none {
  1233. /*rtl:ignore*/
  1234. padding-left: 0 !important;
  1235. }
  1236. .padding-left-half {
  1237. /*rtl:ignore*/
  1238. padding-left: calc(0.5 * var(--global--spacing-vertical)) !important;
  1239. }
  1240. .padding-left-default {
  1241. /*rtl:ignore*/
  1242. padding-left: var(--global--spacing-vertical) !important;
  1243. }
  1244. [data-block] {
  1245. margin-top: var(--global--spacing-vertical);
  1246. margin-bottom: var(--global--spacing-vertical);
  1247. }
  1248. /*
  1249. * Custom gradients
  1250. */
  1251. .has-hard-diagonal-gradient-background {
  1252. background: linear-gradient(to bottom right, var(--global--color-secondary) 49.9%, var(--global--color-tertiary) 50%);
  1253. }
  1254. .has-hard-diagonal-inverted-gradient-background {
  1255. background: linear-gradient(to top left, var(--global--color-secondary) 49.9%, var(--global--color-tertiary) 50%);
  1256. }
  1257. .has-diagonal-gradient-background {
  1258. background: linear-gradient(to bottom right, var(--global--color-secondary), var(--global--color-tertiary));
  1259. }
  1260. .has-diagonal-inverted-gradient-background {
  1261. background: linear-gradient(to top left, var(--global--color-secondary), var(--global--color-tertiary));
  1262. }
  1263. .has-hard-horizontal-gradient-background {
  1264. background: linear-gradient(to bottom, var(--global--color-secondary) 50%, var(--global--color-tertiary) 50%);
  1265. }
  1266. .has-hard-horizontal-inverted-gradient-background {
  1267. background: linear-gradient(to top, var(--global--color-secondary) 50%, var(--global--color-tertiary) 50%);
  1268. }
  1269. .has-horizontal-gradient-background {
  1270. background: linear-gradient(to bottom, var(--global--color-secondary), var(--global--color-tertiary));
  1271. }
  1272. .has-horizontal-inverted-gradient-background {
  1273. background: linear-gradient(to top, var(--global--color-secondary), var(--global--color-tertiary));
  1274. }
  1275. .has-stripe-gradient-background {
  1276. background: linear-gradient(to bottom, transparent 20%, var(--global--color-secondary) 20%, var(--global--color-secondary) 80%, transparent 80%);
  1277. }
  1278. /* Block Alignments */
  1279. .wp-block {
  1280. max-width: var(--responsive--aligndefault-width);
  1281. }
  1282. .wp-block[data-align="wide"], .wp-block.alignwide {
  1283. max-width: var(--responsive--alignwide-width);
  1284. }
  1285. .wp-block[data-align="full"], .wp-block.alignfull {
  1286. max-width: none;
  1287. }
  1288. .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] {
  1289. margin-top: 0;
  1290. margin-bottom: 0;
  1291. }
  1292. .alignleft {
  1293. margin: 0;
  1294. margin-right: var(--global--spacing-horizontal);
  1295. }
  1296. .alignright {
  1297. margin: 0;
  1298. margin-left: var(--global--spacing-horizontal);
  1299. }
  1300. /*
  1301. * Components
  1302. * - Similar to Blocks but exist outside of the "current" editor context
  1303. */
  1304. /**
  1305. * Content
  1306. */
  1307. .entry-title,
  1308. .editor-post-title__block .editor-post-title__input {
  1309. color: var(--entry-header--color);
  1310. font-family: var(--heading--font-family);
  1311. font-size: var(--entry-header--font-size);
  1312. font-weight: var(--heading--font-weight);
  1313. letter-spacing: var(--heading--letter-spacing-h2);
  1314. line-height: var(--heading--line-height);
  1315. overflow-wrap: break-word;
  1316. }
  1317. .entry-title a,
  1318. .editor-post-title__block .editor-post-title__input a {
  1319. color: var(--entry-header--color-link);
  1320. }
  1321. .entry-title a:hover,
  1322. .editor-post-title__block .editor-post-title__input a:hover {
  1323. color: var(--entry-header--color-hover);
  1324. }
  1325. .entry-title a:focus,
  1326. .editor-post-title__block .editor-post-title__input a:focus {
  1327. color: var(--entry-header--color-focus);
  1328. }
  1329. .entry-title a:active,
  1330. .editor-post-title__block .editor-post-title__input a:active {
  1331. color: var(--entry-header--color-link);
  1332. }
  1333. /**
  1334. * Entry Content
  1335. */
  1336. .entry-content,
  1337. .entry-summary {
  1338. font-family: var(--entry-content--font-family);
  1339. }
  1340. .entry-content p {
  1341. word-wrap: break-word;
  1342. }
  1343. .entry-content .more-link {
  1344. display: table;
  1345. margin-top: var(--global--spacing-unit);
  1346. }
  1347. @media only screen and (min-width: 482px) {
  1348. .entry-content .more-link {
  1349. margin-top: var(--global--spacing-vertical);
  1350. }
  1351. }
  1352. .entry-content .more-link:after {
  1353. content: "→" /*rtl:"←"*/;
  1354. display: inline-block;
  1355. margin-left: 0.5em;
  1356. }
  1357. .entry-content .more-link:hover {
  1358. text-decoration: none;
  1359. }
  1360. .entry-content > iframe[style] {
  1361. margin: var(--global--spacing-vertical) 0 !important;
  1362. max-width: 100% !important;
  1363. }
  1364. @media only screen and (min-width: 482px) {
  1365. .entry-content > iframe[style] {
  1366. max-width: var(--global--spacing-vertical) !important;
  1367. }
  1368. }
  1369. .home.page.hide-homepage-header.hide-homepage-title .entry-content {
  1370. margin-top: 0;
  1371. padding-top: 0;
  1372. }
  1373. .home.page.hide-homepage-header.hide-homepage-title .entry-content > .wp-block-image.alignfull:first-child,
  1374. .home.page.hide-homepage-header.hide-homepage-title .entry-content > .wp-block-cover.alignfull:first-child,
  1375. .home.page.hide-homepage-header.hide-homepage-title .entry-content > .wp-block-media-text.alignfull:first-child,
  1376. .home.page.hide-homepage-header.hide-homepage-title .entry-content > .wp-block-group.has-background.alignfull:first-child {
  1377. margin-top: calc(-1 * var(--global--spacing-vertical));
  1378. }
  1379. .entry-attachment {
  1380. text-align: center;
  1381. }
  1382. .entry-meta,
  1383. .entry-footer {
  1384. color: var(--entry-meta--color);
  1385. clear: both;
  1386. float: none;
  1387. font-size: var(--entry-meta--font-size);
  1388. display: block;
  1389. }
  1390. .entry-meta > span,
  1391. .entry-footer > span {
  1392. display: inline-block;
  1393. margin-right: var(--global--spacing-unit);
  1394. }
  1395. .entry-meta > span > *,
  1396. .entry-meta > span span .fn,
  1397. .entry-footer > span > *,
  1398. .entry-footer > span span .fn {
  1399. display: inline-block;
  1400. vertical-align: middle;
  1401. }
  1402. .entry-meta > span:last-child,
  1403. .entry-footer > span:last-child {
  1404. margin-right: 0;
  1405. }
  1406. .entry-meta > span .published + .updated,
  1407. .entry-footer > span .published + .updated {
  1408. display: none;
  1409. }
  1410. .entry-meta a,
  1411. .entry-footer a {
  1412. border-color: transparent;
  1413. color: var(--entry-meta--color-link);
  1414. }
  1415. .entry-meta a:hover, .entry-meta a:focus,
  1416. .entry-footer a:hover,
  1417. .entry-footer a:focus {
  1418. color: var(--entry-meta--color-hover);
  1419. }
  1420. .entry-meta a:hover,
  1421. .entry-footer a:hover {
  1422. border-color: var(--global--color-secondary);
  1423. }
  1424. .entry-meta a:focus,
  1425. .entry-footer a:focus {
  1426. color: var(--global--color-secondary);
  1427. }
  1428. .entry-meta a:active,
  1429. .entry-footer a:active {
  1430. color: var(--entry-meta--color-link);
  1431. }
  1432. .entry-meta .svg-icon,
  1433. .entry-footer .svg-icon {
  1434. fill: currentColor;
  1435. position: relative;
  1436. display: inline-block;
  1437. vertical-align: middle;
  1438. margin-right: calc(0.25 * var(--global--spacing-unit));
  1439. }
  1440. .site-main > article > .entry-footer {
  1441. margin-top: calc( var(--global--spacing-vertical) * 3);
  1442. padding-top: var(--global--spacing-unit);
  1443. border-top: var(--separator--height) solid var(--separator--border-color);
  1444. }
  1445. .home.page.hide-homepage-footer .site-main > article > .entry-footer {
  1446. border-width: 0;
  1447. }
  1448. /**
  1449. * Post Thumbnails
  1450. */
  1451. .post-thumbnail {
  1452. text-align: center;
  1453. }
  1454. .post-thumbnail .post-thumbnail-inner {
  1455. display: block;
  1456. }
  1457. /**
  1458. * Author
  1459. */
  1460. /* Author description */
  1461. .entry-author {
  1462. font-size: var(--global--font-size-xs);
  1463. max-width: var(--responsive--aligndefault-width);
  1464. }
  1465. .entry-author .author-avatar {
  1466. display: none;
  1467. }
  1468. .site-main > article > .entry-author {
  1469. margin-top: calc(2 * var(--global--spacing-vertical));
  1470. }
  1471. .entry-author .author-title {
  1472. font-family: var(--global--font-ui);
  1473. font-size: var(--global--font-size-xs);
  1474. }
  1475. .entry-author .author-title .author-name {
  1476. display: block;
  1477. margin-top: 4px;
  1478. font-family: var(--entry-author-bio--font-family);
  1479. font-size: var(--entry-author-bio--font-size);
  1480. }
  1481. .entry-author .author-bio {
  1482. font-size: var(--global--font-size-md);
  1483. }
  1484. .entry-author .author-link::before {
  1485. content: '';
  1486. display: block;
  1487. }
  1488. /**
  1489. * Jetpack editor styles
  1490. */
  1491. /**
  1492. * Jetpack Block editor styles
  1493. */
  1494. .wp-block-a8c-blog-posts.image-aligntop .post-thumbnail {
  1495. margin-bottom: calc(0.5 * var(--global--spacing-vertical));
  1496. }
  1497. .wp-block-a8c-blog-posts.image-alignleft .post-thumbnail {
  1498. margin-right: var(--global--spacing-vertical);
  1499. }
  1500. .wp-block-a8c-blog-posts.image-alignright .post-thumbnail {
  1501. margin-left: var(--global--spacing-vertical);
  1502. }
  1503. .wp-block-a8c-blog-posts.image-alignbehind .post-has-image .entry-wrapper {
  1504. padding: var(--global--spacing-vertical);
  1505. }
  1506. .wp-block-a8c-blog-posts.image-alignbehind .post-has-image .cat-links {
  1507. color: var(--global--color-white);
  1508. }
  1509. .wp-block-a8c-blog-posts.image-alignbehind .post-has-image a:hover {
  1510. color: currentColor;
  1511. }
  1512. .wp-block-a8c-blog-posts .article-section-title {
  1513. font-size: var(--heading--font-size-h4);
  1514. letter-spacing: var(--heading--letter-spacing-h4);
  1515. line-height: var(--heading--line-height-h4);
  1516. margin-top: 0;
  1517. margin-bottom: calc(0.5 * var(--global--spacing-vertical));
  1518. }
  1519. .wp-block-a8c-blog-posts article {
  1520. margin-bottom: calc(3 * var(--global--spacing-vertical));
  1521. }
  1522. .wp-block-a8c-blog-posts .post-thumbnail img {
  1523. vertical-align: middle;
  1524. width: auto;
  1525. }
  1526. .wp-block-a8c-blog-posts .entry-wrapper > * {
  1527. /* Vertical margins logic between post details */
  1528. margin-top: var(--global--spacing-unit);
  1529. margin-bottom: var(--global--spacing-unit);
  1530. }
  1531. .wp-block-a8c-blog-posts .entry-wrapper > *:first-child {
  1532. margin-top: 0;
  1533. }
  1534. .wp-block-a8c-blog-posts .entry-wrapper > *:last-child {
  1535. margin-bottom: 0;
  1536. }
  1537. .wp-block-a8c-blog-posts .entry-title a {
  1538. color: var(--global--color-primary);
  1539. }
  1540. .has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-title a,
  1541. [class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-title a,
  1542. [style*="background-color"] .wp-block-a8c-blog-posts .entry-title a {
  1543. color: currentColor;
  1544. }
  1545. .wp-block-a8c-blog-posts .entry-title a:hover {
  1546. color: var(--global--color-primary-hover);
  1547. }
  1548. .has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-title a,
  1549. [class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-title a,
  1550. [style*="background-color"] .wp-block-a8c-blog-posts .entry-title a {
  1551. color: currentColor;
  1552. }
  1553. .wp-block-a8c-blog-posts .more-link {
  1554. display: block;
  1555. margin-top: var(--global--spacing-unit);
  1556. }
  1557. .wp-block-a8c-blog-posts .more-link:after {
  1558. content: "→" /*rtl:"←"*/;
  1559. display: inline-block;
  1560. margin-left: 0.5em;
  1561. }
  1562. .wp-block-a8c-blog-posts .more-link:hover, .wp-block-a8c-blog-posts .more-link:active {
  1563. color: var(--global--color-primary-hover);
  1564. text-decoration: none;
  1565. }
  1566. .has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts .more-link:hover,
  1567. [class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts .more-link:hover,
  1568. [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,
  1569. [class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts .more-link:active,
  1570. [style*="background-color"] .wp-block-a8c-blog-posts .more-link:active {
  1571. color: currentColor;
  1572. }
  1573. .wp-block-a8c-blog-posts .entry-meta,
  1574. .wp-block-a8c-blog-posts .cat-links {
  1575. color: var(--global--color-foreground-low-contrast);
  1576. font-size: var(--global--font-size-sm);
  1577. }
  1578. .has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-meta,
  1579. [class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-meta,
  1580. [style*="background-color"] .wp-block-a8c-blog-posts .entry-meta, .has-background:not(.has-background-background-color)
  1581. .wp-block-a8c-blog-posts .cat-links,
  1582. [class*="background-color"]:not(.has-background-background-color)
  1583. .wp-block-a8c-blog-posts .cat-links,
  1584. [style*="background-color"]
  1585. .wp-block-a8c-blog-posts .cat-links {
  1586. color: currentColor;
  1587. }
  1588. .wp-block-a8c-blog-posts .entry-meta .byline:not(:last-child),
  1589. .wp-block-a8c-blog-posts .cat-links .byline:not(:last-child) {
  1590. margin-right: var(--global--spacing-unit);
  1591. }
  1592. .wp-block-a8c-blog-posts .entry-meta .published + .updated,
  1593. .wp-block-a8c-blog-posts .cat-links .published + .updated {
  1594. display: none;
  1595. }
  1596. .wp-block-a8c-blog-posts .entry-meta a,
  1597. .wp-block-a8c-blog-posts .cat-links a {
  1598. color: currentColor;
  1599. }
  1600. .wp-block-a8c-blog-posts .entry-meta a:hover, .wp-block-a8c-blog-posts .entry-meta a:active,
  1601. .wp-block-a8c-blog-posts .cat-links a:hover,
  1602. .wp-block-a8c-blog-posts .cat-links a:active {
  1603. color: var(--global--color-primary-hover);
  1604. text-decoration: none;
  1605. }
  1606. .has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-meta a:hover,
  1607. [class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-meta a:hover,
  1608. [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,
  1609. [class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-meta a:active,
  1610. [style*="background-color"] .wp-block-a8c-blog-posts .entry-meta a:active, .has-background:not(.has-background-background-color)
  1611. .wp-block-a8c-blog-posts .cat-links a:hover,
  1612. [class*="background-color"]:not(.has-background-background-color)
  1613. .wp-block-a8c-blog-posts .cat-links a:hover,
  1614. [style*="background-color"]
  1615. .wp-block-a8c-blog-posts .cat-links a:hover, .has-background:not(.has-background-background-color)
  1616. .wp-block-a8c-blog-posts .cat-links a:active,
  1617. [class*="background-color"]:not(.has-background-background-color)
  1618. .wp-block-a8c-blog-posts .cat-links a:active,
  1619. [style*="background-color"]
  1620. .wp-block-a8c-blog-posts .cat-links a:active {
  1621. color: currentColor;
  1622. }
  1623. @media only screen and (min-width: 592px) {
  1624. .wp-block-a8c-blog-posts.is-style-seedlet-alternating-grid {
  1625. overflow: hidden;
  1626. }
  1627. .wp-block-a8c-blog-posts.is-style-seedlet-alternating-grid .article-section-title {
  1628. margin-left: calc(50% + (0.5 * var(--global--spacing-horizontal)));
  1629. }
  1630. .wp-block-a8c-blog-posts.is-style-seedlet-alternating-grid article {
  1631. width: calc(50% - (0.5 * var(--global--spacing-horizontal)));
  1632. max-width: calc(50% - (0.5 * var(--global--spacing-horizontal)));
  1633. margin-top: 0;
  1634. margin-bottom: var(--global--spacing-vertical);
  1635. text-align: right;
  1636. clear: both;
  1637. }
  1638. .wp-block-a8c-blog-posts.is-style-seedlet-alternating-grid article .entry-meta {
  1639. justify-content: flex-end;
  1640. }
  1641. .wp-block-a8c-blog-posts.is-style-seedlet-alternating-grid article:nth-of-type(2n + 1) {
  1642. float: right;
  1643. text-align: left;
  1644. }
  1645. .wp-block-a8c-blog-posts.is-style-seedlet-alternating-grid article:nth-of-type(2n + 1) .entry-meta {
  1646. justify-content: flex-start;
  1647. }
  1648. .wp-block-a8c-blog-posts.is-style-seedlet-alternating-grid article .more-link {
  1649. display: inline-block;
  1650. }
  1651. .wp-block-a8c-blog-posts.is-style-seedlet-alternating-grid.wpnbha.is-grid > div {
  1652. display: inherit;
  1653. }
  1654. .wp-block-a8c-blog-posts.is-style-seedlet-alternating-grid + .wpnbha__wp-block-button__wrapper {
  1655. text-align: center;
  1656. }
  1657. }
  1658. .wp-block-a8c-blog-posts + .button {
  1659. line-height: var(--button--line-height);
  1660. color: var(--button--color-text);
  1661. cursor: pointer;
  1662. font-weight: var(--button--font-weight);
  1663. font-family: var(--button--font-family);
  1664. font-size: var(--button--font-size);
  1665. background-color: var(--button--color-background);
  1666. border-radius: var(--button--border-radius);
  1667. border-width: 0;
  1668. text-decoration: none;
  1669. padding: var(--button--padding-vertical) var(--button--padding-horizontal);
  1670. }
  1671. .wp-block-a8c-blog-posts + .button:before, .wp-block-a8c-blog-posts + .button:after {
  1672. content: '';
  1673. display: block;
  1674. height: 0;
  1675. width: 0;
  1676. }
  1677. .wp-block-a8c-blog-posts + .button:before {
  1678. margin-bottom: -calc(.5em * var(--button--line-height) + -.38);
  1679. }
  1680. .wp-block-a8c-blog-posts + .button:after {
  1681. margin-top: -calc(.5em * var(--button--line-height) + -.39);
  1682. }
  1683. .wp-block-a8c-blog-posts + .button:not(.has-background):active {
  1684. color: var(--button--color-text-active);
  1685. background-color: var(--button--color-background-active);
  1686. }
  1687. .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 {
  1688. color: var(--button--color-text-hover);
  1689. background-color: var(--button--color-background-hover);
  1690. }
  1691. .wp-block-a8c-blog-posts + .button {
  1692. display: inline-block;
  1693. font-size: var(--global--font-size-md);
  1694. }
  1695. .wp-block-a8c-blog-posts + .button:hover {
  1696. cursor: default;
  1697. }
  1698. .has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts + .button,
  1699. [class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts + .button,
  1700. [style*="background-color"] .wp-block-a8c-blog-posts + .button {
  1701. background-color: transparent;
  1702. border: var(--button--border-width, 2px) solid currentColor;
  1703. color: currentColor;
  1704. }
  1705. /* Gutter Options */
  1706. .wp-block-jetpack-layout-grid,
  1707. .wp-block-jetpack-layout-grid > .block-editor-inner-blocks > .block-editor-block-list__layout {
  1708. grid-gap: var(--layout-grid--gutter-large);
  1709. }
  1710. .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__none,
  1711. .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__none > .block-editor-inner-blocks > .block-editor-block-list__layout {
  1712. grid-gap: var(--layout-grid--gutter-none);
  1713. }
  1714. .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__small,
  1715. .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__small > .block-editor-inner-blocks > .block-editor-block-list__layout {
  1716. grid-gap: var(--layout-grid--gutter-small);
  1717. }
  1718. .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__medium,
  1719. .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__medium > .block-editor-inner-blocks > .block-editor-block-list__layout {
  1720. grid-gap: var(--layout-grid--gutter-medium);
  1721. }
  1722. .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__large,
  1723. .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__large > .block-editor-inner-blocks > .block-editor-block-list__layout {
  1724. grid-gap: var(--layout-grid--gutter-large);
  1725. }
  1726. .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__huge,
  1727. .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__huge > .block-editor-inner-blocks > .block-editor-block-list__layout {
  1728. grid-gap: var(--layout-grid--gutter-huge);
  1729. }
  1730. /* No Gutters Options */
  1731. .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__none {
  1732. padding-left: var(--layout-grid--gutter-none);
  1733. padding-right: var(--layout-grid--gutter-none);
  1734. }
  1735. .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__none.wp-block-jetpack-layout-gutter__nowrap {
  1736. padding-left: 0;
  1737. padding-right: 0;
  1738. }
  1739. .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__small {
  1740. padding-left: var(--layout-grid--gutter-small);
  1741. padding-right: var(--layout-grid--gutter-small);
  1742. }
  1743. .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__small.wp-block-jetpack-layout-gutter__nowrap {
  1744. padding-left: 0;
  1745. padding-right: 0;
  1746. }
  1747. .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__medium {
  1748. padding-left: var(--layout-grid--gutter-medium);
  1749. padding-right: var(--layout-grid--gutter-medium);
  1750. }
  1751. .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__medium.wp-block-jetpack-layout-gutter__nowrap {
  1752. padding-left: 0;
  1753. padding-right: 0;
  1754. }
  1755. .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__large {
  1756. padding-left: var(--layout-grid--gutter-large);
  1757. padding-right: var(--layout-grid--gutter-large);
  1758. }
  1759. .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__large.wp-block-jetpack-layout-gutter__nowrap {
  1760. padding-left: 0;
  1761. padding-right: 0;
  1762. }
  1763. .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__huge {
  1764. padding-left: var(--layout-grid--gutter-huge);
  1765. padding-right: var(--layout-grid--gutter-huge);
  1766. }
  1767. .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__huge.wp-block-jetpack-layout-gutter__nowrap {
  1768. padding-left: 0;
  1769. padding-right: 0;
  1770. }
  1771. /* Padding Options */
  1772. .wp-block-jetpack-layout-grid {
  1773. padding-left: var(--layout-grid--gutter-large);
  1774. padding-right: var(--layout-grid--gutter-large);
  1775. /* Individual Column Options */
  1776. }
  1777. .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"] {
  1778. margin-left: calc(var(--layout-grid--background-offset) * -1);
  1779. margin-right: calc(var(--layout-grid--background-offset) * -1);
  1780. padding-left: var(--layout-grid--background-offset);
  1781. padding-right: var(--layout-grid--background-offset);
  1782. }
  1783. .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__nowrap {
  1784. padding-left: 0;
  1785. padding-right: 0;
  1786. }
  1787. /* Additional, user-set paddings. */
  1788. .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-none {
  1789. padding: var(--layout-grid--gutter-none);
  1790. }
  1791. .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"] {
  1792. padding-top: var(--layout-grid--gutter-none);
  1793. padding-right: calc(var(--layout-grid--gutter-none) + var(--layout-grid--background-offset));
  1794. padding-bottom: var(--layout-grid--gutter-none);
  1795. padding-left: calc(var(--layout-grid--gutter-none) + var(--layout-grid--background-offset));
  1796. }
  1797. .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-small {
  1798. padding: var(--layout-grid--gutter-small);
  1799. }
  1800. .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"] {
  1801. padding-top: var(--layout-grid--gutter-small);
  1802. padding-right: calc(var(--layout-grid--gutter-small) + var(--layout-grid--background-offset));
  1803. padding-bottom: var(--layout-grid--gutter-small);
  1804. padding-left: calc(var(--layout-grid--gutter-small) + var(--layout-grid--background-offset));
  1805. }
  1806. .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-medium {
  1807. padding: var(--layout-grid--gutter-medium);
  1808. }
  1809. .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"] {
  1810. padding-top: var(--layout-grid--gutter-medium);
  1811. padding-right: calc(var(--layout-grid--gutter-medium) + var(--layout-grid--background-offset));
  1812. padding-bottom: var(--layout-grid--gutter-medium);
  1813. padding-left: calc(var(--layout-grid--gutter-medium) + var(--layout-grid--background-offset));
  1814. }
  1815. .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-large {
  1816. padding: var(--layout-grid--gutter-large);
  1817. }
  1818. .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"] {
  1819. padding-top: var(--layout-grid--gutter-large);
  1820. padding-right: calc(var(--layout-grid--gutter-large) + var(--layout-grid--background-offset));
  1821. padding-bottom: var(--layout-grid--gutter-large);
  1822. padding-left: calc(var(--layout-grid--gutter-large) + var(--layout-grid--background-offset));
  1823. }
  1824. .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-huge {
  1825. padding: var(--layout-grid--gutter-huge);
  1826. }
  1827. .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"] {
  1828. padding-top: var(--layout-grid--gutter-huge);
  1829. padding-right: calc(var(--layout-grid--gutter-huge) + var(--layout-grid--background-offset));
  1830. padding-bottom: var(--layout-grid--gutter-huge);
  1831. padding-left: calc(var(--layout-grid--gutter-huge) + var(--layout-grid--background-offset));
  1832. }
  1833. /* Overlay styles and margin reset */
  1834. .wp-block-jetpack-layout-grid {
  1835. /* wpcom-overlay-grid is the classname targeting the grid overlay visual aid displayed in the editor */
  1836. /* Override default block margin rules */
  1837. }
  1838. .wp-block-jetpack-layout-grid .wpcom-overlay-grid {
  1839. grid-gap: var(--layout-grid--gutter-large);
  1840. padding-left: var(--layout-grid--gutter-large);
  1841. padding-right: var(--layout-grid--gutter-large);
  1842. }
  1843. .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__nowrap .wpcom-overlay-grid {
  1844. padding-left: 0;
  1845. padding-right: 0;
  1846. }
  1847. .wp-block-jetpack-layout-grid [data-type="jetpack/layout-grid-column"] {
  1848. margin-top: 0;
  1849. margin-bottom: 0;
  1850. }
  1851. .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__none .wpcom-overlay-grid {
  1852. grid-gap: var(--layout-grid--gutter-none);
  1853. }
  1854. .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__none .wpcom-overlay-grid {
  1855. padding-left: var(--layout-grid--gutter-none);
  1856. padding-right: var(--layout-grid--gutter-none);
  1857. }
  1858. .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__none.wp-block-jetpack-layout-gutter__nowrap .wpcom-overlay-grid {
  1859. padding-left: 0;
  1860. padding-right: 0;
  1861. }
  1862. .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__small .wpcom-overlay-grid {
  1863. grid-gap: var(--layout-grid--gutter-small);
  1864. }
  1865. .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__small .wpcom-overlay-grid {
  1866. padding-left: var(--layout-grid--gutter-small);
  1867. padding-right: var(--layout-grid--gutter-small);
  1868. }
  1869. .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__small.wp-block-jetpack-layout-gutter__nowrap .wpcom-overlay-grid {
  1870. padding-left: 0;
  1871. padding-right: 0;
  1872. }
  1873. .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__medium .wpcom-overlay-grid {
  1874. grid-gap: var(--layout-grid--gutter-medium);
  1875. }
  1876. .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__medium .wpcom-overlay-grid {
  1877. padding-left: var(--layout-grid--gutter-medium);
  1878. padding-right: var(--layout-grid--gutter-medium);
  1879. }
  1880. .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__medium.wp-block-jetpack-layout-gutter__nowrap .wpcom-overlay-grid {
  1881. padding-left: 0;
  1882. padding-right: 0;
  1883. }
  1884. .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__large .wpcom-overlay-grid {
  1885. grid-gap: var(--layout-grid--gutter-large);
  1886. }
  1887. .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__large .wpcom-overlay-grid {
  1888. padding-left: var(--layout-grid--gutter-large);
  1889. padding-right: var(--layout-grid--gutter-large);
  1890. }
  1891. .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__large.wp-block-jetpack-layout-gutter__nowrap .wpcom-overlay-grid {
  1892. padding-left: 0;
  1893. padding-right: 0;
  1894. }
  1895. .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__huge .wpcom-overlay-grid {
  1896. grid-gap: var(--layout-grid--gutter-huge);
  1897. }
  1898. .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__huge .wpcom-overlay-grid {
  1899. padding-left: var(--layout-grid--gutter-huge);
  1900. padding-right: var(--layout-grid--gutter-huge);
  1901. }
  1902. .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__huge.wp-block-jetpack-layout-gutter__nowrap .wpcom-overlay-grid {
  1903. padding-left: 0;
  1904. padding-right: 0;
  1905. }
  1906. /*# sourceMappingURL=style-editor.css.map */