style.css 61 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021302230233024302530263027302830293030303130323033303430353036303730383039304030413042304330443045304630473048304930503051305230533054305530563057305830593060306130623063306430653066306730683069307030713072307330743075307630773078307930803081308230833084308530863087308830893090309130923093309430953096309730983099310031013102310331043105310631073108310931103111311231133114311531163117311831193120312131223123312431253126312731283129313031313132313331343135313631373138313931403141314231433144314531463147314831493150315131523153315431553156315731583159316031613162316331643165316631673168316931703171317231733174317531763177317831793180318131823183318431853186318731883189319031913192319331943195319631973198319932003201320232033204320532063207320832093210321132123213321432153216321732183219322032213222322332243225322632273228322932303231323232333234323532363237323832393240324132423243324432453246324732483249325032513252325332543255325632573258325932603261326232633264326532663267326832693270327132723273327432753276327732783279328032813282328332843285328632873288328932903291329232933294329532963297329832993300330133023303330433053306330733083309331033113312331333143315331633173318331933203321332233233324332533263327332833293330333133323333333433353336333733383339334033413342334333443345334633473348
  1. /*
  2. Theme Name: Independent Publisher 2
  3. Theme URI: http://wordpress.com/themes/independent-publisher-2
  4. Version: 2.1.16-wpcom
  5. Description: Independent Publisher 2 is a clean and polished theme with a light color scheme, bold typography, and full-width images.
  6. Author: Raam Dev
  7. Author URI: http://raamdev.com/
  8. License: GNU General Public License v3 or later
  9. License URI: http://www.gnu.org/licenses/gpl-3.0.html
  10. Text Domain: independent-publisher-2
  11. Tags: accessibility-ready, author-bio, classic-menu, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, flexible-header, blue, right-sidebar, light, one-column, responsive-layout, sticky-post, theme-options, threaded-comments, translation-ready, two-columns, white, minimal, modern, conservative, blog, journal
  12. This theme, like WordPress, is licensed under the GPL.
  13. Use it to make something cool, have fun, and share what you've learned with others.
  14. Independent Publisher 2 is based on Underscores http://underscores.me/, (C) 2012-2017 Automattic, Inc.
  15. Underscores is distributed under the terms of the GNU GPL v2 or later.
  16. Normalizing styles have been helped along thanks to the fine work of
  17. Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
  18. */
  19. /**
  20. * Table of Contents:
  21. *
  22. * 1.0 - Normalize
  23. * 2.0 - Typography
  24. * 3.0 - Forms
  25. * 4.0 - Navigation
  26. * 4.1 - Mobile Menu Button
  27. * 4.2 - Mobile Navigation
  28. * 4.3 - Posts Navigation
  29. * 4.4 - Post Navigation
  30. * 4.5 - Comment Navigation
  31. * 4.6 - Sliding Menu
  32. * 5.0 - Accessibility
  33. * 6.0 - Clearings
  34. * 7.0 - Content
  35. * 8.0 - Post Formats
  36. * 9.0 - Media
  37. * 10.0 - Galleries
  38. * 11.0 - Comments
  39. * 12.0 - Widgets
  40. * 13.0 - Layout
  41. * 13.1 - Post Cover Image
  42. * 13.2 - Hero Header
  43. * 13.3 - Post Author Card
  44. * 14.0 - Infinite scroll
  45. * 15.0 - Social Menu
  46. * 16.0 - Media Queries
  47. * 16.1 - >= 518px
  48. * 16.2 - >= 783px
  49. * 16.3 - >= 992px
  50. * 16.4 - >= 1330px
  51. */
  52. /*--------------------------------------------------------------
  53. 1.0 - Normalize
  54. --------------------------------------------------------------*/
  55. html {
  56. font-family: sans-serif;
  57. -webkit-text-size-adjust: 100%;
  58. -ms-text-size-adjust: 100%;
  59. }
  60. body {
  61. margin: 0;
  62. }
  63. article,
  64. aside,
  65. details,
  66. figcaption,
  67. figure,
  68. footer,
  69. header,
  70. hgroup,
  71. main,
  72. menu,
  73. nav,
  74. section {
  75. display: block;
  76. }
  77. summary {
  78. display: list-item;
  79. }
  80. audio,
  81. canvas,
  82. progress,
  83. video {
  84. display: inline-block;
  85. vertical-align: baseline;
  86. }
  87. audio:not([controls]) {
  88. display: none;
  89. height: 0;
  90. }
  91. [hidden],
  92. template {
  93. display: none;
  94. }
  95. a {
  96. background-color: transparent;
  97. }
  98. a:active,
  99. a:hover {
  100. outline: 0;
  101. }
  102. abbr[title] {
  103. border-bottom: 1px dotted;
  104. }
  105. b,
  106. strong {
  107. font-weight: 700;
  108. }
  109. dfn {
  110. font-style: italic;
  111. }
  112. h1 {
  113. margin: .67em 0;
  114. font-size: 2em;
  115. }
  116. mark {
  117. color: #000;
  118. background: #ff0;
  119. }
  120. small {
  121. font-size: 80%;
  122. }
  123. sub,
  124. sup {
  125. position: relative;
  126. font-size: 75%;
  127. line-height: 0;
  128. vertical-align: baseline;
  129. }
  130. sup {
  131. top: -.5em;
  132. }
  133. sub {
  134. bottom: -.25em;
  135. }
  136. img {
  137. max-width: 100%;
  138. height: auto;
  139. border: 0;
  140. }
  141. svg:not(:root) {
  142. overflow: hidden;
  143. }
  144. figure {
  145. margin: 1em 40px;
  146. }
  147. hr {
  148. box-sizing: content-box;
  149. height: 0;
  150. }
  151. pre {
  152. overflow: auto;
  153. }
  154. code,
  155. kbd,
  156. pre,
  157. samp {
  158. font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  159. font-size: 1em;
  160. }
  161. button,
  162. input,
  163. optgroup,
  164. select,
  165. textarea {
  166. margin: 0;
  167. font: inherit;
  168. color: inherit;
  169. }
  170. button {
  171. overflow: visible;
  172. }
  173. button,
  174. select {
  175. text-transform: none;
  176. }
  177. button,
  178. html input[type="button"],
  179. input[type="reset"],
  180. input[type="submit"] {
  181. cursor: pointer;
  182. -webkit-appearance: button;
  183. }
  184. button[disabled],
  185. html input[disabled] {
  186. cursor: default;
  187. }
  188. button::-moz-focus-inner,
  189. input::-moz-focus-inner {
  190. padding: 0;
  191. border: 0;
  192. }
  193. input {
  194. line-height: normal;
  195. }
  196. input[type="checkbox"],
  197. input[type="radio"] {
  198. box-sizing: border-box;
  199. padding: 0;
  200. }
  201. input[type="number"]::-webkit-inner-spin-button,
  202. input[type="number"]::-webkit-outer-spin-button {
  203. height: auto;
  204. }
  205. input[type="search"] {
  206. box-sizing: content-box;
  207. -webkit-appearance: textfield;
  208. }
  209. input[type="search"]::-webkit-search-cancel-button,
  210. input[type="search"]::-webkit-search-decoration {
  211. -webkit-appearance: none;
  212. }
  213. fieldset {
  214. margin: 0 2px;
  215. padding: .35em .625em .75em;
  216. border: 1px solid #c0c0c0;
  217. }
  218. legend {
  219. padding: 0;
  220. border: 0;
  221. }
  222. textarea {
  223. overflow: auto;
  224. }
  225. optgroup {
  226. font-weight: 700;
  227. }
  228. table {
  229. border-spacing: 0;
  230. border-collapse: collapse;
  231. }
  232. td,
  233. th {
  234. padding: 0;
  235. }
  236. /*--------------------------------------------------------------
  237. 2.0 - Typography
  238. --------------------------------------------------------------*/
  239. body {
  240. background: #fff;
  241. }
  242. body,
  243. button,
  244. input,
  245. select,
  246. textarea {
  247. font-family: Georgia, "Times New Roman", serif;
  248. font-size: 18px;
  249. line-height: 1.75;
  250. color: #383838;
  251. }
  252. select {
  253. font-size: 13px;
  254. }
  255. h1,
  256. h2,
  257. h3,
  258. h4,
  259. h5,
  260. h6 {
  261. margin-top: .875em;
  262. margin-bottom: .875em;
  263. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  264. line-height: 1.1;
  265. color: #333332;
  266. }
  267. h1 {
  268. font-size: 32px;
  269. margin-bottom: .4375em;
  270. }
  271. h2 {
  272. font-size: 24px;
  273. margin-bottom: .4375em;
  274. }
  275. h3 {
  276. font-size: 19px;
  277. }
  278. h4 {
  279. font-size: 15px;
  280. }
  281. h5 {
  282. font-size: 14px;
  283. }
  284. h6 {
  285. font-size: 13px;
  286. }
  287. h5,
  288. h6 {
  289. line-height: 1.3;
  290. }
  291. hr {
  292. height: 1px;
  293. margin: 1.75em 0;
  294. border: 0;
  295. background-color: #ccc;
  296. }
  297. p {
  298. margin-bottom: .875em;
  299. }
  300. ul,
  301. ol {
  302. margin: 0 0 1.75em 2em;
  303. padding: 0;
  304. list-style-position: outside;
  305. }
  306. ul ul,
  307. ol ul,
  308. ul ol,
  309. ol ol {
  310. margin-bottom: 0;
  311. margin-left: 2em;
  312. }
  313. ul li,
  314. ol li {
  315. margin-top: .4375em;
  316. }
  317. ul {
  318. list-style-type: disc;
  319. }
  320. ol {
  321. list-style-type: decimal;
  322. }
  323. dt {
  324. font-weight: 700;
  325. }
  326. dd {
  327. margin: .4375em 1.75em 1.75em;
  328. }
  329. b,
  330. strong {
  331. font-weight: 700;
  332. }
  333. dfn,
  334. cite,
  335. em,
  336. i {
  337. font-style: italic;
  338. }
  339. blockquote {
  340. margin: 1.75em .875em 1.75em -1.9em;
  341. padding: 0 0 0 1.75em;
  342. font-family: Georgia, "Times New Roman", serif;
  343. font-style: italic;
  344. border: solid #0087be;
  345. border-width: 0 0 0 3px;
  346. }
  347. .comments-area blockquote {
  348. margin-left: 0;
  349. }
  350. blockquote blockquote {
  351. margin-left: 1.75em;
  352. }
  353. blockquote.aligncenter,
  354. blockquote.alignleft,
  355. blockquote.alignright {
  356. padding: .875em 0;
  357. font-family: Georgia, "Times New Roman", serif;
  358. font-size: 20px;
  359. font-style: italic;
  360. text-align: center;
  361. color: #a5a5a5;
  362. border: 0;
  363. }
  364. blockquote.alignright,
  365. blockquote.alignleft {
  366. max-width: 100%;
  367. padding: 0;
  368. margin-left: auto;
  369. margin-right: auto;
  370. text-align: left;
  371. }
  372. blockquote cite {
  373. display: block;
  374. margin-top: .875em;
  375. font-size: .875em;
  376. font-weight: bold;
  377. }
  378. blockquote cite:before {
  379. margin-right: .21875em;
  380. margin-left: 0;
  381. content: "\2014";
  382. font-weight: normal;
  383. }
  384. blockquote h1,
  385. blockquote h2,
  386. blockquote h3,
  387. blockquote h4 {
  388. font-family: inherit;
  389. font-weight: normal;
  390. }
  391. address {
  392. margin: 0 0 1.75em;
  393. }
  394. pre {
  395. overflow: auto;
  396. max-width: 100%;
  397. padding: 1.75em;
  398. font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  399. line-height: 1.75;
  400. background: #f5f5f5;
  401. }
  402. pre,
  403. code,
  404. kbd,
  405. tt,
  406. var {
  407. font-size: 18px;
  408. }
  409. pre pre,
  410. pre code,
  411. pre kbd,
  412. pre tt,
  413. pre var {
  414. background: transparent;
  415. }
  416. code,
  417. kbd,
  418. tt,
  419. var {
  420. padding: 2px 5px 2px 5px;
  421. font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  422. background: #eee;
  423. }
  424. abbr,
  425. acronym {
  426. cursor: help;
  427. border-bottom: 1px dotted #666;
  428. }
  429. mark,
  430. ins {
  431. text-decoration: none;
  432. background: #fff9c0;
  433. }
  434. sup,
  435. sub {
  436. position: relative;
  437. height: 0;
  438. font-size: 75%;
  439. line-height: 0;
  440. vertical-align: baseline;
  441. }
  442. sup {
  443. bottom: 1ex;
  444. }
  445. sub {
  446. top: .5ex;
  447. }
  448. small {
  449. font-size: 75%;
  450. }
  451. big {
  452. font-size: 125%;
  453. }
  454. figure {
  455. margin: 0;
  456. }
  457. table {
  458. width: 100%;
  459. margin: 0 0 1.75em;
  460. font-size: 90%;
  461. }
  462. th {
  463. font-weight: 700;
  464. }
  465. textarea {
  466. overflow: auto;
  467. width: 95%;
  468. padding-left: 3px;
  469. vertical-align: top;
  470. }
  471. a {
  472. text-decoration: none;
  473. color: #0087be;
  474. }
  475. a:visited {
  476. text-decoration: none;
  477. color: #0087be;
  478. }
  479. a:hover {
  480. text-decoration: underline;
  481. }
  482. a:hover,
  483. a:focus,
  484. a:active {
  485. color: #00aadc;
  486. }
  487. a:focus,
  488. a:active,
  489. button:focus,
  490. button:active {
  491. outline: thin dotted;
  492. }
  493. table,
  494. th,
  495. td {
  496. border: 1px solid #ddd;
  497. }
  498. table {
  499. /* Prevents HTML tables from becoming too wide */
  500. width: 100%;
  501. margin: 0 0 1.75em;
  502. border-spacing: 0;
  503. border-collapse: separate;
  504. border-width: 1px 0 0 1px;
  505. }
  506. caption,
  507. th,
  508. td {
  509. font-weight: normal;
  510. text-align: left;
  511. }
  512. th {
  513. font-weight: 700;
  514. border-width: 0 1px 1px 0;
  515. }
  516. td {
  517. border-width: 0 1px 1px 0;
  518. }
  519. th,
  520. td {
  521. padding: .4375em;
  522. word-break: break-word;
  523. }
  524. .wp-block-cover.has-white-background-color .wp-block-cover__inner-container {
  525. color: #383838;
  526. }
  527. /*--------------------------------------------------------------
  528. 3.0 - Forms
  529. --------------------------------------------------------------*/
  530. button,
  531. input,
  532. select,
  533. textarea {
  534. max-width: 100%;
  535. margin: 0;
  536. font: inherit;
  537. vertical-align: middle;
  538. }
  539. button:focus,
  540. input:focus,
  541. button:active,
  542. input:active {
  543. outline: 0;
  544. }
  545. .button,
  546. .more-link,
  547. button,
  548. input[type="button"],
  549. input[type="reset"],
  550. input[type="submit"],
  551. .posts-navigation .nav-links a,
  552. #content #infinite-handle span button {
  553. display: inline-block;
  554. box-sizing: content-box;
  555. padding: .4375em .875em;
  556. cursor: pointer;
  557. -webkit-transition: background 120ms ease-in-out, box-shadow 120ms ease-in-out;
  558. transition: background 120ms ease-in-out, box-shadow 120ms ease-in-out;
  559. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  560. font-size: 16px;
  561. font-weight: 400;
  562. font-style: normal;
  563. text-decoration: none;
  564. color: #fff;
  565. border: solid 1px transparent;
  566. border-radius: 3px;
  567. background: #0087be;
  568. -webkit-font-smoothing: antialiased;
  569. -moz-osx-font-smoothing: grayscale;
  570. }
  571. .button:focus,
  572. .button:active,
  573. .more-link:focus,
  574. .more-link:active,
  575. button:focus,
  576. input[type="button"]:focus,
  577. input[type="reset"]:focus,
  578. input[type="submit"]:focus,
  579. .posts-navigation .nav-links a:focus,
  580. #content #infinite-handle span button:focus,
  581. button:active,
  582. input[type="button"]:active,
  583. input[type="reset"]:active,
  584. input[type="submit"]:active,
  585. .posts-navigation .nav-links a:active,
  586. #content #infinite-handle span button:active {
  587. outline: 0;
  588. background: #767676;
  589. box-shadow: inset 0 2px 2px rgba(0, 0, 0, .25), 0 0 0 6px rgba(0, 0, 0, .08);
  590. }
  591. .button:hover,
  592. .more-link:hover,
  593. button:hover,
  594. input[type="button"]:hover,
  595. input[type="reset"]:hover,
  596. input[type="submit"]:hover,
  597. .posts-navigation .nav-links a:hover,
  598. #content #infinite-handle span button:hover {
  599. text-decoration: none;
  600. color: #fff;
  601. background: #767676;
  602. }
  603. .button:visited,
  604. .more-link:visited {
  605. color: white;
  606. }
  607. .more-link {
  608. display: block;
  609. clear: both;
  610. width: 130px;
  611. margin: .4375em 0 1.75em;
  612. text-align: center;
  613. }
  614. input + button,
  615. input + input[type="button"],
  616. input + input[type="reset"],
  617. input + input[type="submit"],
  618. input + .posts-navigation .nav-links a,
  619. input + #content #infinite-handle span button,
  620. label + button,
  621. label + input[type="button"],
  622. label + input[type="reset"],
  623. label + input[type="submit"],
  624. label + .posts-navigation .nav-links a,
  625. label + #content #infinite-handle span button {
  626. margin-left: .21875em;
  627. }
  628. input[type="text"],
  629. input[type="password"],
  630. input[type="email"],
  631. input[type="search"],
  632. input[type="url"],
  633. textarea {
  634. box-sizing: border-box;
  635. -webkit-transition: color 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
  636. transition: color 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
  637. font-family: Georgia, "Times New Roman", serif;
  638. color: #404040;
  639. border: 1px solid #a1a1a1;
  640. border-radius: 3px;
  641. -webkit-appearance: none;
  642. -webkit-font-smoothing: antialiased;
  643. -moz-osx-font-smoothing: grayscale;
  644. }
  645. input[type="text"]:focus,
  646. input[type="password"]:focus,
  647. input[type="email"]:focus,
  648. input[type="search"]:focus,
  649. input[type="url"]:focus,
  650. textarea:focus {
  651. border-color: #0087be;
  652. outline: 0;
  653. box-shadow: 0 0 3px rgba(87, 173, 104, .15) inset;
  654. }
  655. input[type="text"],
  656. input[type="password"],
  657. input[type="email"],
  658. input[type="search"],
  659. input[type="url"] {
  660. height: 1.75em;
  661. padding: 0 .875em;
  662. line-height: 2;
  663. }
  664. textarea {
  665. padding: .4375em .875em;
  666. }
  667. input[type="checkbox"],
  668. input[type="radio"] {
  669. position: relative;
  670. top: 0;
  671. box-sizing: border-box;
  672. margin-right: .1em;
  673. padding: 0;
  674. line-height: 1;
  675. vertical-align: baseline;
  676. }
  677. .entry-content input[type="checkbox"],
  678. .entry-content input[type="radio"],
  679. .entry-summary input[type="checkbox"],
  680. .entry-summary input[type="radio"] {
  681. top: -.1em;
  682. }
  683. button::-moz-focus-inner,
  684. input::-moz-focus-inner {
  685. padding: 0;
  686. border: 0;
  687. }
  688. :focus,
  689. :active {
  690. outline: 0;
  691. }
  692. /*--------------------------------------------------------------
  693. 4.0 - Navigation
  694. --------------------------------------------------------------*/
  695. .site-content .nav-previous {
  696. float: left;
  697. }
  698. .site-content .nav-next {
  699. float: right;
  700. text-align: right;
  701. }
  702. /*--------------------------------------------------------------
  703. 4.1 - Mobile Menu Button
  704. --------------------------------------------------------------*/
  705. .menu-toggle {
  706. margin: 0 auto;
  707. display: block;
  708. padding: .4375em .875em;
  709. -webkit-transition: background 200ms ease-in-out, box-shadow 200ms ease-in-out, color 200ms ease-in-out;
  710. transition: background 200ms ease-in-out, box-shadow 200ms ease-in-out, color 200ms ease-in-out;
  711. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  712. font-size: 17px;
  713. font-weight: bold;
  714. line-height: 1;
  715. border: solid 2px currentColor;
  716. border-radius: 4px;
  717. background: none;
  718. color: #383838;
  719. -webkit-font-smoothing: antialiased;
  720. }
  721. .menu-toggle:hover,
  722. .menu-toggle:focus,
  723. .menu-toggle:active {
  724. text-decoration: none;
  725. color: #7e7f80;
  726. outline: 0;
  727. background: transparent;
  728. }
  729. .menu-toggle:focus,
  730. .menu-toggle:active {
  731. box-shadow: 0 0 0 6px rgba(187, 199, 211, .17);
  732. }
  733. .toggled .menu-toggle:before {
  734. top: 3px;
  735. position: relative;
  736. content: "\f405";
  737. font-family: Genericons;
  738. line-height: .65;
  739. margin-right: 3px;
  740. font-size: 16px;
  741. -webkit-transform: scale(1.5);
  742. -ms-transform: scale(1.5);
  743. transform: scale(1.5);
  744. }
  745. /*--------------------------------------------------------------
  746. 4.3 - Posts Navigation
  747. --------------------------------------------------------------*/
  748. .posts-navigation {
  749. margin-top: 1.75em;
  750. padding-top: 1.75em;
  751. border-top: solid 1px #ddd;
  752. }
  753. .infinite-scroll .posts-navigation {
  754. display: none;
  755. }
  756. .posts-navigation .nav-links a {
  757. font-size: 15px;
  758. }
  759. .posts-navigation .nav-links .nav-previous a:before,
  760. .posts-navigation .nav-links .nav-next a:after {
  761. position: relative;
  762. top: 0;
  763. }
  764. .posts-navigation .nav-links .nav-previous a:before {
  765. margin-right: .4375em;
  766. content: "\2190" /*rtl:"\2192"*/;
  767. }
  768. .posts-navigation .nav-links .nav-next a:after {
  769. margin-left: .4375em;
  770. content: "\2192" /*rtl:"\2190"*/;
  771. }
  772. /*--------------------------------------------------------------
  773. 4.4 - Post Navigation
  774. --------------------------------------------------------------*/
  775. .post-navigation {
  776. margin-top: 2.675em;
  777. padding: .4375em 0;
  778. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  779. border-bottom: solid 1px #ddd;
  780. border-top: solid 1px #ddd;
  781. }
  782. .post-navigation .nav-links {
  783. font-size: 15px;
  784. }
  785. .post-navigation .nav-links a {
  786. display: inline-block;
  787. padding: .21875em 0;
  788. -webkit-transition: color 140ms ease-in-out;
  789. transition: color 140ms ease-in-out;
  790. font-weight: normal;
  791. vertical-align: middle;
  792. color: #b6b6b4;
  793. }
  794. .post-navigation .nav-links a:hover,
  795. .post-navigation .nav-links a:focus,
  796. .post-navigation .nav-links a:active {
  797. text-decoration: none;
  798. color: #747471;
  799. }
  800. .post-navigation .nav-links .nav-previous a:before,
  801. .post-navigation .nav-links .nav-next a:after {
  802. position: relative;
  803. display: inline-block;
  804. margin: 0;
  805. font-family: "Genericons";
  806. vertical-align: middle;
  807. -webkit-font-smoothing: antialiased;
  808. -moz-osx-font-smoothing: grayscale;
  809. }
  810. .post-navigation .nav-links .nav-previous {
  811. clear: both;
  812. margin: 0 0 0 -.21875em;
  813. width: 100%;
  814. }
  815. .post-navigation .nav-links .nav-previous a:before {
  816. margin-right: .21875em;
  817. content: "\f431";
  818. -webkit-transform: rotate(90deg);
  819. -ms-transform: rotate(90deg);
  820. transform: rotate(90deg);
  821. }
  822. .post-navigation .nav-links .nav-next {
  823. margin: 0 -.21875em 0 0;
  824. }
  825. .post-navigation .nav-links .nav-next a:after {
  826. margin-left: .21875em;
  827. content: "\f432";
  828. -webkit-transform: rotate(90deg);
  829. -ms-transform: rotate(90deg);
  830. transform: rotate(90deg);
  831. }
  832. /*--------------------------------------------------------------
  833. 4.5 - Comment Navigation
  834. --------------------------------------------------------------*/
  835. .comment-navigation {
  836. padding: 0;
  837. border: none;
  838. }
  839. .comments-area #comment-nav-above {
  840. padding-bottom: .21875em;
  841. }
  842. .comments-area #comment-nav-above + .comment-list > li.comment:last-child {
  843. padding-bottom: 1.75em;
  844. border-bottom-width: 1px;
  845. }
  846. .comments-area #comment-nav-above + .comment-list > li.comment:last-child .reply {
  847. margin-bottom: 0;
  848. }
  849. #comment-nav-below {
  850. padding-top: .21875em;
  851. }
  852. /*--------------------------------------------------------------
  853. 4.6 - Menu
  854. --------------------------------------------------------------*/
  855. .main-navigation {
  856. display: block;
  857. clear: both;
  858. width: 100%;
  859. margin: 0 auto;
  860. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  861. font-size: 17px;
  862. font-weight: 700;
  863. text-align: left;
  864. }
  865. .main-navigation a {
  866. display: block;
  867. padding: .20875em .4375em;
  868. text-decoration: none;
  869. -webkit-transition: color 140ms ease-in-out;
  870. transition: color 140ms ease-in-out;
  871. }
  872. .main-navigation ul {
  873. display: none;
  874. margin: 0;
  875. padding-left: 0;
  876. list-style: none;
  877. }
  878. .main-navigation li {
  879. border-top: 1px solid #ccc;
  880. position: relative;
  881. display: inline-block;
  882. margin-top: .4375em;
  883. padding-top: .4375em;
  884. line-height: 1.3;
  885. width: 100%;
  886. }
  887. .main-navigation ul:first-child > li:first-child {
  888. border-top: 0;
  889. }
  890. .main-navigation > div > ul > li.current-menu-item > a,
  891. .main-navigation > div > ul > li.current_page_item > a {
  892. color: #00aadc;
  893. }
  894. /* Small menu. */
  895. .menu-toggle,
  896. .main-navigation.toggled ul {
  897. display: block;
  898. }
  899. .menu-toggle:before {
  900. display: inline-block;
  901. margin-right: 5px;
  902. content: "\2630";
  903. }
  904. .main-navigation ul a {
  905. padding-left: 1.75em;
  906. padding-right: 1.75em;
  907. }
  908. .main-navigation ul ul a {
  909. padding-left: 3.5em;
  910. }
  911. .main-navigation ul ul ul a {
  912. padding-left: 5.25em;
  913. }
  914. .main-navigation ul ul ul ul a {
  915. padding-left: 7em;
  916. }
  917. .main-navigation ul ul ul ul ul a {
  918. padding-left: 8.75em;
  919. }
  920. .main-navigation ul ul ul ul ul ul a {
  921. padding-left: 10.5em;
  922. }
  923. .has-header-image .menu-toggle {
  924. color: white;
  925. border-color: white;
  926. }
  927. /*--------------------------------------------------------------
  928. 5.0 - Accessibility
  929. --------------------------------------------------------------*/
  930. /* Text meant only for screen readers */
  931. .screen-reader-text {
  932. position: absolute !important;
  933. overflow: hidden;
  934. clip: rect(1px, 1px, 1px, 1px);
  935. width: 1px;
  936. height: 1px;
  937. }
  938. .screen-reader-text:focus {
  939. z-index: 100000;
  940. top: 7px;
  941. right: auto;
  942. left: 5px;
  943. display: block;
  944. clip: auto !important;
  945. width: auto;
  946. height: auto;
  947. padding: 15px 23px 14px;
  948. font-size: 15px;
  949. font-weight: 700;
  950. line-height: normal;
  951. text-decoration: none;
  952. color: #21759b;
  953. outline: solid 1px;
  954. background-color: #f1f1f1;
  955. box-shadow: 0 0 2px 2px rgba(0, 0, 0, .25);
  956. }
  957. /*--------------------------------------------------------------
  958. 6.0 - Clearings
  959. --------------------------------------------------------------*/
  960. .entry-author:before,
  961. .comment-author:before,
  962. .site-branding:before,
  963. .entry-content:before,
  964. .entry-footer:before,
  965. .site-logo:before,
  966. .gallery:before,
  967. .nav-links:before,
  968. .post-tags:before,
  969. .content-wrapper:before,
  970. .jetpack-social-navigation:before,
  971. .site-content:before,
  972. .footer-widgets:before,
  973. .entry-author:after,
  974. .comment-author:after,
  975. .site-branding:after,
  976. .entry-content:after,
  977. .entry-footer:after,
  978. .site-logo:after,
  979. .gallery:after,
  980. .nav-links:after,
  981. .post-tags:after,
  982. .content-wrapper:after,
  983. .jetpack-social-navigation:after,
  984. .site-content:after,
  985. .footer-widgets:after {
  986. display: table;
  987. content: " ";
  988. }
  989. .entry-author:after,
  990. .comment-author:after,
  991. .site-branding:after,
  992. .entry-content:after,
  993. .entry-footer:after,
  994. .site-logo:after,
  995. .gallery:after,
  996. .nav-links:after,
  997. .post-tags:after,
  998. .content-wrapper:after,
  999. .jetpack-social-navigation:after,
  1000. .site-content:after,
  1001. .footer-widgets:after {
  1002. clear: both;
  1003. }
  1004. /*--------------------------------------------------------------
  1005. 7.0 - Content
  1006. --------------------------------------------------------------*/
  1007. .entry-header,
  1008. .entry-content,
  1009. .entry-summary,
  1010. .entry-meta,
  1011. .comment-content,
  1012. .widget {
  1013. word-wrap: break-word;
  1014. }
  1015. img[class*="wp-image-"] {
  1016. vertical-align: middle;
  1017. border-radius: 3px;
  1018. }
  1019. .wp-post-image {
  1020. display: block;
  1021. margin: 0 auto;
  1022. vertical-align: middle;
  1023. border-radius: 3px;
  1024. }
  1025. .entry-header + .wp-post-image {
  1026. margin-top: 1.75em;
  1027. }
  1028. a.more-link .meta-nav {
  1029. display: none;
  1030. }
  1031. .entry-content,
  1032. .entry-summary {
  1033. margin: 0 0 .875em;
  1034. font-size: 17px;
  1035. }
  1036. .post-image-link + .entry-content,
  1037. .post-image-link + .entry-summary,
  1038. .wp-post-image + .entry-content,
  1039. .wp-post-image + .entry-summary,
  1040. .entry-header + .entry-content,
  1041. .entry-header + .entry-summary {
  1042. margin-top: 1.75em;
  1043. }
  1044. .entry-header + .entry-content,
  1045. .entry-header + .entry-summary {
  1046. margin-top: .875em;
  1047. }
  1048. .entry-content {
  1049. margin-top: 0;
  1050. }
  1051. body:not(.single) .hentry.empty-content .entry-content {
  1052. margin-top: 0;
  1053. }
  1054. .entry-content .sharedaddy {
  1055. margin: 1.75em 0;
  1056. }
  1057. .entry-content + .entry-footer,
  1058. .entry-summary + .entry-footer {
  1059. margin-top: 1.75em;
  1060. }
  1061. body:not(.single) .entry-content + .entry-footer,
  1062. body:not(.single) .entry-summary + .entry-footer {
  1063. margin-top: .875em;
  1064. }
  1065. .entry-footer > ul,
  1066. .entry-footer > span,
  1067. .entry-footer > div {
  1068. margin: 1.75em 0 0;
  1069. }
  1070. .entry-content,
  1071. .entry-summary,
  1072. .page-content {
  1073. font-family: Georgia, "Times New Roman", serif;
  1074. }
  1075. .entry-content .subtitle {
  1076. margin-top: -5px;
  1077. margin-bottom: 1.75em;
  1078. font-family: Georgia, "Times New Roman", serif;
  1079. font-size: 24px;
  1080. font-weight: normal;
  1081. font-style: italic;
  1082. line-height: 1.2;
  1083. }
  1084. div#jp-relatedposts h3.jp-relatedposts-headline em {
  1085. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  1086. }
  1087. .site .comments-area > :first-child,
  1088. .site #jp-post-flair > :first-child,
  1089. .site .taxonomy-description > :first-child,
  1090. .site .comment-content > :first-child,
  1091. .site .entry-footer > :first-child,
  1092. .site .entry-caption > :first-child,
  1093. .site .entry-header > :first-child,
  1094. .site .entry-content > :first-child,
  1095. .site .entry-summary > :first-child,
  1096. .site .entry-meta > :first-child,
  1097. .site .page-content > :first-child,
  1098. .site .page-header > :first-child,
  1099. .site .widget > :first-child,
  1100. .site blockquote > :first-child {
  1101. margin-top: 0;
  1102. }
  1103. .site .comments-area > :last-child,
  1104. .site #jp-post-flair > :last-child,
  1105. .site .taxonomy-description > :last-child,
  1106. .site .comment-content > :last-child,
  1107. .site .entry-footer > :last-child,
  1108. .site .entry-caption > :last-child,
  1109. .site .entry-header > :last-child,
  1110. .site .entry-content > :last-child,
  1111. .site .entry-summary > :last-child,
  1112. .site .entry-meta > :last-child,
  1113. .site .page-content > :last-child,
  1114. .site .page-header > :last-child,
  1115. .site .widget > :last-child,
  1116. .site blockquote > :last-child {
  1117. margin-bottom: 0;
  1118. }
  1119. .alignleft {
  1120. display: inline;
  1121. float: left;
  1122. margin-right: 1.75em;
  1123. }
  1124. .alignright {
  1125. display: inline;
  1126. float: right;
  1127. margin-left: 1.75em;
  1128. }
  1129. .aligncenter {
  1130. display: block;
  1131. clear: both;
  1132. margin: .875em auto;
  1133. }
  1134. img.alignleft {
  1135. margin: 5px 20px 10px 0;
  1136. }
  1137. img.alignright {
  1138. margin: 5px 0 10px 20px;
  1139. }
  1140. img.aligncenter {
  1141. margin: .4375em auto .875em;
  1142. }
  1143. /*--------------------------------------------------------------
  1144. 9.0 - Media
  1145. --------------------------------------------------------------*/
  1146. .page-content .wp-smiley,
  1147. .entry-content .wp-smiley,
  1148. .comment-content .wp-smiley {
  1149. margin-top: 0;
  1150. margin-bottom: 0;
  1151. padding: 0;
  1152. border: none;
  1153. }
  1154. .wp-caption {
  1155. max-width: 100%;
  1156. margin-bottom: 1.75em;
  1157. }
  1158. .wp-caption.aligncenter,
  1159. .wp-caption.alignleft,
  1160. .wp-caption.alignright {
  1161. margin-bottom: 1.75em;
  1162. }
  1163. .wp-caption img {
  1164. display: block;
  1165. max-width: 98%;
  1166. margin: 5px auto 0;
  1167. }
  1168. .wp-caption-text,
  1169. .wp-caption-dd {
  1170. clear: both;
  1171. font-size: 75%;
  1172. font-weight: 400;
  1173. font-style: italic;
  1174. text-align: center;
  1175. color: #939393;
  1176. width: 100%;
  1177. }
  1178. .wp-caption-text strong,
  1179. .wp-caption-dd strong {
  1180. color: #454545;
  1181. }
  1182. .wp-caption .wp-caption-text,
  1183. .wp-caption .wp-caption-dd {
  1184. margin: .875em 0;
  1185. }
  1186. /* Make sure embeds and iframes fit their containers */
  1187. embed,
  1188. iframe,
  1189. object {
  1190. max-width: 100%;
  1191. }
  1192. img.grav-hijack,
  1193. img.no-grav {
  1194. border-radius: 80px;
  1195. border: none;
  1196. }
  1197. /*--------------------------------------------------------------
  1198. 10.0 - Galleries
  1199. --------------------------------------------------------------*/
  1200. .tiled-gallery {
  1201. margin: 1.75em 0;
  1202. }
  1203. .tiled-gallery a:focus {
  1204. outline: 0;
  1205. }
  1206. .gallery {
  1207. margin: 1.75em 0;
  1208. }
  1209. .hentry .entry-content > .gallery:first-child {
  1210. margin-top: .875em;
  1211. }
  1212. .gallery-item {
  1213. position: relative;
  1214. float: left;
  1215. overflow: hidden;
  1216. width: 100%;
  1217. margin: 1.75em 0 0 4px;
  1218. }
  1219. .gallery-icon {
  1220. text-align: center;
  1221. }
  1222. .gallery-icon a {
  1223. display: block;
  1224. outline: 0;
  1225. }
  1226. .gallery-icon img {
  1227. line-height: 1;
  1228. vertical-align: middle;
  1229. border-radius: 3px;
  1230. }
  1231. .gallery-columns-1 .gallery-item {
  1232. max-width: 100%;
  1233. }
  1234. .gallery-columns-1 .gallery-item:first-child {
  1235. margin-top: 0;
  1236. }
  1237. .gallery-columns-2 .gallery-item {
  1238. max-width: -webkit-calc(50% - 2px);
  1239. max-width: calc(50% - 2px);
  1240. }
  1241. .gallery-columns-2 .gallery-item:nth-child(-n+2) {
  1242. margin-top: 0;
  1243. }
  1244. .gallery-columns-3 .gallery-item {
  1245. max-width: -webkit-calc(100%/3 - 5px*2/3);
  1246. max-width: calc(100%/3 - 5px*2/3);
  1247. }
  1248. .gallery-columns-3 .gallery-item:nth-child(-n+3) {
  1249. margin-top: 0;
  1250. }
  1251. .gallery-columns-4 .gallery-item {
  1252. max-width: -webkit-calc(100%/4 - 4px*3/4);
  1253. max-width: calc(100%/4 - 4px*3/4);
  1254. }
  1255. .gallery-columns-4 .gallery-item:nth-child(-n+4) {
  1256. margin-top: 0;
  1257. }
  1258. .gallery-columns-5 .gallery-item {
  1259. max-width: -webkit-calc(100%/5 - 4px*4/5);
  1260. max-width: calc(100%/5 - 4px*4/5);
  1261. }
  1262. .gallery-columns-5 .gallery-item:nth-child(-n+5) {
  1263. margin-top: 0;
  1264. }
  1265. .gallery-columns-6 .gallery-item {
  1266. max-width: -webkit-calc(100%/6 - 4px*5/6);
  1267. max-width: calc(100%/6 - 4px*5/6);
  1268. }
  1269. .gallery-columns-6 .gallery-item:nth-child(-n+6) {
  1270. margin-top: 0;
  1271. }
  1272. .gallery-columns-7 .gallery-item {
  1273. max-width: -webkit-calc(100%/7 - 4px*6/7);
  1274. max-width: calc(100%/7 - 4px*6/7);
  1275. }
  1276. .gallery-columns-7 .gallery-item:nth-child(-n+7) {
  1277. margin-top: 0;
  1278. }
  1279. .gallery-columns-8 .gallery-item {
  1280. max-width: -webkit-calc(100%/8 - 4px*7/8);
  1281. max-width: calc(100%/8 - 4px*7/8);
  1282. }
  1283. .gallery-columns-8 .gallery-item:nth-child(-n+8) {
  1284. margin-top: 0;
  1285. }
  1286. .gallery-columns-9 .gallery-item {
  1287. max-width: -webkit-calc(100%/9 - 4px*8/9);
  1288. max-width: calc(100%/9 - 4px*8/9);
  1289. }
  1290. .gallery-columns-9 .gallery-item:nth-child(-n+9) {
  1291. margin-top: 0;
  1292. }
  1293. .gallery-caption {
  1294. margin-top: .875em;
  1295. }
  1296. .gallery-columns-7 .gallery-caption,
  1297. .gallery-columns-8 .gallery-caption,
  1298. .gallery-columns-9 .gallery-caption {
  1299. display: none;
  1300. }
  1301. .gallery-columns-1 .gallery-item:nth-of-type(1n+1),
  1302. .gallery-columns-2 .gallery-item:nth-of-type(2n+1),
  1303. .gallery-columns-3 .gallery-item:nth-of-type(3n+1),
  1304. .gallery-columns-4 .gallery-item:nth-of-type(4n+1),
  1305. .gallery-columns-5 .gallery-item:nth-of-type(5n+1),
  1306. .gallery-columns-6 .gallery-item:nth-of-type(6n+1),
  1307. .gallery-columns-7 .gallery-item:nth-of-type(7n+1),
  1308. .gallery-columns-8 .gallery-item:nth-of-type(8n+1),
  1309. .gallery-columns-9 .gallery-item:nth-of-type(9n+1) {
  1310. clear: left;
  1311. margin-left: 0;
  1312. }
  1313. /*--------------------------------------------------------------
  1314. 11.0 - Comments
  1315. --------------------------------------------------------------*/
  1316. .comments-area {
  1317. padding-top: 2.675em;
  1318. font-family: Georgia, "Times New Roman", serif;
  1319. }
  1320. .comments-title,
  1321. .comment-reply-title {
  1322. display: inline-block;
  1323. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  1324. font-size: 32px;
  1325. font-weight: 700;
  1326. }
  1327. .comment-reply-title {
  1328. margin: 0 0 .875em;
  1329. }
  1330. .comment-reply-title small {
  1331. visibility: hidden;
  1332. vertical-align: middle;
  1333. }
  1334. .comment .comment-reply-title small {
  1335. visibility: visible;
  1336. }
  1337. body:not(.highlander-enabled) .comment-reply-title small:before {
  1338. margin: 0 .875em;
  1339. content: "|";
  1340. font-size: 15px;
  1341. opacity: .35;
  1342. -webkit-font-smoothing: antialiased;
  1343. -moz-osx-font-smoothing: grayscale;
  1344. }
  1345. .comments-title {
  1346. margin: 0 0 1.75em;
  1347. }
  1348. .form-allowed-tags,
  1349. span.says {
  1350. display: none;
  1351. }
  1352. .comment-list {
  1353. margin: 0;
  1354. padding: 0;
  1355. list-style: none;
  1356. }
  1357. .comment-list > li {
  1358. margin: 0;
  1359. padding: 0;
  1360. list-style: none;
  1361. list-style-position: inside;
  1362. }
  1363. .comment-list > li > a:hover {
  1364. text-decoration: none;
  1365. }
  1366. .comment-list ol.children {
  1367. margin: 0;
  1368. padding: 0 0 0 1.75em;
  1369. list-style: none;
  1370. }
  1371. .comment-list ol.children > li {
  1372. margin: 0;
  1373. padding: 1.75em 1.75em 0;
  1374. list-style: none;
  1375. list-style-position: inside;
  1376. }
  1377. .comment-list ol.children > li > a:hover {
  1378. text-decoration: none;
  1379. }
  1380. .comment-list li.comment,
  1381. .comment-list ol.children li.comment {
  1382. margin-top: 1.75em;
  1383. margin-left: -1px;
  1384. }
  1385. .comment-list li.pingback,
  1386. .comment-list li.trackback {
  1387. margin-top: 1.75em;
  1388. }
  1389. .comment-list > li:first-child {
  1390. margin: 0;
  1391. }
  1392. .pingback,
  1393. .trackback {
  1394. font-size: 17px;
  1395. border-left: solid 1px #e8e8e8;
  1396. }
  1397. .comment-list .pingback,
  1398. .comment-list .trackback {
  1399. padding-left: .875em;
  1400. }
  1401. .pingback:before,
  1402. .trackback:before {
  1403. position: relative;
  1404. top: 2px;
  1405. float: left;
  1406. font-size: 24px;
  1407. line-height: 1;
  1408. color: #0087be;
  1409. -webkit-font-smoothing: antialiased;
  1410. -moz-osx-font-smoothing: grayscale;
  1411. }
  1412. .pingback a:first-child,
  1413. .trackback a:first-child {
  1414. margin: 0 0 0 .21875em;
  1415. }
  1416. .pingback span.edit-link,
  1417. .trackback span.edit-link {
  1418. margin-left: .21875em;
  1419. font-size: 14px;
  1420. color: #4c4c4c;
  1421. }
  1422. .pingback span.edit-link:before,
  1423. .trackback span.edit-link:before {
  1424. margin: 0 .109375em 0 0;
  1425. content: "|";
  1426. opacity: .5;
  1427. color: inherit;
  1428. -webkit-font-smoothing: antialiased;
  1429. -moz-osx-font-smoothing: grayscale;
  1430. }
  1431. .pingback span.edit-link .comment-edit-link,
  1432. .trackback span.edit-link .comment-edit-link {
  1433. color: inherit;
  1434. -webkit-font-smoothing: antialiased;
  1435. -moz-osx-font-smoothing: grayscale;
  1436. }
  1437. .pingback span.edit-link .comment-edit-link:hover,
  1438. .trackback span.edit-link .comment-edit-link:hover {
  1439. text-decoration: none;
  1440. color: #000;
  1441. }
  1442. .comment {
  1443. position: relative;
  1444. margin-top: 3.5em;
  1445. font-size: 17px;
  1446. border: solid #e8e8e8;
  1447. border-width: 1px 0 0 1px;
  1448. }
  1449. .comment .reply {
  1450. margin: .875em 0 0;
  1451. }
  1452. .comment .comment-body {
  1453. padding: 1.75em 0 0 1.75em;
  1454. }
  1455. .comment .comment-reply-link {
  1456. font-size: 15px;
  1457. text-decoration: none;
  1458. }
  1459. .comment .comment-reply-link:before {
  1460. margin-right: .25em;
  1461. content: "\f412";
  1462. font-family: "Genericons";
  1463. font-size: 16px;
  1464. -webkit-font-smoothing: antialiased;
  1465. -moz-osx-font-smoothing: grayscale;
  1466. }
  1467. .comment .comment-reply-link:hover {
  1468. color: #70b97f;
  1469. }
  1470. .comment .comment-content {
  1471. margin-top: 1.75em;
  1472. }
  1473. .comment .comment-meta {
  1474. position: relative;
  1475. min-height: 48px;
  1476. padding-left: 63px;
  1477. font-size: 14px;
  1478. color: #b3b3b1;
  1479. }
  1480. .comment .comment-meta .comment-metadata a {
  1481. text-decoration: none;
  1482. color: inherit;
  1483. }
  1484. .comment .comment-meta .comment-metadata a:hover {
  1485. color: #0087be;
  1486. }
  1487. .comment .comment-meta span.edit-link:before {
  1488. margin: 0 .4375em;
  1489. content: "|";
  1490. opacity: .5;
  1491. }
  1492. .comment .comment-meta .comment-author .avatar {
  1493. position: absolute;
  1494. top: 0;
  1495. left: 0;
  1496. display: block;
  1497. line-height: 1;
  1498. border-radius: 100%;
  1499. }
  1500. .comment .comment-meta .comment-author .fn {
  1501. font-size: 17px;
  1502. color: #000;
  1503. }
  1504. .comment .comment-meta .comment-author .fn a {
  1505. font: inherit;
  1506. color: inherit;
  1507. }
  1508. .comment-awaiting-moderation {
  1509. margin: 1.2em 0 -5px -63px;
  1510. font-size: 17px;
  1511. font-style: italic;
  1512. }
  1513. .comment-awaiting-moderation:before,
  1514. .comment-awaiting-moderation:after {
  1515. content: "\2014";
  1516. -webkit-font-smoothing: antialiased;
  1517. -moz-osx-font-smoothing: grayscale;
  1518. }
  1519. .comment-awaiting-moderation:before {
  1520. margin-right: .4375em;
  1521. }
  1522. .comment-awaiting-moderation:after {
  1523. margin-left: .4375em;
  1524. }
  1525. .bypostauthor {
  1526. border-color: #92bd9a;
  1527. box-shadow: 2px 2px 3px #e7f3e9 inset;
  1528. }
  1529. .comment-respond {
  1530. margin-top: 1.75em;
  1531. }
  1532. .comment > .comment-respond {
  1533. margin-top: 1.75em;
  1534. margin-left: 1.75em;
  1535. }
  1536. body:not(.highlander-enabled) .comment-respond {
  1537. border-radius: 10px;
  1538. }
  1539. body.highlander-enabled .comment-respond {
  1540. padding-top: 3.5em;
  1541. }
  1542. body.highlander-enabled .comment-respond .comment-reply-title {
  1543. margin-top: 0;
  1544. }
  1545. body.highlander-enabled .comment .comment-respond,
  1546. body.highlander-enabled .comments-area > .comment-respond:first-child {
  1547. padding-top: 0;
  1548. }
  1549. .comment-form input[type="text"],
  1550. .comment-form input[type="password"],
  1551. .comment-form input[type="email"],
  1552. .comment-form input[type="search"],
  1553. .comment-form input[type="url"] {
  1554. width: 100%;
  1555. padding: .21875em .4375em;
  1556. }
  1557. .comment-form input[type="text"],
  1558. .comment-form input[type="password"],
  1559. .comment-form input[type="email"],
  1560. .comment-form input[type="search"],
  1561. .comment-form input[type="url"],
  1562. .comment-form textarea {
  1563. font-size: 18px;
  1564. border-color: #ccc;
  1565. box-shadow: 0 1px 5px rgba(0, 0, 0, .06);
  1566. }
  1567. .comment-form input[type="text"]:focus,
  1568. .comment-form input[type="password"]:focus,
  1569. .comment-form input[type="email"]:focus,
  1570. .comment-form input[type="search"]:focus,
  1571. .comment-form input[type="url"]:focus,
  1572. .comment-form textarea:focus,
  1573. .comment-form input[type="text"]:active,
  1574. .comment-form input[type="password"]:active,
  1575. .comment-form input[type="email"]:active,
  1576. .comment-form input[type="search"]:active,
  1577. .comment-form input[type="url"]:active,
  1578. .comment-form textarea:active {
  1579. border-color: #0087be;
  1580. box-shadow: 0 1px 5px rgba(0, 0, 0, .07), 0 0 3px rgba(87, 173, 104, .15) inset;
  1581. }
  1582. .comment-form textarea#comment {
  1583. display: block;
  1584. width: 100%;
  1585. resize: vertical;
  1586. }
  1587. .comment-form label {
  1588. display: block;
  1589. margin-bottom: .21875em;
  1590. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  1591. font-size: 17px;
  1592. color: #b3b3b1;
  1593. }
  1594. .comment-form span.required {
  1595. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  1596. font-size: 20px;
  1597. line-height: 0;
  1598. vertical-align: middle;
  1599. color: #0087be;
  1600. -webkit-font-smoothing: antialiased;
  1601. -moz-osx-font-smoothing: grayscale;
  1602. }
  1603. .comment-form .comment-form-comment {
  1604. margin: 0;
  1605. }
  1606. .comment-form .form-submit {
  1607. margin: 1.75em 0 0;
  1608. }
  1609. .comment-form .logged-in-as {
  1610. margin: 0;
  1611. font-size: 17px;
  1612. }
  1613. .comment-form .logged-in-as + .comment-form-comment {
  1614. margin-top: .875em;
  1615. }
  1616. .comment-form .comment-notes {
  1617. margin: 0;
  1618. font-size: 17px;
  1619. }
  1620. #cancel-comment-reply-link {
  1621. -webkit-transition: color 160ms ease-in-out;
  1622. transition: color 160ms ease-in-out;
  1623. font-size: 15px;
  1624. font-weight: normal;
  1625. text-indent: 0;
  1626. color: #a1a1a1;
  1627. }
  1628. #cancel-comment-reply-link:hover {
  1629. text-decoration: none;
  1630. color: #666;
  1631. }
  1632. p.no-comments {
  1633. margin-top: 3.5em;
  1634. }
  1635. /*--------------------------------------------------------------
  1636. 12.0 - Widgets
  1637. --------------------------------------------------------------*/
  1638. .widget-area {
  1639. margin-top: 3.5em;
  1640. font-size: 16px;
  1641. }
  1642. /* =Footer Widgets */
  1643. .footer-widgets {
  1644. margin: 1.75em 0 0;
  1645. padding: 1.75em 0 0;
  1646. }
  1647. .footer-widgets .widget-area {
  1648. width: 100%;
  1649. margin: 0 auto 3.5em;
  1650. }
  1651. .widget:nth-child(n+2) {
  1652. margin-top: 3.5em;
  1653. }
  1654. .page-content > .widget {
  1655. margin-top: 3.5em;
  1656. }
  1657. .widget .widget-title,
  1658. .widget .widgettitle {
  1659. margin: 0 0 .4375em;
  1660. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  1661. font-weight: bold;
  1662. margin-bottom: .875em;
  1663. font-size: 17px;
  1664. }
  1665. .widget .widget-title + p,
  1666. .widget .widgettitle + p,
  1667. .widget .widget-title + ul,
  1668. .widget .widgettitle + ul,
  1669. .widget .widget-title + ol,
  1670. .widget .widgettitle + ol {
  1671. margin-top: 0;
  1672. }
  1673. .widget ul,
  1674. .widget ol {
  1675. margin-left: 1.75em;
  1676. }
  1677. .widget ul ul,
  1678. .widget ol ul,
  1679. .widget ul ol,
  1680. .widget ol ol {
  1681. margin-left: .875em;
  1682. }
  1683. .widget ul ul,
  1684. .widget ol ul,
  1685. .widget ul ol,
  1686. .widget ol ol {
  1687. margin-left: 1.75em;
  1688. }
  1689. .widget ul li,
  1690. .widget ol li {
  1691. margin: .875em 0 0;
  1692. line-height: 1.2;
  1693. }
  1694. .widget > ul > li:first-child,
  1695. .widget > ol > li:first-child {
  1696. margin-top: 0;
  1697. }
  1698. .widget ul li a:hover {
  1699. text-decoration: underline;
  1700. }
  1701. .widget select {
  1702. max-width: 100%;
  1703. }
  1704. .widget {
  1705. margin-top: 0;
  1706. }
  1707. .widget_search .search-submit {
  1708. display: none;
  1709. }
  1710. .widget_rss .rss-date,
  1711. .widget_rss li > cite {
  1712. display: block;
  1713. font-size: 15px;
  1714. color: #b3b3b1;
  1715. }
  1716. .widget_goodreads div a img {
  1717. float: right;
  1718. margin-left: .875em;
  1719. }
  1720. .widget_goodreads > div > div > div {
  1721. clear: both;
  1722. margin-bottom: .875em;
  1723. }
  1724. .widget_goodreads h2 {
  1725. font-size: 17px;
  1726. margin: 0 0 .875em;
  1727. }
  1728. #flickr_badge_uber_wrapper {
  1729. border-color: #ddd;
  1730. }
  1731. .widget_recent_comments img.avatar {
  1732. border-radius: 100px;
  1733. }
  1734. .widget_calendar #next {
  1735. text-align: right;
  1736. }
  1737. .widget_authors a {
  1738. color: inherit;
  1739. line-height: 1.5;
  1740. }
  1741. .widget_authors strong {
  1742. clear: both;
  1743. display: block;
  1744. width: 100%;
  1745. }
  1746. .widget-area .widget_authors ul {
  1747. margin-left: 0;
  1748. }
  1749. .widget_authors a:hover {
  1750. text-decoration: none;
  1751. color: #696969;
  1752. }
  1753. .widget_authors img {
  1754. margin-right: .4375em;
  1755. border-radius: 100%;
  1756. }
  1757. .widget_authors img,
  1758. .widget_authors a {
  1759. display: inline-block;
  1760. vertical-align: middle;
  1761. }
  1762. .widget_recent_comments table,
  1763. .widget_recent_comments td {
  1764. border: none;
  1765. }
  1766. .widget_recent_comments .widget-title + table.recentcommentsavatar {
  1767. margin-top: -.4375em;
  1768. }
  1769. .widget_recent_entries {
  1770. font-size: 15px;
  1771. color: #939393;
  1772. }
  1773. .widget_recent_comments a,
  1774. .widget_recent_entries a {
  1775. font-size: 17px;
  1776. font-weight: bold;
  1777. color: #383838;
  1778. }
  1779. .widget_recent_entries span.post-date {
  1780. display: block;
  1781. font-family: Georgia, "Times New Roman", serif;
  1782. font-style: italic;
  1783. }
  1784. .widget_recent_entries ul {
  1785. margin-top: 1.75em;
  1786. }
  1787. .widget_recent_entries ul li {
  1788. margin-top: 1.3125em;
  1789. line-height: 1.4;
  1790. }
  1791. #wp-calendar tbody td {
  1792. white-space: nowrap;
  1793. }
  1794. .widget.widget_text ul,
  1795. .widget.widget_text ol {
  1796. margin-left: .875em;
  1797. padding-left: .875em;
  1798. }
  1799. .widget.widget_text ul {
  1800. list-style-type: disc;
  1801. }
  1802. .widget.widget_text ol {
  1803. list-style-type: decimal;
  1804. }
  1805. .jetpack_widget_social_icons a:hover {
  1806. opacity: 0.7;
  1807. }
  1808. .gist table {
  1809. table-layout: inherit;
  1810. }
  1811. /*--------------------------------------------------------------
  1812. 13.0 - Layout
  1813. --------------------------------------------------------------*/
  1814. .site {
  1815. position: relative;
  1816. }
  1817. #secondary {
  1818. margin-top: 3.75em;
  1819. }
  1820. #secondary:first-child {
  1821. margin-top: 0;
  1822. }
  1823. .has-header-image .site-content .widget-area {
  1824. padding-top: .21875em;
  1825. }
  1826. .custom-logo {
  1827. display: block;
  1828. width: auto;
  1829. height: auto;
  1830. max-height: 150px;
  1831. margin: 0 auto .875em;
  1832. }
  1833. .site-logo-link {
  1834. display: block;
  1835. }
  1836. .site-logo-link img {
  1837. display: block;
  1838. max-width: 80px;
  1839. height: 80px;
  1840. margin: auto;
  1841. border-radius: 80px;
  1842. }
  1843. .site-logo-link:focus,
  1844. .site-logo-link:active {
  1845. outline: 0;
  1846. }
  1847. .site-logo-link:focus img,
  1848. .site-logo-link:active img {
  1849. outline: thin dotted;
  1850. }
  1851. .site-header {
  1852. position: relative;
  1853. min-height: 1em;
  1854. margin: 2.625em auto;
  1855. padding: 0 1.75em;
  1856. text-align: center;
  1857. word-wrap: break-word;
  1858. }
  1859. body:not(.has-header-image) .site-header {
  1860. margin-bottom: 1.75em;
  1861. }
  1862. body.gravatar-logo-disabled:not(.has-header-image) .site-header {
  1863. margin-bottom: 3.5em;
  1864. }
  1865. .archive .site-header {
  1866. margin-bottom: 3.5em;
  1867. }
  1868. .site-title {
  1869. margin: .4375em 0 0;
  1870. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  1871. font-size: 38px;
  1872. font-weight: bold;
  1873. line-height: 1.2;
  1874. color: #333332;
  1875. }
  1876. .site-title a {
  1877. text-decoration: none;
  1878. color: inherit;
  1879. }
  1880. .site-branding {
  1881. margin-bottom: 1.75em;
  1882. }
  1883. .site-description {
  1884. margin: .4375em 0 0;
  1885. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  1886. font-size: 17px;
  1887. font-weight: inherit;
  1888. line-height: 1.4;
  1889. word-wrap: break-word;
  1890. color: #929292;
  1891. }
  1892. .site-published-date a {
  1893. text-decoration: none;
  1894. color: #929292;
  1895. }
  1896. .page-header:not(.page-header-light) {
  1897. margin: 1.75em 0 3.5em;
  1898. }
  1899. .has-header-image .page-header:not(.page-header-light) {
  1900. margin-top: 0;
  1901. }
  1902. .page-header:not(.page-header-light) h1 {
  1903. margin: 0;
  1904. font-size: 32px;
  1905. line-height: 1.1;
  1906. color: #444;
  1907. }
  1908. .page-header:not(.page-header-light) .taxonomy-description {
  1909. margin-top: .875em;
  1910. font-family: Georgia, "Times New Roman", serif;
  1911. }
  1912. .not-found .page-header-light {
  1913. margin-bottom: .875em;
  1914. padding-top: .875em;
  1915. }
  1916. .not-found .page-header-light .page-title {
  1917. font-size: 24px;
  1918. }
  1919. .no-results .page-header {
  1920. margin-bottom: 2.625em;
  1921. }
  1922. .archive .page-title,
  1923. .search .page-title,
  1924. .archive .archive-title {
  1925. font-size: 24px;
  1926. }
  1927. .archive.author .archive-title {
  1928. max-width: 80%;
  1929. }
  1930. .entry-title {
  1931. margin-top: 0;
  1932. margin-bottom: .4375em;
  1933. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  1934. font-size: 32px;
  1935. line-height: 1.3;
  1936. color: #333332;
  1937. -webkit-font-smoothing: antialiased;
  1938. }
  1939. .entry-title a {
  1940. text-decoration: none;
  1941. color: inherit;
  1942. -webkit-transition: opacity 140ms ease-in-out;
  1943. transition: opacity 140ms ease-in-out;
  1944. }
  1945. .entry-title a:hover,
  1946. .entry-title a:focus,
  1947. .entry-title a:active {
  1948. opacity: .8;
  1949. }
  1950. .entry-meta,
  1951. .entry-footer {
  1952. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  1953. font-size: 14px;
  1954. font-weight: 400;
  1955. font-style: normal;
  1956. margin: .4375em 0 3.5em;
  1957. color: #b3b3b1;
  1958. }
  1959. .entry-meta > span {
  1960. top: 3px;
  1961. display: inline-block;
  1962. margin-right: 1.3125em;
  1963. vertical-align: middle;
  1964. }
  1965. .entry-meta > span:last-child {
  1966. margin-right: 0;
  1967. }
  1968. .entry-meta > span:before {
  1969. position: relative;
  1970. top: -1px;
  1971. display: inline-block;
  1972. font-family: "Genericons";
  1973. font-size: 16px;
  1974. line-height: 1;
  1975. vertical-align: middle;
  1976. transform: scale(1.25);
  1977. -webkit-transform: scale(1.25);
  1978. -webkit-font-smoothing: antialiased;
  1979. -moz-osx-font-smoothing: grayscale;
  1980. }
  1981. .entry-meta .cat-links:before {
  1982. content: "\f301";
  1983. }
  1984. .entry-meta .edit-link:before {
  1985. content: "\f411";
  1986. margin-right: 4px;
  1987. }
  1988. .entry-meta .comments-link:before {
  1989. content: "\f300";
  1990. margin-right: 5px;
  1991. }
  1992. .entry-meta .byline:before {
  1993. content: "\f304";
  1994. }
  1995. .entry-meta .published-on:before {
  1996. content: "\f303";
  1997. }
  1998. .entry-meta .word-count:before {
  1999. content: "\f100";
  2000. margin-right: 4px;
  2001. transform: scale(1.5);
  2002. -webkit-transform: scale(1.5);
  2003. }
  2004. .entry-meta a,
  2005. .entry-footer a {
  2006. -webkit-transition: color 140ms ease-in-out;
  2007. transition: color 140ms ease-in-out;
  2008. line-height: inherit;
  2009. text-decoration: none;
  2010. color: #b3b3b1;
  2011. }
  2012. .entry-meta a:hover {
  2013. color: #00aadc;
  2014. text-decoration: underline;
  2015. }
  2016. .post-tags a:hover {
  2017. color: #747471;
  2018. }
  2019. .content-wrapper {
  2020. box-sizing: content-box;
  2021. max-width: 740px;
  2022. margin: 0 auto;
  2023. padding: 3.5em 1.75em 0;
  2024. }
  2025. .has-header-image #hero-header + .content-wrapper {
  2026. margin-top: 3.5em;
  2027. padding-top: 0;
  2028. }
  2029. .has-header-image .site-header {
  2030. padding: 0;
  2031. }
  2032. .site-content {
  2033. margin: 0 auto;
  2034. }
  2035. .entry-content,
  2036. .widget-area .widget,
  2037. .comment {
  2038. word-wrap: break-word;
  2039. }
  2040. .entry-title {
  2041. word-wrap: break-word;
  2042. }
  2043. .site-footer {
  2044. clear: both;
  2045. padding: 2.625em 0 1.75em;
  2046. word-wrap: break-word;
  2047. }
  2048. .site-info a:hover {
  2049. color: #0087be;
  2050. }
  2051. .site-info {
  2052. padding: 5.25em 0 1.75em;
  2053. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  2054. font-size: 14px;
  2055. text-align: center;
  2056. color: #8d8d8a;
  2057. -webkit-font-smoothing: antialiased;
  2058. -moz-osx-font-smoothing: grayscale;
  2059. }
  2060. .widget-area ul,
  2061. .widget-area ol {
  2062. margin: 0;
  2063. padding: 0;
  2064. list-style: none;
  2065. }
  2066. .site-main > .hentry:nth-child(n+2),
  2067. .site .infinite-wrap > .hentry:nth-child(n+2) {
  2068. margin-top: 1.75em;
  2069. padding-top: 1.75em;
  2070. border-top: solid 1px #ddd;
  2071. }
  2072. .infinite-wrap {
  2073. margin-top: 1.75em;
  2074. padding-top: 1.75em;
  2075. border-top: solid 1px #ddd;
  2076. }
  2077. .site-main .page-header + .hentry {
  2078. margin-top: 0;
  2079. padding-top: 0;
  2080. border-top: none;
  2081. }
  2082. .post-image-link {
  2083. text-align: center;
  2084. }
  2085. .post-image-link:not(:first-child) {
  2086. margin-top: .875em;
  2087. }
  2088. .post-image-link + .entry-header {
  2089. margin-top: .875em;
  2090. }
  2091. .post-image-link a {
  2092. position: relative;
  2093. }
  2094. .post-image-link .sticky-label {
  2095. border-radius: 2px 0 0 0;
  2096. }
  2097. body:not(.single) .hentry.empty-content .post-image-link {
  2098. margin-bottom: .4375em;
  2099. }
  2100. .sticky-label {
  2101. position: absolute;
  2102. z-index: 10;
  2103. top: 0;
  2104. right: auto;
  2105. left: 0;
  2106. display: block;
  2107. padding: .109375em .875em;
  2108. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  2109. font-size: 15px;
  2110. font-weight: bold;
  2111. color: white;
  2112. background: #4d4d4b;
  2113. -webkit-font-smoothing: antialiased;
  2114. -moz-osx-font-smoothing: grayscale;
  2115. }
  2116. .post-image-link a {
  2117. display: inline-block;
  2118. max-width: 100%;
  2119. }
  2120. .post-image-link img {
  2121. display: block;
  2122. }
  2123. .post-image-link img {
  2124. max-width: 100%;
  2125. height: auto;
  2126. margin-bottom: -.4375em;
  2127. -webkit-transition: opacity 200ms ease;
  2128. transition: opacity 200ms ease;
  2129. }
  2130. .post-image-link a:focus {
  2131. outline: 0;
  2132. }
  2133. .post-image-link a:hover img {
  2134. opacity: .9;
  2135. }
  2136. .post-image-link a:focus img {
  2137. outline: thin dotted;
  2138. }
  2139. .hentry {
  2140. position: relative;
  2141. }
  2142. .hentry > .sticky-label {
  2143. position: relative;
  2144. float: left;
  2145. margin-bottom: .875em;
  2146. }
  2147. .hentry > .sticky-label + .entry-content {
  2148. clear: left;
  2149. }
  2150. time.published + .updated {
  2151. display: none;
  2152. }
  2153. .post-tags {
  2154. margin: 3.5em 0 1.75em;
  2155. padding: 0;
  2156. font-weight: 700;
  2157. }
  2158. .post-tags > li {
  2159. margin: 0;
  2160. padding: 0;
  2161. list-style: none;
  2162. list-style-position: inside;
  2163. }
  2164. .post-tags > li > a:hover {
  2165. text-decoration: none;
  2166. }
  2167. .post-tags li {
  2168. float: left;
  2169. font-size: 16px;
  2170. font-weight: 400;
  2171. }
  2172. .post-tags li:first-child {
  2173. font-weight: 700;
  2174. color: #515151;
  2175. }
  2176. .post-tags li:first-child:after {
  2177. margin-right: .875em;
  2178. margin-left: 0;
  2179. content: ":";
  2180. }
  2181. .post-tags li:nth-child(n+2):not(:last-child):after {
  2182. margin-right: .4375em;
  2183. margin-left: 0;
  2184. content: ", ";
  2185. }
  2186. .page-links {
  2187. clear: both;
  2188. margin: 0 0 .875em;
  2189. font-family: Georgia, "Times New Roman", serif;
  2190. line-height: 1.2;
  2191. text-align: left;
  2192. }
  2193. .page-links > span:first-child,
  2194. .page-links > a:first-child {
  2195. margin-right: 0;
  2196. margin-left: .4375em;
  2197. }
  2198. .page-links > span {
  2199. display: inline-block;
  2200. min-width: 1em;
  2201. padding: .21875em .21875em .109375em;
  2202. text-align: center;
  2203. background: #f7f7f7;
  2204. }
  2205. .page-links span {
  2206. display: inline-block;
  2207. }
  2208. .page-links a {
  2209. display: inline-block;
  2210. min-width: 1em;
  2211. margin: 0 -2px;
  2212. padding: .21875em .21875em .109375em;
  2213. text-align: center;
  2214. text-decoration: none;
  2215. border-bottom: solid 3px transparent;
  2216. }
  2217. .page-links a:hover {
  2218. color: #2d5a36;
  2219. border-bottom-color: #e0e0e0;
  2220. }
  2221. .single .post-edit-link {
  2222. display: block;
  2223. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  2224. font-size: 15px;
  2225. }
  2226. .single .entry-header + .post-edit-link {
  2227. margin-top: 1.75em;
  2228. }
  2229. .single .post-edit-link a {
  2230. display: inline-block;
  2231. padding: .4375em .875em;
  2232. -webkit-transition: color 140ms ease-in-out;
  2233. transition: color 140ms ease-in-out;
  2234. line-height: 1;
  2235. text-decoration: none;
  2236. color: #92928f;
  2237. border-radius: 3px;
  2238. background: #f5f5f5;
  2239. }
  2240. .single .post-edit-link a:before {
  2241. display: inline-block;
  2242. margin: -.109375em .21875em 0 -.21875em;
  2243. content: "\f411";
  2244. font-family: "Genericons";
  2245. vertical-align: middle;
  2246. -webkit-font-smoothing: antialiased;
  2247. -moz-osx-font-smoothing: grayscale;
  2248. }
  2249. .single .post-edit-link a:hover,
  2250. .single .post-edit-link a:focus,
  2251. .single .post-edit-link a:active {
  2252. color: #0087be;
  2253. }
  2254. /*--------------------------------------------------------------
  2255. 13.2 - Hero Header
  2256. --------------------------------------------------------------*/
  2257. .has-header-image #hero-header {
  2258. position: relative;
  2259. padding: 5vh 1.75em;
  2260. }
  2261. .has-header-image #hero-header:before {
  2262. position: absolute;
  2263. z-index: 1;
  2264. top: 0;
  2265. left: 0;
  2266. display: block;
  2267. width: 100%;
  2268. height: 100%;
  2269. content: "\020";
  2270. background: -webkit-linear-gradient(rgba(0, 0, 0, .15) 50%, rgba(0, 0, 0, .45));
  2271. background: linear-gradient(rgba(0, 0, 0, .15) 50%, rgba(0, 0, 0, .45));
  2272. box-shadow: 0 -1px 8px rgba(0, 0, 0, .2) inset;
  2273. }
  2274. .has-header-image #hero-header .inner {
  2275. position: relative;
  2276. z-index: 2;
  2277. max-width: 740px;
  2278. margin: 0 auto;
  2279. padding-top: .875em;
  2280. text-align: center;
  2281. word-wrap: break-word;
  2282. color: white;
  2283. }
  2284. .has-header-image #hero-header .site-title {
  2285. color: white;
  2286. }
  2287. .has-header-image #hero-header .site-description {
  2288. color: rgba(255, 255, 255, .84);
  2289. }
  2290. .has-header-image #hero-header .site-logo-link img {
  2291. -webkit-transition: box-shadow 200ms ease;
  2292. transition: box-shadow 200ms ease;
  2293. outline: 0;
  2294. }
  2295. .has-header-image #hero-header .site-logo-link:focus img,
  2296. .has-header-image #hero-header .site-logo-link:active img {
  2297. box-shadow: 0 0 0 7px rgba(255, 255, 255, .22);
  2298. }
  2299. .has-header-image #hero-header .jetpack-social-navigation ul.menu li a {
  2300. padding: 0 0;
  2301. color: rgba(255, 255, 255, .85);
  2302. }
  2303. .has-header-image #hero-header .jetpack-social-navigation ul.menu li a:hover {
  2304. color: white;
  2305. }
  2306. /*--------------------------------------------------------------
  2307. 13.3 - Post Author Card
  2308. --------------------------------------------------------------*/
  2309. .entry-author-wrapper {
  2310. position: relative;
  2311. margin: 1.75em 0 0;
  2312. padding: 1.75em 0 0;
  2313. }
  2314. .entry-author .author-avatar {
  2315. position: relative;
  2316. z-index: 2;
  2317. display: block;
  2318. float: right;
  2319. margin-left: .875em;
  2320. width: 80px;
  2321. }
  2322. .entry-author .author-avatar img {
  2323. position: relative;
  2324. display: block;
  2325. float: right;
  2326. width: 80px;
  2327. height: auto;
  2328. border-radius: 80px;
  2329. }
  2330. .entry-author .author-title {
  2331. clear: none;
  2332. margin: 0;
  2333. font-size: 19px;
  2334. font-weight: 700;
  2335. line-height: 1.4;
  2336. color: #333332;
  2337. }
  2338. .entry-author .author-bio,
  2339. .entry-author .author-heading {
  2340. position: relative;
  2341. z-index: 1;
  2342. display: block;
  2343. clear: none;
  2344. box-sizing: border-box;
  2345. }
  2346. .entry-author .author-bio {
  2347. margin-top: 0;
  2348. font-size: 15px;
  2349. font-style: italic;
  2350. color: #929292;
  2351. }
  2352. .site-posted-on {
  2353. position: relative;
  2354. display: none;
  2355. margin-left: 100px;
  2356. }
  2357. .site-posted-on strong {
  2358. display: block;
  2359. clear: right;
  2360. margin: 1.75em 0 0;
  2361. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  2362. font-size: 15px;
  2363. font-weight: 700;
  2364. font-style: normal;
  2365. line-height: 1.4;
  2366. color: #333332;
  2367. }
  2368. .site-posted-on time {
  2369. display: block;
  2370. margin: 0;
  2371. font-family: Georgia, "Times New Roman", serif;
  2372. font-size: 15px;
  2373. font-weight: inherit;
  2374. font-style: normal;
  2375. line-height: 1.5;
  2376. color: #929292;
  2377. margin-top: 0.7em;
  2378. max-width: 120px;
  2379. }
  2380. .site-posted-on time.updated:not(.published) {
  2381. display: none;
  2382. }
  2383. .site-posted-on strong {
  2384. margin-top: 0;
  2385. }
  2386. .site-posted-on:before {
  2387. display: none;
  2388. }
  2389. /*--------------------------------------------------------------
  2390. 14.0 - Infinite scroll
  2391. --------------------------------------------------------------*/
  2392. /* Globally hidden elements when Infinite Scroll is supported and in use. */
  2393. .infinite-scroll .posts-navigation,
  2394. .infinite-scroll.neverending .site-footer {
  2395. /* Theme Footer (when set to scrolling) */
  2396. display: none;
  2397. }
  2398. /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
  2399. .infinity-end.neverending .site-footer {
  2400. display: block;
  2401. }
  2402. .infinite-loader {
  2403. margin-top: 2.05em;
  2404. }
  2405. #content #infinite-handle {
  2406. margin-top: 1.75em;
  2407. }
  2408. #content #infinite-handle span {
  2409. padding: 0;
  2410. background: none;
  2411. }
  2412. #content #infinite-handle span button {
  2413. line-height: 1;
  2414. outline: 0;
  2415. }
  2416. #infinite-footer .container {
  2417. padding: 0;
  2418. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  2419. font-size: 12px;
  2420. color: #a5a5a5;
  2421. border: 0;
  2422. }
  2423. #infinite-footer .blog-info a,
  2424. #infinite-footer .blog-credits,
  2425. #infinite-footer .blog-credits a {
  2426. font-size: 12px;
  2427. color: #a5a5a5;
  2428. }
  2429. #infinite-footer .blog-info a:hover,
  2430. #infinite-footer .blog-credits a:hover {
  2431. text-decoration: none;
  2432. }
  2433. /*--------------------------------------------------------------
  2434. # Jetpack Contact Forms
  2435. --------------------------------------------------------------*/
  2436. .site-content .contact-form input[type="radio"],
  2437. .site-content .contact-form input[type="checkbox"] {
  2438. margin-bottom: 6px;
  2439. margin-right: .3em;
  2440. vertical-align: middle;
  2441. }
  2442. .site-content .contact-form label.checkbox,
  2443. .site-content .contact-form label.checkbox-multiple,
  2444. .site-content .contact-form label.radio {
  2445. font-weight: normal;
  2446. margin-bottom: .21875em;
  2447. }
  2448. .site-content .contact-form label.checkbox,
  2449. .site-content .contact-form > div {
  2450. margin-bottom: .875em;
  2451. }
  2452. .site-content .contact-form textarea,
  2453. .site-content .contact-form input[type='text'],
  2454. .site-content .contact-form input[type='email'],
  2455. .site-content .contact-form input[type='url'],
  2456. .site-content .contact-form select {
  2457. margin-bottom: .4375em;
  2458. }
  2459. .site-content .contact-form .grunion-field-label {
  2460. margin-bottom: .21875em;
  2461. }
  2462. /*--------------------------------------------------------------
  2463. 15.0 - Social Menu
  2464. --------------------------------------------------------------*/
  2465. .jetpack-social-navigation ul,
  2466. .widget_wpcom_social_media_icons_widget ul {
  2467. margin: 0;
  2468. padding: 0;
  2469. list-style: none;
  2470. }
  2471. .jetpack-social-navigation ul li,
  2472. .widget_wpcom_social_media_icons_widget ul li {
  2473. position: relative;
  2474. display: inline-block;
  2475. line-height: 1;
  2476. margin: 0 .209875em;
  2477. }
  2478. .jetpack-social-navigation li a,
  2479. .widget_wpcom_social_media_icons_widget li a {
  2480. display: block;
  2481. padding: 0 3px;
  2482. -webkit-transition: color ease .3s, opacity ease .3s;
  2483. transition: color ease .3s, opacity ease .3s;
  2484. font-size: 28px;
  2485. color: #a4a4a4;
  2486. text-decoration: none;
  2487. -webkit-font-smoothing: antialiased;
  2488. -moz-osx-font-smoothing: grayscale;
  2489. }
  2490. .jetpack-social-navigation li a:hover,
  2491. .widget.widget_wpcom_social_media_icons_widget ul li a:hover,
  2492. .jetpack-social-navigation li a:focus,
  2493. .widget.widget_wpcom_social_media_icons_widget ul li a:focus,
  2494. .jetpack-social-navigation li a:active,
  2495. .widget.widget_wpcom_social_media_icons_widget ul li a:active {
  2496. color: #5e6166;
  2497. text-decoration: none;
  2498. }
  2499. .widget.widget_wpcom_social_media_icons_widget li {
  2500. margin: .21875em .4375em;
  2501. }
  2502. .widget.widget_wpcom_social_media_icons_widget li a {
  2503. font-size: 32px;
  2504. }
  2505. /*--------------------------------------------------------------
  2506. 16.0 - Media Queries
  2507. --------------------------------------------------------------*/
  2508. /*--------------------------------------------------------------
  2509. 16.1 - >= 518px
  2510. --------------------------------------------------------------*/
  2511. @media screen and (min-width: 32.375em) {
  2512. h1 {
  2513. font-size: 47px;
  2514. }
  2515. h2 {
  2516. font-size: 32px;
  2517. }
  2518. h3 {
  2519. font-size: 24px;
  2520. }
  2521. h4 {
  2522. font-size: 19px;
  2523. }
  2524. h5 {
  2525. font-size: 15px;
  2526. }
  2527. h6 {
  2528. font-size: 14px;
  2529. }
  2530. h5,
  2531. h6 {
  2532. line-height: 1.3;
  2533. }
  2534. .entry-content,
  2535. .entry-summary {
  2536. font-size: 19px;
  2537. }
  2538. .entry-title {
  2539. font-size: 47px;
  2540. }
  2541. .page-header:not(.page-header-light) h1 {
  2542. font-size: 47px;
  2543. line-height: 1;
  2544. }
  2545. .has-header-image #hero-header .inner {
  2546. padding-top: 0;
  2547. }
  2548. .menu-toggle {
  2549. display: none;
  2550. }
  2551. .main-navigation {
  2552. text-align: center;
  2553. }
  2554. .has-header-image .main-navigation {
  2555. margin-top: .875em;
  2556. }
  2557. .main-navigation ul {
  2558. display: block;
  2559. }
  2560. .main-navigation a {
  2561. display: block;
  2562. }
  2563. .main-navigation li {
  2564. padding: 0;
  2565. width: auto;
  2566. border: 0;
  2567. margin: .209875em .4375em;
  2568. }
  2569. .main-navigation ul a,
  2570. .main-navigation ul ul a,
  2571. .main-navigation ul ul ul a,
  2572. .main-navigation ul ul ul ul a,
  2573. .main-navigation ul ul ul ul ul a,
  2574. .main-navigation ul ul ul ul ul ul a {
  2575. padding: .4835em .209375em;
  2576. }
  2577. .main-navigation ul ul {
  2578. background: #0087be;
  2579. position: absolute;
  2580. z-index: 99999;
  2581. top: 2em;
  2582. left: -999em;
  2583. margin-left: -.4em;
  2584. float: left;
  2585. text-align: left;
  2586. }
  2587. .main-navigation ul ul ul {
  2588. top: -.209875em;
  2589. left: -999em;
  2590. margin: 0;
  2591. }
  2592. .main-navigation ul ul li:hover > ul,
  2593. .main-navigation ul ul li.focus > ul {
  2594. left: 100%;
  2595. }
  2596. .main-navigation ul ul a {
  2597. color: white;
  2598. width: 200px;
  2599. -webkit-transition: opacity 140ms ease-in-out;
  2600. transition: opacity 140ms ease-in-out;
  2601. -webkit-font-smoothing: antialiased;
  2602. }
  2603. .main-navigation ul li:hover > ul,
  2604. .main-navigation ul li.focus > ul {
  2605. left: auto;
  2606. }
  2607. .main-navigation ul ul li:hover > a,
  2608. .main-navigation ul ul li.focus > a,
  2609. .main-navigation > div > ul > li.current-menu-item > a,
  2610. .main-navigation > div > ul > li.current_page_item > a,
  2611. .main-navigation > div > ul ul li.current-menu-item > a,
  2612. .main-navigation > div > ul ul li.current_page_item > a {
  2613. opacity: 0.7;
  2614. }
  2615. .main-navigation li.menu-item-has-children > a:after,
  2616. .main-navigation li.page_item_has_children > a:after {
  2617. position: relative;
  2618. display: inline-block;
  2619. margin-left: 6px;
  2620. content: "\203A";
  2621. -webkit-transform: rotate(90deg);
  2622. transform: rotate(90deg);
  2623. font-family: inherit;
  2624. font-size: 20px;
  2625. font-weight: bold;
  2626. font-style: normal;
  2627. font-variant: normal;
  2628. line-height: 20px;
  2629. text-align: center;
  2630. vertical-align: baseline;
  2631. text-decoration: inherit;
  2632. text-transform: none;
  2633. -webkit-font-smoothing: antialiased;
  2634. speak: none;
  2635. }
  2636. .main-navigation ul ul li.menu-item-has-children > a:after,
  2637. .main-navigation ul ul li.page_item_has_children > a:after {
  2638. -webkit-transform: rotate(0deg);
  2639. transform: rotate(0deg);
  2640. }
  2641. .main-navigation > div > ul > li.current-menu-item > ul > li a,
  2642. .main-navigation > div > ul > li.current_page_item > ul > li a {
  2643. color: #fff;
  2644. }
  2645. .post-navigation .nav-links .nav-previous {
  2646. clear: none;
  2647. margin: 0 0 0 -.21875em;
  2648. width: auto;
  2649. }
  2650. blockquote.aligncenter {
  2651. padding: .875em 3.5em;
  2652. }
  2653. blockquote.alignright,
  2654. blockquote.alignleft {
  2655. max-width: 34%;
  2656. }
  2657. blockquote.alignleft {
  2658. margin-right: 1.75em;
  2659. }
  2660. blockquote.alignright {
  2661. margin-left: 1.75em;
  2662. }
  2663. }
  2664. /*--------------------------------------------------------------
  2665. 16.2 - >= 783px
  2666. --------------------------------------------------------------*/
  2667. @media screen and (min-width: 48.9375em) {
  2668. .custom-logo {
  2669. max-width: 750px;
  2670. }
  2671. .comment-form input[type="text"],
  2672. .comment-form input[type="password"],
  2673. .comment-form input[type="email"],
  2674. .comment-form input[type="search"],
  2675. .comment-form input[type="url"] {
  2676. width: 70%;
  2677. }
  2678. .has-header-image #hero-header {
  2679. padding: 10vh 3.5em;
  2680. }
  2681. .comments-area li.comment {
  2682. padding: 1.75em 0 0 1.75em;
  2683. }
  2684. .comments-area li.comment .comment-respond {
  2685. margin-left: 0;
  2686. }
  2687. .comments-area li.comment .comment {
  2688. margin-left: 0;
  2689. }
  2690. .comments-area li.comment .comment-body {
  2691. padding: 0;
  2692. }
  2693. .bypostauthor {
  2694. box-shadow: 2px 2px 3px rgba(87, 173, 104, .13) inset;
  2695. }
  2696. .entry-author {
  2697. min-height: 100px;
  2698. }
  2699. .entry-author .author-bio,
  2700. .entry-author .author-heading {
  2701. max-width: 70%;
  2702. }
  2703. .entry-author .author-title {
  2704. font-size: 24px;
  2705. line-height: 1.55;
  2706. margin-top: -.21875em;
  2707. }
  2708. .entry-author .author-avatar,
  2709. .entry-author .author-avatar img {
  2710. float: left;
  2711. margin: 0;
  2712. }
  2713. .entry-author .author-bio,
  2714. .entry-author .author-heading {
  2715. margin-left: 100px;
  2716. }
  2717. .site-posted-on {
  2718. position: absolute;
  2719. top: 0;
  2720. right: 0;
  2721. left: auto;
  2722. display: block;
  2723. margin-top: 1.75em;
  2724. margin-left: 0;
  2725. text-align: right;
  2726. }
  2727. .footer-widgets .widget-area {
  2728. float: left;
  2729. }
  2730. .footer-widgets .widget-area:nth-child(1):nth-last-child(2),
  2731. .footer-widgets .widget-area:nth-child(2):nth-last-child(1) {
  2732. width: 48%;
  2733. margin-right: 4%;
  2734. }
  2735. .footer-widgets .widget-area:nth-child(1):nth-last-child(2):last-of-type,
  2736. .footer-widgets .widget-area:nth-child(2):nth-last-child(1):last-of-type {
  2737. margin-right: 0;
  2738. }
  2739. .footer-widgets .widget-area:nth-child(1):nth-last-child(3),
  2740. .footer-widgets .widget-area:nth-child(2):nth-last-child(2),
  2741. .footer-widgets .widget-area:nth-child(3):nth-last-child(1) {
  2742. width: 30%;
  2743. margin-right: 5%;
  2744. }
  2745. .footer-widgets .widget-area:nth-child(1):nth-last-child(3):last-of-type,
  2746. .footer-widgets .widget-area:nth-child(2):nth-last-child(2):last-of-type,
  2747. .footer-widgets .widget-area:nth-child(3):nth-last-child(1):last-of-type {
  2748. margin-right: 0;
  2749. }
  2750. }
  2751. /*--------------------------------------------------------------
  2752. 16.3 - >= 992px
  2753. --------------------------------------------------------------*/
  2754. @media screen and (min-width: 62em) {
  2755. .has-header-image #hero-header {
  2756. padding: 16.6vh 3.5em;
  2757. }
  2758. .has-header-image #hero-header .inner {
  2759. max-width: 1080px;
  2760. }
  2761. #infinite-footer .container {
  2762. max-width: 740px;
  2763. }
  2764. .has-sidebar #infinite-footer .container {
  2765. max-width: 1080px;
  2766. }
  2767. .content-wrapper {
  2768. box-sizing: border-box;
  2769. max-width: 1080px;
  2770. margin: 2.625em auto 0;
  2771. padding: 0 1.75em;
  2772. }
  2773. body:not(.has-header-image) .site-header {
  2774. margin-bottom: 0;
  2775. }
  2776. .content-area {
  2777. max-width: 740px;
  2778. margin: 0 auto;
  2779. }
  2780. .has-sidebar .content-area {
  2781. float: left;
  2782. width: 100%;
  2783. max-width: 100%;
  2784. margin: 0 -26% 0 0;
  2785. }
  2786. .has-sidebar .site-main {
  2787. margin: 0 26% 0 0;
  2788. max-width: 740px;
  2789. }
  2790. .has-sidebar .site-content .widget-area {
  2791. float: right;
  2792. width: 22%;
  2793. }
  2794. body:not(.has-header-image) .site-main > article:first-child {
  2795. padding-top: 1.75em;
  2796. }
  2797. }
  2798. /*--------------------------------------------------------------
  2799. 16.4 - >= 1100px
  2800. --------------------------------------------------------------*/
  2801. @media screen and (min-width: 68.75em) {
  2802. /* Large tiled galleries */
  2803. body:not(.has-sidebar) .tiled-gallery-wrapper,
  2804. body:not(.has-sidebar) .jetpack-video-wrapper,
  2805. body:not(.has-sidebar) img.size-big,
  2806. body:not(.has-sidebar) .wp-caption.size-big img {
  2807. float: none;
  2808. margin-left: -180px;
  2809. max-width: 1100px;
  2810. width: 1100px !important;
  2811. }
  2812. body:not(.has-sidebar) .jetpack-slideshow img.size-big {
  2813. margin-left: auto;
  2814. max-width: 100%;
  2815. width: auto !important;
  2816. }
  2817. }
  2818. /*--------------------------------------------------------------
  2819. 16.5 - >= 1330px
  2820. --------------------------------------------------------------*/
  2821. @media screen and (min-width: 86.25em) {
  2822. .content-wrapper {
  2823. max-width: 1380px;
  2824. }
  2825. .has-header-image #hero-header .inner {
  2826. max-width: 1380px;
  2827. }
  2828. }