ie-editor.css 49 KB

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