style.css 87 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021302230233024302530263027302830293030303130323033303430353036303730383039304030413042304330443045304630473048304930503051305230533054305530563057305830593060306130623063306430653066306730683069307030713072307330743075307630773078307930803081308230833084308530863087308830893090309130923093309430953096309730983099310031013102310331043105310631073108310931103111311231133114311531163117311831193120312131223123312431253126312731283129313031313132313331343135313631373138313931403141314231433144314531463147314831493150315131523153315431553156315731583159316031613162316331643165316631673168316931703171317231733174317531763177317831793180318131823183318431853186318731883189319031913192319331943195319631973198319932003201320232033204320532063207320832093210321132123213321432153216321732183219322032213222322332243225322632273228322932303231323232333234323532363237323832393240324132423243324432453246324732483249325032513252325332543255325632573258325932603261326232633264326532663267326832693270327132723273327432753276327732783279328032813282328332843285328632873288328932903291329232933294329532963297329832993300330133023303330433053306330733083309331033113312331333143315331633173318331933203321332233233324332533263327332833293330333133323333333433353336333733383339334033413342334333443345334633473348334933503351335233533354335533563357335833593360336133623363336433653366336733683369337033713372337333743375337633773378337933803381338233833384338533863387338833893390339133923393339433953396339733983399340034013402340334043405340634073408340934103411341234133414341534163417341834193420342134223423342434253426342734283429343034313432343334343435343634373438343934403441344234433444344534463447344834493450345134523453345434553456345734583459346034613462346334643465346634673468346934703471347234733474347534763477347834793480348134823483348434853486348734883489349034913492349334943495349634973498349935003501350235033504350535063507350835093510351135123513351435153516351735183519352035213522352335243525352635273528352935303531353235333534353535363537353835393540354135423543354435453546354735483549355035513552355335543555355635573558355935603561356235633564356535663567356835693570357135723573357435753576357735783579358035813582358335843585358635873588358935903591359235933594359535963597359835993600360136023603360436053606360736083609361036113612361336143615361636173618361936203621362236233624362536263627362836293630363136323633363436353636363736383639364036413642364336443645364636473648364936503651365236533654365536563657365836593660366136623663366436653666366736683669367036713672367336743675367636773678367936803681368236833684368536863687368836893690369136923693369436953696369736983699370037013702370337043705370637073708370937103711371237133714371537163717371837193720372137223723372437253726372737283729373037313732373337343735373637373738373937403741374237433744374537463747374837493750375137523753375437553756375737583759376037613762376337643765376637673768376937703771377237733774377537763777377837793780378137823783378437853786378737883789379037913792379337943795379637973798379938003801380238033804380538063807380838093810381138123813381438153816381738183819382038213822382338243825382638273828382938303831383238333834383538363837383838393840384138423843384438453846384738483849385038513852385338543855385638573858385938603861386238633864386538663867386838693870387138723873387438753876387738783879388038813882388338843885388638873888388938903891389238933894389538963897389838993900390139023903390439053906390739083909
  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.10-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. .has-marketing-bar .main-navigation.sticky {
  1051. top: 46px;
  1052. }
  1053. .admin-bar.has-marketing-bar .main-navigation.sticky {
  1054. top: calc(46px + 46px);
  1055. }
  1056. }
  1057. @media screen and (min-width: 782px) {
  1058. .admin-bar .main-navigation.sticky {
  1059. top: 32px;
  1060. }
  1061. .has-marketing-bar .main-navigation.sticky {
  1062. top: 49px;
  1063. }
  1064. .admin-bar.has-marketing-bar .main-navigation.sticky {
  1065. top: calc(32px + 49px);
  1066. }
  1067. }
  1068. .secondary-links ul {
  1069. margin: 0;
  1070. padding: 0;
  1071. }
  1072. .secondary-links ul li {
  1073. display: inline;
  1074. }
  1075. .secondary-links ul li a::after {
  1076. content: ' · ';
  1077. display: inline;
  1078. }
  1079. .secondary-links ul li:last-child a::after {
  1080. display: none;
  1081. }
  1082. .comment-navigation,
  1083. .posts-navigation,
  1084. .post-navigation {
  1085. border-bottom: 2px solid #a7cbdb;
  1086. border-top: 1px solid #a7cbdb;
  1087. clear: both;
  1088. }
  1089. .site-main .comment-navigation,
  1090. .site-main
  1091. .posts-navigation,
  1092. .site-main
  1093. .post-navigation {
  1094. margin: 20px 0;
  1095. overflow: hidden;
  1096. }
  1097. .comment-navigation .nav-previous a,
  1098. .comment-navigation .nav-next a,
  1099. .posts-navigation .nav-previous a,
  1100. .posts-navigation .nav-next a,
  1101. .post-navigation .nav-previous a,
  1102. .post-navigation .nav-next a {
  1103. color: #a7cbdb;
  1104. display: block;
  1105. font-size: 18.4px;
  1106. font-size: 1.15rem;
  1107. font-style: italic;
  1108. line-height: 1.2;
  1109. padding: 20px 0;
  1110. }
  1111. .comment-navigation .nav-previous a span,
  1112. .comment-navigation .nav-next a span,
  1113. .posts-navigation .nav-previous a span,
  1114. .posts-navigation .nav-next a span,
  1115. .post-navigation .nav-previous a span,
  1116. .post-navigation .nav-next a span {
  1117. color: #71abc5;
  1118. display: block;
  1119. font-family: Karla, Arial, sans-serif;
  1120. font-size: 12px;
  1121. font-size: 0.75rem;
  1122. font-style: normal;
  1123. font-weight: bold;
  1124. letter-spacing: 1px;
  1125. padding-bottom: 5px;
  1126. text-transform: uppercase;
  1127. }
  1128. .comment-navigation .nav-previous a:hover,
  1129. .comment-navigation .nav-next a:hover,
  1130. .posts-navigation .nav-previous a:hover,
  1131. .posts-navigation .nav-next a:hover,
  1132. .post-navigation .nav-previous a:hover,
  1133. .post-navigation .nav-next a:hover {
  1134. color: #3c7993;
  1135. }
  1136. .comment-navigation .nav-previous,
  1137. .posts-navigation .nav-previous,
  1138. .post-navigation .nav-previous {
  1139. text-align: left;
  1140. }
  1141. .comment-navigation .nav-previous span::before,
  1142. .posts-navigation .nav-previous span::before,
  1143. .post-navigation .nav-previous span::before {
  1144. content: "\2190" /*rtl:"\2192"*/;
  1145. display: inline-block;
  1146. display: inline-block;
  1147. font-family: FontAwesome;
  1148. font-size: 12px;
  1149. font-style: normal;
  1150. font-weight: normal;
  1151. line-height: 1;
  1152. margin-right: 5px;
  1153. text-decoration: none;
  1154. vertical-align: 1px;
  1155. -webkit-font-smoothing: antialiased;
  1156. -moz-osx-font-smoothing: grayscale;
  1157. text-rendering: auto;
  1158. }
  1159. .comment-navigation .nav-next,
  1160. .posts-navigation .nav-next,
  1161. .post-navigation .nav-next {
  1162. text-align: right;
  1163. }
  1164. .comment-navigation .nav-next span::after,
  1165. .posts-navigation .nav-next span::after,
  1166. .post-navigation .nav-next span::after {
  1167. content: "\2192" /*rtl:"\2190"*/;
  1168. display: inline-block;
  1169. display: inline-block;
  1170. font-family: FontAwesome;
  1171. font-size: 14px;
  1172. font-size: 12px;
  1173. font-style: normal;
  1174. font-weight: normal;
  1175. line-height: 1;
  1176. margin-left: 5px;
  1177. text-decoration: none;
  1178. vertical-align: 1px;
  1179. -webkit-font-smoothing: antialiased;
  1180. -moz-osx-font-smoothing: grayscale;
  1181. text-rendering: auto;
  1182. }
  1183. @media (min-width: 768px) {
  1184. .comment-navigation .nav-previous,
  1185. .posts-navigation .nav-previous,
  1186. .post-navigation .nav-previous {
  1187. float: left;
  1188. text-align: left;
  1189. width: 50%;
  1190. }
  1191. .comment-navigation .nav-next,
  1192. .posts-navigation .nav-next,
  1193. .post-navigation .nav-next {
  1194. float: right;
  1195. text-align: right;
  1196. width: 50%;
  1197. }
  1198. }
  1199. .site-main .posts-navigation {
  1200. border: none;
  1201. margin: 20px 40px;
  1202. }
  1203. @media (max-width: 767px) {
  1204. .site-main .posts-navigation {
  1205. margin: 10px 20px;
  1206. }
  1207. .site-main .posts-navigation .nav-previous {
  1208. float: left;
  1209. text-align: left;
  1210. width: 50%;
  1211. }
  1212. .site-main .posts-navigation .nav-next {
  1213. float: right;
  1214. text-align: right;
  1215. width: 50%;
  1216. }
  1217. }
  1218. .widget.jetpack_widget_social_icons,
  1219. .widget.widget_wpcom_social_media_icons_widget {
  1220. margin: 0 auto;
  1221. padding: 0;
  1222. }
  1223. .widget.jetpack_widget_social_icons ul,
  1224. .widget.widget_wpcom_social_media_icons_widget ul {
  1225. list-style: none;
  1226. margin: 0 0 20px 0;
  1227. padding: 0;
  1228. }
  1229. .widget.jetpack_widget_social_icons ul li,
  1230. .widget.widget_wpcom_social_media_icons_widget ul li {
  1231. display: inline-block;
  1232. list-style: none;
  1233. margin: 0 10px 10px 0;
  1234. padding: 0;
  1235. }
  1236. .widget.jetpack_widget_social_icons ul a,
  1237. .widget.widget_wpcom_social_media_icons_widget ul a {
  1238. background: #2d2a26;
  1239. border: 2px solid #e9d5c0;
  1240. border-radius: 50%;
  1241. display: inline-block;
  1242. padding: 0;
  1243. text-decoration: none;
  1244. }
  1245. .widget.jetpack_widget_social_icons ul a {
  1246. color: #e9d5c0;
  1247. }
  1248. .widget.widget_wpcom_social_media_icons_widget ul a::before {
  1249. color: #e9d5c0;
  1250. display: inline-block;
  1251. display: block;
  1252. font-family: Genericons;
  1253. font-size: 16px;
  1254. font-style: normal;
  1255. font-weight: normal;
  1256. height: 32px;
  1257. line-height: 1;
  1258. line-height: 1;
  1259. padding: 8px;
  1260. text-align: center;
  1261. text-decoration: none;
  1262. transition: 0.2s all ease-in-out;
  1263. vertical-align: text-bottom;
  1264. width: 32px;
  1265. -webkit-font-smoothing: antialiased;
  1266. -moz-osx-font-smoothing: grayscale;
  1267. text-rendering: auto;
  1268. }
  1269. .widget.jetpack_widget_social_icons ul a:hover,
  1270. .widget.widget_wpcom_social_media_icons_widget ul a:hover {
  1271. background: #e9d5c0;
  1272. border: 2px solid;
  1273. border-color: #2d2a26;
  1274. }
  1275. .widget.jetpack_widget_social_icons ul a:hover,
  1276. .widget.widget_wpcom_social_media_icons_widget ul a:hover::before {
  1277. color: #2d2a26;
  1278. }
  1279. .widget.jetpack_widget_social_icons ul.size-small a {
  1280. height: 40px;
  1281. padding: 6px;
  1282. width: 40px;
  1283. }
  1284. .widget.jetpack_widget_social_icons ul.size-small svg {
  1285. height: 24px;
  1286. width: 24px;
  1287. }
  1288. .widget.jetpack_widget_social_icons ul.size-medium a {
  1289. height: 52px;
  1290. padding: 8px;
  1291. width: 52px;
  1292. }
  1293. .widget.jetpack_widget_social_icons ul.size-medium svg {
  1294. height: 32px;
  1295. width: 32px;
  1296. }
  1297. .widget.jetpack_widget_social_icons ul.size-large a {
  1298. height: 72px;
  1299. padding: 10px;
  1300. width: 72px;
  1301. }
  1302. .widget.jetpack_widget_social_icons ul.size-large svg {
  1303. height: 48px;
  1304. width: 48px;
  1305. }
  1306. .secondary-links li a[href*='wordpress.org'],
  1307. .secondary-links li a[href*='facebook.com'],
  1308. .secondary-links li a[href*='twitter.com'],
  1309. .secondary-links li a[href*='dribbble.com'],
  1310. .secondary-links li a[href*='plus.google.com'],
  1311. .secondary-links li a[href*='pinterest.com'],
  1312. .secondary-links li a[href*='github.com'],
  1313. .secondary-links li a[href*='tumblr.com'],
  1314. .secondary-links li a[href*='youtube.com'],
  1315. .secondary-links li a[href*='flickr.com'],
  1316. .secondary-links li a[href*='vimeo.com'],
  1317. .secondary-links li a[href*='instagram.com'],
  1318. .secondary-links li a[href*='codepen.io'],
  1319. .secondary-links li a[href*='linkedin.com'],
  1320. .secondary-links li a[href*='foursquare.com'],
  1321. .secondary-links li a[href*='reddit.com'],
  1322. .secondary-links li a[href*='digg.com'],
  1323. .secondary-links li a[href*='getpocket.com'],
  1324. .secondary-links li a[href*='path.com'],
  1325. .secondary-links li a[href*='stumbleupon.com'],
  1326. .secondary-links li a[href*='spotify.com'],
  1327. .secondary-links li a[href*='twitch.tv'],
  1328. .secondary-links li a[href*='dropbox.com'],
  1329. .secondary-links li a[href*='/feed'],
  1330. .secondary-links li a[href*='skype'],
  1331. .secondary-links li a[href*='mailto'] {
  1332. display: inline-block;
  1333. height: 32px;
  1334. margin-right: 5px;
  1335. overflow: hidden;
  1336. vertical-align: middle;
  1337. width: 32px;
  1338. }
  1339. .secondary-links li a[href*='wordpress.org']::before,
  1340. .secondary-links li a[href*='facebook.com']::before,
  1341. .secondary-links li a[href*='twitter.com']::before,
  1342. .secondary-links li a[href*='dribbble.com']::before,
  1343. .secondary-links li a[href*='plus.google.com']::before,
  1344. .secondary-links li a[href*='pinterest.com']::before,
  1345. .secondary-links li a[href*='github.com']::before,
  1346. .secondary-links li a[href*='tumblr.com']::before,
  1347. .secondary-links li a[href*='youtube.com']::before,
  1348. .secondary-links li a[href*='flickr.com']::before,
  1349. .secondary-links li a[href*='vimeo.com']::before,
  1350. .secondary-links li a[href*='instagram.com']::before,
  1351. .secondary-links li a[href*='codepen.io']::before,
  1352. .secondary-links li a[href*='linkedin.com']::before,
  1353. .secondary-links li a[href*='foursquare.com']::before,
  1354. .secondary-links li a[href*='reddit.com']::before,
  1355. .secondary-links li a[href*='digg.com']::before,
  1356. .secondary-links li a[href*='getpocket.com']::before,
  1357. .secondary-links li a[href*='path.com']::before,
  1358. .secondary-links li a[href*='stumbleupon.com']::before,
  1359. .secondary-links li a[href*='spotify.com']::before,
  1360. .secondary-links li a[href*='twitch.tv']::before,
  1361. .secondary-links li a[href*='dropbox.com']::before,
  1362. .secondary-links li a[href*='/feed']::before,
  1363. .secondary-links li a[href*='skype']::before,
  1364. .secondary-links li a[href*='mailto']::before {
  1365. background: #2d2a26;
  1366. border: 2px solid #e9d5c0;
  1367. border-radius: 50%;
  1368. color: #e9d5c0;
  1369. display: inline-block;
  1370. display: block;
  1371. font-family: Genericons;
  1372. font-size: 16px;
  1373. font-style: normal;
  1374. font-weight: normal;
  1375. height: 32px;
  1376. line-height: 1;
  1377. line-height: 1;
  1378. padding: 6px;
  1379. text-align: center;
  1380. text-decoration: none;
  1381. transition: 0.2s all ease-in-out;
  1382. vertical-align: text-bottom;
  1383. width: 32px;
  1384. -webkit-font-smoothing: antialiased;
  1385. -moz-osx-font-smoothing: grayscale;
  1386. text-rendering: auto;
  1387. }
  1388. .secondary-links li a[href*='wordpress.org']:hover::before,
  1389. .secondary-links li a[href*='facebook.com']:hover::before,
  1390. .secondary-links li a[href*='twitter.com']:hover::before,
  1391. .secondary-links li a[href*='dribbble.com']:hover::before,
  1392. .secondary-links li a[href*='plus.google.com']:hover::before,
  1393. .secondary-links li a[href*='pinterest.com']:hover::before,
  1394. .secondary-links li a[href*='github.com']:hover::before,
  1395. .secondary-links li a[href*='tumblr.com']:hover::before,
  1396. .secondary-links li a[href*='youtube.com']:hover::before,
  1397. .secondary-links li a[href*='flickr.com']:hover::before,
  1398. .secondary-links li a[href*='vimeo.com']:hover::before,
  1399. .secondary-links li a[href*='instagram.com']:hover::before,
  1400. .secondary-links li a[href*='codepen.io']:hover::before,
  1401. .secondary-links li a[href*='linkedin.com']:hover::before,
  1402. .secondary-links li a[href*='foursquare.com']:hover::before,
  1403. .secondary-links li a[href*='reddit.com']:hover::before,
  1404. .secondary-links li a[href*='digg.com']:hover::before,
  1405. .secondary-links li a[href*='getpocket.com']:hover::before,
  1406. .secondary-links li a[href*='path.com']:hover::before,
  1407. .secondary-links li a[href*='stumbleupon.com']:hover::before,
  1408. .secondary-links li a[href*='spotify.com']:hover::before,
  1409. .secondary-links li a[href*='twitch.tv']:hover::before,
  1410. .secondary-links li a[href*='dropbox.com']:hover::before,
  1411. .secondary-links li a[href*='/feed']:hover::before,
  1412. .secondary-links li a[href*='skype']:hover::before,
  1413. .secondary-links li a[href*='mailto']:hover::before {
  1414. background: #e9d5c0;
  1415. border-color: #2d2a26;
  1416. color: #2d2a26;
  1417. }
  1418. .secondary-links li a[href*='wordpress.org']::after,
  1419. .secondary-links li a[href*='facebook.com']::after,
  1420. .secondary-links li a[href*='twitter.com']::after,
  1421. .secondary-links li a[href*='dribbble.com']::after,
  1422. .secondary-links li a[href*='plus.google.com']::after,
  1423. .secondary-links li a[href*='pinterest.com']::after,
  1424. .secondary-links li a[href*='github.com']::after,
  1425. .secondary-links li a[href*='tumblr.com']::after,
  1426. .secondary-links li a[href*='youtube.com']::after,
  1427. .secondary-links li a[href*='flickr.com']::after,
  1428. .secondary-links li a[href*='vimeo.com']::after,
  1429. .secondary-links li a[href*='instagram.com']::after,
  1430. .secondary-links li a[href*='codepen.io']::after,
  1431. .secondary-links li a[href*='linkedin.com']::after,
  1432. .secondary-links li a[href*='foursquare.com']::after,
  1433. .secondary-links li a[href*='reddit.com']::after,
  1434. .secondary-links li a[href*='digg.com']::after,
  1435. .secondary-links li a[href*='getpocket.com']::after,
  1436. .secondary-links li a[href*='path.com']::after,
  1437. .secondary-links li a[href*='stumbleupon.com']::after,
  1438. .secondary-links li a[href*='spotify.com']::after,
  1439. .secondary-links li a[href*='twitch.tv']::after,
  1440. .secondary-links li a[href*='dropbox.com']::after,
  1441. .secondary-links li a[href*='/feed']::after,
  1442. .secondary-links li a[href*='skype']::after,
  1443. .secondary-links li a[href*='mailto']::after {
  1444. display: none;
  1445. }
  1446. .secondary-links li a[href*='wordpress.org']:before {
  1447. content: '\f205';
  1448. }
  1449. .secondary-links li a[href*='facebook.com']:before {
  1450. content: '\f204';
  1451. }
  1452. .secondary-links li a[href*='twitter.com']:before {
  1453. content: '\f202';
  1454. }
  1455. .secondary-links li a[href*='dribbble.com']:before {
  1456. content: '\f201';
  1457. }
  1458. .secondary-links li a[href*='plus.google.com']:before {
  1459. content: '\f206';
  1460. }
  1461. .secondary-links li a[href*='pinterest.com']:before {
  1462. content: '\f209';
  1463. }
  1464. .secondary-links li a[href*='github.com']:before {
  1465. content: '\f200';
  1466. }
  1467. .secondary-links li a[href*='tumblr.com']:before {
  1468. content: '\f214';
  1469. }
  1470. .secondary-links li a[href*='youtube.com']:before {
  1471. content: '\f213';
  1472. }
  1473. .secondary-links li a[href*='flickr.com']:before {
  1474. content: '\f211';
  1475. }
  1476. .secondary-links li a[href*='vimeo.com']:before {
  1477. content: '\f212';
  1478. }
  1479. .secondary-links li a[href*='instagram.com']:before {
  1480. content: '\f215';
  1481. }
  1482. .secondary-links li a[href*='codepen.io']:before {
  1483. content: '\f216';
  1484. }
  1485. .secondary-links li a[href*='linkedin.com']:before {
  1486. content: '\f207';
  1487. }
  1488. .secondary-links li a[href*='foursquare.com']:before {
  1489. content: '\f226';
  1490. }
  1491. .secondary-links li a[href*='reddit.com']:before {
  1492. content: '\f222';
  1493. }
  1494. .secondary-links li a[href*='digg.com']:before {
  1495. content: '\f221';
  1496. }
  1497. .secondary-links li a[href*='getpocket.com']:before {
  1498. content: '\f224';
  1499. }
  1500. .secondary-links li a[href*='path.com']:before {
  1501. content: '\f219';
  1502. }
  1503. .secondary-links li a[href*='stumbleupon.com']:before {
  1504. content: '\f223';
  1505. }
  1506. .secondary-links li a[href*='spotify.com']:before {
  1507. content: '\f515';
  1508. }
  1509. .secondary-links li a[href*='twitch.tv']:before {
  1510. content: '\f516';
  1511. }
  1512. .secondary-links li a[href*='dropbox.com']:before {
  1513. content: '\f225';
  1514. }
  1515. .secondary-links li a[href*='/feed']:before {
  1516. content: '\f413';
  1517. }
  1518. .secondary-links li a[href*='skype']:before {
  1519. content: '\f220';
  1520. }
  1521. .secondary-links li a[href*='mailto']:before {
  1522. content: '\f410';
  1523. }
  1524. /*--------------------------------------------------------------
  1525. # Accessibility
  1526. --------------------------------------------------------------*/
  1527. /* Text meant only for screen readers. */
  1528. .screen-reader-text {
  1529. clip: rect(1px, 1px, 1px, 1px);
  1530. height: 1px;
  1531. overflow: hidden;
  1532. position: absolute !important;
  1533. width: 1px;
  1534. }
  1535. .screen-reader-text:hover,
  1536. .screen-reader-text:active,
  1537. .screen-reader-text:focus {
  1538. background-color: #f4f4f4;
  1539. border-radius: 3px;
  1540. box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  1541. clip: auto !important;
  1542. color: #2d2a26;
  1543. display: block;
  1544. font-size: 14px;
  1545. font-size: 0.875rem;
  1546. font-weight: bold;
  1547. height: auto;
  1548. left: 5px;
  1549. line-height: normal;
  1550. padding: 15px 23px 14px;
  1551. text-decoration: none;
  1552. top: 5px;
  1553. width: auto;
  1554. z-index: 100000;
  1555. /* Above WP toolbar. */
  1556. }
  1557. /*--------------------------------------------------------------
  1558. # Alignments
  1559. --------------------------------------------------------------*/
  1560. .alignleft {
  1561. display: inline;
  1562. float: left;
  1563. margin-right: 1.5em;
  1564. }
  1565. .alignright {
  1566. display: inline;
  1567. float: right;
  1568. margin-left: 1.5em;
  1569. }
  1570. .aligncenter {
  1571. display: block;
  1572. margin-left: auto;
  1573. margin-right: auto;
  1574. }
  1575. /*--------------------------------------------------------------
  1576. # Clearings
  1577. --------------------------------------------------------------*/
  1578. .clear:before,
  1579. .clear:after,
  1580. .entry-content:before,
  1581. .entry-content:after,
  1582. .comment-content:before,
  1583. .comment-content:after,
  1584. .site-header:before,
  1585. .site-header:after,
  1586. .site-content:before,
  1587. .site-content:after,
  1588. .site-footer:before,
  1589. .site-footer:after {
  1590. content: '';
  1591. display: table;
  1592. table-layout: fixed;
  1593. }
  1594. .clear:after,
  1595. .entry-content:after,
  1596. .comment-content:after,
  1597. .site-header:after,
  1598. .site-content:after,
  1599. .site-footer:after {
  1600. clear: both;
  1601. }
  1602. /*--------------------------------------------------------------
  1603. # Widgets
  1604. --------------------------------------------------------------*/
  1605. .widget {
  1606. border-top: 2px solid #83b6cc;
  1607. font-family: Karla, Arial, sans-serif;
  1608. margin: 0 0 1.5em;
  1609. /* Make sure select elements fit in nicely with their friends. */
  1610. /* Consistency across header elements within widgets */
  1611. }
  1612. .widget select {
  1613. font-family: Karla, Arial, sans-serif;
  1614. font-size: 15.2px;
  1615. font-size: 0.95rem;
  1616. max-width: 100%;
  1617. }
  1618. .widget h2:not(.widget-title),
  1619. .widget h3:not(.widget-title),
  1620. .widget blockquote cite:not(.widget-title),
  1621. blockquote
  1622. .widget cite:not(.widget-title),
  1623. .widget .pique-template-testimonials .pique-testimonials article .entry-content cite:not(.widget-title),
  1624. .pique-template-testimonials .pique-testimonials article .entry-content
  1625. .widget cite:not(.widget-title),
  1626. .widget .site-branding .site-title:not(.widget-title),
  1627. .site-branding
  1628. .widget .site-title:not(.widget-title),
  1629. .widget .widget-title:not(.widget-title),
  1630. .widget h4:not(.widget-title) {
  1631. font-family: Lora, Georgia, serif;
  1632. font-size: 28.8px;
  1633. font-size: 1.8rem;
  1634. font-style: italic;
  1635. font-weight: normal;
  1636. letter-spacing: 0;
  1637. text-transform: none;
  1638. }
  1639. /* Search widget */
  1640. .widget_search .search-form .search-field {
  1641. width: 100%;
  1642. }
  1643. .widget_search .search-submit {
  1644. display: none;
  1645. }
  1646. /* Lists in widgets (pages, categories, comments, etc) */
  1647. .widget ul {
  1648. list-style-type: none;
  1649. margin: 0;
  1650. padding: 0;
  1651. }
  1652. .widget ul a {
  1653. border-top: 1px solid rgba(233, 213, 192, 0.5);
  1654. color: #2d2a26;
  1655. display: block;
  1656. padding: 7px 0;
  1657. }
  1658. .widget ul a:hover {
  1659. background-color: rgba(233, 213, 192, 0.15);
  1660. border-bottom: none;
  1661. }
  1662. .widget ul .sub-menu {
  1663. margin-left: 1em;
  1664. padding: 0;
  1665. }
  1666. /* Archive widgets */
  1667. .widget_archive ul li,
  1668. .widget_categories ul li {
  1669. display: -webkit-flex;
  1670. display: -ms-flexbox;
  1671. display: flex;
  1672. -webkit-align-items: baseline;
  1673. align-items: baseline;
  1674. -ms-flex-align: baseline;
  1675. -webkit-flex-wrap: wrap;
  1676. -ms-flex-wrap: wrap;
  1677. flex-wrap: wrap;
  1678. }
  1679. .widget_archive ul li a,
  1680. .widget_categories ul li a {
  1681. border: none;
  1682. display: inline-block;
  1683. -ms-flex-order: 1;
  1684. -webkit-order: 1;
  1685. order: 1;
  1686. }
  1687. .widget_archive ul li::before,
  1688. .widget_categories ul li::before {
  1689. border-bottom: 1px dotted #d5af87;
  1690. content: '';
  1691. margin: 0.25em 3px;
  1692. -webkit-flex-grow: 1;
  1693. flex-grow: 1;
  1694. -ms-flex-order: 2;
  1695. -ms-flex-positive: 1;
  1696. -webkit-order: 2;
  1697. order: 2;
  1698. }
  1699. .widget_archive ul li .post-count,
  1700. .widget_categories ul li .post-count {
  1701. padding-top: 0.5em;
  1702. -ms-flex-order: 3;
  1703. -webkit-order: 3;
  1704. order: 3;
  1705. }
  1706. .widget_archive ul li ul,
  1707. .widget_categories ul li ul {
  1708. margin-left: 1em;
  1709. -webkit-flex-basis: 100%;
  1710. flex-basis: 100%;
  1711. -webkit-flex-grow: 0;
  1712. flex-grow: 0;
  1713. -ms-flex-order: 4;
  1714. -ms-flex-positive: 0;
  1715. -ms-flex-preferred-size: 100%;
  1716. -webkit-order: 4;
  1717. order: 4;
  1718. }
  1719. /* Comment widget */
  1720. .widget_recent_comments li {
  1721. border-top: 1px solid rgba(233, 213, 192, 0.5);
  1722. font-family: Lora, Georgia, serif;
  1723. font-style: italic;
  1724. padding: 7px 0;
  1725. /*.comment-author-link::after,
  1726. > a::before {
  1727. display: inline;
  1728. content: "—";
  1729. }*/
  1730. }
  1731. .widget_recent_comments li a {
  1732. border: 0;
  1733. display: inline-block;
  1734. font-family: Karla, Arial, sans-serif;
  1735. font-style: normal;
  1736. }
  1737. /* RSS widget */
  1738. .widget_rss .rsswidget {
  1739. margin-bottom: -7px;
  1740. }
  1741. .widget_rss .rssSummary {
  1742. font-family: Lora, Georgia, serif;
  1743. font-style: italic;
  1744. }
  1745. .widget_rss cite {
  1746. display: block;
  1747. font-style: normal;
  1748. padding-bottom: 7px;
  1749. text-align: right;
  1750. }
  1751. /* Text widget */
  1752. .textwidget {
  1753. font-family: Lora, Georgia, serif;
  1754. font-size: 1.2em;
  1755. font-style: italic;
  1756. }
  1757. /* Tag cloud widget */
  1758. .widget_tag_cloud .tagcloud {
  1759. font-family: Lora, Georgia, serif;
  1760. font-style: italic;
  1761. }
  1762. /* Calendar widget */
  1763. .widget_calendar {
  1764. line-height: 2.4;
  1765. }
  1766. .widget_calendar #calendar-wrap {
  1767. margin-left: auto;
  1768. margin-right: auto;
  1769. max-width: 500px;
  1770. }
  1771. .widget_calendar caption {
  1772. font-family: Lora, Georgia, serif;
  1773. font-style: italic;
  1774. margin-bottom: 5px;
  1775. }
  1776. .widget_calendar thead {
  1777. border-bottom: 1px solid rgba(233, 213, 192, 0.5);
  1778. }
  1779. .widget_calendar td {
  1780. text-align: center;
  1781. }
  1782. .widget_calendar #prev {
  1783. text-align: left;
  1784. }
  1785. .widget_calendar #next {
  1786. text-align: right;
  1787. }
  1788. /*--------------------------------------------------------------
  1789. # Structure
  1790. --------------------------------------------------------------*/
  1791. .site {
  1792. background: rgba(252, 251, 249, 0.9);
  1793. box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  1794. margin: 0 auto;
  1795. max-width: 1400px;
  1796. }
  1797. .site-content {
  1798. margin: 0 auto;
  1799. padding: 20px;
  1800. }
  1801. .content-area {
  1802. content: '';
  1803. /* Prevent stuff from getting spilly on mobile */
  1804. width: 100%;
  1805. overflow-wrap: break-word;
  1806. }
  1807. /* On smaller devices, give the sidebar a bit of breathing room at the top */
  1808. @media (max-width: 1023px) {
  1809. #secondary {
  1810. margin-top: 40px;
  1811. }
  1812. }
  1813. /* On desktop devices, we'll show a sidebar next to our content */
  1814. @media (min-width: 1024px) {
  1815. .site-content {
  1816. margin-bottom: 20px;
  1817. margin-top: 40px;
  1818. }
  1819. .site-content .content-area {
  1820. margin-left: auto;
  1821. margin-right: auto;
  1822. padding-left: 20px;
  1823. padding-right: 20px;
  1824. width: 66%;
  1825. }
  1826. .pique-sidebar .content-area {
  1827. float: right;
  1828. padding-left: 40px;
  1829. padding-right: 0;
  1830. }
  1831. .pique-sidebar .widget-area {
  1832. display: block;
  1833. float: right;
  1834. font-size: 15.2px;
  1835. font-size: 0.95rem;
  1836. padding-right: 40px;
  1837. width: 33%;
  1838. }
  1839. .page-template-template-full-width .content-area {
  1840. float: none;
  1841. padding-left: 0;
  1842. padding-right: 0;
  1843. width: 100%;
  1844. }
  1845. }
  1846. /* Grid structures for tablet devices and larger */
  1847. @media (min-width: 768px) {
  1848. .pique-grid-two article,
  1849. .error-404 .widget {
  1850. float: left;
  1851. font-size: 0.85em;
  1852. text-align: left;
  1853. width: 46.5%;
  1854. }
  1855. .pique-grid-two article:nth-of-type(odd),
  1856. .error-404 .widget:nth-of-type(odd) {
  1857. clear: left;
  1858. margin-right: 3.5%;
  1859. }
  1860. .pique-grid-two article:nth-of-type(even),
  1861. .error-404 .widget:nth-of-type(even) {
  1862. margin-left: 3.5%;
  1863. }
  1864. .pique-grid-three article {
  1865. float: left;
  1866. width: 31%;
  1867. }
  1868. .pique-grid-three article:nth-of-type(1),
  1869. .pique-grid-three article:nth-of-type(3n+1) {
  1870. clear: left;
  1871. margin-right: 3.5%;
  1872. }
  1873. .pique-grid-three article:nth-of-type(3n) {
  1874. margin-left: 3.5%;
  1875. }
  1876. }
  1877. /* Footer */
  1878. .site-footer {
  1879. background-position: bottom center;
  1880. background-repeat: no-repeat;
  1881. background-size: cover;
  1882. clear: both;
  1883. color: #fcfbf9;
  1884. margin: 0 auto;
  1885. max-width: 1400px;
  1886. padding: 15px 20px 0;
  1887. position: relative;
  1888. }
  1889. body:not(.no-background-fixed) .site-footer {
  1890. background-attachment: fixed;
  1891. }
  1892. .site-footer::before {
  1893. background: rgba(31, 29, 26, 0.875);
  1894. bottom: 0;
  1895. display: block;
  1896. left: 0;
  1897. position: absolute;
  1898. right: 0;
  1899. top: 0;
  1900. z-index: 1;
  1901. }
  1902. .site-footer a {
  1903. color: #e9d5c0;
  1904. }
  1905. .site-footer .secondary-links,
  1906. .site-footer .site-info {
  1907. font-size: 12.8px;
  1908. font-size: 0.8rem;
  1909. font-style: italic;
  1910. margin-bottom: 10px;
  1911. position: relative;
  1912. text-align: center;
  1913. z-index: 1;
  1914. }
  1915. .site-footer .secondary-links a,
  1916. .site-footer .site-info a {
  1917. color: #fcfbf9;
  1918. }
  1919. @media (min-width: 1024px) {
  1920. .site-footer .secondary-links {
  1921. float: left;
  1922. font-size: 14.4px;
  1923. font-size: 0.9rem;
  1924. text-align: left;
  1925. }
  1926. .site-footer .site-info {
  1927. font-size: 14.4px;
  1928. font-size: 0.9rem;
  1929. margin-bottom: 15px;
  1930. text-align: center;
  1931. }
  1932. .site-footer .secondary-links + .site-info {
  1933. float: right;
  1934. text-align: right;
  1935. }
  1936. .site-footer .secondary-links + .site-info::after {
  1937. content: '';
  1938. display: table;
  1939. table-layout: fixed;
  1940. }
  1941. }
  1942. /* Footer sidebar */
  1943. #tertiary {
  1944. border-bottom: 1px solid rgba(233, 213, 192, 0.25);
  1945. clear: both;
  1946. content: '';
  1947. display: table;
  1948. margin-bottom: 10px;
  1949. padding: 10px 0;
  1950. position: relative;
  1951. table-layout: fixed;
  1952. table-layout: fixed;
  1953. width: 100%;
  1954. z-index: 2;
  1955. }
  1956. #tertiary .widget {
  1957. border-top: none;
  1958. }
  1959. #tertiary .widget:not(.widget_wpcom_social_media_icons_widget):not(.jetpack_widget_social_icons) ul a {
  1960. color: #fcfbf9;
  1961. }
  1962. #tertiary .widget:not(.widget_wpcom_social_media_icons_widget):not(.jetpack_widget_social_icons) ul a:hover {
  1963. background-color: rgba(45, 42, 38, 0.95);
  1964. }
  1965. #tertiary .widget_archive ul li::before,
  1966. #tertiary .widget_categories ul li::before {
  1967. border-color: rgba(233, 213, 192, 0.25);
  1968. }
  1969. @media (min-width: 768px) {
  1970. #tertiary {
  1971. margin-bottom: 15px;
  1972. }
  1973. #tertiary .widget-area {
  1974. float: left;
  1975. font-size: 15.2px;
  1976. font-size: 0.95rem;
  1977. padding: 0 20px;
  1978. }
  1979. #tertiary .widget-area:first-of-type {
  1980. padding-left: 0;
  1981. }
  1982. #tertiary .widget-area:last-of-type {
  1983. padding-right: 0;
  1984. }
  1985. #tertiary .widget-area:nth-child(1):nth-last-child(1) {
  1986. float: none;
  1987. margin-left: auto;
  1988. margin-right: auto;
  1989. max-width: 466.66667px;
  1990. }
  1991. #tertiary .widget-area:nth-child(1):nth-last-child(2),
  1992. #tertiary .widget-area:nth-child(2):nth-last-child(1) {
  1993. width: 50%;
  1994. }
  1995. #tertiary .widget-area:nth-child(1):nth-last-child(3),
  1996. #tertiary .widget-area:nth-child(2):nth-last-child(2),
  1997. #tertiary .widget-area:nth-child(3):nth-last-child(1) {
  1998. width: 33.3333%;
  1999. }
  2000. #tertiary .widget-area:nth-child(2):nth-last-child(2) {
  2001. padding: 0 10px;
  2002. }
  2003. }
  2004. /*--------------------------------------------------------------
  2005. # Content
  2006. --------------------------------------------------------------*/
  2007. /* Header rules specific to the front page only */
  2008. .pique-frontpage #masthead {
  2009. background: none;
  2010. left: 0;
  2011. padding-top: 1em;
  2012. position: absolute;
  2013. right: 0;
  2014. top: 0;
  2015. width: 100%;
  2016. z-index: 10000;
  2017. }
  2018. .pique-frontpage #masthead .site-branding {
  2019. left: auto;
  2020. position: relative;
  2021. top: auto;
  2022. -webkit-transform: none;
  2023. -ms-transform: none;
  2024. transform: none;
  2025. }
  2026. .pique-frontpage #site-navigation-wrapper {
  2027. position: relative;
  2028. }
  2029. .pique-frontpage .main-navigation:not(.sticky) {
  2030. margin-top: 1em;
  2031. position: relative;
  2032. }
  2033. @media (min-width: 768px) {
  2034. .pique-frontpage #site-navigation:not(.sticky) {
  2035. background: none;
  2036. border: none;
  2037. }
  2038. }
  2039. /* If we don't have any panels set, set the hero panel to full-height */
  2040. .pique-no-panels #pique-hero {
  2041. min-height: 95vh;
  2042. }
  2043. /* Re-set some structural elements on these pages. This allows us to have 'panel' style pages. */
  2044. .pique-frontpage .site-content,
  2045. .pique-frontpage .content-area,
  2046. .archive .site-content,
  2047. .archive .content-area,
  2048. .blog .site-content,
  2049. .blog .content-area,
  2050. .search-results .site-content,
  2051. .search-results .content-area {
  2052. margin: 0;
  2053. max-width: none;
  2054. padding: 0;
  2055. width: 100%;
  2056. }
  2057. .pique-frontpage .page-header,
  2058. .archive .page-header,
  2059. .blog .page-header,
  2060. .search-results .page-header {
  2061. text-align: center;
  2062. }
  2063. /* Panels */
  2064. .pique-panel {
  2065. background-color: #293940;
  2066. margin: 0;
  2067. min-height: 60vh;
  2068. position: relative;
  2069. width: 100%;
  2070. }
  2071. .pique-panel:nth-of-type(even) {
  2072. background-color: #2d2a26;
  2073. }
  2074. .pique-panel .entry-meta,
  2075. .pique-panel .widget_rss .rss-date,
  2076. .widget_rss .pique-panel .rss-date,
  2077. .pique-panel .widget_rss cite,
  2078. .widget_rss .pique-panel cite {
  2079. display: none;
  2080. /* Hide for most post formats */
  2081. }
  2082. .pique-panel .entry-header,
  2083. .pique-panel .entry-content {
  2084. position: relative;
  2085. z-index: 1;
  2086. /* Make sure these aren't covered by their backgrounds! */
  2087. }
  2088. /* Panel background (featured) image */
  2089. .pique-panel-background {
  2090. background-attachment: scroll;
  2091. background-position: 50% 50%;
  2092. background-repeat: no-repeat;
  2093. background-size: cover;
  2094. bottom: 0;
  2095. height: 100%;
  2096. left: 0;
  2097. opacity: 0.5;
  2098. position: absolute;
  2099. right: 0;
  2100. top: 0;
  2101. width: 100%;
  2102. }
  2103. @media (min-width: 768px) {
  2104. .pique-panel-background {
  2105. background-position: top center;
  2106. background-repeat: repeat;
  2107. }
  2108. body:not(.no-background-fixed) .pique-panel-background {
  2109. background-attachment: fixed;
  2110. }
  2111. }
  2112. .pique-panel-background:before {
  2113. background: rgba(0, 0, 0, 0.5);
  2114. content: "";
  2115. display: block;
  2116. height: 100%;
  2117. position: absolute;
  2118. right: 0;
  2119. top: 0;
  2120. width: 100%;
  2121. }
  2122. /* Edit panel content links */
  2123. .pique-panel .edit-link {
  2124. bottom: 15px;
  2125. left: 10px;
  2126. position: absolute;
  2127. z-index: 1;
  2128. }
  2129. .pique-panel .edit-link::before {
  2130. display: none;
  2131. }
  2132. .pique-panel .edit-link a {
  2133. color: #fcfbf9;
  2134. font-family: Karla, Arial, sans-serif;
  2135. font-size: .9rem;
  2136. letter-spacing: 1px;
  2137. opacity: 0.9;
  2138. padding: 1rem 1rem;
  2139. text-transform: uppercase;
  2140. width: auto;
  2141. }
  2142. .pique-panel .edit-link a:hover {
  2143. border: none;
  2144. opacity: 1;
  2145. }
  2146. /* Panel content */
  2147. .pique-panel-content {
  2148. color: #fcfbf9;
  2149. margin: 0 auto;
  2150. max-width: 1400px;
  2151. padding: 20px;
  2152. text-align: center;
  2153. text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75);
  2154. }
  2155. @media (min-width: 768px) {
  2156. .pique-panel-content {
  2157. padding: 40px;
  2158. }
  2159. }
  2160. .pique-panel-content h2 {
  2161. border: 2px solid #fcfbf9;
  2162. border-bottom: 0;
  2163. color: #fcfbf9;
  2164. display: inline-block;
  2165. max-width: 100%;
  2166. padding: 0.75rem 1.5rem 0.85rem;
  2167. position: relative;
  2168. text-transform: uppercase;
  2169. word-break: break-word;
  2170. word-wrap: break-word;
  2171. }
  2172. .pique-panel-content h2::before,
  2173. .pique-panel-content h2::after {
  2174. border-bottom: 2px solid #fcfbf9;
  2175. bottom: 0;
  2176. content: '';
  2177. display: block;
  2178. height: 0;
  2179. position: absolute;
  2180. width: 50px;
  2181. }
  2182. .pique-panel-content h2::before {
  2183. left: 0;
  2184. }
  2185. .pique-panel-content h2::after {
  2186. right: 0;
  2187. }
  2188. .pique-panel-content h2 a {
  2189. color: #fcfbf9;
  2190. }
  2191. .pique-panel-content h2 a:hover {
  2192. border: none;
  2193. }
  2194. .pique-panel-content .entry-content {
  2195. margin: 3em auto 1em;
  2196. max-width: 700px;
  2197. text-align: left;
  2198. }
  2199. .pique-panel-content form {
  2200. background: #fcfbf9;
  2201. border-top: 4px solid #83b6cc;
  2202. margin-left: auto;
  2203. margin-right: auto;
  2204. max-width: 700px;
  2205. padding: 20px;
  2206. text-shadow: none;
  2207. }
  2208. .pique-panel-content blockquote,
  2209. .pique-panel-content .pique-template-testimonials .pique-testimonials article .entry-content,
  2210. .pique-template-testimonials .pique-testimonials article .pique-panel-content .entry-content {
  2211. color: #fcfbf9;
  2212. }
  2213. @media (min-width: 768px) {
  2214. .pique-panel-content blockquote,
  2215. .pique-panel-content .pique-template-testimonials .pique-testimonials article .entry-content,
  2216. .pique-template-testimonials .pique-testimonials article .pique-panel-content .entry-content {
  2217. font-size: 1.5em;
  2218. }
  2219. .pique-panel-content .entry-content {
  2220. margin: 1em auto;
  2221. }
  2222. }
  2223. @media (min-width: 768px) {
  2224. .pique-panel-content h2 {
  2225. max-width: 700px;
  2226. }
  2227. }
  2228. .format-aside .pique-panel-content .entry-content,
  2229. .format-status .pique-panel-content .entry-content {
  2230. font-size: 1.2em;
  2231. font-style: italic;
  2232. }
  2233. .format-quote .read-more,
  2234. .format-aside .read-more,
  2235. .format-status .read-more,
  2236. .format-link .read-more,
  2237. .format-audio .read-more {
  2238. display: none;
  2239. }
  2240. .format-quote .entry-meta,
  2241. .format-quote .widget_rss .rss-date,
  2242. .widget_rss .format-quote .rss-date,
  2243. .format-quote .widget_rss cite,
  2244. .widget_rss .format-quote cite,
  2245. .format-aside .entry-meta,
  2246. .format-aside .widget_rss .rss-date,
  2247. .widget_rss
  2248. .format-aside .rss-date,
  2249. .format-aside .widget_rss cite,
  2250. .widget_rss
  2251. .format-aside cite,
  2252. .format-status .entry-meta,
  2253. .format-status .widget_rss .rss-date,
  2254. .widget_rss
  2255. .format-status .rss-date,
  2256. .format-status .widget_rss cite,
  2257. .widget_rss
  2258. .format-status cite,
  2259. .format-link .entry-meta,
  2260. .format-link .widget_rss .rss-date,
  2261. .widget_rss
  2262. .format-link .rss-date,
  2263. .format-link .widget_rss cite,
  2264. .widget_rss
  2265. .format-link cite,
  2266. .format-audio .entry-meta,
  2267. .format-audio .widget_rss .rss-date,
  2268. .widget_rss
  2269. .format-audio .rss-date,
  2270. .format-audio .widget_rss cite,
  2271. .widget_rss
  2272. .format-audio cite {
  2273. display: block;
  2274. font-style: normal;
  2275. text-align: left;
  2276. }
  2277. .format-quote .entry-meta .edit-link,
  2278. .format-quote .widget_rss .rss-date .edit-link,
  2279. .widget_rss .format-quote .rss-date .edit-link,
  2280. .format-quote .widget_rss cite .edit-link,
  2281. .widget_rss .format-quote cite .edit-link,
  2282. .format-aside .entry-meta .edit-link,
  2283. .format-aside .widget_rss .rss-date .edit-link,
  2284. .widget_rss
  2285. .format-aside .rss-date .edit-link,
  2286. .format-aside .widget_rss cite .edit-link,
  2287. .widget_rss
  2288. .format-aside cite .edit-link,
  2289. .format-status .entry-meta .edit-link,
  2290. .format-status .widget_rss .rss-date .edit-link,
  2291. .widget_rss
  2292. .format-status .rss-date .edit-link,
  2293. .format-status .widget_rss cite .edit-link,
  2294. .widget_rss
  2295. .format-status cite .edit-link,
  2296. .format-link .entry-meta .edit-link,
  2297. .format-link .widget_rss .rss-date .edit-link,
  2298. .widget_rss
  2299. .format-link .rss-date .edit-link,
  2300. .format-link .widget_rss cite .edit-link,
  2301. .widget_rss
  2302. .format-link cite .edit-link,
  2303. .format-audio .entry-meta .edit-link,
  2304. .format-audio .widget_rss .rss-date .edit-link,
  2305. .widget_rss
  2306. .format-audio .rss-date .edit-link,
  2307. .format-audio .widget_rss cite .edit-link,
  2308. .widget_rss
  2309. .format-audio cite .edit-link {
  2310. display: none;
  2311. }
  2312. .format-quote .entry-title,
  2313. .format-aside .entry-title,
  2314. .format-status .entry-title,
  2315. .format-link .entry-title {
  2316. display: none;
  2317. }
  2318. .format-quote .entry-content,
  2319. .format-aside .entry-content,
  2320. .format-status .entry-content,
  2321. .format-link .entry-content {
  2322. margin-top: 40px;
  2323. }
  2324. .format-image .pique-panel-content .entry-content,
  2325. .format-video .pique-panel-content .entry-content,
  2326. .format-gallery .pique-panel-content .entry-content {
  2327. text-align: center;
  2328. }
  2329. /* Read more links on archive pages */
  2330. .archive .read-more,
  2331. .blog .read-more,
  2332. .search-results .read-more {
  2333. display: block;
  2334. margin: 2em auto 1em;
  2335. text-align: center;
  2336. }
  2337. @media (min-width: 768px) {
  2338. .archive .read-more,
  2339. .blog .read-more,
  2340. .search-results .read-more {
  2341. margin-top: 4em;
  2342. }
  2343. }
  2344. .archive .read-more a,
  2345. .blog .read-more a,
  2346. .search-results .read-more a {
  2347. text-shadow: none;
  2348. }
  2349. .archive .read-more a::after,
  2350. .blog .read-more a::after,
  2351. .search-results .read-more a::after {
  2352. content: '';
  2353. display: inline-block;
  2354. display: inline-block;
  2355. font-family: FontAwesome;
  2356. font-size: 14px;
  2357. font-style: normal;
  2358. font-weight: normal;
  2359. line-height: 1;
  2360. text-decoration: none;
  2361. -webkit-font-smoothing: antialiased;
  2362. -moz-osx-font-smoothing: grayscale;
  2363. text-rendering: auto;
  2364. }
  2365. .archive .read-more a:hover,
  2366. .blog .read-more a:hover,
  2367. .search-results .read-more a:hover {
  2368. padding-right: calc(3em - 20px);
  2369. }
  2370. .archive .read-more a:hover::after,
  2371. .blog .read-more a:hover::after,
  2372. .search-results .read-more a:hover::after {
  2373. margin-left: 20px;
  2374. }
  2375. /* Hero area (the "home" page, as it were) */
  2376. #pique-hero .pique-panel-content {
  2377. padding-top: 8em;
  2378. }
  2379. #pique-hero .pique-panel-content .entry-content {
  2380. text-align: center;
  2381. }
  2382. #pique-hero .pique-panel-content .entry-content p {
  2383. text-align: left;
  2384. }
  2385. #pique-hero .pique-panel-content .entry-content p:first-of-type {
  2386. font-size: 2em;
  2387. font-style: italic;
  2388. text-align: center;
  2389. }
  2390. #pique-hero .pique-panel-content .entry-content em {
  2391. color: #83b6cc;
  2392. }
  2393. @media (min-width: 768px) {
  2394. #pique-hero .pique-panel-content .entry-content {
  2395. padding-top: 2em;
  2396. }
  2397. }
  2398. /* Content-heavy pages */
  2399. .pique-template-grid .pique-panel-content .entry-content,
  2400. .pique-template-testimonials .pique-panel-content .entry-content,
  2401. .pique-template-recent-posts .pique-panel-content .entry-content {
  2402. max-width: none;
  2403. }
  2404. .pique-template-grid .pique-panel-content > .entry-content > p,
  2405. .pique-template-testimonials .pique-panel-content > .entry-content > p,
  2406. .pique-template-recent-posts .pique-panel-content > .entry-content > p {
  2407. font-size: 1.2em;
  2408. font-style: italic;
  2409. margin: 0 auto 1em;
  2410. max-width: 700px;
  2411. text-align: center;
  2412. }
  2413. .pique-template-grid .pique-panel-content h3,
  2414. .pique-template-grid .pique-panel-content blockquote cite,
  2415. blockquote .pique-template-grid .pique-panel-content cite,
  2416. .pique-template-grid .pique-panel-content .pique-template-testimonials .pique-testimonials article .entry-content cite,
  2417. .pique-template-testimonials .pique-testimonials article .entry-content .pique-template-grid .pique-panel-content cite,
  2418. .pique-template-grid .pique-panel-content .site-branding .site-title,
  2419. .site-branding .pique-template-grid .pique-panel-content .site-title,
  2420. .pique-template-grid .pique-panel-content .widget-title,
  2421. .pique-template-grid .pique-panel-content h3 a,
  2422. .pique-template-grid .pique-panel-content blockquote cite a,
  2423. blockquote
  2424. .pique-template-grid .pique-panel-content cite a,
  2425. .pique-template-grid .pique-panel-content .pique-template-testimonials .pique-testimonials article .entry-content cite a,
  2426. .pique-template-testimonials .pique-testimonials article .entry-content
  2427. .pique-template-grid .pique-panel-content cite a,
  2428. .pique-template-grid .pique-panel-content .site-branding .site-title a,
  2429. .site-branding
  2430. .pique-template-grid .pique-panel-content .site-title a,
  2431. .pique-template-grid .pique-panel-content .widget-title a,
  2432. .pique-template-testimonials .pique-panel-content h3,
  2433. .pique-template-testimonials .pique-panel-content blockquote cite,
  2434. blockquote
  2435. .pique-template-testimonials .pique-panel-content cite,
  2436. .pique-template-testimonials .pique-panel-content .pique-testimonials article .entry-content cite,
  2437. .pique-template-testimonials .pique-testimonials article .entry-content .pique-panel-content cite,
  2438. .pique-template-testimonials .pique-panel-content .site-branding .site-title,
  2439. .site-branding
  2440. .pique-template-testimonials .pique-panel-content .site-title,
  2441. .pique-template-testimonials .pique-panel-content .widget-title,
  2442. .pique-template-testimonials .pique-panel-content h3 a,
  2443. .pique-template-testimonials .pique-panel-content blockquote cite a,
  2444. blockquote
  2445. .pique-template-testimonials .pique-panel-content cite a,
  2446. .pique-template-testimonials .pique-panel-content .pique-testimonials article .entry-content cite a,
  2447. .pique-template-testimonials .pique-testimonials article .entry-content .pique-panel-content cite a,
  2448. .pique-template-testimonials .pique-panel-content .site-branding .site-title a,
  2449. .site-branding
  2450. .pique-template-testimonials .pique-panel-content .site-title a,
  2451. .pique-template-testimonials .pique-panel-content .widget-title a,
  2452. .pique-template-recent-posts .pique-panel-content h3,
  2453. .pique-template-recent-posts .pique-panel-content blockquote cite,
  2454. blockquote
  2455. .pique-template-recent-posts .pique-panel-content cite,
  2456. .pique-template-recent-posts .pique-panel-content .pique-template-testimonials .pique-testimonials article .entry-content cite,
  2457. .pique-template-testimonials .pique-testimonials article .entry-content
  2458. .pique-template-recent-posts .pique-panel-content cite,
  2459. .pique-template-recent-posts .pique-panel-content .site-branding .site-title,
  2460. .site-branding
  2461. .pique-template-recent-posts .pique-panel-content .site-title,
  2462. .pique-template-recent-posts .pique-panel-content .widget-title,
  2463. .pique-template-recent-posts .pique-panel-content h3 a,
  2464. .pique-template-recent-posts .pique-panel-content blockquote cite a,
  2465. blockquote
  2466. .pique-template-recent-posts .pique-panel-content cite a,
  2467. .pique-template-recent-posts .pique-panel-content .pique-template-testimonials .pique-testimonials article .entry-content cite a,
  2468. .pique-template-testimonials .pique-testimonials article .entry-content
  2469. .pique-template-recent-posts .pique-panel-content cite a,
  2470. .pique-template-recent-posts .pique-panel-content .site-branding .site-title a,
  2471. .site-branding
  2472. .pique-template-recent-posts .pique-panel-content .site-title a,
  2473. .pique-template-recent-posts .pique-panel-content .widget-title a {
  2474. color: #83b6cc;
  2475. }
  2476. /* Grid template panel */
  2477. .pique-grid-three article {
  2478. font-size: 0.9em;
  2479. text-align: center;
  2480. }
  2481. .pique-grid-three img.size-pique-square {
  2482. border-radius: 50%;
  2483. margin: 0 auto;
  2484. max-width: 60%;
  2485. }
  2486. .pique-grid-three p {
  2487. text-align: left;
  2488. }
  2489. /* Testimonial panel */
  2490. .pique-template-testimonials .pique-testimonials article {
  2491. font-size: 0.85em;
  2492. text-align: left;
  2493. }
  2494. .pique-template-testimonials .pique-testimonials article .entry-content {
  2495. color: #fcfbf9;
  2496. margin-bottom: 0;
  2497. }
  2498. .pique-template-testimonials .pique-testimonials .entry-footer {
  2499. content: '';
  2500. display: table;
  2501. margin-top: 20px;
  2502. table-layout: fixed;
  2503. }
  2504. .pique-template-testimonials .pique-testimonials .attachment-pique-thumbnail-avatar {
  2505. border-radius: 50%;
  2506. float: left;
  2507. margin: 0 20px 0 0;
  2508. max-width: 50%;
  2509. }
  2510. .pique-template-testimonials .pique-testimonials h2 {
  2511. border: none;
  2512. clear: none;
  2513. color: #e9d5c0;
  2514. float: left;
  2515. font-size: 16px;
  2516. font-size: 1rem;
  2517. padding: 10px 0;
  2518. }
  2519. .pique-template-testimonials .pique-testimonials h2::before,
  2520. .pique-template-testimonials .pique-testimonials h2::after {
  2521. display: none;
  2522. }
  2523. .pique-template-testimonials .pique-testimonials h2 em {
  2524. display: block;
  2525. font-style: normal;
  2526. font-weight: normal;
  2527. letter-spacing: 0;
  2528. text-transform: none;
  2529. }
  2530. /* Recent blog posts panel */
  2531. .pique-template-recent-posts .entry-title {
  2532. margin-bottom: 0;
  2533. }
  2534. .pique-template-recent-posts article .entry-content {
  2535. margin-top: 0;
  2536. }
  2537. .pique-template-recent-posts .read-more a {
  2538. display: inline;
  2539. font-family: Karla, Arial, sans-serif;
  2540. font-size: 12.8px;
  2541. font-size: 0.8rem;
  2542. font-weight: bold;
  2543. letter-spacing: 1px;
  2544. text-transform: uppercase;
  2545. white-space: nowrap;
  2546. }
  2547. .pique-template-recent-posts .read-more a::after {
  2548. content: '';
  2549. display: inline-block;
  2550. display: inline-block;
  2551. font-family: FontAwesome;
  2552. font-size: 14px;
  2553. font-style: normal;
  2554. font-weight: normal;
  2555. line-height: 1;
  2556. text-decoration: none;
  2557. -webkit-font-smoothing: antialiased;
  2558. -moz-osx-font-smoothing: grayscale;
  2559. text-rendering: auto;
  2560. }
  2561. /* Full-width panel */
  2562. .pique-template-full-width .entry-content {
  2563. max-width: none;
  2564. }
  2565. /* Overlay elements (used to show content on top of the background image in cases where you want a fully opaque image) */
  2566. .overlay {
  2567. background: #2d2a26;
  2568. border-top: 4px solid #83b6cc;
  2569. font-family: Karla, Arial, sans-serif;
  2570. font-size: 0.8em;
  2571. max-width: 700px;
  2572. padding: 0 20px;
  2573. text-align: left;
  2574. text-shadow: none;
  2575. }
  2576. @media (max-width: 767px) {
  2577. .overlay {
  2578. width: 100%;
  2579. }
  2580. }
  2581. @media (min-width: 768px) {
  2582. .overlay {
  2583. width: 60%;
  2584. }
  2585. }
  2586. @media (min-width: 1024px) {
  2587. .overlay {
  2588. width: 40%;
  2589. }
  2590. }
  2591. .overlay h3,
  2592. .overlay blockquote cite,
  2593. blockquote .overlay cite,
  2594. .overlay .pique-template-testimonials .pique-testimonials article .entry-content cite,
  2595. .pique-template-testimonials .pique-testimonials article .entry-content .overlay cite,
  2596. .overlay .site-branding .site-title,
  2597. .site-branding .overlay .site-title,
  2598. .overlay .widget-title {
  2599. margin-bottom: 0;
  2600. }
  2601. .overlay p {
  2602. margin-top: 0;
  2603. }
  2604. /* Some elements shouldn't use a text-shadow, because it looks weird. */
  2605. .wp-playlist {
  2606. text-shadow: none;
  2607. }
  2608. /* Simplify our styles a smidge so the Customizer doesn't have a panic attack */
  2609. .pique-customizer .pique-panel-background {
  2610. background-attachment: inherit !important;
  2611. }
  2612. /* Add some user-friendly hints/overlays in the Customizer */
  2613. .pique-customizer.pique-frontpage .edit-link {
  2614. bottom: 20px;
  2615. }
  2616. .pique-customizer.pique-frontpage .pique-panel:not(#pique-hero) {
  2617. /* Colour-code all panels (add 1 to account for #pique-hero, so 2 is actually panel 1)*/
  2618. }
  2619. .pique-customizer.pique-frontpage .pique-panel:not(#pique-hero)::after {
  2620. border: 2px dashed;
  2621. bottom: 20px;
  2622. content: '';
  2623. display: block;
  2624. left: 20px;
  2625. position: absolute;
  2626. right: 20px;
  2627. top: 20px;
  2628. }
  2629. .pique-customizer.pique-frontpage .pique-panel:not(#pique-hero) .pique-panel-title {
  2630. color: #fcfbf9;
  2631. font-family: Karla, Arial, sans-serif;
  2632. font-size: 12.8px;
  2633. font-size: 0.8rem;
  2634. letter-spacing: 1px;
  2635. padding: 5px 10px;
  2636. position: absolute;
  2637. right: 15px;
  2638. text-transform: uppercase;
  2639. top: 15px;
  2640. }
  2641. .pique-customizer.pique-frontpage .pique-panel:not(#pique-hero):nth-of-type(2) .pique-panel-title {
  2642. background: #a64b55;
  2643. }
  2644. .pique-customizer.pique-frontpage .pique-panel:not(#pique-hero):nth-of-type(2)::after {
  2645. border-color: #a64b55;
  2646. color: #a64b55;
  2647. }
  2648. .pique-customizer.pique-frontpage .pique-panel:not(#pique-hero):nth-of-type(3) .pique-panel-title {
  2649. background: #b569a2;
  2650. }
  2651. .pique-customizer.pique-frontpage .pique-panel:not(#pique-hero):nth-of-type(3)::after {
  2652. border-color: #b569a2;
  2653. color: #b569a2;
  2654. }
  2655. .pique-customizer.pique-frontpage .pique-panel:not(#pique-hero):nth-of-type(4) .pique-panel-title {
  2656. background: #8f68bd;
  2657. }
  2658. .pique-customizer.pique-frontpage .pique-panel:not(#pique-hero):nth-of-type(4)::after {
  2659. border-color: #8f68bd;
  2660. color: #8f68bd;
  2661. }
  2662. .pique-customizer.pique-frontpage .pique-panel:not(#pique-hero):nth-of-type(5) .pique-panel-title {
  2663. background: #575ebd;
  2664. }
  2665. .pique-customizer.pique-frontpage .pique-panel:not(#pique-hero):nth-of-type(5)::after {
  2666. border-color: #575ebd;
  2667. color: #575ebd;
  2668. }
  2669. .pique-customizer.pique-frontpage .pique-panel:not(#pique-hero):nth-of-type(6) .pique-panel-title {
  2670. background: #55a1bd;
  2671. }
  2672. .pique-customizer.pique-frontpage .pique-panel:not(#pique-hero):nth-of-type(6)::after {
  2673. border-color: #55a1bd;
  2674. color: #55a1bd;
  2675. }
  2676. .pique-customizer.pique-frontpage .pique-panel:not(#pique-hero):nth-of-type(7) .pique-panel-title {
  2677. background: #7dbd8f;
  2678. }
  2679. .pique-customizer.pique-frontpage .pique-panel:not(#pique-hero):nth-of-type(7)::after {
  2680. border-color: #7dbd8f;
  2681. color: #7dbd8f;
  2682. }
  2683. .pique-customizer.pique-frontpage .pique-panel:not(#pique-hero):nth-of-type(8) .pique-panel-title {
  2684. background: #c8b247;
  2685. }
  2686. .pique-customizer.pique-frontpage .pique-panel:not(#pique-hero):nth-of-type(8)::after {
  2687. border-color: #c8b247;
  2688. color: #c8b247;
  2689. }
  2690. .pique-customizer.pique-frontpage .pique-panel:not(#pique-hero):nth-of-type(9) .pique-panel-title {
  2691. background: #bd7555;
  2692. }
  2693. .pique-customizer.pique-frontpage .pique-panel:not(#pique-hero):nth-of-type(9)::after {
  2694. border-color: #bd7555;
  2695. color: #bd7555;
  2696. }
  2697. /* Add a highlight class to improve Customizer behaviour */
  2698. @-webkit-keyframes flash {
  2699. 0%,
  2700. 20%,
  2701. 40%,
  2702. 60%,
  2703. 80%,
  2704. 100% {
  2705. opacity: 1;
  2706. }
  2707. 10%,
  2708. 30%,
  2709. 50%,
  2710. 70%,
  2711. 90% {
  2712. opacity: 0;
  2713. }
  2714. }
  2715. @keyframes flash {
  2716. 0%,
  2717. 20%,
  2718. 40%,
  2719. 60%,
  2720. 80%,
  2721. 100% {
  2722. opacity: 1;
  2723. }
  2724. 10%,
  2725. 30%,
  2726. 50%,
  2727. 70%,
  2728. 90% {
  2729. opacity: 0;
  2730. }
  2731. }
  2732. .pique-highlight::after {
  2733. -webkit-animation-duration: 2s;
  2734. animation-duration: 2s;
  2735. -webkit-animation-name: flash;
  2736. animation-name: flash;
  2737. -webkit-animation-timing-function: ease-in-out;
  2738. animation-timing-function: ease-in-out;
  2739. -webkit-animation-fill-mode: both;
  2740. animation-fill-mode: both;
  2741. }
  2742. /* Account for the admin bar */
  2743. .admin-bar.pique-frontpage #masthead {
  2744. top: 32px;
  2745. }
  2746. .has-marketing-bar.pique-frontpage #masthead {
  2747. top: 49px;
  2748. }
  2749. .admin-bar.has-marketing-bar.pique-frontpage #masthead {
  2750. top: calc(32px + 49px);
  2751. }
  2752. @media screen and (max-width: 782px) {
  2753. .admin-bar.pique-frontpage #masthead {
  2754. top: 46px;
  2755. }
  2756. .has-marketing-bar.pique-frontpage #masthead {
  2757. top: 49px;
  2758. }
  2759. .admin-bar.has-marketing-bar.pique-frontpage #masthead {
  2760. top: calc(32px + 49px);
  2761. }
  2762. }
  2763. .entry-content {
  2764. margin: 0 0 1.5em;
  2765. }
  2766. .entry-content a:not(.button):hover {
  2767. border-bottom: 2px solid;
  2768. }
  2769. .format-image .entry-content a:hover,
  2770. .format-gallery .entry-content a:hover,
  2771. .format-video .entry-content a:hover {
  2772. border-bottom: none;
  2773. }
  2774. /* Sticky posts */
  2775. .sticky .entry-title a::before {
  2776. content: '\f512';
  2777. display: inline-block;
  2778. display: inline-block;
  2779. font-family: Genericons;
  2780. font-size: 16px;
  2781. font-style: normal;
  2782. font-weight: normal;
  2783. line-height: 1;
  2784. margin-right: 0.5em;
  2785. text-decoration: none;
  2786. text-shadow: none;
  2787. vertical-align: text-bottom;
  2788. vertical-align: 0;
  2789. -webkit-font-smoothing: antialiased;
  2790. -moz-osx-font-smoothing: grayscale;
  2791. text-rendering: auto;
  2792. }
  2793. .blog .format-aside .entry-title a::before,
  2794. .archive .format-aside .entry-title a::before,
  2795. .search-results .format-aside .entry-title a::before {
  2796. content: '';
  2797. display: inline-block;
  2798. font-family: Genericons;
  2799. font-size: 16px;
  2800. font-style: normal;
  2801. font-weight: normal;
  2802. line-height: 1;
  2803. margin-right: 0.5em;
  2804. text-decoration: none;
  2805. text-shadow: none;
  2806. vertical-align: text-bottom;
  2807. vertical-align: 0;
  2808. -webkit-font-smoothing: antialiased;
  2809. -moz-osx-font-smoothing: grayscale;
  2810. text-rendering: auto;
  2811. }
  2812. .format-aside .entry-meta::before,
  2813. .format-aside .widget_rss .rss-date::before,
  2814. .widget_rss .format-aside .rss-date::before,
  2815. .format-aside .widget_rss cite::before,
  2816. .widget_rss .format-aside cite::before {
  2817. content: '';
  2818. display: inline-block;
  2819. font-family: Genericons;
  2820. font-size: 16px;
  2821. font-style: normal;
  2822. font-weight: normal;
  2823. line-height: 1;
  2824. text-decoration: none;
  2825. vertical-align: text-bottom;
  2826. -webkit-font-smoothing: antialiased;
  2827. -moz-osx-font-smoothing: grayscale;
  2828. text-rendering: auto;
  2829. }
  2830. .blog .format-audio .entry-title a::before,
  2831. .archive .format-audio .entry-title a::before,
  2832. .search-results .format-audio .entry-title a::before {
  2833. content: '';
  2834. display: inline-block;
  2835. font-family: Genericons;
  2836. font-size: 16px;
  2837. font-style: normal;
  2838. font-weight: normal;
  2839. line-height: 1;
  2840. margin-right: 0.5em;
  2841. text-decoration: none;
  2842. text-shadow: none;
  2843. vertical-align: text-bottom;
  2844. vertical-align: 0;
  2845. -webkit-font-smoothing: antialiased;
  2846. -moz-osx-font-smoothing: grayscale;
  2847. text-rendering: auto;
  2848. }
  2849. .format-audio .entry-meta::before,
  2850. .format-audio .widget_rss .rss-date::before,
  2851. .widget_rss .format-audio .rss-date::before,
  2852. .format-audio .widget_rss cite::before,
  2853. .widget_rss .format-audio cite::before {
  2854. content: '';
  2855. display: inline-block;
  2856. font-family: Genericons;
  2857. font-size: 16px;
  2858. font-style: normal;
  2859. font-weight: normal;
  2860. line-height: 1;
  2861. text-decoration: none;
  2862. vertical-align: text-bottom;
  2863. -webkit-font-smoothing: antialiased;
  2864. -moz-osx-font-smoothing: grayscale;
  2865. text-rendering: auto;
  2866. }
  2867. .blog .format-chat .entry-title a::before,
  2868. .archive .format-chat .entry-title a::before,
  2869. .search-results .format-chat .entry-title a::before {
  2870. content: '';
  2871. display: inline-block;
  2872. font-family: Genericons;
  2873. font-size: 16px;
  2874. font-style: normal;
  2875. font-weight: normal;
  2876. line-height: 1;
  2877. margin-right: 0.5em;
  2878. text-decoration: none;
  2879. text-shadow: none;
  2880. vertical-align: text-bottom;
  2881. vertical-align: 0;
  2882. -webkit-font-smoothing: antialiased;
  2883. -moz-osx-font-smoothing: grayscale;
  2884. text-rendering: auto;
  2885. }
  2886. .format-chat .entry-meta::before,
  2887. .format-chat .widget_rss .rss-date::before,
  2888. .widget_rss .format-chat .rss-date::before,
  2889. .format-chat .widget_rss cite::before,
  2890. .widget_rss .format-chat cite::before {
  2891. content: '';
  2892. display: inline-block;
  2893. font-family: Genericons;
  2894. font-size: 16px;
  2895. font-style: normal;
  2896. font-weight: normal;
  2897. line-height: 1;
  2898. text-decoration: none;
  2899. vertical-align: text-bottom;
  2900. -webkit-font-smoothing: antialiased;
  2901. -moz-osx-font-smoothing: grayscale;
  2902. text-rendering: auto;
  2903. }
  2904. .blog .format-gallery .entry-title a::before,
  2905. .archive .format-gallery .entry-title a::before,
  2906. .search-results .format-gallery .entry-title a::before {
  2907. content: '';
  2908. display: inline-block;
  2909. font-family: Genericons;
  2910. font-size: 16px;
  2911. font-style: normal;
  2912. font-weight: normal;
  2913. line-height: 1;
  2914. margin-right: 0.5em;
  2915. text-decoration: none;
  2916. text-shadow: none;
  2917. vertical-align: text-bottom;
  2918. vertical-align: 0;
  2919. -webkit-font-smoothing: antialiased;
  2920. -moz-osx-font-smoothing: grayscale;
  2921. text-rendering: auto;
  2922. }
  2923. .format-gallery .entry-meta::before,
  2924. .format-gallery .widget_rss .rss-date::before,
  2925. .widget_rss .format-gallery .rss-date::before,
  2926. .format-gallery .widget_rss cite::before,
  2927. .widget_rss .format-gallery cite::before {
  2928. content: '';
  2929. display: inline-block;
  2930. font-family: Genericons;
  2931. font-size: 16px;
  2932. font-style: normal;
  2933. font-weight: normal;
  2934. line-height: 1;
  2935. text-decoration: none;
  2936. vertical-align: text-bottom;
  2937. -webkit-font-smoothing: antialiased;
  2938. -moz-osx-font-smoothing: grayscale;
  2939. text-rendering: auto;
  2940. }
  2941. .blog .format-image .entry-title a::before,
  2942. .archive .format-image .entry-title a::before,
  2943. .search-results .format-image .entry-title a::before {
  2944. content: '';
  2945. display: inline-block;
  2946. font-family: Genericons;
  2947. font-size: 16px;
  2948. font-style: normal;
  2949. font-weight: normal;
  2950. line-height: 1;
  2951. margin-right: 0.5em;
  2952. text-decoration: none;
  2953. text-shadow: none;
  2954. vertical-align: text-bottom;
  2955. vertical-align: 0;
  2956. -webkit-font-smoothing: antialiased;
  2957. -moz-osx-font-smoothing: grayscale;
  2958. text-rendering: auto;
  2959. }
  2960. .format-image .entry-meta::before,
  2961. .format-image .widget_rss .rss-date::before,
  2962. .widget_rss .format-image .rss-date::before,
  2963. .format-image .widget_rss cite::before,
  2964. .widget_rss .format-image cite::before {
  2965. content: '';
  2966. display: inline-block;
  2967. font-family: Genericons;
  2968. font-size: 16px;
  2969. font-style: normal;
  2970. font-weight: normal;
  2971. line-height: 1;
  2972. text-decoration: none;
  2973. vertical-align: text-bottom;
  2974. -webkit-font-smoothing: antialiased;
  2975. -moz-osx-font-smoothing: grayscale;
  2976. text-rendering: auto;
  2977. }
  2978. .blog .format-link .entry-title a::before,
  2979. .archive .format-link .entry-title a::before,
  2980. .search-results .format-link .entry-title a::before {
  2981. content: '';
  2982. display: inline-block;
  2983. font-family: Genericons;
  2984. font-size: 16px;
  2985. font-style: normal;
  2986. font-weight: normal;
  2987. line-height: 1;
  2988. margin-right: 0.5em;
  2989. text-decoration: none;
  2990. text-shadow: none;
  2991. vertical-align: text-bottom;
  2992. vertical-align: 0;
  2993. -webkit-font-smoothing: antialiased;
  2994. -moz-osx-font-smoothing: grayscale;
  2995. text-rendering: auto;
  2996. }
  2997. .format-link .entry-meta::before,
  2998. .format-link .widget_rss .rss-date::before,
  2999. .widget_rss .format-link .rss-date::before,
  3000. .format-link .widget_rss cite::before,
  3001. .widget_rss .format-link cite::before {
  3002. content: '';
  3003. display: inline-block;
  3004. font-family: Genericons;
  3005. font-size: 16px;
  3006. font-style: normal;
  3007. font-weight: normal;
  3008. line-height: 1;
  3009. text-decoration: none;
  3010. vertical-align: text-bottom;
  3011. -webkit-font-smoothing: antialiased;
  3012. -moz-osx-font-smoothing: grayscale;
  3013. text-rendering: auto;
  3014. }
  3015. .blog .format-status .entry-title a::before,
  3016. .archive .format-status .entry-title a::before,
  3017. .search-results .format-status .entry-title a::before {
  3018. content: '';
  3019. display: inline-block;
  3020. font-family: Genericons;
  3021. font-size: 16px;
  3022. font-style: normal;
  3023. font-weight: normal;
  3024. line-height: 1;
  3025. margin-right: 0.5em;
  3026. text-decoration: none;
  3027. text-shadow: none;
  3028. vertical-align: text-bottom;
  3029. vertical-align: 0;
  3030. -webkit-font-smoothing: antialiased;
  3031. -moz-osx-font-smoothing: grayscale;
  3032. text-rendering: auto;
  3033. }
  3034. .format-status .entry-meta::before,
  3035. .format-status .widget_rss .rss-date::before,
  3036. .widget_rss .format-status .rss-date::before,
  3037. .format-status .widget_rss cite::before,
  3038. .widget_rss .format-status cite::before {
  3039. content: '';
  3040. display: inline-block;
  3041. font-family: Genericons;
  3042. font-size: 16px;
  3043. font-style: normal;
  3044. font-weight: normal;
  3045. line-height: 1;
  3046. text-decoration: none;
  3047. vertical-align: text-bottom;
  3048. -webkit-font-smoothing: antialiased;
  3049. -moz-osx-font-smoothing: grayscale;
  3050. text-rendering: auto;
  3051. }
  3052. .blog .format-quote .entry-title a::before,
  3053. .archive .format-quote .entry-title a::before,
  3054. .search-results .format-quote .entry-title a::before {
  3055. content: '';
  3056. display: inline-block;
  3057. font-family: Genericons;
  3058. font-size: 16px;
  3059. font-style: normal;
  3060. font-weight: normal;
  3061. line-height: 1;
  3062. margin-right: 0.5em;
  3063. text-decoration: none;
  3064. text-shadow: none;
  3065. vertical-align: text-bottom;
  3066. vertical-align: 0;
  3067. -webkit-font-smoothing: antialiased;
  3068. -moz-osx-font-smoothing: grayscale;
  3069. text-rendering: auto;
  3070. }
  3071. .format-quote .entry-meta::before,
  3072. .format-quote .widget_rss .rss-date::before,
  3073. .widget_rss .format-quote .rss-date::before,
  3074. .format-quote .widget_rss cite::before,
  3075. .widget_rss .format-quote cite::before {
  3076. content: '';
  3077. display: inline-block;
  3078. font-family: Genericons;
  3079. font-size: 16px;
  3080. font-style: normal;
  3081. font-weight: normal;
  3082. line-height: 1;
  3083. text-decoration: none;
  3084. vertical-align: text-bottom;
  3085. -webkit-font-smoothing: antialiased;
  3086. -moz-osx-font-smoothing: grayscale;
  3087. text-rendering: auto;
  3088. }
  3089. .blog .format-video .entry-title a::before,
  3090. .archive .format-video .entry-title a::before,
  3091. .search-results .format-video .entry-title a::before {
  3092. content: '';
  3093. display: inline-block;
  3094. font-family: Genericons;
  3095. font-size: 16px;
  3096. font-style: normal;
  3097. font-weight: normal;
  3098. line-height: 1;
  3099. margin-right: 0.5em;
  3100. text-decoration: none;
  3101. text-shadow: none;
  3102. vertical-align: text-bottom;
  3103. vertical-align: 0;
  3104. -webkit-font-smoothing: antialiased;
  3105. -moz-osx-font-smoothing: grayscale;
  3106. text-rendering: auto;
  3107. }
  3108. .format-video .entry-meta::before,
  3109. .format-video .widget_rss .rss-date::before,
  3110. .widget_rss .format-video .rss-date::before,
  3111. .format-video .widget_rss cite::before,
  3112. .widget_rss .format-video cite::before {
  3113. content: '';
  3114. display: inline-block;
  3115. font-family: Genericons;
  3116. font-size: 16px;
  3117. font-style: normal;
  3118. font-weight: normal;
  3119. line-height: 1;
  3120. text-decoration: none;
  3121. vertical-align: text-bottom;
  3122. -webkit-font-smoothing: antialiased;
  3123. -moz-osx-font-smoothing: grayscale;
  3124. text-rendering: auto;
  3125. }
  3126. /* Entry meta */
  3127. .entry-meta,
  3128. .widget_rss .rss-date,
  3129. .widget_rss cite {
  3130. color: #c3c3c3;
  3131. font-family: Karla, Arial, sans-serif;
  3132. font-size: 13.6px;
  3133. font-size: 0.85rem;
  3134. font-weight: bold;
  3135. letter-spacing: 0.05rem;
  3136. text-transform: uppercase;
  3137. }
  3138. .entry-meta a,
  3139. .widget_rss .rss-date a,
  3140. .widget_rss cite a {
  3141. color: darkgray;
  3142. }
  3143. .entry-meta + .entry-title,
  3144. .widget_rss .rss-date + .entry-title,
  3145. .widget_rss cite + .entry-title {
  3146. margin-top: 0.2rem;
  3147. }
  3148. .byline,
  3149. .updated:not(.published) {
  3150. display: none;
  3151. }
  3152. .single .byline,
  3153. .group-blog .byline {
  3154. display: inline;
  3155. }
  3156. time + .updated {
  3157. display: none;
  3158. }
  3159. .edit-link::before {
  3160. content: ' · ';
  3161. display: inline;
  3162. }
  3163. .page .edit-link::before {
  3164. display: none;
  3165. }
  3166. /* Content */
  3167. .page-content,
  3168. .entry-content,
  3169. .entry-summary {
  3170. margin: 1.5em 0 0;
  3171. }
  3172. .page-links {
  3173. clear: both;
  3174. font-family: Karla, Arial, sans-serif;
  3175. font-size: 14.4px;
  3176. font-size: 0.9rem;
  3177. letter-spacing: 1px;
  3178. margin: 0 0 1.5em;
  3179. text-transform: uppercase;
  3180. }
  3181. /* Categories & tags */
  3182. .cat-links,
  3183. .tags-links {
  3184. color: darkgray;
  3185. display: block;
  3186. font-family: Lora, Georgia, serif;
  3187. font-size: 14.4px;
  3188. font-size: 0.9rem;
  3189. font-style: italic;
  3190. margin-top: 0.25rem;
  3191. }
  3192. .cat-links a,
  3193. .tags-links a {
  3194. color: #909090;
  3195. }
  3196. .cat-links::before,
  3197. .tags-links::before {
  3198. display: inline-block;
  3199. display: inline-block;
  3200. font-family: FontAwesome;
  3201. font-size: 14px;
  3202. font-style: normal;
  3203. font-weight: normal;
  3204. line-height: 1;
  3205. margin-right: 5px;
  3206. text-decoration: none;
  3207. -webkit-font-smoothing: antialiased;
  3208. -moz-osx-font-smoothing: grayscale;
  3209. text-rendering: auto;
  3210. }
  3211. .cat-links::before {
  3212. content: '';
  3213. }
  3214. .tags-links::before {
  3215. content: '';
  3216. }
  3217. /* 404 page */
  3218. .error-404 .page-title {
  3219. margin-top: 0;
  3220. }
  3221. .error-404 .search-form {
  3222. margin-bottom: 40px;
  3223. }
  3224. /* Nothing here yet? */
  3225. .pique-get-started {
  3226. font-size: 1.2em;
  3227. margin: 80px 40px;
  3228. text-align: center;
  3229. }
  3230. /* Post footers */
  3231. .entry-footer {
  3232. padding: 20px 0;
  3233. }
  3234. /* Titles */
  3235. #reply-title,
  3236. div#jp-relatedposts h3.jp-relatedposts-headline,
  3237. div#jp-relatedposts blockquote cite.jp-relatedposts-headline,
  3238. blockquote
  3239. div#jp-relatedposts cite.jp-relatedposts-headline,
  3240. div#jp-relatedposts .pique-template-testimonials .pique-testimonials article .entry-content cite.jp-relatedposts-headline,
  3241. .pique-template-testimonials .pique-testimonials article .entry-content
  3242. div#jp-relatedposts cite.jp-relatedposts-headline,
  3243. div#jp-relatedposts .site-branding .jp-relatedposts-headline.site-title,
  3244. .site-branding
  3245. div#jp-relatedposts .jp-relatedposts-headline.site-title,
  3246. div#jp-relatedposts .jp-relatedposts-headline.widget-title,
  3247. div.sharedaddy h3.sd-title,
  3248. div.sharedaddy blockquote cite.sd-title,
  3249. blockquote
  3250. div.sharedaddy cite.sd-title,
  3251. div.sharedaddy .pique-template-testimonials .pique-testimonials article .entry-content cite.sd-title,
  3252. .pique-template-testimonials .pique-testimonials article .entry-content
  3253. div.sharedaddy cite.sd-title,
  3254. div.sharedaddy .site-branding .sd-title.site-title,
  3255. .site-branding
  3256. div.sharedaddy .sd-title.site-title,
  3257. div.sharedaddy .sd-title.widget-title {
  3258. font-family: Karla, Arial, sans-serif;
  3259. font-size: 0.9rem !important;
  3260. margin: 20px 0 0 !important;
  3261. }
  3262. /* Comment form */
  3263. #respond {
  3264. padding-top: 10px;
  3265. }
  3266. #commentform {
  3267. margin-top: -10px;
  3268. }
  3269. #commentform .logged-in-as,
  3270. #commentform .comment-notes {
  3271. font-size: 16px;
  3272. font-size: 1rem;
  3273. font-style: italic;
  3274. }
  3275. #commentform .logged-in-as a,
  3276. #commentform .comment-notes a {
  3277. color: #b0aaa2;
  3278. }
  3279. #form-allowed-tags {
  3280. font-size: 14.4px;
  3281. font-size: 0.9rem;
  3282. font-style: italic;
  3283. }
  3284. #form-allowed-tags code {
  3285. display: block;
  3286. font-size: 12.8px;
  3287. font-size: 0.8rem;
  3288. font-style: normal;
  3289. }
  3290. .comment-list {
  3291. list-style-type: none;
  3292. margin: 0;
  3293. padding: 0;
  3294. }
  3295. .comment-list .children {
  3296. border-left: 2px solid #83b6cc;
  3297. list-style-type: none;
  3298. margin-left: 0;
  3299. }
  3300. .comment-list .children li .comment-body {
  3301. padding-left: 20px;
  3302. }
  3303. .comment-author .avatar {
  3304. border-radius: 50%;
  3305. float: left;
  3306. height: 75px;
  3307. margin: 0 0.5em 0 0;
  3308. width: 75px;
  3309. }
  3310. .comment-author .fn {
  3311. display: inline-block;
  3312. font-size: 19.2px;
  3313. font-size: 1.2rem;
  3314. font-style: italic;
  3315. font-weight: normal;
  3316. max-width: calc(100% - 100px - 0.5em);
  3317. padding-top: 0.25em;
  3318. }
  3319. .comment-author .says {
  3320. display: none;
  3321. }
  3322. /* Comment content */
  3323. .comment-body {
  3324. position: relative
  3325. }
  3326. .comment-metadata {
  3327. color: #c3c3c3;
  3328. font-family: Karla, Arial, sans-serif;
  3329. font-size: 13.6px;
  3330. font-size: 0.85rem;
  3331. font-weight: bold;
  3332. letter-spacing: 0.05rem;
  3333. text-transform: uppercase;
  3334. }
  3335. .comment-content {
  3336. clear: left;
  3337. font-size: 0.9em;
  3338. }
  3339. .comment-content .comment-content a {
  3340. word-wrap: break-word;
  3341. }
  3342. /* Reply to comment */
  3343. .reply {
  3344. position: absolute;
  3345. right: 10px;
  3346. bottom: 10px;
  3347. }
  3348. .reply a {
  3349. border: 1px solid;
  3350. display: inline-block;
  3351. font-family: Karla, Arial, sans-serif;
  3352. font-size: 13.6px;
  3353. font-size: 0.85rem;
  3354. font-weight: bold;
  3355. letter-spacing: 0.05rem;
  3356. padding: 2px 5px;
  3357. text-transform: uppercase;
  3358. }
  3359. .reply a:hover {
  3360. color: #c3c3c3;
  3361. }
  3362. #cancel-comment-reply-link {
  3363. color: darkgray;
  3364. }
  3365. #cancel-comment-reply-link::before {
  3366. content: '(';
  3367. display: inline;
  3368. }
  3369. #cancel-comment-reply-link::after {
  3370. content: ')';
  3371. display: inline;
  3372. }
  3373. /* Post author comments */
  3374. .bypostauthor {
  3375. background-color: #e9d5c0;
  3376. padding: 20px;
  3377. }
  3378. /* Pingbacks */
  3379. .pingback,
  3380. .trackback {
  3381. font-style: italic;
  3382. margin: 1em 0;
  3383. }
  3384. /*--------------------------------------------------------------
  3385. # Infinite scroll
  3386. --------------------------------------------------------------*/
  3387. /* Globally hidden elements when Infinite Scroll is supported and in use. */
  3388. .infinite-scroll .posts-navigation,
  3389. .infinite-scroll.neverending .site-footer {
  3390. /* Theme Footer (when set to scrolling) */
  3391. display: none;
  3392. }
  3393. /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
  3394. .infinity-end.neverending .site-footer {
  3395. display: block;
  3396. }
  3397. #infinite-footer {
  3398. font-family: Karla, Arial, sans-serif;
  3399. width: 100%;
  3400. z-index: 1000000;
  3401. }
  3402. #infinite-footer .container {
  3403. width: 100%;
  3404. }
  3405. #infinite-footer #infinity-blog-title {
  3406. font-weight: normal;
  3407. }
  3408. /* Center the loading graphic */
  3409. .infinite-loader {
  3410. margin: 1.45em 46%;
  3411. }
  3412. .infinite-scroll #infinite-handle {
  3413. display: block;
  3414. text-align: center;
  3415. }
  3416. .infinite-scroll #infinite-handle span {
  3417. background: transparent;
  3418. }
  3419. .infinite-scroll #infinite-handle button,
  3420. .infinite-scroll #infinite-handle .archive .read-more a,
  3421. .archive .read-more .infinite-scroll #infinite-handle a,
  3422. .infinite-scroll #infinite-handle
  3423. .blog .read-more a,
  3424. .blog .read-more .infinite-scroll #infinite-handle a,
  3425. .infinite-scroll #infinite-handle
  3426. .search-results .read-more a,
  3427. .search-results .read-more .infinite-scroll #infinite-handle a {
  3428. color: #83b6cc;
  3429. font-size: 19.2px;
  3430. font-size: 1.2rem;
  3431. font-style: italic;
  3432. letter-spacing: 0;
  3433. padding: 1em;
  3434. text-transform: none;
  3435. }
  3436. .infinite-scroll #infinite-handle button::before,
  3437. .infinite-scroll #infinite-handle .archive .read-more a::before,
  3438. .archive .read-more .infinite-scroll #infinite-handle a::before,
  3439. .infinite-scroll #infinite-handle
  3440. .blog .read-more a::before,
  3441. .blog .read-more .infinite-scroll #infinite-handle a::before,
  3442. .infinite-scroll #infinite-handle
  3443. .search-results .read-more a::before,
  3444. .search-results .read-more .infinite-scroll #infinite-handle a::before {
  3445. content: "\2190" /*rtl:"\2192"*/;
  3446. display: inline-block;
  3447. display: inline-block;
  3448. font-family: FontAwesome;
  3449. font-size: 14px;
  3450. font-style: normal;
  3451. font-weight: normal;
  3452. line-height: 1;
  3453. margin-right: 10px;
  3454. text-decoration: none;
  3455. vertical-align: 2px;
  3456. -webkit-font-smoothing: antialiased;
  3457. -moz-osx-font-smoothing: grayscale;
  3458. text-rendering: auto;
  3459. }
  3460. .infinite-scroll #infinite-handle button:hover,
  3461. .infinite-scroll #infinite-handle .archive .read-more a:hover,
  3462. .archive .read-more .infinite-scroll #infinite-handle a:hover,
  3463. .infinite-scroll #infinite-handle
  3464. .blog .read-more a:hover,
  3465. .blog .read-more .infinite-scroll #infinite-handle a:hover,
  3466. .infinite-scroll #infinite-handle
  3467. .search-results .read-more a:hover,
  3468. .search-results .read-more .infinite-scroll #infinite-handle a:hover {
  3469. color: #3c7993;
  3470. font-size: 19.2px;
  3471. font-size: 1.2rem;
  3472. padding: 1em;
  3473. }
  3474. /*--------------------------------------------------------------
  3475. # Contact Forms
  3476. --------------------------------------------------------------*/
  3477. .site-content .contact-form input[type="radio"],
  3478. .site-content .contact-form input[type="checkbox"] {
  3479. margin-bottom: 6px;
  3480. margin-right: .3em;
  3481. vertical-align: middle;
  3482. }
  3483. .site-content .contact-form label.checkbox,
  3484. .site-content .contact-form label.checkbox-multiple,
  3485. .site-content .contact-form label.radio {
  3486. font-weight: normal;
  3487. font-style: normal;
  3488. font-size: 18px;
  3489. margin-bottom: .375em;
  3490. font-family: inherit;
  3491. float: none;
  3492. letter-spacing: 0;
  3493. text-transform: none;
  3494. }
  3495. .site-content .contact-form > div {
  3496. margin-bottom: 1.5em;
  3497. }
  3498. .site-content .contact-form textarea,
  3499. .site-content .contact-form input[type='text'],
  3500. .site-content .contact-form input[type='email'],
  3501. .site-content .contact-form input[type='url'],
  3502. .site-content .contact-form select {
  3503. margin-bottom: .375em;
  3504. max-width: 100%;
  3505. }
  3506. .site-content .contact-form .grunion-field-label {
  3507. margin-bottom: .75em;
  3508. width: 100%;
  3509. }
  3510. /*--------------------------------------------------------------
  3511. # Media
  3512. --------------------------------------------------------------*/
  3513. .page-content .wp-smiley,
  3514. .entry-content .wp-smiley,
  3515. .comment-content .wp-smiley {
  3516. border: none;
  3517. margin-bottom: 0;
  3518. margin-top: 0;
  3519. padding: 0;
  3520. }
  3521. /* Make sure embeds and iframes fit their containers. */
  3522. embed,
  3523. iframe,
  3524. object {
  3525. max-width: 100%;
  3526. }
  3527. /*--------------------------------------------------------------
  3528. ## Captions
  3529. --------------------------------------------------------------*/
  3530. .wp-caption {
  3531. margin-bottom: 1.5em;
  3532. max-width: 100%;
  3533. }
  3534. .wp-caption img[class*='wp-image-'] {
  3535. display: block;
  3536. margin-left: auto;
  3537. margin-right: auto;
  3538. }
  3539. .wp-caption .wp-caption-text,
  3540. .wp-caption .tiled-gallery-caption {
  3541. margin: 0.8075em 0;
  3542. }
  3543. .wp-caption-text,
  3544. .tiled-gallery-caption {
  3545. font-style: italic;
  3546. text-align: center;
  3547. }
  3548. /*--------------------------------------------------------------
  3549. ## Galleries
  3550. --------------------------------------------------------------*/
  3551. figure {
  3552. margin-left: auto;
  3553. margin-right: auto;
  3554. }
  3555. .gallery,
  3556. .tiled-gallery {
  3557. margin-bottom: 1.5em;
  3558. }
  3559. .entry-content .gallery a:hover,
  3560. .entry-content .tiled-gallery a:hover {
  3561. border-bottom: none;
  3562. }
  3563. .gallery-item {
  3564. display: inline-block;
  3565. text-align: center;
  3566. vertical-align: top;
  3567. width: 100%;
  3568. }
  3569. .gallery-columns-2 .gallery-item {
  3570. max-width: 50%;
  3571. }
  3572. .gallery-columns-3 .gallery-item {
  3573. max-width: 33.33%;
  3574. }
  3575. .gallery-columns-4 .gallery-item {
  3576. max-width: 25%;
  3577. }
  3578. .gallery-columns-5 .gallery-item {
  3579. max-width: 20%;
  3580. }
  3581. .gallery-columns-6 .gallery-item {
  3582. max-width: 16.66%;
  3583. }
  3584. .gallery-columns-7 .gallery-item {
  3585. max-width: 14.28%;
  3586. }
  3587. .gallery-columns-8 .gallery-item {
  3588. max-width: 12.5%;
  3589. }
  3590. .gallery-columns-9 .gallery-item {
  3591. max-width: 11.11%;
  3592. }
  3593. .gallery-caption {
  3594. display: block;
  3595. }
  3596. /* Tiled galleries */
  3597. .tiled-gallery-caption {
  3598. text-shadow: none;
  3599. }