style.css 87 KB

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