style.css 87 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668266926702671267226732674267526762677267826792680268126822683268426852686268726882689269026912692269326942695269626972698269927002701270227032704270527062707270827092710271127122713271427152716271727182719272027212722272327242725272627272728272927302731273227332734273527362737273827392740274127422743274427452746274727482749275027512752275327542755275627572758275927602761276227632764276527662767276827692770277127722773277427752776277727782779278027812782278327842785278627872788278927902791279227932794279527962797279827992800280128022803280428052806280728082809281028112812281328142815281628172818281928202821282228232824282528262827282828292830283128322833283428352836283728382839284028412842284328442845284628472848284928502851285228532854285528562857285828592860286128622863286428652866286728682869287028712872287328742875287628772878287928802881288228832884288528862887288828892890289128922893289428952896289728982899290029012902290329042905290629072908290929102911291229132914291529162917291829192920292129222923292429252926292729282929293029312932293329342935293629372938293929402941294229432944294529462947294829492950295129522953295429552956295729582959296029612962296329642965296629672968296929702971297229732974297529762977297829792980298129822983298429852986298729882989299029912992299329942995299629972998299930003001300230033004300530063007300830093010301130123013301430153016301730183019302030213022302330243025302630273028302930303031303230333034303530363037303830393040304130423043304430453046304730483049305030513052305330543055305630573058305930603061306230633064306530663067306830693070307130723073307430753076307730783079308030813082308330843085308630873088308930903091309230933094309530963097309830993100310131023103310431053106310731083109311031113112311331143115311631173118311931203121312231233124312531263127312831293130313131323133313431353136313731383139314031413142314331443145314631473148314931503151315231533154315531563157315831593160316131623163316431653166316731683169317031713172317331743175317631773178317931803181318231833184318531863187318831893190319131923193319431953196319731983199320032013202320332043205320632073208320932103211321232133214321532163217321832193220322132223223322432253226322732283229323032313232323332343235323632373238323932403241324232433244324532463247324832493250325132523253325432553256325732583259326032613262326332643265326632673268326932703271327232733274327532763277327832793280328132823283328432853286328732883289329032913292329332943295329632973298329933003301330233033304330533063307330833093310331133123313331433153316331733183319332033213322332333243325332633273328332933303331333233333334333533363337333833393340334133423343334433453346334733483349335033513352335333543355335633573358335933603361336233633364336533663367336833693370337133723373337433753376337733783379338033813382338333843385338633873388338933903391339233933394339533963397339833993400340134023403340434053406340734083409341034113412341334143415341634173418341934203421342234233424342534263427342834293430343134323433343434353436343734383439344034413442344334443445344634473448344934503451345234533454345534563457345834593460346134623463346434653466346734683469347034713472347334743475347634773478347934803481348234833484348534863487348834893490349134923493349434953496349734983499350035013502350335043505350635073508350935103511351235133514351535163517351835193520352135223523352435253526352735283529353035313532353335343535353635373538353935403541354235433544354535463547354835493550355135523553355435553556355735583559356035613562356335643565356635673568356935703571357235733574357535763577357835793580358135823583358435853586358735883589359035913592359335943595359635973598359936003601360236033604360536063607360836093610361136123613361436153616361736183619362036213622362336243625362636273628362936303631363236333634363536363637363836393640364136423643364436453646364736483649365036513652365336543655365636573658365936603661366236633664366536663667366836693670367136723673367436753676367736783679368036813682368336843685368636873688368936903691369236933694369536963697369836993700370137023703370437053706370737083709371037113712371337143715371637173718371937203721372237233724372537263727372837293730373137323733373437353736373737383739374037413742374337443745374637473748374937503751375237533754375537563757375837593760376137623763376437653766376737683769377037713772377337743775377637773778377937803781378237833784378537863787378837893790379137923793379437953796379737983799380038013802380338043805380638073808380938103811381238133814381538163817381838193820382138223823382438253826382738283829383038313832383338343835383638373838383938403841384238433844384538463847384838493850385138523853385438553856385738583859386038613862386338643865386638673868386938703871387238733874387538763877387838793880388138823883388438853886388738883889389038913892389338943895389638973898389939003901390239033904390539063907390839093910391139123913391439153916391739183919392039213922392339243925392639273928392939303931393239333934393539363937393839393940394139423943394439453946394739483949395039513952395339543955395639573958395939603961396239633964396539663967396839693970397139723973397439753976397739783979398039813982398339843985398639873988398939903991399239933994399539963997399839994000400140024003400440054006400740084009401040114012401340144015401640174018401940204021402240234024402540264027402840294030403140324033403440354036403740384039404040414042404340444045404640474048404940504051405240534054405540564057405840594060406140624063406440654066406740684069407040714072407340744075407640774078407940804081408240834084408540864087408840894090409140924093409440954096409740984099410041014102410341044105410641074108410941104111411241134114411541164117411841194120412141224123412441254126412741284129413041314132413341344135413641374138413941404141414241434144414541464147414841494150415141524153415441554156415741584159416041614162416341644165416641674168416941704171417241734174417541764177417841794180418141824183418441854186418741884189419041914192419341944195419641974198419942004201420242034204420542064207420842094210421142124213421442154216421742184219422042214222422342244225422642274228422942304231423242334234423542364237423842394240424142424243424442454246424742484249425042514252425342544255425642574258425942604261426242634264426542664267426842694270427142724273427442754276427742784279428042814282428342844285428642874288428942904291429242934294429542964297429842994300430143024303430443054306430743084309431043114312431343144315431643174318431943204321432243234324432543264327432843294330433143324333433443354336433743384339434043414342434343444345434643474348434943504351435243534354435543564357435843594360436143624363436443654366436743684369437043714372437343744375437643774378437943804381438243834384438543864387438843894390439143924393439443954396439743984399440044014402440344044405440644074408440944104411441244134414441544164417441844194420442144224423442444254426442744284429443044314432
  1. @charset "UTF-8";
  2. /*
  3. Theme Name: Varia
  4. Theme URI: https://wordpress.com/theme/varia
  5. Author: Automattic
  6. Author URI: https://automattic.com/
  7. Description: A variable-based design system for WordPress sites built with Gutenberg.
  8. Requires at least: WordPress 4.9.6
  9. Version: 1.6.19
  10. License: GNU General Public License v2 or later
  11. License URI: LICENSE
  12. Text Domain: varia
  13. Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, wpcom-fse, jetpack-global-styles
  14. AMP: true
  15. This theme, like WordPress, is licensed under the GPL.
  16. Use it to make something cool, have fun, and share what you've learned with others.
  17. Varia is based on Underscores https://underscores.me/, (C) 2012-2018 Automattic, Inc.
  18. Underscores is distributed under the terms of the GNU GPL v2 or later.
  19. Normalizing styles have been helped along thanks to the fine work of
  20. Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
  21. */
  22. /**
  23. * Abstracts
  24. * - Mixins, variables and functions
  25. */
  26. /**
  27. * Abstracts
  28. * - Mixins, variables and functions
  29. */
  30. /* Sass Functions go here */
  31. /**
  32. * Map deep get
  33. * @author Hugo Giraudel
  34. * @access public
  35. * @param {Map} $map - Map
  36. * @param {Arglist} $keys - Key chain
  37. * @return {*} - Desired value
  38. *
  39. * Example:
  40. * $m-breakpoint: map-deep-get($__prefix-default-config, "layouts", "M");
  41. */
  42. /**
  43. * Deep set function to set a value in nested maps
  44. * @author Hugo Giraudel
  45. * @access public
  46. * @param {Map} $map - Map
  47. * @param {List} $keys - Key chaine
  48. * @param {*} $value - Value to assign
  49. * @return {Map}
  50. *
  51. * Example:
  52. * $__prefix-default-config: map-deep-set($__prefix-default-config, "layouts" "M", 650px);
  53. */
  54. /**
  55. * jQuery-style extend function
  56. * - Child themes can use this function to `reset` the values in
  57. * config maps without editing the `master` Sass files.
  58. * - src: https://www.sitepoint.com/extra-map-functions-sass/
  59. * - About `map-merge()`:
  60. * - - only takes 2 arguments
  61. * - - is not recursive
  62. * @param {Map} $map - first map
  63. * @param {ArgList} $maps - other maps
  64. * @param {Bool} $deep - recursive mode
  65. * @return {Map}
  66. *
  67. * Examples:
  68. $grid-configuration-default: (
  69. 'columns': 12,
  70. 'layouts': (
  71. 'small': 800px,
  72. 'medium': 1000px,
  73. 'large': 1200px,
  74. ),
  75. );
  76. $grid-configuration-custom: (
  77. 'layouts': (
  78. 'large': 1300px,
  79. 'huge': 1500px
  80. ),
  81. );
  82. $grid-configuration-user: (
  83. 'direction': 'ltr',
  84. 'columns': 16,
  85. 'layouts': (
  86. 'large': 1300px,
  87. 'huge': 1500px
  88. ),
  89. );
  90. // $deep: false
  91. $grid-configuration: map-extend($grid-configuration-default, $grid-configuration-custom, $grid-configuration-user);
  92. // --> ("columns": 16, "layouts": (("large": 1300px, "huge": 1500px)), "direction": "ltr")
  93. // $deep: true
  94. $grid-configuration: map-extend($grid-configuration-default, $grid-configuration-custom, $grid-configuration-user, true);
  95. // --> ("columns": 16, "layouts": (("small": 800px, "medium": 1000px, "large": 1300px, "huge": 1500px)), "direction": "ltr")
  96. */
  97. /**
  98. * Button
  99. */
  100. /**
  101. * Cover
  102. */
  103. /**
  104. * Heading
  105. */
  106. /**
  107. * List
  108. */
  109. /**
  110. * Pullquote
  111. */
  112. /**
  113. * Quote
  114. */
  115. /**
  116. * Separator
  117. */
  118. /**
  119. * Responsive breakpoints
  120. * - breakpoints values are defined in _config-global.scss
  121. */
  122. /**
  123. * Align wide widths
  124. * - Sets .alignwide widths
  125. */
  126. /**
  127. * Crop Text Boundry
  128. * - Sets a fixed-width on content within alignwide and alignfull blocks
  129. */
  130. /**
  131. * Add font-family using CSS variables.
  132. * It also adds the proper fallback for browsers without support.
  133. */
  134. /**
  135. * Base
  136. * - Reset the browser
  137. */
  138. /**
  139. * Base
  140. * - Reset the browser
  141. */
  142. /**
  143. * Button Placeholder style
  144. * - Since buttons appear in various blocks,
  145. * let’s use a placeholder to keep them all
  146. * in-sync
  147. */
  148. button[data-load-more-btn],
  149. .button,
  150. button,
  151. input[type='submit'],
  152. .wp-block-button__link,
  153. .wp-block-file__button,
  154. .a8c-posts-list__view-all,
  155. .wp-block-search .wp-block-search__button,
  156. body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
  157. line-height: 1;
  158. color: white;
  159. cursor: pointer;
  160. font-weight: bold;
  161. font-family: sans-serif;
  162. font-family: var(--font-headings, sans-serif);
  163. font-size: 1.2rem;
  164. background-color: blue;
  165. border-radius: 9px;
  166. border-width: 0;
  167. text-decoration: none;
  168. padding: 16px 16px;
  169. }
  170. button[data-load-more-btn]:before,
  171. .button:before,
  172. button:before,
  173. input[type='submit']:before,
  174. .wp-block-button__link:before,
  175. .wp-block-file__button:before,
  176. .a8c-posts-list__view-all:before,
  177. .wp-block-search .wp-block-search__button:before,
  178. body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before,
  179. button[data-load-more-btn]:after,
  180. .button:after,
  181. button:after,
  182. input[type='submit']:after,
  183. .wp-block-button__link:after,
  184. .wp-block-file__button:after,
  185. .a8c-posts-list__view-all:after,
  186. .wp-block-search .wp-block-search__button:after,
  187. body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
  188. content: '';
  189. display: block;
  190. height: 0;
  191. width: 0;
  192. }
  193. button[data-load-more-btn]:before,
  194. .button:before,
  195. button:before,
  196. input[type='submit']:before,
  197. .wp-block-button__link:before,
  198. .wp-block-file__button:before,
  199. .a8c-posts-list__view-all:before,
  200. .wp-block-search .wp-block-search__button:before,
  201. body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
  202. margin-bottom: -0.12em;
  203. }
  204. button[data-load-more-btn]:after,
  205. .button:after,
  206. button:after,
  207. input[type='submit']:after,
  208. .wp-block-button__link:after,
  209. .wp-block-file__button:after,
  210. .a8c-posts-list__view-all:after,
  211. .wp-block-search .wp-block-search__button:after,
  212. body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
  213. margin-top: -0.11em;
  214. }
  215. .button:not(.has-background):hover,
  216. button:not(.has-background):hover,
  217. input:not(.has-background):hover[type='submit'],
  218. .wp-block-button__link:not(.has-background):hover,
  219. .wp-block-file__button:not(.has-background):hover,
  220. .a8c-posts-list__view-all:not(.has-background):hover,
  221. .wp-block-search .wp-block-search__button:not(.has-background):hover,
  222. body
  223. .widget_eu_cookie_law_widget
  224. #eu-cookie-law
  225. input.accept:not(.has-background):hover,
  226. .button:focus,
  227. button:focus,
  228. input:focus[type='submit'],
  229. .wp-block-button__link:focus,
  230. .wp-block-file__button:focus,
  231. .a8c-posts-list__view-all:focus,
  232. .wp-block-search .wp-block-search__button:focus,
  233. body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus,
  234. .has-focus.button,
  235. button.has-focus,
  236. input.has-focus[type='submit'],
  237. .has-focus.wp-block-button__link,
  238. .has-focus.wp-block-file__button,
  239. .has-focus.a8c-posts-list__view-all,
  240. .wp-block-search .has-focus.wp-block-search__button,
  241. body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
  242. color: white;
  243. background-color: indigo;
  244. }
  245. /**
  246. * Onsale Placeholder style
  247. * - Since buttons appear in various blocks,
  248. * let’s use a placeholder to keep them all
  249. * in-sync
  250. */
  251. /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
  252. /* Document
  253. ========================================================================== */
  254. /**
  255. * 1. Correct the line height in all browsers.
  256. * 2. Prevent adjustments of font size after orientation changes in iOS.
  257. */
  258. html {
  259. line-height: 1.15;
  260. /* 1 */
  261. -webkit-text-size-adjust: 100%;
  262. /* 2 */
  263. }
  264. /* Sections
  265. ========================================================================== */
  266. /**
  267. * Remove the margin in all browsers.
  268. */
  269. body {
  270. margin: 0;
  271. }
  272. /**
  273. * Render the `main` element consistently in IE.
  274. */
  275. main {
  276. display: block;
  277. }
  278. /**
  279. * Correct the font size and margin on `h1` elements within `section` and
  280. * `article` contexts in Chrome, Firefox, and Safari.
  281. */
  282. h1 {
  283. font-size: 2em;
  284. margin: 0.67em 0;
  285. }
  286. /* Grouping content
  287. ========================================================================== */
  288. /**
  289. * 1. Add the correct box sizing in Firefox.
  290. * 2. Show the overflow in Edge and IE.
  291. */
  292. hr {
  293. box-sizing: content-box;
  294. /* 1 */
  295. height: 0;
  296. /* 1 */
  297. overflow: visible;
  298. /* 2 */
  299. }
  300. /**
  301. * 1. Correct the inheritance and scaling of font size in all browsers.
  302. * 2. Correct the odd `em` font sizing in all browsers.
  303. */
  304. pre {
  305. font-family: monospace, monospace;
  306. /* 1 */
  307. font-size: 1em;
  308. /* 2 */
  309. }
  310. /* Text-level semantics
  311. ========================================================================== */
  312. /**
  313. * Remove the gray background on active links in IE 10.
  314. */
  315. a {
  316. background-color: transparent;
  317. }
  318. /**
  319. * 1. Remove the bottom border in Chrome 57-
  320. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
  321. */
  322. abbr[title] {
  323. border-bottom: none;
  324. /* 1 */
  325. text-decoration: underline;
  326. /* 2 */
  327. text-decoration: underline dotted;
  328. /* 2 */
  329. }
  330. /**
  331. * Add the correct font weight in Chrome, Edge, and Safari.
  332. */
  333. b,
  334. strong {
  335. font-weight: bolder;
  336. }
  337. /**
  338. * 1. Correct the inheritance and scaling of font size in all browsers.
  339. * 2. Correct the odd `em` font sizing in all browsers.
  340. */
  341. code,
  342. kbd,
  343. samp {
  344. font-family: monospace, monospace;
  345. /* 1 */
  346. font-size: 1em;
  347. /* 2 */
  348. }
  349. /**
  350. * Add the correct font size in all browsers.
  351. */
  352. small {
  353. font-size: 80%;
  354. }
  355. /**
  356. * Prevent `sub` and `sup` elements from affecting the line height in
  357. * all browsers.
  358. */
  359. sub,
  360. sup {
  361. font-size: 75%;
  362. line-height: 0;
  363. position: relative;
  364. vertical-align: baseline;
  365. }
  366. sub {
  367. bottom: -0.25em;
  368. }
  369. sup {
  370. top: -0.5em;
  371. }
  372. /* Embedded content
  373. ========================================================================== */
  374. /**
  375. * Remove the border on images inside links in IE 10.
  376. */
  377. img {
  378. border-style: none;
  379. }
  380. /* Forms
  381. ========================================================================== */
  382. /**
  383. * 1. Change the font styles in all browsers.
  384. * 2. Remove the margin in Firefox and Safari.
  385. */
  386. button,
  387. input,
  388. optgroup,
  389. select,
  390. textarea {
  391. font-family: inherit;
  392. /* 1 */
  393. font-size: 100%;
  394. /* 1 */
  395. line-height: 1.15;
  396. /* 1 */
  397. margin: 0;
  398. /* 2 */
  399. }
  400. /**
  401. * Show the overflow in IE.
  402. * 1. Show the overflow in Edge.
  403. */
  404. button,
  405. input {
  406. /* 1 */
  407. overflow: visible;
  408. }
  409. /**
  410. * Remove the inheritance of text transform in Edge, Firefox, and IE.
  411. * 1. Remove the inheritance of text transform in Firefox.
  412. */
  413. button,
  414. select {
  415. /* 1 */
  416. text-transform: none;
  417. }
  418. /**
  419. * Correct the inability to style clickable types in iOS and Safari.
  420. */
  421. button,
  422. [type='button'],
  423. [type='reset'],
  424. [type='submit'] {
  425. -webkit-appearance: button;
  426. }
  427. /**
  428. * Remove the inner border and padding in Firefox.
  429. */
  430. button::-moz-focus-inner,
  431. [type='button']::-moz-focus-inner,
  432. [type='reset']::-moz-focus-inner,
  433. [type='submit']::-moz-focus-inner {
  434. border-style: none;
  435. padding: 0;
  436. }
  437. /**
  438. * Restore the focus styles unset by the previous rule.
  439. */
  440. button:-moz-focusring,
  441. [type='button']:-moz-focusring,
  442. [type='reset']:-moz-focusring,
  443. [type='submit']:-moz-focusring {
  444. outline: 1px dotted ButtonText;
  445. }
  446. /**
  447. * Correct the padding in Firefox.
  448. */
  449. fieldset {
  450. padding: 0.35em 0.75em 0.625em;
  451. }
  452. /**
  453. * 1. Correct the text wrapping in Edge and IE.
  454. * 2. Correct the color inheritance from `fieldset` elements in IE.
  455. * 3. Remove the padding so developers are not caught out when they zero out
  456. * `fieldset` elements in all browsers.
  457. */
  458. legend {
  459. box-sizing: border-box;
  460. /* 1 */
  461. color: inherit;
  462. /* 2 */
  463. display: table;
  464. /* 1 */
  465. max-width: 100%;
  466. /* 1 */
  467. padding: 0;
  468. /* 3 */
  469. white-space: normal;
  470. /* 1 */
  471. }
  472. /**
  473. * Add the correct vertical alignment in Chrome, Firefox, and Opera.
  474. */
  475. progress {
  476. vertical-align: baseline;
  477. }
  478. /**
  479. * Remove the default vertical scrollbar in IE 10+.
  480. */
  481. textarea {
  482. overflow: auto;
  483. }
  484. /**
  485. * 1. Add the correct box sizing in IE 10.
  486. * 2. Remove the padding in IE 10.
  487. */
  488. [type='checkbox'],
  489. [type='radio'] {
  490. box-sizing: border-box;
  491. /* 1 */
  492. padding: 0;
  493. /* 2 */
  494. }
  495. /**
  496. * Correct the cursor style of increment and decrement buttons in Chrome.
  497. */
  498. [type='number']::-webkit-inner-spin-button,
  499. [type='number']::-webkit-outer-spin-button {
  500. height: auto;
  501. }
  502. /**
  503. * 1. Correct the odd appearance in Chrome and Safari.
  504. * 2. Correct the outline style in Safari.
  505. */
  506. [type='search'] {
  507. -webkit-appearance: textfield;
  508. /* 1 */
  509. outline-offset: -2px;
  510. /* 2 */
  511. }
  512. /**
  513. * Remove the inner padding in Chrome and Safari on macOS.
  514. */
  515. [type='search']::-webkit-search-decoration {
  516. -webkit-appearance: none;
  517. }
  518. /**
  519. * 1. Correct the inability to style clickable types in iOS and Safari.
  520. * 2. Change font properties to `inherit` in Safari.
  521. */
  522. ::-webkit-file-upload-button {
  523. -webkit-appearance: button;
  524. /* 1 */
  525. font: inherit;
  526. /* 2 */
  527. }
  528. /* Interactive
  529. ========================================================================== */
  530. /*
  531. * Add the correct display in Edge, IE 10+, and Firefox.
  532. */
  533. details {
  534. display: block;
  535. }
  536. /*
  537. * Add the correct display in all browsers.
  538. */
  539. summary {
  540. display: list-item;
  541. }
  542. /* Misc
  543. ========================================================================== */
  544. /**
  545. * Add the correct display in IE 10+.
  546. */
  547. template {
  548. display: none;
  549. }
  550. /**
  551. * Add the correct display in IE 10.
  552. */
  553. [hidden] {
  554. display: none;
  555. }
  556. /**
  557. * Reset specific elements to make them easier to style in other contexts.
  558. */
  559. html,
  560. body,
  561. p,
  562. ol,
  563. ul,
  564. li,
  565. dl,
  566. dt,
  567. dd,
  568. blockquote,
  569. figure,
  570. fieldset,
  571. form,
  572. legend,
  573. textarea,
  574. pre,
  575. iframe,
  576. hr,
  577. h1,
  578. h2,
  579. h3,
  580. h4,
  581. h5,
  582. h6 {
  583. padding: 0;
  584. margin: 0;
  585. -moz-osx-font-smoothing: grayscale;
  586. -webkit-font-smoothing: antialiased;
  587. }
  588. /**
  589. * Apply generic border-box to all elements.
  590. * See:
  591. * https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
  592. */
  593. /**
  594. * Apply border-box across the entire page.
  595. */
  596. html {
  597. box-sizing: border-box;
  598. }
  599. /**
  600. * Relax the definition a bit, to allow components to override it manually.
  601. */
  602. *,
  603. *::before,
  604. *::after {
  605. box-sizing: inherit;
  606. }
  607. /**
  608. * HTML resets
  609. */
  610. html {
  611. font-size: 15px;
  612. font-family: serif;
  613. font-family: var(--font-base, serif);
  614. line-height: 1.78;
  615. }
  616. @media only screen and (min-width: 560px) {
  617. html {
  618. font-size: 18px;
  619. }
  620. }
  621. body {
  622. font-size: 1rem;
  623. font-weight: normal;
  624. color: #444444;
  625. text-align: left;
  626. background-color: white;
  627. }
  628. /**
  629. * Links styles
  630. */
  631. a {
  632. color: blue;
  633. }
  634. a:hover {
  635. color: indigo;
  636. }
  637. .has-primary-background-color a:not(.has-text-color) {
  638. color: white;
  639. }
  640. button,
  641. a {
  642. cursor: pointer;
  643. }
  644. /* Text meant only for screen readers. */
  645. .screen-reader-text {
  646. border: 0;
  647. clip: rect(1px, 1px, 1px, 1px);
  648. clip-path: inset(50%);
  649. height: 1px;
  650. margin: -1px;
  651. overflow: hidden;
  652. padding: 0;
  653. position: absolute !important;
  654. width: 1px;
  655. word-wrap: normal !important;
  656. /* Many screen reader and browser combinations announce broken words as they would appear visually. */
  657. }
  658. .screen-reader-text:focus {
  659. background-color: white;
  660. border-radius: 3px;
  661. box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  662. clip: auto !important;
  663. clip-path: none;
  664. color: #444444;
  665. display: block;
  666. font-size: 1.2rem;
  667. font-weight: bold;
  668. height: auto;
  669. left: 5px;
  670. line-height: normal;
  671. padding: 15px 23px 14px;
  672. text-decoration: none;
  673. top: 5px;
  674. width: auto;
  675. z-index: 100000;
  676. /* Above WP toolbar. */
  677. }
  678. /* Do not show the outline on the skip link target. */
  679. #content[tabindex='-1']:focus {
  680. outline: 0;
  681. }
  682. .clear:before,
  683. .clear:after,
  684. .entry-content:before,
  685. .entry-content:after,
  686. .comment-content:before,
  687. .comment-content:after,
  688. .site-header:before,
  689. .site-header:after,
  690. .site-content:before,
  691. .site-content:after,
  692. .site-footer:before,
  693. .site-footer:after {
  694. content: '';
  695. display: table;
  696. table-layout: fixed;
  697. }
  698. .clear:after,
  699. .entry-content:after,
  700. .comment-content:after,
  701. .site-header:after,
  702. .site-content:after,
  703. .site-footer:after {
  704. clear: both;
  705. }
  706. /**
  707. * Measure
  708. * - The width of a line of text, in characters, is known as its measure.
  709. */
  710. header *,
  711. main *,
  712. footer * {
  713. max-width: unset;
  714. }
  715. html,
  716. body,
  717. div,
  718. header,
  719. nav,
  720. article,
  721. figure,
  722. hr,
  723. main,
  724. section,
  725. footer {
  726. max-width: none;
  727. }
  728. ::selection {
  729. background-color: lightblue;
  730. }
  731. ::-moz-selection {
  732. background-color: lightblue;
  733. }
  734. /**
  735. * Layout
  736. * - Structral and responsive styles
  737. */
  738. /**
  739. * Layout
  740. * - Structral and responsive styles
  741. */
  742. /**
  743. * Site Structure
  744. *
  745. * - Set vertical margins and responsive widths on
  746. * top-level wrappers and content wrappers
  747. * - `--global--width-content` is a responsive veriable
  748. * - See: globals/_global-width-responsive.scss
  749. */
  750. /**
  751. * Top Level Wrappers (header, main, footer)
  752. * - Set vertical padding and horizontal margins
  753. */
  754. .site-header,
  755. .site-main,
  756. .site-footer {
  757. padding: 16px 16px;
  758. margin-left: auto;
  759. margin-right: auto;
  760. }
  761. @media only screen and (min-width: 560px) {
  762. .site-header,
  763. .site-main,
  764. .site-footer {
  765. padding-top: 32px;
  766. padding-right: 0;
  767. padding-bottom: 32px;
  768. padding-left: 0;
  769. }
  770. }
  771. /**
  772. * Site-main children wrappers
  773. * - Add double vertical margins here for clearer heirarchy
  774. */
  775. .site-main > * {
  776. margin-top: calc(3 * 32px);
  777. margin-bottom: calc(3 * 32px);
  778. }
  779. .site-main > *:first-child {
  780. margin-top: 0;
  781. }
  782. .site-main > *:last-child {
  783. margin-bottom: 0;
  784. }
  785. /**
  786. * Major content sections (article, author-bio, pagination, comments, etc.)
  787. * - Set a maximum responsive content-width
  788. *
  789. * .responsive-max-width is a group selector replacing the following:
  790. * .site-header,
  791. * .site-main,
  792. * .site-footer
  793. * .entry-header,
  794. * .post-thumbnail,
  795. * .entry-content,
  796. * .entry-footer,
  797. * .author-bio,
  798. * .widget-area
  799. */
  800. /*
  801. * Block & non-gutenberg content wrappers
  802. * - Set margins
  803. */
  804. .entry-header,
  805. .post-thumbnail,
  806. .entry-content,
  807. .entry-footer,
  808. .author-bio,
  809. .widget-area {
  810. margin-top: 32px;
  811. margin-right: auto;
  812. margin-bottom: 32px;
  813. margin-left: auto;
  814. }
  815. /*
  816. * Block & non-gutenberg content wrapper children
  817. * - Sets spacing-vertical margin logic
  818. */
  819. .site-footer > *,
  820. .site-main > article > *,
  821. .site-main > .not-found > *,
  822. .entry-content > *,
  823. .entry-content-child,
  824. .wp-block-premium-content-container .wp-premium-content-logged-out-view > *,
  825. .wp-block-premium-content-container
  826. .wp-block-premium-content-subscriber-view
  827. > *,
  828. [class*='inner-container'] > *,
  829. .widget-area > * {
  830. margin-top: 21.312px;
  831. margin-bottom: 21.312px;
  832. }
  833. @media only screen and (min-width: 560px) {
  834. .site-footer > *,
  835. .site-main > article > *,
  836. .site-main > .not-found > *,
  837. .entry-content > *,
  838. .entry-content-child,
  839. .wp-block-premium-content-container .wp-premium-content-logged-out-view > *,
  840. .wp-block-premium-content-container
  841. .wp-block-premium-content-subscriber-view
  842. > *,
  843. [class*='inner-container'] > *,
  844. .widget-area > * {
  845. margin-top: 32px;
  846. margin-bottom: 32px;
  847. }
  848. }
  849. .site-footer > *:first-child,
  850. .site-main > article > *:first-child,
  851. .site-main > .not-found > *:first-child,
  852. .entry-content > *:first-child,
  853. .entry-content-child:first-child,
  854. .wp-block-premium-content-container
  855. .wp-premium-content-logged-out-view
  856. > :first-child,
  857. .wp-block-premium-content-container
  858. .wp-block-premium-content-subscriber-view
  859. > :first-child,
  860. [class*='inner-container'] > *:first-child,
  861. .widget-area > *:first-child {
  862. margin-top: 0;
  863. }
  864. .site-footer > *:last-child,
  865. .site-main > article > *:last-child,
  866. .site-main > .not-found > *:last-child,
  867. .entry-content > *:last-child,
  868. .entry-content-child:last-child,
  869. .wp-block-premium-content-container
  870. .wp-premium-content-logged-out-view
  871. > :last-child,
  872. .wp-block-premium-content-container
  873. .wp-block-premium-content-subscriber-view
  874. > :last-child,
  875. [class*='inner-container'] > *:last-child,
  876. .widget-area > *:last-child {
  877. margin-bottom: 0;
  878. }
  879. /*
  880. * Block & non-gutenberg content wrapper children
  881. * - Sets spacing-unit margins
  882. */
  883. .site-header > *,
  884. .entry-header > *,
  885. .post-thumbnail > *,
  886. .page-content > *,
  887. .comment-content > *,
  888. .author-bio > *,
  889. .widget-area > .widget > * {
  890. margin-top: 16px;
  891. margin-bottom: 16px;
  892. }
  893. .site-header > *:first-child,
  894. .entry-header > *:first-child,
  895. .post-thumbnail > *:first-child,
  896. .page-content > *:first-child,
  897. .comment-content > *:first-child,
  898. .author-bio > *:first-child,
  899. .widget-area > .widget > *:first-child {
  900. margin-top: 0;
  901. }
  902. .site-header > *:last-child,
  903. .entry-header > *:last-child,
  904. .post-thumbnail > *:last-child,
  905. .page-content > *:last-child,
  906. .comment-content > *:last-child,
  907. .author-bio > *:last-child,
  908. .widget-area > .widget > *:last-child {
  909. margin-bottom: 0;
  910. }
  911. /*
  912. * .entry-content children specific controls
  913. * - Adds special margin overrides for alignment utility classes
  914. */
  915. .entry-content > * {
  916. /* Reset alignleft and alignright margins after alignfull */
  917. }
  918. .entry-content > *.alignleft,
  919. .entry-content > *.alignright,
  920. .entry-content > *.alignleft:first-child + *,
  921. .entry-content > *.alignright:first-child + *,
  922. .entry-content > *.alignfull {
  923. margin-top: 0;
  924. }
  925. .entry-content > *:last-child,
  926. .entry-content > *.alignfull {
  927. margin-bottom: 0;
  928. }
  929. .entry-content > *.alignfull + .alignleft {
  930. float: left;
  931. margin-top: 32px;
  932. margin-left: 16px;
  933. margin-right: 16px;
  934. }
  935. .entry-content > *.alignfull + .alignright {
  936. float: right;
  937. margin-top: 32px;
  938. margin-left: 16px;
  939. margin-right: 16px;
  940. }
  941. /**
  942. * Elements
  943. * - Styles for basic HTML elemants
  944. */
  945. /**
  946. * Elements
  947. * - Styles for basic HTML elemants
  948. */
  949. blockquote {
  950. padding-left: 16px;
  951. }
  952. blockquote p {
  953. font-size: 1.728rem;
  954. letter-spacing: normal;
  955. line-height: 1.125;
  956. }
  957. blockquote cite,
  958. blockquote footer {
  959. font-size: 0.83333rem;
  960. letter-spacing: normal;
  961. }
  962. blockquote > * {
  963. margin-top: 16px;
  964. margin-bottom: 16px;
  965. }
  966. blockquote > *:first-child {
  967. margin-top: 0;
  968. }
  969. blockquote > *:last-child {
  970. margin-bottom: 0;
  971. }
  972. blockquote.alignleft,
  973. blockquote.alignright {
  974. padding-left: inherit;
  975. }
  976. blockquote.alignleft p,
  977. blockquote.alignright p {
  978. font-size: 1.44rem;
  979. max-width: inherit;
  980. width: inherit;
  981. }
  982. blockquote.alignleft cite,
  983. blockquote.alignleft footer,
  984. blockquote.alignright cite,
  985. blockquote.alignright footer {
  986. font-size: 0.69444rem;
  987. letter-spacing: normal;
  988. }
  989. input[type='text'],
  990. input[type='email'],
  991. input[type='url'],
  992. input[type='password'],
  993. input[type='search'],
  994. input[type='number'],
  995. input[type='tel'],
  996. input[type='range'],
  997. input[type='date'],
  998. input[type='month'],
  999. input[type='week'],
  1000. input[type='time'],
  1001. input[type='datetime'],
  1002. input[type='datetime-local'],
  1003. input[type='color'],
  1004. textarea {
  1005. color: black;
  1006. border: 1px solid #dddddd;
  1007. border-radius: 3px;
  1008. padding: 16px;
  1009. }
  1010. input[type='text']:focus,
  1011. input[type='email']:focus,
  1012. input[type='url']:focus,
  1013. input[type='password']:focus,
  1014. input[type='search']:focus,
  1015. input[type='number']:focus,
  1016. input[type='tel']:focus,
  1017. input[type='range']:focus,
  1018. input[type='date']:focus,
  1019. input[type='month']:focus,
  1020. input[type='week']:focus,
  1021. input[type='time']:focus,
  1022. input[type='datetime']:focus,
  1023. input[type='datetime-local']:focus,
  1024. input[type='color']:focus,
  1025. textarea:focus {
  1026. color: black;
  1027. border-color: indigo;
  1028. }
  1029. select {
  1030. border: 1px solid #dddddd;
  1031. }
  1032. textarea {
  1033. width: 100%;
  1034. }
  1035. input[type='checkbox'] + label {
  1036. display: inline;
  1037. margin-left: 0.5em;
  1038. margin-right: 2em;
  1039. line-height: 1em;
  1040. }
  1041. figcaption {
  1042. color: #767676;
  1043. font-size: 0.69444rem;
  1044. margin-top: calc(0.5 * 16px);
  1045. margin-bottom: 16px;
  1046. text-align: center;
  1047. }
  1048. .alignleft figcaption,
  1049. .alignright figcaption {
  1050. margin-bottom: 0;
  1051. }
  1052. /* WP Smiley */
  1053. .page-content .wp-smiley,
  1054. .entry-content .wp-smiley,
  1055. .comment-content .wp-smiley {
  1056. border: none;
  1057. margin-bottom: 0;
  1058. margin-top: 0;
  1059. padding: 0;
  1060. }
  1061. /* Make sure embeds and iframes fit their containers. */
  1062. embed,
  1063. iframe,
  1064. object {
  1065. max-width: 100%;
  1066. }
  1067. /* Center-align getty image embeds */
  1068. .getty.embed.image {
  1069. display: block !important;
  1070. }
  1071. /**
  1072. * Blocks
  1073. * - These styles replace key Gutenberg Block styles for fonts, colors, and
  1074. * spacing with CSS-variables overrides
  1075. * - In the future the Block styles may get compiled to individual .css
  1076. * files and conditionally loaded
  1077. */
  1078. /**
  1079. * Blocks
  1080. * - These styles replace key Gutenberg Block styles with font, color, and
  1081. * spacing with CSS-variables overrides
  1082. * - In the future the Block styles may get compiled to individual .css
  1083. * files and conditionally loaded
  1084. */
  1085. .wp-block-audio {
  1086. min-width: inherit;
  1087. }
  1088. .wp-block-audio.alignleft,
  1089. .wp-block-audio.alignright {
  1090. min-width: 300px;
  1091. }
  1092. .wp-block-newspack-blocks-homepage-articles.image-aligntop .post-thumbnail {
  1093. margin-bottom: 16px;
  1094. }
  1095. .wp-block-newspack-blocks-homepage-articles.image-alignleft .post-thumbnail {
  1096. margin-right: 32px;
  1097. }
  1098. .wp-block-newspack-blocks-homepage-articles.image-alignright .post-thumbnail {
  1099. margin-left: 32px;
  1100. }
  1101. .wp-block-newspack-blocks-homepage-articles.image-alignbehind
  1102. .post-has-image
  1103. .entry-wrapper {
  1104. padding: 32px;
  1105. }
  1106. .wp-block-newspack-blocks-homepage-articles.is-grid article {
  1107. margin-top: 0;
  1108. margin-bottom: 64px;
  1109. }
  1110. @media only screen and (min-width: 560px) {
  1111. .wp-block-newspack-blocks-homepage-articles.is-grid article {
  1112. margin-bottom: 96px;
  1113. }
  1114. }
  1115. .wp-block-newspack-blocks-homepage-articles .article-section-title {
  1116. font-size: 1rem;
  1117. margin-bottom: 16px;
  1118. }
  1119. .wp-block-newspack-blocks-homepage-articles .article-section-title + article {
  1120. margin-top: 0;
  1121. }
  1122. .wp-block-newspack-blocks-homepage-articles article {
  1123. display: block;
  1124. /* Vertical margins logic between posts */
  1125. margin-top: 64px;
  1126. margin-bottom: 64px;
  1127. }
  1128. @media only screen and (min-width: 560px) {
  1129. .wp-block-newspack-blocks-homepage-articles article {
  1130. margin-top: 96px;
  1131. margin-bottom: 96px;
  1132. }
  1133. }
  1134. .wp-block-newspack-blocks-homepage-articles article:first-child {
  1135. margin-top: 0;
  1136. }
  1137. .wp-block-newspack-blocks-homepage-articles article:last-child {
  1138. margin-bottom: 96px;
  1139. }
  1140. .wp-block-newspack-blocks-homepage-articles article .post-thumbnail img {
  1141. width: auto;
  1142. }
  1143. .wp-block-newspack-blocks-homepage-articles article .entry-wrapper > * {
  1144. /* Vertical margins logic between post details */
  1145. margin-top: 16px;
  1146. margin-bottom: 16px;
  1147. }
  1148. .wp-block-newspack-blocks-homepage-articles
  1149. article
  1150. .entry-wrapper
  1151. > *:first-child {
  1152. margin-top: 0;
  1153. }
  1154. .wp-block-newspack-blocks-homepage-articles
  1155. article
  1156. .entry-wrapper
  1157. > *:last-child {
  1158. margin-bottom: 0;
  1159. }
  1160. .wp-block-newspack-blocks-homepage-articles article .entry-title a {
  1161. color: blue;
  1162. }
  1163. .has-background:not(.has-background-background-color)
  1164. .wp-block-newspack-blocks-homepage-articles
  1165. article
  1166. .entry-title
  1167. a,
  1168. [class*='background-color']:not(.has-background-background-color)
  1169. .wp-block-newspack-blocks-homepage-articles
  1170. article
  1171. .entry-title
  1172. a,
  1173. [style*='background-color']
  1174. .wp-block-newspack-blocks-homepage-articles
  1175. article
  1176. .entry-title
  1177. a {
  1178. color: currentColor;
  1179. }
  1180. .wp-block-newspack-blocks-homepage-articles article .entry-title a:hover {
  1181. color: indigo;
  1182. text-decoration: underline;
  1183. }
  1184. .has-background:not(.has-background-background-color)
  1185. .wp-block-newspack-blocks-homepage-articles
  1186. article
  1187. .entry-title
  1188. a:hover,
  1189. [class*='background-color']:not(.has-background-background-color)
  1190. .wp-block-newspack-blocks-homepage-articles
  1191. article
  1192. .entry-title
  1193. a:hover,
  1194. [style*='background-color']
  1195. .wp-block-newspack-blocks-homepage-articles
  1196. article
  1197. .entry-title
  1198. a:hover {
  1199. color: currentColor;
  1200. }
  1201. @media only screen and (min-width: 560px) {
  1202. .wp-block-newspack-blocks-homepage-articles article .more-link {
  1203. margin-top: 16px;
  1204. }
  1205. }
  1206. .wp-block-newspack-blocks-homepage-articles article .entry-meta,
  1207. .wp-block-newspack-blocks-homepage-articles article .cat-links {
  1208. color: #767676;
  1209. font-size: 0.83333rem;
  1210. }
  1211. .has-background:not(.has-background-background-color)
  1212. .wp-block-newspack-blocks-homepage-articles
  1213. article
  1214. .entry-meta,
  1215. [class*='background-color']:not(.has-background-background-color)
  1216. .wp-block-newspack-blocks-homepage-articles
  1217. article
  1218. .entry-meta,
  1219. [style*='background-color']
  1220. .wp-block-newspack-blocks-homepage-articles
  1221. article
  1222. .entry-meta,
  1223. .has-background:not(.has-background-background-color)
  1224. .wp-block-newspack-blocks-homepage-articles
  1225. article
  1226. .cat-links,
  1227. [class*='background-color']:not(.has-background-background-color)
  1228. .wp-block-newspack-blocks-homepage-articles
  1229. article
  1230. .cat-links,
  1231. [style*='background-color']
  1232. .wp-block-newspack-blocks-homepage-articles
  1233. article
  1234. .cat-links {
  1235. color: currentColor;
  1236. }
  1237. .wp-block-newspack-blocks-homepage-articles article .entry-meta > span > *,
  1238. .wp-block-newspack-blocks-homepage-articles article .cat-links > span > * {
  1239. vertical-align: top;
  1240. }
  1241. .wp-block-newspack-blocks-homepage-articles
  1242. article
  1243. .entry-meta
  1244. .byline:not(:last-child),
  1245. .wp-block-newspack-blocks-homepage-articles
  1246. article
  1247. .cat-links
  1248. .byline:not(:last-child) {
  1249. margin-right: 16px;
  1250. }
  1251. .wp-block-newspack-blocks-homepage-articles
  1252. article
  1253. .entry-meta
  1254. .published
  1255. + .updated,
  1256. .wp-block-newspack-blocks-homepage-articles
  1257. article
  1258. .cat-links
  1259. .published
  1260. + .updated {
  1261. display: none;
  1262. }
  1263. .wp-block-newspack-blocks-homepage-articles article .entry-meta a,
  1264. .wp-block-newspack-blocks-homepage-articles article .cat-links a {
  1265. color: currentColor;
  1266. text-decoration: underline;
  1267. }
  1268. .wp-block-newspack-blocks-homepage-articles article .entry-meta a:hover,
  1269. .wp-block-newspack-blocks-homepage-articles article .entry-meta a:active,
  1270. .wp-block-newspack-blocks-homepage-articles article .cat-links a:hover,
  1271. .wp-block-newspack-blocks-homepage-articles article .cat-links a:active {
  1272. color: indigo;
  1273. text-decoration: none;
  1274. }
  1275. .has-background:not(.has-background-background-color)
  1276. .wp-block-newspack-blocks-homepage-articles
  1277. article
  1278. .entry-meta
  1279. a:hover,
  1280. [class*='background-color']:not(.has-background-background-color)
  1281. .wp-block-newspack-blocks-homepage-articles
  1282. article
  1283. .entry-meta
  1284. a:hover,
  1285. [style*='background-color']
  1286. .wp-block-newspack-blocks-homepage-articles
  1287. article
  1288. .entry-meta
  1289. a:hover,
  1290. .has-background:not(.has-background-background-color)
  1291. .wp-block-newspack-blocks-homepage-articles
  1292. article
  1293. .entry-meta
  1294. a:active,
  1295. [class*='background-color']:not(.has-background-background-color)
  1296. .wp-block-newspack-blocks-homepage-articles
  1297. article
  1298. .entry-meta
  1299. a:active,
  1300. [style*='background-color']
  1301. .wp-block-newspack-blocks-homepage-articles
  1302. article
  1303. .entry-meta
  1304. a:active,
  1305. .has-background:not(.has-background-background-color)
  1306. .wp-block-newspack-blocks-homepage-articles
  1307. article
  1308. .cat-links
  1309. a:hover,
  1310. [class*='background-color']:not(.has-background-background-color)
  1311. .wp-block-newspack-blocks-homepage-articles
  1312. article
  1313. .cat-links
  1314. a:hover,
  1315. [style*='background-color']
  1316. .wp-block-newspack-blocks-homepage-articles
  1317. article
  1318. .cat-links
  1319. a:hover,
  1320. .has-background:not(.has-background-background-color)
  1321. .wp-block-newspack-blocks-homepage-articles
  1322. article
  1323. .cat-links
  1324. a:active,
  1325. [class*='background-color']:not(.has-background-background-color)
  1326. .wp-block-newspack-blocks-homepage-articles
  1327. article
  1328. .cat-links
  1329. a:active,
  1330. [style*='background-color']
  1331. .wp-block-newspack-blocks-homepage-articles
  1332. article
  1333. .cat-links
  1334. a:active {
  1335. color: currentColor;
  1336. }
  1337. button[data-load-more-btn],
  1338. .button {
  1339. display: inline-block;
  1340. }
  1341. .has-background:not(.has-background-background-color)
  1342. button[data-load-more-btn],
  1343. [class*='background-color']:not(.has-background-background-color)
  1344. button[data-load-more-btn],
  1345. [style*='background-color'] button[data-load-more-btn],
  1346. .has-background:not(.has-background-background-color) .button,
  1347. [class*='background-color']:not(.has-background-background-color) .button,
  1348. [style*='background-color'] .button {
  1349. background-color: transparent;
  1350. border: 2px solid currentColor;
  1351. color: currentColor;
  1352. }
  1353. /**
  1354. * Button
  1355. */
  1356. /**
  1357. * Block Options
  1358. */
  1359. .wp-block-button.is-style-outline.wp-block-button__link,
  1360. .wp-block-button.is-style-outline .wp-block-button__link {
  1361. border: 2px solid currentcolor;
  1362. padding: 14px 16px;
  1363. }
  1364. .wp-block-button.is-style-outline.wp-block-button__link:not(.has-background),
  1365. .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background) {
  1366. background: transparent;
  1367. }
  1368. .wp-block-button.is-style-outline.wp-block-button__link:not(.has-text-color),
  1369. .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color) {
  1370. color: blue;
  1371. }
  1372. .wp-block-button.is-style-outline.wp-block-button__link:active,
  1373. .wp-block-button.is-style-outline .wp-block-button__link:active {
  1374. color: blue;
  1375. }
  1376. .wp-block-button.is-style-outline.wp-block-button__link:hover,
  1377. .wp-block-button.is-style-outline.wp-block-button__link:focus,
  1378. .wp-block-button.is-style-outline.wp-block-button__link.has-focus,
  1379. .wp-block-button.is-style-outline .wp-block-button__link:hover,
  1380. .wp-block-button.is-style-outline .wp-block-button__link:focus,
  1381. .wp-block-button.is-style-outline .wp-block-button__link.has-focus {
  1382. color: indigo;
  1383. }
  1384. .has-primary-background-color
  1385. .wp-block-button.is-style-outline.wp-block-button__link:not(.has-text-color),
  1386. .has-primary-background-color
  1387. .wp-block-button.is-style-outline
  1388. .wp-block-button__link:not(.has-text-color) {
  1389. color: white;
  1390. }
  1391. .wp-block-button.is-style-squared,
  1392. .wp-block-button.is-style-squared .wp-block-button__link {
  1393. border-radius: 0;
  1394. }
  1395. .wp-block-code {
  1396. color: #444444;
  1397. font-size: 0.83333rem;
  1398. padding: 16px;
  1399. border-color: #dddddd;
  1400. }
  1401. .wp-block-code pre {
  1402. color: #444444;
  1403. }
  1404. .wp-block-columns {
  1405. /**
  1406. * Block Options
  1407. */
  1408. }
  1409. .wp-block-columns .wp-block-column > * {
  1410. margin-top: 21.312px;
  1411. margin-bottom: 21.312px;
  1412. }
  1413. @media only screen and (min-width: 560px) {
  1414. .wp-block-columns .wp-block-column > * {
  1415. margin-top: 32px;
  1416. margin-bottom: 32px;
  1417. }
  1418. }
  1419. .wp-block-columns .wp-block-column > *:first-child {
  1420. margin-top: 0;
  1421. }
  1422. .wp-block-columns .wp-block-column > *:last-child {
  1423. margin-bottom: 0;
  1424. }
  1425. .wp-block-columns .wp-block-column:last-child {
  1426. margin-bottom: 0;
  1427. }
  1428. .wp-block-columns .wp-block-column:not(:last-child) {
  1429. margin-bottom: 21.312px;
  1430. }
  1431. @media only screen and (min-width: 560px) {
  1432. .wp-block-columns .wp-block-column:not(:last-child) {
  1433. margin-bottom: 32px;
  1434. }
  1435. }
  1436. @media only screen and (min-width: 782px) {
  1437. .wp-block-columns .wp-block-column:not(:last-child) {
  1438. /* Resetting margins to match _block-container.scss */
  1439. margin-bottom: 0;
  1440. }
  1441. }
  1442. .wp-block-columns.alignfull {
  1443. padding-left: 16px;
  1444. padding-right: 16px;
  1445. }
  1446. .wp-block-columns.alignfull:not(:first-child) {
  1447. margin-top: 32px;
  1448. }
  1449. .wp-block-columns.alignfull:not(:last-child) {
  1450. margin-bottom: 32px;
  1451. }
  1452. .wp-block-cover,
  1453. .wp-block-cover-image {
  1454. background-color: black;
  1455. min-height: 480px;
  1456. margin-top: inherit;
  1457. margin-bottom: inherit;
  1458. /* Treating H2 separately to account for legacy /core styles */
  1459. /**
  1460. * Block Options
  1461. */
  1462. }
  1463. .wp-block-cover.has-background-dim,
  1464. .wp-block-cover-image.has-background-dim {
  1465. background-color: black;
  1466. }
  1467. .wp-block-cover .wp-block-cover__inner-container,
  1468. .wp-block-cover .wp-block-cover-image-text,
  1469. .wp-block-cover .wp-block-cover-text,
  1470. .wp-block-cover-image .wp-block-cover__inner-container,
  1471. .wp-block-cover-image .wp-block-cover-image-text,
  1472. .wp-block-cover-image .wp-block-cover-text {
  1473. margin-top: 32px;
  1474. margin-bottom: 32px;
  1475. }
  1476. .wp-block-cover h2,
  1477. .wp-block-cover-image h2 {
  1478. font-size: 2.48832rem;
  1479. letter-spacing: normal;
  1480. line-height: 1.125;
  1481. max-width: inherit;
  1482. text-align: inherit;
  1483. padding: 0;
  1484. }
  1485. .wp-block-cover h2.has-text-align-left,
  1486. .wp-block-cover-image h2.has-text-align-left {
  1487. text-align: left;
  1488. }
  1489. .wp-block-cover h2.has-text-align-center,
  1490. .wp-block-cover-image h2.has-text-align-center {
  1491. text-align: center;
  1492. }
  1493. .wp-block-cover h2.has-text-align-right,
  1494. .wp-block-cover-image h2.has-text-align-right {
  1495. text-align: right;
  1496. }
  1497. .wp-block-cover .wp-block-cover__inner-container,
  1498. .wp-block-cover-image .wp-block-cover__inner-container {
  1499. width: calc(100% - 64px);
  1500. }
  1501. .wp-block-cover .wp-block-cover__inner-container > *,
  1502. .wp-block-cover-image .wp-block-cover__inner-container > * {
  1503. margin-top: 21.312px;
  1504. margin-bottom: 21.312px;
  1505. }
  1506. @media only screen and (min-width: 560px) {
  1507. .wp-block-cover .wp-block-cover__inner-container > *,
  1508. .wp-block-cover-image .wp-block-cover__inner-container > * {
  1509. margin-top: 32px;
  1510. margin-bottom: 32px;
  1511. }
  1512. }
  1513. .wp-block-cover .wp-block-cover__inner-container > *:first-child,
  1514. .wp-block-cover-image .wp-block-cover__inner-container > *:first-child {
  1515. margin-top: 0;
  1516. }
  1517. .wp-block-cover .wp-block-cover__inner-container > *:last-child,
  1518. .wp-block-cover-image .wp-block-cover__inner-container > *:last-child {
  1519. margin-bottom: 0;
  1520. }
  1521. .wp-block-cover.alignleft,
  1522. .wp-block-cover.alignright,
  1523. .wp-block-cover-image.alignleft,
  1524. .wp-block-cover-image.alignright {
  1525. margin-top: 0;
  1526. }
  1527. .wp-block-cover.alignleft > *,
  1528. .wp-block-cover.alignright > *,
  1529. .wp-block-cover-image.alignleft > *,
  1530. .wp-block-cover-image.alignright > * {
  1531. margin-top: calc(2 * 32px);
  1532. margin-bottom: calc(2 * 32px);
  1533. padding-left: 16px;
  1534. padding-right: 16px;
  1535. width: 100%;
  1536. }
  1537. .wp-block-cover.has-left-content,
  1538. .wp-block-cover.has-right-content,
  1539. .wp-block-cover-image.has-left-content,
  1540. .wp-block-cover-image.has-right-content {
  1541. justify-content: center;
  1542. }
  1543. .wp-block-file .wp-block-file__button {
  1544. background-color: blue;
  1545. color: white;
  1546. font-size: 0.83333rem;
  1547. margin-left: 16px;
  1548. margin-right: 16px;
  1549. }
  1550. .wp-block-file .wp-block-file__button:before,
  1551. .wp-block-file .wp-block-file__button:after {
  1552. display: inherit;
  1553. }
  1554. .wp-block-file a.wp-block-file__button:active,
  1555. .wp-block-file a.wp-block-file__button:focus,
  1556. .wp-block-file a.wp-block-file__button:hover,
  1557. .wp-block-file a.wp-block-file__button:visited {
  1558. color: white;
  1559. opacity: 0.85;
  1560. }
  1561. .wp-block-gallery {
  1562. margin: 0;
  1563. }
  1564. .wp-block-gallery .blocks-gallery-image figcaption,
  1565. .wp-block-gallery .blocks-gallery-item figcaption {
  1566. margin: 0;
  1567. color: white;
  1568. font-size: 0.69444rem;
  1569. }
  1570. .wp-block-gallery.alignleft,
  1571. .wp-block-gallery.alignright {
  1572. max-width: 50%;
  1573. }
  1574. .wp-block-group .wp-block-group__inner-container {
  1575. margin-left: auto;
  1576. margin-right: auto;
  1577. }
  1578. .wp-block-group .wp-block-group__inner-container > * {
  1579. margin-top: 21.312px;
  1580. margin-bottom: 21.312px;
  1581. }
  1582. @media only screen and (min-width: 560px) {
  1583. .wp-block-group .wp-block-group__inner-container > * {
  1584. margin-top: 32px;
  1585. margin-bottom: 32px;
  1586. }
  1587. }
  1588. .wp-block-group .wp-block-group__inner-container > *:first-child {
  1589. margin-top: 0;
  1590. }
  1591. .wp-block-group .wp-block-group__inner-container > *:last-child {
  1592. margin-bottom: 0;
  1593. }
  1594. .wp-block-group.has-background {
  1595. padding: 21.312px;
  1596. }
  1597. @media only screen and (min-width: 560px) {
  1598. .wp-block-group.has-background {
  1599. padding: 32px;
  1600. }
  1601. }
  1602. .wp-block-group.alignfull {
  1603. padding-left: 16px;
  1604. padding-right: 16px;
  1605. }
  1606. h1,
  1607. .h1,
  1608. h2,
  1609. .h2,
  1610. h3,
  1611. .h3,
  1612. h4,
  1613. .h4,
  1614. h5,
  1615. .h5,
  1616. h6,
  1617. .h6 {
  1618. font-family: sans-serif;
  1619. font-family: var(--font-headings, sans-serif);
  1620. font-weight: bold;
  1621. clear: both;
  1622. }
  1623. h1,
  1624. .h1 {
  1625. font-size: 2.98598rem;
  1626. letter-spacing: normal;
  1627. line-height: 1.125;
  1628. }
  1629. h2,
  1630. .h2 {
  1631. font-size: 2.48832rem;
  1632. letter-spacing: normal;
  1633. line-height: 1.125;
  1634. }
  1635. h3,
  1636. .h3 {
  1637. font-size: 2.0736rem;
  1638. letter-spacing: normal;
  1639. line-height: 1.125;
  1640. }
  1641. h4,
  1642. .h4 {
  1643. font-size: 1.728rem;
  1644. letter-spacing: normal;
  1645. line-height: 1.125;
  1646. }
  1647. h5,
  1648. .h5 {
  1649. font-size: 1.44rem;
  1650. letter-spacing: normal;
  1651. line-height: 1.125;
  1652. }
  1653. h6,
  1654. .h6 {
  1655. font-size: 1.2rem;
  1656. letter-spacing: normal;
  1657. line-height: 1.125;
  1658. }
  1659. .wp-block-image {
  1660. text-align: center;
  1661. }
  1662. .wp-block-image figcaption {
  1663. color: #767676;
  1664. font-size: 0.69444rem;
  1665. margin-top: calc(0.5 * 16px);
  1666. margin-bottom: 16px;
  1667. text-align: center;
  1668. }
  1669. .entry-content > *[class='wp-block-image'],
  1670. .entry-content [class*='inner-container'] > *[class='wp-block-image'] {
  1671. margin-top: 0;
  1672. margin-bottom: 0;
  1673. }
  1674. .entry-content > *[class='wp-block-image'] + *,
  1675. .entry-content [class*='inner-container'] > *[class='wp-block-image'] + * {
  1676. margin-top: 0;
  1677. }
  1678. img {
  1679. height: auto;
  1680. max-width: 100%;
  1681. vertical-align: middle;
  1682. }
  1683. .wp-block-latest-comments {
  1684. padding-left: 0;
  1685. }
  1686. .wp-block-latest-comments .wp-block-latest-comments__comment {
  1687. font-size: 0.83333rem;
  1688. line-height: 1.78;
  1689. /* Vertical margins logic */
  1690. margin-top: 32px;
  1691. margin-bottom: 32px;
  1692. }
  1693. .wp-block-latest-comments .wp-block-latest-comments__comment:first-child {
  1694. margin-top: 0;
  1695. }
  1696. .wp-block-latest-comments .wp-block-latest-comments__comment:last-child {
  1697. margin-bottom: 0;
  1698. }
  1699. .wp-block-latest-comments .wp-block-latest-comments__comment-meta {
  1700. font-family: sans-serif;
  1701. font-family: var(--font-headings, sans-serif);
  1702. }
  1703. .wp-block-latest-comments .wp-block-latest-comments__comment-date {
  1704. color: #767676;
  1705. font-size: 0.83333rem;
  1706. }
  1707. .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
  1708. font-size: 0.83333rem;
  1709. line-height: 1.78;
  1710. margin: 0;
  1711. }
  1712. .wp-block-latest-posts {
  1713. padding-left: 0;
  1714. }
  1715. .wp-block-latest-posts > li {
  1716. word-wrap: break-word;
  1717. /* Vertical margins logic */
  1718. margin-top: 32px;
  1719. margin-bottom: 32px;
  1720. }
  1721. .wp-block-latest-posts > li:first-child {
  1722. margin-top: 0;
  1723. }
  1724. .wp-block-latest-posts > li:last-child {
  1725. margin-bottom: 0;
  1726. }
  1727. .wp-block-latest-posts > li > a {
  1728. font-family: sans-serif;
  1729. font-family: var(--font-headings, sans-serif);
  1730. font-size: 1.728rem;
  1731. font-weight: bold;
  1732. line-height: 1.125;
  1733. }
  1734. .wp-block-latest-posts .wp-block-latest-posts__post-date {
  1735. color: #767676;
  1736. font-size: 0.69444rem;
  1737. line-height: 1.78;
  1738. }
  1739. .entry-content
  1740. [class*='inner-container']
  1741. .wp-block-latest-posts
  1742. .wp-block-latest-posts__post-date,
  1743. .entry-content
  1744. .has-background
  1745. .wp-block-latest-posts
  1746. .wp-block-latest-posts__post-date {
  1747. color: currentColor;
  1748. }
  1749. .wp-block-latest-posts .wp-block-latest-posts__post-excerpt,
  1750. .wp-block-latest-posts .wp-block-latest-posts__post-full-content {
  1751. font-size: 0.83333rem;
  1752. line-height: 1.78;
  1753. margin: 0;
  1754. }
  1755. .wp-block-latest-posts.alignfull {
  1756. padding-left: 16px;
  1757. padding-right: 16px;
  1758. }
  1759. .entry-content [class*='inner-container'] .wp-block-latest-posts.alignfull,
  1760. .entry-content .has-background .wp-block-latest-posts.alignfull {
  1761. padding-left: 0;
  1762. padding-right: 0;
  1763. }
  1764. .gallery-item {
  1765. display: inline-block;
  1766. text-align: center;
  1767. vertical-align: top;
  1768. width: 100%;
  1769. }
  1770. .gallery-item a {
  1771. display: block;
  1772. }
  1773. .gallery-columns-2 .gallery-item {
  1774. max-width: 50%;
  1775. }
  1776. .gallery-columns-3 .gallery-item {
  1777. max-width: 33.33%;
  1778. }
  1779. .gallery-columns-4 .gallery-item {
  1780. max-width: 25%;
  1781. }
  1782. .gallery-columns-5 .gallery-item {
  1783. max-width: 20%;
  1784. }
  1785. .gallery-columns-6 .gallery-item {
  1786. max-width: 16.66%;
  1787. }
  1788. .gallery-columns-7 .gallery-item {
  1789. max-width: 14.28%;
  1790. }
  1791. .gallery-columns-8 .gallery-item {
  1792. max-width: 12.5%;
  1793. }
  1794. .gallery-columns-9 .gallery-item {
  1795. max-width: 11.11%;
  1796. }
  1797. .gallery-caption {
  1798. display: block;
  1799. }
  1800. ul,
  1801. ol {
  1802. font-family: serif;
  1803. font-family: var(--font-base, serif);
  1804. margin: 0;
  1805. padding-left: 32px;
  1806. }
  1807. ul.aligncenter,
  1808. ol.aligncenter {
  1809. list-style-position: inside;
  1810. padding: 0;
  1811. }
  1812. ul.alignright,
  1813. ol.alignright {
  1814. list-style-position: inside;
  1815. text-align: right;
  1816. padding: 0;
  1817. }
  1818. ul {
  1819. list-style-type: disc;
  1820. }
  1821. ol {
  1822. list-style-type: decimal;
  1823. }
  1824. dt {
  1825. font-family: sans-serif;
  1826. font-family: var(--font-headings, sans-serif);
  1827. font-weight: bold;
  1828. }
  1829. dd {
  1830. margin: 0;
  1831. padding-left: 32px;
  1832. }
  1833. .wp-block-media-text {
  1834. /**
  1835. * Block Options
  1836. */
  1837. }
  1838. .wp-block-media-text .wp-block-media-text__content {
  1839. padding: 16px;
  1840. }
  1841. @media only screen and (min-width: 640px) {
  1842. .wp-block-media-text .wp-block-media-text__content {
  1843. padding: 32px;
  1844. }
  1845. }
  1846. .wp-block-media-text .wp-block-media-text__content > * {
  1847. margin-top: 21.312px;
  1848. margin-bottom: 21.312px;
  1849. }
  1850. @media only screen and (min-width: 560px) {
  1851. .wp-block-media-text .wp-block-media-text__content > * {
  1852. margin-top: 32px;
  1853. margin-bottom: 32px;
  1854. }
  1855. }
  1856. .wp-block-media-text .wp-block-media-text__content > *:first-child {
  1857. margin-top: 0;
  1858. }
  1859. .wp-block-media-text .wp-block-media-text__content > *:last-child {
  1860. margin-bottom: 0;
  1861. }
  1862. @media only screen and (min-width: 560px) {
  1863. .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
  1864. padding-top: 32px;
  1865. padding-bottom: 32px;
  1866. }
  1867. }
  1868. p.has-background {
  1869. padding: 16px 16px;
  1870. }
  1871. .a8c-posts-list__listing {
  1872. list-style: none;
  1873. margin: 0;
  1874. padding: 0;
  1875. }
  1876. .a8c-posts-list__listing:not(:last-child) {
  1877. margin-bottom: calc(3 * 32px);
  1878. }
  1879. .a8c-posts-list-item__featured span {
  1880. color: white;
  1881. background-color: blue;
  1882. font-family: sans-serif;
  1883. font-family: var(--font-headings, sans-serif);
  1884. font-weight: bold;
  1885. font-size: 0.83333rem;
  1886. line-height: 1;
  1887. padding: calc(0.5 * 16px) calc(0.66 * 16px);
  1888. }
  1889. .a8c-posts-list__item {
  1890. display: block;
  1891. /* Vertical margins logic between posts */
  1892. margin-top: calc(3 * 32px);
  1893. margin-bottom: calc(3 * 32px);
  1894. }
  1895. .a8c-posts-list__item:first-child {
  1896. margin-top: 0;
  1897. }
  1898. .a8c-posts-list__item:last-child {
  1899. margin-bottom: 0;
  1900. }
  1901. .a8c-posts-list__item .entry > * {
  1902. /* Vertical margins logic between post details */
  1903. margin-top: 16px;
  1904. margin-bottom: 16px;
  1905. }
  1906. .a8c-posts-list__item .entry > *:first-child {
  1907. margin-top: 0;
  1908. }
  1909. .a8c-posts-list__item .entry > *:last-child {
  1910. margin-bottom: 0;
  1911. }
  1912. .a8c-posts-list__item .a8c-posts-list-item__meta {
  1913. color: #767676;
  1914. font-size: 0.83333rem;
  1915. }
  1916. .a8c-posts-list__item .a8c-posts-list-item__meta a {
  1917. color: currentColor;
  1918. }
  1919. .a8c-posts-list__item .a8c-posts-list-item__meta a:hover,
  1920. .a8c-posts-list__item .a8c-posts-list-item__meta a:active {
  1921. color: indigo;
  1922. }
  1923. .a8c-posts-list__item .a8c-posts-list-item__edit-link {
  1924. margin-left: 16px;
  1925. }
  1926. .a8c-posts-list__view-all {
  1927. display: inline-block;
  1928. }
  1929. .wp-block-pullquote {
  1930. border-top-color: #dddddd;
  1931. border-top-width: 4px;
  1932. border-bottom-color: #dddddd;
  1933. border-bottom-width: 4px;
  1934. color: #444444;
  1935. }
  1936. .wp-block-pullquote blockquote p {
  1937. font-family: sans-serif;
  1938. font-family: var(--font-headings, sans-serif);
  1939. font-size: 1.728rem;
  1940. letter-spacing: normal;
  1941. line-height: 1.125;
  1942. }
  1943. .wp-block-pullquote.is-style-solid-color blockquote p {
  1944. font-size: 1.728rem;
  1945. }
  1946. .wp-block-pullquote a {
  1947. color: currentColor;
  1948. }
  1949. .wp-block-pullquote .wp-block-pullquote__citation,
  1950. .wp-block-pullquote cite,
  1951. .wp-block-pullquote footer {
  1952. color: #767676;
  1953. font-size: 0.83333rem;
  1954. letter-spacing: normal;
  1955. }
  1956. .wp-block-pullquote blockquote {
  1957. padding-left: 0;
  1958. }
  1959. .wp-block-pullquote.is-style-solid-color {
  1960. color: white;
  1961. }
  1962. .wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation,
  1963. .wp-block-pullquote.is-style-solid-color cite,
  1964. .wp-block-pullquote.is-style-solid-color footer {
  1965. color: currentColor;
  1966. }
  1967. .wp-block-pullquote.is-style-solid-color:not(.has-background) {
  1968. background-color: blue;
  1969. }
  1970. .wp-block-quote {
  1971. border-left-color: blue;
  1972. margin: 32px 0;
  1973. padding-left: 16px;
  1974. /**
  1975. * Block Options
  1976. */
  1977. }
  1978. .wp-block-quote > * {
  1979. margin-top: 16px;
  1980. margin-bottom: 16px;
  1981. }
  1982. .wp-block-quote > *:first-child {
  1983. margin-top: 0;
  1984. }
  1985. .wp-block-quote > *:last-child {
  1986. margin-bottom: 0;
  1987. }
  1988. .wp-block-quote p {
  1989. font-family: sans-serif;
  1990. font-family: var(--font-headings, sans-serif);
  1991. font-size: 1.728rem;
  1992. letter-spacing: normal;
  1993. line-height: 1.125;
  1994. }
  1995. .wp-block-quote .wp-block-quote__citation,
  1996. .wp-block-quote cite,
  1997. .wp-block-quote footer {
  1998. color: #767676;
  1999. font-size: 0.83333rem;
  2000. letter-spacing: normal;
  2001. }
  2002. .has-background:not(.has-background-background-color)
  2003. .wp-block-quote
  2004. .wp-block-quote__citation,
  2005. [class*='background-color']:not(.has-background-background-color)
  2006. .wp-block-quote
  2007. .wp-block-quote__citation,
  2008. [style*='background-color'] .wp-block-quote .wp-block-quote__citation,
  2009. .wp-block-cover[style*='background-image']
  2010. .wp-block-quote
  2011. .wp-block-quote__citation,
  2012. .has-background:not(.has-background-background-color) .wp-block-quote cite,
  2013. [class*='background-color']:not(.has-background-background-color)
  2014. .wp-block-quote
  2015. cite,
  2016. [style*='background-color'] .wp-block-quote cite,
  2017. .wp-block-cover[style*='background-image'] .wp-block-quote cite,
  2018. .has-background:not(.has-background-background-color) .wp-block-quote footer,
  2019. [class*='background-color']:not(.has-background-background-color)
  2020. .wp-block-quote
  2021. footer,
  2022. [style*='background-color'] .wp-block-quote footer,
  2023. .wp-block-cover[style*='background-image'] .wp-block-quote footer {
  2024. color: currentColor;
  2025. }
  2026. .wp-block-quote[style*='text-align:right'],
  2027. .wp-block-quote[style*='text-align: right'] {
  2028. border-right-color: blue;
  2029. }
  2030. .wp-block-quote.is-style-large,
  2031. .wp-block-quote.is-large {
  2032. /* Resetting margins to match _block-container.scss */
  2033. margin-top: 32px;
  2034. margin-bottom: 32px;
  2035. padding: 0;
  2036. }
  2037. .wp-block-quote.is-style-large p,
  2038. .wp-block-quote.is-large p {
  2039. font-size: 2.0736rem;
  2040. letter-spacing: normal;
  2041. line-height: 1.125;
  2042. }
  2043. .wp-block-quote.is-style-large .wp-block-quote__citation,
  2044. .wp-block-quote.is-style-large cite,
  2045. .wp-block-quote.is-style-large footer,
  2046. .wp-block-quote.is-large .wp-block-quote__citation,
  2047. .wp-block-quote.is-large cite,
  2048. .wp-block-quote.is-large footer {
  2049. color: #767676;
  2050. font-size: 0.83333rem;
  2051. letter-spacing: normal;
  2052. }
  2053. .has-background:not(.has-background-background-color) .wp-block-quote,
  2054. [class*='background-color']:not(.has-background-background-color)
  2055. .wp-block-quote,
  2056. [style*='background-color'] .wp-block-quote,
  2057. .wp-block-cover[style*='background-image'] .wp-block-quote {
  2058. border-color: currentColor;
  2059. }
  2060. .wp-block-search {
  2061. flex-wrap: wrap;
  2062. }
  2063. .wp-block-search.wp-block-search__button-inside
  2064. .wp-block-search__inside-wrapper {
  2065. background: white;
  2066. color: black;
  2067. border: 1px solid #dddddd;
  2068. border-radius: 3px;
  2069. }
  2070. .wp-block-search.wp-block-search__button-inside
  2071. .wp-block-search__inside-wrapper
  2072. .wp-block-search__input {
  2073. padding: 16px;
  2074. }
  2075. .wp-block-search.wp-block-search__button-inside
  2076. .wp-block-search__inside-wrapper
  2077. .wp-block-search__button {
  2078. padding: 16px 16px;
  2079. }
  2080. .wp-block-search.wp-block-search__button-inside
  2081. .wp-block-search__inside-wrapper
  2082. .wp-block-search__button.has-icon {
  2083. padding: 0;
  2084. }
  2085. .wp-block-search .wp-block-search__label {
  2086. font-weight: normal;
  2087. }
  2088. .wp-block-search .wp-block-search__input {
  2089. color: black;
  2090. border: 1px solid #dddddd;
  2091. border-radius: 3px;
  2092. padding: 16px;
  2093. font-size: 1rem;
  2094. line-height: 1rem;
  2095. font-family: sans-serif;
  2096. font-family: var(--font-headings, sans-serif);
  2097. max-width: inherit;
  2098. margin-right: calc(0.66 * 16px);
  2099. background: white;
  2100. }
  2101. .wp-block-search .wp-block-search__input:focus {
  2102. color: black;
  2103. border-color: #dddddd;
  2104. }
  2105. .wp-block-search .wp-block-search__button {
  2106. border: none;
  2107. box-shadow: none;
  2108. }
  2109. .wp-block-search .wp-block-search__button.has-icon {
  2110. transform: scaleX(-1);
  2111. padding: 0;
  2112. min-width: calc(2 * 16px + 1rem + 4px);
  2113. min-height: calc(2 * 16px + 1rem + 4px);
  2114. }
  2115. .wp-block-search .wp-block-search__button.has-icon svg {
  2116. fill: currentColor;
  2117. width: 29px;
  2118. height: 29px;
  2119. }
  2120. hr {
  2121. border-bottom: 2px solid #dddddd;
  2122. clear: both;
  2123. margin-left: auto;
  2124. margin-right: auto;
  2125. }
  2126. hr.wp-block-separator {
  2127. border-bottom: 2px solid #dddddd;
  2128. /**
  2129. * Block Options
  2130. */
  2131. }
  2132. hr.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
  2133. max-width: 96px;
  2134. }
  2135. hr.wp-block-separator.is-style-wide {
  2136. border-bottom-width: 2px;
  2137. }
  2138. hr.wp-block-separator.is-style-dots.has-background,
  2139. hr.wp-block-separator.is-style-dots.has-text-color {
  2140. background-color: transparent !important;
  2141. }
  2142. hr.wp-block-separator.is-style-dots.has-background:before,
  2143. hr.wp-block-separator.is-style-dots.has-text-color:before {
  2144. color: currentColor !important;
  2145. }
  2146. hr.wp-block-separator.is-style-dots:before {
  2147. color: #dddddd;
  2148. font-size: 1.728rem;
  2149. letter-spacing: 0.83333rem;
  2150. padding-left: 0.83333rem;
  2151. }
  2152. .has-background:not(.has-background-background-color) hr.wp-block-separator,
  2153. [class*='background-color']:not(.has-background-background-color)
  2154. hr.wp-block-separator,
  2155. [style*='background-color'] hr.wp-block-separator,
  2156. .wp-block-cover[style*='background-image'] hr.wp-block-separator {
  2157. border-color: currentColor;
  2158. }
  2159. .wp-block-jetpack-slideshow ul {
  2160. margin-left: 0;
  2161. margin-right: 0;
  2162. }
  2163. .wp-block-spacer {
  2164. display: block;
  2165. margin-bottom: 0 !important;
  2166. margin-top: 0 !important;
  2167. }
  2168. @media only screen and (max-width: 559px) {
  2169. .wp-block-spacer[style] {
  2170. height: 16px !important;
  2171. }
  2172. }
  2173. .jetpack_subscription_widget input[type='text'] {
  2174. padding: 16px !important;
  2175. width: 100% !important;
  2176. }
  2177. table,
  2178. .wp-block-table {
  2179. width: 100%;
  2180. min-width: 240px;
  2181. border-collapse: collapse;
  2182. }
  2183. table th,
  2184. .wp-block-table th {
  2185. font-family: sans-serif;
  2186. font-family: var(--font-headings, sans-serif);
  2187. }
  2188. table td,
  2189. table th,
  2190. .wp-block-table td,
  2191. .wp-block-table th {
  2192. padding: calc(0.5 * 16px);
  2193. border: 1px solid;
  2194. }
  2195. table.is-style-stripes tbody tr:nth-child(odd),
  2196. .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
  2197. background-color: #fafafa;
  2198. color: #444444;
  2199. }
  2200. .wp-block-video figcaption {
  2201. color: #767676;
  2202. font-size: 0.69444rem;
  2203. margin-top: calc(0.5 * 16px);
  2204. margin-bottom: 16px;
  2205. text-align: center;
  2206. }
  2207. * > figure > video {
  2208. max-width: unset;
  2209. width: 100%;
  2210. vertical-align: middle;
  2211. }
  2212. /* Block Alignments */
  2213. /**
  2214. * .alignleft
  2215. */
  2216. .alignleft {
  2217. /*rtl:ignore*/
  2218. text-align: left;
  2219. /*rtl:ignore*/
  2220. float: left;
  2221. margin-top: 0;
  2222. /*rtl:ignore*/
  2223. margin-right: 16px;
  2224. margin-bottom: 32px;
  2225. }
  2226. .entry-content > .alignleft {
  2227. /*rtl:ignore*/
  2228. float: left;
  2229. }
  2230. /**
  2231. * .aligncenter
  2232. */
  2233. .aligncenter {
  2234. clear: both;
  2235. display: block;
  2236. float: none;
  2237. margin-right: auto;
  2238. margin-left: auto;
  2239. text-align: center;
  2240. }
  2241. /**
  2242. * .alignright
  2243. */
  2244. .alignright {
  2245. /*rtl:ignore*/
  2246. float: right;
  2247. margin-top: 0;
  2248. margin-bottom: 32px;
  2249. /*rtl:ignore*/
  2250. margin-left: 16px;
  2251. }
  2252. .entry-content > .alignright {
  2253. /*rtl:ignore*/
  2254. float: right;
  2255. }
  2256. .entry-content * > .alignleft + *,
  2257. .entry-content * > .alignright + * {
  2258. margin-top: 0;
  2259. }
  2260. /**
  2261. * .aligndefault
  2262. */
  2263. /**
  2264. * .alignwide
  2265. */
  2266. .alignwide {
  2267. clear: both;
  2268. }
  2269. /**
  2270. * .alignfull
  2271. */
  2272. .alignfull {
  2273. clear: both;
  2274. }
  2275. .has-left-content {
  2276. justify-content: flex-start;
  2277. }
  2278. .has-right-content {
  2279. justify-content: flex-end;
  2280. }
  2281. .has-parallax {
  2282. background-attachment: fixed;
  2283. }
  2284. .has-primary-color {
  2285. color: blue;
  2286. }
  2287. .has-secondary-color {
  2288. color: red;
  2289. }
  2290. .has-foreground-color {
  2291. color: #444444;
  2292. }
  2293. .has-foreground-light-color {
  2294. color: #767676;
  2295. }
  2296. .has-foreground-dark-color {
  2297. color: #111111;
  2298. }
  2299. .has-background-light-color {
  2300. color: #fafafa;
  2301. }
  2302. .has-background-dark-color {
  2303. color: #dddddd;
  2304. }
  2305. .has-background-dim,
  2306. .has-background-color {
  2307. color: white;
  2308. }
  2309. .has-background p:not(.has-text-color),
  2310. .has-background h1:not(.has-text-color),
  2311. .has-background h2:not(.has-text-color),
  2312. .has-background h3:not(.has-text-color),
  2313. .has-background h4:not(.has-text-color),
  2314. .has-background h5:not(.has-text-color),
  2315. .has-background h6:not(.has-text-color) {
  2316. color: currentColor;
  2317. }
  2318. .has-primary-background-color,
  2319. .has-primary-background-color.has-background-dim {
  2320. background-color: blue;
  2321. }
  2322. .has-primary-background-color:not(.has-text-color),
  2323. .has-primary-background-color.has-background-dim:not(.has-text-color) {
  2324. color: white;
  2325. }
  2326. .has-secondary-background-color,
  2327. .has-secondary-background-color.has-background-dim {
  2328. background-color: red;
  2329. }
  2330. .has-secondary-background-color:not(.has-text-color),
  2331. .has-secondary-background-color.has-background-dim:not(.has-text-color) {
  2332. color: white;
  2333. }
  2334. .has-background-dim,
  2335. .has-foreground-background-color,
  2336. .has-foreground-background-color.has-background-dim {
  2337. background-color: #444444;
  2338. }
  2339. .has-background-dim,
  2340. .has-foreground-background-color,
  2341. .has-foreground-background-color.has-background-dim {
  2342. color: white;
  2343. }
  2344. .has-foreground-light-background-color,
  2345. .has-foreground-light-background-color.has-background-dim {
  2346. background-color: #767676;
  2347. }
  2348. .has-foreground-light-background-color:not(.has-text-color),
  2349. .has-foreground-light-background-color.has-background-dim:not(.has-text-color) {
  2350. color: white;
  2351. }
  2352. .has-foreground-dark-background-color,
  2353. .has-foreground-dark-background-color.has-background-dim {
  2354. background-color: #111111;
  2355. }
  2356. .has-foreground-dark-background-color:not(.has-text-color),
  2357. .has-foreground-dark-background-color.has-background-dim:not(.has-text-color) {
  2358. color: white;
  2359. }
  2360. .has-background-light-background-color,
  2361. .has-background-light-background-color.has-background-dim {
  2362. background-color: #fafafa;
  2363. }
  2364. .has-background-light-background-color:not(.has-text-color),
  2365. .has-background-light-background-color.has-background-dim:not(.has-text-color) {
  2366. color: #444444;
  2367. }
  2368. .has-background-dark-background-color,
  2369. .has-background-dark-background-color.has-background-dim {
  2370. background-color: #dddddd;
  2371. }
  2372. .has-background-dark-background-color:not(.has-text-color),
  2373. .has-background-dark-background-color.has-background-dim:not(.has-text-color) {
  2374. color: #444444;
  2375. }
  2376. .has-background-background-color,
  2377. .has-background-background-color.has-background-dim {
  2378. background-color: white;
  2379. color: #444444;
  2380. }
  2381. .has-background-background-color:not(.has-text-color),
  2382. .has-background-background-color.has-background-dim:not(.has-text-color) {
  2383. color: #444444;
  2384. }
  2385. .is-small-text,
  2386. .has-small-font-size {
  2387. font-size: 0.83333rem;
  2388. }
  2389. .is-regular-text,
  2390. .has-regular-font-size,
  2391. .has-normal-font-size,
  2392. .has-medium-font-size {
  2393. font-size: 1rem;
  2394. }
  2395. .is-large-text,
  2396. .has-large-font-size {
  2397. font-size: 1.44rem;
  2398. line-height: 1.125;
  2399. }
  2400. .is-larger-text,
  2401. .has-larger-font-size,
  2402. .has-huge-font-size {
  2403. font-size: 1.728rem;
  2404. line-height: 1.125;
  2405. }
  2406. .has-drop-cap:not(:focus)::first-letter {
  2407. font-family: sans-serif;
  2408. font-family: var(--font-headings, sans-serif);
  2409. font-size: calc(2 * 2.98598rem);
  2410. font-weight: bold;
  2411. line-height: 0.66;
  2412. text-transform: uppercase;
  2413. font-style: normal;
  2414. float: left;
  2415. margin: 0.1em 0.1em 0 0;
  2416. }
  2417. .has-drop-cap:not(:focus)::after {
  2418. content: '';
  2419. display: table;
  2420. clear: both;
  2421. padding-top: 14px;
  2422. }
  2423. .desktop-only {
  2424. display: none;
  2425. }
  2426. @media only screen and (min-width: 560px) {
  2427. .desktop-only {
  2428. display: block;
  2429. }
  2430. }
  2431. /**
  2432. * Spacing Overrides
  2433. */
  2434. /*
  2435. * Margins
  2436. */
  2437. .margin-top-none {
  2438. margin-top: 0 !important;
  2439. }
  2440. .margin-top-half {
  2441. margin-top: 16px !important;
  2442. }
  2443. .margin-top-default {
  2444. margin-top: 32px !important;
  2445. }
  2446. .margin-right-none {
  2447. /*rtl:ignore*/
  2448. margin-right: 0 !important;
  2449. }
  2450. .margin-right-half {
  2451. /*rtl:ignore*/
  2452. margin-right: 16px !important;
  2453. }
  2454. .margin-right-default {
  2455. /*rtl:ignore*/
  2456. margin-right: 32px !important;
  2457. }
  2458. .margin-bottom-none {
  2459. margin-bottom: 0 !important;
  2460. }
  2461. .margin-bottom-half {
  2462. margin-bottom: 16px !important;
  2463. }
  2464. .margin-bottom-default {
  2465. margin-bottom: 32px !important;
  2466. }
  2467. .margin-left-none {
  2468. /*rtl:ignore*/
  2469. margin-left: 0 !important;
  2470. }
  2471. .margin-left-half {
  2472. /*rtl:ignore*/
  2473. margin-left: 16px !important;
  2474. }
  2475. .margin-left-default {
  2476. /*rtl:ignore*/
  2477. margin-left: 32px !important;
  2478. }
  2479. /*
  2480. * Padding
  2481. */
  2482. .padding-top-none {
  2483. padding-top: 0 !important;
  2484. }
  2485. .padding-top-half {
  2486. padding-top: 16px !important;
  2487. }
  2488. .padding-top-default {
  2489. padding-top: 32px !important;
  2490. }
  2491. .padding-right-none {
  2492. /*rtl:ignore*/
  2493. padding-right: 0 !important;
  2494. }
  2495. .padding-right-half {
  2496. /*rtl:ignore*/
  2497. padding-right: 16px !important;
  2498. }
  2499. .padding-right-default {
  2500. /*rtl:ignore*/
  2501. padding-right: 32px !important;
  2502. }
  2503. .padding-bottom-none {
  2504. padding-bottom: 0 !important;
  2505. }
  2506. .padding-bottom-half {
  2507. padding-bottom: 16px !important;
  2508. }
  2509. .padding-bottom-default {
  2510. padding-bottom: 32px !important;
  2511. }
  2512. .padding-left-none {
  2513. /*rtl:ignore*/
  2514. padding-left: 0 !important;
  2515. }
  2516. .padding-left-half {
  2517. /*rtl:ignore*/
  2518. padding-left: 16px !important;
  2519. }
  2520. .padding-left-default {
  2521. /*rtl:ignore*/
  2522. padding-left: 32px !important;
  2523. }
  2524. /**
  2525. * Components
  2526. * - Similar to Blocks but exist outside of the "current" editor context
  2527. */
  2528. /*
  2529. * Components
  2530. * - Similar to Blocks but exist outside of the "current" editor context
  2531. */
  2532. .site-branding {
  2533. color: #444444;
  2534. }
  2535. .site-title {
  2536. color: blue;
  2537. font-family: sans-serif;
  2538. font-family: var(--font-headings, sans-serif);
  2539. letter-spacing: normal;
  2540. line-height: 1;
  2541. }
  2542. .site-title a {
  2543. color: currentColor;
  2544. font-weight: bold;
  2545. }
  2546. .site-title a:link,
  2547. .site-title a:visited {
  2548. color: currentColor;
  2549. }
  2550. .site-title a:hover {
  2551. color: indigo;
  2552. }
  2553. .site-description {
  2554. color: currentColor;
  2555. font-family: serif;
  2556. font-family: var(--font-base, serif);
  2557. }
  2558. body:not(.fse-enabled) .site-title {
  2559. font-size: 1.2rem;
  2560. }
  2561. body:not(.fse-enabled) .site-description {
  2562. font-size: 0.83333rem;
  2563. }
  2564. .main-navigation {
  2565. color: #444444;
  2566. }
  2567. .main-navigation > div {
  2568. display: none;
  2569. }
  2570. .main-navigation #toggle-menu {
  2571. display: inline-block;
  2572. margin: 0;
  2573. }
  2574. .main-navigation #toggle:checked ~ div:not(.woocommerce-menu-container) {
  2575. display: block;
  2576. }
  2577. .main-navigation #toggle:focus + #toggle-menu {
  2578. background-color: indigo;
  2579. outline: inherit;
  2580. text-decoration: underline;
  2581. }
  2582. .main-navigation .dropdown-icon.close {
  2583. display: none;
  2584. }
  2585. .main-navigation #toggle:checked + #toggle-menu .open {
  2586. display: none;
  2587. }
  2588. .main-navigation #toggle:checked + #toggle-menu .close {
  2589. display: inline;
  2590. }
  2591. @media only screen and (min-width: 560px) {
  2592. .main-navigation > div {
  2593. display: inline-block;
  2594. }
  2595. .main-navigation #toggle-menu {
  2596. display: none;
  2597. }
  2598. .main-navigation > div > ul > li > ul {
  2599. display: none;
  2600. }
  2601. }
  2602. .main-navigation > div > ul {
  2603. display: flex;
  2604. flex-wrap: wrap;
  2605. list-style: none;
  2606. margin: 0;
  2607. max-width: none;
  2608. padding-left: 0;
  2609. position: relative;
  2610. /* Sub-menus Flyout */
  2611. }
  2612. .main-navigation > div > ul ul {
  2613. padding-left: 0;
  2614. }
  2615. .main-navigation > div > ul li {
  2616. display: block;
  2617. position: relative;
  2618. width: 100%;
  2619. z-index: 1;
  2620. }
  2621. .main-navigation > div > ul li:hover,
  2622. .main-navigation > div > ul li[focus-within] {
  2623. cursor: pointer;
  2624. z-index: 99999;
  2625. }
  2626. .main-navigation > div > ul li:hover,
  2627. .main-navigation > div > ul li:focus-within {
  2628. cursor: pointer;
  2629. z-index: 99999;
  2630. }
  2631. @media only screen and (min-width: 560px) {
  2632. .main-navigation > div > ul li {
  2633. display: inherit;
  2634. width: inherit;
  2635. /* Submenu display */
  2636. }
  2637. .main-navigation > div > ul li:hover > ul,
  2638. .main-navigation > div > ul li[focus-within] > ul,
  2639. .main-navigation > div > ul li ul:hover,
  2640. .main-navigation > div > ul li ul:focus {
  2641. visibility: visible;
  2642. opacity: 1;
  2643. display: block;
  2644. }
  2645. .main-navigation > div > ul li:hover > ul,
  2646. .main-navigation > div > ul li:focus-within > ul,
  2647. .main-navigation > div > ul li ul:hover,
  2648. .main-navigation > div > ul li ul:focus {
  2649. visibility: visible;
  2650. opacity: 1;
  2651. display: block;
  2652. }
  2653. }
  2654. @media only screen and (min-width: 560px) {
  2655. .main-navigation > div > ul > li > a {
  2656. line-height: 1;
  2657. }
  2658. .main-navigation > div > ul > li > a:before,
  2659. .main-navigation > div > ul > li > a:after {
  2660. content: '';
  2661. display: block;
  2662. height: 0;
  2663. width: 0;
  2664. }
  2665. .main-navigation > div > ul > li > a:before {
  2666. margin-bottom: -0.12em;
  2667. }
  2668. .main-navigation > div > ul > li > a:after {
  2669. margin-top: -0.11em;
  2670. }
  2671. .main-navigation > div > ul > li:first-of-type > a {
  2672. padding-left: 0;
  2673. }
  2674. .main-navigation > div > ul > li:last-of-type > a {
  2675. padding-right: 0;
  2676. }
  2677. }
  2678. .main-navigation > div > ul > li > .sub-menu {
  2679. margin: 0;
  2680. position: relative;
  2681. }
  2682. @media only screen and (min-width: 560px) {
  2683. .main-navigation > div > ul > li > .sub-menu {
  2684. background: white;
  2685. box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
  2686. left: 0;
  2687. top: 100%;
  2688. min-width: max-content;
  2689. opacity: 0;
  2690. position: absolute;
  2691. transition: all 0.5s ease;
  2692. visibility: hidden;
  2693. }
  2694. }
  2695. .main-navigation > div > ul > li > .sub-menu .sub-menu {
  2696. width: 100%;
  2697. }
  2698. .main-navigation a {
  2699. color: blue;
  2700. display: block;
  2701. font-family: sans-serif;
  2702. font-family: var(--font-headings, sans-serif);
  2703. font-weight: bold;
  2704. padding: 8px 0;
  2705. }
  2706. @media only screen and (min-width: 560px) {
  2707. .main-navigation a {
  2708. padding: 16px;
  2709. }
  2710. }
  2711. .main-navigation a:link,
  2712. .main-navigation a:visited {
  2713. color: blue;
  2714. }
  2715. .main-navigation a:hover {
  2716. color: indigo;
  2717. }
  2718. .main-navigation .sub-menu {
  2719. list-style: none;
  2720. margin-left: 0;
  2721. /* Reset the counter for each UL */
  2722. counter-reset: nested-list;
  2723. }
  2724. .main-navigation .sub-menu .menu-item a {
  2725. padding-top: 8px;
  2726. padding-bottom: 8px;
  2727. }
  2728. .main-navigation .sub-menu .menu-item a::before {
  2729. /* Increment the dashes */
  2730. counter-increment: nested-list;
  2731. /* Insert dashes with spaces in between */
  2732. content: '– ' counters(nested-list, '– ', none);
  2733. }
  2734. @media only screen and (min-width: 560px) {
  2735. .main-navigation > div > ul > .menu-item-has-children > a::after {
  2736. content: '\00a0\25BC';
  2737. display: inline-block;
  2738. font-size: 0.69444rem;
  2739. height: inherit;
  2740. width: inherit;
  2741. }
  2742. }
  2743. .main-navigation .hide-visually {
  2744. position: absolute !important;
  2745. clip: rect(1px, 1px, 1px, 1px);
  2746. padding: 0 !important;
  2747. border: 0 !important;
  2748. height: 1px !important;
  2749. width: 1px !important;
  2750. overflow: hidden;
  2751. }
  2752. body:not(.fse-enabled) .main-navigation a {
  2753. font-size: 1.2rem;
  2754. }
  2755. .social-navigation > div > ul {
  2756. align-content: center;
  2757. display: flex;
  2758. list-style: none;
  2759. margin: 0;
  2760. padding-left: 0;
  2761. }
  2762. .social-navigation > div > ul > li:first-of-type > a {
  2763. padding-left: 0;
  2764. }
  2765. .social-navigation > div > ul > li:last-of-type > a {
  2766. padding-right: 0;
  2767. }
  2768. .social-navigation a {
  2769. color: blue;
  2770. display: inline-block;
  2771. padding: 0 calc(0.5 * calc(0.66 * 16px));
  2772. }
  2773. .social-navigation a:hover {
  2774. color: indigo;
  2775. }
  2776. .social-navigation svg {
  2777. fill: currentColor;
  2778. vertical-align: middle;
  2779. }
  2780. .site-footer {
  2781. overflow: hidden;
  2782. }
  2783. @media only screen and (min-width: 640px) {
  2784. .site-footer {
  2785. align-items: flex-end;
  2786. display: flex;
  2787. flex-wrap: wrap;
  2788. justify-content: space-between;
  2789. }
  2790. }
  2791. .site-info {
  2792. color: #767676;
  2793. font-family: sans-serif;
  2794. font-family: var(--font-headings, sans-serif);
  2795. font-size: 0.83333rem;
  2796. }
  2797. @media only screen and (min-width: 640px) {
  2798. .site-info {
  2799. order: 1;
  2800. flex: 1 0 50%;
  2801. margin-top: 0;
  2802. margin-bottom: 0;
  2803. }
  2804. }
  2805. .site-info .site-name {
  2806. font-weight: bold;
  2807. }
  2808. .site-info a {
  2809. color: currentColor;
  2810. }
  2811. .site-info a:link,
  2812. .site-info a:visited {
  2813. color: currentColor;
  2814. }
  2815. .site-info a:hover {
  2816. color: indigo;
  2817. }
  2818. .footer-navigation {
  2819. display: inline;
  2820. }
  2821. @media only screen and (min-width: 640px) {
  2822. .footer-navigation {
  2823. flex: 1 0 50%;
  2824. order: 2;
  2825. margin-top: 0;
  2826. margin-bottom: 0;
  2827. text-align: right;
  2828. }
  2829. }
  2830. .footer-navigation > div {
  2831. display: inline;
  2832. }
  2833. .footer-navigation .footer-menu {
  2834. color: #767676;
  2835. margin: 0;
  2836. padding-left: 0;
  2837. }
  2838. @media only screen and (min-width: 640px) {
  2839. .footer-navigation .footer-menu {
  2840. display: flex;
  2841. flex-wrap: wrap;
  2842. justify-content: flex-end;
  2843. }
  2844. }
  2845. .footer-navigation .footer-menu > li {
  2846. display: inline;
  2847. }
  2848. .footer-navigation .footer-menu > li:first-of-type > a {
  2849. padding-left: 0;
  2850. }
  2851. .footer-navigation .footer-menu > li:last-of-type {
  2852. padding-right: 0;
  2853. }
  2854. .footer-navigation .footer-menu a {
  2855. font-family: sans-serif;
  2856. font-family: var(--font-headings, sans-serif);
  2857. font-weight: bold;
  2858. padding: 16px;
  2859. color: currentColor;
  2860. }
  2861. .footer-navigation .footer-menu a:link,
  2862. .footer-navigation .footer-menu a:visited {
  2863. color: currentColor;
  2864. }
  2865. .footer-navigation .footer-menu a:hover {
  2866. color: indigo;
  2867. }
  2868. body:not(.fse-enabled) .footer-menu a {
  2869. font-size: 0.83333rem;
  2870. }
  2871. .entry-title {
  2872. font-size: 2.48832rem;
  2873. letter-spacing: normal;
  2874. line-height: 1.125;
  2875. }
  2876. .entry-meta,
  2877. .entry-footer {
  2878. color: #767676;
  2879. clear: both;
  2880. float: none;
  2881. font-size: 0.83333rem;
  2882. display: block;
  2883. }
  2884. .entry-meta > span,
  2885. .entry-footer > span {
  2886. display: inline-block;
  2887. margin-right: 16px;
  2888. }
  2889. .entry-meta > span > *,
  2890. .entry-footer > span > * {
  2891. display: inline-block;
  2892. vertical-align: middle;
  2893. }
  2894. .entry-meta > span:last-child,
  2895. .entry-footer > span:last-child {
  2896. margin-right: 0;
  2897. }
  2898. .entry-meta > span .published + .updated,
  2899. .entry-footer > span .published + .updated {
  2900. display: none;
  2901. }
  2902. .entry-meta a,
  2903. .entry-footer a {
  2904. color: currentColor;
  2905. }
  2906. .entry-meta a:hover,
  2907. .entry-meta a:active,
  2908. .entry-footer a:hover,
  2909. .entry-footer a:active {
  2910. color: indigo;
  2911. }
  2912. .entry-meta .svg-icon,
  2913. .entry-footer .svg-icon {
  2914. fill: currentColor;
  2915. position: relative;
  2916. display: inline-block;
  2917. vertical-align: middle;
  2918. margin-right: calc(0.25 * 16px);
  2919. }
  2920. /**
  2921. * Entry Content
  2922. */
  2923. .entry-content p {
  2924. word-wrap: break-word;
  2925. }
  2926. .entry-content .more-link {
  2927. display: block;
  2928. color: inherit;
  2929. margin-top: 16px;
  2930. }
  2931. @media only screen and (min-width: 560px) {
  2932. .entry-content .more-link {
  2933. margin-top: 32px;
  2934. }
  2935. }
  2936. .entry-content .more-link:after {
  2937. content: '→' /*rtl:"←"*/;
  2938. display: inline-block;
  2939. margin-left: 0.5em;
  2940. }
  2941. .entry-content .more-link:hover {
  2942. text-decoration: none;
  2943. }
  2944. .entry-content > iframe,
  2945. .entry-content > iframe[style],
  2946. .entry-content > fb\:post {
  2947. display: block !important;
  2948. margin-left: auto !important;
  2949. margin-right: auto !important;
  2950. overflow: scroll;
  2951. }
  2952. .home.page.hide-homepage-header.hide-homepage-title .entry-content {
  2953. margin-top: 0;
  2954. padding-top: 0;
  2955. }
  2956. .home.page.hide-homepage-header.hide-homepage-title
  2957. .entry-content
  2958. > *:first-child {
  2959. margin-top: 32px;
  2960. }
  2961. .home.page.hide-homepage-header.hide-homepage-title
  2962. .entry-content
  2963. > .wp-block-image.alignfull:first-child,
  2964. .home.page.hide-homepage-header.hide-homepage-title
  2965. .entry-content
  2966. > .wp-block-cover.alignfull:first-child,
  2967. .home.page.hide-homepage-header.hide-homepage-title
  2968. .entry-content
  2969. > .wp-block-media-text.alignfull:first-child,
  2970. .home.page.hide-homepage-header.hide-homepage-title
  2971. .entry-content
  2972. > .wp-block-group.has-background.alignfull:first-child {
  2973. margin-top: -32px;
  2974. }
  2975. .entry-attachment {
  2976. text-align: center;
  2977. }
  2978. /**
  2979. * Post Thumbnails
  2980. */
  2981. .post-thumbnail {
  2982. text-align: center;
  2983. }
  2984. .post-thumbnail .post-thumbnail-inner {
  2985. display: block;
  2986. }
  2987. /**
  2988. * Author
  2989. */
  2990. /* Author description */
  2991. .site-main > article > .author-bio {
  2992. margin-top: calc(2 * 32px);
  2993. }
  2994. .author-bio .author-title {
  2995. font-size: 2.0736rem;
  2996. }
  2997. /* Next/Previous navigation */
  2998. .post-navigation .meta-nav {
  2999. font-size: 0.83333rem;
  3000. }
  3001. .post-navigation .post-title {
  3002. font-family: sans-serif;
  3003. font-family: var(--font-headings, sans-serif);
  3004. font-size: 1.44rem;
  3005. font-weight: 600;
  3006. }
  3007. .post-navigation .nav-next,
  3008. .post-navigation .nav-previous {
  3009. margin-top: 32px;
  3010. margin-bottom: 32px;
  3011. }
  3012. .post-navigation .nav-next:first-child,
  3013. .post-navigation .nav-previous:first-child {
  3014. margin-top: 0;
  3015. }
  3016. .post-navigation .nav-next:last-child,
  3017. .post-navigation .nav-previous:last-child {
  3018. margin-bottom: 0;
  3019. }
  3020. .pagination .nav-links {
  3021. justify-content: start;
  3022. margin: 0 calc(-0.66 * 16px);
  3023. }
  3024. .pagination .nav-links > * {
  3025. font-family: sans-serif;
  3026. font-family: var(--font-headings, sans-serif);
  3027. font-size: 1.2rem;
  3028. font-weight: 600;
  3029. padding-left: calc(0.66 * 16px);
  3030. padding-right: calc(0.66 * 16px);
  3031. }
  3032. .pagination .nav-links .svg-icon {
  3033. display: inline-block;
  3034. vertical-align: middle;
  3035. fill: currentColor;
  3036. }
  3037. @media only screen and (min-width: 560px) {
  3038. .nav-links {
  3039. display: flex;
  3040. justify-content: space-between;
  3041. }
  3042. .nav-links .nav-next,
  3043. .nav-links .nav-previous {
  3044. flex: 0 1 auto;
  3045. margin-bottom: inherit;
  3046. margin-top: inherit;
  3047. max-width: calc(50% - (0.5 * 16px));
  3048. }
  3049. .nav-links .nav-next {
  3050. text-align: right;
  3051. }
  3052. }
  3053. /**
  3054. * Comments Wrapper
  3055. */
  3056. .comments-area > * {
  3057. margin-top: 32px;
  3058. margin-bottom: 32px;
  3059. }
  3060. .comments-area > *:first-child {
  3061. margin-top: 0;
  3062. }
  3063. .comments-area > *:last-child {
  3064. margin-bottom: 0;
  3065. }
  3066. /**
  3067. * Comment Title
  3068. */
  3069. .comments-title {
  3070. font-size: 2.0736rem;
  3071. letter-spacing: normal;
  3072. }
  3073. .comment-reply-title {
  3074. font-size: 1.728rem;
  3075. display: flex;
  3076. justify-content: space-between;
  3077. align-items: center;
  3078. }
  3079. .comment-reply-title small {
  3080. font-size: 1rem;
  3081. font-family: serif;
  3082. font-family: var(--font-base, serif);
  3083. letter-spacing: normal;
  3084. line-height: 1.125;
  3085. }
  3086. /**
  3087. * Comment Lists
  3088. */
  3089. .comment-list {
  3090. border-bottom: 1px solid #dddddd;
  3091. padding-left: 0;
  3092. list-style: none;
  3093. }
  3094. .comment-list > li {
  3095. border-top: 1px solid #dddddd;
  3096. margin-top: 32px;
  3097. margin-bottom: 32px;
  3098. }
  3099. .comment-list .children {
  3100. list-style: none;
  3101. padding-left: 16px;
  3102. }
  3103. .comment-list .children > li {
  3104. border-top: 1px solid #dddddd;
  3105. margin-top: 32px;
  3106. margin-bottom: 32px;
  3107. }
  3108. @media only screen and (min-width: 560px) {
  3109. .comment-list .children {
  3110. padding-left: 32px;
  3111. }
  3112. }
  3113. /**
  3114. * Comment Meta
  3115. */
  3116. .comment-meta {
  3117. margin-right: calc(32px + (0.5 * 16px));
  3118. }
  3119. .comment-meta .comment-author {
  3120. line-height: 1.125;
  3121. margin-bottom: 4px;
  3122. padding-right: 40px;
  3123. max-width: calc(100% - 48px);
  3124. }
  3125. @media only screen and (min-width: 560px) {
  3126. .comment-meta .comment-author {
  3127. display: flex;
  3128. align-items: center;
  3129. margin-bottom: 0;
  3130. padding-right: 0;
  3131. }
  3132. }
  3133. .comment-meta .comment-author .fn {
  3134. word-wrap: break-word;
  3135. word-break: break-word;
  3136. hyphens: auto;
  3137. }
  3138. .comment-meta .comment-author .avatar {
  3139. display: block;
  3140. position: absolute;
  3141. right: 0;
  3142. }
  3143. .comment-meta .comment-metadata {
  3144. color: #444444;
  3145. padding-right: 40px;
  3146. }
  3147. @media only screen and (min-width: 560px) {
  3148. .comment-meta .comment-metadata {
  3149. padding-right: 0;
  3150. }
  3151. }
  3152. .comment-meta .comment-metadata a {
  3153. color: currentColor;
  3154. }
  3155. .comment-meta .comment-metadata a:hover,
  3156. .comment-meta .comment-metadata a:active {
  3157. color: indigo;
  3158. }
  3159. @media only screen and (min-width: 560px) {
  3160. .comment-meta {
  3161. margin-right: inherit;
  3162. align-items: center;
  3163. display: flex;
  3164. justify-content: space-between;
  3165. }
  3166. .comment-meta .comment-author {
  3167. display: flex;
  3168. align-items: center;
  3169. max-width: inherit;
  3170. flex: 0 1 auto;
  3171. }
  3172. .comment-meta .comment-author .fn {
  3173. padding-right: 16px;
  3174. }
  3175. .comment-meta .comment-author .avatar {
  3176. margin-right: 16px;
  3177. display: inherit;
  3178. position: relative;
  3179. right: inherit;
  3180. }
  3181. .comment-meta .comment-metadata {
  3182. flex: 0 1 auto;
  3183. }
  3184. }
  3185. .comment-metadata,
  3186. .reply {
  3187. font-size: 0.69444rem;
  3188. line-height: 1.125;
  3189. }
  3190. .reply {
  3191. text-align: right;
  3192. }
  3193. @media only screen and (min-width: 560px) {
  3194. .reply {
  3195. text-align: left;
  3196. }
  3197. }
  3198. .bypostauthor {
  3199. display: block;
  3200. }
  3201. .says {
  3202. display: none;
  3203. }
  3204. .comment-author .fn,
  3205. .pingback .url,
  3206. .trackback .url {
  3207. font-family: sans-serif;
  3208. font-family: var(--font-headings, sans-serif);
  3209. }
  3210. /**
  3211. * Comment body
  3212. */
  3213. .comment-body {
  3214. position: relative;
  3215. }
  3216. .comment-body > * {
  3217. margin-top: 32px;
  3218. margin-bottom: 32px;
  3219. }
  3220. .comment-content a {
  3221. word-wrap: break-word;
  3222. }
  3223. /**
  3224. * Pingbacks & Trackbacks
  3225. */
  3226. .pingback .comment-body,
  3227. .trackback .comment-body {
  3228. margin-top: 32px;
  3229. margin-bottom: 32px;
  3230. }
  3231. /**
  3232. * Comment Form
  3233. */
  3234. .comment-respond {
  3235. margin-top: calc(2 * 32px);
  3236. }
  3237. .comment-respond > * {
  3238. margin-top: 16px;
  3239. margin-bottom: 16px;
  3240. }
  3241. .comment-respond > *:first-child {
  3242. margin-top: 0;
  3243. }
  3244. .comment-respond > *:last-child {
  3245. margin-bottom: 0;
  3246. }
  3247. .comment-form > p {
  3248. margin-top: 16px;
  3249. margin-bottom: 16px;
  3250. }
  3251. .comment-form > p:first-of-type {
  3252. margin-top: 0;
  3253. }
  3254. .comment-form > p:last-of-type {
  3255. margin-bottom: 0;
  3256. }
  3257. .comment-form > p label,
  3258. .comment-form > p input[type='email'],
  3259. .comment-form > p input[type='text'],
  3260. .comment-form > p input[type='url'],
  3261. .comment-form > p textarea {
  3262. width: 100%;
  3263. }
  3264. .comment-form > p.comment-form-cookies-consent > label {
  3265. width: auto;
  3266. }
  3267. @media only screen and (min-width: 560px) {
  3268. .comment-form > p {
  3269. display: flex;
  3270. }
  3271. .comment-form > p label {
  3272. width: 25%;
  3273. }
  3274. .comment-form > p.comment-form-cookies-consent {
  3275. margin-left: 25%;
  3276. }
  3277. .comment-form > p.comment-form-cookies-consent > label {
  3278. width: auto;
  3279. display: inline-block;
  3280. }
  3281. .comment-form > p input[type='email'],
  3282. .comment-form > p input[type='text'],
  3283. .comment-form > p input[type='url'],
  3284. .comment-form > p textarea {
  3285. width: 75%;
  3286. }
  3287. .comment-form > p.comment-notes,
  3288. .comment-form > p.logged-in-as {
  3289. display: block;
  3290. }
  3291. }
  3292. /**
  3293. * Comment Nav
  3294. */
  3295. .comment-navigation a {
  3296. font-family: sans-serif;
  3297. font-family: var(--font-headings, sans-serif);
  3298. font-size: 1.2rem;
  3299. font-weight: 600;
  3300. }
  3301. .widget-area {
  3302. flex: 0 0 100%;
  3303. }
  3304. /**
  3305. * Site Pages
  3306. * - Page specific styles
  3307. */
  3308. /**
  3309. * Site Pages
  3310. * - Page specific styles
  3311. */
  3312. .sticky-post {
  3313. color: white;
  3314. background-color: blue;
  3315. font-family: sans-serif;
  3316. font-family: var(--font-headings, sans-serif);
  3317. font-weight: bold;
  3318. font-size: 0.83333rem;
  3319. line-height: 1;
  3320. padding: calc(0.5 * 16px) calc(0.66 * 16px);
  3321. }
  3322. .page-title {
  3323. font-size: 1.728rem;
  3324. }
  3325. /**
  3326. * Responsive Logic
  3327. * - Loading this last to respect cascaing rules
  3328. */
  3329. /**
  3330. * Page Layout Styles & Repsonsive Styles
  3331. */
  3332. /* Responsive width-content overrides */
  3333. .responsive-max-width,
  3334. .entry-content > .wp-block-button.aligncenter,
  3335. hr.wp-block-separator.is-style-wide,
  3336. .entry-content
  3337. > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.wp-block-button):not(.entry-attachment),
  3338. .entry-content > *:not(.wp-block-button),
  3339. .entry-content
  3340. [class*='inner-container']
  3341. > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator),
  3342. .entry-content .wp-audio-shortcode,
  3343. .post-navigation,
  3344. .pagination {
  3345. max-width: 100%;
  3346. margin-left: auto;
  3347. margin-right: auto;
  3348. }
  3349. @media only screen and (min-width: 560px) {
  3350. .responsive-max-width,
  3351. .entry-content > .wp-block-button.aligncenter,
  3352. hr.wp-block-separator.is-style-wide,
  3353. .entry-content
  3354. > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.wp-block-button):not(.entry-attachment),
  3355. .entry-content > *:not(.wp-block-button),
  3356. .entry-content
  3357. [class*='inner-container']
  3358. > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator),
  3359. .entry-content .wp-audio-shortcode,
  3360. .post-navigation,
  3361. .pagination {
  3362. max-width: calc(560px - 32px);
  3363. }
  3364. }
  3365. @media only screen and (min-width: 640px) {
  3366. .responsive-max-width,
  3367. .entry-content > .wp-block-button.aligncenter,
  3368. hr.wp-block-separator.is-style-wide,
  3369. .entry-content
  3370. > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.wp-block-button):not(.entry-attachment),
  3371. .entry-content > *:not(.wp-block-button),
  3372. .entry-content
  3373. [class*='inner-container']
  3374. > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator),
  3375. .entry-content .wp-audio-shortcode,
  3376. .post-navigation,
  3377. .pagination {
  3378. max-width: calc(640px - 32px);
  3379. }
  3380. }
  3381. @media only screen and (min-width: 782px) {
  3382. .responsive-max-width,
  3383. .entry-content > .wp-block-button.aligncenter,
  3384. hr.wp-block-separator.is-style-wide,
  3385. .entry-content
  3386. > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.wp-block-button):not(.entry-attachment),
  3387. .entry-content > *:not(.wp-block-button),
  3388. .entry-content
  3389. [class*='inner-container']
  3390. > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator),
  3391. .entry-content .wp-audio-shortcode,
  3392. .post-navigation,
  3393. .pagination {
  3394. max-width: calc(782px - 32px);
  3395. }
  3396. }
  3397. @media only screen and (min-width: 1024px) {
  3398. .responsive-max-width,
  3399. .entry-content > .wp-block-button.aligncenter,
  3400. hr.wp-block-separator.is-style-wide,
  3401. .entry-content
  3402. > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.wp-block-button):not(.entry-attachment),
  3403. .entry-content > *:not(.wp-block-button),
  3404. .entry-content
  3405. [class*='inner-container']
  3406. > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator),
  3407. .entry-content .wp-audio-shortcode,
  3408. .post-navigation,
  3409. .pagination {
  3410. max-width: calc(782px - 32px);
  3411. }
  3412. }
  3413. @media only screen and (min-width: 1280px) {
  3414. .responsive-max-width,
  3415. .entry-content > .wp-block-button.aligncenter,
  3416. hr.wp-block-separator.is-style-wide,
  3417. .entry-content
  3418. > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.wp-block-button):not(.entry-attachment),
  3419. .entry-content > *:not(.wp-block-button),
  3420. .entry-content
  3421. [class*='inner-container']
  3422. > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator),
  3423. .entry-content .wp-audio-shortcode,
  3424. .post-navigation,
  3425. .pagination {
  3426. max-width: calc(782px - 32px);
  3427. }
  3428. }
  3429. .entry-content > .alignwide,
  3430. .entry-content > .alignwide.wp-block-jetpack-gif,
  3431. .entry-content > .alignwide.wp-block-jetpack-tiled-gallery {
  3432. margin-left: auto;
  3433. margin-right: auto;
  3434. max-width: 100%;
  3435. /* Matches normal width until desktop breakpoint */
  3436. }
  3437. @media only screen and (min-width: 560px) {
  3438. .entry-content > .alignwide,
  3439. .entry-content > .alignwide.wp-block-jetpack-gif,
  3440. .entry-content > .alignwide.wp-block-jetpack-tiled-gallery {
  3441. max-width: calc(560px - 32px);
  3442. }
  3443. }
  3444. @media only screen and (min-width: 640px) {
  3445. .entry-content > .alignwide,
  3446. .entry-content > .alignwide.wp-block-jetpack-gif,
  3447. .entry-content > .alignwide.wp-block-jetpack-tiled-gallery {
  3448. max-width: calc(640px - 32px);
  3449. }
  3450. }
  3451. @media only screen and (min-width: 782px) {
  3452. .entry-content > .alignwide,
  3453. .entry-content > .alignwide.wp-block-jetpack-gif,
  3454. .entry-content > .alignwide.wp-block-jetpack-tiled-gallery {
  3455. max-width: calc(782px - 32px);
  3456. }
  3457. }
  3458. @media only screen and (min-width: 1024px) {
  3459. .entry-content > .alignwide,
  3460. .entry-content > .alignwide.wp-block-jetpack-gif,
  3461. .entry-content > .alignwide.wp-block-jetpack-tiled-gallery {
  3462. width: calc(calc(782px - 32px) + 256px);
  3463. max-width: calc(100% - 32px);
  3464. }
  3465. }
  3466. @media only screen and (min-width: 1280px) {
  3467. .entry-content > .alignwide,
  3468. .entry-content > .alignwide.wp-block-jetpack-gif,
  3469. .entry-content > .alignwide.wp-block-jetpack-tiled-gallery {
  3470. width: calc(calc(782px - 32px) + 256px);
  3471. max-width: calc(100% - 32px);
  3472. }
  3473. }
  3474. .entry-content > .alignwide [class*='inner-container'] > .alignwide,
  3475. .entry-content > .alignfull [class*='inner-container'] > .alignwide {
  3476. width: calc(100% + 256px);
  3477. max-width: 100%;
  3478. margin-left: auto;
  3479. margin-right: auto;
  3480. }
  3481. @media only screen and (min-width: 560px) {
  3482. .entry-content > .alignwide [class*='inner-container'] > .alignwide,
  3483. .entry-content > .alignfull [class*='inner-container'] > .alignwide {
  3484. width: calc(calc(560px - 32px) + 256px);
  3485. max-width: 100%;
  3486. }
  3487. }
  3488. @media only screen and (min-width: 640px) {
  3489. .entry-content > .alignwide [class*='inner-container'] > .alignwide,
  3490. .entry-content > .alignfull [class*='inner-container'] > .alignwide {
  3491. width: calc(calc(640px - 32px) + 256px);
  3492. max-width: 100%;
  3493. }
  3494. }
  3495. @media only screen and (min-width: 782px) {
  3496. .entry-content > .alignwide [class*='inner-container'] > .alignwide,
  3497. .entry-content > .alignfull [class*='inner-container'] > .alignwide {
  3498. width: calc(calc(782px - 32px) + 256px);
  3499. max-width: 100%;
  3500. }
  3501. }
  3502. @media only screen and (min-width: 1024px) {
  3503. .entry-content > .alignwide [class*='inner-container'] > .alignwide,
  3504. .entry-content > .alignfull [class*='inner-container'] > .alignwide {
  3505. width: calc(calc(782px - 32px) + 256px);
  3506. max-width: 100%;
  3507. }
  3508. }
  3509. @media only screen and (min-width: 1280px) {
  3510. .entry-content > .alignwide [class*='inner-container'] > .alignwide,
  3511. .entry-content > .alignfull [class*='inner-container'] > .alignwide {
  3512. width: calc(calc(782px - 32px) + 256px);
  3513. max-width: 100%;
  3514. }
  3515. }
  3516. .entry-content > .alignfull,
  3517. .entry-content > .alignfull.wp-block-jetpack-gif,
  3518. .entry-content > .alignfull.wp-block-jetpack-tiled-gallery {
  3519. margin-left: -16px;
  3520. margin-right: -16px;
  3521. width: calc(100% + 32px);
  3522. max-width: calc(100% + 32px);
  3523. /* Letting the box-model do most of the work here. */
  3524. }
  3525. @media only screen and (min-width: 560px) {
  3526. .entry-content > .alignfull,
  3527. .entry-content > .alignfull.wp-block-jetpack-gif,
  3528. .entry-content > .alignfull.wp-block-jetpack-tiled-gallery {
  3529. margin-left: inherit;
  3530. margin-right: inherit;
  3531. width: inherit;
  3532. max-width: inherit;
  3533. }
  3534. }
  3535. .entry-content > .alignright {
  3536. /*rtl:ignore*/
  3537. }
  3538. @media only screen and (min-width: 560px) {
  3539. .entry-content > .alignright {
  3540. /*rtl:ignore*/
  3541. margin-right: calc(0.5 * (100vw - calc(560px - 32px)));
  3542. max-width: calc(0.5 * calc(560px - 32px));
  3543. margin-left: 16px;
  3544. }
  3545. }
  3546. @media only screen and (min-width: 640px) {
  3547. .entry-content > .alignright {
  3548. /*rtl:ignore*/
  3549. margin-right: calc(0.5 * (100vw - calc(640px - 32px)));
  3550. max-width: calc(0.5 * calc(640px - 32px));
  3551. }
  3552. }
  3553. @media only screen and (min-width: 782px) {
  3554. .entry-content > .alignright {
  3555. /*rtl:ignore*/
  3556. margin-right: calc(0.5 * (100vw - calc(782px - 32px)));
  3557. max-width: calc(0.5 * calc(782px - 32px));
  3558. }
  3559. }
  3560. @media only screen and (min-width: 1024px) {
  3561. .entry-content > .alignright {
  3562. /*rtl:ignore*/
  3563. margin-right: calc(0.5 * (100vw - calc(782px - 32px)));
  3564. max-width: calc(0.5 * calc(782px - 32px));
  3565. }
  3566. }
  3567. @media only screen and (min-width: 1280px) {
  3568. .entry-content > .alignright {
  3569. /*rtl:ignore*/
  3570. margin-right: calc(0.5 * (100vw - calc(782px - 32px)));
  3571. max-width: calc(0.5 * calc(782px - 32px));
  3572. }
  3573. }
  3574. .entry-content > .wp-block-button:not(.alignleft):not(.alignright),
  3575. .entry-content > .alignleft {
  3576. /*rtl:ignore*/
  3577. }
  3578. @media only screen and (min-width: 560px) {
  3579. .entry-content > .wp-block-button:not(.alignleft):not(.alignright),
  3580. .entry-content > .alignleft {
  3581. /*rtl:ignore*/
  3582. margin-left: calc(0.5 * (100vw - calc(560px - 32px)));
  3583. max-width: calc(0.5 * calc(560px - 32px));
  3584. margin-right: 16px;
  3585. }
  3586. }
  3587. @media only screen and (min-width: 640px) {
  3588. .entry-content > .wp-block-button:not(.alignleft):not(.alignright),
  3589. .entry-content > .alignleft {
  3590. /*rtl:ignore*/
  3591. margin-left: calc(0.5 * (100vw - calc(640px - 32px)));
  3592. max-width: calc(0.5 * calc(640px - 32px));
  3593. }
  3594. }
  3595. @media only screen and (min-width: 782px) {
  3596. .entry-content > .wp-block-button:not(.alignleft):not(.alignright),
  3597. .entry-content > .alignleft {
  3598. /*rtl:ignore*/
  3599. margin-left: calc(0.5 * (100vw - calc(782px - 32px)));
  3600. max-width: calc(0.5 * calc(782px - 32px));
  3601. }
  3602. }
  3603. @media only screen and (min-width: 1024px) {
  3604. .entry-content > .wp-block-button:not(.alignleft):not(.alignright),
  3605. .entry-content > .alignleft {
  3606. /*rtl:ignore*/
  3607. margin-left: calc(0.5 * (100vw - calc(782px - 32px)));
  3608. max-width: calc(0.5 * calc(782px - 32px));
  3609. }
  3610. }
  3611. @media only screen and (min-width: 1280px) {
  3612. .entry-content > .wp-block-button:not(.alignleft):not(.alignright),
  3613. .entry-content > .alignleft {
  3614. /*rtl:ignore*/
  3615. margin-left: calc(0.5 * (100vw - calc(782px - 32px)));
  3616. max-width: calc(0.5 * calc(782px - 32px));
  3617. }
  3618. }
  3619. /**
  3620. * Vendors
  3621. * - Styles for 3rd party plugins and WP extensions
  3622. */
  3623. /**
  3624. * Vendors
  3625. * - 3rd-party compatibility styles
  3626. */
  3627. /**
  3628. * Subscription Form
  3629. */
  3630. .wp-block-jetpack-subscriptions form > * {
  3631. margin-top: 21.312px;
  3632. margin-bottom: 21.312px;
  3633. }
  3634. @media only screen and (min-width: 560px) {
  3635. .wp-block-jetpack-subscriptions form > * {
  3636. margin-top: 32px;
  3637. margin-bottom: 32px;
  3638. }
  3639. }
  3640. .wp-block-jetpack-subscriptions form > *:first-child {
  3641. margin-top: 0;
  3642. }
  3643. .wp-block-jetpack-subscriptions form > *:last-child {
  3644. margin-bottom: 0;
  3645. }
  3646. /**
  3647. * Cookies & Consents Banner
  3648. */
  3649. body .widget_eu_cookie_law_widget {
  3650. background: transparent;
  3651. bottom: 0;
  3652. left: 0;
  3653. padding: 8px;
  3654. right: 0;
  3655. }
  3656. body .widget_eu_cookie_law_widget.widget.top {
  3657. bottom: auto;
  3658. top: 0;
  3659. }
  3660. body .widget_eu_cookie_law_widget #eu-cookie-law {
  3661. background: white;
  3662. border: 1px solid #dddddd;
  3663. color: #444444;
  3664. font-size: 0.83333rem;
  3665. line-height: inherit;
  3666. padding: 16px;
  3667. }
  3668. @media (max-width: 600px) {
  3669. body .widget_eu_cookie_law_widget #eu-cookie-law {
  3670. padding-bottom: 80px;
  3671. }
  3672. }
  3673. body .widget_eu_cookie_law_widget #eu-cookie-law.negative {
  3674. background: #444444;
  3675. border-color: #111111;
  3676. color: white;
  3677. }
  3678. body .widget_eu_cookie_law_widget #eu-cookie-law.negative input.accept {
  3679. background: white;
  3680. color: #444444;
  3681. }
  3682. body .widget_eu_cookie_law_widget #eu-cookie-law.negative input.accept:hover,
  3683. body .widget_eu_cookie_law_widget #eu-cookie-law.negative input.accept:focus,
  3684. body
  3685. .widget_eu_cookie_law_widget
  3686. #eu-cookie-law.negative
  3687. input.accept.has-focus {
  3688. background: #dddddd;
  3689. }
  3690. body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
  3691. margin: 0;
  3692. margin-left: 32px;
  3693. }
  3694. @media (max-width: 600px) {
  3695. body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
  3696. bottom: 16px;
  3697. left: 16px;
  3698. margin: 0;
  3699. }
  3700. }
  3701. body.admin-bar .widget_eu_cookie_law_widget.widget.top {
  3702. top: 32px;
  3703. }
  3704. @media (max-width: 782px) {
  3705. body.admin-bar .widget_eu_cookie_law_widget.widget.top {
  3706. top: 46px;
  3707. }
  3708. }
  3709. /**
  3710. * Mailchimp Subscription Form
  3711. */
  3712. .wp-block-jetpack-mailchimp p {
  3713. margin-top: 21.312px;
  3714. margin-bottom: 21.312px;
  3715. }
  3716. @media only screen and (min-width: 560px) {
  3717. .wp-block-jetpack-mailchimp p {
  3718. margin-top: 32px;
  3719. margin-bottom: 32px;
  3720. }
  3721. }
  3722. .wp-block-jetpack-mailchimp p:first-child {
  3723. margin-top: 0;
  3724. }
  3725. .wp-block-jetpack-mailchimp p:last-child {
  3726. margin-bottom: 0;
  3727. }
  3728. .wp-block-jetpack-mailchimp input[type='email'] {
  3729. width: 100%;
  3730. }
  3731. #wp-block-jetpack-mailchimp_consent-text {
  3732. font-size: 0.83333rem;
  3733. }
  3734. /**
  3735. * Business Hours
  3736. */
  3737. .jetpack-business-hours dd {
  3738. padding-left: 0;
  3739. }
  3740. /**
  3741. * Layout Grid
  3742. */
  3743. .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column > * {
  3744. margin-top: 21.312px;
  3745. margin-bottom: 21.312px;
  3746. }
  3747. @media only screen and (min-width: 560px) {
  3748. .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column > * {
  3749. margin-top: 32px;
  3750. margin-bottom: 32px;
  3751. }
  3752. }
  3753. .wp-block-jetpack-layout-grid
  3754. .wp-block-jetpack-layout-grid-column
  3755. > *:first-child {
  3756. margin-top: 0;
  3757. }
  3758. .wp-block-jetpack-layout-grid
  3759. .wp-block-jetpack-layout-grid-column
  3760. > *:last-child {
  3761. margin-bottom: 0;
  3762. }
  3763. /**
  3764. * Full Site Editing
  3765. * - Full Site Editing overrides
  3766. */
  3767. .fse-template-part {
  3768. margin-bottom: 0;
  3769. margin-top: 0;
  3770. }
  3771. .fse-template-part .main-navigation .alignwide,
  3772. .fse-template-part .main-navigation .alignfull {
  3773. width: 100%;
  3774. }
  3775. .fse-template-part
  3776. .main-navigation
  3777. .has-text-color
  3778. > .main-menu.footer-menu
  3779. > li
  3780. > a {
  3781. color: inherit;
  3782. }
  3783. .fse-template-part
  3784. .main-navigation
  3785. .has-text-align-left
  3786. > .main-menu.footer-menu {
  3787. justify-content: flex-start;
  3788. }
  3789. .fse-template-part
  3790. .main-navigation
  3791. .has-text-align-center
  3792. > .main-menu.footer-menu {
  3793. justify-content: center;
  3794. }
  3795. .fse-template-part
  3796. .main-navigation
  3797. .has-text-align-right
  3798. > .main-menu.footer-menu {
  3799. justify-content: flex-end;
  3800. }
  3801. .fse-template-part .main-navigation .has-background > .main-menu.footer-menu {
  3802. padding: 16px 0;
  3803. }
  3804. @media only screen and (min-width: 560px) {
  3805. .fse-template-part
  3806. .main-navigation
  3807. .has-background
  3808. > .main-menu.footer-menu {
  3809. padding: 16px;
  3810. }
  3811. }
  3812. .fse-template-part
  3813. .main-navigation
  3814. > div
  3815. > .main-menu.footer-menu
  3816. > .menu-item-has-children
  3817. > a::after {
  3818. font-size: 0.6em;
  3819. vertical-align: middle;
  3820. }
  3821. .fse-template-part .wp-block-columns .wp-block-column > * {
  3822. margin: 0 0 5px 0;
  3823. }
  3824. .fse-header > *:first-child:not(.alignfull) {
  3825. margin-top: 21.312px;
  3826. }
  3827. @media only screen and (min-width: 560px) {
  3828. .fse-header > *:first-child:not(.alignfull) {
  3829. margin-top: 32px;
  3830. }
  3831. }
  3832. .fse-footer {
  3833. display: block;
  3834. }
  3835. .fse-footer .site-info {
  3836. margin-top: 21.312px;
  3837. margin-bottom: 21.312px;
  3838. text-align: center;
  3839. }
  3840. @media only screen and (min-width: 560px) {
  3841. .fse-footer .site-info {
  3842. margin-top: 32px;
  3843. margin-bottom: 32px;
  3844. }
  3845. }