style.css 65 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504250525062507250825092510251125122513251425152516251725182519252025212522252325242525252625272528252925302531253225332534253525362537253825392540254125422543254425452546254725482549255025512552255325542555255625572558255925602561256225632564256525662567256825692570257125722573257425752576257725782579258025812582258325842585258625872588258925902591259225932594259525962597259825992600260126022603260426052606260726082609261026112612261326142615261626172618261926202621262226232624262526262627262826292630263126322633263426352636263726382639264026412642264326442645264626472648264926502651265226532654265526562657265826592660266126622663266426652666266726682669267026712672267326742675267626772678267926802681268226832684268526862687268826892690269126922693269426952696269726982699270027012702270327042705270627072708270927102711271227132714271527162717271827192720272127222723272427252726272727282729273027312732273327342735273627372738273927402741274227432744274527462747274827492750275127522753275427552756275727582759276027612762276327642765276627672768276927702771277227732774277527762777277827792780278127822783278427852786278727882789279027912792279327942795279627972798279928002801280228032804280528062807280828092810281128122813281428152816281728182819282028212822282328242825282628272828282928302831283228332834283528362837283828392840284128422843284428452846284728482849285028512852285328542855285628572858285928602861286228632864286528662867286828692870287128722873287428752876287728782879288028812882288328842885288628872888288928902891289228932894289528962897289828992900290129022903290429052906290729082909291029112912291329142915291629172918291929202921292229232924292529262927292829292930293129322933293429352936293729382939294029412942294329442945294629472948294929502951295229532954295529562957295829592960296129622963296429652966296729682969297029712972297329742975297629772978297929802981298229832984298529862987298829892990299129922993299429952996299729982999300030013002300330043005300630073008300930103011301230133014301530163017301830193020302130223023302430253026302730283029303030313032303330343035303630373038303930403041304230433044304530463047304830493050305130523053305430553056305730583059306030613062306330643065306630673068306930703071307230733074307530763077307830793080308130823083308430853086308730883089309030913092309330943095309630973098309931003101310231033104310531063107310831093110311131123113311431153116311731183119312031213122312331243125312631273128312931303131313231333134313531363137313831393140314131423143314431453146314731483149315031513152315331543155315631573158315931603161316231633164316531663167316831693170317131723173317431753176317731783179318031813182318331843185318631873188318931903191319231933194319531963197319831993200320132023203320432053206320732083209321032113212321332143215321632173218321932203221322232233224322532263227322832293230323132323233323432353236323732383239324032413242324332443245324632473248324932503251325232533254325532563257325832593260326132623263326432653266326732683269327032713272327332743275327632773278327932803281328232833284328532863287328832893290329132923293329432953296329732983299330033013302330333043305330633073308330933103311331233133314331533163317331833193320332133223323332433253326332733283329333033313332333333343335333633373338333933403341334233433344334533463347334833493350335133523353335433553356335733583359336033613362336333643365336633673368336933703371337233733374337533763377337833793380338133823383338433853386338733883389339033913392339333943395339633973398339934003401340234033404340534063407340834093410341134123413341434153416341734183419342034213422342334243425342634273428342934303431343234333434343534363437343834393440344134423443344434453446344734483449345034513452345334543455345634573458345934603461346234633464346534663467346834693470347134723473347434753476347734783479348034813482348334843485348634873488348934903491
  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.11-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:not(.has-inline-color),
  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. display: block;
  1588. float: right;
  1589. margin: 0 0 12px 12px;
  1590. width: 60px;
  1591. }
  1592. .wpnbha .post-thumbnail {
  1593. background: none;
  1594. }
  1595. .wpnbha.image-aligntop .post-thumbnail {
  1596. float: unset;
  1597. width: 100%;
  1598. }
  1599. .post-thumbnail img {
  1600. display: block;
  1601. }
  1602. .post-thumbnail:active img,
  1603. .post-thumbnail:focus img,
  1604. .post-thumbnail:hover img {
  1605. opacity: 0.75;
  1606. }
  1607. /* Entry Header */
  1608. .page .hentry:not(.has-post-thumbnail) .entry-header,
  1609. .single .hentry:not(.has-post-thumbnail) .entry-header {
  1610. padding-left: 24px;
  1611. padding-right: 24px;
  1612. }
  1613. .entry-header .entry-meta {
  1614. margin-bottom: 6px;
  1615. }
  1616. .entry-title {
  1617. clear: none;
  1618. }
  1619. .entry-title a {
  1620. color: inherit;
  1621. }
  1622. .entry-title a:active,
  1623. .entry-title a:focus,
  1624. .entry-title a:hover {
  1625. color: #ef7d0b;
  1626. }
  1627. /* Entry Meta */
  1628. .entry-meta {
  1629. color: #555;
  1630. font-family: Oswald, sans-serif;
  1631. font-size: 13px;
  1632. font-weight: normal;
  1633. letter-spacing: 0.075em;
  1634. line-height: 1.3847;
  1635. text-transform: uppercase;
  1636. }
  1637. .entry-meta a {
  1638. box-shadow: inset 0 -0.5em 0 #ddd;
  1639. color: inherit;
  1640. font-weight: inherit;
  1641. padding-left: 0.15em;
  1642. padding-right: 0.15em;
  1643. }
  1644. .entry-meta a:active,
  1645. .entry-meta a:focus,
  1646. .entry-meta a:hover {
  1647. background: #ddd;
  1648. color: #222;
  1649. }
  1650. /* More Link */
  1651. .more-link {
  1652. white-space: nowrap;
  1653. }
  1654. /* Page Links */
  1655. .page-links {
  1656. clear: both;
  1657. margin-bottom: 18px;
  1658. text-transform: uppercase;
  1659. width: 100%;
  1660. }
  1661. .page-links a,
  1662. .page-links > span {
  1663. background: #eee;
  1664. border: 1px solid #ddd;
  1665. box-shadow: none;
  1666. display: inline-block;
  1667. font-weight: bold;
  1668. height: 1.875em;
  1669. line-height: 1.75;
  1670. margin: 0 6px 6px 0;
  1671. text-align: center;
  1672. width: 1.875em;
  1673. }
  1674. .page-links > span {
  1675. color: #222;
  1676. }
  1677. .page-links a {
  1678. background: #fff;
  1679. }
  1680. .page-links a:active,
  1681. .page-links a:focus,
  1682. .page-links a:hover {
  1683. background: #eee;
  1684. }
  1685. .page-links a:focus {
  1686. outline: none;
  1687. }
  1688. .page-links > .page-links-title {
  1689. background: transparent;
  1690. border: 0;
  1691. color: #555;
  1692. display: block;
  1693. font-family: Oswald, sans-serif;
  1694. font-size: 13px;
  1695. font-weight: normal;
  1696. height: auto;
  1697. letter-spacing: 0.075em;
  1698. line-height: 1.3847;
  1699. margin: 0 0 6px;
  1700. padding-right: 5px;
  1701. text-align: left;
  1702. width: auto;
  1703. }
  1704. /* Entry Footer */
  1705. .entry-footer {
  1706. color: #555;
  1707. font-family: Oswald, sans-serif;
  1708. font-size: 13px;
  1709. font-weight: normal;
  1710. letter-spacing: 0.075em;
  1711. line-height: 1.3847;
  1712. padding-left: 24px;
  1713. padding-right: 24px;
  1714. text-transform: uppercase;
  1715. }
  1716. .entry-footer > *:last-child {
  1717. margin-bottom: 24px;
  1718. }
  1719. .entry-footer span a {
  1720. box-shadow: inset 0 -0.5em 0 #ddd;
  1721. color: inherit;
  1722. font-weight: inherit;
  1723. padding-left: 0.15em;
  1724. padding-right: 0.15em;
  1725. }
  1726. .entry-footer span a:active,
  1727. .entry-footer span a:focus,
  1728. .entry-footer span a:hover {
  1729. background: #ddd;
  1730. color: #222;
  1731. }
  1732. .entry-footer > span {
  1733. border-top: 1px solid #ddd;
  1734. display: block;
  1735. padding: 6px 0;
  1736. }
  1737. .entry-footer > span:last-of-type {
  1738. border-bottom: 1px solid #ddd;
  1739. }
  1740. .entry-footer .tags-links {
  1741. padding-left: 24px;
  1742. }
  1743. .comments-link:before,
  1744. .edit-link:before,
  1745. .posted-on:before,
  1746. .tags-links:before {
  1747. color: #222;
  1748. height: 18px;
  1749. line-height: 18px;
  1750. margin-right: 6px;
  1751. width: 18px;
  1752. }
  1753. .comments-link:before {
  1754. content: "\f300";
  1755. }
  1756. .edit-link:before {
  1757. content: "\f411";
  1758. }
  1759. .posted-on:before {
  1760. content: "\f307";
  1761. }
  1762. .tags-links:before {
  1763. content: "\f302";
  1764. margin-left: -24px;
  1765. }
  1766. /* Entry Author */
  1767. .entry-author {
  1768. border-top: 1px solid #eee;
  1769. padding-left: 24px;
  1770. padding-right: 24px;
  1771. padding-top: 24px;
  1772. }
  1773. .author-avatar {
  1774. border: 1px solid #ddd;
  1775. float: right;
  1776. }
  1777. .author-avatar img {
  1778. display: block;
  1779. height: auto;
  1780. max-width: 100%;
  1781. padding: 2px;
  1782. }
  1783. .author-heading {
  1784. float: left;
  1785. max-width: calc(100% - 48px);
  1786. }
  1787. .author-title {
  1788. color: #555;
  1789. font-family: Oswald, sans-serif;
  1790. font-size: 13px;
  1791. font-weight: normal;
  1792. letter-spacing: 0.075em;
  1793. line-height: 1.3847;
  1794. margin-bottom: 0;
  1795. text-transform: uppercase;
  1796. }
  1797. .author-bio {
  1798. clear: both;
  1799. }
  1800. .author-link {
  1801. white-space: nowrap;
  1802. }
  1803. /*--------------------------------------------------------------
  1804. ## Hero
  1805. --------------------------------------------------------------*/
  1806. .hero {
  1807. background-position: 50% 50%;
  1808. background-size: cover;
  1809. border-bottom: 0;
  1810. margin-top: -24px;
  1811. padding-left: 0;
  1812. padding-right: 0;
  1813. position: relative;
  1814. top: 0;
  1815. width: 100%;
  1816. z-index: 1;
  1817. }
  1818. .hentry-inner {
  1819. background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.5));
  1820. text-shadow: 0 0 0.125em rgba(0, 0, 0, 0.5);
  1821. width: 100%;
  1822. }
  1823. .hentry-inner,
  1824. .hentry-inner a {
  1825. color: #fff;
  1826. }
  1827. .hentry-inner a:focus {
  1828. outline-color: #fff;
  1829. }
  1830. .entry-wrapper {
  1831. padding-bottom: 24px;
  1832. padding-top: 24px;
  1833. }
  1834. .hero .entry-title a:active,
  1835. .hero .entry-title a:focus,
  1836. .hero .entry-title a:hover,
  1837. .hero .more-link:active,
  1838. .hero .more-link:focus,
  1839. .hero .more-link:hover {
  1840. color: rgba(255, 255, 255, 0.75);
  1841. }
  1842. .hero .entry-summary {
  1843. margin-bottom: 0;
  1844. }
  1845. .hero .entry-meta a {
  1846. box-shadow: inset 0 -0.5em 0 #222;
  1847. }
  1848. .hero .entry-meta a:active,
  1849. .hero .entry-meta a:focus,
  1850. .hero .entry-meta a:hover {
  1851. background: #222;
  1852. color: #fff;
  1853. }
  1854. /*--------------------------------------------------------------
  1855. ## Comments
  1856. --------------------------------------------------------------*/
  1857. .comment-respond,
  1858. .comments-title,
  1859. .no-comments {
  1860. border-top: 1px solid #eee;
  1861. padding-top: 24px;
  1862. }
  1863. .comment-list,
  1864. .comment-respond,
  1865. .comments-title,
  1866. .no-comments {
  1867. padding-left: 24px;
  1868. padding-right: 24px;
  1869. }
  1870. .no-comments {
  1871. font-family: Neuton, serif;
  1872. font-size: 25px;
  1873. line-height: 1.2;
  1874. }
  1875. .comment-list {
  1876. list-style: none;
  1877. margin-bottom: 0;
  1878. }
  1879. .comment-list .children {
  1880. list-style: none;
  1881. position: relative;
  1882. }
  1883. .comment-list .children:before {
  1884. background: #ddd;
  1885. content: "";
  1886. display: block;
  1887. height: 1px;
  1888. left: -24px;
  1889. position: absolute;
  1890. width: 100%;
  1891. }
  1892. .comment-list .comment {
  1893. margin-left: 0 !important;
  1894. margin-right: 0 !important;
  1895. }
  1896. .comment-list .comment:not(:last-of-type),
  1897. .comment-list .depth-1:not(:last-of-type) {
  1898. border-bottom: 1px solid #ddd;
  1899. margin-bottom: 24px;
  1900. }
  1901. .comment-list .comment .comment:first-of-type {
  1902. border-top: 1px solid #ddd;
  1903. padding-top: 24px;
  1904. }
  1905. .comment-list .comment-respond {
  1906. border-top: 1px solid #eee;
  1907. margin: 0;
  1908. padding: 24px 0 0;
  1909. }
  1910. .comment-list .comment-form {
  1911. padding-bottom: 0;
  1912. }
  1913. .pingback .comment-body {
  1914. padding-bottom: 24px;
  1915. }
  1916. .comment-body {
  1917. word-wrap: break-word;
  1918. }
  1919. .comment-author {
  1920. font-family: Neuton, serif;
  1921. font-size: 20px;
  1922. line-height: 1.2;
  1923. }
  1924. .comment-author a,
  1925. .comment-author b {
  1926. font-weight: normal;
  1927. }
  1928. .comment-metadata {
  1929. color: #555;
  1930. font-family: Oswald, sans-serif;
  1931. font-size: 13px;
  1932. font-weight: normal;
  1933. letter-spacing: 0.075em;
  1934. line-height: 1.8462;
  1935. margin-bottom: 24px;
  1936. text-transform: uppercase;
  1937. }
  1938. .comment-metadata a {
  1939. box-shadow: inset 0 -0.5em 0 #ddd;
  1940. color: inherit;
  1941. font-weight: inherit;
  1942. padding-left: 0.15em;
  1943. padding-right: 0.15em;
  1944. }
  1945. .comment-metadata a:active,
  1946. .comment-metadata a:focus,
  1947. .comment-metadata a:hover {
  1948. background: #ddd;
  1949. color: #222;
  1950. }
  1951. .comment-metadata .edit-link {
  1952. border-left: 1px solid #eee;
  1953. margin-left: 6px;
  1954. padding-left: 6px;
  1955. }
  1956. .comment-metadata .edit-link:before {
  1957. display: none;
  1958. }
  1959. .comment-author .avatar {
  1960. border: 1px solid #ddd;
  1961. float: left;
  1962. margin-right: 12px;
  1963. padding: 2px;
  1964. vertical-align: middle;
  1965. }
  1966. .comment-author .says {
  1967. display: none;
  1968. }
  1969. .comment-author a {
  1970. color: #222;
  1971. }
  1972. .comment-author a:active,
  1973. .comment-author a:focus,
  1974. .comment-author a:hover {
  1975. color: #ef7d0b;
  1976. }
  1977. .reply {
  1978. margin-bottom: 24px;
  1979. }
  1980. .comment-form-author,
  1981. .comment-form-comment,
  1982. .comment-form-email,
  1983. .comment-form-url {
  1984. color: #555;
  1985. font-family: Oswald, sans-serif;
  1986. font-size: 13px;
  1987. font-weight: normal;
  1988. letter-spacing: 0.075em;
  1989. line-height: 1.3847;
  1990. text-transform: uppercase;
  1991. }
  1992. .comment-form-author input,
  1993. .comment-form-comment textarea,
  1994. .comment-form-email input,
  1995. .comment-form-url input {
  1996. margin-top: 6px;
  1997. }
  1998. .form-allowed-tags {
  1999. font-size: 13px;
  2000. line-height: 1.3847;
  2001. }
  2002. .comment-reply-title small {
  2003. float: right;
  2004. }
  2005. .comment-respond h3 a {
  2006. box-shadow: none;
  2007. }
  2008. .comment-respond .submit {
  2009. width: 100%;
  2010. }
  2011. .bypostauthor {
  2012. display: block;
  2013. }
  2014. .required {
  2015. color: #ef7d0b;
  2016. }
  2017. /*--------------------------------------------------------------
  2018. # Media
  2019. --------------------------------------------------------------*/
  2020. .page-content .wp-smiley,
  2021. .entry-content .wp-smiley,
  2022. .comment-content .wp-smiley {
  2023. border: none;
  2024. margin-bottom: 0;
  2025. margin-top: 0;
  2026. padding: 0;
  2027. }
  2028. embed,
  2029. iframe,
  2030. object,
  2031. video,
  2032. .fb_iframe_widget,
  2033. .video-player,
  2034. .wp-audio-shortcode {
  2035. margin-bottom: 24px;
  2036. max-width: 100%;
  2037. }
  2038. .video-player a,
  2039. .wp-audio-shortcode a {
  2040. box-shadow: none;
  2041. }
  2042. p > embed,
  2043. p > iframe,
  2044. p > object,
  2045. p > video,
  2046. p > .fb_iframe_widget,
  2047. p > .video-player,
  2048. p > .wp-audio-shortcode {
  2049. margin-bottom: 0;
  2050. }
  2051. /*--------------------------------------------------------------
  2052. ## Captions
  2053. --------------------------------------------------------------*/
  2054. .wp-caption {
  2055. border-bottom: 1px solid #eee;
  2056. color: #555;
  2057. font-size: 13px;
  2058. line-height: 1.3847;
  2059. margin-bottom: 24px;
  2060. max-width: 100%;
  2061. }
  2062. .widget .wp-caption {
  2063. border-bottom-color: #333;
  2064. color: #ccc;
  2065. }
  2066. .wp-caption img[class*="wp-image-"] {
  2067. display: block;
  2068. margin: 0 auto;
  2069. }
  2070. .wp-caption-text {
  2071. text-align: center;
  2072. }
  2073. .wp-caption .wp-caption-text {
  2074. margin: 6px 0;
  2075. }
  2076. /*--------------------------------------------------------------
  2077. ## Galleries
  2078. --------------------------------------------------------------*/
  2079. .gallery {
  2080. margin-bottom: 24px;
  2081. }
  2082. .gallery a {
  2083. box-shadow: none;
  2084. vertical-align: top;
  2085. }
  2086. .gallery-item {
  2087. display: inline-block;
  2088. padding: 0 6px;
  2089. text-align: center;
  2090. vertical-align: top;
  2091. width: 100%;
  2092. }
  2093. .gallery-item img {
  2094. display: block;
  2095. margin: 0 auto;
  2096. }
  2097. .gallery-columns-2 .gallery-item {
  2098. max-width: 50%;
  2099. }
  2100. .gallery-columns-3 .gallery-item {
  2101. max-width: 33.33%;
  2102. }
  2103. .gallery-columns-4 .gallery-item {
  2104. max-width: 25%;
  2105. }
  2106. .gallery-columns-5 .gallery-item {
  2107. max-width: 20%;
  2108. }
  2109. .gallery-columns-6 .gallery-item {
  2110. max-width: 16.66%;
  2111. }
  2112. .gallery-columns-7 .gallery-item {
  2113. max-width: 14.28%;
  2114. }
  2115. .gallery-columns-8 .gallery-item {
  2116. max-width: 12.5%;
  2117. }
  2118. .gallery-columns-9 .gallery-item {
  2119. max-width: 11.11%;
  2120. }
  2121. .gallery-caption {
  2122. border-bottom: 1px solid #eee;
  2123. color: #555;
  2124. display: block;
  2125. font-size: 13px;
  2126. line-height: 1.3847;
  2127. margin-bottom: 24px;
  2128. padding: 6px 0;
  2129. }
  2130. /*--------------------------------------------------------------
  2131. # Jetpack
  2132. --------------------------------------------------------------*/
  2133. /*--------------------------------------------------------------
  2134. ## Contact Form
  2135. --------------------------------------------------------------*/
  2136. .site-content .contact-form > div {
  2137. margin-bottom: 24px;
  2138. }
  2139. .site-content .contact-form label {
  2140. color: #555;
  2141. font-family: Oswald, sans-serif;
  2142. font-size: 13px;
  2143. font-weight: normal;
  2144. letter-spacing: 0.075em;
  2145. line-height: 1.3847;
  2146. margin-bottom: 6px;
  2147. text-transform: uppercase;
  2148. }
  2149. .site-content .contact-form input[type="text"],
  2150. .site-content .contact-form input[type="email"],
  2151. .site-content .contact-form input[type="url"],
  2152. .site-content .contact-form textarea {
  2153. margin-bottom: 0;
  2154. width: 100%;
  2155. max-width: 100%;
  2156. }
  2157. .site-content .contact-form label span {
  2158. color: #ef7d0b;
  2159. }
  2160. .site-content .contact-form label.checkbox-multiple,
  2161. .site-content .contact-form label.checkbox,
  2162. .site-content .contact-form label.radio {
  2163. color: #222;
  2164. font-family: inherit;
  2165. font-size: inherit;
  2166. font-weight: normal;
  2167. letter-spacing: 0;
  2168. line-height: inherit;
  2169. margin-bottom: 0;
  2170. text-transform: none;
  2171. }
  2172. .site-content .contact-form input[type="checkbox"],
  2173. .site-content .contact-form input[type="radio"] {
  2174. margin-bottom: 6px;
  2175. margin-right: 6px;
  2176. }
  2177. .site-content .contact-form select {
  2178. margin-bottom: 0;
  2179. max-width: 100%;
  2180. }
  2181. /*--------------------------------------------------------------
  2182. ## Galleries
  2183. --------------------------------------------------------------*/
  2184. .site .slideshow-window {
  2185. border-radius: 0;
  2186. border-width: 12px;
  2187. }
  2188. .site .tiled-gallery {
  2189. margin-bottom: 24px;
  2190. }
  2191. /*--------------------------------------------------------------
  2192. ## Google Maps
  2193. --------------------------------------------------------------*/
  2194. .googlemaps {
  2195. margin-bottom: 24px;
  2196. }
  2197. .googlemaps br {
  2198. display: none;
  2199. }
  2200. .googlemaps iframe {
  2201. margin-bottom: 0;
  2202. }
  2203. /*--------------------------------------------------------------
  2204. ## Infinite Scroll
  2205. --------------------------------------------------------------*/
  2206. /* Infinite Footer */
  2207. .infinite-scroll .posts-navigation,
  2208. .infinite-scroll.neverending .site-footer {
  2209. display: none;
  2210. }
  2211. .infinity-end.neverending .site-footer {
  2212. display: block;
  2213. }
  2214. .menu-open #infinite-footer {
  2215. display: none;
  2216. }
  2217. #infinite-footer {
  2218. background: #222;
  2219. border-top: 1px solid #333;
  2220. z-index: 99998;
  2221. }
  2222. #infinite-footer .container {
  2223. background: transparent;
  2224. border: 0;
  2225. color: #fff;
  2226. font-family: inherit;
  2227. font-size: 13px;
  2228. line-height: 1.3847;
  2229. padding: 18px 24px;
  2230. }
  2231. #infinite-footer .blog-credits,
  2232. #infinite-footer .blog-info {
  2233. line-height: inherit;
  2234. }
  2235. #infinite-footer .blog-credits {
  2236. color: inherit;
  2237. font-size: inherit;
  2238. }
  2239. #infinite-footer .blog-credits a {
  2240. color: inherit;
  2241. }
  2242. #infinite-footer .blog-info a {
  2243. color: inherit;
  2244. font-size: inherit;
  2245. }
  2246. #infinite-footer .blog-credits a:active,
  2247. #infinite-footer .blog-credits a:focus,
  2248. #infinite-footer .blog-credits a:hover,
  2249. #infinite-footer .blog-info a:active,
  2250. #infinite-footer .blog-info a:focus,
  2251. #infinite-footer .blog-info a:hover {
  2252. color: rgba(255, 255, 255, 0.75);
  2253. }
  2254. /* Infinite Handle */
  2255. #infinite-handle span {
  2256. background: #fff;
  2257. border-radius: 0;
  2258. border-top: 1px solid #eee;
  2259. color: #555;
  2260. display: block;
  2261. font-family: Oswald, sans-serif;
  2262. font-size: 13px;
  2263. line-height: 1.3847;
  2264. padding: 24px;
  2265. }
  2266. #infinite-handle span:hover {
  2267. background: #eee;
  2268. }
  2269. #infinite-handle span button {
  2270. box-shadow: inset 0 -0.5em 0 #ddd;
  2271. color: inherit;
  2272. display: inline-block;
  2273. font-family: inherit;
  2274. font-size: inherit;
  2275. font-weight: normal;
  2276. letter-spacing: 0.075em;
  2277. line-height: inherit;
  2278. padding-left: 0.15em;
  2279. padding-right: 0.15em;
  2280. text-transform: uppercase;
  2281. }
  2282. #infinite-handle span:hover button,
  2283. #infinite-handle span button:active,
  2284. #infinite-handle span button:focus,
  2285. #infinite-handle span button:hover {
  2286. background: #ddd;
  2287. padding-left: 0.15em;
  2288. padding-right: 0.15em;
  2289. }
  2290. /* Infinite Loader */
  2291. .infinite-loader {
  2292. border-top: 1px solid #eee;
  2293. clear: both;
  2294. overflow: hidden;
  2295. padding: 74px 24px 0;
  2296. position: relative;
  2297. text-align: center;
  2298. }
  2299. .infinite-loader .spinner {
  2300. position: absolute;
  2301. top: -37px !important;
  2302. left: 12px !important;
  2303. }
  2304. .infinite-loader .spinner div {
  2305. background: #222 !important;
  2306. }
  2307. /* Infinite Wrap */
  2308. .infinite-wrap {
  2309. border-top: 1px solid #eee;
  2310. padding-top: 24px;
  2311. }
  2312. /*--------------------------------------------------------------
  2313. ## PollDaddy
  2314. --------------------------------------------------------------*/
  2315. .PDS_Poll {
  2316. margin-bottom: 24px;
  2317. }
  2318. .PDS_Poll a {
  2319. box-shadow: none;
  2320. }
  2321. /*--------------------------------------------------------------
  2322. ## Recipes
  2323. --------------------------------------------------------------*/
  2324. .site-content .jetpack-recipe {
  2325. margin: 0 0 24px;
  2326. padding: 24px 24px 0;
  2327. }
  2328. .site-content .jetpack-recipe blockquote {
  2329. margin-left: 0;
  2330. }
  2331. .site-content .jetpack-recipe ol,
  2332. .site-content .jetpack-recipe ul {
  2333. list-style-position: inside;
  2334. }
  2335. .site-content .jetpack-recipe-title {
  2336. padding: 0;
  2337. margin: 0 auto 24px;
  2338. border-bottom: 0;
  2339. }
  2340. .site-content .jetpack-recipe-content br {
  2341. display: none;
  2342. }
  2343. .site-content .jetpack-recipe .jetpack-recipe-meta {
  2344. color: #555;
  2345. font-size: inherit;
  2346. line-height: inherit;
  2347. overflow: inherit;
  2348. }
  2349. .site-content .jetpack-recipe-meta:before,
  2350. .site-content .jetpack-recipe-meta:after {
  2351. content: "";
  2352. display: table;
  2353. }
  2354. .site-content .jetpack-recipe-meta:after {
  2355. clear: both;
  2356. }
  2357. /*--------------------------------------------------------------
  2358. ## Responsive Videos
  2359. --------------------------------------------------------------*/
  2360. .jetpack-video-wrapper {
  2361. margin: 0 0 24px;
  2362. }
  2363. .jetpack-video-wrapper:empty {
  2364. display: none;
  2365. }
  2366. /*--------------------------------------------------------------
  2367. ## Sharedaddy
  2368. --------------------------------------------------------------*/
  2369. .hentry #jp-post-flair {
  2370. padding: 0;
  2371. }
  2372. .entry-summary .sharedaddy {
  2373. display: none !important;
  2374. }
  2375. .sd-like.jetpack-likes-widget-wrapper,
  2376. .sd-rating,
  2377. .sd-sharing-enabled:not(#jp-post-flair) {
  2378. border-bottom: 1px solid #ddd;
  2379. padding: 6px 0;
  2380. }
  2381. .hentry div.sd-rating h3.sd-title,
  2382. .hentry div.sharedaddy h3.sd-title {
  2383. color: #555;
  2384. display: block;
  2385. font-family: Oswald, sans-serif;
  2386. font-size: 13px;
  2387. font-weight: normal;
  2388. letter-spacing: 0.075em;
  2389. line-height: 1.3847;
  2390. margin-bottom: 6px;
  2391. padding-left: 0.15em;
  2392. padding-right: 0.15em;
  2393. text-transform: uppercase;
  2394. }
  2395. .hentry div.sd-rating h3.sd-title:before,
  2396. .hentry div.sharedaddy h3.sd-title:before {
  2397. border-top: 0;
  2398. content: "\f415";
  2399. height: 18px;
  2400. line-height: 18px;
  2401. margin-bottom: 0;
  2402. margin-right: 6px;
  2403. min-width: 0;
  2404. width: 18px;
  2405. }
  2406. .hentry div.sd-like h3.sd-title:before {
  2407. content: "\f461";
  2408. }
  2409. .hentry div.sd-rating h3.sd-title:before {
  2410. content: "\f408";
  2411. }
  2412. .hentry div.sd-rating .pd-rating,
  2413. .hentry div.sharedaddy .jetpack-likes-widget,
  2414. .hentry div.sharedaddy .sd-content {
  2415. padding-left: 24px;
  2416. }
  2417. .hentry div.sharedaddy .sd-content ul {
  2418. margin-bottom: 0 !important;
  2419. letter-spacing: 0;
  2420. text-transform: none;
  2421. }
  2422. .hentry .sd-social-official .sd-content .share-end {
  2423. height: 0;
  2424. margin: 0 !important;
  2425. }
  2426. /* Likes */
  2427. .hentry .post-likes-widget {
  2428. margin-bottom: 30px;
  2429. position: inherit !important;
  2430. top: auto !important;
  2431. }
  2432. .sd-like.jetpack-likes-widget-wrapper iframe {
  2433. margin-bottom: 0;
  2434. }
  2435. .comment-likes a {
  2436. box-shadow: none;
  2437. }
  2438. /* Ratings */
  2439. .comment .pd-rating,
  2440. .hentry .pd-rating,
  2441. .hentry .sd-sharing .share-count {
  2442. line-height: 1 !important;
  2443. }
  2444. .hentry .pd-rating + br {
  2445. display: none;
  2446. }
  2447. .hentry .rating-msg {
  2448. text-transform: none;
  2449. }
  2450. .comment .pd-rating,
  2451. .entry-content > .pd-rating {
  2452. margin-bottom: 24px;
  2453. }
  2454. /* Related Posts */
  2455. div#jp-relatedposts {
  2456. margin: 0 0 24px;
  2457. padding: 0 24px;
  2458. position: relative;
  2459. width: 100%;
  2460. }
  2461. .hentry div#jp-relatedposts h3.jp-relatedposts-headline {
  2462. color: #555;
  2463. display: block;
  2464. font-family: Oswald, sans-serif;
  2465. font-size: 13px;
  2466. font-weight: normal;
  2467. letter-spacing: 0.075em;
  2468. line-height: 1.3847;
  2469. margin-bottom: 24px;
  2470. text-transform: uppercase;
  2471. }
  2472. .hentry div#jp-relatedposts h3.jp-relatedposts-headline em {
  2473. font-weight: inherit;
  2474. }
  2475. .hentry div#jp-relatedposts h3.jp-relatedposts-headline em:before {
  2476. display: none;
  2477. }
  2478. .hentry div#jp-relatedposts div.jp-relatedposts-items {
  2479. width: 100%;
  2480. }
  2481. .hentry div#jp-relatedposts div.jp-relatedposts-items p {
  2482. font-size: 16px;
  2483. line-height: 1.5;
  2484. }
  2485. .hentry div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post-a {
  2486. display: inline-block;
  2487. vertical-align: middle;
  2488. }
  2489. .hentry div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post,
  2490. .hentry div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post-context {
  2491. opacity: 1;
  2492. }
  2493. .hentry div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post {
  2494. padding: 0;
  2495. margin-bottom: 24px;
  2496. width: 100%;
  2497. }
  2498. .hentry div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post:last-of-type {
  2499. margin-bottom: 0;
  2500. }
  2501. .hentry div#jp-relatedposts div.jp-relatedposts-items.jp-relatedposts-items-minimal .jp-relatedposts-post {
  2502. padding: 0;
  2503. width: 100%;
  2504. }
  2505. .hentry div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post span {
  2506. max-width: 100%;
  2507. }
  2508. .hentry div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post-context {
  2509. color: #555;
  2510. display: block;
  2511. }
  2512. .hentry div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post-title {
  2513. font-family: Lato, sans-serif;
  2514. font-size: 16px;
  2515. font-weight: bold;
  2516. letter-spacing: 0;
  2517. line-height: 1.5;
  2518. }
  2519. .hentry div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post-title a {
  2520. border-bottom: 0;
  2521. box-shadow: inset 0 -1px 0 currentColor;
  2522. display: inline;
  2523. font-weight: inherit;
  2524. text-decoration: none !important;
  2525. }
  2526. .hentry div#jp-relatedposts div.jp-relatedposts-items span.jp-relatedposts-post-title {
  2527. font-size: inherit;
  2528. line-height: inherit;
  2529. }
  2530. .hentry div#jp-relatedposts div.jp-relatedposts-post-thumbs .jp-relatedposts-post-title {
  2531. padding: 12px 0 0;
  2532. }
  2533. .hentry div#jp-relatedposts div.jp-relatedposts-post-thumbs > .jp-relatedposts-post-a {
  2534. background: #000;
  2535. }
  2536. .jp-relatedposts-post-a:active img,
  2537. .jp-relatedposts-post-a:focus img,
  2538. .jp-relatedposts-post-a:hover img {
  2539. opacity: 0.75;
  2540. }
  2541. /*--------------------------------------------------------------
  2542. ## Site Logo
  2543. --------------------------------------------------------------*/
  2544. .site-logo-link {
  2545. display: inline-block;
  2546. max-height: 108px;
  2547. max-width: 324px;
  2548. vertical-align: middle;
  2549. }
  2550. .site-logo-link:active,
  2551. .site-logo-link:focus,
  2552. .site-logo-link:hover {
  2553. opacity: 0.75;
  2554. }
  2555. .site-logo-link img {
  2556. display: block;
  2557. height: auto;
  2558. max-height: 108px;
  2559. max-width: 100%;
  2560. width: auto;
  2561. }
  2562. /*--------------------------------------------------------------
  2563. ## Widgets
  2564. --------------------------------------------------------------*/
  2565. /* Contact Info */
  2566. .widget_contact_info .contact-map {
  2567. margin-bottom: 12px;
  2568. }
  2569. .widget_contact_info > div:last-of-type {
  2570. margin-bottom: 24px;
  2571. }
  2572. /* Display WordPress Posts */
  2573. .widget_jetpack_display_posts_widget .jetpack-display-remote-posts {
  2574. margin: 0;
  2575. }
  2576. .widget_jetpack_display_posts_widget .jetpack-display-remote-posts h4 {
  2577. font-size: 20px;
  2578. line-height: 1.2;
  2579. margin: 0 auto 24px;
  2580. padding: 0;
  2581. }
  2582. .widget_jetpack_display_posts_widget .jetpack-display-remote-posts img {
  2583. margin-bottom: 24px;
  2584. }
  2585. .widget_jetpack_display_posts_widget .jetpack-display-remote-posts p {
  2586. font-size: 16px;
  2587. line-height: 1.5 !important;
  2588. margin: 0 0 24px !important;
  2589. }
  2590. .widget_jetpack_display_posts_widget .jetpack-display-remote-posts h4 + p {
  2591. margin-top: -24px !important;
  2592. }
  2593. /* Goodreads */
  2594. .widget_goodreads .gr_custom_widget {
  2595. margin-bottom: 24px;
  2596. }
  2597. .widget_goodreads br,
  2598. .widget_goodreads center {
  2599. display: none;
  2600. }
  2601. .widget_goodreads h2[class^="gr_custom_header"] {
  2602. font-size: 20px;
  2603. line-height: 1.2;
  2604. margin: 0 auto 24px;
  2605. }
  2606. .widget_goodreads div[class^="gr_custom_title"] a {
  2607. color: #ef7d0b;
  2608. }
  2609. .widget_goodreads div[class^="gr_custom_title"] a:active,
  2610. .widget_goodreads div[class^="gr_custom_title"] a:focus,
  2611. .widget_goodreads div[class^="gr_custom_title"] a:hover {
  2612. color: #fff;
  2613. }
  2614. .widget_goodreads div[class^="gr_custom_container"] {
  2615. padding: 0;
  2616. background: transparent;
  2617. border: 0;
  2618. color: inherit;
  2619. border-radius: 0;
  2620. }
  2621. .widget_goodreads div[class^="gr_custom_each_container"] {
  2622. padding: 12px 0;
  2623. margin: 0;
  2624. border-top: 1px solid #444;
  2625. border-bottom: 0;
  2626. }
  2627. .widget_goodreads div[class^="gr_custom_each_container"]:last-of-type {
  2628. border-bottom: 1px solid #444;
  2629. }
  2630. .widget_goodreads div[class^="gr_custom_title"] {
  2631. font-weight: bold;
  2632. }
  2633. .widget_goodreads div[class^="gr_custom_author"] {
  2634. color: #fff;
  2635. font-family: Lato, sans-serif;
  2636. font-size: 13px;
  2637. line-height: 1.3847;
  2638. }
  2639. .widget_goodreads div[class^="gr_custom_container"] div[class^="gr_custom_author"] a {
  2640. border-bottom: 0;
  2641. color: inherit;
  2642. font-weight: inherit;
  2643. }
  2644. .widget_goodreads div[class^="gr_custom_container"] div[class^="gr_custom_author"] a:active,
  2645. .widget_goodreads div[class^="gr_custom_container"] div[class^="gr_custom_author"] a:focus,
  2646. .widget_goodreads div[class^="gr_custom_container"] div[class^="gr_custom_author"] a:hover {
  2647. color: #ef7d0b;
  2648. }
  2649. .widget_goodreads center a {
  2650. border-bottom: 0;
  2651. }
  2652. /* Gravatar Profile */
  2653. .widget-grofile .grofile-thumbnail {
  2654. border: 1px solid #333;
  2655. float: right;
  2656. margin-bottom: -48px;
  2657. max-width: 48px;
  2658. padding: 2px;
  2659. }
  2660. .widget-grofile h4 {
  2661. font-size: 20px;
  2662. line-height: 1.2;
  2663. margin: 0 0 24px !important;
  2664. width: calc(100% - 60px);
  2665. }
  2666. .widget-grofile .grofile-meta {
  2667. clear: both;
  2668. }
  2669. .widget-grofile .grofile-meta h4 {
  2670. margin-bottom: 42px !important;
  2671. }
  2672. .widget-grofile .grofile-meta + p {
  2673. clear: both;
  2674. margin-top: -24px;
  2675. }
  2676. .widget-grofile .grofile-full-link {
  2677. display: inline-block;
  2678. }
  2679. .widget-grofile .grofile-links {
  2680. border-bottom: 1px solid #444;
  2681. list-style: none;
  2682. }
  2683. .widget-grofile .grofile-links li {
  2684. border-top: 1px solid #444;
  2685. padding-bottom: 6px;
  2686. padding-top: 6px;
  2687. }
  2688. .widget-grofile .grofile-full-link {
  2689. background: #ef7d0b;
  2690. color: #fff;
  2691. display: block;
  2692. font-weight: bold;
  2693. padding: 6px 12px;
  2694. text-align: center;
  2695. text-transform: uppercase;
  2696. width: 100%;
  2697. }
  2698. /* Image */
  2699. .widget_image .jetpack-image-container {
  2700. margin-bottom: 24px;
  2701. }
  2702. .widget_image .jetpack-image-container img {
  2703. vertical-align: middle;
  2704. }
  2705. .widget_image .jetpack-image-container .wp-caption {
  2706. margin-bottom: 0;
  2707. }
  2708. /* RSS Links */
  2709. .widget_rss_links ul {
  2710. border-bottom: 1px solid #444;
  2711. list-style: none;
  2712. }
  2713. .widget_rss_links li {
  2714. border-top: 1px solid #444;
  2715. padding-bottom: 6px;
  2716. padding-top: 6px;
  2717. }
  2718. .widget_rss_links a {
  2719. border-bottom: 0;
  2720. }
  2721. .widget_rss_links p {
  2722. border-top: 1px solid #444;
  2723. margin-bottom: 12px;
  2724. padding-top: 12px;
  2725. }
  2726. .widget_rss_links p:last-of-type {
  2727. border-bottom: 1px solid #444;
  2728. margin-bottom: 24px;
  2729. padding-bottom: 12px;
  2730. }
  2731. .widget_rss_links p a + a {
  2732. margin-left: 8px;
  2733. }
  2734. .widget_rss_links img {
  2735. vertical-align: middle;
  2736. }
  2737. /* Twitter Timeline */
  2738. .widget_twitter_timeline iframe {
  2739. margin-bottom: 24px !important;
  2740. }
  2741. /*--------------------------------------------------------------
  2742. # Eventbrite
  2743. --------------------------------------------------------------*/
  2744. .eventbrite-event .entry-header span {
  2745. padding-right: 12px;
  2746. }
  2747. .eventbrite-event .entry-header span:last-of-type {
  2748. padding-right: 0;
  2749. }
  2750. /*--------------------------------------------------------------
  2751. # Transitions
  2752. --------------------------------------------------------------*/
  2753. button,
  2754. input,
  2755. textarea,
  2756. #infinite-handle button,
  2757. #infinite-handle span,
  2758. .jp-relatedposts-post-a img,
  2759. .main-navigation ul ul a:before,
  2760. .meta-nav,
  2761. .post-link .genericon,
  2762. .post-navigation .post-title,
  2763. .post-thumbnail img,
  2764. .search-form:before,
  2765. .site,
  2766. .site:after,
  2767. .site:before,
  2768. .site-logo-link,
  2769. .sticky-post {
  2770. transition: all 350ms ease-in-out;
  2771. }
  2772. .slide-menu {
  2773. transition: visibility 350ms ease-in-out;
  2774. }
  2775. a {
  2776. transition: color 350ms ease-in-out, background-color 350ms ease-in-out, box-shadow 350ms ease-in-out;
  2777. }
  2778. /*--------------------------------------------------------------
  2779. # Responsive
  2780. --------------------------------------------------------------*/
  2781. /*--------------------------------------------------------------
  2782. ## x >= 540px
  2783. --------------------------------------------------------------*/
  2784. @media screen and (min-width: 540px) {
  2785. /* Hero */
  2786. .hero {
  2787. height: 100vh;
  2788. width: 100vw;
  2789. }
  2790. .hentry-inner {
  2791. bottom: 0;
  2792. left: 0;
  2793. position: absolute;
  2794. }
  2795. }
  2796. /*--------------------------------------------------------------
  2797. ## x >= 768px
  2798. --------------------------------------------------------------*/
  2799. @media screen and (min-width: 768px) {
  2800. /* Typography */
  2801. .site-title {
  2802. font-size: 49px;
  2803. line-height: 1.1021;
  2804. }
  2805. .page-title {
  2806. font-size: 40px;
  2807. line-height: 1.2;
  2808. }
  2809. /* Primary Menu */
  2810. .slide-menu {
  2811. padding-top: 102px;
  2812. }
  2813. .menu-toggle {
  2814. margin-right: -336px;
  2815. right: 50%;
  2816. top: 24px;
  2817. }
  2818. .menu-toggle.toggled {
  2819. right: -50%;
  2820. }
  2821. /* Pagination */
  2822. .comment-navigation a,
  2823. .post-navigation a,
  2824. .posts-navigation a {
  2825. border-left: 1px solid #eee;
  2826. border-right: 1px solid #eee;
  2827. padding-left: 48px;
  2828. padding-right: 48px;
  2829. }
  2830. /* Widgets */
  2831. .widget-area {
  2832. padding-top: 0;
  2833. }
  2834. .slide-wrapper + .widget-area {
  2835. border-top: 1px solid #333;
  2836. margin-top: 48px;
  2837. }
  2838. .widget-column {
  2839. padding-top: 48px;
  2840. }
  2841. .no-menu .widget-column {
  2842. padding-top: 0;
  2843. }
  2844. .widget-column + .widget-column {
  2845. padding-top: 48px;
  2846. }
  2847. .widget {
  2848. margin-bottom: 48px;
  2849. padding-bottom: 24px;
  2850. padding-left: 48px;
  2851. padding-right: 48px;
  2852. }
  2853. /* Content */
  2854. .entry-wrapper,
  2855. .site-content,
  2856. .site-header-inner,
  2857. .site-info,
  2858. .slide-wrapper,
  2859. .widget-area {
  2860. width: 768px;
  2861. margin-left: auto;
  2862. margin-right: auto;
  2863. padding-left: 0;
  2864. padding-right: 0;
  2865. }
  2866. .site-info,
  2867. .slide-wrapper {
  2868. padding-left: 48px;
  2869. padding-right: 48px;
  2870. }
  2871. .site-footer {
  2872. padding-left: 0;
  2873. padding-right: 0;
  2874. }
  2875. .content-area {
  2876. padding-top: 48px;
  2877. }
  2878. /* Header */
  2879. .site-header {
  2880. min-height: 102px;
  2881. padding-bottom: 24px;
  2882. padding-top: 24px;
  2883. }
  2884. .site-header-inner {
  2885. padding-left: 48px;
  2886. padding-right: 48px;
  2887. }
  2888. .site-branding {
  2889. margin-right: 78px;
  2890. }
  2891. /* Posts & Pages */
  2892. .hentry {
  2893. margin-bottom: 48px;
  2894. padding-bottom: 24px;
  2895. padding-left: 48px;
  2896. padding-right: 48px;
  2897. }
  2898. .page-header {
  2899. padding-left: 48px;
  2900. padding-right: 48px;
  2901. margin: -48px 0 48px;
  2902. }
  2903. .page .hentry:not(.has-post-thumbnail) .entry-header,
  2904. .single .hentry:not(.has-post-thumbnail) .entry-header {
  2905. padding-left: 48px;
  2906. padding-right: 48px;
  2907. }
  2908. .entry-content,
  2909. .page-content {
  2910. margin-bottom: 24px;
  2911. margin-top: 48px;
  2912. padding-left: 48px;
  2913. padding-right: 48px;
  2914. }
  2915. body:not(.page):not(.single) .hentry:not(.hero) .entry-header,
  2916. body:not(.page):not(.single) .hentry:not(.hero) .entry-summary {
  2917. width: calc(100% - 138px);
  2918. }
  2919. .entry-footer {
  2920. padding-left: 48px;
  2921. padding-right: 48px;
  2922. }
  2923. .entry-author {
  2924. padding-bottom: 24px;
  2925. padding-left: 48px;
  2926. padding-right: 48px;
  2927. padding-top: 48px;
  2928. }
  2929. .post-thumbnail {
  2930. margin-bottom: 24px;
  2931. margin-left: 24px;
  2932. width: 114px;
  2933. }
  2934. /* Hero */
  2935. .hero {
  2936. margin-left: -144px;
  2937. margin-left: calc( (-100vw + 768px) / 2 );
  2938. margin-top: -48px;
  2939. width: 1055px;
  2940. width: 100vw;
  2941. }
  2942. .hero .entry-meta {
  2943. font-size: 16px;
  2944. line-height: 1.5;
  2945. margin-bottom: 0;
  2946. }
  2947. .hero .entry-title {
  2948. font-size: 62px;
  2949. line-height: 1.1613;
  2950. }
  2951. .hero .entry-summary {
  2952. font-size: 20px;
  2953. line-height: 1.5;
  2954. }
  2955. .entry-wrapper {
  2956. padding-bottom: 48px;
  2957. padding-left: 48px;
  2958. padding-right: 48px;
  2959. }
  2960. /* Comments */
  2961. .comment-list,
  2962. .comment-respond,
  2963. .comments-title,
  2964. .no-comments {
  2965. padding-left: 48px;
  2966. padding-right: 48px;
  2967. }
  2968. .comment-respond,
  2969. .comments-title,
  2970. .no-comments {
  2971. padding-top: 48px;
  2972. }
  2973. .comment-list,
  2974. .comment-respond form,
  2975. .no-comments {
  2976. padding-bottom: 24px;
  2977. }
  2978. /* Infinite Scroll */
  2979. #infinite-footer .container {
  2980. padding-left: 0;
  2981. padding-right: 0;
  2982. width: 672px !important;
  2983. }
  2984. #infinite-handle span {
  2985. border-left: 1px solid #eee;
  2986. border-right: 1px solid #eee;
  2987. padding-left: 48px;
  2988. padding-right: 48px;
  2989. }
  2990. .infinite-loader {
  2991. padding-left: 48px;
  2992. padding-right: 48px;
  2993. }
  2994. .infinite-wrap {
  2995. padding-top: 48px;
  2996. }
  2997. /* Sharedaddy */
  2998. div#jp-relatedposts {
  2999. padding-left: 48px;
  3000. padding-right: 48px;
  3001. padding-top: 24px;
  3002. }
  3003. .hentry div#jp-relatedposts div.jp-relatedposts-items-visual .jp-relatedposts-post {
  3004. margin-bottom: 0;
  3005. width: 208px;
  3006. }
  3007. .hentry div#jp-relatedposts div.jp-relatedposts-items-visual .jp-relatedposts-post:nth-of-type(2) {
  3008. margin-left: 24px;
  3009. margin-right: 24px;
  3010. }
  3011. }
  3012. /*--------------------------------------------------------------
  3013. ## x >= 1056px
  3014. --------------------------------------------------------------*/
  3015. @media screen and (min-width: 1056px) {
  3016. /* Widgets */
  3017. #secondary {
  3018. display: block;
  3019. }
  3020. #tertiary {
  3021. display: none;
  3022. }
  3023. .widget-area {
  3024. height: 100%;
  3025. padding-top: 0;
  3026. }
  3027. .has-hero .widget-area {
  3028. margin-top: 100vh;
  3029. }
  3030. .widget-column {
  3031. float: left;
  3032. }
  3033. .no-menu .widget-column {
  3034. padding-top: 48px;
  3035. }
  3036. .widget {
  3037. padding-right: 0;
  3038. }
  3039. .widget:last-of-type {
  3040. margin-bottom: -1px;
  3041. }
  3042. /* Primary Menu */
  3043. .slide-menu {
  3044. outline-width: 1px;
  3045. padding-top: 24px;
  3046. right: -329px;
  3047. width: 329px;
  3048. }
  3049. .no-menu .slide-menu {
  3050. display: none;
  3051. }
  3052. .menu-open .slide-menu {
  3053. height: 100%;
  3054. }
  3055. .menu-open .site {
  3056. left: -329px;
  3057. }
  3058. .menu-open {
  3059. background: #fff;
  3060. }
  3061. .menu-toggle {
  3062. margin-right: -480px;
  3063. right: 50%;
  3064. top: 24px;
  3065. }
  3066. .no-menu .menu-toggle {
  3067. display: none;
  3068. }
  3069. .menu-toggle.toggled {
  3070. right: 50%;
  3071. outline: 0;
  3072. }
  3073. .menu-toggle.toggled:active,
  3074. .menu-toggle.toggled:focus,
  3075. .menu-toggle.toggled:hover {
  3076. background: #444;
  3077. border-color: #444;
  3078. }
  3079. /* Pagination */
  3080. body:not(.no-sidebar) .comment-navigation a,
  3081. body:not(.no-sidebar) .post-navigation a,
  3082. body:not(.no-sidebar) .posts-navigation a {
  3083. border-right: 0;
  3084. }
  3085. .comment-navigation a,
  3086. .post-navigation a,
  3087. .posts-navigation a {
  3088. padding-left: 24px;
  3089. padding-right: 24px;
  3090. }
  3091. /* Content */
  3092. .site:before {
  3093. background: #222;
  3094. bottom: 0;
  3095. content: "";
  3096. display: block;
  3097. height: 100%;
  3098. margin-right: -150px;
  3099. position: absolute;
  3100. right: 0;
  3101. width: 50%;
  3102. z-index: 0;
  3103. }
  3104. .no-sidebar .site:before {
  3105. display: none;
  3106. }
  3107. .entry-wrapper,
  3108. .site-content,
  3109. .site-header-inner,
  3110. .site-info {
  3111. width: 960px;
  3112. }
  3113. .site-content {
  3114. background: #fff;
  3115. }
  3116. .site-info,
  3117. .slide-wrapper {
  3118. padding-left: 0;
  3119. padding-right: 0;
  3120. }
  3121. .slide-wrapper {
  3122. width: 100%;
  3123. }
  3124. .content-area {
  3125. float: left;
  3126. padding-top: 48px;
  3127. position: relative;
  3128. width: 630px;
  3129. }
  3130. .widget-area {
  3131. float: right;
  3132. position: relative;
  3133. width: 330px;
  3134. }
  3135. .no-sidebar .content-area {
  3136. float: none;
  3137. margin-left: auto;
  3138. margin-right: auto;
  3139. width: 660px;
  3140. }
  3141. /* Header */
  3142. .site-header {
  3143. position: relative;
  3144. }
  3145. .site-header-inner {
  3146. padding-left: 0;
  3147. padding-right: 0;
  3148. }
  3149. /* Posts & Pages */
  3150. .page-header {
  3151. border-bottom: 0;
  3152. padding: 24px 0;
  3153. margin: -24px 0 24px;
  3154. }
  3155. .no-sidebar .page-header {
  3156. padding-left: 48px;
  3157. padding-right: 48px;
  3158. }
  3159. body:not(.no-sidebar) .entry-author,
  3160. body:not(.no-sidebar) .entry-content,
  3161. body:not(.no-sidebar) .entry-footer,
  3162. body:not(.no-sidebar) .hentry,
  3163. body:not(.no-sidebar).page .hentry:not(.has-post-thumbnail) .entry-header,
  3164. body:not(.no-sidebar) .page-content,
  3165. body:not(.no-sidebar).single .hentry:not(.has-post-thumbnail) .entry-header {
  3166. padding-left: 0;
  3167. }
  3168. body:not(.page):not(.single) .hentry:not(.hero) .entry-header,
  3169. body:not(.page):not(.single) .hentry:not(.hero) .entry-summary {
  3170. width: calc(100% - 168px);
  3171. }
  3172. .post-thumbnail {
  3173. width: 144px;
  3174. }
  3175. /* Hero */
  3176. .hero {
  3177. margin-left: -156px;
  3178. margin-left: calc( (-100vw + 960px) / 2 );
  3179. width: 1271px;
  3180. width: 100vw;
  3181. }
  3182. .no-sidebar .hero {
  3183. margin-left: -306px;
  3184. margin-left: calc( (-100vw + 660px) / 2 );
  3185. }
  3186. .hero .entry-header,
  3187. .hero .entry-summary {
  3188. width: 582px;
  3189. }
  3190. .no-sidebar .hero .entry-header,
  3191. .no-sidebar .hero .entry-summary {
  3192. width: 564px;
  3193. }
  3194. .entry-wrapper {
  3195. padding-left: 0;
  3196. padding-right: 0;
  3197. }
  3198. /* Comments */
  3199. body:not(.no-sidebar) .comment-list,
  3200. body:not(.no-sidebar) .comment-respond,
  3201. body:not(.no-sidebar) .comments-title,
  3202. body:not(.no-sidebar) .no-comments {
  3203. padding-left: 0;
  3204. }
  3205. /* Infinite Scroll */
  3206. #infinite-footer .container {
  3207. width: 960px !important;
  3208. }
  3209. #infinite-handle span {
  3210. border-bottom: 1px solid #eee;
  3211. border-right: 0;
  3212. margin-bottom: -1px;
  3213. padding-left: 24px;
  3214. padding-right: 24px;
  3215. }
  3216. .infinite-loader {
  3217. padding-left: 0;
  3218. padding-right: 0;
  3219. }
  3220. /* Sharedaddy */
  3221. div#jp-relatedposts {
  3222. padding-left: 0;
  3223. }
  3224. .no-sidebar div#jp-relatedposts {
  3225. padding-left: 48px;
  3226. }
  3227. .hentry div#jp-relatedposts div.jp-relatedposts-items-visual .jp-relatedposts-post {
  3228. width: 178px;
  3229. }
  3230. .no-sidebar .hentry div#jp-relatedposts div.jp-relatedposts-items-visual .jp-relatedposts-post {
  3231. width: 172px;
  3232. }
  3233. }
  3234. /*--------------------------------------------------------------
  3235. ## x >= 1272px
  3236. --------------------------------------------------------------*/
  3237. @media screen and (min-width: 1272px) {
  3238. /* Primary Menu */
  3239. .menu-toggle {
  3240. margin-right: -588px;
  3241. }
  3242. /* Content */
  3243. .site:before {
  3244. margin-right: 0;
  3245. }
  3246. .entry-wrapper,
  3247. .site-content,
  3248. .site-header-inner,
  3249. .site-info {
  3250. width: 1176px;
  3251. }
  3252. .content-area,
  3253. .widget-area {
  3254. width: 588px;
  3255. }
  3256. .widget-column {
  3257. position: relative;
  3258. width: 294px;
  3259. }
  3260. .widget {
  3261. padding-right: 48px;
  3262. }
  3263. .widget-column:after,
  3264. .widget-column + .widget-column:before {
  3265. background: #333;
  3266. content: "";
  3267. display: block;
  3268. height: 100%;
  3269. position: absolute;
  3270. right: 0;
  3271. top: 0;
  3272. width: 1px
  3273. }
  3274. .widget-column + .widget-column:before {
  3275. left: -1px;
  3276. right: auto;
  3277. }
  3278. /* Footer */
  3279. .site-footer {
  3280. text-align: center;
  3281. }
  3282. /* Hero */
  3283. .hero {
  3284. margin-left: -120px;
  3285. margin-left: calc( (-100vw + 1176px) / 2 );
  3286. width: 1415px;
  3287. width: 100vw;
  3288. }
  3289. .no-sidebar .hero {
  3290. margin-left: -378px;
  3291. margin-left: calc( (-100vw + 660px) / 2 );
  3292. }
  3293. .hero .entry-header,
  3294. .hero .entry-summary {
  3295. width: 540px;
  3296. }
  3297. /* Infinite Scroll */
  3298. #infinite-footer .container {
  3299. width: 1176px !important;
  3300. }
  3301. /* Sharedaddy */
  3302. .hentry div#jp-relatedposts div.jp-relatedposts-items-visual .jp-relatedposts-post {
  3303. width: 164px;
  3304. }
  3305. }
  3306. /*--------------------------------------------------------------
  3307. ## x >= 1416px
  3308. --------------------------------------------------------------*/
  3309. @media screen and (min-width: 1416px) {
  3310. /* Primary Menu */
  3311. .menu-toggle {
  3312. margin-right: -660px;
  3313. }
  3314. /* Grid */
  3315. .entry-wrapper,
  3316. .site-content,
  3317. .site-header-inner,
  3318. .site-info {
  3319. width: 1320px;
  3320. }
  3321. .content-area,
  3322. .widget-area {
  3323. width: 660px;
  3324. }
  3325. .widget-column {
  3326. width: 330px;
  3327. }
  3328. /* Hero */
  3329. .hero {
  3330. margin-left: -340px;
  3331. margin-left: calc( (-100vw + 1320px) / 2 );
  3332. width: 2000px;
  3333. width: 100vw;
  3334. }
  3335. .no-sidebar .hero {
  3336. margin-left: -670px;
  3337. margin-left: calc( (-100vw + 660px) / 2 );
  3338. }
  3339. .hero .entry-header,
  3340. .hero .entry-summary {
  3341. width: 612px;
  3342. }
  3343. /* Infinite Scroll */
  3344. #infinite-footer .container {
  3345. width: 1320px !important;
  3346. }
  3347. /* Sharedaddy */
  3348. .hentry div#jp-relatedposts div.jp-relatedposts-items-visual .jp-relatedposts-post {
  3349. width: 188px;
  3350. }
  3351. }