style.css 65 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504250525062507250825092510251125122513251425152516251725182519252025212522252325242525252625272528252925302531253225332534253525362537253825392540254125422543254425452546254725482549255025512552255325542555255625572558255925602561256225632564256525662567256825692570257125722573257425752576257725782579258025812582258325842585258625872588258925902591259225932594259525962597259825992600260126022603260426052606260726082609261026112612261326142615261626172618261926202621262226232624262526262627262826292630263126322633263426352636263726382639264026412642264326442645264626472648264926502651265226532654265526562657265826592660266126622663266426652666266726682669267026712672267326742675267626772678267926802681268226832684268526862687268826892690269126922693269426952696269726982699270027012702270327042705270627072708270927102711271227132714271527162717271827192720272127222723272427252726272727282729273027312732273327342735273627372738273927402741274227432744274527462747274827492750275127522753275427552756275727582759276027612762276327642765276627672768276927702771277227732774277527762777277827792780278127822783278427852786278727882789279027912792279327942795279627972798279928002801280228032804280528062807280828092810281128122813281428152816281728182819282028212822282328242825282628272828282928302831283228332834283528362837283828392840284128422843284428452846284728482849285028512852285328542855285628572858285928602861286228632864286528662867286828692870287128722873287428752876287728782879288028812882288328842885288628872888288928902891289228932894289528962897289828992900290129022903290429052906290729082909291029112912291329142915291629172918291929202921292229232924292529262927292829292930293129322933293429352936293729382939294029412942294329442945294629472948294929502951295229532954295529562957295829592960296129622963296429652966296729682969297029712972297329742975297629772978297929802981298229832984298529862987298829892990299129922993299429952996299729982999300030013002300330043005300630073008300930103011301230133014301530163017301830193020302130223023302430253026302730283029303030313032303330343035303630373038303930403041304230433044304530463047304830493050305130523053305430553056305730583059306030613062306330643065306630673068306930703071307230733074307530763077307830793080308130823083308430853086308730883089309030913092309330943095309630973098309931003101310231033104310531063107310831093110311131123113311431153116311731183119312031213122312331243125312631273128312931303131313231333134313531363137313831393140314131423143314431453146314731483149315031513152315331543155315631573158315931603161316231633164316531663167316831693170317131723173317431753176317731783179318031813182318331843185318631873188318931903191319231933194319531963197319831993200320132023203320432053206320732083209321032113212321332143215321632173218321932203221322232233224322532263227322832293230323132323233323432353236323732383239324032413242324332443245324632473248324932503251325232533254325532563257325832593260326132623263326432653266326732683269327032713272327332743275327632773278327932803281328232833284328532863287328832893290329132923293329432953296329732983299330033013302330333043305330633073308330933103311331233133314331533163317331833193320332133223323332433253326332733283329333033313332333333343335333633373338333933403341334233433344334533463347334833493350335133523353335433553356335733583359336033613362336333643365336633673368336933703371337233733374337533763377337833793380338133823383338433853386338733883389339033913392339333943395339633973398339934003401340234033404340534063407340834093410341134123413341434153416341734183419342034213422342334243425342634273428342934303431343234333434343534363437343834393440344134423443344434453446344734483449345034513452345334543455345634573458345934603461346234633464346534663467346834693470347134723473347434753476347734783479348034813482
  1. /*
  2. Theme Name: Publication
  3. Theme URI: https://wordpress.com/themes/publication/
  4. Author: Automattic
  5. Author URI: https://wordpress.com/themes/
  6. Description: Publication is an elegant blog and magazine theme that features full-screen Featured Images. It’s perfect for sites about fashion, food, travel, or design. With balanced typography, colors, and attention to detail, Publication helps you create visually stunning posts.
  7. Version: 1.0.7-wpcom
  8. License: GNU General Public License v2 or later
  9. License URI: http://www.gnu.org/licenses/gpl-2.0.html
  10. Text Domain: publication
  11. Tags: author-bio, black, blog, blog-excerpts, clean, collaboration, contemporary, custom-colors, custom-menu, dark, elegant, featured-images, food, gaming, geometric, holiday, infinite-scroll, journal, light, magazine, minimal, modern, news, orange, professional, responsive-layout, right-sidebar, rtl-language-support, simple, site-logo, sophisticated, sticky-post, three-columns, translation-ready, white
  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. Publication is based on Underscores http://underscores.me/, (C) 2012-2016 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. # Normalize
  23. # Icons
  24. ## Menucon
  25. ## Genericons
  26. # Typography
  27. # Elements
  28. # Forms
  29. # Navigation
  30. ## Links
  31. ## Primary Menu
  32. ## Social Menu
  33. ## Pagination
  34. # Accessibility
  35. # Alignments
  36. # Clearings
  37. # Widgets
  38. # Content
  39. ## Header
  40. ## Footer
  41. ## Posts & Pages
  42. ## Hero
  43. ## Comments
  44. # Media
  45. ## Captions
  46. ## Galleries
  47. # Jetpack
  48. ## Contact Form
  49. ## Galleries
  50. ## Google Maps
  51. ## Infinite Scroll
  52. ## PollDaddy
  53. ## Recipes
  54. ## Responsive Videos
  55. ## Sharedaddy
  56. ## Site Logo
  57. ## Widgets
  58. # Eventbrite
  59. # Transitions
  60. # Responsive
  61. ## x >= 540px
  62. ## x >= 768px
  63. ## x >= 1056px
  64. ## x >= 1272px
  65. ## x >= 1416px
  66. --------------------------------------------------------------*/
  67. /*--------------------------------------------------------------
  68. # Normalize
  69. --------------------------------------------------------------*/
  70. html {
  71. font-family: sans-serif;
  72. -webkit-text-size-adjust: 100%;
  73. -ms-text-size-adjust: 100%;
  74. }
  75. body {
  76. margin: 0;
  77. }
  78. article,
  79. aside,
  80. details,
  81. figcaption,
  82. figure,
  83. footer,
  84. header,
  85. main,
  86. menu,
  87. nav,
  88. section,
  89. summary {
  90. display: block;
  91. }
  92. audio,
  93. canvas,
  94. progress,
  95. video {
  96. display: inline-block;
  97. vertical-align: baseline;
  98. }
  99. audio:not([controls]) {
  100. display: none;
  101. height: 0;
  102. }
  103. [hidden],
  104. template {
  105. display: none;
  106. }
  107. a {
  108. background-color: transparent;
  109. }
  110. a:active,
  111. a:hover {
  112. outline: 0;
  113. }
  114. abbr[title] {
  115. border-bottom: 1px dotted;
  116. }
  117. b,
  118. strong {
  119. font-weight: bold;
  120. }
  121. dfn {
  122. font-style: italic;
  123. }
  124. div:focus {
  125. outline: none;
  126. }
  127. h1 {
  128. font-size: 2em;
  129. margin: 0.67em 0;
  130. }
  131. mark {
  132. background: #ff0;
  133. color: #000;
  134. }
  135. small {
  136. font-size: 80%;
  137. }
  138. sub,
  139. sup {
  140. font-size: 75%;
  141. line-height: 0;
  142. position: relative;
  143. vertical-align: baseline;
  144. }
  145. sup {
  146. top: -0.5em;
  147. }
  148. sub {
  149. bottom: -0.25em;
  150. }
  151. img {
  152. border: 0;
  153. }
  154. svg:not(:root) {
  155. overflow: hidden;
  156. }
  157. figure {
  158. margin: 0 0 24px;
  159. }
  160. hr {
  161. box-sizing: content-box;
  162. height: 0;
  163. }
  164. pre {
  165. overflow: auto;
  166. }
  167. code,
  168. kbd,
  169. pre,
  170. samp {
  171. font-family: monospace, monospace;
  172. font-size: 1em;
  173. }
  174. button,
  175. input,
  176. optgroup,
  177. select,
  178. textarea {
  179. color: inherit;
  180. font: inherit;
  181. margin: 0;
  182. }
  183. button {
  184. overflow: visible;
  185. }
  186. button,
  187. select {
  188. text-transform: none;
  189. }
  190. button,
  191. html input[type="button"],
  192. input[type="reset"],
  193. input[type="submit"] {
  194. -webkit-appearance: button;
  195. cursor: pointer;
  196. }
  197. button[disabled],
  198. html input[disabled] {
  199. cursor: default;
  200. }
  201. button::-moz-focus-inner,
  202. input::-moz-focus-inner {
  203. border: 0;
  204. padding: 0;
  205. }
  206. input {
  207. line-height: normal;
  208. }
  209. input[type="checkbox"],
  210. input[type="radio"] {
  211. box-sizing: border-box;
  212. padding: 0;
  213. }
  214. input[type="number"]::-webkit-inner-spin-button,
  215. input[type="number"]::-webkit-outer-spin-button {
  216. height: auto;
  217. }
  218. input[type="search"] {
  219. -webkit-appearance: textfield;
  220. box-sizing: content-box;
  221. }
  222. input[type="search"]::-webkit-search-cancel-button,
  223. input[type="search"]::-webkit-search-decoration {
  224. -webkit-appearance: none;
  225. }
  226. fieldset {
  227. border: 1px solid #eee;
  228. margin: 0 2px;
  229. padding: 0.35em 0.625em 0.75em;
  230. }
  231. legend {
  232. border: 0;
  233. padding: 0;
  234. }
  235. textarea {
  236. overflow: auto;
  237. }
  238. optgroup {
  239. font-weight: bold;
  240. }
  241. table {
  242. border-collapse: collapse;
  243. border-spacing: 0;
  244. }
  245. td,
  246. th {
  247. padding: 0;
  248. }
  249. /*--------------------------------------------------------------
  250. # Icons
  251. --------------------------------------------------------------*/
  252. /*--------------------------------------------------------------
  253. ## Menucon
  254. --------------------------------------------------------------*/
  255. .menu-toggle:before {
  256. -webkit-font-smoothing: antialiased;
  257. -moz-osx-font-smoothing: grayscale;
  258. display: inline-block;
  259. font-family: Menucon;
  260. font-size: 16px;
  261. font-style: normal;
  262. font-weight: normal;
  263. height: 24px;
  264. line-height: 1;
  265. speak: none;
  266. text-decoration: inherit;
  267. vertical-align: top;
  268. width: 24px;
  269. }
  270. /*--------------------------------------------------------------
  271. ## Genericons
  272. --------------------------------------------------------------*/
  273. .comments-link:before,
  274. .dropdown-toggle:before,
  275. .edit-link:before,
  276. .hentry div.sd-rating h3.sd-title:before,
  277. .hentry div.sharedaddy h3.sd-title:before,
  278. .main-navigation .menu-item-has-children > a:after,
  279. .posted-on:before,
  280. .search-form:before,
  281. .social-navigation a:before,
  282. .tags-links:before {
  283. -webkit-font-smoothing: antialiased;
  284. -moz-osx-font-smoothing: grayscale;
  285. display: inline-block;
  286. font-family: Genericons;
  287. font-size: 16px;
  288. font-style: normal;
  289. font-weight: normal;
  290. height: 24px;
  291. line-height: 1;
  292. speak: none;
  293. text-decoration: inherit;
  294. vertical-align: top;
  295. width: 24px;
  296. }
  297. /*--------------------------------------------------------------
  298. # Typography
  299. --------------------------------------------------------------*/
  300. body,
  301. button,
  302. input,
  303. select,
  304. textarea {
  305. color: #222;
  306. font-family: Lato, sans-serif;
  307. font-size: 16px;
  308. line-height: 1.5;
  309. }
  310. h1,
  311. h2,
  312. h3,
  313. h4,
  314. h5,
  315. h6,
  316. .site-description,
  317. .site-title {
  318. clear: both;
  319. font-family: Neuton, serif;
  320. font-weight: normal;
  321. margin-bottom: 24px;
  322. margin-top: 0;
  323. }
  324. h1 {
  325. font-size: 40px;
  326. line-height: 1.2;
  327. }
  328. h2,
  329. .entry-title {
  330. font-size: 32px;
  331. line-height: 1.125;
  332. }
  333. h3,
  334. .comments-title,
  335. .site-title,
  336. .widget-title {
  337. font-size: 25px;
  338. line-height: 1.2;
  339. }
  340. h4,
  341. .page-title {
  342. font-size: 20px;
  343. line-height: 1.2;
  344. }
  345. h5 {
  346. font-size: 16px;
  347. line-height: 1.5;
  348. }
  349. h6,
  350. .site-description {
  351. font-size: 13px;
  352. line-height: 1.3847;
  353. }
  354. .entry-title,
  355. .page-title,
  356. .site-title {
  357. margin-bottom: 0;
  358. }
  359. h1 a,
  360. h2 a,
  361. h3 a,
  362. h4 a,
  363. h5 a,
  364. h6 a {
  365. font-weight: inherit;
  366. }
  367. p {
  368. margin-bottom: 24px;
  369. margin-top: 0;
  370. }
  371. dfn,
  372. cite,
  373. em,
  374. i {
  375. font-style: italic;
  376. }
  377. blockquote:before,
  378. blockquote:after,
  379. q:before,
  380. q:after {
  381. content: "";
  382. }
  383. blockquote,
  384. q {
  385. quotes: "" "";
  386. }
  387. blockquote {
  388. border-bottom: 3px solid currentcolor;
  389. border-top: 3px solid currentColor;
  390. color: #555;
  391. font-family: Neuton, serif;
  392. font-size: 20px;
  393. font-style: italic;
  394. line-height: 1.2;
  395. margin: 0 0 24px;
  396. padding: 24px 0;
  397. }
  398. blockquote > p:last-child {
  399. margin-bottom: 0;
  400. }
  401. blockquote cite {
  402. display: block;
  403. margin-top: 6px;
  404. }
  405. blockquote blockquote {
  406. margin-left: 24px;
  407. }
  408. cite {
  409. color: #222;
  410. font-weight: bold;
  411. }
  412. address {
  413. margin: 0 0 24px;
  414. }
  415. code,
  416. kbd,
  417. pre,
  418. tt,
  419. var {
  420. background: #eee;
  421. font-family: Inconsolata, monospace;
  422. padding: 0 0.2em;
  423. }
  424. pre {
  425. max-width: 100%;
  426. overflow: auto;
  427. padding: 12px;
  428. }
  429. abbr,
  430. acronym {
  431. border-bottom: 1px dotted #222;
  432. cursor: help;
  433. }
  434. mark,
  435. ins {
  436. background: #ef7d0b;
  437. color: #fff;
  438. padding: 0 0.2em;
  439. text-decoration: none;
  440. }
  441. big {
  442. font-size: 125%;
  443. }
  444. /* Widgets */
  445. .widget input,
  446. .widget textarea {
  447. color: #fff;
  448. }
  449. .widget blockquote {
  450. color: #ccc;
  451. }
  452. .widget cite {
  453. color: #fff;
  454. }
  455. .widget code,
  456. .widget kbd,
  457. .widget pre,
  458. .widget tt,
  459. .widget var {
  460. background: #333;
  461. }
  462. .widget abbr,
  463. .widget acronym {
  464. border-bottom-color: #fff;
  465. }
  466. /*--------------------------------------------------------------
  467. # Elements
  468. --------------------------------------------------------------*/
  469. html {
  470. box-sizing: border-box;
  471. }
  472. *,
  473. *:before,
  474. *:after {
  475. box-sizing: inherit;
  476. }
  477. body {
  478. background: #fff;
  479. }
  480. .content-area {
  481. background: #fff;
  482. }
  483. hr {
  484. background-color: #ddd;
  485. border: 0;
  486. height: 1px;
  487. margin-bottom: 24px;
  488. }
  489. ol,
  490. ul {
  491. margin: 0 0 24px 0;
  492. padding: 0;
  493. }
  494. ul {
  495. list-style: square inside;
  496. }
  497. ol {
  498. list-style: decimal inside;
  499. }
  500. li > ul,
  501. li > ol {
  502. margin-bottom: 0;
  503. margin-left: 24px;
  504. }
  505. dl {
  506. margin: 0;
  507. }
  508. dt {
  509. font-weight: bold;
  510. }
  511. dd {
  512. margin: 0 0 24px;
  513. }
  514. img {
  515. height: auto;
  516. max-width: 100%;
  517. }
  518. table {
  519. border-top: 1px solid #ddd;
  520. margin: 0 0 24px;
  521. text-align: left;
  522. width: 100%;
  523. }
  524. caption,
  525. th {
  526. font-weight: bold;
  527. text-transform: uppercase;
  528. }
  529. caption {
  530. color: #555;
  531. }
  532. th,
  533. td {
  534. border-bottom: 1px solid #ddd;
  535. padding: 6px;
  536. }
  537. tr:nth-of-type(even) {
  538. background: rgba(0, 0, 0, 0.05);
  539. }
  540. tfoot,
  541. thead {
  542. background: #eee;
  543. }
  544. /* Widgets */
  545. .widget hr {
  546. background: #444;
  547. }
  548. .widget table {
  549. border-top-color: #444;
  550. }
  551. .widget caption {
  552. color: #ccc;
  553. }
  554. .widget th,
  555. .widget td {
  556. border-bottom-color: #444;
  557. }
  558. .widget tr:nth-of-type(even) {
  559. background: #333;
  560. }
  561. .widget tfoot,
  562. .widget thead {
  563. background: #111;
  564. }
  565. /*--------------------------------------------------------------
  566. # Forms
  567. --------------------------------------------------------------*/
  568. button,
  569. input[type="button"],
  570. input[type="reset"],
  571. input[type="submit"] {
  572. background: #ef7d0b;
  573. border: 0;
  574. border-radius: 0;
  575. color: #fff;
  576. font-weight: bold;
  577. padding: 6px 12px;
  578. text-transform: uppercase;
  579. }
  580. button:active,
  581. button:focus,
  582. button:hover,
  583. input[type="button"]:active,
  584. input[type="button"]:focus,
  585. input[type="button"]:hover,
  586. input[type="reset"]:active,
  587. input[type="reset"]:focus,
  588. input[type="reset"]:hover,
  589. input[type="submit"]:active,
  590. input[type="submit"]:focus,
  591. input[type="submit"]:hover {
  592. background: #222;
  593. color: #fff;
  594. outline: 0;
  595. }
  596. input[type="text"],
  597. input[type="email"],
  598. input[type="url"],
  599. input[type="password"],
  600. input[type="search"],
  601. textarea {
  602. -webkit-appearance: none;
  603. background: #eee;
  604. border: 1px solid #ddd;
  605. border-radius: 0;
  606. box-sizing: border-box;
  607. padding: 5px;
  608. width: 100%;
  609. }
  610. input[type="text"]:focus,
  611. input[type="email"]:focus,
  612. input[type="url"]:focus,
  613. input[type="password"]:focus,
  614. input[type="search"]:focus,
  615. textarea:focus {
  616. background: #fff;
  617. outline: 0;
  618. }
  619. /* Placeholder */
  620. ::input-placeholder {
  621. color: #222;
  622. }
  623. ::-webkit-input-placeholder {
  624. color: #222;
  625. }
  626. :-moz-placeholder {
  627. color: #222;
  628. opacity: 1;
  629. }
  630. ::-moz-placeholder {
  631. color: #222;
  632. opacity: 1;
  633. }
  634. :-ms-input-placeholder {
  635. color: #222;
  636. }
  637. /* Search */
  638. .search-form {
  639. margin-bottom: 24px;
  640. position: relative;
  641. }
  642. .search-form:before {
  643. background: #eee;
  644. color: #ef7d0b;
  645. content: "\f400";
  646. height: 36px;
  647. line-height: 36px;
  648. position: absolute;
  649. right: 0;
  650. top: 0;
  651. text-align: center;
  652. width: 36px;
  653. }
  654. .search-form.hover:before {
  655. background: #fff;
  656. }
  657. .search-form .search-field {
  658. padding-right: 42px;
  659. }
  660. .search-form .search-submit {
  661. background: transparent;
  662. border: 1px solid #ddd;
  663. color: transparent;
  664. display: block;
  665. height: 36px;
  666. overflow: hidden;
  667. padding: 0;
  668. position: absolute;
  669. right: 0;
  670. top: 0;
  671. width: 36px;
  672. z-index: 2;
  673. }
  674. .search-form .search-submit:active,
  675. .search-form .search-submit:focus,
  676. .search-form .search-submit:hover {
  677. background: transparent;
  678. border-color: #ddd;
  679. color: transparent;
  680. }
  681. /* Password Protected */
  682. .post-password-form input[type="submit"] {
  683. margin-top: 24px;
  684. }
  685. /* Widgets */
  686. .widget button:active,
  687. .widget button:focus,
  688. .widget button:hover,
  689. .widget input[type="button"]:active,
  690. .widget input[type="button"]:focus,
  691. .widget input[type="button"]:hover,
  692. .widget input[type="reset"]:active,
  693. .widget input[type="reset"]:focus,
  694. .widget input[type="reset"]:hover,
  695. .widget input[type="submit"]:active,
  696. .widget input[type="submit"]:focus,
  697. .widget input[type="submit"]:hover {
  698. background: #fff;
  699. color: #222;
  700. }
  701. .widget input[type="text"],
  702. .widget input[type="email"],
  703. .widget input[type="url"],
  704. .widget input[type="password"],
  705. .widget input[type="search"],
  706. .widget textarea {
  707. background: #333;
  708. border: 1px solid #444;
  709. }
  710. .widget input[type="text"]:focus,
  711. .widget input[type="email"]:focus,
  712. .widget input[type="url"]:focus,
  713. .widget input[type="password"]:focus,
  714. .widget input[type="search"]:focus,
  715. .widget textarea:focus {
  716. background: #222;
  717. }
  718. .widget ::input-placeholder {
  719. color: #fff;
  720. }
  721. .widget ::-webkit-input-placeholder {
  722. color: #fff;
  723. }
  724. .widget :-moz-placeholder {
  725. color: #fff;
  726. }
  727. .widget ::-moz-placeholder {
  728. color: #fff;
  729. }
  730. .widget :-ms-input-placeholder {
  731. color: #fff;
  732. }
  733. .widget .search-form:before {
  734. background: #333;
  735. color: #ef7d0b;
  736. }
  737. .widget .search-form.hover:before {
  738. background: #222;
  739. }
  740. .widget .search-form .search-submit {
  741. background: transparent;
  742. border-color: #444;
  743. }
  744. .widget .search-form .search-submit:active,
  745. .widget .search-form .search-submit:focus,
  746. .widget .search-form .search-submit:hover {
  747. background: transparent;
  748. border-color: #444;
  749. color: transparent;
  750. }
  751. /*--------------------------------------------------------------
  752. # Navigation
  753. --------------------------------------------------------------*/
  754. /*--------------------------------------------------------------
  755. ## Links
  756. --------------------------------------------------------------*/
  757. a {
  758. color: #ef7d0b;
  759. font-weight: bold;
  760. text-decoration: none;
  761. }
  762. a:active,
  763. a:focus,
  764. a:hover {
  765. color: inherit;
  766. outline: none;
  767. }
  768. a:focus {
  769. outline: 1px dotted #222;
  770. }
  771. a:visited {
  772. font-weight: normal;
  773. }
  774. .author-bio a,
  775. .comment-content a,
  776. .comment-respond a,
  777. .entry-content a,
  778. .entry-summary a,
  779. .reply a {
  780. box-shadow: inset 0 -1px 0 currentColor;
  781. }
  782. .comment-content .is-image,
  783. .entry-content .is-image {
  784. box-shadow: none;
  785. }
  786. /*--------------------------------------------------------------
  787. ## Primary Menu
  788. --------------------------------------------------------------*/
  789. /* Slide Menu */
  790. .slide-menu {
  791. background: #222;
  792. height: 100%;
  793. outline-color: #333;
  794. outline-style: solid;
  795. outline-width: 0;
  796. overflow: hidden;
  797. overflow-x: hidden;
  798. padding: 54px 0 24px;
  799. position: absolute;
  800. right: -100%;
  801. top: 0;
  802. visibility: hidden;
  803. width: 100%;
  804. z-index: 2;
  805. }
  806. .menu-open .slide-menu {
  807. height: auto;
  808. visibility: visible;
  809. }
  810. .site {
  811. background: #fff;
  812. height: 100%;
  813. left: 0;
  814. position: relative;
  815. }
  816. .menu-open .site {
  817. left: -100%;
  818. }
  819. .menu-open .body-wrapper {
  820. overflow: hidden;
  821. }
  822. .menu-open {
  823. background: #222;
  824. }
  825. /* Menu Toggle */
  826. .menu-toggle {
  827. background: #222;
  828. border: 0;
  829. border-radius: 0;
  830. color: #fff;
  831. height: 54px;
  832. margin: 0;
  833. padding: 0;
  834. position: absolute;
  835. right: 0;
  836. top: 0;
  837. width: 54px;
  838. z-index: 3;
  839. outline: 1px solid transparent;
  840. }
  841. .menu-toggle:active,
  842. .menu-toggle:focus,
  843. .menu-toggle:hover {
  844. background: #444;
  845. color: #fff;
  846. outline: 1px solid transparent;
  847. }
  848. .menu-toggle:hover {
  849. color: #ef7d0b;
  850. }
  851. .menu-toggle:before {
  852. content: "\e601";
  853. height: 54px;
  854. line-height: 54px;
  855. width: 54px;
  856. }
  857. .menu-toggle.toggled {
  858. background: #222;
  859. color: #fff;
  860. outline: 1px solid #333;
  861. right: -100%;
  862. }
  863. .menu-toggle.toggled:active,
  864. .menu-toggle.toggled:focus,
  865. .menu-toggle.toggled:hover {
  866. background: #111;
  867. border-color: #fff;
  868. }
  869. .menu-toggle.toggled:hover {
  870. color: #ef7d0b;
  871. }
  872. .menu-toggle.toggled:before {
  873. content: "\e600";
  874. }
  875. /* Dropdown Toggle */
  876. .dropdown-toggle {
  877. background: #222;
  878. border: 0;
  879. color: #fff;
  880. height: 54px;
  881. outline: 1px solid #333;
  882. padding: 0;
  883. position: absolute;
  884. right: 0;
  885. top: 0;
  886. width: 54px;
  887. z-index: 1;
  888. }
  889. .dropdown-toggle:active,
  890. .dropdown-toggle:focus,
  891. .dropdown-toggle:hover {
  892. background: #111;
  893. outline: 1px solid #333;
  894. }
  895. .dropdown-toggle:hover {
  896. color: #ef7d0b;
  897. }
  898. .dropdown-toggle:before {
  899. content: "\f431";
  900. font-size: 24px;
  901. height: 54px;
  902. line-height: 54px;
  903. width: 54px;
  904. }
  905. .dropdown-toggle.toggled:before {
  906. content: "\f432";
  907. }
  908. /* Main Navigation */
  909. .main-navigation {
  910. clear: both;
  911. display: block;
  912. width: 100%;
  913. }
  914. .main-navigation > div > ul > li:last-child {
  915. border-bottom: 1px solid #333;
  916. }
  917. .main-navigation ul {
  918. list-style: none;
  919. margin: 0;
  920. }
  921. .main-navigation li {
  922. border-top: 1px solid #333;
  923. position: relative;
  924. }
  925. .main-navigation ul ul li:first-child {
  926. border-top: 0;
  927. }
  928. .main-navigation ul ul {
  929. display: none;
  930. }
  931. .main-navigation ul ul.toggled {
  932. border-bottom: 0;
  933. border-left: 1px solid #333;
  934. border-top: 1px solid #333;
  935. display: block;
  936. margin-left: 24px;
  937. margin-top: -1px;
  938. position: relative;
  939. }
  940. .main-navigation ul ul.toggled:before {
  941. background: #222;
  942. content: "";
  943. display: block;
  944. height: 1px;
  945. left: -25px;
  946. position: absolute;
  947. top: -1px;
  948. width: 24px;
  949. }
  950. .main-navigation a {
  951. color: #fff;
  952. display: block;
  953. padding: 15px 24px;
  954. }
  955. .main-navigation a:active,
  956. .main-navigation a:focus,
  957. .main-navigation a:hover {
  958. background: #111;
  959. }
  960. .main-navigation a:hover {
  961. color: #ef7d0b;
  962. }
  963. .main-navigation a.toggled {
  964. padding-bottom: 16px;
  965. }
  966. .main-navigation .page_item_has_children > a,
  967. .main-navigation .menu-item-has-children > a {
  968. padding-right: 78px;
  969. }
  970. .main-navigation .current_page_item > a,
  971. .main-navigation .current-menu-item > a,
  972. .main-navigation .current_page_ancestor > a {
  973. color: #ef7d0b;
  974. }
  975. .main-navigation ul ul a {
  976. position: relative;
  977. }
  978. /*--------------------------------------------------------------
  979. ## Social Menu
  980. --------------------------------------------------------------*/
  981. .social-navigation {
  982. position: relative;
  983. }
  984. .social-navigation:before,
  985. .social-navigation:after {
  986. background: #333;
  987. content: "";
  988. display: block;
  989. height: 1px;
  990. margin-top: -1px;
  991. width: 100%;
  992. }
  993. .social-navigation ul {
  994. display: block;
  995. margin: 0;
  996. padding: 0;
  997. }
  998. .social-navigation li {
  999. display: block;
  1000. float: left;
  1001. margin: 0 1px 1px 0;
  1002. line-height: 1;
  1003. }
  1004. .social-navigation li:last-child {
  1005. margin-right: -1px;
  1006. }
  1007. .social-navigation a {
  1008. color: #fff;
  1009. display: block;
  1010. height: 54px;
  1011. outline: 1px solid #333;
  1012. position: relative;
  1013. text-align: center;
  1014. width: 54px;
  1015. }
  1016. .social-navigation a:before {
  1017. height: 54px;
  1018. line-height: 54px;
  1019. width: 54px;
  1020. }
  1021. .social-navigation a:active,
  1022. .social-navigation a:focus,
  1023. .social-navigation a:hover {
  1024. background: #111;
  1025. }
  1026. .social-navigation a:hover {
  1027. color: #ef7d0b;
  1028. }
  1029. .social-navigation a:before {
  1030. content: "\f415";
  1031. }
  1032. /* CodePen */
  1033. .social-navigation a[href*="codepen.io"]:before {
  1034. content: "\f216";
  1035. }
  1036. /* Digg */
  1037. .social-navigation a[href*="digg.com"]:before {
  1038. content: "\f221";
  1039. }
  1040. /* Dribbble */
  1041. .social-navigation a[href*="dribbble.com"]:before {
  1042. content: "\f201";
  1043. }
  1044. /* Dropbox */
  1045. .social-navigation a[href*="dropbox.com"]:before {
  1046. content: "\f225";
  1047. }
  1048. /* Email */
  1049. .social-navigation a[href*="mailto:"]:before {
  1050. content: "\f410";
  1051. }
  1052. /* Facebook */
  1053. .social-navigation a[href*="facebook.com"]:before {
  1054. content: "\f203";
  1055. }
  1056. /* Flickr */
  1057. .social-navigation a[href*="flickr.com"]:before {
  1058. content: "\f211";
  1059. }
  1060. /* Foursquare */
  1061. .social-navigation a[href*="foursquare.com"]:before {
  1062. content: "\f226";
  1063. }
  1064. /* GitHub */
  1065. .social-navigation a[href*="github.com"]:before {
  1066. content: "\f200";
  1067. }
  1068. /* Google Plus */
  1069. .social-navigation a[href*="plus.google.com"]:before {
  1070. content: "\f206";
  1071. }
  1072. /* Instagram */
  1073. .social-navigation a[href*="instagram.com"]:before {
  1074. content: "\f215";
  1075. }
  1076. /* LinkedIn */
  1077. .social-navigation a[href*="linkedin.com"]:before {
  1078. content: "\f208";
  1079. }
  1080. /* Path */
  1081. .social-navigation a[href*="path.com"]:before {
  1082. content: "\f219";
  1083. }
  1084. /* Pinterest */
  1085. .social-navigation a[href*="pinterest."]:before {
  1086. content: "\f210";
  1087. }
  1088. /* Polldaddy */
  1089. .social-navigation a[href*="polldaddy.com"]:before {
  1090. content: "\f217";
  1091. }
  1092. /* Reddit */
  1093. .social-navigation a[href*="reddit.com"]:before {
  1094. content: "\f222";
  1095. }
  1096. /* RSS Feed */
  1097. .social-navigation a[href$="/feed/"]:before {
  1098. content: "\f413";
  1099. }
  1100. /* Spotify */
  1101. .social-navigation a[href*="spotify.com"]:before {
  1102. content: "\f515";
  1103. }
  1104. /* StumbleUpon */
  1105. .social-navigation a[href*="stumbleupon.com"]:before {
  1106. content: "\f223";
  1107. }
  1108. /* Tumblr */
  1109. .social-navigation a[href*="tumblr.com"]:before {
  1110. content: "\f214";
  1111. }
  1112. /* Twitch */
  1113. .social-navigation a[href*="twitch.tv"]:before {
  1114. content: "\f516";
  1115. }
  1116. /* Twitter */
  1117. .social-navigation a[href*="twitter.com"]:before {
  1118. content: "\f202";
  1119. }
  1120. /* Vimeo */
  1121. .social-navigation a[href*="vimeo.com"]:before {
  1122. content: "\f212";
  1123. }
  1124. /* Vine */
  1125. .social-navigation a[href*="vine.co"]:before {
  1126. content: "\f517";
  1127. }
  1128. /* WordPress */
  1129. .social-navigation a[href*="wordpress.com"]:before,
  1130. .social-navigation a[href*="wordpress.org"]:before {
  1131. content: "\f205";
  1132. }
  1133. /* YouTube */
  1134. .social-navigation a[href*="youtube.com"]:before {
  1135. content: "\f213";
  1136. }
  1137. /*--------------------------------------------------------------
  1138. ## Pagination
  1139. --------------------------------------------------------------*/
  1140. .site-main .comment-navigation,
  1141. .site-main .post-navigation,
  1142. .site-main .posts-navigation {
  1143. margin: 0;
  1144. overflow: hidden;
  1145. position: relative;
  1146. }
  1147. .comment-navigation a,
  1148. .post-navigation a,
  1149. .posts-navigation a {
  1150. border-bottom: 1px solid #eee;
  1151. border-top: 1px solid #eee;
  1152. color: #222;
  1153. display: block;
  1154. padding: 24px;
  1155. }
  1156. .comment-navigation a:active,
  1157. .comment-navigation a:focus,
  1158. .comment-navigation a:hover,
  1159. .post-navigation a:active,
  1160. .post-navigation a:focus,
  1161. .post-navigation a:hover,
  1162. .posts-navigation a:active,
  1163. .posts-navigation a:focus,
  1164. .posts-navigation a:hover {
  1165. background-color: #eee;
  1166. }
  1167. .nav-previous:not(:empty) + .nav-next a {
  1168. border-top: 0;
  1169. }
  1170. .comment-navigation .nav-next {
  1171. margin-bottom: -1px;
  1172. }
  1173. .post-navigation .nav-next,
  1174. .post-navigation .nav-previous {
  1175. background-position: 50% 50%;
  1176. background-repeat: no-repeat;
  1177. background-size: cover;
  1178. position: relative;
  1179. }
  1180. .meta-nav {
  1181. box-shadow: inset 0 -0.5em 0 #ddd;
  1182. color: #555;
  1183. display: inline-block;
  1184. font-family: Oswald, sans-serif;
  1185. font-size: 13px;
  1186. font-weight: normal;
  1187. letter-spacing: 0.075em;
  1188. line-height: 1.3847;
  1189. padding-left: 0.15em;
  1190. padding-right: 0.15em;
  1191. text-transform: uppercase;
  1192. }
  1193. a:active .meta-nav,
  1194. a:focus .meta-nav,
  1195. a:hover .meta-nav {
  1196. background: #ddd;
  1197. }
  1198. .post-navigation .post-title {
  1199. display: block;
  1200. font-family: Neuton, serif;
  1201. font-size: 25px;
  1202. font-weight: normal;
  1203. line-height: 1.2;
  1204. }
  1205. .post-navigation a:active .post-title,
  1206. .post-navigation a:focus .post-title,
  1207. .post-navigation a:hover .post-title {
  1208. color: #ef7d0b;
  1209. }
  1210. /*--------------------------------------------------------------
  1211. # Accessibility
  1212. --------------------------------------------------------------*/
  1213. .screen-reader-text {
  1214. clip: rect(1px, 1px, 1px, 1px);
  1215. position: absolute !important;
  1216. height: 1px;
  1217. width: 1px;
  1218. overflow: hidden;
  1219. }
  1220. .screen-reader-text:focus {
  1221. background-color: #f1f1f1;
  1222. border-radius: 3px;
  1223. box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  1224. clip: auto !important;
  1225. color: #21759b;
  1226. display: block;
  1227. font-size: 14px;
  1228. font-size: 0.875rem;
  1229. font-weight: bold;
  1230. height: auto;
  1231. left: 5px;
  1232. line-height: normal;
  1233. padding: 15px 23px 14px;
  1234. text-decoration: none;
  1235. top: 5px;
  1236. width: auto;
  1237. z-index: 100000;
  1238. }
  1239. /*--------------------------------------------------------------
  1240. # Alignments
  1241. --------------------------------------------------------------*/
  1242. .aligncenter,
  1243. .alignleft,
  1244. .alignright {
  1245. margin-bottom: 24px;
  1246. }
  1247. .aligncenter {
  1248. clear: both;
  1249. display: block;
  1250. margin-left: auto;
  1251. margin-right: auto;
  1252. }
  1253. .alignleft {
  1254. display: inline;
  1255. float: left;
  1256. margin-right: 24px;
  1257. }
  1258. .alignright {
  1259. display: inline;
  1260. float: right;
  1261. margin-left: 24px;
  1262. }
  1263. /*--------------------------------------------------------------
  1264. # Clearings
  1265. --------------------------------------------------------------*/
  1266. .clear:before,
  1267. .clear:after,
  1268. .comment-content:before,
  1269. .comment-content:after,
  1270. .entry-content:before,
  1271. .entry-content:after,
  1272. .entry-footer:before,
  1273. .entry-footer:after,
  1274. .hentry:before,
  1275. .hentry:after,
  1276. .menu-wrapper:before,
  1277. .menu-wrapper:after,
  1278. .site-header:before,
  1279. .site-header:after,
  1280. .site-content:before,
  1281. .site-content:after,
  1282. .site-footer:before,
  1283. .site-footer:after,
  1284. .widget-area:before,
  1285. .widget-area:after {
  1286. content: "";
  1287. display: table;
  1288. }
  1289. .clear:after,
  1290. .comment-content:after,
  1291. .entry-content:after,
  1292. .hentry:after,
  1293. .menu-wrapper:after,
  1294. .site-header:after,
  1295. .site-content:after,
  1296. .site-footer:after,
  1297. .site-footer:after,
  1298. .widget-area:after {
  1299. clear: both;
  1300. }
  1301. /*--------------------------------------------------------------
  1302. # Widgets
  1303. --------------------------------------------------------------*/
  1304. #secondary {
  1305. display: none;
  1306. }
  1307. .widget-area {
  1308. background: #222;
  1309. color: #fff;
  1310. padding: 24px 0 0;
  1311. }
  1312. .widget {
  1313. border-bottom: 1px solid #333;
  1314. margin: 0 0 24px;
  1315. padding-left: 24px;
  1316. padding-right: 24px;
  1317. word-wrap: break-word;
  1318. }
  1319. .widget-column {
  1320. width: 100%;
  1321. }
  1322. .widget-column + .widget-column {
  1323. padding-top: 24px;
  1324. }
  1325. .widget:last-of-type {
  1326. margin-bottom: 0;
  1327. }
  1328. .widget a:active,
  1329. .widget a:focus,
  1330. .widget a:hover {
  1331. color: #fff;
  1332. }
  1333. .widget a:focus {
  1334. outline-color: #fff;
  1335. }
  1336. .widget select {
  1337. margin-bottom: 24px;
  1338. max-width: 100%;
  1339. }
  1340. .widget-title a {
  1341. color: inherit;
  1342. }
  1343. /* Calendar */
  1344. .widget_calendar table {
  1345. text-align: center;
  1346. }
  1347. /* Custom Menu */
  1348. .widget_nav_menu .page_item_has_children > a,
  1349. .widget_nav_menu .menu-item-has-children > a {
  1350. display: block;
  1351. padding-right: 45px;
  1352. position: relative;
  1353. }
  1354. .widget_nav_menu .sub-menu {
  1355. display: none;
  1356. }
  1357. .widget_nav_menu .sub-menu.toggled {
  1358. display: block;
  1359. }
  1360. /* Lists */
  1361. .widget_archive ul,
  1362. .widget_categories ul,
  1363. .widget_links ul,
  1364. .widget_meta ul,
  1365. .widget_nav_menu ul,
  1366. .widget_pages ul,
  1367. .widget_recent_comments ul,
  1368. .widget_recent_entries ul,
  1369. .widget_rss ul {
  1370. border-bottom: 1px solid #444;
  1371. list-style: none;
  1372. }
  1373. .widget_archive li,
  1374. .widget_categories li,
  1375. .widget_links li,
  1376. .widget_meta li,
  1377. .widget_nav_menu li,
  1378. .widget_pages li,
  1379. .widget_recent_comments li,
  1380. .widget_recent_entries li,
  1381. .widget_rss li {
  1382. border-top: 1px solid #444;
  1383. padding-bottom: 6px;
  1384. padding-top: 6px;
  1385. }
  1386. .widget_categories .children,
  1387. .widget_nav_menu .sub-menu,
  1388. .widget_pages .children {
  1389. border-bottom: 0;
  1390. margin-bottom: -6px;
  1391. margin-top: 6px;
  1392. position: relative;
  1393. }
  1394. .widget_categories .children:before,
  1395. .widget_nav_menu .sub-menu:before,
  1396. .widget_pages .children:before {
  1397. background: #444;
  1398. content: "";
  1399. display: block;
  1400. height: 1px;
  1401. left: -24px;
  1402. position: absolute;
  1403. top: 0;
  1404. width: 100%;
  1405. }
  1406. /* Recent Posts */
  1407. .widget_recent_entries .post-date {
  1408. display: block;
  1409. font-size: 13px;
  1410. line-height: 1.3847;
  1411. }
  1412. /* RSS */
  1413. .widget_rss cite,
  1414. .widget_rss .rss-date {
  1415. color: #aaa;
  1416. display: block;
  1417. font-size: 13px;
  1418. line-height: 1.3847;
  1419. }
  1420. /* Tag Cloud */
  1421. .widget_tag_cloud > div {
  1422. padding-bottom: 24px;
  1423. }
  1424. /* Text */
  1425. .widget_text .textwidget {
  1426. margin-bottom: 24px;
  1427. }
  1428. /*--------------------------------------------------------------
  1429. # Content
  1430. --------------------------------------------------------------*/
  1431. body {
  1432. width: 100%;
  1433. }
  1434. .body-wrapper {
  1435. overflow-x: hidden;
  1436. }
  1437. .entry-wrapper,
  1438. .site-header-inner {
  1439. margin-left: auto;
  1440. margin-right: auto;
  1441. padding-left: 24px;
  1442. padding-right: 24px;
  1443. position: relative;
  1444. width: 100%;
  1445. }
  1446. .content-area {
  1447. padding-top: 24px;
  1448. }
  1449. /*--------------------------------------------------------------
  1450. ## Header
  1451. --------------------------------------------------------------*/
  1452. .site-header {
  1453. background: #fff;
  1454. box-shadow: inset 0 -1px 0 #eee;
  1455. min-height: 54px;
  1456. padding-bottom: 12px;
  1457. padding-top: 12px;
  1458. z-index: 2;
  1459. }
  1460. .site-branding {
  1461. margin-right: 54px;
  1462. }
  1463. .site-title {
  1464. color: #222;
  1465. }
  1466. .site-title a {
  1467. color: inherit;
  1468. font-weight: inherit;
  1469. }
  1470. .site-title a:active,
  1471. .site-title a:focus,
  1472. .site-title a:hover {
  1473. color: #ef7d0b
  1474. }
  1475. .site-description {
  1476. display: none;
  1477. }
  1478. /* Has Hero */
  1479. .js .has-hero .site-header {
  1480. background: transparent;
  1481. background-image: linear-gradient(to top, transparent, rgba(0, 0, 0, 0.5));
  1482. box-shadow: none;
  1483. position: relative;
  1484. text-shadow: 0 0 0.125em rgba(0, 0, 0, 0.5);
  1485. }
  1486. .js .has-hero .site-header,
  1487. .js .has-hero .site-header a {
  1488. color: #fff;
  1489. }
  1490. .js .has-hero .site-header a:active,
  1491. .js .has-hero .site-header a:focus,
  1492. .js .has-hero .site-header a:hover {
  1493. color: rgba(255, 255, 255, 0.75);
  1494. }
  1495. .js .has-hero .site-header a:focus {
  1496. outline-color: #fff;
  1497. }
  1498. .js .has-hero .content-area {
  1499. padding-top: 0;
  1500. }
  1501. /*--------------------------------------------------------------
  1502. ## Footer
  1503. --------------------------------------------------------------*/
  1504. .site-footer {
  1505. background: #222;
  1506. border-top: 1px solid #333;
  1507. padding: 18px 24px;
  1508. position: relative;
  1509. }
  1510. .site-info {
  1511. color: #fff;
  1512. font-size: 13px;
  1513. line-height: 1.3847;
  1514. }
  1515. .no-sidebar .site-info {
  1516. text-align: center;
  1517. }
  1518. .site-info a {
  1519. color: #fff;
  1520. }
  1521. .site-info a:active,
  1522. .site-info a:focus,
  1523. .site-info a:hover {
  1524. color: rgba(255, 255, 255, 0.75);
  1525. }
  1526. .site-info a:focus {
  1527. outline-color: #fff;
  1528. }
  1529. .site-info .sep {
  1530. line-height: 1.125;
  1531. }
  1532. /*--------------------------------------------------------------
  1533. ## Posts & Pages
  1534. --------------------------------------------------------------*/
  1535. .sticky {
  1536. display: block;
  1537. }
  1538. .hentry {
  1539. border-bottom: 1px solid #eee;
  1540. margin: 0 0 24px;
  1541. padding-left: 24px;
  1542. padding-right: 24px;
  1543. }
  1544. .hentry:last-of-type {
  1545. border-bottom: 0;
  1546. margin-bottom: 0;
  1547. }
  1548. .page .hentry,
  1549. .single .hentry {
  1550. padding-left: 0;
  1551. padding-right: 0;
  1552. }
  1553. .updated:not(.published) {
  1554. display: none;
  1555. }
  1556. .entry-content,
  1557. .page-content {
  1558. margin: 24px 0 0;
  1559. padding-left: 24px;
  1560. padding-right: 24px;
  1561. word-wrap: break-word;
  1562. }
  1563. .entry-summary {
  1564. margin-bottom: 24px;
  1565. margin-top: 12px;
  1566. word-wrap: break-word;
  1567. }
  1568. .entry-summary * {
  1569. margin-bottom: 0;
  1570. }
  1571. .entry-summary img {
  1572. display: none;
  1573. }
  1574. /* Page Header */
  1575. .page-header {
  1576. border-bottom: 1px solid #eee;
  1577. padding: 15px 24px;
  1578. margin: -24px 0 24px;
  1579. }
  1580. .taxonomy-description * {
  1581. color: #555;
  1582. margin-bottom: 0;
  1583. margin-top: 12px;
  1584. }
  1585. /* Post Thumbnail */
  1586. .post-thumbnail {
  1587. background: #000;
  1588. display: block;
  1589. float: right;
  1590. margin: 0 0 12px 12px;
  1591. width: 60px;
  1592. }
  1593. .post-thumbnail img {
  1594. display: block;
  1595. }
  1596. .post-thumbnail:active img,
  1597. .post-thumbnail:focus img,
  1598. .post-thumbnail:hover img {
  1599. opacity: 0.75;
  1600. }
  1601. /* Entry Header */
  1602. .page .hentry:not(.has-post-thumbnail) .entry-header,
  1603. .single .hentry:not(.has-post-thumbnail) .entry-header {
  1604. padding-left: 24px;
  1605. padding-right: 24px;
  1606. }
  1607. .entry-header .entry-meta {
  1608. margin-bottom: 6px;
  1609. }
  1610. .entry-title {
  1611. clear: none;
  1612. }
  1613. .entry-title a {
  1614. color: inherit;
  1615. }
  1616. .entry-title a:active,
  1617. .entry-title a:focus,
  1618. .entry-title a:hover {
  1619. color: #ef7d0b;
  1620. }
  1621. /* Entry Meta */
  1622. .entry-meta {
  1623. color: #555;
  1624. font-family: Oswald, sans-serif;
  1625. font-size: 13px;
  1626. font-weight: normal;
  1627. letter-spacing: 0.075em;
  1628. line-height: 1.3847;
  1629. text-transform: uppercase;
  1630. }
  1631. .entry-meta a {
  1632. box-shadow: inset 0 -0.5em 0 #ddd;
  1633. color: inherit;
  1634. font-weight: inherit;
  1635. padding-left: 0.15em;
  1636. padding-right: 0.15em;
  1637. }
  1638. .entry-meta a:active,
  1639. .entry-meta a:focus,
  1640. .entry-meta a:hover {
  1641. background: #ddd;
  1642. color: #222;
  1643. }
  1644. /* More Link */
  1645. .more-link {
  1646. white-space: nowrap;
  1647. }
  1648. /* Page Links */
  1649. .page-links {
  1650. clear: both;
  1651. margin-bottom: 18px;
  1652. text-transform: uppercase;
  1653. width: 100%;
  1654. }
  1655. .page-links a,
  1656. .page-links > span {
  1657. background: #eee;
  1658. border: 1px solid #ddd;
  1659. box-shadow: none;
  1660. display: inline-block;
  1661. font-weight: bold;
  1662. height: 1.875em;
  1663. line-height: 1.75;
  1664. margin: 0 6px 6px 0;
  1665. text-align: center;
  1666. width: 1.875em;
  1667. }
  1668. .page-links > span {
  1669. color: #222;
  1670. }
  1671. .page-links a {
  1672. background: #fff;
  1673. }
  1674. .page-links a:active,
  1675. .page-links a:focus,
  1676. .page-links a:hover {
  1677. background: #eee;
  1678. }
  1679. .page-links a:focus {
  1680. outline: none;
  1681. }
  1682. .page-links > .page-links-title {
  1683. background: transparent;
  1684. border: 0;
  1685. color: #555;
  1686. display: block;
  1687. font-family: Oswald, sans-serif;
  1688. font-size: 13px;
  1689. font-weight: normal;
  1690. height: auto;
  1691. letter-spacing: 0.075em;
  1692. line-height: 1.3847;
  1693. margin: 0 0 6px;
  1694. padding-right: 5px;
  1695. text-align: left;
  1696. width: auto;
  1697. }
  1698. /* Entry Footer */
  1699. .entry-footer {
  1700. color: #555;
  1701. font-family: Oswald, sans-serif;
  1702. font-size: 13px;
  1703. font-weight: normal;
  1704. letter-spacing: 0.075em;
  1705. line-height: 1.3847;
  1706. padding-left: 24px;
  1707. padding-right: 24px;
  1708. text-transform: uppercase;
  1709. }
  1710. .entry-footer > *:last-child {
  1711. margin-bottom: 24px;
  1712. }
  1713. .entry-footer span a {
  1714. box-shadow: inset 0 -0.5em 0 #ddd;
  1715. color: inherit;
  1716. font-weight: inherit;
  1717. padding-left: 0.15em;
  1718. padding-right: 0.15em;
  1719. }
  1720. .entry-footer span a:active,
  1721. .entry-footer span a:focus,
  1722. .entry-footer span a:hover {
  1723. background: #ddd;
  1724. color: #222;
  1725. }
  1726. .entry-footer > span {
  1727. border-top: 1px solid #ddd;
  1728. display: block;
  1729. padding: 6px 0;
  1730. }
  1731. .entry-footer > span:last-of-type {
  1732. border-bottom: 1px solid #ddd;
  1733. }
  1734. .entry-footer .tags-links {
  1735. padding-left: 24px;
  1736. }
  1737. .comments-link:before,
  1738. .edit-link:before,
  1739. .posted-on:before,
  1740. .tags-links:before {
  1741. color: #222;
  1742. height: 18px;
  1743. line-height: 18px;
  1744. margin-right: 6px;
  1745. width: 18px;
  1746. }
  1747. .comments-link:before {
  1748. content: "\f300";
  1749. }
  1750. .edit-link:before {
  1751. content: "\f411";
  1752. }
  1753. .posted-on:before {
  1754. content: "\f307";
  1755. }
  1756. .tags-links:before {
  1757. content: "\f302";
  1758. margin-left: -24px;
  1759. }
  1760. /* Entry Author */
  1761. .entry-author {
  1762. border-top: 1px solid #eee;
  1763. padding-left: 24px;
  1764. padding-right: 24px;
  1765. padding-top: 24px;
  1766. }
  1767. .author-avatar {
  1768. border: 1px solid #ddd;
  1769. float: right;
  1770. }
  1771. .author-avatar img {
  1772. display: block;
  1773. height: auto;
  1774. max-width: 100%;
  1775. padding: 2px;
  1776. }
  1777. .author-heading {
  1778. float: left;
  1779. max-width: calc(100% - 48px);
  1780. }
  1781. .author-title {
  1782. color: #555;
  1783. font-family: Oswald, sans-serif;
  1784. font-size: 13px;
  1785. font-weight: normal;
  1786. letter-spacing: 0.075em;
  1787. line-height: 1.3847;
  1788. margin-bottom: 0;
  1789. text-transform: uppercase;
  1790. }
  1791. .author-bio {
  1792. clear: both;
  1793. }
  1794. .author-link {
  1795. white-space: nowrap;
  1796. }
  1797. /*--------------------------------------------------------------
  1798. ## Hero
  1799. --------------------------------------------------------------*/
  1800. .hero {
  1801. background-position: 50% 50%;
  1802. background-size: cover;
  1803. border-bottom: 0;
  1804. margin-top: -24px;
  1805. padding-left: 0;
  1806. padding-right: 0;
  1807. position: relative;
  1808. top: 0;
  1809. width: 100%;
  1810. z-index: 1;
  1811. }
  1812. .hentry-inner {
  1813. background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.5));
  1814. text-shadow: 0 0 0.125em rgba(0, 0, 0, 0.5);
  1815. width: 100%;
  1816. }
  1817. .hentry-inner,
  1818. .hentry-inner a {
  1819. color: #fff;
  1820. }
  1821. .hentry-inner a:focus {
  1822. outline-color: #fff;
  1823. }
  1824. .entry-wrapper {
  1825. padding-bottom: 24px;
  1826. padding-top: 24px;
  1827. }
  1828. .hero .entry-title a:active,
  1829. .hero .entry-title a:focus,
  1830. .hero .entry-title a:hover,
  1831. .hero .more-link:active,
  1832. .hero .more-link:focus,
  1833. .hero .more-link:hover {
  1834. color: rgba(255, 255, 255, 0.75);
  1835. }
  1836. .hero .entry-summary {
  1837. margin-bottom: 0;
  1838. }
  1839. .hero .entry-meta a {
  1840. box-shadow: inset 0 -0.5em 0 #222;
  1841. }
  1842. .hero .entry-meta a:active,
  1843. .hero .entry-meta a:focus,
  1844. .hero .entry-meta a:hover {
  1845. background: #222;
  1846. color: #fff;
  1847. }
  1848. /*--------------------------------------------------------------
  1849. ## Comments
  1850. --------------------------------------------------------------*/
  1851. .comment-respond,
  1852. .comments-title,
  1853. .no-comments {
  1854. border-top: 1px solid #eee;
  1855. padding-top: 24px;
  1856. }
  1857. .comment-list,
  1858. .comment-respond,
  1859. .comments-title,
  1860. .no-comments {
  1861. padding-left: 24px;
  1862. padding-right: 24px;
  1863. }
  1864. .no-comments {
  1865. font-family: Neuton, serif;
  1866. font-size: 25px;
  1867. line-height: 1.2;
  1868. }
  1869. .comment-list {
  1870. list-style: none;
  1871. margin-bottom: 0;
  1872. }
  1873. .comment-list .children {
  1874. list-style: none;
  1875. position: relative;
  1876. }
  1877. .comment-list .children:before {
  1878. background: #ddd;
  1879. content: "";
  1880. display: block;
  1881. height: 1px;
  1882. left: -24px;
  1883. position: absolute;
  1884. width: 100%;
  1885. }
  1886. .comment-list .comment {
  1887. margin-left: 0 !important;
  1888. margin-right: 0 !important;
  1889. }
  1890. .comment-list .comment:not(:last-of-type),
  1891. .comment-list .depth-1:not(:last-of-type) {
  1892. border-bottom: 1px solid #ddd;
  1893. margin-bottom: 24px;
  1894. }
  1895. .comment-list .comment .comment:first-of-type {
  1896. border-top: 1px solid #ddd;
  1897. padding-top: 24px;
  1898. }
  1899. .comment-list .comment-respond {
  1900. border-top: 1px solid #eee;
  1901. margin: 0;
  1902. padding: 24px 0 0;
  1903. }
  1904. .comment-list .comment-form {
  1905. padding-bottom: 0;
  1906. }
  1907. .pingback .comment-body {
  1908. padding-bottom: 24px;
  1909. }
  1910. .comment-body {
  1911. word-wrap: break-word;
  1912. }
  1913. .comment-author {
  1914. font-family: Neuton, serif;
  1915. font-size: 20px;
  1916. line-height: 1.2;
  1917. }
  1918. .comment-author a,
  1919. .comment-author b {
  1920. font-weight: normal;
  1921. }
  1922. .comment-metadata {
  1923. color: #555;
  1924. font-family: Oswald, sans-serif;
  1925. font-size: 13px;
  1926. font-weight: normal;
  1927. letter-spacing: 0.075em;
  1928. line-height: 1.8462;
  1929. margin-bottom: 24px;
  1930. text-transform: uppercase;
  1931. }
  1932. .comment-metadata a {
  1933. box-shadow: inset 0 -0.5em 0 #ddd;
  1934. color: inherit;
  1935. font-weight: inherit;
  1936. padding-left: 0.15em;
  1937. padding-right: 0.15em;
  1938. }
  1939. .comment-metadata a:active,
  1940. .comment-metadata a:focus,
  1941. .comment-metadata a:hover {
  1942. background: #ddd;
  1943. color: #222;
  1944. }
  1945. .comment-metadata .edit-link {
  1946. border-left: 1px solid #eee;
  1947. margin-left: 6px;
  1948. padding-left: 6px;
  1949. }
  1950. .comment-metadata .edit-link:before {
  1951. display: none;
  1952. }
  1953. .comment-author .avatar {
  1954. border: 1px solid #ddd;
  1955. float: left;
  1956. margin-right: 12px;
  1957. padding: 2px;
  1958. vertical-align: middle;
  1959. }
  1960. .comment-author .says {
  1961. display: none;
  1962. }
  1963. .comment-author a {
  1964. color: #222;
  1965. }
  1966. .comment-author a:active,
  1967. .comment-author a:focus,
  1968. .comment-author a:hover {
  1969. color: #ef7d0b;
  1970. }
  1971. .reply {
  1972. margin-bottom: 24px;
  1973. }
  1974. .comment-form-author,
  1975. .comment-form-comment,
  1976. .comment-form-email,
  1977. .comment-form-url {
  1978. color: #555;
  1979. font-family: Oswald, sans-serif;
  1980. font-size: 13px;
  1981. font-weight: normal;
  1982. letter-spacing: 0.075em;
  1983. line-height: 1.3847;
  1984. text-transform: uppercase;
  1985. }
  1986. .comment-form-author input,
  1987. .comment-form-comment textarea,
  1988. .comment-form-email input,
  1989. .comment-form-url input {
  1990. margin-top: 6px;
  1991. }
  1992. .form-allowed-tags {
  1993. font-size: 13px;
  1994. line-height: 1.3847;
  1995. }
  1996. .comment-reply-title small {
  1997. float: right;
  1998. }
  1999. .comment-respond h3 a {
  2000. box-shadow: none;
  2001. }
  2002. .comment-respond .submit {
  2003. width: 100%;
  2004. }
  2005. .bypostauthor {
  2006. display: block;
  2007. }
  2008. .required {
  2009. color: #ef7d0b;
  2010. }
  2011. /*--------------------------------------------------------------
  2012. # Media
  2013. --------------------------------------------------------------*/
  2014. .page-content .wp-smiley,
  2015. .entry-content .wp-smiley,
  2016. .comment-content .wp-smiley {
  2017. border: none;
  2018. margin-bottom: 0;
  2019. margin-top: 0;
  2020. padding: 0;
  2021. }
  2022. embed,
  2023. iframe,
  2024. object,
  2025. video,
  2026. .fb_iframe_widget,
  2027. .video-player,
  2028. .wp-audio-shortcode {
  2029. margin-bottom: 24px;
  2030. max-width: 100%;
  2031. }
  2032. .video-player a,
  2033. .wp-audio-shortcode a {
  2034. box-shadow: none;
  2035. }
  2036. p > embed,
  2037. p > iframe,
  2038. p > object,
  2039. p > video,
  2040. p > .fb_iframe_widget,
  2041. p > .video-player,
  2042. p > .wp-audio-shortcode {
  2043. margin-bottom: 0;
  2044. }
  2045. /*--------------------------------------------------------------
  2046. ## Captions
  2047. --------------------------------------------------------------*/
  2048. .wp-caption {
  2049. border-bottom: 1px solid #eee;
  2050. color: #555;
  2051. font-size: 13px;
  2052. line-height: 1.3847;
  2053. margin-bottom: 24px;
  2054. max-width: 100%;
  2055. }
  2056. .widget .wp-caption {
  2057. border-bottom-color: #333;
  2058. color: #ccc;
  2059. }
  2060. .wp-caption img[class*="wp-image-"] {
  2061. display: block;
  2062. margin: 0 auto;
  2063. }
  2064. .wp-caption-text {
  2065. text-align: center;
  2066. }
  2067. .wp-caption .wp-caption-text {
  2068. margin: 6px 0;
  2069. }
  2070. /*--------------------------------------------------------------
  2071. ## Galleries
  2072. --------------------------------------------------------------*/
  2073. .gallery {
  2074. margin-bottom: 24px;
  2075. }
  2076. .gallery a {
  2077. box-shadow: none;
  2078. vertical-align: top;
  2079. }
  2080. .gallery-item {
  2081. display: inline-block;
  2082. padding: 0 6px;
  2083. text-align: center;
  2084. vertical-align: top;
  2085. width: 100%;
  2086. }
  2087. .gallery-item img {
  2088. display: block;
  2089. margin: 0 auto;
  2090. }
  2091. .gallery-columns-2 .gallery-item {
  2092. max-width: 50%;
  2093. }
  2094. .gallery-columns-3 .gallery-item {
  2095. max-width: 33.33%;
  2096. }
  2097. .gallery-columns-4 .gallery-item {
  2098. max-width: 25%;
  2099. }
  2100. .gallery-columns-5 .gallery-item {
  2101. max-width: 20%;
  2102. }
  2103. .gallery-columns-6 .gallery-item {
  2104. max-width: 16.66%;
  2105. }
  2106. .gallery-columns-7 .gallery-item {
  2107. max-width: 14.28%;
  2108. }
  2109. .gallery-columns-8 .gallery-item {
  2110. max-width: 12.5%;
  2111. }
  2112. .gallery-columns-9 .gallery-item {
  2113. max-width: 11.11%;
  2114. }
  2115. .gallery-caption {
  2116. border-bottom: 1px solid #eee;
  2117. color: #555;
  2118. display: block;
  2119. font-size: 13px;
  2120. line-height: 1.3847;
  2121. margin-bottom: 24px;
  2122. padding: 6px 0;
  2123. }
  2124. /*--------------------------------------------------------------
  2125. # Jetpack
  2126. --------------------------------------------------------------*/
  2127. /*--------------------------------------------------------------
  2128. ## Contact Form
  2129. --------------------------------------------------------------*/
  2130. .site-content .contact-form > div {
  2131. margin-bottom: 24px;
  2132. }
  2133. .site-content .contact-form label {
  2134. color: #555;
  2135. font-family: Oswald, sans-serif;
  2136. font-size: 13px;
  2137. font-weight: normal;
  2138. letter-spacing: 0.075em;
  2139. line-height: 1.3847;
  2140. margin-bottom: 6px;
  2141. text-transform: uppercase;
  2142. }
  2143. .site-content .contact-form input[type="text"],
  2144. .site-content .contact-form input[type="email"],
  2145. .site-content .contact-form input[type="url"],
  2146. .site-content .contact-form textarea {
  2147. margin-bottom: 0;
  2148. width: 100%;
  2149. max-width: 100%;
  2150. }
  2151. .site-content .contact-form label span {
  2152. color: #ef7d0b;
  2153. }
  2154. .site-content .contact-form label.checkbox-multiple,
  2155. .site-content .contact-form label.checkbox,
  2156. .site-content .contact-form label.radio {
  2157. color: #222;
  2158. font-family: inherit;
  2159. font-size: inherit;
  2160. font-weight: normal;
  2161. letter-spacing: 0;
  2162. line-height: inherit;
  2163. margin-bottom: 0;
  2164. text-transform: none;
  2165. }
  2166. .site-content .contact-form input[type="checkbox"],
  2167. .site-content .contact-form input[type="radio"] {
  2168. margin-bottom: 6px;
  2169. margin-right: 6px;
  2170. }
  2171. .site-content .contact-form select {
  2172. margin-bottom: 0;
  2173. max-width: 100%;
  2174. }
  2175. /*--------------------------------------------------------------
  2176. ## Galleries
  2177. --------------------------------------------------------------*/
  2178. .site .slideshow-window {
  2179. border-radius: 0;
  2180. border-width: 12px;
  2181. }
  2182. .site .tiled-gallery {
  2183. margin-bottom: 24px;
  2184. }
  2185. /*--------------------------------------------------------------
  2186. ## Google Maps
  2187. --------------------------------------------------------------*/
  2188. .googlemaps {
  2189. margin-bottom: 24px;
  2190. }
  2191. .googlemaps br {
  2192. display: none;
  2193. }
  2194. .googlemaps iframe {
  2195. margin-bottom: 0;
  2196. }
  2197. /*--------------------------------------------------------------
  2198. ## Infinite Scroll
  2199. --------------------------------------------------------------*/
  2200. /* Infinite Footer */
  2201. .infinite-scroll .posts-navigation,
  2202. .infinite-scroll.neverending .site-footer {
  2203. display: none;
  2204. }
  2205. .infinity-end.neverending .site-footer {
  2206. display: block;
  2207. }
  2208. .menu-open #infinite-footer {
  2209. display: none;
  2210. }
  2211. #infinite-footer {
  2212. background: #222;
  2213. border-top: 1px solid #333;
  2214. z-index: 99998;
  2215. }
  2216. #infinite-footer .container {
  2217. background: transparent;
  2218. border: 0;
  2219. color: #fff;
  2220. font-family: inherit;
  2221. font-size: 13px;
  2222. line-height: 1.3847;
  2223. padding: 18px 24px;
  2224. }
  2225. #infinite-footer .blog-credits,
  2226. #infinite-footer .blog-info {
  2227. line-height: inherit;
  2228. }
  2229. #infinite-footer .blog-credits {
  2230. color: inherit;
  2231. font-size: inherit;
  2232. }
  2233. #infinite-footer .blog-credits a {
  2234. color: inherit;
  2235. }
  2236. #infinite-footer .blog-info a {
  2237. color: inherit;
  2238. font-size: inherit;
  2239. }
  2240. #infinite-footer .blog-credits a:active,
  2241. #infinite-footer .blog-credits a:focus,
  2242. #infinite-footer .blog-credits a:hover,
  2243. #infinite-footer .blog-info a:active,
  2244. #infinite-footer .blog-info a:focus,
  2245. #infinite-footer .blog-info a:hover {
  2246. color: rgba(255, 255, 255, 0.75);
  2247. }
  2248. /* Infinite Handle */
  2249. #infinite-handle span {
  2250. background: #fff;
  2251. border-radius: 0;
  2252. border-top: 1px solid #eee;
  2253. color: #555;
  2254. display: block;
  2255. font-family: Oswald, sans-serif;
  2256. font-size: 13px;
  2257. line-height: 1.3847;
  2258. padding: 24px;
  2259. }
  2260. #infinite-handle span:hover {
  2261. background: #eee;
  2262. }
  2263. #infinite-handle span button {
  2264. box-shadow: inset 0 -0.5em 0 #ddd;
  2265. color: inherit;
  2266. display: inline-block;
  2267. font-family: inherit;
  2268. font-size: inherit;
  2269. font-weight: normal;
  2270. letter-spacing: 0.075em;
  2271. line-height: inherit;
  2272. padding-left: 0.15em;
  2273. padding-right: 0.15em;
  2274. text-transform: uppercase;
  2275. }
  2276. #infinite-handle span:hover button,
  2277. #infinite-handle span button:active,
  2278. #infinite-handle span button:focus,
  2279. #infinite-handle span button:hover {
  2280. background: #ddd;
  2281. padding-left: 0.15em;
  2282. padding-right: 0.15em;
  2283. }
  2284. /* Infinite Loader */
  2285. .infinite-loader {
  2286. border-top: 1px solid #eee;
  2287. clear: both;
  2288. overflow: hidden;
  2289. padding: 74px 24px 0;
  2290. position: relative;
  2291. text-align: center;
  2292. }
  2293. .infinite-loader .spinner {
  2294. position: absolute;
  2295. top: -37px !important;
  2296. left: 12px !important;
  2297. }
  2298. .infinite-loader .spinner div {
  2299. background: #222 !important;
  2300. }
  2301. /* Infinite Wrap */
  2302. .infinite-wrap {
  2303. border-top: 1px solid #eee;
  2304. padding-top: 24px;
  2305. }
  2306. /*--------------------------------------------------------------
  2307. ## PollDaddy
  2308. --------------------------------------------------------------*/
  2309. .PDS_Poll {
  2310. margin-bottom: 24px;
  2311. }
  2312. .PDS_Poll a {
  2313. box-shadow: none;
  2314. }
  2315. /*--------------------------------------------------------------
  2316. ## Recipes
  2317. --------------------------------------------------------------*/
  2318. .site-content .jetpack-recipe {
  2319. margin: 0 0 24px;
  2320. padding: 24px 24px 0;
  2321. }
  2322. .site-content .jetpack-recipe blockquote {
  2323. margin-left: 0;
  2324. }
  2325. .site-content .jetpack-recipe ol,
  2326. .site-content .jetpack-recipe ul {
  2327. list-style-position: inside;
  2328. }
  2329. .site-content .jetpack-recipe-title {
  2330. padding: 0;
  2331. margin: 0 auto 24px;
  2332. border-bottom: 0;
  2333. }
  2334. .site-content .jetpack-recipe-content br {
  2335. display: none;
  2336. }
  2337. .site-content .jetpack-recipe .jetpack-recipe-meta {
  2338. color: #555;
  2339. font-size: inherit;
  2340. line-height: inherit;
  2341. overflow: inherit;
  2342. }
  2343. .site-content .jetpack-recipe-meta:before,
  2344. .site-content .jetpack-recipe-meta:after {
  2345. content: "";
  2346. display: table;
  2347. }
  2348. .site-content .jetpack-recipe-meta:after {
  2349. clear: both;
  2350. }
  2351. /*--------------------------------------------------------------
  2352. ## Responsive Videos
  2353. --------------------------------------------------------------*/
  2354. .jetpack-video-wrapper {
  2355. margin: 0 0 24px;
  2356. }
  2357. .jetpack-video-wrapper:empty {
  2358. display: none;
  2359. }
  2360. /*--------------------------------------------------------------
  2361. ## Sharedaddy
  2362. --------------------------------------------------------------*/
  2363. .hentry #jp-post-flair {
  2364. padding: 0;
  2365. }
  2366. .entry-summary .sharedaddy {
  2367. display: none !important;
  2368. }
  2369. .sd-like.jetpack-likes-widget-wrapper,
  2370. .sd-rating,
  2371. .sd-sharing-enabled:not(#jp-post-flair) {
  2372. border-bottom: 1px solid #ddd;
  2373. padding: 6px 0;
  2374. }
  2375. .hentry div.sd-rating h3.sd-title,
  2376. .hentry div.sharedaddy h3.sd-title {
  2377. color: #555;
  2378. display: block;
  2379. font-family: Oswald, sans-serif;
  2380. font-size: 13px;
  2381. font-weight: normal;
  2382. letter-spacing: 0.075em;
  2383. line-height: 1.3847;
  2384. margin-bottom: 6px;
  2385. padding-left: 0.15em;
  2386. padding-right: 0.15em;
  2387. text-transform: uppercase;
  2388. }
  2389. .hentry div.sd-rating h3.sd-title:before,
  2390. .hentry div.sharedaddy h3.sd-title:before {
  2391. border-top: 0;
  2392. content: "\f415";
  2393. height: 18px;
  2394. line-height: 18px;
  2395. margin-bottom: 0;
  2396. margin-right: 6px;
  2397. min-width: 0;
  2398. width: 18px;
  2399. }
  2400. .hentry div.sd-like h3.sd-title:before {
  2401. content: "\f461";
  2402. }
  2403. .hentry div.sd-rating h3.sd-title:before {
  2404. content: "\f408";
  2405. }
  2406. .hentry div.sd-rating .pd-rating,
  2407. .hentry div.sharedaddy .jetpack-likes-widget,
  2408. .hentry div.sharedaddy .sd-content {
  2409. padding-left: 24px;
  2410. }
  2411. .hentry div.sharedaddy .sd-content ul {
  2412. margin-bottom: 0 !important;
  2413. letter-spacing: 0;
  2414. text-transform: none;
  2415. }
  2416. .hentry .sd-social-official .sd-content .share-end {
  2417. height: 0;
  2418. margin: 0 !important;
  2419. }
  2420. /* Likes */
  2421. .hentry .post-likes-widget {
  2422. margin-bottom: 30px;
  2423. position: inherit !important;
  2424. top: auto !important;
  2425. }
  2426. .sd-like.jetpack-likes-widget-wrapper iframe {
  2427. margin-bottom: 0;
  2428. }
  2429. .comment-likes a {
  2430. box-shadow: none;
  2431. }
  2432. /* Ratings */
  2433. .comment .pd-rating,
  2434. .hentry .pd-rating,
  2435. .hentry .sd-sharing .share-count {
  2436. line-height: 1 !important;
  2437. }
  2438. .hentry .pd-rating + br {
  2439. display: none;
  2440. }
  2441. .hentry .rating-msg {
  2442. text-transform: none;
  2443. }
  2444. .comment .pd-rating,
  2445. .entry-content > .pd-rating {
  2446. margin-bottom: 24px;
  2447. }
  2448. /* Related Posts */
  2449. div#jp-relatedposts {
  2450. margin: 0 0 24px;
  2451. padding: 0 24px;
  2452. position: relative;
  2453. width: 100%;
  2454. }
  2455. .hentry div#jp-relatedposts h3.jp-relatedposts-headline {
  2456. color: #555;
  2457. display: block;
  2458. font-family: Oswald, sans-serif;
  2459. font-size: 13px;
  2460. font-weight: normal;
  2461. letter-spacing: 0.075em;
  2462. line-height: 1.3847;
  2463. margin-bottom: 24px;
  2464. text-transform: uppercase;
  2465. }
  2466. .hentry div#jp-relatedposts h3.jp-relatedposts-headline em {
  2467. font-weight: inherit;
  2468. }
  2469. .hentry div#jp-relatedposts h3.jp-relatedposts-headline em:before {
  2470. display: none;
  2471. }
  2472. .hentry div#jp-relatedposts div.jp-relatedposts-items {
  2473. width: 100%;
  2474. }
  2475. .hentry div#jp-relatedposts div.jp-relatedposts-items p {
  2476. font-size: 16px;
  2477. line-height: 1.5;
  2478. }
  2479. .hentry div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post-a {
  2480. display: inline-block;
  2481. vertical-align: middle;
  2482. }
  2483. .hentry div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post,
  2484. .hentry div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post-context {
  2485. opacity: 1;
  2486. }
  2487. .hentry div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post {
  2488. padding: 0;
  2489. margin-bottom: 24px;
  2490. width: 100%;
  2491. }
  2492. .hentry div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post:last-of-type {
  2493. margin-bottom: 0;
  2494. }
  2495. .hentry div#jp-relatedposts div.jp-relatedposts-items.jp-relatedposts-items-minimal .jp-relatedposts-post {
  2496. padding: 0;
  2497. width: 100%;
  2498. }
  2499. .hentry div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post span {
  2500. max-width: 100%;
  2501. }
  2502. .hentry div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post-context {
  2503. color: #555;
  2504. display: block;
  2505. }
  2506. .hentry div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post-title {
  2507. font-family: Lato, sans-serif;
  2508. font-size: 16px;
  2509. font-weight: bold;
  2510. letter-spacing: 0;
  2511. line-height: 1.5;
  2512. }
  2513. .hentry div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post-title a {
  2514. border-bottom: 0;
  2515. box-shadow: inset 0 -1px 0 currentColor;
  2516. display: inline;
  2517. font-weight: inherit;
  2518. text-decoration: none !important;
  2519. }
  2520. .hentry div#jp-relatedposts div.jp-relatedposts-items span.jp-relatedposts-post-title {
  2521. font-size: inherit;
  2522. line-height: inherit;
  2523. }
  2524. .hentry div#jp-relatedposts div.jp-relatedposts-post-thumbs .jp-relatedposts-post-title {
  2525. padding: 12px 0 0;
  2526. }
  2527. .hentry div#jp-relatedposts div.jp-relatedposts-post-thumbs > .jp-relatedposts-post-a {
  2528. background: #000;
  2529. }
  2530. .jp-relatedposts-post-a:active img,
  2531. .jp-relatedposts-post-a:focus img,
  2532. .jp-relatedposts-post-a:hover img {
  2533. opacity: 0.75;
  2534. }
  2535. /*--------------------------------------------------------------
  2536. ## Site Logo
  2537. --------------------------------------------------------------*/
  2538. .site-logo-link {
  2539. display: inline-block;
  2540. max-height: 108px;
  2541. max-width: 324px;
  2542. vertical-align: middle;
  2543. }
  2544. .site-logo-link:active,
  2545. .site-logo-link:focus,
  2546. .site-logo-link:hover {
  2547. opacity: 0.75;
  2548. }
  2549. .site-logo-link img {
  2550. display: block;
  2551. height: auto;
  2552. max-height: 108px;
  2553. max-width: 100%;
  2554. width: auto;
  2555. }
  2556. /*--------------------------------------------------------------
  2557. ## Widgets
  2558. --------------------------------------------------------------*/
  2559. /* Contact Info */
  2560. .widget_contact_info .contact-map {
  2561. margin-bottom: 12px;
  2562. }
  2563. .widget_contact_info > div:last-of-type {
  2564. margin-bottom: 24px;
  2565. }
  2566. /* Display WordPress Posts */
  2567. .widget_jetpack_display_posts_widget .jetpack-display-remote-posts {
  2568. margin: 0;
  2569. }
  2570. .widget_jetpack_display_posts_widget .jetpack-display-remote-posts h4 {
  2571. font-size: 20px;
  2572. line-height: 1.2;
  2573. margin: 0 auto 24px;
  2574. padding: 0;
  2575. }
  2576. .widget_jetpack_display_posts_widget .jetpack-display-remote-posts img {
  2577. margin-bottom: 24px;
  2578. }
  2579. .widget_jetpack_display_posts_widget .jetpack-display-remote-posts p {
  2580. font-size: 16px;
  2581. line-height: 1.5 !important;
  2582. margin: 0 0 24px !important;
  2583. }
  2584. .widget_jetpack_display_posts_widget .jetpack-display-remote-posts h4 + p {
  2585. margin-top: -24px !important;
  2586. }
  2587. /* Goodreads */
  2588. .widget_goodreads .gr_custom_widget {
  2589. margin-bottom: 24px;
  2590. }
  2591. .widget_goodreads br,
  2592. .widget_goodreads center {
  2593. display: none;
  2594. }
  2595. .widget_goodreads h2[class^="gr_custom_header"] {
  2596. font-size: 20px;
  2597. line-height: 1.2;
  2598. margin: 0 auto 24px;
  2599. }
  2600. .widget_goodreads div[class^="gr_custom_title"] a {
  2601. color: #ef7d0b;
  2602. }
  2603. .widget_goodreads div[class^="gr_custom_title"] a:active,
  2604. .widget_goodreads div[class^="gr_custom_title"] a:focus,
  2605. .widget_goodreads div[class^="gr_custom_title"] a:hover {
  2606. color: #fff;
  2607. }
  2608. .widget_goodreads div[class^="gr_custom_container"] {
  2609. padding: 0;
  2610. background: transparent;
  2611. border: 0;
  2612. color: inherit;
  2613. border-radius: 0;
  2614. }
  2615. .widget_goodreads div[class^="gr_custom_each_container"] {
  2616. padding: 12px 0;
  2617. margin: 0;
  2618. border-top: 1px solid #444;
  2619. border-bottom: 0;
  2620. }
  2621. .widget_goodreads div[class^="gr_custom_each_container"]:last-of-type {
  2622. border-bottom: 1px solid #444;
  2623. }
  2624. .widget_goodreads div[class^="gr_custom_title"] {
  2625. font-weight: bold;
  2626. }
  2627. .widget_goodreads div[class^="gr_custom_author"] {
  2628. color: #fff;
  2629. font-family: Lato, sans-serif;
  2630. font-size: 13px;
  2631. line-height: 1.3847;
  2632. }
  2633. .widget_goodreads div[class^="gr_custom_container"] div[class^="gr_custom_author"] a {
  2634. border-bottom: 0;
  2635. color: inherit;
  2636. font-weight: inherit;
  2637. }
  2638. .widget_goodreads div[class^="gr_custom_container"] div[class^="gr_custom_author"] a:active,
  2639. .widget_goodreads div[class^="gr_custom_container"] div[class^="gr_custom_author"] a:focus,
  2640. .widget_goodreads div[class^="gr_custom_container"] div[class^="gr_custom_author"] a:hover {
  2641. color: #ef7d0b;
  2642. }
  2643. .widget_goodreads center a {
  2644. border-bottom: 0;
  2645. }
  2646. /* Gravatar Profile */
  2647. .widget-grofile .grofile-thumbnail {
  2648. border: 1px solid #333;
  2649. float: right;
  2650. margin-bottom: -48px;
  2651. max-width: 48px;
  2652. padding: 2px;
  2653. }
  2654. .widget-grofile h4 {
  2655. font-size: 20px;
  2656. line-height: 1.2;
  2657. margin: 0 0 24px !important;
  2658. width: calc(100% - 60px);
  2659. }
  2660. .widget-grofile .grofile-meta {
  2661. clear: both;
  2662. }
  2663. .widget-grofile .grofile-meta h4 {
  2664. margin-bottom: 42px !important;
  2665. }
  2666. .widget-grofile .grofile-meta + p {
  2667. clear: both;
  2668. margin-top: -24px;
  2669. }
  2670. .widget-grofile .grofile-full-link {
  2671. display: inline-block;
  2672. }
  2673. .widget-grofile .grofile-links {
  2674. border-bottom: 1px solid #444;
  2675. list-style: none;
  2676. }
  2677. .widget-grofile .grofile-links li {
  2678. border-top: 1px solid #444;
  2679. padding-bottom: 6px;
  2680. padding-top: 6px;
  2681. }
  2682. .widget-grofile .grofile-full-link {
  2683. background: #ef7d0b;
  2684. color: #fff;
  2685. display: block;
  2686. font-weight: bold;
  2687. padding: 6px 12px;
  2688. text-align: center;
  2689. text-transform: uppercase;
  2690. width: 100%;
  2691. }
  2692. /* Image */
  2693. .widget_image .jetpack-image-container {
  2694. margin-bottom: 24px;
  2695. }
  2696. .widget_image .jetpack-image-container img {
  2697. vertical-align: middle;
  2698. }
  2699. .widget_image .jetpack-image-container .wp-caption {
  2700. margin-bottom: 0;
  2701. }
  2702. /* RSS Links */
  2703. .widget_rss_links ul {
  2704. border-bottom: 1px solid #444;
  2705. list-style: none;
  2706. }
  2707. .widget_rss_links li {
  2708. border-top: 1px solid #444;
  2709. padding-bottom: 6px;
  2710. padding-top: 6px;
  2711. }
  2712. .widget_rss_links a {
  2713. border-bottom: 0;
  2714. }
  2715. .widget_rss_links p {
  2716. border-top: 1px solid #444;
  2717. margin-bottom: 12px;
  2718. padding-top: 12px;
  2719. }
  2720. .widget_rss_links p:last-of-type {
  2721. border-bottom: 1px solid #444;
  2722. margin-bottom: 24px;
  2723. padding-bottom: 12px;
  2724. }
  2725. .widget_rss_links p a + a {
  2726. margin-left: 8px;
  2727. }
  2728. .widget_rss_links img {
  2729. vertical-align: middle;
  2730. }
  2731. /* Twitter Timeline */
  2732. .widget_twitter_timeline iframe {
  2733. margin-bottom: 24px !important;
  2734. }
  2735. /*--------------------------------------------------------------
  2736. # Eventbrite
  2737. --------------------------------------------------------------*/
  2738. .eventbrite-event .entry-header span {
  2739. padding-right: 12px;
  2740. }
  2741. .eventbrite-event .entry-header span:last-of-type {
  2742. padding-right: 0;
  2743. }
  2744. /*--------------------------------------------------------------
  2745. # Transitions
  2746. --------------------------------------------------------------*/
  2747. button,
  2748. input,
  2749. textarea,
  2750. #infinite-handle button,
  2751. #infinite-handle span,
  2752. .jp-relatedposts-post-a img,
  2753. .main-navigation ul ul a:before,
  2754. .meta-nav,
  2755. .post-link .genericon,
  2756. .post-navigation .post-title,
  2757. .post-thumbnail img,
  2758. .search-form:before,
  2759. .site,
  2760. .site:after,
  2761. .site:before,
  2762. .site-logo-link,
  2763. .sticky-post {
  2764. transition: all 350ms ease-in-out;
  2765. }
  2766. .slide-menu {
  2767. transition: visibility 350ms ease-in-out;
  2768. }
  2769. a {
  2770. transition: color 350ms ease-in-out, background-color 350ms ease-in-out, box-shadow 350ms ease-in-out;
  2771. }
  2772. /*--------------------------------------------------------------
  2773. # Responsive
  2774. --------------------------------------------------------------*/
  2775. /*--------------------------------------------------------------
  2776. ## x >= 540px
  2777. --------------------------------------------------------------*/
  2778. @media screen and (min-width: 540px) {
  2779. /* Hero */
  2780. .hero {
  2781. height: 100vh;
  2782. width: 100vw;
  2783. }
  2784. .hentry-inner {
  2785. bottom: 0;
  2786. left: 0;
  2787. position: absolute;
  2788. }
  2789. }
  2790. /*--------------------------------------------------------------
  2791. ## x >= 768px
  2792. --------------------------------------------------------------*/
  2793. @media screen and (min-width: 768px) {
  2794. /* Typography */
  2795. .site-title {
  2796. font-size: 49px;
  2797. line-height: 1.1021;
  2798. }
  2799. .page-title {
  2800. font-size: 40px;
  2801. line-height: 1.2;
  2802. }
  2803. /* Primary Menu */
  2804. .slide-menu {
  2805. padding-top: 102px;
  2806. }
  2807. .menu-toggle {
  2808. margin-right: -336px;
  2809. right: 50%;
  2810. top: 24px;
  2811. }
  2812. .menu-toggle.toggled {
  2813. right: -50%;
  2814. }
  2815. /* Pagination */
  2816. .comment-navigation a,
  2817. .post-navigation a,
  2818. .posts-navigation a {
  2819. border-left: 1px solid #eee;
  2820. border-right: 1px solid #eee;
  2821. padding-left: 48px;
  2822. padding-right: 48px;
  2823. }
  2824. /* Widgets */
  2825. .widget-area {
  2826. padding-top: 0;
  2827. }
  2828. .slide-wrapper + .widget-area {
  2829. border-top: 1px solid #333;
  2830. margin-top: 48px;
  2831. }
  2832. .widget-column {
  2833. padding-top: 48px;
  2834. }
  2835. .no-menu .widget-column {
  2836. padding-top: 0;
  2837. }
  2838. .widget-column + .widget-column {
  2839. padding-top: 48px;
  2840. }
  2841. .widget {
  2842. margin-bottom: 48px;
  2843. padding-bottom: 24px;
  2844. padding-left: 48px;
  2845. padding-right: 48px;
  2846. }
  2847. /* Content */
  2848. .entry-wrapper,
  2849. .site-content,
  2850. .site-header-inner,
  2851. .site-info,
  2852. .slide-wrapper,
  2853. .widget-area {
  2854. width: 768px;
  2855. margin-left: auto;
  2856. margin-right: auto;
  2857. padding-left: 0;
  2858. padding-right: 0;
  2859. }
  2860. .site-info,
  2861. .slide-wrapper {
  2862. padding-left: 48px;
  2863. padding-right: 48px;
  2864. }
  2865. .site-footer {
  2866. padding-left: 0;
  2867. padding-right: 0;
  2868. }
  2869. .content-area {
  2870. padding-top: 48px;
  2871. }
  2872. /* Header */
  2873. .site-header {
  2874. min-height: 102px;
  2875. padding-bottom: 24px;
  2876. padding-top: 24px;
  2877. }
  2878. .site-header-inner {
  2879. padding-left: 48px;
  2880. padding-right: 48px;
  2881. }
  2882. .site-branding {
  2883. margin-right: 78px;
  2884. }
  2885. /* Posts & Pages */
  2886. .hentry {
  2887. margin-bottom: 48px;
  2888. padding-bottom: 24px;
  2889. padding-left: 48px;
  2890. padding-right: 48px;
  2891. }
  2892. .page-header {
  2893. padding-left: 48px;
  2894. padding-right: 48px;
  2895. margin: -48px 0 48px;
  2896. }
  2897. .page .hentry:not(.has-post-thumbnail) .entry-header,
  2898. .single .hentry:not(.has-post-thumbnail) .entry-header {
  2899. padding-left: 48px;
  2900. padding-right: 48px;
  2901. }
  2902. .entry-content,
  2903. .page-content {
  2904. margin-bottom: 24px;
  2905. margin-top: 48px;
  2906. padding-left: 48px;
  2907. padding-right: 48px;
  2908. }
  2909. body:not(.page):not(.single) .hentry:not(.hero) .entry-header,
  2910. body:not(.page):not(.single) .hentry:not(.hero) .entry-summary {
  2911. width: calc(100% - 138px);
  2912. }
  2913. .entry-footer {
  2914. padding-left: 48px;
  2915. padding-right: 48px;
  2916. }
  2917. .entry-author {
  2918. padding-bottom: 24px;
  2919. padding-left: 48px;
  2920. padding-right: 48px;
  2921. padding-top: 48px;
  2922. }
  2923. .post-thumbnail {
  2924. margin-bottom: 24px;
  2925. margin-left: 24px;
  2926. width: 114px;
  2927. }
  2928. /* Hero */
  2929. .hero {
  2930. margin-left: -144px;
  2931. margin-left: calc( (-100vw + 768px) / 2 );
  2932. margin-top: -48px;
  2933. width: 1055px;
  2934. width: 100vw;
  2935. }
  2936. .hero .entry-meta {
  2937. font-size: 16px;
  2938. line-height: 1.5;
  2939. margin-bottom: 0;
  2940. }
  2941. .hero .entry-title {
  2942. font-size: 62px;
  2943. line-height: 1.1613;
  2944. }
  2945. .hero .entry-summary {
  2946. font-size: 20px;
  2947. line-height: 1.5;
  2948. }
  2949. .entry-wrapper {
  2950. padding-bottom: 48px;
  2951. padding-left: 48px;
  2952. padding-right: 48px;
  2953. }
  2954. /* Comments */
  2955. .comment-list,
  2956. .comment-respond,
  2957. .comments-title,
  2958. .no-comments {
  2959. padding-left: 48px;
  2960. padding-right: 48px;
  2961. }
  2962. .comment-respond,
  2963. .comments-title,
  2964. .no-comments {
  2965. padding-top: 48px;
  2966. }
  2967. .comment-list,
  2968. .comment-respond form,
  2969. .no-comments {
  2970. padding-bottom: 24px;
  2971. }
  2972. /* Infinite Scroll */
  2973. #infinite-footer .container {
  2974. padding-left: 0;
  2975. padding-right: 0;
  2976. width: 672px !important;
  2977. }
  2978. #infinite-handle span {
  2979. border-left: 1px solid #eee;
  2980. border-right: 1px solid #eee;
  2981. padding-left: 48px;
  2982. padding-right: 48px;
  2983. }
  2984. .infinite-loader {
  2985. padding-left: 48px;
  2986. padding-right: 48px;
  2987. }
  2988. .infinite-wrap {
  2989. padding-top: 48px;
  2990. }
  2991. /* Sharedaddy */
  2992. div#jp-relatedposts {
  2993. padding-left: 48px;
  2994. padding-right: 48px;
  2995. padding-top: 24px;
  2996. }
  2997. .hentry div#jp-relatedposts div.jp-relatedposts-items-visual .jp-relatedposts-post {
  2998. margin-bottom: 0;
  2999. width: 208px;
  3000. }
  3001. .hentry div#jp-relatedposts div.jp-relatedposts-items-visual .jp-relatedposts-post:nth-of-type(2) {
  3002. margin-left: 24px;
  3003. margin-right: 24px;
  3004. }
  3005. }
  3006. /*--------------------------------------------------------------
  3007. ## x >= 1056px
  3008. --------------------------------------------------------------*/
  3009. @media screen and (min-width: 1056px) {
  3010. /* Widgets */
  3011. #secondary {
  3012. display: block;
  3013. }
  3014. #tertiary {
  3015. display: none;
  3016. }
  3017. .widget-area {
  3018. height: 100%;
  3019. padding-top: 0;
  3020. }
  3021. .has-hero .widget-area {
  3022. margin-top: 100vh;
  3023. }
  3024. .widget-column {
  3025. float: left;
  3026. }
  3027. .no-menu .widget-column {
  3028. padding-top: 48px;
  3029. }
  3030. .widget {
  3031. padding-right: 0;
  3032. }
  3033. .widget:last-of-type {
  3034. margin-bottom: -1px;
  3035. }
  3036. /* Primary Menu */
  3037. .slide-menu {
  3038. outline-width: 1px;
  3039. padding-top: 24px;
  3040. right: -329px;
  3041. width: 329px;
  3042. }
  3043. .no-menu .slide-menu {
  3044. display: none;
  3045. }
  3046. .menu-open .slide-menu {
  3047. height: 100%;
  3048. }
  3049. .menu-open .site {
  3050. left: -329px;
  3051. }
  3052. .menu-open {
  3053. background: #fff;
  3054. }
  3055. .menu-toggle {
  3056. margin-right: -480px;
  3057. right: 50%;
  3058. top: 24px;
  3059. }
  3060. .no-menu .menu-toggle {
  3061. display: none;
  3062. }
  3063. .menu-toggle.toggled {
  3064. right: 50%;
  3065. outline: 0;
  3066. }
  3067. .menu-toggle.toggled:active,
  3068. .menu-toggle.toggled:focus,
  3069. .menu-toggle.toggled:hover {
  3070. background: #444;
  3071. border-color: #444;
  3072. }
  3073. /* Pagination */
  3074. body:not(.no-sidebar) .comment-navigation a,
  3075. body:not(.no-sidebar) .post-navigation a,
  3076. body:not(.no-sidebar) .posts-navigation a {
  3077. border-right: 0;
  3078. }
  3079. .comment-navigation a,
  3080. .post-navigation a,
  3081. .posts-navigation a {
  3082. padding-left: 24px;
  3083. padding-right: 24px;
  3084. }
  3085. /* Content */
  3086. .site:before {
  3087. background: #222;
  3088. bottom: 0;
  3089. content: "";
  3090. display: block;
  3091. height: 100%;
  3092. margin-right: -150px;
  3093. position: absolute;
  3094. right: 0;
  3095. width: 50%;
  3096. z-index: 0;
  3097. }
  3098. .no-sidebar .site:before {
  3099. display: none;
  3100. }
  3101. .entry-wrapper,
  3102. .site-content,
  3103. .site-header-inner,
  3104. .site-info {
  3105. width: 960px;
  3106. }
  3107. .site-content {
  3108. background: #fff;
  3109. }
  3110. .site-info,
  3111. .slide-wrapper {
  3112. padding-left: 0;
  3113. padding-right: 0;
  3114. }
  3115. .slide-wrapper {
  3116. width: 100%;
  3117. }
  3118. .content-area {
  3119. float: left;
  3120. padding-top: 48px;
  3121. position: relative;
  3122. width: 630px;
  3123. }
  3124. .widget-area {
  3125. float: right;
  3126. position: relative;
  3127. width: 330px;
  3128. }
  3129. .no-sidebar .content-area {
  3130. float: none;
  3131. margin-left: auto;
  3132. margin-right: auto;
  3133. width: 660px;
  3134. }
  3135. /* Header */
  3136. .site-header {
  3137. position: relative;
  3138. }
  3139. .site-header-inner {
  3140. padding-left: 0;
  3141. padding-right: 0;
  3142. }
  3143. /* Posts & Pages */
  3144. .page-header {
  3145. border-bottom: 0;
  3146. padding: 24px 0;
  3147. margin: -24px 0 24px;
  3148. }
  3149. .no-sidebar .page-header {
  3150. padding-left: 48px;
  3151. padding-right: 48px;
  3152. }
  3153. body:not(.no-sidebar) .entry-author,
  3154. body:not(.no-sidebar) .entry-content,
  3155. body:not(.no-sidebar) .entry-footer,
  3156. body:not(.no-sidebar) .hentry,
  3157. body:not(.no-sidebar).page .hentry:not(.has-post-thumbnail) .entry-header,
  3158. body:not(.no-sidebar) .page-content,
  3159. body:not(.no-sidebar).single .hentry:not(.has-post-thumbnail) .entry-header {
  3160. padding-left: 0;
  3161. }
  3162. body:not(.page):not(.single) .hentry:not(.hero) .entry-header,
  3163. body:not(.page):not(.single) .hentry:not(.hero) .entry-summary {
  3164. width: calc(100% - 168px);
  3165. }
  3166. .post-thumbnail {
  3167. width: 144px;
  3168. }
  3169. /* Hero */
  3170. .hero {
  3171. margin-left: -156px;
  3172. margin-left: calc( (-100vw + 960px) / 2 );
  3173. width: 1271px;
  3174. width: 100vw;
  3175. }
  3176. .no-sidebar .hero {
  3177. margin-left: -306px;
  3178. margin-left: calc( (-100vw + 660px) / 2 );
  3179. }
  3180. .hero .entry-header,
  3181. .hero .entry-summary {
  3182. width: 582px;
  3183. }
  3184. .no-sidebar .hero .entry-header,
  3185. .no-sidebar .hero .entry-summary {
  3186. width: 564px;
  3187. }
  3188. .entry-wrapper {
  3189. padding-left: 0;
  3190. padding-right: 0;
  3191. }
  3192. /* Comments */
  3193. body:not(.no-sidebar) .comment-list,
  3194. body:not(.no-sidebar) .comment-respond,
  3195. body:not(.no-sidebar) .comments-title,
  3196. body:not(.no-sidebar) .no-comments {
  3197. padding-left: 0;
  3198. }
  3199. /* Infinite Scroll */
  3200. #infinite-footer .container {
  3201. width: 960px !important;
  3202. }
  3203. #infinite-handle span {
  3204. border-bottom: 1px solid #eee;
  3205. border-right: 0;
  3206. margin-bottom: -1px;
  3207. padding-left: 24px;
  3208. padding-right: 24px;
  3209. }
  3210. .infinite-loader {
  3211. padding-left: 0;
  3212. padding-right: 0;
  3213. }
  3214. /* Sharedaddy */
  3215. div#jp-relatedposts {
  3216. padding-left: 0;
  3217. }
  3218. .no-sidebar div#jp-relatedposts {
  3219. padding-left: 48px;
  3220. }
  3221. .hentry div#jp-relatedposts div.jp-relatedposts-items-visual .jp-relatedposts-post {
  3222. width: 178px;
  3223. }
  3224. .no-sidebar .hentry div#jp-relatedposts div.jp-relatedposts-items-visual .jp-relatedposts-post {
  3225. width: 172px;
  3226. }
  3227. }
  3228. /*--------------------------------------------------------------
  3229. ## x >= 1272px
  3230. --------------------------------------------------------------*/
  3231. @media screen and (min-width: 1272px) {
  3232. /* Primary Menu */
  3233. .menu-toggle {
  3234. margin-right: -588px;
  3235. }
  3236. /* Content */
  3237. .site:before {
  3238. margin-right: 0;
  3239. }
  3240. .entry-wrapper,
  3241. .site-content,
  3242. .site-header-inner,
  3243. .site-info {
  3244. width: 1176px;
  3245. }
  3246. .content-area,
  3247. .widget-area {
  3248. width: 588px;
  3249. }
  3250. .widget-column {
  3251. position: relative;
  3252. width: 294px;
  3253. }
  3254. .widget {
  3255. padding-right: 48px;
  3256. }
  3257. .widget-column:after,
  3258. .widget-column + .widget-column:before {
  3259. background: #333;
  3260. content: "";
  3261. display: block;
  3262. height: 100%;
  3263. position: absolute;
  3264. right: 0;
  3265. top: 0;
  3266. width: 1px
  3267. }
  3268. .widget-column + .widget-column:before {
  3269. left: -1px;
  3270. right: auto;
  3271. }
  3272. /* Footer */
  3273. .site-footer {
  3274. text-align: center;
  3275. }
  3276. /* Hero */
  3277. .hero {
  3278. margin-left: -120px;
  3279. margin-left: calc( (-100vw + 1176px) / 2 );
  3280. width: 1415px;
  3281. width: 100vw;
  3282. }
  3283. .no-sidebar .hero {
  3284. margin-left: -378px;
  3285. margin-left: calc( (-100vw + 660px) / 2 );
  3286. }
  3287. .hero .entry-header,
  3288. .hero .entry-summary {
  3289. width: 540px;
  3290. }
  3291. /* Infinite Scroll */
  3292. #infinite-footer .container {
  3293. width: 1176px !important;
  3294. }
  3295. /* Sharedaddy */
  3296. .hentry div#jp-relatedposts div.jp-relatedposts-items-visual .jp-relatedposts-post {
  3297. width: 164px;
  3298. }
  3299. }
  3300. /*--------------------------------------------------------------
  3301. ## x >= 1416px
  3302. --------------------------------------------------------------*/
  3303. @media screen and (min-width: 1416px) {
  3304. /* Primary Menu */
  3305. .menu-toggle {
  3306. margin-right: -660px;
  3307. }
  3308. /* Grid */
  3309. .entry-wrapper,
  3310. .site-content,
  3311. .site-header-inner,
  3312. .site-info {
  3313. width: 1320px;
  3314. }
  3315. .content-area,
  3316. .widget-area {
  3317. width: 660px;
  3318. }
  3319. .widget-column {
  3320. width: 330px;
  3321. }
  3322. /* Hero */
  3323. .hero {
  3324. margin-left: -340px;
  3325. margin-left: calc( (-100vw + 1320px) / 2 );
  3326. width: 2000px;
  3327. width: 100vw;
  3328. }
  3329. .no-sidebar .hero {
  3330. margin-left: -670px;
  3331. margin-left: calc( (-100vw + 660px) / 2 );
  3332. }
  3333. .hero .entry-header,
  3334. .hero .entry-summary {
  3335. width: 612px;
  3336. }
  3337. /* Infinite Scroll */
  3338. #infinite-footer .container {
  3339. width: 1320px !important;
  3340. }
  3341. /* Sharedaddy */
  3342. .hentry div#jp-relatedposts div.jp-relatedposts-items-visual .jp-relatedposts-post {
  3343. width: 188px;
  3344. }
  3345. }