style-editor.css 33 KB

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