style.css 86 KB

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