ie-editor.css 46 KB

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