frontend.css 66 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504250525062507250825092510251125122513251425152516251725182519252025212522252325242525252625272528252925302531253225332534253525362537253825392540254125422543254425452546254725482549255025512552255325542555255625572558255925602561256225632564256525662567256825692570257125722573257425752576257725782579258025812582258325842585258625872588258925902591259225932594259525962597259825992600260126022603260426052606260726082609261026112612261326142615261626172618261926202621262226232624262526262627262826292630263126322633263426352636263726382639264026412642264326442645264626472648264926502651265226532654265526562657265826592660266126622663266426652666266726682669267026712672267326742675267626772678267926802681268226832684268526862687268826892690269126922693269426952696269726982699270027012702270327042705270627072708270927102711271227132714271527162717271827192720272127222723272427252726272727282729273027312732273327342735273627372738273927402741274227432744274527462747274827492750275127522753275427552756275727582759276027612762276327642765276627672768276927702771277227732774277527762777277827792780278127822783278427852786278727882789279027912792279327942795279627972798279928002801280228032804280528062807280828092810281128122813281428152816281728182819282028212822282328242825282628272828282928302831283228332834283528362837283828392840284128422843284428452846284728482849285028512852285328542855285628572858285928602861286228632864286528662867286828692870287128722873287428752876287728782879288028812882288328842885288628872888288928902891289228932894289528962897289828992900290129022903290429052906290729082909291029112912291329142915291629172918291929202921292229232924292529262927292829292930293129322933293429352936293729382939294029412942294329442945294629472948294929502951295229532954295529562957295829592960296129622963296429652966296729682969297029712972297329742975297629772978297929802981298229832984298529862987298829892990299129922993299429952996299729982999300030013002300330043005300630073008300930103011301230133014301530163017301830193020302130223023302430253026302730283029303030313032303330343035303630373038303930403041304230433044304530463047304830493050305130523053305430553056305730583059306030613062306330643065306630673068306930703071307230733074307530763077307830793080308130823083308430853086308730883089309030913092309330943095309630973098309931003101310231033104310531063107310831093110311131123113311431153116311731183119312031213122312331243125312631273128312931303131313231333134313531363137313831393140314131423143314431453146314731483149315031513152315331543155315631573158315931603161316231633164316531663167316831693170317131723173317431753176317731783179318031813182318331843185318631873188318931903191319231933194319531963197319831993200320132023203320432053206320732083209321032113212321332143215321632173218321932203221322232233224322532263227322832293230323132323233323432353236323732383239324032413242324332443245324632473248324932503251325232533254325532563257325832593260326132623263326432653266326732683269327032713272327332743275327632773278327932803281328232833284328532863287328832893290329132923293329432953296329732983299330033013302330333043305330633073308330933103311331233133314331533163317331833193320332133223323332433253326332733283329333033313332333333343335333633373338333933403341334233433344334533463347334833493350335133523353335433553356335733583359336033613362336333643365336633673368336933703371337233733374337533763377337833793380338133823383338433853386338733883389339033913392339333943395339633973398339934003401340234033404340534063407340834093410341134123413341434153416341734183419342034213422342334243425342634273428342934303431343234333434343534363437343834393440344134423443344434453446344734483449345034513452345334543455345634573458345934603461346234633464346534663467346834693470347134723473347434753476347734783479348034813482348334843485348634873488348934903491349234933494349534963497349834993500350135023503350435053506350735083509351035113512351335143515351635173518351935203521352235233524352535263527352835293530353135323533353435353536353735383539354035413542354335443545354635473548354935503551355235533554355535563557355835593560356135623563356435653566356735683569357035713572357335743575357635773578357935803581358235833584358535863587358835893590359135923593359435953596359735983599
  1. @charset "UTF-8";
  2. /*--------------------------------------------------------------
  3. >>> TABLE OF CONTENTS:
  4. ----------------------------------------------------------------
  5. # Normalize
  6. # Typography
  7. # Elements
  8. # Forms
  9. # Navigation
  10. ## Links
  11. ## Menus
  12. # Accessibility
  13. # Alignments
  14. # Clearings
  15. # Widgets
  16. # Content
  17. ## Posts and pages
  18. ## Asides
  19. ## Comments
  20. # Infinite scroll
  21. # Media
  22. ## Captions
  23. ## Galleries
  24. --------------------------------------------------------------*/
  25. /*--------------------------------------------------------------
  26. # Normalize
  27. --------------------------------------------------------------*/
  28. html,
  29. body,
  30. p,
  31. ol,
  32. ul,
  33. li,
  34. dl,
  35. dt,
  36. dd,
  37. blockquote,
  38. figure,
  39. fieldset,
  40. legend,
  41. textarea,
  42. pre,
  43. iframe,
  44. address,
  45. hr,
  46. h1,
  47. h2,
  48. h3,
  49. h4,
  50. h5,
  51. h6 {
  52. border: 0;
  53. font-size: 100%;
  54. font-style: inherit;
  55. font-weight: inherit;
  56. margin: 0;
  57. outline: 0;
  58. padding: 0;
  59. vertical-align: baseline;
  60. }
  61. html {
  62. -webkit-text-size-adjust: 100%;
  63. -ms-text-size-adjust: 100%;
  64. }
  65. body {
  66. margin: 0;
  67. }
  68. main,
  69. nav {
  70. display: block;
  71. }
  72. progress {
  73. display: inline-block;
  74. vertical-align: baseline;
  75. }
  76. a {
  77. background-color: transparent;
  78. }
  79. a:active {
  80. outline: 0;
  81. }
  82. a,
  83. a:visited,
  84. a:hover,
  85. a:focus {
  86. text-decoration: none;
  87. }
  88. abbr[title] {
  89. border-bottom: 1px dotted;
  90. }
  91. b,
  92. strong {
  93. font-weight: bold;
  94. }
  95. dfn {
  96. font-style: italic;
  97. }
  98. mark {
  99. background: #ff0;
  100. color: #000;
  101. }
  102. small {
  103. font-size: 80%;
  104. }
  105. sub,
  106. sup {
  107. font-size: 75%;
  108. line-height: 0;
  109. position: relative;
  110. vertical-align: baseline;
  111. }
  112. sup {
  113. top: -0.5em;
  114. }
  115. sub {
  116. bottom: -0.25em;
  117. }
  118. img {
  119. border: 0;
  120. }
  121. svg:not(:root) {
  122. overflow: hidden;
  123. }
  124. figure {
  125. margin: 0;
  126. }
  127. hr {
  128. box-sizing: content-box;
  129. height: 0;
  130. }
  131. pre {
  132. overflow: auto;
  133. }
  134. code,
  135. kbd,
  136. pre,
  137. samp {
  138. font-size: 1em;
  139. }
  140. button,
  141. input,
  142. optgroup,
  143. select,
  144. textarea {
  145. color: inherit;
  146. font: inherit;
  147. margin: 0;
  148. }
  149. button {
  150. overflow: visible;
  151. }
  152. button,
  153. select {
  154. text-transform: none;
  155. }
  156. button,
  157. html input[type="button"],
  158. input[type="reset"],
  159. input[type="submit"] {
  160. -webkit-appearance: button;
  161. cursor: pointer;
  162. }
  163. button[disabled],
  164. html input[disabled] {
  165. cursor: default;
  166. }
  167. button::-moz-focus-inner,
  168. input::-moz-focus-inner {
  169. border: 0;
  170. padding: 0;
  171. }
  172. input {
  173. line-height: normal;
  174. }
  175. input[type="checkbox"],
  176. input[type="radio"] {
  177. box-sizing: border-box;
  178. padding: 0;
  179. }
  180. input[type="number"]::-webkit-inner-spin-button,
  181. input[type="number"]::-webkit-outer-spin-button {
  182. height: auto;
  183. }
  184. input[type="search"] {
  185. -webkit-appearance: textfield;
  186. box-sizing: content-box;
  187. }
  188. .search .search-submit,
  189. #comments .submit {
  190. padding: 10px 15px;
  191. border-radius: 2px;
  192. line-height: 1.85714285714286;
  193. border: 0;
  194. }
  195. .search .site-main .ast-search-submit {
  196. display: none;
  197. }
  198. input[type="search"]::-webkit-search-cancel-button,
  199. input[type="search"]::-webkit-search-decoration {
  200. -webkit-appearance: none;
  201. }
  202. fieldset {
  203. border: 1px solid #eaeaea;
  204. margin: 0 0px;
  205. padding: 0.35em 0.625em 0.75em;
  206. }
  207. legend {
  208. border: 0;
  209. padding: 0;
  210. }
  211. fieldset legend {
  212. margin-bottom: 1.5em;
  213. padding: 0 0.5em;
  214. }
  215. textarea {
  216. overflow: auto;
  217. }
  218. optgroup {
  219. font-weight: bold;
  220. }
  221. table {
  222. border-collapse: collapse;
  223. border-spacing: 0;
  224. }
  225. td,
  226. th {
  227. padding: 0;
  228. }
  229. /*--------------------------------------------------------------
  230. # Bootstrap Grid
  231. --------------------------------------------------------------*/
  232. /*!
  233. * Bootstrap v4.0.0-alpha.2 (https://getbootstrap.com)
  234. */
  235. .ast-container {
  236. max-width: 100%;
  237. }
  238. .ast-container-fluid, .ast-container {
  239. margin-left: auto;
  240. margin-right: auto;
  241. padding-left: 20px;
  242. padding-right: 20px;
  243. }
  244. .ast-container-fluid::after, .ast-container::after {
  245. content: "";
  246. display: table;
  247. clear: both;
  248. }
  249. .ast-col-xs-1, .ast-col-xs-2, .ast-col-xs-3, .ast-col-xs-4, .ast-col-xs-5, .ast-col-xs-6, .ast-col-xs-7, .ast-col-xs-8, .ast-col-xs-9, .ast-col-xs-10, .ast-col-xs-11, .ast-col-xs-12, .ast-col-sm-1, .ast-col-sm-2, .ast-col-sm-3, .ast-col-sm-4, .ast-col-sm-5, .ast-col-sm-6, .ast-col-sm-7, .ast-col-sm-8, .ast-col-sm-9, .ast-col-sm-10, .ast-col-sm-11, .ast-col-sm-12, .ast-col-md-1, .ast-col-md-2, .ast-col-md-3, .ast-col-md-4, .ast-col-md-5, .ast-col-md-6, .ast-col-md-7, .ast-col-md-8, .ast-col-md-9, .ast-col-md-10, .ast-col-md-11, .ast-col-md-12, .ast-col-lg-1, .ast-col-lg-2, .ast-col-lg-3, .ast-col-lg-4, .ast-col-lg-5, .ast-col-lg-6, .ast-col-lg-7, .ast-col-lg-8, .ast-col-lg-9, .ast-col-lg-10, .ast-col-lg-11, .ast-col-lg-12, .ast-col-xl-1, .ast-col-xl-2, .ast-col-xl-3, .ast-col-xl-4, .ast-col-xl-5, .ast-col-xl-6, .ast-col-xl-7, .ast-col-xl-8, .ast-col-xl-9, .ast-col-xl-10, .ast-col-xl-11, .ast-col-xl-12 {
  250. position: relative;
  251. min-height: 1px;
  252. padding-left: 20px;
  253. padding-right: 20px;
  254. }
  255. .ast-col-xs-1, .ast-col-xs-2, .ast-col-xs-3, .ast-col-xs-4, .ast-col-xs-5, .ast-col-xs-6, .ast-col-xs-7, .ast-col-xs-8, .ast-col-xs-9, .ast-col-xs-10, .ast-col-xs-11, .ast-col-xs-12 {
  256. float: left;
  257. }
  258. .ast-col-xs-1 {
  259. width: 8.3333333333%;
  260. }
  261. .ast-col-xs-2 {
  262. width: 16.6666666667%;
  263. }
  264. .ast-col-xs-3 {
  265. width: 25%;
  266. }
  267. .ast-col-xs-4 {
  268. width: 33.3333333333%;
  269. }
  270. .ast-col-xs-5 {
  271. width: 41.6666666667%;
  272. }
  273. .ast-col-xs-6 {
  274. width: 50%;
  275. }
  276. .ast-col-xs-7 {
  277. width: 58.3333333333%;
  278. }
  279. .ast-col-xs-8 {
  280. width: 66.6666666667%;
  281. }
  282. .ast-col-xs-9 {
  283. width: 75%;
  284. }
  285. .ast-col-xs-10 {
  286. width: 83.3333333333%;
  287. }
  288. .ast-col-xs-11 {
  289. width: 91.6666666667%;
  290. }
  291. .ast-col-xs-12 {
  292. width: 100%;
  293. }
  294. @media (min-width: 544px) {
  295. .ast-col-sm-1, .ast-col-sm-2, .ast-col-sm-3, .ast-col-sm-4, .ast-col-sm-5, .ast-col-sm-6, .ast-col-sm-7, .ast-col-sm-8, .ast-col-sm-9, .ast-col-sm-10, .ast-col-sm-11, .ast-col-sm-12 {
  296. float: left;
  297. }
  298. .ast-col-sm-1 {
  299. width: 8.3333333333%;
  300. }
  301. .ast-col-sm-2 {
  302. width: 16.6666666667%;
  303. }
  304. .ast-col-sm-3 {
  305. width: 25%;
  306. }
  307. .ast-col-sm-4 {
  308. width: 33.3333333333%;
  309. }
  310. .ast-col-sm-5 {
  311. width: 41.6666666667%;
  312. }
  313. .ast-col-sm-6 {
  314. width: 50%;
  315. }
  316. .ast-col-sm-7 {
  317. width: 58.3333333333%;
  318. }
  319. .ast-col-sm-8 {
  320. width: 66.6666666667%;
  321. }
  322. .ast-col-sm-9 {
  323. width: 75%;
  324. }
  325. .ast-col-sm-10 {
  326. width: 83.3333333333%;
  327. }
  328. .ast-col-sm-11 {
  329. width: 91.6666666667%;
  330. }
  331. .ast-col-sm-12 {
  332. width: 100%;
  333. }
  334. }
  335. @media (min-width: 768px) {
  336. .ast-col-md-1, .ast-col-md-2, .ast-col-md-3, .ast-col-md-4, .ast-col-md-5, .ast-col-md-6, .ast-col-md-7, .ast-col-md-8, .ast-col-md-9, .ast-col-md-10, .ast-col-md-11, .ast-col-md-12 {
  337. float: left;
  338. }
  339. .ast-col-md-1 {
  340. width: 8.3333333333%;
  341. }
  342. .ast-col-md-2 {
  343. width: 16.6666666667%;
  344. }
  345. .ast-col-md-3 {
  346. width: 25%;
  347. }
  348. .ast-col-md-4 {
  349. width: 33.3333333333%;
  350. }
  351. .ast-col-md-5 {
  352. width: 41.6666666667%;
  353. }
  354. .ast-col-md-6 {
  355. width: 50%;
  356. }
  357. .ast-col-md-7 {
  358. width: 58.3333333333%;
  359. }
  360. .ast-col-md-8 {
  361. width: 66.6666666667%;
  362. }
  363. .ast-col-md-9 {
  364. width: 75%;
  365. }
  366. .ast-col-md-10 {
  367. width: 83.3333333333%;
  368. }
  369. .ast-col-md-11 {
  370. width: 91.6666666667%;
  371. }
  372. .ast-col-md-12 {
  373. width: 100%;
  374. }
  375. }
  376. @media (min-width: 992px) {
  377. .ast-col-lg-1, .ast-col-lg-2, .ast-col-lg-3, .ast-col-lg-4, .ast-col-lg-5, .ast-col-lg-6, .ast-col-lg-7, .ast-col-lg-8, .ast-col-lg-9, .ast-col-lg-10, .ast-col-lg-11, .ast-col-lg-12 {
  378. float: left;
  379. }
  380. .ast-col-lg-1 {
  381. width: 8.3333333333%;
  382. }
  383. .ast-col-lg-2 {
  384. width: 16.6666666667%;
  385. }
  386. .ast-col-lg-3 {
  387. width: 25%;
  388. }
  389. .ast-col-lg-4 {
  390. width: 33.3333333333%;
  391. }
  392. .ast-col-lg-5 {
  393. width: 41.6666666667%;
  394. }
  395. .ast-col-lg-6 {
  396. width: 50%;
  397. }
  398. .ast-col-lg-7 {
  399. width: 58.3333333333%;
  400. }
  401. .ast-col-lg-8 {
  402. width: 66.6666666667%;
  403. }
  404. .ast-col-lg-9 {
  405. width: 75%;
  406. }
  407. .ast-col-lg-10 {
  408. width: 83.3333333333%;
  409. }
  410. .ast-col-lg-11 {
  411. width: 91.6666666667%;
  412. }
  413. .ast-col-lg-12 {
  414. width: 100%;
  415. }
  416. }
  417. @media (min-width: 1200px) {
  418. .ast-col-xl-1, .ast-col-xl-2, .ast-col-xl-3, .ast-col-xl-4, .ast-col-xl-5, .ast-col-xl-6, .ast-col-xl-7, .ast-col-xl-8, .ast-col-xl-9, .ast-col-xl-10, .ast-col-xl-11, .ast-col-xl-12 {
  419. float: left;
  420. }
  421. .ast-col-xl-1 {
  422. width: 8.3333333333%;
  423. }
  424. .ast-col-xl-2 {
  425. width: 16.6666666667%;
  426. }
  427. .ast-col-xl-3 {
  428. width: 25%;
  429. }
  430. .ast-col-xl-4 {
  431. width: 33.3333333333%;
  432. }
  433. .ast-col-xl-5 {
  434. width: 41.6666666667%;
  435. }
  436. .ast-col-xl-6 {
  437. width: 50%;
  438. }
  439. .ast-col-xl-7 {
  440. width: 58.3333333333%;
  441. }
  442. .ast-col-xl-8 {
  443. width: 66.6666666667%;
  444. }
  445. .ast-col-xl-9 {
  446. width: 75%;
  447. }
  448. .ast-col-xl-10 {
  449. width: 83.3333333333%;
  450. }
  451. .ast-col-xl-11 {
  452. width: 91.6666666667%;
  453. }
  454. .ast-col-xl-12 {
  455. width: 100%;
  456. }
  457. }
  458. .ast-row {
  459. margin-left: -20px;
  460. margin-right: -20px;
  461. }
  462. .ast-row::after {
  463. content: "";
  464. display: table;
  465. clear: both;
  466. }
  467. /*--------------------------------------------------------------
  468. # Site Variables
  469. --------------------------------------------------------------*/
  470. /*---------- Font Size ----------*/
  471. /*---------- Line Height ----------*/
  472. /*---------- Site Basic Structure ----------*/
  473. /*---------- z-index Structure ----------*/
  474. /*--------------------------------------------------------------
  475. # Mixins
  476. --------------------------------------------------------------*/
  477. /*--------------------------------------------------------------
  478. # Typography
  479. --------------------------------------------------------------*/
  480. h1, h2, h3, h4, h5, h6 {
  481. clear: both;
  482. }
  483. h1,
  484. .entry-content h1 {
  485. color: #808285;
  486. font-size: 2em;
  487. line-height: 1.2;
  488. }
  489. h2,
  490. .entry-content h2 {
  491. color: #808285;
  492. font-size: 1.7em;
  493. line-height: 1.3;
  494. }
  495. h3,
  496. .entry-content h3 {
  497. color: #808285;
  498. font-size: 1.5em;
  499. line-height: 1.4;
  500. }
  501. h4,
  502. .entry-content h4 {
  503. color: #808285;
  504. line-height: 1.5;
  505. font-size: 1.3em;
  506. }
  507. h5,
  508. .entry-content h5 {
  509. color: #808285;
  510. line-height: 1.6;
  511. font-size: 1.2em;
  512. }
  513. h6,
  514. .entry-content h6 {
  515. color: #808285;
  516. line-height: 1.7;
  517. font-size: 1.1em;
  518. }
  519. /*--------------------------------------------------------------
  520. # Elements
  521. --------------------------------------------------------------*/
  522. html {
  523. box-sizing: border-box;
  524. }
  525. *,
  526. *:before,
  527. *:after {
  528. /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  529. box-sizing: inherit;
  530. }
  531. body {
  532. color: #808285;
  533. background: #ffffff;
  534. /* Fallback for when there is no custom background color defined. */
  535. font-style: normal;
  536. }
  537. ul, ol {
  538. margin: 0 0 1.5em 3em;
  539. }
  540. ul {
  541. list-style: disc;
  542. }
  543. ol {
  544. list-style: decimal;
  545. }
  546. li > ul,
  547. li > ol {
  548. margin-bottom: 0;
  549. margin-left: 1.5em;
  550. }
  551. dt {
  552. font-weight: bold;
  553. }
  554. dd {
  555. margin: 0 1.5em 1.5em;
  556. }
  557. b,
  558. strong {
  559. font-weight: bold;
  560. }
  561. dfn,
  562. cite,
  563. em,
  564. i {
  565. font-style: italic;
  566. }
  567. blockquote,
  568. q {
  569. quotes: "" "";
  570. }
  571. blockquote:before, blockquote:after,
  572. q:before,
  573. q:after {
  574. content: "";
  575. }
  576. blockquote {
  577. border-left: 5px solid rgba(0, 0, 0, 0.05);
  578. padding: 20px;
  579. font-size: 1.2em;
  580. font-style: italic;
  581. margin: 0 0 1.5em;
  582. position: relative;
  583. }
  584. address {
  585. margin: 0 0 1.5em;
  586. }
  587. abbr,
  588. acronym {
  589. border-bottom: 1px dotted #666;
  590. cursor: help;
  591. }
  592. pre {
  593. background: #eee;
  594. font-family: "Courier 10 Pitch", Courier, monospace;
  595. margin-bottom: 1.6em;
  596. overflow: auto;
  597. max-width: 100%;
  598. padding: 1.6em;
  599. }
  600. code,
  601. kbd,
  602. tt,
  603. var {
  604. font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  605. }
  606. img {
  607. height: auto;
  608. /* Make sure images are scaled correctly. */
  609. max-width: 100%;
  610. /* Adhere to container width. */
  611. }
  612. hr {
  613. background-color: #ccc;
  614. border: 0;
  615. height: 1px;
  616. margin-bottom: 1.5em;
  617. }
  618. .ast-button,
  619. .button,
  620. button,
  621. input,
  622. select,
  623. textarea {
  624. color: #808285;
  625. font-weight: normal;
  626. font-size: 100%;
  627. /* Corrects font size not being inherited in all browsers */
  628. margin: 0;
  629. /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
  630. vertical-align: baseline;
  631. /* Improves appearance and consistency in all browsers */
  632. }
  633. button,
  634. input {
  635. line-height: normal;
  636. /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
  637. }
  638. big {
  639. font-size: 125%;
  640. }
  641. mark,
  642. ins {
  643. background: transparent;
  644. text-decoration: none;
  645. }
  646. table, th, td {
  647. border: 1px solid rgba(0, 0, 0, 0.1);
  648. }
  649. table {
  650. border-collapse: separate;
  651. border-spacing: 0;
  652. border-width: 1px 0 0 1px;
  653. margin: 0 0 1.5em;
  654. width: 100%;
  655. }
  656. th {
  657. font-weight: bold;
  658. }
  659. th, td {
  660. padding: 8px;
  661. border-width: 0 1px 1px 0;
  662. }
  663. /*--------------------------------------------------------------
  664. # Forms
  665. --------------------------------------------------------------*/
  666. button,
  667. .ast-button,
  668. .button,
  669. input[type="button"],
  670. input[type="reset"],
  671. input[type="submit"] {
  672. border: 1px solid;
  673. border-color: #eaeaea;
  674. border-radius: 2px;
  675. background: #e6e6e6;
  676. padding: .6em 1em .4em;
  677. color: #fff;
  678. }
  679. button:hover, button:focus,
  680. .ast-button:hover,
  681. .ast-button:focus,
  682. .button:hover,
  683. .button:focus,
  684. input[type="button"]:hover,
  685. input[type="button"]:focus,
  686. input[type="reset"]:hover,
  687. input[type="reset"]:focus,
  688. input[type="submit"]:hover,
  689. input[type="submit"]:focus {
  690. color: #fff;
  691. border-color: #eaeaea;
  692. }
  693. button:active, button:focus,
  694. .ast-button:active,
  695. .ast-button:focus,
  696. .button:active,
  697. .button:focus,
  698. input[type="button"]:active,
  699. input[type="button"]:focus,
  700. input[type="reset"]:active,
  701. input[type="reset"]:focus,
  702. input[type="submit"]:active,
  703. input[type="submit"]:focus {
  704. border-color: #eaeaea;
  705. outline: none;
  706. }
  707. input[type="text"],
  708. input[type="email"],
  709. input[type="url"],
  710. input[type="password"],
  711. input[type="search"],
  712. input[type="tel"],
  713. textarea {
  714. color: #666;
  715. border: 1px solid #ccc;
  716. border-radius: 2px;
  717. -webkit-appearance: none;
  718. }
  719. input[type="text"]:focus,
  720. input[type="email"]:focus,
  721. input[type="url"]:focus,
  722. input[type="password"]:focus,
  723. input[type="search"]:focus,
  724. input[type="tel"]:focus,
  725. textarea:focus {
  726. color: #111;
  727. }
  728. textarea {
  729. padding-left: 3px;
  730. width: 100%;
  731. }
  732. /*--------------------------------------------------------------
  733. # Navigation
  734. --------------------------------------------------------------*/
  735. /*--------------------------------------------------------------
  736. ## Links
  737. --------------------------------------------------------------*/
  738. a {
  739. color: royalblue;
  740. }
  741. a:hover, a:focus {
  742. color: midnightblue;
  743. }
  744. a:focus {
  745. outline: thin dotted;
  746. }
  747. a:hover {
  748. outline: 0;
  749. }
  750. /*--------------------------------------------------------------
  751. # Accessibility
  752. --------------------------------------------------------------*/
  753. /* Text meant only for screen readers. */
  754. .screen-reader-text {
  755. border: 0;
  756. clip: rect(1px, 1px, 1px, 1px);
  757. height: 1px;
  758. margin: -1px;
  759. overflow: hidden;
  760. padding: 0;
  761. position: absolute;
  762. width: 1px;
  763. word-wrap: normal !important;
  764. }
  765. .screen-reader-text:focus {
  766. background-color: #f1f1f1;
  767. border-radius: 2px;
  768. box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  769. clip: auto !important;
  770. color: #21759b;
  771. display: block;
  772. font-size: 12.25px;
  773. font-size: 0.875rem;
  774. height: auto;
  775. left: 5px;
  776. line-height: normal;
  777. padding: 15px 23px 14px;
  778. text-decoration: none;
  779. top: 5px;
  780. width: auto;
  781. z-index: 100000;
  782. /* Above WP toolbar. */
  783. }
  784. .alignleft {
  785. display: inline;
  786. float: left;
  787. margin-right: 1.5em;
  788. }
  789. .alignright {
  790. display: inline;
  791. float: right;
  792. margin-left: 1.5em;
  793. }
  794. .aligncenter {
  795. clear: both;
  796. text-align: center;
  797. display: block;
  798. margin-left: auto;
  799. margin-right: auto;
  800. }
  801. .clear:before,
  802. .clear:after,
  803. .site-header:before,
  804. .site-header:after,
  805. .site-content:before,
  806. .site-content:after,
  807. #primary:before,
  808. #primary:after,
  809. .site-main:before,
  810. .site-main:after,
  811. #secondary:before,
  812. #secondary:after,
  813. .sidebar-main:before,
  814. .sidebar-main:after,
  815. .site-footer:before,
  816. .site-footer:after,
  817. .ast-row:before,
  818. .ast-row:after,
  819. .ast-container:before,
  820. .ast-container:after {
  821. content: "";
  822. display: table;
  823. }
  824. .clear:after,
  825. .site-header:after,
  826. .site-content:after,
  827. #primary:after,
  828. .site-main:after,
  829. #secondary:after,
  830. .sidebar-main:after,
  831. .site-footer:after,
  832. .ast-row:after,
  833. .ast-container:after {
  834. clear: both;
  835. }
  836. /*--------------------------------------------------------------
  837. # Media
  838. --------------------------------------------------------------*/
  839. /* Make sure embeds and iframes fit their containers. */
  840. embed,
  841. iframe,
  842. object {
  843. max-width: 100%;
  844. }
  845. /*--------------------------------------------------------------
  846. ## Captions
  847. --------------------------------------------------------------*/
  848. .wp-caption {
  849. margin-bottom: 1.5em;
  850. max-width: 100%;
  851. }
  852. .wp-caption img[class*="wp-image-"] {
  853. display: block;
  854. margin-left: auto;
  855. margin-right: auto;
  856. }
  857. .wp-caption .wp-caption-text {
  858. margin: 0.8075em 0;
  859. }
  860. .wp-caption-text {
  861. text-align: center;
  862. }
  863. /*--------------------------------------------------------------
  864. # Content
  865. --------------------------------------------------------------*/
  866. /*---------- Mixins ----------*/
  867. /*---------- Site Variables ----------*/
  868. /*---------- Media Query min-width Structure ----------*/
  869. /*---------- Media Query max-width Structure ----------*/
  870. /*---------- Break-point min-width Structure ----------*/
  871. /*---------- Break-point max-width Structure ----------*/
  872. /*---------- Site Normalize ----------*/
  873. ::selection {
  874. color: #fff;
  875. background: #0274be;
  876. }
  877. body {
  878. -webkit-font-smoothing: antialiased;
  879. -moz-osx-font-smoothing: grayscale;
  880. }
  881. body:not(.logged-in) {
  882. position: relative;
  883. }
  884. #page {
  885. position: relative;
  886. }
  887. a,
  888. a:focus {
  889. text-decoration: none;
  890. }
  891. a,
  892. .site-header a *,
  893. .site-footer a *,
  894. .secondary a * {
  895. transition: all 0.2s linear;
  896. }
  897. .capitalize {
  898. text-transform: uppercase;
  899. }
  900. img {
  901. vertical-align: middle;
  902. }
  903. .entry-content h1,
  904. .entry-content h2,
  905. .entry-content h3,
  906. .entry-content h4,
  907. .entry-content h5,
  908. .entry-content h6 {
  909. margin-bottom: 20px;
  910. }
  911. p {
  912. margin-bottom: 1.75em;
  913. }
  914. blockquote {
  915. margin: 1.5em 1em 1.5em 3em;
  916. font-size: 1.1em;
  917. line-height: inherit;
  918. position: relative;
  919. }
  920. .ast-button,
  921. .button,
  922. input[type="button"],
  923. input[type="submit"] {
  924. border-radius: 0;
  925. padding: 18px 30px;
  926. border: 0;
  927. box-shadow: none;
  928. text-shadow: none;
  929. }
  930. .ast-button:hover,
  931. .button:hover,
  932. input[type="button"]:hover,
  933. input[type="submit"]:hover {
  934. box-shadow: none;
  935. }
  936. .ast-button:active, .ast-button:focus,
  937. .button:active,
  938. .button:focus,
  939. input[type="button"]:active,
  940. input[type="button"]:focus,
  941. input[type="submit"]:active,
  942. input[type="submit"]:focus {
  943. box-shadow: none;
  944. }
  945. .site-title {
  946. font-weight: normal;
  947. }
  948. .site-title,
  949. .site-description {
  950. margin-bottom: 0;
  951. }
  952. .site-title a,
  953. .site-title:hover a,
  954. .site-title:focus a,
  955. .site-description a,
  956. .site-description:hover a,
  957. .site-description:focus a {
  958. transition: all 0.2s linear;
  959. }
  960. .site-title a,
  961. .site-title a:focus,
  962. .site-title a:hover,
  963. .site-title a:visited {
  964. color: #222;
  965. }
  966. .site-description a,
  967. .site-description a:focus,
  968. .site-description a:hover,
  969. .site-description a:visited {
  970. color: #999;
  971. }
  972. .search-form .search-field {
  973. outline: none;
  974. }
  975. .ast-search-menu-icon {
  976. position: relative;
  977. z-index: 3;
  978. }
  979. /* must have higher specificity than alternative color schemes inline styles */
  980. .site .skip-link {
  981. background-color: #f1f1f1;
  982. box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
  983. color: #21759b;
  984. display: block;
  985. font-family: Montserrat, "Helvetica Neue", sans-serif;
  986. font-size: 14px;
  987. font-weight: 700;
  988. left: -9999em;
  989. outline: none;
  990. padding: 15px 23px 14px;
  991. text-decoration: none;
  992. text-transform: none;
  993. top: -9999em;
  994. }
  995. .site .skip-link:focus {
  996. clip: auto;
  997. height: auto;
  998. left: 6px;
  999. top: 7px;
  1000. width: auto;
  1001. z-index: 100000;
  1002. outline: thin dotted;
  1003. }
  1004. .logged-in .site .skip-link {
  1005. box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2);
  1006. font-family: "Open Sans", sans-serif;
  1007. }
  1008. select,
  1009. input {
  1010. line-height: 1;
  1011. }
  1012. body,
  1013. button,
  1014. input[type="button"],
  1015. input[type="submit"],
  1016. textarea,
  1017. .ast-button,
  1018. .ast-custom-button {
  1019. line-height: 1.85714285714286;
  1020. }
  1021. .site-title a {
  1022. line-height: 1.2;
  1023. }
  1024. .site-header .site-description {
  1025. line-height: 1.5;
  1026. }
  1027. .ast-single-post .entry-title,
  1028. .ast-single-post .entry-title a {
  1029. line-height: 1.2;
  1030. }
  1031. .entry-title,
  1032. .entry-title a {
  1033. font-weight: normal;
  1034. }
  1035. /*---------- Media ----------*/
  1036. /* Astra Respnosive oEmbed Video container */
  1037. .ast-oembed-container {
  1038. position: relative;
  1039. padding-top: 56.25%;
  1040. height: 0;
  1041. overflow: hidden;
  1042. max-width: 100%;
  1043. height: auto;
  1044. }
  1045. .ast-oembed-container iframe, .ast-oembed-container object, .ast-oembed-container embed {
  1046. position: absolute;
  1047. top: 0;
  1048. left: 0;
  1049. width: 100%;
  1050. height: 100%;
  1051. }
  1052. body .ast-oembed-container * {
  1053. position: absolute;
  1054. top: 0;
  1055. left: 0;
  1056. width: 100%;
  1057. height: 100%;
  1058. }
  1059. /*---------- Basic Layout ----------*/
  1060. .ast-hidden {
  1061. display: none !important;
  1062. }
  1063. body {
  1064. background-color: #ffffff;
  1065. }
  1066. #page {
  1067. display: block;
  1068. }
  1069. #primary,
  1070. #secondary {
  1071. display: block;
  1072. position: relative;
  1073. float: left;
  1074. width: 100%;
  1075. }
  1076. #primary {
  1077. margin: 4em 0;
  1078. }
  1079. .ast-separate-container {
  1080. background-color: #f5f5f5;
  1081. }
  1082. .ast-separate-container #primary {
  1083. padding: 4em 0;
  1084. margin: 0;
  1085. border: 0;
  1086. }
  1087. .ast-separate-container .site-main > .ast-row {
  1088. margin-left: 0;
  1089. margin-right: 0;
  1090. }
  1091. .ast-separate-container .ast-article-post,
  1092. .ast-separate-container .ast-article-single:not(.ast-related-post) {
  1093. background-color: #fff;
  1094. }
  1095. .ast-separate-container .ast-article-post,
  1096. .ast-separate-container .ast-article-single {
  1097. border-bottom: 1px solid #eeeeee;
  1098. margin: 0;
  1099. padding: 5.34em 6.67em;
  1100. }
  1101. .ast-separate-container .blog-layout-1 {
  1102. padding: 0;
  1103. border-bottom: 0;
  1104. }
  1105. .ast-separate-container .ast-article-single {
  1106. border-bottom: 0;
  1107. }
  1108. @media (max-width: 1200px) {
  1109. .ast-separate-container .ast-article-post,
  1110. .ast-separate-container .ast-article-single {
  1111. margin: 0;
  1112. padding: 3.34em 2.4em;
  1113. }
  1114. }
  1115. .ast-page-builder-template .hentry {
  1116. margin: 0;
  1117. }
  1118. .ast-page-builder-template .site-content > .ast-container {
  1119. max-width: 100%;
  1120. padding: 0;
  1121. }
  1122. .ast-page-builder-template .site-content #primary {
  1123. padding: 0;
  1124. margin: 0;
  1125. }
  1126. .ast-page-builder-template .no-results {
  1127. text-align: center;
  1128. margin: 4em auto;
  1129. }
  1130. .ast-page-builder-template .entry-header {
  1131. margin-top: 4em;
  1132. margin-left: auto;
  1133. margin-right: auto;
  1134. padding-left: 20px;
  1135. padding-right: 20px;
  1136. }
  1137. .ast-page-builder-template .entry-header.ast-no-title.ast-no-thumbnail {
  1138. margin-top: 0;
  1139. }
  1140. .ast-page-builder-template .entry-header.ast-header-without-markup {
  1141. margin-top: 0;
  1142. margin-bottom: 0;
  1143. }
  1144. .ast-page-builder-template .entry-header.ast-no-title.ast-no-meta {
  1145. margin-bottom: 0;
  1146. }
  1147. .ast-page-builder-template.single .post-navigation {
  1148. padding-bottom: 2em;
  1149. }
  1150. .ast-page-builder-template .ast-archive-description {
  1151. margin-top: 4em;
  1152. margin-left: auto;
  1153. margin-right: auto;
  1154. padding-left: 20px;
  1155. padding-right: 20px;
  1156. }
  1157. @media (min-width: 993px) {
  1158. .ast-separate-container.ast-right-sidebar #primary,
  1159. .ast-separate-container.ast-left-sidebar #primary,
  1160. .ast-separate-container #primary {
  1161. margin: 4em 0;
  1162. padding: 0;
  1163. }
  1164. .ast-right-sidebar #primary {
  1165. padding-right: 60px;
  1166. }
  1167. .ast-left-sidebar #primary {
  1168. padding-left: 60px;
  1169. }
  1170. }
  1171. @media (max-width: 992px) {
  1172. .ast-separate-container.ast-right-sidebar #primary,
  1173. .ast-separate-container.ast-left-sidebar #primary,
  1174. .ast-separate-container #primary {
  1175. padding-left: 0;
  1176. padding-right: 0;
  1177. }
  1178. .ast-right-sidebar #primary {
  1179. padding-right: 30px;
  1180. }
  1181. .ast-left-sidebar #primary {
  1182. padding-left: 30px;
  1183. }
  1184. }
  1185. /*---------- Navigation ----------*/
  1186. /**
  1187. * Navigations
  1188. *
  1189. * @import
  1190. * 1 - Primary Menus
  1191. * 2 - Secondary Menus
  1192. * 3 - Header Top Menus
  1193. *
  1194. * Contents
  1195. * 1 - Toggle Button
  1196. *
  1197. */
  1198. /**
  1199. * @import
  1200. */
  1201. /* 1 - Primary Menus */
  1202. .ast-search-icon .astra-search-icon {
  1203. font-size: 1.3em;
  1204. }
  1205. .main-navigation {
  1206. height: 100%;
  1207. -js-display: inline-flex;
  1208. display: inline-flex;
  1209. }
  1210. .main-navigation ul {
  1211. list-style: none;
  1212. margin: 0;
  1213. padding-left: 0;
  1214. position: relative;
  1215. }
  1216. .main-header-menu .menu-link,
  1217. .main-header-menu > a {
  1218. text-decoration: none;
  1219. padding: 0 1em;
  1220. display: inline-block;
  1221. transition: all 0.2s linear;
  1222. }
  1223. .main-header-menu .menu-item {
  1224. position: relative;
  1225. }
  1226. .main-header-menu .menu-item:hover > .sub-menu,
  1227. .main-header-menu .menu-item.focus > .sub-menu {
  1228. right: auto;
  1229. left: 0;
  1230. }
  1231. .main-header-menu .ast-left-align-sub-menu:hover > .sub-menu,
  1232. .main-header-menu .ast-left-align-sub-menu.focus > .sub-menu {
  1233. right: 0;
  1234. left: auto;
  1235. }
  1236. @media (min-width: 769px) {
  1237. .main-header-menu .ast-sub-menu-goes-outside:hover > .sub-menu,
  1238. .main-header-menu .ast-sub-menu-goes-outside.focus > .sub-menu {
  1239. left: -100%;
  1240. }
  1241. .main-header-menu .ast-left-align-sub-menu .sub-menu .menu-item:hover > .sub-menu,
  1242. .main-header-menu .ast-left-align-sub-menu .sub-menu .menu-item.focus > .sub-menu {
  1243. left: -100%;
  1244. }
  1245. }
  1246. .main-header-menu .sub-menu {
  1247. width: 240px;
  1248. background: #ffffff;
  1249. left: -999em;
  1250. position: absolute;
  1251. top: 100%;
  1252. z-index: 99999;
  1253. }
  1254. @media (min-width: 769px) {
  1255. .main-header-menu .sub-menu .menu-item:hover > .sub-menu,
  1256. .main-header-menu .sub-menu .menu-item.focus > .sub-menu {
  1257. left: 100%;
  1258. right: auto;
  1259. }
  1260. .main-header-menu .sub-menu .ast-left-align-sub-menu:hover > .sub-menu,
  1261. .main-header-menu .sub-menu .ast-left-align-sub-menu.focus > .sub-menu,
  1262. .main-header-menu .sub-menu .ast-left-align-sub-menu:hover * .sub-menu,
  1263. .main-header-menu .sub-menu .ast-left-align-sub-menu:focus * .sub-menu {
  1264. left: -100%;
  1265. }
  1266. .main-header-menu .sub-menu .main-header-menu .ast-sub-menu-goes-outside:hover > .sub-menu,
  1267. .main-header-menu .sub-menu .main-header-menu .ast-sub-menu-goes-outside.focus > .sub-menu {
  1268. left: -100%;
  1269. }
  1270. }
  1271. .main-header-menu .sub-menu .menu-link {
  1272. padding: 0.9em 1em;
  1273. display: block;
  1274. word-wrap: break-word;
  1275. }
  1276. .main-header-menu .sub-menu .menu-item:not(.menu-item-has-children) .menu-link .icon-arrow:first-of-type {
  1277. display: none;
  1278. }
  1279. #ast-desktop-header .main-header-menu .sub-menu .menu-item.menu-item-has-children > .menu-link .icon-arrow svg {
  1280. position: absolute;
  1281. right: .60em;
  1282. top: 50%;
  1283. transform: translate(0, -50%) rotate(270deg);
  1284. }
  1285. .main-header-menu .sub-menu .sub-menu {
  1286. top: 0px;
  1287. }
  1288. .submenu-with-border .sub-menu {
  1289. border-width: 1px;
  1290. border-style: solid;
  1291. }
  1292. .submenu-with-border .sub-menu .menu-link {
  1293. border-width: 0 0 1px;
  1294. border-style: solid;
  1295. }
  1296. .submenu-with-border .sub-menu .sub-menu {
  1297. top: -1px;
  1298. }
  1299. /* Remove the last anchor border for desktop devices */
  1300. .ast-desktop .submenu-with-border .sub-menu > .menu-item:last-child > .menu-link {
  1301. border-bottom-width: 0;
  1302. }
  1303. .ast-header-break-point .main-navigation {
  1304. padding-left: 0;
  1305. }
  1306. .ast-header-break-point .main-navigation ul .menu-item .menu-link {
  1307. padding: 0 20px;
  1308. display: inline-block;
  1309. width: 100%;
  1310. border: 0;
  1311. border-bottom-width: 1px;
  1312. border-style: solid;
  1313. border-color: #eaeaea;
  1314. }
  1315. .ast-header-break-point .main-navigation ul .menu-item .menu-link .icon-arrow:first-of-type {
  1316. margin-right: 5px;
  1317. }
  1318. .ast-header-break-point .main-navigation ul .sub-menu .menu-item:not(.menu-item-has-children) .menu-link .icon-arrow:first-of-type {
  1319. display: inline;
  1320. }
  1321. .ast-header-break-point .main-navigation .sub-menu .menu-item .menu-link {
  1322. padding-left: 30px;
  1323. }
  1324. .ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-link {
  1325. padding-left: 40px;
  1326. }
  1327. .ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-item .menu-link {
  1328. padding-left: 50px;
  1329. }
  1330. .ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-item .menu-item .menu-link {
  1331. padding-left: 60px;
  1332. }
  1333. .ast-header-break-point .main-header-menu {
  1334. background-color: #f9f9f9;
  1335. border-top-width: 1px;
  1336. border-style: solid;
  1337. border-color: #eaeaea;
  1338. }
  1339. .ast-header-break-point .main-header-menu .sub-menu {
  1340. background-color: #f9f9f9;
  1341. position: static;
  1342. opacity: 1;
  1343. visibility: visible;
  1344. border: 0;
  1345. width: auto;
  1346. }
  1347. .ast-header-break-point .main-header-menu .sub-menu .ast-left-align-sub-menu:hover > .sub-menu,
  1348. .ast-header-break-point .main-header-menu .sub-menu .ast-left-align-sub-menu.focus > .sub-menu {
  1349. left: 0;
  1350. }
  1351. .ast-header-break-point .main-header-menu .ast-sub-menu-goes-outside:hover > .sub-menu,
  1352. .ast-header-break-point .main-header-menu .ast-sub-menu-goes-outside.focus > .sub-menu {
  1353. left: 0;
  1354. }
  1355. .ast-header-break-point .submenu-with-border .sub-menu {
  1356. border: 0;
  1357. }
  1358. .ast-header-break-point .dropdown-menu-toggle {
  1359. display: none;
  1360. }
  1361. /**
  1362. * Contents
  1363. */
  1364. .ast-mobile-menu-buttons {
  1365. display: none;
  1366. }
  1367. /* Toggle Button */
  1368. .ast-button-wrap {
  1369. display: inline-block;
  1370. }
  1371. .ast-button-wrap button {
  1372. box-shadow: none;
  1373. border: none;
  1374. }
  1375. .ast-button-wrap .menu-toggle {
  1376. padding: 0;
  1377. width: 2.2em;
  1378. height: 2.1em;
  1379. font-size: 1.5em;
  1380. font-weight: normal;
  1381. border-radius: 2px;
  1382. -webkit-font-smoothing: antialiased;
  1383. -moz-osx-font-smoothing: grayscale;
  1384. border-radius: 2px;
  1385. vertical-align: middle;
  1386. line-height: 1.85714285714286;
  1387. }
  1388. .ast-button-wrap .menu-toggle.main-header-menu-toggle {
  1389. padding: 0 .5em;
  1390. width: auto;
  1391. text-align: center;
  1392. }
  1393. .ast-button-wrap .menu-toggle.main-header-menu-toggle .mobile-menu {
  1394. font-size: 15px;
  1395. font-size: 1rem;
  1396. font-weight: 600;
  1397. }
  1398. .ast-button-wrap .menu-toggle .menu-toggle-icon {
  1399. font-style: normal;
  1400. display: inline-block;
  1401. vertical-align: middle;
  1402. line-height: 2.05;
  1403. }
  1404. .ast-button-wrap .menu-toggle .menu-toggle-icon:before {
  1405. content: "\e5d2";
  1406. font-family: 'Astra';
  1407. text-decoration: inherit;
  1408. }
  1409. .ast-button-wrap .menu-toggle .icon-menu-bars svg:nth-child(2) {
  1410. display: none;
  1411. }
  1412. .ast-button-wrap .menu-toggle.toggled .menu-toggle-icon:before {
  1413. content: "\e5cd";
  1414. }
  1415. .ast-button-wrap .menu-toggle.toggled .icon-menu-bars svg:nth-child(1) {
  1416. display: none;
  1417. }
  1418. .ast-button-wrap .menu-toggle.toggled .icon-menu-bars svg:nth-child(2) {
  1419. display: block;
  1420. }
  1421. .ast-button-wrap .menu-toggle .mobile-menu-wrap {
  1422. display: inline-block;
  1423. }
  1424. .ast-button-wrap .menu-toggle:focus {
  1425. outline: thin dotted;
  1426. }
  1427. .header-main-layout-1 .ast-main-header-bar-alignment {
  1428. margin-left: auto;
  1429. }
  1430. .site-navigation {
  1431. height: 100%;
  1432. }
  1433. .site-header .menu-link * {
  1434. transition: none;
  1435. }
  1436. .ast-icon.icon-arrow svg {
  1437. height: .6em;
  1438. width: .6em;
  1439. position: relative;
  1440. margin-left: 10px;
  1441. }
  1442. .ast-icon.icon-search svg {
  1443. height: 1em;
  1444. width: 0.9em;
  1445. margin-top: 3px;
  1446. margin-right: 2px;
  1447. }
  1448. /* Responsive Screen */
  1449. .ast-header-break-point .user-select {
  1450. clear: both;
  1451. }
  1452. .ast-header-break-point .ast-mobile-menu-buttons {
  1453. display: block;
  1454. align-self: center;
  1455. }
  1456. .ast-header-break-point .main-header-bar-navigation {
  1457. flex: auto;
  1458. }
  1459. .ast-header-break-point .ast-main-header-bar-alignment {
  1460. display: block;
  1461. width: 100%;
  1462. flex: auto;
  1463. order: 4;
  1464. }
  1465. .ast-header-break-point .ast-icon.icon-arrow svg {
  1466. height: .85em;
  1467. width: .95em;
  1468. position: relative;
  1469. margin-left: 10px;
  1470. }
  1471. /**
  1472. * Post/Page Navigation
  1473. */
  1474. .site-main .comment-navigation, .site-main
  1475. .posts-navigation, .site-main
  1476. .post-navigation {
  1477. margin: 0 0 1.5em;
  1478. overflow: hidden;
  1479. }
  1480. .comment-navigation .nav-previous,
  1481. .comment-navigation .nav-next,
  1482. .posts-navigation .nav-previous,
  1483. .posts-navigation .nav-next,
  1484. .post-navigation .nav-previous,
  1485. .post-navigation .nav-next {
  1486. width: 50%;
  1487. display: inline-block;
  1488. }
  1489. .comment-navigation .nav-next,
  1490. .posts-navigation .nav-next,
  1491. .post-navigation .nav-next {
  1492. text-align: right;
  1493. }
  1494. .ast-icon svg {
  1495. fill: currentColor;
  1496. }
  1497. .post-navigation a {
  1498. background: transparent;
  1499. font-size: 16px;
  1500. font-size: 1.06666rem;
  1501. padding: 0 1.5em;
  1502. height: 2.33333em;
  1503. line-height: calc(2.33333em - 3px);
  1504. }
  1505. /*---------- Primary ----------*/
  1506. .sticky {
  1507. display: block;
  1508. }
  1509. .hentry {
  1510. margin: 0 0 1.5em;
  1511. }
  1512. .byline,
  1513. .updated:not(.published) {
  1514. display: none;
  1515. }
  1516. .single .byline,
  1517. .group-blog .byline {
  1518. display: inline;
  1519. }
  1520. .page-links {
  1521. clear: both;
  1522. margin-top: 1em;
  1523. }
  1524. .page-links a {
  1525. display: inline-block;
  1526. }
  1527. .page-links a .page-link {
  1528. border-color: #eaeaea;
  1529. background: transparent;
  1530. }
  1531. .page-links .page-link {
  1532. padding: 0;
  1533. margin: 0 0 .3em .3em;
  1534. border: 2px solid #eaeaea;
  1535. color: #000;
  1536. background: transparent;
  1537. font-size: 0.8em;
  1538. width: 2.5em;
  1539. height: 2.5em;
  1540. line-height: calc( 2.5em - 4px);
  1541. display: inline-block;
  1542. text-align: center;
  1543. transition: all 0.2s linear;
  1544. }
  1545. .page-links .page-link:hover, .page-links .page-link:focus {
  1546. color: #000;
  1547. }
  1548. @media (max-width: 768px) {
  1549. .page-links .page-link {
  1550. margin-bottom: 6px;
  1551. }
  1552. }
  1553. .page-content > :last-child,
  1554. .entry-content > :last-child,
  1555. .entry-summary > :last-child {
  1556. margin-bottom: 0;
  1557. }
  1558. .bypostauthor {
  1559. display: block;
  1560. }
  1561. body {
  1562. overflow-x: hidden;
  1563. }
  1564. /*---------- Secondary ----------*/
  1565. .widget-title {
  1566. font-weight: normal;
  1567. margin-bottom: 1em;
  1568. line-height: 1.5;
  1569. }
  1570. .widget {
  1571. margin: 0 0 2.8em 0;
  1572. }
  1573. .widget:last-child {
  1574. margin-bottom: 0;
  1575. }
  1576. .widget select {
  1577. max-width: 100%;
  1578. }
  1579. .widget ul {
  1580. margin: 0;
  1581. list-style-type: none;
  1582. }
  1583. .no-widget-text {
  1584. margin-bottom: 0;
  1585. }
  1586. .widget_nav_menu ul ul.sub-menu {
  1587. margin-top: 0.25em;
  1588. }
  1589. .widget_nav_menu ul ul.sub-menu li {
  1590. padding-left: 20px;
  1591. }
  1592. .widget_nav_menu ul ul.sub-menu a:after {
  1593. left: -20px;
  1594. }
  1595. .widget_nav_menu ul ul.sub-menu ul a:after {
  1596. left: -40px;
  1597. }
  1598. .widget_nav_menu ul ul.sub-menu ul ul a:after {
  1599. left: -60px;
  1600. }
  1601. .widget_nav_menu li {
  1602. transition: all 0.2s linear;
  1603. }
  1604. /* Search widget. */
  1605. .widget_search .search-form {
  1606. position: relative;
  1607. padding: 0;
  1608. background: initial;
  1609. color: inherit;
  1610. }
  1611. .widget_search .search-form > label {
  1612. position: relative;
  1613. }
  1614. .widget_search .search-form i {
  1615. color: #3a3a3a;
  1616. }
  1617. .widget_search .search-form button {
  1618. position: absolute;
  1619. top: 0;
  1620. right: 15px;
  1621. border: none;
  1622. padding: 0;
  1623. cursor: pointer;
  1624. background: transparent;
  1625. }
  1626. .widget_search .search-form input[type="submit"],
  1627. .widget_search .search-form input[type="submit"]:hover,
  1628. .widget_search .search-form input[type="submit"]:focus {
  1629. padding: 13px 20px;
  1630. border-radius: 2px;
  1631. border: none;
  1632. top: 0px;
  1633. right: 0px;
  1634. position: absolute;
  1635. color: transparent;
  1636. background: transparent;
  1637. max-width: 45px;
  1638. z-index: 2;
  1639. }
  1640. .widget_search .search-form .search-field {
  1641. background: #fafafa;
  1642. border-width: 1px;
  1643. border-color: #eaeaea;
  1644. border-radius: 2px;
  1645. }
  1646. .widget_search .search-field,
  1647. .widget_search .search-field:focus {
  1648. width: 100%;
  1649. padding: 16px 45px 16px 15px;
  1650. }
  1651. /* Widget - Archive */
  1652. /* Widget - Categories */
  1653. .widget_pages ul.children,
  1654. .widget_archive ul.children,
  1655. .widget_categories ul.children {
  1656. position: relative;
  1657. margin-top: 5px;
  1658. width: 100%;
  1659. }
  1660. .widget_pages ul.children li,
  1661. .widget_archive ul.children li,
  1662. .widget_categories ul.children li {
  1663. padding-left: 20px;
  1664. }
  1665. .widget_pages li ul.children a:after,
  1666. .widget_archive li ul.children a:after,
  1667. .widget_categories li ul.children a:after {
  1668. left: -20px;
  1669. }
  1670. .widget_pages li ul.children ul a:after,
  1671. .widget_archive li ul.children ul a:after,
  1672. .widget_categories li ul.children ul a:after {
  1673. left: -40px;
  1674. }
  1675. /* Tag Cloud */
  1676. .widget_tag_cloud .tagcloud {
  1677. margin-top: 10px;
  1678. display: inline-block;
  1679. }
  1680. .widget_tag_cloud .tagcloud a {
  1681. border: 1px solid #e2e2e2;
  1682. padding: 0.5em 0.9em;
  1683. display: inline-block;
  1684. margin-bottom: 4px;
  1685. font-size: 14px;
  1686. margin-right: 4px;
  1687. line-height: 1.5;
  1688. transition: all 0.2s linear;
  1689. }
  1690. /* Calender */
  1691. .widget_calendar table,
  1692. .widget_calendar th,
  1693. .widget_calendar td {
  1694. padding: 0;
  1695. text-align: center;
  1696. }
  1697. .widget_calendar table,
  1698. .widget_calendar th {
  1699. border: none;
  1700. }
  1701. .widget_calendar td {
  1702. border-right: none;
  1703. border-left: none;
  1704. }
  1705. .widget_calendar caption {
  1706. line-height: 2.7em;
  1707. }
  1708. .widget_calendar thead {
  1709. line-height: 2.5em;
  1710. }
  1711. .widget_calendar thead a {
  1712. color: #0274be;
  1713. font-size: 1rem;
  1714. vertical-align: middle;
  1715. }
  1716. .widget_calendar thead td {
  1717. vertical-align: middle;
  1718. font-weight: bold;
  1719. }
  1720. .widget_calendar thead > tr > th {
  1721. line-height: 2.5em;
  1722. border-bottom: 2px solid #eaeaea;
  1723. border-top: 2px solid #eaeaea;
  1724. }
  1725. .widget_calendar tbody {
  1726. line-height: 2.10em;
  1727. text-align: center;
  1728. }
  1729. .widget_calendar tbody > tr > td {
  1730. width: 14.2857%;
  1731. }
  1732. .widget_calendar tbody > tr:first-child > td {
  1733. padding-top: 3px;
  1734. }
  1735. .widget_calendar #today {
  1736. background: #0274be;
  1737. }
  1738. /*---------- Builder ----------*/
  1739. /**
  1740. * AST HF Builder - Grid related CSS.
  1741. */
  1742. .ast-builder-grid-row {
  1743. display: grid;
  1744. grid-template-columns: auto auto;
  1745. align-items: center;
  1746. grid-column-gap: 20px;
  1747. overflow-wrap: anywhere;
  1748. }
  1749. .ast-builder-grid-row > .site-header-section {
  1750. flex-wrap: nowrap;
  1751. }
  1752. .ast-builder-footer-grid-columns {
  1753. grid-column-gap: 50px;
  1754. }
  1755. .ast-builder-grid-row.ast-grid-center-col-layout {
  1756. grid-template-columns: 1fr auto 1fr;
  1757. }
  1758. .ast-builder-layout-element {
  1759. align-items: center;
  1760. }
  1761. .ast-builder-grid-row.ast-grid-center-col-layout-only {
  1762. -js-display: flex;
  1763. display: flex;
  1764. height: 100%;
  1765. justify-content: center;
  1766. }
  1767. .ast-builder-grid-row.ast-grid-center-col-layout-only .ast-grid-section-center {
  1768. flex-grow: 1;
  1769. }
  1770. .site-header-section {
  1771. height: 100%;
  1772. min-height: 0;
  1773. align-items: center;
  1774. }
  1775. .site-header-section .ast-main-header-bar-alignment {
  1776. height: 100%;
  1777. }
  1778. .site-header-section > * {
  1779. padding: 0 10px;
  1780. }
  1781. .site-header-section > div:first-child {
  1782. padding-left: 0;
  1783. }
  1784. .site-header-section > div:last-child {
  1785. padding-right: 0;
  1786. }
  1787. .site-header-section .ast-builder-menu {
  1788. align-items: center;
  1789. }
  1790. .ast-builder-layout-element.ast-header-search {
  1791. height: auto;
  1792. }
  1793. .ast-grid-right-center-section {
  1794. justify-content: flex-start;
  1795. flex-grow: 1;
  1796. }
  1797. .ast-grid-right-section {
  1798. justify-content: flex-end;
  1799. }
  1800. .ast-grid-right-section .ast-site-identity > :first-child {
  1801. text-align: right;
  1802. }
  1803. .ast-grid-right-section .ast-grid-right-center-section .ast-site-identity > :first-child {
  1804. text-align: left;
  1805. }
  1806. .ast-grid-left-center-section {
  1807. justify-content: flex-end;
  1808. flex-grow: 1;
  1809. }
  1810. /**
  1811. * AST HF Builder - Logo related CSS.
  1812. * Align center section's Site title & Tagline center align.
  1813. */
  1814. .ast-logo-title-inline .ast-site-identity {
  1815. padding: 1em 0;
  1816. -js-display: inline-flex;
  1817. display: inline-flex;
  1818. vertical-align: middle;
  1819. align-items: center;
  1820. transition: all 0.2s linear;
  1821. }
  1822. .ast-grid-section-center {
  1823. justify-content: center;
  1824. }
  1825. .ast-grid-section-center .ast-site-identity > :first-child {
  1826. text-align: center;
  1827. }
  1828. /**
  1829. * AST HF Builder - Widgets related CSS.
  1830. * Social Widget.
  1831. */
  1832. .ast-builder-social-element {
  1833. line-height: 1;
  1834. color: #3a3a3a;
  1835. background: transparent;
  1836. vertical-align: middle;
  1837. transition: all 0.01s;
  1838. margin-left: 6px;
  1839. margin-right: 6px;
  1840. justify-content: center;
  1841. align-items: center;
  1842. }
  1843. .ast-builder-social-element:hover {
  1844. color: #0274be;
  1845. }
  1846. .ast-builder-social-element .social-item-label {
  1847. padding-left: 6px;
  1848. }
  1849. .ast-social-stack-desktop .ast-builder-social-element,
  1850. .ast-social-stack-tablet .ast-builder-social-element,
  1851. .ast-social-stack-mobile .ast-builder-social-element {
  1852. margin-top: 6px;
  1853. margin-bottom: 6px;
  1854. }
  1855. .ahfb-svg-iconset {
  1856. -js-display: inline-flex;
  1857. display: inline-flex;
  1858. align-self: center;
  1859. }
  1860. .ahfb-svg-iconset svg {
  1861. width: 17px;
  1862. height: 17px;
  1863. transition: none;
  1864. }
  1865. .ahfb-svg-iconset svg > * {
  1866. transition: none;
  1867. }
  1868. /**
  1869. * AST HF Builder - Widgets related CSS.
  1870. * Button.
  1871. */
  1872. .ast-footer-copyright p {
  1873. margin-bottom: 0;
  1874. }
  1875. .ast-builder-grid-row-container {
  1876. display: grid;
  1877. align-content: center;
  1878. }
  1879. .main-header-bar .main-header-bar-navigation {
  1880. height: 100%;
  1881. }
  1882. .ast-nav-menu .sub-menu {
  1883. line-height: 1.45;
  1884. }
  1885. .ast-builder-menu .main-navigation {
  1886. padding: 0;
  1887. }
  1888. .ast-builder-menu .main-navigation > ul {
  1889. align-self: center;
  1890. }
  1891. /**
  1892. * Astra HF Builder - Footer Components Compatibility CSS.
  1893. */
  1894. .site-footer-focus-item, .ast-footer-copyright, .ast-footer-social-wrap {
  1895. width: 100%;
  1896. }
  1897. #astra-footer-menu {
  1898. margin: 0;
  1899. list-style: none;
  1900. background: inherit;
  1901. }
  1902. #astra-footer-menu > ul {
  1903. margin: 0;
  1904. list-style: none;
  1905. background: inherit;
  1906. }
  1907. /**
  1908. * AST HF Builder - Responsive CSS.
  1909. * For desktop view.
  1910. */
  1911. .ast-header-break-point #ast-mobile-header {
  1912. display: block;
  1913. }
  1914. .ast-header-break-point .main-header-bar-navigation {
  1915. line-height: 3;
  1916. }
  1917. .ast-header-break-point .main-header-bar-navigation .menu-item-has-children > .ast-menu-toggle {
  1918. display: inline-block;
  1919. position: absolute;
  1920. font-size: inherit;
  1921. top: 0px;
  1922. right: 20px;
  1923. cursor: pointer;
  1924. -webkit-font-smoothing: antialiased;
  1925. -moz-osx-font-smoothing: grayscale;
  1926. padding: 0 0.907em;
  1927. font-weight: normal;
  1928. line-height: inherit;
  1929. }
  1930. .ast-header-break-point .main-header-bar-navigation .menu-item-has-children .sub-menu {
  1931. display: none;
  1932. }
  1933. .ast-header-break-point .ast-mobile-header-wrap .ast-above-header-wrap .main-header-bar-navigation .ast-submenu-expanded > .ast-menu-toggle::before,
  1934. .ast-header-break-point .ast-mobile-header-wrap .ast-main-header-wrap .main-header-bar-navigation .ast-submenu-expanded > .ast-menu-toggle::before {
  1935. transform: rotateX(180deg);
  1936. }
  1937. .ast-header-break-point .ast-nav-menu .sub-menu {
  1938. line-height: 3;
  1939. }
  1940. .site-footer-section {
  1941. justify-content: center;
  1942. }
  1943. .site-footer-section > * {
  1944. margin-bottom: 10px;
  1945. }
  1946. .site-footer-section > *:last-child {
  1947. margin-bottom: 0;
  1948. }
  1949. .site-primary-footer-wrap {
  1950. padding-top: 45px;
  1951. padding-bottom: 45px;
  1952. }
  1953. .site-above-footer-wrap,
  1954. .site-below-footer-wrap {
  1955. padding-top: 20px;
  1956. padding-bottom: 20px;
  1957. }
  1958. .ast-hfb-header.ast-header-break-point .main-header-bar-navigation {
  1959. width: 100%;
  1960. margin: 0;
  1961. }
  1962. .ast-hfb-header .menu-toggle.toggled .ast-mobile-svg {
  1963. display: none;
  1964. }
  1965. .ast-hfb-header .menu-toggle.toggled .ast-close-svg {
  1966. display: block;
  1967. }
  1968. .menu-toggle .ast-close-svg {
  1969. display: none;
  1970. }
  1971. .ast-mobile-header-wrap .menu-toggle .mobile-menu-toggle-icon {
  1972. -js-display: inline-flex;
  1973. display: inline-flex;
  1974. align-self: center;
  1975. }
  1976. .ast-mobile-header-wrap .menu-toggle .mobile-menu-wrap {
  1977. -js-display: inline-flex;
  1978. display: inline-flex;
  1979. align-self: center;
  1980. margin-left: 0.4em;
  1981. }
  1982. .ast-mobile-header-wrap .ast-button-wrap .menu-toggle.main-header-menu-toggle {
  1983. -js-display: flex;
  1984. display: flex;
  1985. align-items: center;
  1986. width: auto;
  1987. height: auto;
  1988. }
  1989. .menu-toggle .mobile-menu-toggle-icon {
  1990. -js-display: inline-flex;
  1991. display: inline-flex;
  1992. align-self: center;
  1993. }
  1994. .menu-toggle .mobile-menu-wrap {
  1995. -js-display: inline-flex;
  1996. display: inline-flex;
  1997. align-self: center;
  1998. margin-left: 0.4em;
  1999. }
  2000. .ast-hfb-header .ast-button-wrap .menu-toggle .mobile-menu-wrap {
  2001. align-items: center;
  2002. -js-display: flex;
  2003. display: flex;
  2004. }
  2005. .ast-button-wrap .menu-toggle.main-header-menu-toggle {
  2006. padding: .5em;
  2007. align-items: center;
  2008. -js-display: flex;
  2009. display: flex;
  2010. }
  2011. .ast-search-menu-icon.ast-inline-search .search-field {
  2012. width: 100%;
  2013. padding: 0.60em;
  2014. padding-right: 5.5em;
  2015. }
  2016. /* Footer menu spacing between each menu items. */
  2017. @media (min-width: 769px) {
  2018. .footer-nav-wrap .astra-footer-horizontal-menu li {
  2019. margin: 0;
  2020. }
  2021. .footer-nav-wrap .astra-footer-horizontal-menu li:first-child a {
  2022. padding-left: 0;
  2023. }
  2024. .footer-nav-wrap .astra-footer-horizontal-menu li:last-child a {
  2025. padding-right: 0;
  2026. }
  2027. .footer-nav-wrap .astra-footer-horizontal-menu a {
  2028. padding: 0 0.5em;
  2029. }
  2030. }
  2031. /*---------- Header ----------*/
  2032. /**
  2033. * Header
  2034. *
  2035. * @import
  2036. * 1 - Header Layout Common
  2037. * 2 - Header Main
  2038. */
  2039. /* 1 - Header Common */
  2040. /**
  2041. * Header Common
  2042. *
  2043. * Contents
  2044. * 1 - Common
  2045. * 4 - Main Header Container
  2046. * 6 - all and (max-width: $mx-break-point)
  2047. * 7 - Auto Margin
  2048. */
  2049. /**
  2050. * 1 - Common
  2051. */
  2052. .site-header {
  2053. z-index: 99;
  2054. position: relative;
  2055. }
  2056. /**
  2057. * 4 - Main Header Container
  2058. */
  2059. .main-header-container {
  2060. position: relative;
  2061. }
  2062. .main-header-bar-wrap {
  2063. position: relative;
  2064. }
  2065. .main-header-bar {
  2066. background-color: #fff;
  2067. border-bottom-color: #eaeaea;
  2068. border-bottom-style: solid;
  2069. }
  2070. /**
  2071. * 6 - all and (max-width: $mx-break-point)
  2072. */
  2073. .ast-header-break-point .main-header-bar {
  2074. border: 0;
  2075. }
  2076. .ast-header-break-point .main-header-bar {
  2077. border-bottom-color: #eaeaea;
  2078. border-bottom-style: solid;
  2079. }
  2080. /**
  2081. * 7 - Auto Margin
  2082. */
  2083. .main-header-bar {
  2084. margin-left: auto;
  2085. margin-right: auto;
  2086. }
  2087. /**
  2088. * 10 - Submenu container box shadow
  2089. */
  2090. .ast-desktop .main-header-menu.ast-menu-shadow .sub-menu {
  2091. box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.1);
  2092. }
  2093. .ast-header-custom-item-inside .button-custom-menu-item .menu-link {
  2094. display: none;
  2095. }
  2096. .ast-header-custom-item-inside.ast-header-break-point .button-custom-menu-item {
  2097. padding-left: 0;
  2098. padding-right: 0;
  2099. margin-top: 0;
  2100. margin-bottom: 0;
  2101. }
  2102. .ast-header-custom-item-inside.ast-header-break-point .button-custom-menu-item .ast-custom-button-link {
  2103. display: none;
  2104. }
  2105. .ast-header-custom-item-inside.ast-header-break-point .button-custom-menu-item .menu-link {
  2106. display: block;
  2107. }
  2108. /* 2 - Header Main */
  2109. /**
  2110. * Header Sections
  2111. *
  2112. * All sections within the header.
  2113. *
  2114. * Contents
  2115. * 1 - Common
  2116. * 2 - Social Follow
  2117. * 3 - Site Logo
  2118. * 4 - Search Form
  2119. *
  2120. * # Responsive
  2121. */
  2122. /**
  2123. * 1 - Common
  2124. */
  2125. .site-branding {
  2126. line-height: 1;
  2127. align-self: center;
  2128. }
  2129. .ast-menu-toggle {
  2130. display: none;
  2131. background: transparent;
  2132. color: inherit;
  2133. border-style: dotted;
  2134. border-color: transparent;
  2135. }
  2136. .ast-menu-toggle:focus, .ast-menu-toggle:hover {
  2137. background: transparent;
  2138. border-color: inherit;
  2139. color: inherit;
  2140. }
  2141. .ast-menu-toggle:focus {
  2142. outline: thin dotted;
  2143. }
  2144. /**
  2145. * 4 - Search Form & Main Header
  2146. */
  2147. .ast-main-header-nav-open .main-header-bar {
  2148. padding-bottom: 0;
  2149. }
  2150. .main-header-bar {
  2151. z-index: 4;
  2152. position: relative;
  2153. }
  2154. .main-header-bar .main-header-bar-navigation:empty {
  2155. padding: 0;
  2156. }
  2157. .main-header-bar .main-header-bar-navigation .sub-menu {
  2158. line-height: 1.45;
  2159. }
  2160. .main-header-bar .main-header-bar-navigation .menu-item-has-children > .menu-link:after {
  2161. line-height: normal;
  2162. }
  2163. /* Hide Mobile logo. */
  2164. .custom-mobile-logo-link {
  2165. display: none;
  2166. }
  2167. .ast-site-identity {
  2168. padding: 1em 0;
  2169. }
  2170. .ast-header-break-point .site-header .main-header-bar-wrap .site-branding {
  2171. flex: 1;
  2172. align-self: center;
  2173. }
  2174. .ast-header-break-point .ast-site-identity {
  2175. width: 100%;
  2176. }
  2177. .ast-header-break-point .main-header-bar {
  2178. display: block;
  2179. line-height: 3;
  2180. }
  2181. .ast-header-break-point .main-header-bar .main-header-bar-navigation {
  2182. line-height: 3;
  2183. }
  2184. .ast-header-break-point .main-header-bar .main-header-bar-navigation .sub-menu {
  2185. line-height: 3;
  2186. }
  2187. .ast-header-break-point .main-header-bar .main-header-bar-navigation .menu-item-has-children .sub-menu {
  2188. display: none;
  2189. }
  2190. .ast-header-break-point .main-header-bar .main-header-bar-navigation .menu-item-has-children > .ast-menu-toggle {
  2191. display: inline-block;
  2192. position: absolute;
  2193. font-size: inherit;
  2194. top: -1px;
  2195. right: 20px;
  2196. cursor: pointer;
  2197. -webkit-font-smoothing: antialiased;
  2198. -moz-osx-font-smoothing: grayscale;
  2199. padding: 0 0.907em;
  2200. font-weight: normal;
  2201. line-height: inherit;
  2202. transition: all .2s;
  2203. }
  2204. .ast-header-break-point .main-header-bar .main-header-bar-navigation .ast-submenu-expanded > .ast-menu-toggle::before {
  2205. transform: rotateX(180deg);
  2206. }
  2207. .ast-header-break-point .main-header-bar .main-header-bar-navigation .main-header-menu {
  2208. border-top-width: 1px;
  2209. border-style: solid;
  2210. border-color: #eaeaea;
  2211. }
  2212. .ast-header-break-point .main-navigation {
  2213. display: block;
  2214. width: 100%;
  2215. }
  2216. .ast-header-break-point .main-navigation ul ul {
  2217. left: auto;
  2218. right: auto;
  2219. }
  2220. .ast-header-break-point .main-navigation .stack-on-mobile li {
  2221. width: 100%;
  2222. }
  2223. .ast-header-break-point .main-navigation .widget {
  2224. margin-bottom: 1em;
  2225. }
  2226. .ast-header-break-point .main-navigation .widget li {
  2227. width: auto;
  2228. }
  2229. .ast-header-break-point .main-navigation .widget:last-child {
  2230. margin-bottom: 0;
  2231. }
  2232. .ast-header-break-point .main-header-bar-navigation {
  2233. width: calc( 100% + 40px);
  2234. margin: 0 -20px;
  2235. }
  2236. .ast-header-break-point .main-header-menu ul ul {
  2237. top: 0;
  2238. }
  2239. .ast-header-break-point .ast-builder-menu {
  2240. width: 100%;
  2241. }
  2242. .ast-header-break-point .ast-mobile-header-wrap .ast-flex.stack-on-mobile {
  2243. flex-wrap: wrap;
  2244. }
  2245. .ast-desktop .main-header-menu > .menu-item .sub-menu:before {
  2246. position: absolute;
  2247. content: '';
  2248. top: 0;
  2249. left: 0;
  2250. width: 100%;
  2251. transform: translateY(-100%);
  2252. }
  2253. /*---------- Forms ----------*/
  2254. /**
  2255. * Form Fields
  2256. *
  2257. * @import
  2258. * 1 - All fields common scss
  2259. * 2 - Field - Range
  2260. * 3 - Field - Color
  2261. */
  2262. /* 1 - All fields common scss */
  2263. input[type="text"],
  2264. input[type="number"],
  2265. input[type="email"],
  2266. input[type="url"],
  2267. input[type="password"],
  2268. input[type="search"],
  2269. input[type=reset],
  2270. input[type=tel],
  2271. select,
  2272. textarea {
  2273. color: #666;
  2274. padding: 0.75em;
  2275. height: auto;
  2276. border-width: 1px;
  2277. border-style: solid;
  2278. border-color: #eaeaea;
  2279. border-radius: 2px;
  2280. background: #fafafa;
  2281. box-shadow: none;
  2282. box-sizing: border-box;
  2283. transition: all 0.2s linear;
  2284. }
  2285. input[type="text"]:focus,
  2286. input[type="email"]:focus,
  2287. input[type="url"]:focus,
  2288. input[type="password"]:focus,
  2289. input[type="search"]:focus,
  2290. input[type=reset]:focus,
  2291. input[type=tel]:focus,
  2292. select:focus,
  2293. textarea:focus {
  2294. background-color: #fff;
  2295. border-color: #eaeaea;
  2296. box-shadow: none;
  2297. }
  2298. input[type=reset],
  2299. input[type=reset]:hover,
  2300. input[type=reset]:focus,
  2301. input[type="submit"],
  2302. input[type="submit"]:hover,
  2303. input[type="submit"]:focus,
  2304. input[type="button"],
  2305. input[type="button"]:hover,
  2306. input[type="button"]:focus {
  2307. box-shadow: none;
  2308. }
  2309. textarea {
  2310. width: 100%;
  2311. }
  2312. input[type="search"]:focus {
  2313. outline: thin dotted;
  2314. }
  2315. /* 2 - Field - Range */
  2316. /* Range */
  2317. input[type=range] {
  2318. -webkit-appearance: none;
  2319. width: 100%;
  2320. margin: 5.7px 0;
  2321. padding: 0;
  2322. border: none;
  2323. }
  2324. input[type=range]:focus {
  2325. outline: none;
  2326. }
  2327. input[type=range]::-webkit-slider-runnable-track {
  2328. width: 100%;
  2329. height: 8.6px;
  2330. cursor: pointer;
  2331. box-shadow: 2.6px 2.6px 0.4px #cccccc, 0px 0px 2.6px #d9d9d9;
  2332. background: rgba(255, 255, 255, 0.2);
  2333. border-radius: 13.6px;
  2334. border: 0px solid #ffffff;
  2335. }
  2336. input[type=range]::-webkit-slider-thumb {
  2337. box-shadow: 0px 0px 0px rgba(255, 221, 0, 0.37), 0px 0px 0px rgba(255, 224, 26, 0.37);
  2338. border: 7.9px solid #0274be;
  2339. height: 20px;
  2340. width: 20px;
  2341. border-radius: 50px;
  2342. background: #0274be;
  2343. cursor: pointer;
  2344. -webkit-appearance: none;
  2345. margin-top: -5.7px;
  2346. }
  2347. input[type=range]:focus::-webkit-slider-runnable-track {
  2348. background: rgba(255, 255, 255, 0.2);
  2349. }
  2350. input[type=range]::-moz-range-track {
  2351. width: 100%;
  2352. height: 8.6px;
  2353. cursor: pointer;
  2354. box-shadow: 2.6px 2.6px 0.4px #cccccc, 0px 0px 2.6px #d9d9d9;
  2355. background: rgba(255, 255, 255, 0.2);
  2356. border-radius: 13.6px;
  2357. border: 0px solid #ffffff;
  2358. }
  2359. input[type=range]::-moz-range-thumb {
  2360. box-shadow: 0px 0px 0px rgba(255, 221, 0, 0.37), 0px 0px 0px rgba(255, 224, 26, 0.37);
  2361. border: 7.9px solid #0274be;
  2362. height: 20px;
  2363. width: 20px;
  2364. border-radius: 50px;
  2365. background: #0274be;
  2366. cursor: pointer;
  2367. }
  2368. input[type=range]::-ms-track {
  2369. width: 100%;
  2370. height: 8.6px;
  2371. cursor: pointer;
  2372. background: transparent;
  2373. border-color: transparent;
  2374. color: transparent;
  2375. }
  2376. input[type=range]::-ms-fill-lower {
  2377. background: rgba(199, 199, 199, 0.2);
  2378. border: 0px solid #ffffff;
  2379. border-radius: 27.2px;
  2380. box-shadow: 2.6px 2.6px 0.4px #cccccc, 0px 0px 2.6px #d9d9d9;
  2381. }
  2382. input[type=range]::-ms-fill-upper {
  2383. background: rgba(255, 255, 255, 0.2);
  2384. border: 0px solid #ffffff;
  2385. border-radius: 27.2px;
  2386. box-shadow: 2.6px 2.6px 0.4px #cccccc, 0px 0px 2.6px #d9d9d9;
  2387. }
  2388. input[type=range]::-ms-thumb {
  2389. box-shadow: 0px 0px 0px rgba(255, 221, 0, 0.37), 0px 0px 0px rgba(255, 224, 26, 0.37);
  2390. border: 7.9px solid #0274be;
  2391. height: 20px;
  2392. width: 20px;
  2393. border-radius: 50px;
  2394. background: #0274be;
  2395. cursor: pointer;
  2396. height: 8.6px;
  2397. }
  2398. input[type=range]:focus::-ms-fill-lower {
  2399. background: rgba(255, 255, 255, 0.2);
  2400. }
  2401. input[type=range]:focus::-ms-fill-upper {
  2402. background: rgba(255, 255, 255, 0.2);
  2403. }
  2404. /* 3 - Field - Color */
  2405. /* Color */
  2406. input[type="color"] {
  2407. border: none;
  2408. width: 100px;
  2409. padding: 0;
  2410. height: 30px;
  2411. cursor: pointer;
  2412. }
  2413. input[type="color"]::-webkit-color-swatch-wrapper {
  2414. padding: 0;
  2415. border: none;
  2416. }
  2417. input[type="color"]::-webkit-color-swatch {
  2418. border: none;
  2419. }
  2420. /*---------- Blog ----------*/
  2421. /*--------------------------------------------------------------
  2422. ## Blog Layouts
  2423. --------------------------------------------------------------*/
  2424. /**
  2425. * Blog Common
  2426. */
  2427. .page .entry-header {
  2428. margin-bottom: 1.5em;
  2429. }
  2430. .search .entry-header {
  2431. margin-bottom: 1em;
  2432. }
  2433. .ast-single-post .entry-header.ast-header-without-markup, .ast-single-post .entry-header.ast-no-title.ast-no-thumbnail {
  2434. margin-bottom: 0;
  2435. }
  2436. .entry-header {
  2437. margin-bottom: 1em;
  2438. word-wrap: break-word;
  2439. }
  2440. .entry-header + .ast-blog-featured-section {
  2441. margin-top: 0.5em;
  2442. }
  2443. .entry-content {
  2444. word-wrap: break-word;
  2445. }
  2446. .entry-content p {
  2447. margin-bottom: 1.6em;
  2448. }
  2449. .read-more {
  2450. margin-bottom: 0;
  2451. }
  2452. .read-more .ast-right-arrow {
  2453. font-size: 1em;
  2454. }
  2455. .ast-no-thumb .ast-blog-featured-section {
  2456. margin-bottom: 0;
  2457. }
  2458. .ast-no-thumb .entry-header + .ast-blog-featured-section {
  2459. margin-top: 0;
  2460. }
  2461. .ast-blog-featured-section {
  2462. margin-bottom: 1.5em;
  2463. }
  2464. .error404 .page-header {
  2465. margin-bottom: 1.5em;
  2466. }
  2467. .error404 .page-header .page-title {
  2468. margin-bottom: 0;
  2469. }
  2470. .blog .entry-title,
  2471. .archive .entry-title,
  2472. .search .entry-title {
  2473. line-height: 1.3;
  2474. }
  2475. .blog .format-status .entry-title,
  2476. .archive .format-status .entry-title,
  2477. .blog .format-aside .entry-title,
  2478. .archive .format-aside .entry-title {
  2479. display: none;
  2480. }
  2481. .page-title {
  2482. margin-bottom: 1em;
  2483. font-weight: normal;
  2484. }
  2485. .entry-title {
  2486. margin-bottom: 0.2em;
  2487. }
  2488. .ast-article-post {
  2489. margin-bottom: 2.5em;
  2490. }
  2491. .ast-article-post:last-child {
  2492. margin-bottom: 0;
  2493. border-bottom: 0;
  2494. }
  2495. .search .site-content .content-area .search-form {
  2496. margin-bottom: 3em;
  2497. }
  2498. .blog-layout-1 {
  2499. /* 2 - Blog Thumbnail Styles */
  2500. }
  2501. .blog-layout-1 .post-thumb {
  2502. padding-left: 0;
  2503. padding-right: 0;
  2504. position: relative;
  2505. }
  2506. .blog .posted-on {
  2507. z-index: 1;
  2508. }
  2509. .ast-blog-featured-section .posted-on {
  2510. width: 5.714285714em;
  2511. height: 5.714285714em;
  2512. padding: 0.7em;
  2513. }
  2514. .ast-blog-featured-section .posted-on .date-month,
  2515. .ast-blog-featured-section .posted-on .date-year {
  2516. font-size: 0.8571428571em;
  2517. line-height: 1em;
  2518. }
  2519. .ast-blog-featured-section .posted-on .date-day {
  2520. font-size: 2.5em;
  2521. line-height: .9em;
  2522. font-weight: 900;
  2523. margin: .1em 0;
  2524. }
  2525. /* ============================================================
  2526. Archive Blogs
  2527. ============================================================ */
  2528. .ast-author-box img.avatar {
  2529. border-radius: 50%;
  2530. margin: 0 0 0 20px;
  2531. }
  2532. .ast-archive-description {
  2533. margin-bottom: 2.5em;
  2534. padding-bottom: 1.3333em;
  2535. border-bottom: 1px solid #eeeeee;
  2536. }
  2537. .ast-archive-description .ast-archive-title {
  2538. margin-bottom: 4px;
  2539. font-size: 40px;
  2540. font-size: 2.85714rem;
  2541. font-weight: 300;
  2542. }
  2543. .ast-archive-description p {
  2544. margin-bottom: 0;
  2545. font-size: 20px;
  2546. font-size: 1.42857rem;
  2547. line-height: 1.65;
  2548. font-weight: 300;
  2549. }
  2550. .ast-separate-container .ast-author-box,
  2551. .ast-separate-container .ast-archive-description {
  2552. background-color: #eee;
  2553. padding-bottom: 0;
  2554. border-bottom: 0;
  2555. }
  2556. @media (max-width: 1200px) {
  2557. .ast-separate-container .ast-archive-description {
  2558. margin: 0;
  2559. padding: 3.34em 2.4em;
  2560. }
  2561. }
  2562. @media (max-width: 992px) {
  2563. .ast-separate-container .ast-archive-description {
  2564. padding: 2.14em;
  2565. }
  2566. }
  2567. @media (min-width: 1201px) {
  2568. .ast-separate-container .ast-author-box,
  2569. .ast-separate-container .ast-archive-description {
  2570. margin: 0;
  2571. padding: 5em 6.67em 3.33333em;
  2572. }
  2573. }
  2574. /*--------------------------------------------------------------
  2575. ## Single Blog Post Layouts
  2576. --------------------------------------------------------------*/
  2577. /*---------- Single Post Common Stylesheet ----------*/
  2578. /**
  2579. * Common Stylesheet of Single Post
  2580. *
  2581. * Content
  2582. * 1 - Single Post Navigation Styles
  2583. * 2 - Single Post Article Header
  2584. */
  2585. .single {
  2586. /* 1 - Single Post Navigation Styles */
  2587. }
  2588. .single .entry-header {
  2589. margin-bottom: 2em;
  2590. }
  2591. .single .post-navigation {
  2592. margin: 0;
  2593. padding: 2em 0 0;
  2594. border-top: 1px solid #eeeeee;
  2595. }
  2596. @media (max-width: 768px) {
  2597. .single .post-navigation {
  2598. padding-top: 1.5em;
  2599. }
  2600. }
  2601. .single .post-navigation a {
  2602. margin: 2px;
  2603. display: inline-block;
  2604. text-align: center;
  2605. color: #000;
  2606. }
  2607. @media (min-width: 421px) {
  2608. .single .post-navigation .nav-links {
  2609. -js-display: flex;
  2610. display: flex;
  2611. }
  2612. .single .post-navigation .nav-previous,
  2613. .single .post-navigation .nav-next {
  2614. flex: auto;
  2615. }
  2616. }
  2617. @media (max-width: 420px) {
  2618. .single .post-navigation .ast-left-arrow,
  2619. .single .post-navigation .ast-right-arrow {
  2620. display: none;
  2621. }
  2622. .single .post-navigation .nav-previous,
  2623. .single .post-navigation .nav-next {
  2624. width: 100%;
  2625. }
  2626. .single .post-navigation .nav-previous a,
  2627. .single .post-navigation .nav-next a {
  2628. width: 100%;
  2629. }
  2630. .single .post-navigation .nav-previous {
  2631. margin-bottom: 1em;
  2632. }
  2633. }
  2634. /* 2 - Single Post Article Header */
  2635. .single .entry-header .ast-single-post-order + .post-thumb img {
  2636. margin-top: 2em;
  2637. margin-bottom: 0;
  2638. }
  2639. .single .entry-header.ast-no-title .post-thumb + .ast-single-post-order {
  2640. margin-top: 0;
  2641. }
  2642. .single .entry-header .post-thumb + .ast-single-post-order {
  2643. margin-top: 2em;
  2644. }
  2645. .single .entry-header .post-thumb img {
  2646. margin-top: 0;
  2647. margin-bottom: 0;
  2648. }
  2649. .page .has-post-thumbnail .post-thumb img {
  2650. margin-bottom: 1.5em;
  2651. }
  2652. .post-password-form {
  2653. text-align: center;
  2654. }
  2655. @media (max-width: 420px) {
  2656. .post-password-form input[type="password"] {
  2657. display: block;
  2658. margin: 10px auto;
  2659. }
  2660. }
  2661. .post-password-form input[type="submit"] {
  2662. padding: 10px 20px;
  2663. border-radius: 2px;
  2664. }
  2665. .ast-separate-container .post-navigation {
  2666. border-top: 0;
  2667. padding-left: 3.33333em;
  2668. padding-right: 3.33333em;
  2669. }
  2670. @media (max-width: 420px) {
  2671. .ast-separate-container .post-navigation {
  2672. padding-left: 0;
  2673. padding-right: 0;
  2674. }
  2675. }
  2676. @media (max-width: 768px) {
  2677. .ast-separate-container .entry-header {
  2678. margin-bottom: 1em;
  2679. }
  2680. }
  2681. /*---------- 404 ----------*/
  2682. .ast-404-layout-1 {
  2683. text-align: center;
  2684. margin: 4em auto;
  2685. }
  2686. .ast-404-layout-1 .page-sub-title {
  2687. font-size: 1.5rem;
  2688. font-weight: bold;
  2689. }
  2690. .ast-404-layout-1 .widget_search {
  2691. padding-top: 0.5em;
  2692. }
  2693. .ast-404-search {
  2694. margin-top: 1.5em;
  2695. }
  2696. .ast-404-search .widget_search {
  2697. max-width: 370px;
  2698. margin: 0 auto;
  2699. }
  2700. .ast-separate-container .error-404,
  2701. .ast-separate-container .no-results {
  2702. background-color: #fff;
  2703. }
  2704. @media (max-width: 1200px) {
  2705. .ast-separate-container .ast-404-layout-1,
  2706. .ast-separate-container .no-results {
  2707. margin: 0;
  2708. padding: 3.34em 2.4em;
  2709. }
  2710. }
  2711. @media (max-width: 768px) {
  2712. .ast-separate-container .ast-404-layout-1,
  2713. .ast-separate-container .no-results {
  2714. padding: 1.5em 2.14em;
  2715. }
  2716. }
  2717. @media (max-width: 544px) {
  2718. .ast-separate-container .ast-404-layout-1,
  2719. .ast-separate-container .no-results {
  2720. padding: 1.5em 1em;
  2721. }
  2722. }
  2723. @media (min-width: 1201px) {
  2724. .ast-separate-container .ast-404-layout-1,
  2725. .ast-separate-container .no-results {
  2726. margin: 0;
  2727. padding: 5.34em 6.67em;
  2728. }
  2729. }
  2730. /*---------- Blog Styles ----------*/
  2731. /*---------- Media Query min-width Structure ----------*/
  2732. /*---------- Media Query max-width Structure ----------*/
  2733. /*---------- Break-point min-width Structure ----------*/
  2734. /*---------- Break-point max-width Structure ----------*/
  2735. .blog-layout-1 {
  2736. width: 100%;
  2737. display: inline-block;
  2738. padding-bottom: 2em;
  2739. vertical-align: middle;
  2740. border-bottom: 1px solid #eeeeee;
  2741. }
  2742. .blog-layout-1 .posted-on {
  2743. left: 0;
  2744. }
  2745. .blog-layout-1 .post-thumb,
  2746. .blog-layout-1 .post-content {
  2747. padding-left: 0;
  2748. padding-right: 0;
  2749. }
  2750. /**
  2751. * Flexbox Framework
  2752. *
  2753. * .ast - prefix
  2754. *
  2755. * Flex classes generated as {prefix} + {css property - css value} .
  2756. *
  2757. * E.g. Here '.ast' is a prefix.
  2758. *
  2759. * .ast-flex
  2760. * .ast-flex-1
  2761. * .ast-flex-2
  2762. * .ast-flex-3
  2763. * .ast-flex-4
  2764. * .ast-flex-5
  2765. * .ast-inline-flex
  2766. * .ast-flex-direction-row
  2767. * .ast-flex-direction-row-reverse
  2768. * .ast-flex-direction-column
  2769. * .ast-flex-direction-column-reverse
  2770. * .ast-flex-wrap-nowrap
  2771. * .ast-flex-wrap-wrap
  2772. * .ast-flex-wrap-wrap-reverse
  2773. * .ast-justify-content-flex-start
  2774. * .ast-justify-content-flex-end
  2775. * .ast-justify-content-center
  2776. * .ast-justify-content-space-between
  2777. * .ast-justify-content-space-around
  2778. * .ast-align-items-flex-start
  2779. * .ast-align-items-flex-end
  2780. * .ast-align-items-center
  2781. * .ast-align-items-baseline
  2782. * .ast-align-items-stretch
  2783. * .ast-align-content-flex-start
  2784. * .ast-align-content-flex-end
  2785. * .ast-align-content-center
  2786. * .ast-align-content-space-between
  2787. * .ast-align-content-space-around
  2788. * .ast-align-content-stretch
  2789. * .ast-order-1
  2790. * .ast-order-2
  2791. * .ast-order-3
  2792. * .ast-order-4
  2793. * .ast-order-5
  2794. * .ast-flex-grow-1
  2795. * .ast-flex-grow-2
  2796. * .ast-flex-grow-3
  2797. * .ast-flex-grow-4
  2798. * .ast-flex-grow-5
  2799. * .ast-flex-shrink-grow-1
  2800. * .ast-flex-shrink-grow-2
  2801. * .ast-flex-shrink-grow-3
  2802. * .ast-flex-shrink-grow-4
  2803. * .ast-flex-shrink-grow-5
  2804. * .ast-flex-basis-grow-1
  2805. * .ast-flex-basis-grow-2
  2806. * .ast-flex-basis-grow-3
  2807. * .ast-flex-basis-grow-4
  2808. * .ast-flex-basis-grow-5
  2809. * .ast-align-self-auto
  2810. * .ast-align-self-flex-start
  2811. * .ast-align-self-flex-end
  2812. * .ast-align-self-center
  2813. * .ast-align-self-baseline
  2814. * .ast-align-self-stretch
  2815. */
  2816. .ast {
  2817. /*
  2818. # LAYOUT
  2819. ———————————————-
  2820. display: flex | inline-flex;
  2821. ———————————————-
  2822. */
  2823. /*
  2824. ————————————————————————–
  2825. # CONTAINER (for PARENT)
  2826. ————————————————————————–
  2827. # FLOW
  2828. ————————————————————————–
  2829. flex-flow: <‘flex-direction’> || <‘flex-wrap’>
  2830. ————————————————————————–
  2831. # DIRECTION
  2832. ————————————————————————–
  2833. flex-direction: row | row-reverse | column | column-reverse;
  2834. ————————————————————————–
  2835. */
  2836. /*
  2837. # WRAP
  2838. ————————————————————————–
  2839. flex-wrap: nowrap | wrap | wrap-reverse;
  2840. ————————————————————————–
  2841. */
  2842. /*
  2843. ————————————————————————–
  2844. # JUSTIFY CONTENT
  2845. ————————————————————————–
  2846. justify-content: flex-start | flex-end | center | space-between | space-around;
  2847. ————————————————————————–
  2848. */
  2849. /*
  2850. ————————————————————————–
  2851. # ALIGN – ITEMS
  2852. ————————————————————————–
  2853. align-items: flex-start | flex-end | center | baseline | stretch;
  2854. ————————————————————————–
  2855. */
  2856. /*
  2857. ————————————————————————–
  2858. # ALIGN – CONTENT
  2859. ————————————————————————–
  2860. align-content: flex-start | flex-end | center | space-between | space-around | stretch;
  2861. ————————————————————————–
  2862. */
  2863. /*
  2864. ————————————————————————–
  2865. # ITEMS (for CHILDs)
  2866. ————————————————————————–
  2867. # FLEX
  2868. ————————————————————————–
  2869. flex: none | [ <‘flex-grow’> <‘flex-shrink’>? || <‘flex-basis’> ]
  2870. ————————————————————————–
  2871. ————————————————————————–
  2872. # ORDER
  2873. ————————————————————————–
  2874. order: <integer>;
  2875. ————————————————————————–
  2876. */
  2877. /*
  2878. ————————————————————————–
  2879. # GROW
  2880. ————————————————————————–
  2881. flex-grow: <number>; default 0
  2882. ————————————————————————–
  2883. */
  2884. /*
  2885. ————————————————————————–
  2886. # SHRINK
  2887. ————————————————————————–
  2888. flex-shrink: <number>; default 1
  2889. ————————————————————————–
  2890. */
  2891. /*
  2892. ————————————————————————–
  2893. # ALIGN SELF
  2894. ————————————————————————–
  2895. align-self: auto | flex-start | flex-end | center | baseline | stretch;
  2896. ————————————————————————–
  2897. */
  2898. /*
  2899. ————————————————————————–
  2900. */
  2901. }
  2902. .ast-flex {
  2903. -js-display: flex;
  2904. display: flex;
  2905. flex-wrap: wrap;
  2906. }
  2907. .ast-flex-1 {
  2908. flex: 1;
  2909. }
  2910. .ast-flex-2 {
  2911. flex: 2;
  2912. }
  2913. .ast-flex-3 {
  2914. flex: 3;
  2915. }
  2916. .ast-flex-4 {
  2917. flex: 4;
  2918. }
  2919. .ast-flex-5 {
  2920. flex: 5;
  2921. }
  2922. .ast-inline-flex {
  2923. -js-display: inline-flex;
  2924. display: inline-flex;
  2925. align-items: center;
  2926. flex-wrap: wrap;
  2927. align-content: center;
  2928. }
  2929. .ast-flex-direction-row {
  2930. flex-direction: row;
  2931. }
  2932. .ast-flex-direction-row-reverse {
  2933. flex-direction: row-reverse;
  2934. }
  2935. .ast-flex-direction-column {
  2936. flex-direction: column;
  2937. }
  2938. .ast-flex-direction-column-reverse {
  2939. flex-direction: column-reverse;
  2940. }
  2941. .ast-flex-wrap-nowrap {
  2942. flex-wrap: nowrap;
  2943. }
  2944. .ast-flex-wrap-wrap {
  2945. flex-wrap: wrap;
  2946. }
  2947. .ast-flex-wrap-wrap-reverse {
  2948. flex-wrap: wrap-reverse;
  2949. }
  2950. .ast-justify-content-flex-start {
  2951. justify-content: flex-start;
  2952. }
  2953. .ast-justify-content-flex-end {
  2954. justify-content: flex-end;
  2955. }
  2956. .ast-justify-content-center {
  2957. justify-content: center;
  2958. }
  2959. .ast-justify-content-space-between {
  2960. justify-content: space-between;
  2961. }
  2962. .ast-justify-content-space-around {
  2963. justify-content: space-around;
  2964. }
  2965. .ast-align-items-flex-start {
  2966. align-items: flex-start;
  2967. }
  2968. .ast-align-items-flex-end {
  2969. align-items: flex-end;
  2970. }
  2971. .ast-align-items-center {
  2972. align-items: center;
  2973. }
  2974. .ast-align-items-baseline {
  2975. align-items: baseline;
  2976. }
  2977. .ast-align-items-stretch {
  2978. align-items: stretch;
  2979. }
  2980. .ast-align-content-flex-start {
  2981. align-content: flex-start;
  2982. }
  2983. .ast-align-content-flex-end {
  2984. align-content: flex-end;
  2985. }
  2986. .ast-align-content-center {
  2987. align-content: center;
  2988. }
  2989. .ast-align-content-space-between {
  2990. align-content: space-between;
  2991. }
  2992. .ast-align-content-space-around {
  2993. align-content: space-around;
  2994. }
  2995. .ast-align-content-stretch {
  2996. align-content: stretch;
  2997. }
  2998. .ast-order-1 {
  2999. order: 1;
  3000. }
  3001. .ast-order-2 {
  3002. order: 2;
  3003. }
  3004. .ast-order-3 {
  3005. order: 3;
  3006. }
  3007. .ast-order-4 {
  3008. order: 4;
  3009. }
  3010. .ast-order-5 {
  3011. order: 5;
  3012. }
  3013. .ast-flex-grow-1 {
  3014. flex-grow: 1;
  3015. }
  3016. .ast-flex-grow-2 {
  3017. flex-grow: 2;
  3018. }
  3019. .ast-flex-grow-3 {
  3020. flex-grow: 3;
  3021. }
  3022. .ast-flex-grow-4 {
  3023. flex-grow: 4;
  3024. }
  3025. .ast-flex-grow-5 {
  3026. flex-grow: 5;
  3027. }
  3028. .ast-flex-shrink-1 {
  3029. flex-shrink: 1;
  3030. }
  3031. .ast-flex-shrink-2 {
  3032. flex-shrink: 2;
  3033. }
  3034. .ast-flex-shrink-3 {
  3035. flex-shrink: 3;
  3036. }
  3037. .ast-flex-shrink-4 {
  3038. flex-shrink: 4;
  3039. }
  3040. .ast-flex-shrink-5 {
  3041. flex-shrink: 5;
  3042. }
  3043. .ast-align-self-auto {
  3044. align-self: auto;
  3045. }
  3046. .ast-align-self-flex-start {
  3047. align-self: flex-start;
  3048. }
  3049. .ast-align-self-flex-end {
  3050. align-self: flex-end;
  3051. }
  3052. .ast-align-self-center {
  3053. align-self: center;
  3054. }
  3055. .ast-align-self-baseline {
  3056. align-self: baseline;
  3057. }
  3058. .ast-align-self-stretch {
  3059. align-self: stretch;
  3060. }