style-editor.css 42 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664
  1. @charset "UTF-8";
  2. /**
  3. * These styles should be loaded by the Block Editor only
  4. */
  5. /**
  6. * Abstracts
  7. * - Mixins, variables and functions
  8. */
  9. /**
  10. * Abstracts
  11. * - Mixins, variables and functions
  12. */
  13. /* Sass Functions go here */
  14. /**
  15. * Map deep get
  16. * @author Hugo Giraudel
  17. * @access public
  18. * @param {Map} $map - Map
  19. * @param {Arglist} $keys - Key chain
  20. * @return {*} - Desired value
  21. *
  22. * Example:
  23. * $m-breakpoint: map-deep-get($__prefix-default-config, "layouts", "M");
  24. */
  25. /**
  26. * Deep set function to set a value in nested maps
  27. * @author Hugo Giraudel
  28. * @access public
  29. * @param {Map} $map - Map
  30. * @param {List} $keys - Key chaine
  31. * @param {*} $value - Value to assign
  32. * @return {Map}
  33. *
  34. * Example:
  35. * $__prefix-default-config: map-deep-set($__prefix-default-config, "layouts" "M", 650px);
  36. */
  37. /**
  38. * jQuery-style extend function
  39. * - Child themes can use this function to `reset` the values in
  40. * config maps without editing the `master` Sass files.
  41. * - src: https://www.sitepoint.com/extra-map-functions-sass/
  42. * - About `map-merge()`:
  43. * - - only takes 2 arguments
  44. * - - is not recursive
  45. * @param {Map} $map - first map
  46. * @param {ArgList} $maps - other maps
  47. * @param {Bool} $deep - recursive mode
  48. * @return {Map}
  49. *
  50. * Examples:
  51. $grid-configuration-default: (
  52. 'columns': 12,
  53. 'layouts': (
  54. 'small': 800px,
  55. 'medium': 1000px,
  56. 'large': 1200px,
  57. ),
  58. );
  59. $grid-configuration-custom: (
  60. 'layouts': (
  61. 'large': 1300px,
  62. 'huge': 1500px
  63. ),
  64. );
  65. $grid-configuration-user: (
  66. 'direction': 'ltr',
  67. 'columns': 16,
  68. 'layouts': (
  69. 'large': 1300px,
  70. 'huge': 1500px
  71. ),
  72. );
  73. // $deep: false
  74. $grid-configuration: map-extend($grid-configuration-default, $grid-configuration-custom, $grid-configuration-user);
  75. // --> ("columns": 16, "layouts": (("large": 1300px, "huge": 1500px)), "direction": "ltr")
  76. // $deep: true
  77. $grid-configuration: map-extend($grid-configuration-default, $grid-configuration-custom, $grid-configuration-user, true);
  78. // --> ("columns": 16, "layouts": (("small": 800px, "medium": 1000px, "large": 1300px, "huge": 1500px)), "direction": "ltr")
  79. */
  80. /**
  81. * Button
  82. */
  83. /**
  84. * Cover
  85. */
  86. /**
  87. * Heading
  88. */
  89. /**
  90. * List
  91. */
  92. /**
  93. * Pullquote
  94. */
  95. /**
  96. * Quote
  97. */
  98. /**
  99. * Separator
  100. */
  101. /**
  102. * Responsive breakpoints
  103. * - breakpoints values are defined in _config-global.scss
  104. */
  105. /**
  106. * Align wide widths
  107. * - Sets .alignwide widths
  108. */
  109. /**
  110. * Crop Text Boundry
  111. * - Sets a fixed-width on content within alignwide and alignfull blocks
  112. */
  113. /**
  114. * Add font-family using CSS variables.
  115. * It also adds the proper fallback for browsers without support.
  116. */
  117. /**
  118. * Global variables
  119. */
  120. :root, body {
  121. /* Colors */
  122. --wp--preset--color--primary: #2c313f;
  123. --wp--preset--color--primary-hover: #3e69dc;
  124. --wp--preset--color--secondary: #3e69dc;
  125. --wp--preset--color--secondary-hover: #2c313f;
  126. --wp--preset--color--foreground: #74767e;
  127. --wp--preset--color--foreground-low-contrast: #767676;
  128. --wp--preset--color--foreground-high-contrast: #111;
  129. --wp--preset--color--background: #fff;
  130. --wp--preset--color--background-low-contrast: #ddd;
  131. --wp--preset--color--background-high-contrast: #f3f3f3;
  132. --wp--preset--color--tertiary: #ddd;
  133. --wp--preset--color--border: #ddd;
  134. --wp--preset--color--border-low-contrast: #aaa;
  135. --wp--preset--color--border-high-contrast: #fafafa;
  136. --wp--preset--color--text-selection: #c6d5ff;
  137. --wp--preset--color--alert-success: #4caf50;
  138. --wp--preset--color--alert-info: #3e69dc;
  139. --wp--preset--color--alert-warning: #ffc107;
  140. --wp--preset--color--alert-error: #f44336;
  141. --wp--preset--color--black: black;
  142. --wp--preset--color--white: white;
  143. }
  144. /**
  145. * Child Theme Name
  146. */
  147. /**
  148. * Redefine Sass map values for child theme output.
  149. * - See: style-child-theme.scss
  150. */
  151. /**
  152. * Global
  153. */
  154. /**
  155. * Elements
  156. */
  157. /**
  158. * Button
  159. */
  160. /**
  161. * Cover
  162. */
  163. /**
  164. * Heading
  165. */
  166. /**
  167. * List
  168. */
  169. /**
  170. * Pullquote
  171. */
  172. /**
  173. * Quote
  174. */
  175. /**
  176. * Separator
  177. */
  178. /**
  179. * Header
  180. */
  181. /**
  182. * Footer
  183. */
  184. /**
  185. * Base
  186. * - Reset the browser
  187. */
  188. body {
  189. color: var(--wp--preset--color--foreground);
  190. background-color: var(--wp--preset--color--background);
  191. font-family: "Lato", sans-serif;
  192. font-family: var(--font-base, "Lato", sans-serif);
  193. font-size: 20px;
  194. font-weight: normal;
  195. line-height: 1.6;
  196. -moz-osx-font-smoothing: grayscale;
  197. -webkit-font-smoothing: antialiased;
  198. }
  199. .editor-post-title__block {
  200. font-size: 20px;
  201. }
  202. p {
  203. font-size: 1em;
  204. line-height: 1.6;
  205. }
  206. a {
  207. color: var(--wp--preset--color--primary);
  208. }
  209. a:hover {
  210. color: var(--wp--preset--color--primary-hover);
  211. }
  212. .has-primary-background-color a:not(.has-text-color) {
  213. color: var(--wp--preset--color--background);
  214. }
  215. button,
  216. a {
  217. cursor: pointer;
  218. }
  219. button,
  220. input,
  221. optgroup,
  222. select,
  223. textarea {
  224. font-family: inherit;
  225. font-size: 100%;
  226. line-height: 1.15;
  227. margin: 0;
  228. }
  229. /**
  230. * Elements
  231. * - Styles for basic HTML elemants
  232. */
  233. /**
  234. * Elements
  235. * - Styles for basic HTML elemants
  236. */
  237. blockquote {
  238. padding-left: 16px;
  239. }
  240. blockquote p {
  241. font-size: 1.728rem;
  242. letter-spacing: normal;
  243. line-height: 1.125;
  244. }
  245. blockquote cite,
  246. blockquote footer {
  247. font-size: 0.83333rem;
  248. letter-spacing: normal;
  249. }
  250. blockquote > * {
  251. margin-top: 16px;
  252. margin-bottom: 16px;
  253. }
  254. blockquote > *:first-child {
  255. margin-top: 0;
  256. }
  257. blockquote > *:last-child {
  258. margin-bottom: 0;
  259. }
  260. blockquote.alignleft, blockquote.alignright {
  261. padding-left: inherit;
  262. }
  263. blockquote.alignleft p, blockquote.alignright p {
  264. font-size: 1.44rem;
  265. max-width: inherit;
  266. width: inherit;
  267. }
  268. blockquote.alignleft cite,
  269. blockquote.alignleft footer, blockquote.alignright cite,
  270. blockquote.alignright footer {
  271. font-size: 0.69444rem;
  272. letter-spacing: normal;
  273. }
  274. figcaption {
  275. color: var(--wp--preset--color--foreground-low-contrast);
  276. font-size: 0.69444rem;
  277. margin-top: calc(0.5 * 16px);
  278. margin-bottom: 16px;
  279. text-align: center;
  280. }
  281. .alignleft figcaption,
  282. .alignright figcaption {
  283. margin-bottom: 0;
  284. }
  285. /* WP Smiley */
  286. .page-content .wp-smiley,
  287. .entry-content .wp-smiley,
  288. .comment-content .wp-smiley {
  289. border: none;
  290. margin-bottom: 0;
  291. margin-top: 0;
  292. padding: 0;
  293. }
  294. /* Make sure embeds and iframes fit their containers. */
  295. embed,
  296. iframe,
  297. object {
  298. max-width: 100%;
  299. }
  300. /**
  301. * Blocks
  302. * - These styles replace key Gutenberg Block styles for fonts, colors, and
  303. * spacing with CSS-variables overrides
  304. */
  305. /**
  306. * Block Styles for the Editor
  307. *
  308. * - These styles replace key Gutenberg Block styles for fonts, colors, and
  309. * spacing with CSS-variables overrides in the Block Editor
  310. * - In the future the Block styles may get compiled to individual .css
  311. * files and conditionally loaded
  312. */
  313. .wp-block-a8c-blog-posts.image-aligntop .post-thumbnail {
  314. margin-bottom: 16px;
  315. }
  316. .wp-block-a8c-blog-posts.image-alignleft .post-thumbnail {
  317. margin-right: 32px;
  318. }
  319. .wp-block-a8c-blog-posts.image-alignright .post-thumbnail {
  320. margin-left: 32px;
  321. }
  322. .wp-block-a8c-blog-posts.image-alignbehind .post-has-image .entry-wrapper {
  323. padding: 32px;
  324. }
  325. .wp-block-a8c-blog-posts.image-alignbehind .post-has-image .cat-links {
  326. color: #fff;
  327. }
  328. .wp-block-a8c-blog-posts.image-alignbehind .post-has-image a:hover {
  329. color: currentColor;
  330. }
  331. .wp-block-a8c-blog-posts .article-section-title {
  332. font-size: 1em;
  333. margin-top: 0;
  334. margin-bottom: 16px;
  335. }
  336. .wp-block-a8c-blog-posts article {
  337. margin-bottom: 64px;
  338. }
  339. @media only screen and (min-width: 560px) {
  340. .wp-block-a8c-blog-posts article {
  341. margin-bottom: 96px;
  342. }
  343. }
  344. .wp-block-a8c-blog-posts .post-thumbnail img {
  345. vertical-align: middle;
  346. width: auto;
  347. }
  348. .wp-block-a8c-blog-posts .entry-wrapper > * {
  349. /* Vertical margins logic between post details */
  350. margin-top: 16px;
  351. margin-bottom: 16px;
  352. }
  353. .wp-block-a8c-blog-posts .entry-wrapper > *:first-child {
  354. margin-top: 0;
  355. }
  356. .wp-block-a8c-blog-posts .entry-wrapper > *:last-child {
  357. margin-bottom: 0;
  358. }
  359. .wp-block-a8c-blog-posts .entry-title a {
  360. color: var(--wp--preset--color--primary);
  361. }
  362. .has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-title a,
  363. [class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-title a,
  364. [style*="background-color"] .wp-block-a8c-blog-posts .entry-title a {
  365. color: currentColor;
  366. }
  367. .wp-block-a8c-blog-posts .entry-title a:hover {
  368. color: var(--wp--preset--color--primary-hover);
  369. text-decoration: underline;
  370. }
  371. .has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-title a,
  372. [class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-title a,
  373. [style*="background-color"] .wp-block-a8c-blog-posts .entry-title a {
  374. color: currentColor;
  375. }
  376. .wp-block-a8c-blog-posts .more-link {
  377. display: block;
  378. color: inherit;
  379. margin-top: 16px;
  380. }
  381. .wp-block-a8c-blog-posts .more-link:after {
  382. content: "→" /*rtl:"←"*/;
  383. display: inline-block;
  384. margin-left: 0.5em;
  385. }
  386. .wp-block-a8c-blog-posts .more-link:hover, .wp-block-a8c-blog-posts .more-link:active {
  387. color: var(--wp--preset--color--primary-hover);
  388. text-decoration: none;
  389. }
  390. .has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts .more-link:hover,
  391. [class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts .more-link:hover,
  392. [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,
  393. [class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts .more-link:active,
  394. [style*="background-color"] .wp-block-a8c-blog-posts .more-link:active {
  395. color: currentColor;
  396. }
  397. .wp-block-a8c-blog-posts .entry-meta,
  398. .wp-block-a8c-blog-posts .cat-links {
  399. color: var(--wp--preset--color--foreground-low-contrast);
  400. font-size: 0.83333em;
  401. }
  402. .has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-meta,
  403. [class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-meta,
  404. [style*="background-color"] .wp-block-a8c-blog-posts .entry-meta, .has-background:not(.has-background-background-color)
  405. .wp-block-a8c-blog-posts .cat-links,
  406. [class*="background-color"]:not(.has-background-background-color)
  407. .wp-block-a8c-blog-posts .cat-links,
  408. [style*="background-color"]
  409. .wp-block-a8c-blog-posts .cat-links {
  410. color: currentColor;
  411. }
  412. .wp-block-a8c-blog-posts .entry-meta .byline:not(:last-child),
  413. .wp-block-a8c-blog-posts .cat-links .byline:not(:last-child) {
  414. margin-right: 16px;
  415. }
  416. .wp-block-a8c-blog-posts .entry-meta .published + .updated,
  417. .wp-block-a8c-blog-posts .cat-links .published + .updated {
  418. display: none;
  419. }
  420. .wp-block-a8c-blog-posts .entry-meta a,
  421. .wp-block-a8c-blog-posts .cat-links a {
  422. color: currentColor;
  423. text-decoration: underline;
  424. }
  425. .wp-block-a8c-blog-posts .entry-meta a:hover, .wp-block-a8c-blog-posts .entry-meta a:active,
  426. .wp-block-a8c-blog-posts .cat-links a:hover,
  427. .wp-block-a8c-blog-posts .cat-links a:active {
  428. color: var(--wp--preset--color--primary-hover);
  429. text-decoration: none;
  430. }
  431. .has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-meta a:hover,
  432. [class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-meta a:hover,
  433. [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,
  434. [class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-meta a:active,
  435. [style*="background-color"] .wp-block-a8c-blog-posts .entry-meta a:active, .has-background:not(.has-background-background-color)
  436. .wp-block-a8c-blog-posts .cat-links a:hover,
  437. [class*="background-color"]:not(.has-background-background-color)
  438. .wp-block-a8c-blog-posts .cat-links a:hover,
  439. [style*="background-color"]
  440. .wp-block-a8c-blog-posts .cat-links a:hover, .has-background:not(.has-background-background-color)
  441. .wp-block-a8c-blog-posts .cat-links a:active,
  442. [class*="background-color"]:not(.has-background-background-color)
  443. .wp-block-a8c-blog-posts .cat-links a:active,
  444. [style*="background-color"]
  445. .wp-block-a8c-blog-posts .cat-links a:active {
  446. color: currentColor;
  447. }
  448. /**
  449. * Button Placeholder style
  450. * - Since buttons appear in various blocks,
  451. * let’s use a placeholder to keep them all
  452. * in-sync
  453. */
  454. .wp-block-a8c-blog-posts + .button, .wp-block-button__link,
  455. .wp-block-file__button, .wp-block-search .wp-block-search__button {
  456. line-height: 1.44;
  457. color: var(--wp--preset--color--background);
  458. cursor: pointer;
  459. font-weight: 700;
  460. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  461. font-family: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
  462. font-size: 0.83333rem;
  463. background-color: var(--wp--preset--color--primary-hover);
  464. border-radius: 10px;
  465. border-width: 0;
  466. text-decoration: none;
  467. padding: 16px 16px;
  468. }
  469. .wp-block-a8c-blog-posts + .button:before, .wp-block-button__link:before,
  470. .wp-block-file__button:before, .wp-block-search .wp-block-search__button:before, .wp-block-a8c-blog-posts + .button:after, .wp-block-button__link:after,
  471. .wp-block-file__button:after, .wp-block-search .wp-block-search__button:after {
  472. content: '';
  473. display: block;
  474. height: 0;
  475. width: 0;
  476. }
  477. .wp-block-a8c-blog-posts + .button:before, .wp-block-button__link:before,
  478. .wp-block-file__button:before, .wp-block-search .wp-block-search__button:before {
  479. margin-bottom: -0.34em;
  480. }
  481. .wp-block-a8c-blog-posts + .button:after, .wp-block-button__link:after,
  482. .wp-block-file__button:after, .wp-block-search .wp-block-search__button:after {
  483. margin-top: -0.33em;
  484. }
  485. .wp-block-a8c-blog-posts + .button:not(.has-background):hover, .wp-block-button__link:not(.has-background):hover,
  486. .wp-block-file__button:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, .wp-block-a8c-blog-posts + .button:focus, .wp-block-button__link:focus,
  487. .wp-block-file__button:focus, .wp-block-search .wp-block-search__button:focus, .wp-block-a8c-blog-posts + .has-focus.button, .has-focus.wp-block-button__link,
  488. .has-focus.wp-block-file__button, .wp-block-search .has-focus.wp-block-search__button {
  489. color: var(--wp--preset--color--background);
  490. background-color: var(--wp--preset--color--primary);
  491. }
  492. /**
  493. * Onsale Placeholder style
  494. * - Since buttons appear in various blocks,
  495. * let’s use a placeholder to keep them all
  496. * in-sync
  497. */
  498. .wp-block-a8c-blog-posts + .button {
  499. display: inline-block;
  500. font-size: 1.2em;
  501. }
  502. .wp-block-a8c-blog-posts + .button:hover {
  503. cursor: default;
  504. }
  505. .has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts + .button,
  506. [class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts + .button,
  507. [style*="background-color"] .wp-block-a8c-blog-posts + .button {
  508. background-color: transparent;
  509. border: 2px solid currentColor;
  510. color: currentColor;
  511. }
  512. /**
  513. * Button
  514. */
  515. /* Default Style */
  516. .wp-block-button__link {
  517. color: var(--wp--preset--color--background);
  518. font-weight: 700;
  519. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  520. font-family: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
  521. font-size: 0.83333em;
  522. line-height: 1.44;
  523. background-color: var(--wp--preset--color--primary-hover);
  524. border-radius: 10px;
  525. padding: 16px 16px;
  526. /* Outline Style */
  527. /* Squared Style */
  528. }
  529. .wp-block-button__link:hover, .wp-block-button__link:focus, .wp-block-button__link.has-focus {
  530. color: var(--wp--preset--color--background);
  531. background-color: var(--wp--preset--color--primary);
  532. }
  533. .wp-block-button__link.is-style-outline,
  534. .is-style-outline .wp-block-button__link {
  535. border: 2px solid currentcolor;
  536. }
  537. .wp-block-button__link.is-style-outline:not(.has-text-color),
  538. .is-style-outline .wp-block-button__link:not(.has-text-color) {
  539. color: var(--wp--preset--color--primary-hover);
  540. }
  541. .wp-block-button__link.is-style-outline:hover, .wp-block-button__link.is-style-outline:focus, .wp-block-button__link.is-style-outline.has-focus,
  542. .is-style-outline .wp-block-button__link:hover,
  543. .is-style-outline .wp-block-button__link:focus,
  544. .is-style-outline .wp-block-button__link.has-focus {
  545. color: var(--wp--preset--color--primary-hover);
  546. background: transparent;
  547. }
  548. .has-primary-background-color .wp-block-button__link.is-style-outline:not(.has-text-color), .has-primary-background-color
  549. .is-style-outline .wp-block-button__link:not(.has-text-color) {
  550. color: var(--wp--preset--color--background);
  551. }
  552. .wp-block-button__link.is-style-squared,
  553. .is-style-squared .wp-block-button__link {
  554. border-radius: 0;
  555. }
  556. /* Default Style */
  557. .button {
  558. color: var(--wp--preset--color--background);
  559. font-weight: 700;
  560. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  561. font-family: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
  562. font-size: 0.83333em;
  563. line-height: 1.44;
  564. background-color: var(--wp--preset--color--primary-hover);
  565. border-radius: 10px;
  566. padding: 16px 16px;
  567. }
  568. .button:hover, .button:focus, .button.has-focus {
  569. color: var(--wp--preset--color--background);
  570. background-color: var(--wp--preset--color--primary);
  571. }
  572. .wp-block-columns .wp-block[data-align=full],
  573. .wp-block-columns .alignfull {
  574. margin-left: inherit;
  575. margin-right: inherit;
  576. }
  577. .wp-block-cover,
  578. .wp-block-cover-image {
  579. background-color: var(--wp--preset--color--foreground);
  580. color: var(--wp--preset--color--background);
  581. min-height: 480px;
  582. margin-top: inherit;
  583. margin-bottom: inherit;
  584. /* Treating H2 separately to account for legacy /core styles */
  585. }
  586. .wp-block-cover.has-background-dim,
  587. .wp-block-cover-image.has-background-dim {
  588. background-color: var(--wp--preset--color--foreground);
  589. color: var(--wp--preset--color--background);
  590. }
  591. .wp-block-cover .wp-block-cover-image-text,
  592. .wp-block-cover .wp-block-cover-text,
  593. .wp-block-cover .block-editor-block-list__block,
  594. .wp-block-cover-image .wp-block-cover-image-text,
  595. .wp-block-cover-image .wp-block-cover-text,
  596. .wp-block-cover-image .block-editor-block-list__block {
  597. color: currentColor;
  598. }
  599. .wp-block-cover h2,
  600. .wp-block-cover-image h2 {
  601. font-size: 2.48832;
  602. letter-spacing: normal;
  603. line-height: 1.125;
  604. padding: 0;
  605. max-width: inherit;
  606. text-align: inherit;
  607. }
  608. .wp-block-cover h2.has-text-align-left,
  609. .wp-block-cover-image h2.has-text-align-left {
  610. text-align: left;
  611. }
  612. .wp-block-cover h2.has-text-align-center,
  613. .wp-block-cover-image h2.has-text-align-center {
  614. text-align: center;
  615. }
  616. .wp-block-cover h2.has-text-align-right,
  617. .wp-block-cover-image h2.has-text-align-right {
  618. text-align: right;
  619. }
  620. .wp-block-heading h1, h1, .h1,
  621. .wp-block-heading h2, h2, .h2,
  622. .wp-block-heading h3, h3, .h3,
  623. .wp-block-heading h4, h4, .h4,
  624. .wp-block-heading h5, h5, .h5,
  625. .wp-block-heading h6, h6, .h6 {
  626. font-family: "Poppins", sans-serif;
  627. font-family: var(--font-headings, "Poppins", sans-serif);
  628. font-weight: 700;
  629. clear: both;
  630. }
  631. .wp-block-heading h1, h1, .h1 {
  632. font-size: 2.98598em;
  633. letter-spacing: normal;
  634. line-height: 1.125;
  635. }
  636. .wp-block-heading h2, h2, .h2 {
  637. font-size: 2.48832em;
  638. letter-spacing: normal;
  639. line-height: 1.125;
  640. }
  641. .wp-block-heading h3, h3, .h3 {
  642. font-size: 2.0736em;
  643. letter-spacing: normal;
  644. line-height: 1.125;
  645. }
  646. .wp-block-heading h4, h4, .h4 {
  647. font-size: 1.728em;
  648. letter-spacing: normal;
  649. line-height: 1.125;
  650. }
  651. .wp-block-heading h5, h5, .h5 {
  652. font-size: 1.44em;
  653. letter-spacing: normal;
  654. line-height: 1.125;
  655. }
  656. .wp-block-heading h6, h6, .h6 {
  657. font-size: 1.2em;
  658. letter-spacing: normal;
  659. line-height: 1.125;
  660. }
  661. /* Center image block by default in the editor */
  662. .wp-block-image > div {
  663. text-align: center;
  664. }
  665. [data-type="core/image"] .block-editor-block-list__block-edit figure.is-resized {
  666. margin: 0 auto;
  667. }
  668. .wp-block-gallery figcaption {
  669. margin-bottom: 0;
  670. }
  671. .wp-block-group.has-background {
  672. padding: 21.312px;
  673. }
  674. @media only screen and (min-width: 560px) {
  675. .wp-block-group.has-background {
  676. padding: 32px;
  677. }
  678. }
  679. .wp-block[data-type="core/group"] > .editor-block-list__block-edit > div > .wp-block-group.has-background > .wp-block-group__inner-container > .editor-inner-blocks > .editor-block-list__layout > .wp-block[data-align=full] {
  680. margin: 0;
  681. width: 100%;
  682. }
  683. .wp-block-latest-comments {
  684. margin-left: 0;
  685. }
  686. .wp-block-latest-posts {
  687. padding-left: 0;
  688. }
  689. .wp-block-latest-posts > li > a {
  690. font-family: "Poppins", sans-serif;
  691. font-family: var(--font-headings, "Poppins", sans-serif);
  692. font-size: 1.728rem;
  693. font-weight: 700;
  694. line-height: 1.125;
  695. }
  696. .wp-block-latest-posts:not(.is-grid) > li {
  697. /* Vertical margins logic */
  698. margin-top: 32px;
  699. margin-bottom: 32px;
  700. }
  701. .wp-block-latest-posts:not(.is-grid) > li:first-child {
  702. margin-top: 0;
  703. }
  704. .wp-block-latest-posts:not(.is-grid) > li:last-child {
  705. margin-bottom: 0;
  706. }
  707. .wp-block-latest-posts .wp-block-latest-posts__post-date {
  708. color: var(--wp--preset--color--foreground-low-contrast);
  709. font-size: 0.83333rem;
  710. line-height: 1.6;
  711. }
  712. [class*="inner-container"] .wp-block-latest-posts .wp-block-latest-posts__post-date,
  713. .has-background .wp-block-latest-posts .wp-block-latest-posts__post-date {
  714. color: currentColor;
  715. }
  716. .wp-block-latest-posts .wp-block-latest-posts__post-excerpt,
  717. .wp-block-latest-posts .wp-block-latest-posts__post-full-content {
  718. font-size: 0.83333rem;
  719. line-height: 1.6;
  720. margin: 0;
  721. }
  722. ul,
  723. ol {
  724. margin: 32px 0;
  725. padding-left: 32px;
  726. }
  727. ul.aligncenter,
  728. ol.aligncenter {
  729. list-style-position: inside;
  730. padding: 0;
  731. }
  732. ul.alignright,
  733. ol.alignright {
  734. list-style-position: inside;
  735. text-align: right;
  736. padding: 0;
  737. }
  738. li > ul,
  739. li > ol {
  740. margin: 0;
  741. }
  742. .wp-block-media-text[style*="background-color"]:not(.has-background-background-color) a {
  743. color: currentColor;
  744. }
  745. .a8c-posts-list {
  746. padding-left: 0;
  747. }
  748. p.has-background {
  749. padding: 16px 16px;
  750. }
  751. p.has-background:not(.has-background-background-color) a {
  752. color: currentColor;
  753. }
  754. .wp-block-pullquote {
  755. border-top-color: var(--wp--preset--color--border);
  756. border-top-width: 4px;
  757. border-bottom-color: var(--wp--preset--color--border);
  758. border-bottom-width: 4px;
  759. color: var(--wp--preset--color--foreground);
  760. }
  761. .wp-block-pullquote blockquote p {
  762. font-family: "Poppins", sans-serif;
  763. font-family: var(--font-headings, "Poppins", sans-serif);
  764. font-size: 1.728rem;
  765. letter-spacing: normal;
  766. line-height: 1.125;
  767. }
  768. .wp-block-pullquote.is-style-solid-color blockquote p {
  769. font-size: 1.728rem;
  770. }
  771. .wp-block-pullquote a {
  772. color: currentColor;
  773. }
  774. .wp-block-pullquote .wp-block-pullquote__citation,
  775. .wp-block-pullquote cite,
  776. .wp-block-pullquote footer {
  777. color: var(--wp--preset--color--foreground-low-contrast);
  778. font-size: 0.83333rem;
  779. letter-spacing: normal;
  780. }
  781. .wp-block-pullquote blockquote {
  782. padding-left: 0;
  783. }
  784. .wp-block-pullquote.is-style-solid-color {
  785. color: var(--wp--preset--color--background);
  786. }
  787. .wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation,
  788. .wp-block-pullquote.is-style-solid-color cite,
  789. .wp-block-pullquote.is-style-solid-color footer {
  790. color: currentColor;
  791. }
  792. .wp-block-pullquote.is-style-solid-color:not(.has-background) {
  793. background-color: var(--wp--preset--color--primary);
  794. }
  795. .wp-block-quote {
  796. border-left-color: var(--wp--preset--color--primary);
  797. padding-left: 16px;
  798. }
  799. .wp-block-quote p {
  800. font-family: "Poppins", sans-serif;
  801. font-family: var(--font-headings, "Poppins", sans-serif);
  802. font-size: 1.728em;
  803. letter-spacing: normal;
  804. }
  805. .wp-block-quote.is-large, .wp-block-quote.is-style-large {
  806. border: none;
  807. padding: 0;
  808. }
  809. .wp-block-quote.is-large p, .wp-block-quote.is-style-large p {
  810. font-family: "Poppins", sans-serif;
  811. font-family: var(--font-headings, "Poppins", sans-serif);
  812. font-size: 2.0736em;
  813. letter-spacing: normal;
  814. line-height: 1.125;
  815. }
  816. .has-background:not(.has-background-background-color) .wp-block-quote,
  817. [class*="background-color"]:not(.has-background-background-color) .wp-block-quote,
  818. [style*="background-color"]:not(.has-background-background-color) .wp-block-quote,
  819. .wp-block-cover[style*="background-image"] .wp-block-quote {
  820. border-color: currentColor;
  821. }
  822. .wp-block-quote .wp-block-quote__citation {
  823. color: var(--wp--preset--color--foreground-low-contrast);
  824. font-size: 0.83333em;
  825. letter-spacing: normal;
  826. }
  827. .has-background:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
  828. [class*="background-color"]:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
  829. [style*="background-color"]:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
  830. .wp-block-cover[style*="background-image"] .wp-block-quote .wp-block-quote__citation {
  831. color: currentColor;
  832. }
  833. .wp-block-search {
  834. flex-wrap: wrap;
  835. }
  836. .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
  837. background: var(--wp--preset--color--white);
  838. color: var(--wp--preset--color--black);
  839. border: 1px solid var(--wp--preset--color--border);
  840. border-radius: 3px;
  841. }
  842. .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
  843. padding: 16px;
  844. }
  845. .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
  846. padding: 16px 16px;
  847. }
  848. .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon {
  849. padding: 0;
  850. }
  851. .wp-block-search .wp-block-search__label {
  852. font-weight: normal;
  853. }
  854. .wp-block-search .wp-block-search__input {
  855. color: var(--wp--preset--color--black);
  856. border: 1px solid var(--wp--preset--color--border);
  857. border-radius: 3px;
  858. padding: 16px;
  859. font-size: 1rem;
  860. line-height: 1rem;
  861. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  862. font-family: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
  863. max-width: inherit;
  864. margin-right: calc( .66 * 16px);
  865. background: var(--wp--preset--color--white);
  866. }
  867. .wp-block-search .wp-block-search__input:focus {
  868. color: var(--wp--preset--color--black);
  869. border-color: var(--wp--preset--color--border);
  870. }
  871. .wp-block-search .wp-block-search__button {
  872. border: none;
  873. box-shadow: none;
  874. }
  875. .wp-block-search .wp-block-search__button.has-icon {
  876. transform: scaleX(-1);
  877. padding: 0;
  878. min-width: calc(2* 16px + 1rem + 4px);
  879. min-height: calc(2* 16px + 1rem + 4px);
  880. }
  881. .wp-block-search .wp-block-search__button.has-icon svg {
  882. fill: currentColor;
  883. width: 29px;
  884. height: 29px;
  885. }
  886. .wp-block-separator,
  887. hr {
  888. border-bottom: 2px solid var(--wp--preset--color--border);
  889. clear: both;
  890. }
  891. .wp-block-separator[style*="text-align:right"], .wp-block-separator[style*="text-align: right"],
  892. hr[style*="text-align:right"],
  893. hr[style*="text-align: right"] {
  894. border-right-color: var(--wp--preset--color--border);
  895. }
  896. .wp-block-separator.is-style-wide,
  897. hr.is-style-wide {
  898. border-bottom-width: 2px;
  899. }
  900. .wp-block-separator.is-style-dots,
  901. hr.is-style-dots {
  902. border-bottom: none;
  903. }
  904. .wp-block-separator.is-style-dots.has-background, .wp-block-separator.is-style-dots.has-text-color,
  905. hr.is-style-dots.has-background,
  906. hr.is-style-dots.has-text-color {
  907. background-color: transparent !important;
  908. }
  909. .wp-block-separator.is-style-dots.has-background:before, .wp-block-separator.is-style-dots.has-text-color:before,
  910. hr.is-style-dots.has-background:before,
  911. hr.is-style-dots.has-text-color:before {
  912. color: currentColor !important;
  913. }
  914. .wp-block-separator.is-style-dots:before,
  915. hr.is-style-dots:before {
  916. color: var(--wp--preset--color--border);
  917. }
  918. .has-background:not(.has-background-background-color) .wp-block-separator,
  919. [class*="background-color"]:not(.has-background-background-color) .wp-block-separator,
  920. [style*="background-color"]:not(.has-background-background-color) .wp-block-separator,
  921. .wp-block-cover[style*="background-image"] .wp-block-separator, .has-background:not(.has-background-background-color)
  922. hr,
  923. [class*="background-color"]:not(.has-background-background-color)
  924. hr,
  925. [style*="background-color"]:not(.has-background-background-color)
  926. hr,
  927. .wp-block-cover[style*="background-image"]
  928. hr {
  929. border-color: currentColor;
  930. }
  931. table th,
  932. .wp-block-table th {
  933. font-family: "Poppins", sans-serif;
  934. font-family: var(--font-headings, "Poppins", sans-serif);
  935. }
  936. table td,
  937. table th,
  938. .wp-block-table td,
  939. .wp-block-table th {
  940. padding: calc( 0.5 * 16px);
  941. }
  942. table.is-style-stripes tbody tr:nth-child(odd),
  943. .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
  944. background-color: var(--wp--preset--color--border-low-contrast);
  945. color: var(--wp--preset--color--foreground);
  946. }
  947. pre.wp-block-verse {
  948. font-family: monospace, monospace;
  949. color: var(--wp--preset--color--foreground);
  950. }
  951. /**
  952. * Editor Post Title
  953. * - Needs a special styles
  954. */
  955. .editor-post-title__block .editor-post-title__input {
  956. color: var(--wp--preset--color--foreground);
  957. font-family: "Poppins", sans-serif;
  958. font-family: var(--font-headings, "Poppins", sans-serif);
  959. font-weight: 700;
  960. font-size: 2.48832;
  961. letter-spacing: normal;
  962. line-height: 1.125;
  963. }
  964. .wp-block .has-primary-color,
  965. .has-primary-color {
  966. color: var(--wp--preset--color--primary);
  967. }
  968. .wp-block .has-secondary-color,
  969. .has-secondary-color {
  970. color: var(--wp--preset--color--secondary);
  971. }
  972. .wp-block .has-foreground-color,
  973. .has-foreground-color {
  974. color: var(--wp--preset--color--foreground);
  975. }
  976. .wp-block .has-foreground-light-color,
  977. .has-foreground-light-color {
  978. color: var(--wp--preset--color--foreground-low-contrast);
  979. }
  980. .wp-block .has-foreground-dark-color,
  981. .has-foreground-dark-color {
  982. color: var(--wp--preset--color--foreground-high-contrast);
  983. }
  984. .wp-block .has-background-light-color,
  985. .has-background-light-color {
  986. color: var(--wp--preset--color--background-high-contrast);
  987. }
  988. .wp-block .has-background-dark-color,
  989. .has-background-dark-color {
  990. color: var(--wp--preset--color--background-low-contrast);
  991. }
  992. .wp-block .has-background-color,
  993. .has-background-color {
  994. color: var(--wp--preset--color--background);
  995. }
  996. .wp-block .has-tertiary-color,
  997. .has-tertiary-color {
  998. color: var(--wp--preset--color--tertiary);
  999. }
  1000. .has-background p:not(.has-text-color),
  1001. .has-background h1:not(.has-text-color),
  1002. .has-background h2:not(.has-text-color),
  1003. .has-background h3:not(.has-text-color),
  1004. .has-background h4:not(.has-text-color),
  1005. .has-background h5:not(.has-text-color),
  1006. .has-background h6:not(.has-text-color) {
  1007. color: currentColor;
  1008. }
  1009. .has-primary-background-color,
  1010. .has-primary-background-color.has-background-dim {
  1011. background-color: var(--wp--preset--color--primary);
  1012. color: var(--wp--preset--color--background);
  1013. }
  1014. .has-primary-background-color:not(.has-text-color),
  1015. .has-primary-background-color.has-background-dim:not(.has-text-color) {
  1016. color: var(--wp--preset--color--background);
  1017. }
  1018. .has-secondary-background-color,
  1019. .has-secondary-background-color.has-background-dim {
  1020. background-color: var(--wp--preset--color--secondary);
  1021. }
  1022. .has-secondary-background-color:not(.has-text-color),
  1023. .has-secondary-background-color.has-background-dim:not(.has-text-color) {
  1024. color: var(--wp--preset--color--background);
  1025. }
  1026. .has-background-dim,
  1027. .has-foreground-background-color,
  1028. .has-foreground-background-color.has-background-dim {
  1029. background-color: var(--wp--preset--color--foreground);
  1030. }
  1031. .has-background-dim,
  1032. .has-foreground-background-color,
  1033. .has-foreground-background-color.has-background-dim {
  1034. color: var(--wp--preset--color--background);
  1035. }
  1036. .has-foreground-light-background-color,
  1037. .has-foreground-light-background-color.has-background-dim {
  1038. background-color: var(--wp--preset--color--foreground-low-contrast);
  1039. }
  1040. .has-foreground-light-background-color:not(.has-text-color),
  1041. .has-foreground-light-background-color.has-background-dim:not(.has-text-color) {
  1042. color: var(--wp--preset--color--background);
  1043. }
  1044. .has-foreground-dark-background-color,
  1045. .has-foreground-dark-background-color.has-background-dim {
  1046. background-color: var(--wp--preset--color--foreground-high-contrast);
  1047. }
  1048. .has-foreground-dark-background-color:not(.has-text-color),
  1049. .has-foreground-dark-background-color.has-background-dim:not(.has-text-color) {
  1050. color: var(--wp--preset--color--background);
  1051. }
  1052. .has-background-light-background-color,
  1053. .has-background-light-background-color.has-background-dim {
  1054. background-color: var(--wp--preset--color--background-high-contrast);
  1055. }
  1056. .has-background-light-background-color:not(.has-text-color),
  1057. .has-background-light-background-color.has-background-dim:not(.has-text-color) {
  1058. color: var(--wp--preset--color--foreground);
  1059. }
  1060. .has-background-dark-background-color,
  1061. .has-background-dark-background-color.has-background-dim {
  1062. background-color: var(--wp--preset--color--background-low-contrast);
  1063. }
  1064. .has-background-dark-background-color:not(.has-text-color),
  1065. .has-background-dark-background-color.has-background-dim:not(.has-text-color) {
  1066. color: var(--wp--preset--color--foreground);
  1067. }
  1068. .has-background-background-color,
  1069. .has-background-background-color.has-background-dim {
  1070. background-color: var(--wp--preset--color--background);
  1071. color: var(--wp--preset--color--foreground);
  1072. }
  1073. .has-background-background-color:not(.has-text-color),
  1074. .has-background-background-color.has-background-dim:not(.has-text-color) {
  1075. color: var(--wp--preset--color--foreground);
  1076. }
  1077. .has-tertiary-background-color,
  1078. .has-tertiary-background-color.has-background-dim {
  1079. background-color: var(--wp--preset--color--tertiary);
  1080. }
  1081. .has-tertiary-background-color:not(.has-text-color),
  1082. .has-tertiary-background-color.has-background-dim:not(.has-text-color) {
  1083. color: var(--wp--preset--color--foreground);
  1084. }
  1085. .is-small-text,
  1086. .has-small-font-size {
  1087. font-size: 0.83333;
  1088. }
  1089. .is-regular-text,
  1090. .has-regular-font-size,
  1091. .has-normal-font-size,
  1092. .has-medium-font-size {
  1093. font-size: 1.2;
  1094. }
  1095. .is-large-text,
  1096. .has-large-font-size {
  1097. font-size: 1.44;
  1098. line-height: 1.125;
  1099. }
  1100. .is-larger-text,
  1101. .has-larger-font-size,
  1102. .has-huge-font-size {
  1103. font-size: 1.728;
  1104. line-height: 1.125;
  1105. }
  1106. .has-drop-cap:not(:focus)::first-letter {
  1107. font-family: "Poppins", sans-serif;
  1108. font-family: var(--font-headings, "Poppins", sans-serif);
  1109. font-size: calc(2 * 2.98598em);
  1110. font-weight: 700;
  1111. }
  1112. /**
  1113. * Spacing Overrides
  1114. */
  1115. [data-block] {
  1116. margin-top: 21.312px;
  1117. margin-bottom: 21.312px;
  1118. }
  1119. @media only screen and (min-width: 560px) {
  1120. [data-block] {
  1121. margin-top: 32px;
  1122. margin-bottom: 32px;
  1123. }
  1124. }
  1125. /*
  1126. * Margins
  1127. */
  1128. .margin-top-none {
  1129. margin-top: 0 !important;
  1130. }
  1131. .margin-top-half {
  1132. margin-top: 16px !important;
  1133. }
  1134. .margin-top-default {
  1135. margin-top: 32px !important;
  1136. }
  1137. .margin-right-none {
  1138. /*rtl:ignore*/
  1139. margin-right: 0 !important;
  1140. }
  1141. .margin-right-half {
  1142. /*rtl:ignore*/
  1143. margin-right: 16px !important;
  1144. }
  1145. .margin-right-default {
  1146. /*rtl:ignore*/
  1147. margin-right: 32px !important;
  1148. }
  1149. .margin-bottom-none {
  1150. margin-bottom: 0 !important;
  1151. }
  1152. .margin-bottom-half {
  1153. margin-bottom: 16px !important;
  1154. }
  1155. .margin-bottom-default {
  1156. margin-bottom: 32px !important;
  1157. }
  1158. .margin-left-none {
  1159. /*rtl:ignore*/
  1160. margin-left: 0 !important;
  1161. }
  1162. .margin-left-half {
  1163. /*rtl:ignore*/
  1164. margin-left: 16px !important;
  1165. }
  1166. .margin-left-default {
  1167. /*rtl:ignore*/
  1168. margin-left: 32px !important;
  1169. }
  1170. /*
  1171. * Padding
  1172. */
  1173. .padding-top-none {
  1174. padding-top: 0 !important;
  1175. }
  1176. .padding-top-half {
  1177. padding-top: 16px !important;
  1178. }
  1179. .padding-top-default {
  1180. padding-top: 32px !important;
  1181. }
  1182. .padding-right-none {
  1183. /*rtl:ignore*/
  1184. padding-right: 0 !important;
  1185. }
  1186. .padding-right-half {
  1187. /*rtl:ignore*/
  1188. padding-right: 16px !important;
  1189. }
  1190. .padding-right-default {
  1191. /*rtl:ignore*/
  1192. padding-right: 32px !important;
  1193. }
  1194. .padding-bottom-none {
  1195. padding-bottom: 0 !important;
  1196. }
  1197. .padding-bottom-half {
  1198. padding-bottom: 16px !important;
  1199. }
  1200. .padding-bottom-default {
  1201. padding-bottom: 32px !important;
  1202. }
  1203. .padding-left-none {
  1204. /*rtl:ignore*/
  1205. padding-left: 0 !important;
  1206. }
  1207. .padding-left-half {
  1208. /*rtl:ignore*/
  1209. padding-left: 16px !important;
  1210. }
  1211. .padding-left-default {
  1212. /*rtl:ignore*/
  1213. padding-left: 32px !important;
  1214. }
  1215. /**
  1216. * Vendors
  1217. * - Styles for 3rd party plugins and WP extensions
  1218. */
  1219. /**
  1220. * Vendors
  1221. * - 3rd-party compatibility styles
  1222. */
  1223. /**
  1224. * Set Jetpack form text color
  1225. */
  1226. .jetpack-contact-info-block .is-selected textarea.block-editor-plain-text {
  1227. color: var(--wp--preset--color--black);
  1228. }
  1229. /**
  1230. * Extras
  1231. */
  1232. /**
  1233. * 1. General Styles
  1234. */
  1235. a {
  1236. text-decoration: none;
  1237. }
  1238. .wp-block-group a,
  1239. .wp-block-cover a,
  1240. .wp-block-cover-image a,
  1241. .wp-block-media-text a,
  1242. p:not(.site-title) a {
  1243. text-decoration: underline;
  1244. }
  1245. .wp-block-group a.wp-block-button__link, .wp-block-group a:hover,
  1246. .wp-block-cover a.wp-block-button__link,
  1247. .wp-block-cover a:hover,
  1248. .wp-block-cover-image a.wp-block-button__link,
  1249. .wp-block-cover-image a:hover,
  1250. .wp-block-media-text a.wp-block-button__link,
  1251. .wp-block-media-text a:hover,
  1252. p:not(.site-title) a.wp-block-button__link,
  1253. p:not(.site-title) a:hover {
  1254. text-decoration: none;
  1255. }
  1256. .editor-post-title__block .editor-post-title__input {
  1257. text-align: left;
  1258. color: var(--wp--preset--color--primary);
  1259. }
  1260. h1,
  1261. h2,
  1262. h3,
  1263. h4,
  1264. h5,
  1265. h6 {
  1266. color: var(--wp--preset--color--primary);
  1267. }
  1268. /**
  1269. * 2. Block Specific Styles
  1270. */
  1271. /**
  1272. * 2.1. Column Block
  1273. */
  1274. .wp-block-columns .wp-block-latest-posts {
  1275. border-bottom: 1px solid var(--wp--preset--color--background-high-contrast);
  1276. }
  1277. .wp-block-columns .wp-block-latest-posts > li {
  1278. border-top: 1px solid var(--wp--preset--color--background-high-contrast);
  1279. margin: 0;
  1280. padding-top: 16px;
  1281. padding-bottom: 16px;
  1282. }
  1283. .wp-block-columns .wp-block-latest-posts > li > a {
  1284. font-size: 1rem;
  1285. font-weight: normal;
  1286. font-family: "Lato", sans-serif;
  1287. font-family: var(--font-base, "Lato", sans-serif);
  1288. line-height: 1.6;
  1289. }
  1290. .wp-block-columns .wp-block-latest-posts > li > time.wp-block-latest-posts__post-date {
  1291. font-size: 1rem;
  1292. }
  1293. /**
  1294. * 2.2. Quote Block
  1295. */
  1296. .wp-block-quote,
  1297. .wp-block-quote[style*="text-align:center"],
  1298. .wp-block-quote[style*="text-align:right"] {
  1299. border: 1px solid var(--wp--preset--color--background-high-contrast);
  1300. padding: 16px;
  1301. }
  1302. .wp-block-quote p,
  1303. .wp-block-quote[style*="text-align:center"] p,
  1304. .wp-block-quote[style*="text-align:right"] p {
  1305. font-family: "Lato", sans-serif;
  1306. font-family: var(--font-base, "Lato", sans-serif);
  1307. font-size: 1.2rem;
  1308. line-height: 1.6;
  1309. }
  1310. .wp-block-quote .wp-block-quote__citation,
  1311. .wp-block-quote[style*="text-align:center"] .wp-block-quote__citation,
  1312. .wp-block-quote[style*="text-align:right"] .wp-block-quote__citation {
  1313. color: inherit;
  1314. font-size: 1.2rem;
  1315. }
  1316. /**
  1317. * 2.3. File Block
  1318. */
  1319. .wp-block-file div.wp-block-file__button {
  1320. line-height: 1.44;
  1321. cursor: pointer;
  1322. font-weight: 700;
  1323. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  1324. font-family: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
  1325. background-color: var(--wp--preset--color--primary-hover);
  1326. font-size: 0.83333rem;
  1327. padding: 16px 16px;
  1328. text-transform: uppercase;
  1329. display: inline-block;
  1330. }
  1331. .wp-block-file div.wp-block-file__button:focus, .wp-block-file div.wp-block-file__button:hover {
  1332. color: var(--wp--preset--color--background);
  1333. background-color: var(--wp--preset--color--primary);
  1334. opacity: 1;
  1335. }
  1336. /**
  1337. * 2.4. Pre Block, Code Block and Verse Block
  1338. */
  1339. .wp-block-preformatted pre,
  1340. .wp-block-verse pre {
  1341. font-family: "Inconsolata", monospace;
  1342. font-size: 1rem;
  1343. }
  1344. .wp-block-code .block-editor-plain-text {
  1345. font-family: "Inconsolata", monospace;
  1346. font-size: 1rem;
  1347. }
  1348. /**
  1349. * 2.5. Button Block
  1350. */
  1351. .wp-block-button div.wp-block-button__link {
  1352. text-transform: uppercase;
  1353. border: 0;
  1354. border-radius: 5em;
  1355. text-transform: uppercase;
  1356. }
  1357. .wp-block-button div.wp-block-button__link.has-background:focus, .wp-block-button div.wp-block-button__link.has-background:hover, .wp-block-button div.wp-block-button__link.has-background:visited {
  1358. opacity: .8;
  1359. }
  1360. .wp-block-button.minimal .wp-block-button__link {
  1361. background: 0 0;
  1362. border: 2px solid;
  1363. }
  1364. /**
  1365. * 2.6. Search Block
  1366. */
  1367. .wp-block-search .wp-block-search__button {
  1368. text-transform: uppercase;
  1369. line-height: 1.44;
  1370. color: var(--wp--preset--color--background);
  1371. cursor: pointer;
  1372. font-weight: 700;
  1373. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  1374. font-family: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
  1375. font-size: 0.83333rem;
  1376. background-color: var(--wp--preset--color--primary-hover);
  1377. border-radius: 5em;
  1378. border-width: 0;
  1379. padding: 16px 16px;
  1380. display: inline-block;
  1381. border: none;
  1382. box-shadow: none;
  1383. }
  1384. .wp-block-search .wp-block-search__button:focus, .wp-block-search .wp-block-search__button:hover, .wp-block-search .wp-block-search__button:visited {
  1385. color: var(--wp--preset--color--background);
  1386. background-color: var(--wp--preset--color--primary);
  1387. opacity: 1;
  1388. }
  1389. .wp-block-a8c-blog-posts .entry-title a:active, .wp-block-a8c-blog-posts .entry-title a:focus, .wp-block-a8c-blog-posts .entry-title a:hover {
  1390. text-decoration: none;
  1391. }
  1392. .wp-block-a8c-blog-posts .cat-links a,
  1393. .wp-block-a8c-blog-posts .more-link,
  1394. .wp-block-a8c-blog-posts .entry-meta a {
  1395. text-decoration: none;
  1396. }
  1397. .wp-block-a8c-blog-posts .cat-links a:active, .wp-block-a8c-blog-posts .cat-links a:focus, .wp-block-a8c-blog-posts .cat-links a:hover,
  1398. .wp-block-a8c-blog-posts .more-link:active,
  1399. .wp-block-a8c-blog-posts .more-link:focus,
  1400. .wp-block-a8c-blog-posts .more-link:hover,
  1401. .wp-block-a8c-blog-posts .entry-meta a:active,
  1402. .wp-block-a8c-blog-posts .entry-meta a:focus,
  1403. .wp-block-a8c-blog-posts .entry-meta a:hover {
  1404. text-decoration: underline;
  1405. }
  1406. .wp-block-a8c-blog-posts.image-alignbehind article .entry-title a:active, .wp-block-a8c-blog-posts.image-alignbehind article .entry-title a:focus, .wp-block-a8c-blog-posts.image-alignbehind article .entry-title a:hover {
  1407. color: #fff;
  1408. text-decoration: underline;
  1409. }
  1410. .has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-title a,
  1411. [class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-title a,
  1412. [style*="background-color"] .wp-block-a8c-blog-posts .entry-title a {
  1413. text-decoration: none;
  1414. }
  1415. .has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-title a:active, .has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-title a:focus, .has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-title a:hover,
  1416. [class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-title a:active,
  1417. [class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-title a:focus,
  1418. [class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-title a:hover,
  1419. [style*="background-color"] .wp-block-a8c-blog-posts .entry-title a:active,
  1420. [style*="background-color"] .wp-block-a8c-blog-posts .entry-title a:focus,
  1421. [style*="background-color"] .wp-block-a8c-blog-posts .entry-title a:hover {
  1422. text-decoration: underline;
  1423. }
  1424. .wp-block-a8c-blog-posts + .button {
  1425. font-size: 0.83333em;
  1426. }