style.css 101 KB

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