style-editor.css 43 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821
  1. @charset "UTF-8";
  2. /*!
  3. Calm (Twenty Nineteen) Editor Styles
  4. */
  5. /** === Includes === */
  6. /* If we add the border using a regular CSS border, it won't look good on non-retina devices,
  7. * since its edges can look jagged due to lack of antialiasing. In this case, we are several
  8. * layers of box-shadow to add the border visually, which will render the border smoother. */
  9. /* Fallback for non-latin fonts */
  10. /* Calculates maximum width for post content */
  11. /* Nested sub-menu padding: 10 levels deep */
  12. .site-header {
  13. padding: 1rem 1em 0.75rem;
  14. text-align: center;
  15. }
  16. .site-header.featured-image {
  17. display: flex;
  18. flex-direction: column;
  19. justify-content: space-between;
  20. min-height: 90vh;
  21. }
  22. .site-header.featured-image .site-branding-container {
  23. margin-bottom: auto;
  24. }
  25. @media only screen and (min-width: 768px) {
  26. .site-header {
  27. margin: 0;
  28. padding: 2rem 0 1.5rem;
  29. }
  30. .site-header.featured-image {
  31. min-height: 100vh;
  32. margin-bottom: 3rem;
  33. }
  34. }
  35. .site-branding {
  36. color: #fff;
  37. position: relative;
  38. }
  39. @media only screen and (min-width: 768px) {
  40. .site-branding {
  41. margin: 0 calc(10% + 60px);
  42. }
  43. }
  44. .site-logo {
  45. position: relative;
  46. z-index: 999;
  47. display: inline-block;
  48. margin-bottom: 0.5rem;
  49. }
  50. @media only screen and (min-width: 768px) {
  51. .site-logo {
  52. margin-bottom: 1rem;
  53. z-index: 999;
  54. }
  55. }
  56. .site-logo .custom-logo-link {
  57. box-sizing: content-box;
  58. overflow: hidden;
  59. display: block;
  60. }
  61. .site-logo .custom-logo-link .custom-logo {
  62. min-height: inherit;
  63. max-height: 66px;
  64. vertical-align: top;
  65. width: auto;
  66. }
  67. @media only screen and (min-width: 768px) {
  68. .site-logo .custom-logo-link .custom-logo {
  69. max-height: 88px;
  70. }
  71. }
  72. .site-title,
  73. .site-title.wp-block-a8c-site-title,
  74. .site-title.wp-block-a8c-site-title:focus {
  75. margin: 0;
  76. display: block;
  77. color: #242424;
  78. font-size: 1.6875em;
  79. /* When there is no description set, make sure navigation appears below title. */
  80. }
  81. .site-title a,
  82. .site-title.wp-block-a8c-site-title a,
  83. .site-title.wp-block-a8c-site-title:focus a {
  84. color: #242424;
  85. }
  86. .site-title a:link, .site-title a:visited,
  87. .site-title.wp-block-a8c-site-title a:link,
  88. .site-title.wp-block-a8c-site-title a:visited,
  89. .site-title.wp-block-a8c-site-title:focus a:link,
  90. .site-title.wp-block-a8c-site-title:focus a:visited {
  91. color: #242424;
  92. }
  93. .site-title a:hover,
  94. .site-title.wp-block-a8c-site-title a:hover,
  95. .site-title.wp-block-a8c-site-title:focus a:hover {
  96. color: #4a4a4a;
  97. }
  98. .featured-image .site-title, .featured-image
  99. .site-title.wp-block-a8c-site-title, .featured-image
  100. .site-title.wp-block-a8c-site-title:focus {
  101. margin: 0;
  102. }
  103. .site-title + .main-navigation,
  104. .site-title.wp-block-a8c-site-title + .main-navigation,
  105. .site-title.wp-block-a8c-site-title:focus + .main-navigation {
  106. display: block;
  107. }
  108. @media only screen and (min-width: 768px) {
  109. .site-title,
  110. .site-title.wp-block-a8c-site-title,
  111. .site-title.wp-block-a8c-site-title:focus {
  112. display: block;
  113. }
  114. }
  115. .site-description,
  116. .block-editor .wp-block-a8c-site-description,
  117. .wp-block-a8c-site-description,
  118. .wp-block-a8c-site-description:focus {
  119. display: block;
  120. color: #242424;
  121. font-weight: normal;
  122. margin: 8px 0 0;
  123. }
  124. /** === Main menu === */
  125. .main-navigation {
  126. display: block;
  127. margin-top: 1rem;
  128. margin-bottom: 0;
  129. /* Un-style buttons */
  130. /*
  131. * Sub-menu styles
  132. *
  133. * :focus-within needs its own selector so other similar
  134. * selectors don’t get ignored if a browser doesn’t recognize it
  135. */
  136. /**
  137. * Fade-in animation for top-level submenus
  138. */
  139. /**
  140. * Off-canvas touch device styles
  141. */
  142. }
  143. body.page .main-navigation {
  144. display: block;
  145. }
  146. .main-navigation > div {
  147. display: inline;
  148. }
  149. .main-navigation button {
  150. display: inline-block;
  151. border: none;
  152. padding: 0;
  153. margin: 0;
  154. font-family: "Poppins", sans-serif;
  155. font-weight: 700;
  156. line-height: 1.2;
  157. text-decoration: none;
  158. background: transparent;
  159. color: inherit;
  160. cursor: pointer;
  161. transition: background 250ms ease-in-out, transform 150ms ease;
  162. -webkit-appearance: none;
  163. -moz-appearance: none;
  164. }
  165. .main-navigation button:hover, .main-navigation button:focus {
  166. background: transparent;
  167. }
  168. .main-navigation button:focus {
  169. outline: 1px solid transparent;
  170. outline-offset: -4px;
  171. }
  172. .main-navigation button:active {
  173. transform: scale(0.99);
  174. }
  175. .main-navigation .main-menu {
  176. display: inline-block;
  177. margin: 0;
  178. padding: 0;
  179. }
  180. .main-navigation .main-menu > li {
  181. color: #8D6708;
  182. display: inline;
  183. position: relative;
  184. }
  185. .main-navigation .main-menu > li > a {
  186. font-weight: 600;
  187. color: #8D6708;
  188. margin-right: 0.5rem;
  189. }
  190. .main-navigation .main-menu > li > a + svg {
  191. margin-right: 0.5rem;
  192. }
  193. .main-navigation .main-menu > li > a:hover,
  194. .main-navigation .main-menu > li > a:hover + svg {
  195. color: #5d4405;
  196. }
  197. .main-navigation .main-menu > li.menu-item-has-children {
  198. display: inline-block;
  199. position: inherit;
  200. }
  201. @media only screen and (min-width: 768px) {
  202. .main-navigation .main-menu > li.menu-item-has-children {
  203. position: relative;
  204. }
  205. }
  206. .main-navigation .main-menu > li.menu-item-has-children > a {
  207. margin-right: 0.125rem;
  208. }
  209. .main-navigation .main-menu > li.menu-item-has-children > a:after,
  210. .main-navigation .main-menu > li.menu-item-has-children .menu-item-has-children > a:after {
  211. content: "";
  212. display: none;
  213. }
  214. .main-navigation .main-menu > li.menu-item-has-children .submenu-expand {
  215. display: inline-block;
  216. margin-right: 0.25rem;
  217. /* Priority+ Menu */
  218. }
  219. .main-navigation .main-menu > li.menu-item-has-children .submenu-expand.main-menu-more-toggle {
  220. position: relative;
  221. height: 24px;
  222. line-height: 1.2;
  223. width: 24px;
  224. padding: 0;
  225. margin-left: 0.5rem;
  226. }
  227. .main-navigation .main-menu > li.menu-item-has-children .submenu-expand.main-menu-more-toggle svg {
  228. height: 24px;
  229. width: 24px;
  230. top: -0.125rem;
  231. vertical-align: text-bottom;
  232. }
  233. .wp-customizer-unloading .main-navigation .main-menu > li.menu-item-has-children .submenu-expand, .main-navigation .main-menu > li.menu-item-has-children .submenu-expand.is-empty {
  234. display: none;
  235. }
  236. .main-navigation .main-menu > li.menu-item-has-children .submenu-expand svg {
  237. position: relative;
  238. top: 0.2rem;
  239. }
  240. .main-navigation .main-menu > li:last-child > a,
  241. .main-navigation .main-menu > li:last-child.menu-item-has-children .submenu-expand {
  242. margin-right: 0;
  243. }
  244. .main-navigation .sub-menu {
  245. text-align: left;
  246. background-color: #8D6708;
  247. color: #FAF8F5;
  248. list-style: none;
  249. padding-left: 0;
  250. position: absolute;
  251. opacity: 0;
  252. left: -9999px;
  253. z-index: 99999;
  254. }
  255. @media only screen and (min-width: 768px) {
  256. .main-navigation .sub-menu {
  257. width: auto;
  258. min-width: -webkit-max-content;
  259. min-width: max-content;
  260. }
  261. }
  262. .main-navigation .sub-menu > li {
  263. display: block;
  264. float: none;
  265. position: relative;
  266. }
  267. .main-navigation .sub-menu > li.menu-item-has-children .submenu-expand {
  268. display: inline-block;
  269. position: absolute;
  270. width: calc( 24px + 1rem);
  271. right: 0;
  272. top: calc( .125 * 1rem);
  273. bottom: 0;
  274. color: white;
  275. line-height: 1;
  276. padding: calc( .5 * 1rem);
  277. }
  278. .main-navigation .sub-menu > li.menu-item-has-children .submenu-expand svg {
  279. top: 0;
  280. }
  281. .main-navigation .sub-menu > li.menu-item-has-children .submenu-expand {
  282. margin-right: 0;
  283. }
  284. @media only screen and (min-width: 768px) {
  285. .main-navigation .sub-menu > li.menu-item-has-children .menu-item-has-children > a:after {
  286. content: "\203a";
  287. }
  288. }
  289. .main-navigation .sub-menu > li > a,
  290. .main-navigation .sub-menu > li > .menu-item-link-return {
  291. color: #FAF8F5;
  292. display: block;
  293. line-height: 1.2;
  294. text-shadow: none;
  295. padding: calc( .5 * 1rem) calc( 24px + 1rem) calc( .5 * 1rem) 1rem;
  296. white-space: nowrap;
  297. font-weight: 600;
  298. }
  299. .main-navigation .sub-menu > li > a:hover, .main-navigation .sub-menu > li > a:focus,
  300. .main-navigation .sub-menu > li > .menu-item-link-return:hover,
  301. .main-navigation .sub-menu > li > .menu-item-link-return:focus {
  302. background: #5d4405;
  303. }
  304. .main-navigation .sub-menu > li > a:hover:after, .main-navigation .sub-menu > li > a:focus:after,
  305. .main-navigation .sub-menu > li > .menu-item-link-return:hover:after,
  306. .main-navigation .sub-menu > li > .menu-item-link-return:focus:after {
  307. background: #5d4405;
  308. }
  309. .main-navigation .sub-menu > li > .menu-item-link-return {
  310. width: 100%;
  311. font-size: 22px;
  312. font-weight: normal;
  313. text-align: left;
  314. }
  315. .main-navigation .sub-menu > li > a:empty {
  316. display: none;
  317. }
  318. .main-navigation .sub-menu > li.mobile-parent-nav-menu-item {
  319. display: none;
  320. font-size: 0.88889em;
  321. font-weight: normal;
  322. }
  323. .main-navigation .sub-menu > li.mobile-parent-nav-menu-item svg {
  324. position: relative;
  325. top: 0.2rem;
  326. margin-right: calc( .25 * 1rem);
  327. }
  328. .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu {
  329. display: block;
  330. left: 0;
  331. margin-top: 0;
  332. opacity: 1;
  333. width: auto;
  334. min-width: 100%;
  335. font-weight: 600;
  336. /* Non-mobile position */
  337. /* Nested sub-menu dashes */
  338. }
  339. @media only screen and (min-width: 768px) {
  340. .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu {
  341. display: block;
  342. margin-top: 0;
  343. opacity: 1;
  344. position: absolute;
  345. left: 0;
  346. right: auto;
  347. top: auto;
  348. bottom: auto;
  349. height: auto;
  350. min-width: -webkit-max-content;
  351. min-width: max-content;
  352. transform: none;
  353. }
  354. }
  355. .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu.hidden-links {
  356. left: 0;
  357. width: 100%;
  358. display: table;
  359. position: absolute;
  360. }
  361. @media only screen and (min-width: 768px) {
  362. .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu.hidden-links {
  363. right: 0;
  364. left: auto;
  365. display: block;
  366. width: -webkit-max-content;
  367. width: max-content;
  368. }
  369. }
  370. .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .submenu-expand {
  371. display: none;
  372. }
  373. .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu {
  374. display: block;
  375. margin-top: inherit;
  376. position: relative;
  377. width: 100%;
  378. left: 0;
  379. opacity: 1;
  380. font-weight: 600;
  381. /* Non-mobile position */
  382. }
  383. @media only screen and (min-width: 768px) {
  384. .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu {
  385. float: none;
  386. max-width: 100%;
  387. }
  388. }
  389. .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu {
  390. counter-reset: submenu;
  391. }
  392. .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu > li > a::before {
  393. font-family: "Poppins", sans-serif;
  394. font-weight: normal;
  395. content: "– " counters(submenu, "– ", none);
  396. counter-increment: submenu;
  397. }
  398. .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
  399. .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu,
  400. .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu {
  401. display: block;
  402. left: 0;
  403. margin-top: 0;
  404. opacity: 1;
  405. width: auto;
  406. min-width: 100%;
  407. /* Non-mobile position */
  408. /* Nested sub-menu dashes */
  409. }
  410. @media only screen and (min-width: 768px) {
  411. .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
  412. .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu,
  413. .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu {
  414. display: block;
  415. float: none;
  416. margin-top: 0;
  417. opacity: 1;
  418. position: absolute;
  419. left: 0;
  420. right: auto;
  421. top: auto;
  422. bottom: auto;
  423. height: auto;
  424. min-width: -webkit-max-content;
  425. min-width: max-content;
  426. transform: none;
  427. }
  428. }
  429. .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu.hidden-links,
  430. .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu.hidden-links,
  431. .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu.hidden-links {
  432. left: 0;
  433. width: 100%;
  434. display: table;
  435. position: absolute;
  436. }
  437. @media only screen and (min-width: 768px) {
  438. .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu.hidden-links,
  439. .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu.hidden-links,
  440. .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu.hidden-links {
  441. right: 0;
  442. left: auto;
  443. display: table;
  444. width: -webkit-max-content;
  445. width: max-content;
  446. }
  447. }
  448. .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .submenu-expand,
  449. .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .submenu-expand,
  450. .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .submenu-expand {
  451. display: none;
  452. }
  453. .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu,
  454. .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu,
  455. .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu {
  456. display: block;
  457. margin-top: inherit;
  458. position: relative;
  459. width: 100%;
  460. left: 0;
  461. opacity: 1;
  462. /* Non-mobile position */
  463. }
  464. @media only screen and (min-width: 768px) {
  465. .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu,
  466. .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu,
  467. .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu {
  468. float: none;
  469. max-width: 100%;
  470. }
  471. }
  472. .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu,
  473. .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu,
  474. .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu {
  475. counter-reset: submenu;
  476. }
  477. .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu > li > a::before,
  478. .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu > li > a::before,
  479. .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu > li > a::before {
  480. font-family: "Poppins", sans-serif;
  481. font-weight: normal;
  482. content: "– " counters(submenu, "– ", none);
  483. counter-increment: submenu;
  484. }
  485. .main-navigation .main-menu > .menu-item-has-children:not(.off-canvas):hover > .sub-menu {
  486. animation: fade_in 0.1s forwards;
  487. }
  488. .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu .submenu-expand .svg-icon {
  489. transform: rotate(270deg);
  490. }
  491. .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu .sub-menu {
  492. opacity: 0;
  493. position: absolute;
  494. z-index: 0;
  495. transform: translateX(-100%);
  496. }
  497. .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li:hover,
  498. .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li:focus,
  499. .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li > a:hover,
  500. .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li > a:focus {
  501. background-color: transparent;
  502. }
  503. .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu > li > a,
  504. .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu > li > .menu-item-link-return {
  505. white-space: inherit;
  506. }
  507. .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true {
  508. display: table;
  509. margin-top: 0;
  510. opacity: 1;
  511. padding-left: 0;
  512. /* Mobile position */
  513. left: 0;
  514. top: 0;
  515. right: 0;
  516. bottom: 0;
  517. position: fixed;
  518. z-index: 100000;
  519. /* Make sure appears above mobile admin bar */
  520. width: 100vw;
  521. height: 100vh;
  522. max-width: 100vw;
  523. transform: translateX(100%);
  524. animation: slide_in_right 0.3s forwards;
  525. /* Prevent menu from being blocked by admin bar */
  526. }
  527. .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true > .mobile-parent-nav-menu-item {
  528. display: block;
  529. }
  530. .admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true {
  531. top: 46px;
  532. height: calc( 100vh - 46px);
  533. /* WP core breakpoint */
  534. }
  535. .admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true .sub-menu.expanded-true {
  536. top: 0;
  537. }
  538. @media only screen and (min-width: 782px) {
  539. .admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true {
  540. top: 32px;
  541. height: calc( 100vh - 32px);
  542. }
  543. .admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true .sub-menu.expanded-true {
  544. top: 0;
  545. }
  546. }
  547. .main-navigation .main-menu-more:nth-child(n+3) {
  548. display: none;
  549. }
  550. /* Menu animation */
  551. @keyframes slide_in_right {
  552. 100% {
  553. transform: translateX(0%);
  554. }
  555. }
  556. @keyframes fade_in {
  557. from {
  558. opacity: 0;
  559. }
  560. to {
  561. opacity: 1;
  562. }
  563. }
  564. .author-description .author-link,
  565. .comment-metadata,
  566. .comment-reply-link,
  567. .comments-title,
  568. .comment-author .fn,
  569. .discussion-meta-info,
  570. .entry-meta,
  571. .entry-footer,
  572. .main-navigation,
  573. .no-comments,
  574. .not-found .page-title,
  575. .error-404 .page-title,
  576. .post-navigation .post-title,
  577. .page-links,
  578. .page-description,
  579. .pagination .nav-links,
  580. .sticky-post,
  581. .site-title,
  582. .site-title:focus,
  583. .site-info,
  584. #cancel-comment-reply-link,
  585. img:after,
  586. h1,
  587. h2,
  588. h3,
  589. h4,
  590. h5,
  591. h6 {
  592. font-family: "Poppins", sans-serif;
  593. }
  594. .main-navigation,
  595. .page-description,
  596. .author-description .author-link,
  597. .not-found .page-title,
  598. .error-404 .page-title,
  599. .post-navigation .post-title,
  600. .pagination .nav-links,
  601. .comments-title,
  602. .comment-author .fn,
  603. .no-comments,
  604. .site-title,
  605. .site-title:focus,
  606. h1,
  607. h2,
  608. h3,
  609. h4,
  610. h5,
  611. h6 {
  612. font-weight: 600;
  613. letter-spacing: normal;
  614. line-height: 1.2;
  615. -webkit-font-smoothing: antialiased;
  616. -moz-osx-font-smoothing: grayscale;
  617. }
  618. .page-title {
  619. font-family: "Poppins", sans-serif;
  620. }
  621. .site-branding,
  622. .main-navigation ul.main-menu > li,
  623. .social-navigation,
  624. .author-description .author-bio,
  625. .nav-links {
  626. line-height: 1.25;
  627. }
  628. h1 {
  629. font-size: 1.6875em;
  630. }
  631. .entry-title,
  632. .not-found .page-title,
  633. .error-404 .page-title,
  634. .has-larger-font-size,
  635. h2 {
  636. font-size: 1.125em;
  637. }
  638. .has-regular-font-size,
  639. .has-large-font-size,
  640. .comments-title,
  641. h3 {
  642. font-size: 22px;
  643. }
  644. .site-title,
  645. .site-title:focus,
  646. .site-description,
  647. .site-description:focus,
  648. .main-navigation,
  649. .nav-links,
  650. .page-title,
  651. .page-description,
  652. .comment-author .fn,
  653. .no-comments,
  654. h2.author-title,
  655. p.author-bio,
  656. h4 {
  657. font-size: 0.88889em;
  658. }
  659. .pagination .nav-links,
  660. .comment-content,
  661. h5 {
  662. font-size: 0.71111em;
  663. }
  664. .entry-meta,
  665. .entry-footer,
  666. .discussion-meta-info,
  667. .site-info,
  668. .has-small-font-size,
  669. .comment-reply-link,
  670. .comment-metadata,
  671. .comment-notes,
  672. .sticky-post,
  673. #cancel-comment-reply-link,
  674. img:after,
  675. h6 {
  676. font-size: 0.59259em;
  677. }
  678. .site-title,
  679. .site-title:focus,
  680. .page-title {
  681. font-weight: 700;
  682. font-size: 1.125em;
  683. }
  684. .page-description,
  685. .page-links a {
  686. font-weight: bold;
  687. }
  688. .site-description,
  689. .wp-block-a8c-site-description,
  690. .wp-block-a8c-site-description:focus {
  691. letter-spacing: normal;
  692. font-size: 0.71111em;
  693. }
  694. .post-navigation .post-title,
  695. .entry-title,
  696. .not-found .page-title,
  697. .error-404 .page-title,
  698. .comments-title,
  699. blockquote {
  700. -webkit-hyphens: auto;
  701. -ms-hyphens: auto;
  702. hyphens: auto;
  703. word-break: break-word;
  704. }
  705. /* Do not hyphenate entry title on tablet view and bigger. */
  706. @media only screen and (min-width: 768px) {
  707. .entry-title {
  708. -webkit-hyphens: none;
  709. -ms-hyphens: none;
  710. hyphens: none;
  711. }
  712. }
  713. /** === Editor Frame === */
  714. body {
  715. background-color: #FAF8F5;
  716. font-weight: 400;
  717. font-size: 1em;
  718. }
  719. body .wp-block[data-align="full"] {
  720. width: 100%;
  721. }
  722. @media only screen and (min-width: 600px) {
  723. body .wp-block[data-align="full"] {
  724. width: calc( 100% + 90px);
  725. max-width: calc( 100% + 90px);
  726. }
  727. }
  728. @media only screen and (min-width: 768px) {
  729. body .editor-writing-flow {
  730. max-width: 80%;
  731. margin: 0 10%;
  732. }
  733. body .wp-block[data-align="wide"] {
  734. width: 100%;
  735. }
  736. body .wp-block[data-align="full"] {
  737. position: relative;
  738. left: calc( -12.5% - 14px);
  739. width: calc( 125% + 116px);
  740. max-width: calc( 125% + 115px);
  741. }
  742. body .wp-block[data-align="right"] {
  743. max-width: 125%;
  744. }
  745. }
  746. /** === Content Width === */
  747. .wp-block {
  748. width: calc(100vw - (2 * 1rem));
  749. max-width: 100%;
  750. }
  751. @media only screen and (min-width: 768px) {
  752. .wp-block {
  753. width: calc(8 * (100vw / 12) - 28px);
  754. }
  755. }
  756. @media only screen and (min-width: 1168px) {
  757. .wp-block {
  758. width: calc(6 * (100vw / 12) - 28px);
  759. }
  760. }
  761. .wp-block .wp-block {
  762. width: 100%;
  763. }
  764. .block-editor-block-list__layout {
  765. padding: 0;
  766. }
  767. /** === Base Typography === */
  768. body {
  769. font-size: 22px;
  770. font-family: "Poppins", sans-serif;
  771. line-height: 1.8;
  772. color: #242424;
  773. }
  774. p {
  775. font-size: 22px;
  776. }
  777. p.has-small-font-size {
  778. font-size: 0.88889em;
  779. }
  780. p.has-normal-font-size {
  781. font-size: 1.125em;
  782. }
  783. p.has-large-font-size {
  784. font-size: 1.6875em;
  785. }
  786. p.has-huge-font-size {
  787. font-size: 2.25em;
  788. }
  789. h1,
  790. h2,
  791. h3,
  792. h4,
  793. h5,
  794. h6 {
  795. font-family: "Poppins", sans-serif;
  796. font-weight: 600;
  797. line-height: 1.2;
  798. margin-top: 32px;
  799. margin-bottom: 32px;
  800. }
  801. .editor-inner-blocks h1, .editor-inner-blocks
  802. h2, .editor-inner-blocks
  803. h3, .editor-inner-blocks
  804. h4, .editor-inner-blocks
  805. h5, .editor-inner-blocks
  806. h6 {
  807. margin-top: 1.375rem;
  808. margin-bottom: 1.375rem;
  809. }
  810. h1 {
  811. font-size: 1.6875em;
  812. }
  813. h2 {
  814. font-size: 1.125em;
  815. }
  816. h3 {
  817. font-size: 22px;
  818. }
  819. h4 {
  820. font-size: 0.88889em;
  821. }
  822. h5 {
  823. font-size: 0.71111em;
  824. }
  825. h6 {
  826. font-size: 0.59259em;
  827. }
  828. a {
  829. transition: color 110ms ease-in-out;
  830. color: #8D6708;
  831. }
  832. a:hover, a:active {
  833. color: #5d4405;
  834. outline: 0;
  835. text-decoration: none;
  836. }
  837. a:focus {
  838. outline: 0;
  839. text-decoration: underline;
  840. }
  841. .has-primary-background-color,
  842. .has-secondary-background-color,
  843. .has-dark-gray-background-color,
  844. .has-light-gray-background-color {
  845. color: #FAF8F5;
  846. }
  847. .has-primary-background-color p,
  848. .has-primary-background-color h1,
  849. .has-primary-background-color h2,
  850. .has-primary-background-color h3,
  851. .has-primary-background-color h4,
  852. .has-primary-background-color h5,
  853. .has-primary-background-color h6,
  854. .has-primary-background-color a,
  855. .has-secondary-background-color p,
  856. .has-secondary-background-color h1,
  857. .has-secondary-background-color h2,
  858. .has-secondary-background-color h3,
  859. .has-secondary-background-color h4,
  860. .has-secondary-background-color h5,
  861. .has-secondary-background-color h6,
  862. .has-secondary-background-color a,
  863. .has-dark-gray-background-color p,
  864. .has-dark-gray-background-color h1,
  865. .has-dark-gray-background-color h2,
  866. .has-dark-gray-background-color h3,
  867. .has-dark-gray-background-color h4,
  868. .has-dark-gray-background-color h5,
  869. .has-dark-gray-background-color h6,
  870. .has-dark-gray-background-color a,
  871. .has-light-gray-background-color p,
  872. .has-light-gray-background-color h1,
  873. .has-light-gray-background-color h2,
  874. .has-light-gray-background-color h3,
  875. .has-light-gray-background-color h4,
  876. .has-light-gray-background-color h5,
  877. .has-light-gray-background-color h6,
  878. .has-light-gray-background-color a {
  879. color: #FAF8F5;
  880. }
  881. .has-white-background-color {
  882. color: #242424;
  883. }
  884. .has-white-background-color p,
  885. .has-white-background-color h1,
  886. .has-white-background-color h2,
  887. .has-white-background-color h3,
  888. .has-white-background-color h4,
  889. .has-white-background-color h5,
  890. .has-white-background-color h6,
  891. .has-white-background-color a {
  892. color: #242424;
  893. }
  894. figcaption,
  895. .gallery-caption {
  896. font-family: "Poppins", sans-serif;
  897. font-size: 0.71111em;
  898. line-height: 1.6;
  899. color: #fff;
  900. }
  901. /** === Post Title === */
  902. .editor-post-title {
  903. margin-left: auto;
  904. margin-right: auto;
  905. padding: 0;
  906. }
  907. @media only screen and (min-width: 768px) {
  908. .editor-post-title {
  909. width: calc(8 * (100vw / 12) - 28px);
  910. }
  911. }
  912. @media only screen and (min-width: 1168px) {
  913. .editor-post-title {
  914. width: calc(6 * (100vw / 12) - 28px);
  915. }
  916. }
  917. .editor-post-title__block {
  918. font-size: 22px;
  919. margin: 0;
  920. }
  921. .editor-post-title__block:before {
  922. margin-top: 0;
  923. margin-bottom: 0;
  924. position: relative;
  925. top: 0.5em;
  926. }
  927. .editor-post-title__block .editor-post-title__input {
  928. font-family: "Poppins", sans-serif;
  929. font-size: 1.125em;
  930. font-weight: 600;
  931. }
  932. @media only screen and (min-width: 768px) {
  933. .editor-post-title__block .editor-post-title__input {
  934. font-size: 1.6875em;
  935. }
  936. }
  937. /** === Default Appender === */
  938. .editor-default-block-appender .editor-default-block-appender__content {
  939. font-family: "Poppins", sans-serif;
  940. font-size: 22px;
  941. }
  942. /** === Heading === */
  943. .wp-block-heading strong {
  944. font-weight: bolder;
  945. }
  946. /** === Paragraph === */
  947. .wp-block-paragraph.has-drop-cap:not(:focus)::first-letter {
  948. font-family: "Poppins", sans-serif;
  949. font-size: 3.375em;
  950. line-height: 1;
  951. font-weight: bold;
  952. margin: 0 0.25em 0 0;
  953. }
  954. /** === Table === */
  955. .wp-block-table {
  956. font-family: "Poppins", sans-serif;
  957. }
  958. /** === Cover === */
  959. .wp-block-cover {
  960. position: relative;
  961. min-height: 380px;
  962. padding: 1rem;
  963. }
  964. .wp-block-cover .wp-block-cover__inner-container {
  965. padding: 0;
  966. color: #fff;
  967. }
  968. .wp-block-cover .wp-block-cover__inner-container a {
  969. color: inherit;
  970. }
  971. .wp-block-cover .wp-block-cover__inner-container strong {
  972. font-weight: bolder;
  973. }
  974. .wp-block-cover .wp-block-cover__inner-container h1,
  975. .wp-block-cover .wp-block-cover__inner-container h2,
  976. .wp-block-cover .wp-block-cover__inner-container h3,
  977. .wp-block-cover .wp-block-cover__inner-container h4,
  978. .wp-block-cover .wp-block-cover__inner-container h5,
  979. .wp-block-cover .wp-block-cover__inner-container h6 {
  980. font-weight: 700;
  981. }
  982. .wp-block-cover .wp-block-cover__inner-container h1 {
  983. font-size: 2.25em;
  984. }
  985. .wp-block-cover .wp-block-cover__inner-container h2 {
  986. font-size: 1.6875em;
  987. max-width: 100%;
  988. padding: 0;
  989. text-align: inherit;
  990. }
  991. .wp-block-cover .wp-block-cover__inner-container h2.has-text-align-left {
  992. text-align: left;
  993. }
  994. .wp-block-cover .wp-block-cover__inner-container h2.has-text-align-center {
  995. text-align: center;
  996. }
  997. .wp-block-cover .wp-block-cover__inner-container h2.has-text-align-right {
  998. text-align: right;
  999. }
  1000. .wp-block-cover .wp-block-cover__inner-container h3 {
  1001. font-size: 1.125em;
  1002. }
  1003. .wp-block-cover .wp-block-cover__inner-container h4 {
  1004. font-size: 22px;
  1005. }
  1006. .wp-block-cover .wp-block-cover__inner-container h5 {
  1007. font-size: 0.88889em;
  1008. }
  1009. .wp-block-cover .wp-block-cover__inner-container h6 {
  1010. font-size: 0.71111em;
  1011. }
  1012. @media only screen and (min-width: 768px) {
  1013. .wp-block-cover .wp-block-cover__inner-container {
  1014. margin-left: auto;
  1015. margin-right: auto;
  1016. padding: 0;
  1017. }
  1018. .wp-block-cover .wp-block-cover__inner-container h1 {
  1019. font-size: 3.375em;
  1020. }
  1021. .wp-block-cover .wp-block-cover__inner-container h2 {
  1022. font-size: 2.8125em;
  1023. }
  1024. .wp-block-cover .wp-block-cover__inner-container h3 {
  1025. font-size: 1.6875em;
  1026. }
  1027. .wp-block-cover .wp-block-cover__inner-container h4 {
  1028. font-size: 1.125em;
  1029. }
  1030. .wp-block-cover .wp-block-cover__inner-container h5 {
  1031. font-size: 22px;
  1032. }
  1033. .wp-block-cover .wp-block-cover__inner-container h6 {
  1034. font-size: 0.88889em;
  1035. }
  1036. }
  1037. .wp-block-cover h2 {
  1038. text-align: inherit;
  1039. }
  1040. @media only screen and (min-width: 768px) {
  1041. .wp-block-cover {
  1042. padding: 1rem 10%;
  1043. min-height: 620px;
  1044. }
  1045. }
  1046. .wp-block[data-type="core/cover"][data-align="left"] .wp-block-cover__inner-container,
  1047. .wp-block[data-type="core/cover"][data-align="right"] .wp-block-cover__inner-container {
  1048. width: calc(2 * (100vw / 12));
  1049. }
  1050. .wp-block[data-type="core/cover"][data-align="left"] .wp-block-cover,
  1051. .wp-block[data-type="core/cover"][data-align="right"] .wp-block-cover {
  1052. width: 100%;
  1053. max-width: 100%;
  1054. padding: calc(1.375 * 1rem);
  1055. }
  1056. .wp-block[data-type="core/cover"][data-align="left"] .wp-block-cover p,
  1057. .wp-block[data-type="core/cover"][data-align="right"] .wp-block-cover p {
  1058. padding-left: 0;
  1059. padding-right: 0;
  1060. }
  1061. @media only screen and (min-width: 768px) {
  1062. .wp-block[data-type="core/cover"][data-align="left"] .wp-block-cover,
  1063. .wp-block[data-type="core/cover"][data-align="right"] .wp-block-cover {
  1064. padding: calc(2.75 * 1rem) calc(2.75 * 1rem) calc(3.125 * 1rem);
  1065. }
  1066. }
  1067. @media only screen and (min-width: 768px) {
  1068. .wp-block[data-type="core/cover"][data-align="wide"] .wp-block-cover__inner-container,
  1069. .wp-block[data-type="core/cover"][data-align="full"] .wp-block-cover__inner-container {
  1070. max-width: 100%;
  1071. }
  1072. }
  1073. @media only screen and (min-width: 1168px) {
  1074. .wp-block[data-type="core/cover"][data-align="wide"] .wp-block-cover__inner-container,
  1075. .wp-block[data-type="core/cover"][data-align="full"] .wp-block-cover__inner-container {
  1076. max-width: 100%;
  1077. }
  1078. }
  1079. @media only screen and (min-width: 768px) {
  1080. .wp-block[data-type="core/cover"][data-align="full"] .wp-block-cover {
  1081. padding-left: calc(10% + 64px);
  1082. padding-right: calc(10% + 64px);
  1083. }
  1084. }
  1085. /** === Gallery === */
  1086. .wp-block-gallery .blocks-gallery-image figcaption,
  1087. .wp-block-gallery .blocks-gallery-item figcaption,
  1088. .wp-block-gallery .gallery-item .gallery-caption {
  1089. font-size: 0.71111em;
  1090. line-height: 1.6;
  1091. }
  1092. /** === Button === */
  1093. .wp-block-button .wp-block-button__link {
  1094. line-height: 1.8;
  1095. font-family: "Poppins", sans-serif;
  1096. font-size: 0.88889em;
  1097. font-weight: bold;
  1098. }
  1099. .wp-block-button:not(.is-style-outline) .wp-block-button__link {
  1100. background: #8D6708;
  1101. }
  1102. .wp-block-button:not(.is-style-squared) .wp-block-button__link {
  1103. border-radius: 5px;
  1104. }
  1105. .wp-block-button.is-style-outline, .wp-block-button.is-style-outline:hover, .wp-block-button.is-style-outline:focus, .wp-block-button.is-style-outline:active {
  1106. background: transparent;
  1107. color: #8D6708;
  1108. }
  1109. .wp-block-button.is-style-outline .wp-block-button__link, .wp-block-button.is-style-outline:hover .wp-block-button__link, .wp-block-button.is-style-outline:focus .wp-block-button__link, .wp-block-button.is-style-outline:active .wp-block-button__link {
  1110. background: transparent;
  1111. }
  1112. .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color), .wp-block-button.is-style-outline:hover .wp-block-button__link:not(.has-text-color), .wp-block-button.is-style-outline:focus .wp-block-button__link:not(.has-text-color), .wp-block-button.is-style-outline:active .wp-block-button__link:not(.has-text-color) {
  1113. color: #8D6708;
  1114. }
  1115. /** === Blockquote === */
  1116. .wp-block-quote:not(.is-large):not(.is-style-large) {
  1117. border-width: 2px;
  1118. border-color: #8D6708;
  1119. }
  1120. .wp-block-quote.is-large, .wp-block-quote.is-style-large {
  1121. margin-top: 2.8125em;
  1122. margin-bottom: 2.8125em;
  1123. }
  1124. .wp-block-quote.is-large p,
  1125. .wp-block-quote.is-style-large p {
  1126. font-size: 1.6875em;
  1127. line-height: 1.3;
  1128. margin-bottom: 0.5em;
  1129. margin-top: 0.5em;
  1130. }
  1131. .wp-block-quote cite,
  1132. .wp-block-quote footer,
  1133. .wp-block-quote .wp-block-quote__citation {
  1134. font-family: "Poppins", sans-serif;
  1135. font-size: 0.71111em;
  1136. line-height: 1.6;
  1137. color: #fff;
  1138. }
  1139. /** === Pullquote === */
  1140. .wp-block-pullquote {
  1141. border-color: transparent;
  1142. border-width: 2px;
  1143. color: #000;
  1144. }
  1145. .wp-block-pullquote blockquote {
  1146. margin-top: calc(3 * 1rem);
  1147. margin-bottom: calc(3.33 * 1rem);
  1148. -webkit-hyphens: auto;
  1149. -ms-hyphens: auto;
  1150. hyphens: auto;
  1151. word-break: break-word;
  1152. }
  1153. .wp-block-pullquote:not(.is-style-solid-color) .wp-block-pullquote__citation {
  1154. color: #fff;
  1155. }
  1156. .wp-block-pullquote.is-style-solid-color blockquote {
  1157. width: calc(100% - (2 * 1rem));
  1158. max-width: calc( 100% - (2 * 1rem));
  1159. }
  1160. .wp-block-pullquote.is-style-solid-color blockquote a,
  1161. .wp-block-pullquote.is-style-solid-color blockquote.has-text-color p,
  1162. .wp-block-pullquote.is-style-solid-color blockquote.has-text-color a {
  1163. color: inherit;
  1164. }
  1165. .wp-block-pullquote.is-style-solid-color blockquote:not(.has-text-color) {
  1166. color: #FAF8F5;
  1167. }
  1168. @media only screen and (min-width: 768px) {
  1169. .wp-block-pullquote.is-style-solid-color blockquote {
  1170. max-width: 80%;
  1171. }
  1172. }
  1173. .wp-block-pullquote.is-style-solid-color:not(.has-background-color) {
  1174. background-color: #8D6708;
  1175. }
  1176. .wp-block[data-type="core/pullquote"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
  1177. .wp-block[data-type="core/pullquote"] blockquote > .editor-rich-text p,
  1178. .wp-block[data-type="core/pullquote"] p,
  1179. .wp-block[data-type="core/pullquote"][data-align="left"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
  1180. .wp-block[data-type="core/pullquote"][data-align="left"] blockquote > .editor-rich-text p,
  1181. .wp-block[data-type="core/pullquote"][data-align="left"] p,
  1182. .wp-block[data-type="core/pullquote"][data-align="right"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
  1183. .wp-block[data-type="core/pullquote"][data-align="right"] blockquote > .editor-rich-text p,
  1184. .wp-block[data-type="core/pullquote"][data-align="right"] p {
  1185. font-size: 1.6875em;
  1186. font-style: italic;
  1187. line-height: 1.3;
  1188. margin-bottom: 0.5em;
  1189. margin-top: 0.5em;
  1190. }
  1191. @media only screen and (min-width: 768px) {
  1192. .wp-block[data-type="core/pullquote"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
  1193. .wp-block[data-type="core/pullquote"] blockquote > .editor-rich-text p,
  1194. .wp-block[data-type="core/pullquote"] p,
  1195. .wp-block[data-type="core/pullquote"][data-align="left"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
  1196. .wp-block[data-type="core/pullquote"][data-align="left"] blockquote > .editor-rich-text p,
  1197. .wp-block[data-type="core/pullquote"][data-align="left"] p,
  1198. .wp-block[data-type="core/pullquote"][data-align="right"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
  1199. .wp-block[data-type="core/pullquote"][data-align="right"] blockquote > .editor-rich-text p,
  1200. .wp-block[data-type="core/pullquote"][data-align="right"] p {
  1201. font-size: 2.25em;
  1202. }
  1203. }
  1204. .wp-block[data-type="core/pullquote"] .wp-block-pullquote__citation,
  1205. .wp-block[data-type="core/pullquote"][data-align="left"] .wp-block-pullquote__citation,
  1206. .wp-block[data-type="core/pullquote"][data-align="right"] .wp-block-pullquote__citation {
  1207. font-family: "Poppins", sans-serif;
  1208. font-size: 0.71111em;
  1209. line-height: 1.6;
  1210. text-transform: none;
  1211. }
  1212. .wp-block[data-type="core/pullquote"] em,
  1213. .wp-block[data-type="core/pullquote"][data-align="left"] em,
  1214. .wp-block[data-type="core/pullquote"][data-align="right"] em {
  1215. font-style: normal;
  1216. }
  1217. .wp-block[data-type="core/pullquote"][data-align="left"] .editor-block-list__block-edit,
  1218. .wp-block[data-type="core/pullquote"][data-align="right"] .editor-block-list__block-edit {
  1219. width: calc(4 * (100vw / 12));
  1220. max-width: 50%;
  1221. }
  1222. .wp-block[data-type="core/pullquote"][data-align="left"] .editor-block-list__block-edit .wp-block-pullquote:not(.is-style-solid-color),
  1223. .wp-block[data-type="core/pullquote"][data-align="right"] .editor-block-list__block-edit .wp-block-pullquote:not(.is-style-solid-color) {
  1224. padding: 0;
  1225. }
  1226. .wp-block[data-type="core/pullquote"][data-align="left"] .editor-block-list__block-edit .wp-block-pullquote.is-style-solid-color,
  1227. .wp-block[data-type="core/pullquote"][data-align="right"] .editor-block-list__block-edit .wp-block-pullquote.is-style-solid-color {
  1228. padding: 1em;
  1229. }
  1230. .wp-block[data-type="core/pullquote"][data-align="left"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
  1231. .wp-block[data-type="core/pullquote"][data-align="left"] blockquote > .editor-rich-text p,
  1232. .wp-block[data-type="core/pullquote"][data-align="left"] p,
  1233. .wp-block[data-type="core/pullquote"][data-align="left"] .wp-block-pullquote__citation,
  1234. .wp-block[data-type="core/pullquote"][data-align="right"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
  1235. .wp-block[data-type="core/pullquote"][data-align="right"] blockquote > .editor-rich-text p,
  1236. .wp-block[data-type="core/pullquote"][data-align="right"] p,
  1237. .wp-block[data-type="core/pullquote"][data-align="right"] .wp-block-pullquote__citation {
  1238. text-align: left;
  1239. }
  1240. @media only screen and (min-width: 768px) {
  1241. .wp-block[data-type="core/pullquote"][data-align="full"] .wp-block-pullquote blockquote {
  1242. max-width: calc(80% - 128px);
  1243. }
  1244. }
  1245. /** === File === */
  1246. .wp-block-file {
  1247. font-family: "Poppins", sans-serif;
  1248. }
  1249. .wp-block-file .wp-block-file__textlink {
  1250. text-decoration: underline;
  1251. color: #8D6708;
  1252. }
  1253. .wp-block-file .wp-block-file__textlink:hover {
  1254. color: #5d4405;
  1255. text-decoration: none;
  1256. }
  1257. .wp-block-file .wp-block-file__button {
  1258. display: table;
  1259. line-height: 1.8;
  1260. font-size: 0.88889em;
  1261. font-weight: bold;
  1262. background-color: #8D6708;
  1263. border-radius: 5px;
  1264. }
  1265. .wp-block-file .wp-block-file__button-richtext-wrapper {
  1266. display: block;
  1267. margin-top: calc(0.75 * 1rem);
  1268. margin-left: 0;
  1269. }
  1270. /** === Verse === */
  1271. .wp-block-verse,
  1272. .wp-block-verse pre {
  1273. padding: 0;
  1274. }
  1275. /** === Code === */
  1276. .wp-block-code {
  1277. border-radius: 0;
  1278. }
  1279. /** === Table === */
  1280. .wp-block-table td, .wp-block-table th {
  1281. border-color: #fff;
  1282. }
  1283. /** === Separator === */
  1284. .wp-block-separator,
  1285. hr {
  1286. height: 2px;
  1287. margin-bottom: 2.75rem;
  1288. margin-top: 2.75rem;
  1289. text-align: left;
  1290. max-width: calc(6*(100vw/12) - 28px) !important;
  1291. border: 0;
  1292. /* Remove duplicate rule-line when a separator
  1293. * is followed by an H1, or H2 */
  1294. }
  1295. .wp-block-separator:after,
  1296. hr:after {
  1297. background-color: #2E2E2E;
  1298. content: '';
  1299. display: block;
  1300. height: 2px;
  1301. max-width: 3.25em;
  1302. }
  1303. .wp-block-separator.is-style-wide,
  1304. hr.is-style-wide {
  1305. background-color: #2E2E2E;
  1306. }
  1307. @media only screen and (min-width: 768px) {
  1308. .wp-block-separator.is-style-wide,
  1309. hr.is-style-wide {
  1310. max-width: calc(8 * (100vw / 12) - 28px);
  1311. }
  1312. }
  1313. @media only screen and (min-width: 1168px) {
  1314. .wp-block-separator.is-style-wide,
  1315. hr.is-style-wide {
  1316. max-width: calc(6 * (100vw / 12) - 28px);
  1317. }
  1318. }
  1319. .wp-block-separator.is-style-wide:after,
  1320. hr.is-style-wide:after {
  1321. display: none;
  1322. }
  1323. .wp-block-separator.is-style-dots,
  1324. hr.is-style-dots {
  1325. background-color: inherit;
  1326. border: inherit;
  1327. height: inherit;
  1328. text-align: center;
  1329. }
  1330. @media only screen and (min-width: 768px) {
  1331. .wp-block-separator.is-style-dots,
  1332. hr.is-style-dots {
  1333. max-width: calc(8 * (100vw / 12) - 28px);
  1334. }
  1335. }
  1336. @media only screen and (min-width: 1168px) {
  1337. .wp-block-separator.is-style-dots,
  1338. hr.is-style-dots {
  1339. max-width: calc(6 * (100vw / 12) - 28px);
  1340. }
  1341. }
  1342. .wp-block-separator.is-style-dots:before,
  1343. hr.is-style-dots:before {
  1344. color: #2E2E2E;
  1345. font-size: 1.6875em;
  1346. letter-spacing: 0.88889em;
  1347. padding-left: 0.88889em;
  1348. }
  1349. .wp-block-separator.is-style-dots:after,
  1350. hr.is-style-dots:after {
  1351. display: none;
  1352. }
  1353. .wp-block-separator + h1:before,
  1354. .wp-block-separator + h2:before,
  1355. hr + h1:before,
  1356. hr + h2:before {
  1357. display: none;
  1358. }
  1359. /* Remove duplicate rule-line when a separator
  1360. * is followed by an H1, or H2 */
  1361. .wp-block[data-type="core/separator"] + .wp-block[data-type="core/heading"] h1:before,
  1362. .wp-block[data-type="core/separator"] + .wp-block[data-type="core/heading"] h2:before {
  1363. display: none;
  1364. }
  1365. /** === Latest Posts, Archives, Categories === */
  1366. ul.wp-block-archives,
  1367. .wp-block-categories,
  1368. .wp-block-latest-posts {
  1369. padding: 0;
  1370. list-style-type: none;
  1371. }
  1372. ul.wp-block-archives ul,
  1373. .wp-block-categories ul,
  1374. .wp-block-latest-posts ul {
  1375. padding: 0;
  1376. list-style-type: none;
  1377. }
  1378. ul.wp-block-archives li,
  1379. .wp-block-categories li,
  1380. .wp-block-latest-posts li {
  1381. color: #fff;
  1382. font-family: "Poppins", sans-serif;
  1383. font-size: calc(22px * 1.125);
  1384. font-weight: bold;
  1385. line-height: 1.2;
  1386. padding-bottom: 0.75rem;
  1387. }
  1388. ul.wp-block-archives li.menu-item-has-children, ul.wp-block-archives li:last-child,
  1389. .wp-block-categories li.menu-item-has-children,
  1390. .wp-block-categories li:last-child,
  1391. .wp-block-latest-posts li.menu-item-has-children,
  1392. .wp-block-latest-posts li:last-child {
  1393. padding-bottom: 0;
  1394. }
  1395. ul.wp-block-archives li a,
  1396. .wp-block-categories li a,
  1397. .wp-block-latest-posts li a {
  1398. text-decoration: none;
  1399. }
  1400. ul.wp-block-archives li ul,
  1401. .wp-block-categories li ul,
  1402. .wp-block-latest-posts li ul {
  1403. padding-left: 1rem;
  1404. }
  1405. .wp-block-categories ul {
  1406. padding-top: 0.75rem;
  1407. }
  1408. .wp-block-categories ul ul {
  1409. counter-reset: submenu;
  1410. }
  1411. .wp-block-categories ul ul > li > a::before {
  1412. font-family: "Poppins", sans-serif;
  1413. font-size: 0.88889em;
  1414. font-weight: 600;
  1415. line-height: 1.2;
  1416. content: "– " counters(submenu, "– ", none);
  1417. counter-increment: submenu;
  1418. }
  1419. .wp-block-categories li ul {
  1420. list-style: none;
  1421. padding-left: 0;
  1422. margin-bottom: -0.75rem;
  1423. }
  1424. /** === Latest Posts grid view === */
  1425. .wp-block-latest-posts.is-grid li {
  1426. border-top: 2px solid #ccc;
  1427. padding-top: 1rem;
  1428. margin-bottom: 2rem;
  1429. }
  1430. .wp-block-latest-posts.is-grid li a:after {
  1431. content: '';
  1432. }
  1433. .wp-block-latest-posts.is-grid li:last-child {
  1434. margin-bottom: auto;
  1435. }
  1436. .wp-block-latest-posts.is-grid li:last-child a:after {
  1437. content: '';
  1438. }
  1439. /** === Latest Comments === */
  1440. .wp-block-latest-comments .wp-block-latest-comments__comment-meta {
  1441. font-family: "Poppins", sans-serif;
  1442. font-weight: bold;
  1443. }
  1444. .wp-block-latest-comments .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-date {
  1445. font-weight: normal;
  1446. }
  1447. .wp-block-latest-comments .wp-block-latest-comments__comment,
  1448. .wp-block-latest-comments .wp-block-latest-comments__comment-date,
  1449. .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
  1450. font-size: inherit;
  1451. }
  1452. .wp-block-latest-comments .wp-block-latest-comments__comment-date {
  1453. font-size: 0.71111em;
  1454. }
  1455. /** === Site Title Block === */
  1456. .wp-block-a8c-site-title {
  1457. text-align: center;
  1458. }
  1459. /** === Site Description Block === */
  1460. .wp-block-a8c-site-description {
  1461. text-align: center;
  1462. margin: 0;
  1463. }
  1464. /** === Classic Editor === */
  1465. /* Properly center-align captions in the classic-editor block */
  1466. .wp-caption dd {
  1467. color: #fff;
  1468. font-size: 0.71111em;
  1469. font-family: "Poppins", sans-serif;
  1470. line-height: 1.6;
  1471. margin: 0;
  1472. padding: 0.5rem;
  1473. text-align: left;
  1474. text-align: center;
  1475. -webkit-margin-start: 0px;
  1476. margin-inline-start: 0px;
  1477. }
  1478. .wp-block-freeform {
  1479. /* Add style for galleries in classic-editor block */
  1480. }
  1481. .wp-block-freeform blockquote {
  1482. border-left: 2px solid #8D6708;
  1483. }
  1484. .wp-block-freeform blockquote cite {
  1485. font-family: "Poppins", sans-serif;
  1486. font-size: 0.71111em;
  1487. font-style: normal;
  1488. line-height: 1.6;
  1489. color: #fff;
  1490. }
  1491. /* Make sure our non-latin font overrides don't overwrite the iconfont used in the classic editor toolbar */
  1492. .wp-block[data-type="core/freeform"] .mce-btn i {
  1493. font-family: dashicons !important;
  1494. }
  1495. /** === Media and Text Block === */
  1496. .wp-block-media-text {
  1497. background-color: #6C6C74;
  1498. color: #fff;
  1499. }
  1500. .wp-block-media-text .editor-inner-blocks {
  1501. align-self: start;
  1502. padding-top: 32px;
  1503. padding-bottom: 32px;
  1504. }
  1505. .wp-block-media-text:before {
  1506. content: '';
  1507. position: absolute;
  1508. left: 0;
  1509. width: 100%;
  1510. border-top: 32px solid #FAF8F5;
  1511. border-bottom: 32px solid #FAF8F5;
  1512. height: 100%;
  1513. }
  1514. .wp-block-media-text.has-media-on-the-right {
  1515. background-color: #fff;
  1516. color: #242424;
  1517. }
  1518. .wp-block-media-text .editor-block-list__block {
  1519. margin: 0;
  1520. }
  1521. .wp-block-media-text .editor-block-list__block:first-child .components-autocomplete > :first-child:before {
  1522. border-width: 1px;
  1523. border-style: solid;
  1524. border-color: inherit;
  1525. content: "";
  1526. display: block;
  1527. height: 2px;
  1528. margin: 1.46rem 0 1rem;
  1529. width: 20px;
  1530. }
  1531. .wp-block-media-text .has-small-font-size {
  1532. font-size: 0.88889em;
  1533. }
  1534. .wp-block-media-text .has-normal-font-size {
  1535. font-size: 1.125em;
  1536. }
  1537. .wp-block-media-text .has-large-font-size {
  1538. font-size: 1.6875em;
  1539. }
  1540. .wp-block-media-text .has-huge-font-size {
  1541. font-size: 2.25em;
  1542. }
  1543. [data-type="core/media-text"] + [data-type="core/media-text"] {
  1544. margin-top: -32px;
  1545. }
  1546. [data-type="core/media-text"] a {
  1547. color: inherit;
  1548. }
  1549. /** === Mailchimp Block - Temp Fix === */
  1550. .wp-block-jetpack-mailchimp p {
  1551. font-size: 0.71111em;
  1552. }
  1553. /** === Business Hours Block - Temp Fix === */
  1554. .wp-block-jetpack-business-hours dt,
  1555. .wp-block-jetpack-business-hours dd {
  1556. float: left;
  1557. }
  1558. .wp-block-jetpack-business-hours dt {
  1559. clear: both;
  1560. font-weight: bold;
  1561. margin-right: 0.5rem;
  1562. }
  1563. .wp-block-jetpack-business-hours dd {
  1564. margin: 0;
  1565. }