style-editor.css 43 KB

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