ie-editor.css 51 KB

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