style.css 86 KB

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