style.css 87 KB

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