style.css 57 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668266926702671267226732674267526762677267826792680268126822683268426852686268726882689269026912692269326942695269626972698269927002701270227032704270527062707270827092710271127122713271427152716271727182719272027212722272327242725272627272728272927302731273227332734273527362737273827392740274127422743274427452746274727482749275027512752275327542755275627572758275927602761276227632764276527662767276827692770277127722773277427752776277727782779278027812782278327842785278627872788278927902791279227932794279527962797279827992800280128022803280428052806280728082809281028112812281328142815281628172818281928202821282228232824282528262827282828292830283128322833283428352836283728382839284028412842284328442845284628472848284928502851285228532854285528562857285828592860286128622863286428652866286728682869287028712872287328742875287628772878287928802881288228832884288528862887288828892890289128922893289428952896289728982899290029012902290329042905290629072908290929102911291229132914291529162917291829192920292129222923292429252926292729282929293029312932293329342935293629372938293929402941294229432944294529462947294829492950295129522953295429552956295729582959296029612962296329642965296629672968296929702971297229732974297529762977297829792980298129822983298429852986298729882989299029912992299329942995299629972998299930003001300230033004300530063007300830093010301130123013301430153016301730183019302030213022302330243025302630273028302930303031303230333034303530363037303830393040304130423043304430453046304730483049305030513052305330543055305630573058305930603061306230633064306530663067306830693070307130723073307430753076307730783079308030813082308330843085308630873088
  1. /*
  2. Theme Name: Cottage Theme
  3. Theme URI: http://howsweetdesigns.com
  4. Description: Captivating Theme by Restored 316, Customized by How Sweet Designs.
  5. Author: Restored 316 Designs // How Sweet Designs
  6. Author URI: http://www.howsweetdesigns.com/
  7. Copyright: Copyright (c) 2015, Restored 316 LLC, Released 08/09/2017
  8. Version: 1.0.0
  9. Template: genesis
  10. Template Version: 2.0.1
  11. License: GPL-2.0+
  12. License URI: http://www.opensource.org/licenses/gpl-license.php
  13. */
  14. /* # Table of Contents
  15. - HTML5 Reset
  16. - Baseline Normalize
  17. - Box Sizing
  18. - Float Clearing
  19. - Defaults
  20. - Typographical Elements
  21. - Headings
  22. - Objects
  23. - Gallery
  24. - Forms
  25. - Tables
  26. - Structure and Layout
  27. - Site Containers
  28. - Column Widths and Positions
  29. - Column Classes
  30. - Common Classes
  31. - Avatar
  32. - Genesis
  33. - Search Form
  34. - Titles
  35. - WordPress
  36. - Widgets
  37. - Featured Content
  38. - Plugins
  39. - Convert Kit
  40. - Genesis eNews Extended
  41. - Genesis Responsive Slider
  42. - Gravity Forms
  43. - Instagram Feed
  44. - RewardStyle
  45. - Social Warfare
  46. - Soliloquy
  47. - Simply Instagram
  48. - WooCommerce
  49. - Site Header
  50. - Title Area
  51. - Widget Area
  52. - Site Navigation
  53. - Header Navigation
  54. - Primary Navigation
  55. - Secondary Navigation
  56. - Content Area
  57. - Entries
  58. - Entry Meta
  59. - Pagination
  60. - After Entry Widget Area
  61. - Comments
  62. - Sidebars
  63. - Footer Widgets
  64. - Site Footer
  65. - Media Queries
  66. - Retina Display
  67. - Max-width: 1200px
  68. - Max-width: 960px
  69. - Max-width: 800px
  70. */
  71. /* # HTML5 Reset
  72. ---------------------------------------------------------------------------------------------------- */
  73. /* ## Baseline Normalize
  74. --------------------------------------------- */
  75. /* normalize.css v3.0.1 | MIT License | git.io/normalize */
  76. html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#666}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
  77. /* ## Box Sizing
  78. --------------------------------------------- */
  79. *,
  80. input[type="search"] {
  81. -webkit-box-sizing: border-box;
  82. -moz-box-sizing: border-box;
  83. box-sizing: border-box;
  84. }
  85. /* ## Float Clearing
  86. --------------------------------------------- */
  87. .author-box:before,
  88. .clearfix:before,
  89. .entry:before,
  90. .entry-content:before,
  91. .footer-widgets:before,
  92. .nav-primary:before,
  93. .nav-secondary:before,
  94. .pagination:before,
  95. .site-container:before,
  96. .site-footer:before,
  97. .site-header:before,
  98. .site-inner:before,
  99. .wrap:before {
  100. content: " ";
  101. display: table;
  102. }
  103. .author-box:after,
  104. .clearfix:after,
  105. .entry:after,
  106. .entry-content:after,
  107. .footer-widgets:after,
  108. .nav-primary:after,
  109. .nav-secondary:after,
  110. .pagination:after,
  111. .site-container:after,
  112. .site-footer:after,
  113. .site-header:after,
  114. .site-inner:after,
  115. .wrap:after {
  116. clear: both;
  117. content: " ";
  118. display: table;
  119. }
  120. /* # Defaults
  121. ---------------------------------------------------------------------------------------------------- */
  122. /* ## Typographical Elements
  123. --------------------------------------------- */
  124. body {
  125. color: #333;
  126. font-family: 'Montserrat', sans-serif;
  127. font-size: 16px;
  128. font-weight: 300;
  129. letter-spacing: .5px;
  130. line-height: 2;
  131. margin: 0;
  132. }
  133. a,
  134. button,
  135. input:focus,
  136. input[type="button"],
  137. input[type="reset"],
  138. input[type="submit"],
  139. textarea:focus,
  140. .button,
  141. .gallery img {
  142. -webkit-transition: all 0.1s ease-in-out;
  143. -moz-transition: all 0.1s ease-in-out;
  144. -ms-transition: all 0.1s ease-in-out;
  145. -o-transition: all 0.1s ease-in-out;
  146. transition: all 0.1s ease-in-out;
  147. }
  148. ::-moz-selection {
  149. background-color: #333;
  150. color: #fff;
  151. }
  152. ::selection {
  153. background-color: #333;
  154. color: #fff;
  155. }
  156. a {
  157. color: #a4c4c1;
  158. text-decoration: none;
  159. }
  160. a:hover {
  161. color: #333;
  162. }
  163. p {
  164. margin: 0 0 28px;
  165. padding: 0;
  166. }
  167. ol,
  168. ul {
  169. margin: 0;
  170. padding: 0;
  171. }
  172. li {
  173. list-style-type: none;
  174. }
  175. b,
  176. strong {
  177. font-weight: 700;
  178. }
  179. blockquote,
  180. cite,
  181. em,
  182. i {
  183. font-style: italic;
  184. }
  185. blockquote {
  186. border-bottom: 1px solid #eee;
  187. border-top: 1px solid #eee;
  188. margin: 40px;
  189. }
  190. blockquote::before {
  191. background: #fff;
  192. color: #eee;
  193. content: "\201C";
  194. display: table;
  195. font-size: 60px;
  196. margin: -55px auto;
  197. padding: 10px;
  198. }
  199. .screen-reader-text {
  200. display: none;
  201. }
  202. /* ## Headings
  203. --------------------------------------------- */
  204. h1,
  205. h2,
  206. h3,
  207. h4,
  208. h5,
  209. h6 {
  210. color: #333;
  211. font-family: 'Playfair Display', serif;
  212. font-style: normal;
  213. font-weight: 400;
  214. letter-spacing: .5px;
  215. line-height: 1.2;
  216. margin: 0 0 25px;
  217. }
  218. h1 {
  219. font-size: 30px;
  220. }
  221. h2 {
  222. font-size: 24px;
  223. }
  224. h3 {
  225. font-size: 20px;
  226. }
  227. h4 {
  228. font-size: 18px;
  229. }
  230. h5 {
  231. font-size: 16px;
  232. }
  233. h6 {
  234. font-size: 16px;
  235. }
  236. .single-post .entry-content h1,
  237. .page .entry-content h1 {
  238. font-family: 'Montserrat', sans-serif;
  239. font-size: 28px;
  240. font-weight: 300;
  241. color: #a4c4c1;
  242. }
  243. .single-post article .entry-content h2:first-of-type,
  244. .page article .entry-content h2:first-of-type {
  245. border-left: 2px solid #eee;
  246. font-size: 16px;
  247. font-style: italic;
  248. font-weight: normal;
  249. letter-spacing: .5px;
  250. line-height: 1.6;
  251. padding-left: 30px;
  252. text-transform: none;
  253. }
  254. .single-post article .entry-content h2,
  255. .page article .entry-content h2 {
  256. font-family: 'Montserrat', sans-serif;
  257. font-size: 22px;
  258. text-transform: uppercase;
  259. }
  260. .single-post article h3,
  261. .page article h3 {
  262. color: #a4c4c1;
  263. font-family: 'Montserrat', sans-serif;
  264. font-size: 20px;
  265. text-transform: uppercase;
  266. }
  267. .single-post article h4,
  268. .page article h4 {
  269. color: #a4c4c1;
  270. font-size: 22px;
  271. font-style: italic;
  272. }
  273. .single-post article h5,
  274. .page article h5 {
  275. font-size: 16px;
  276. text-transform: uppercase;
  277. letter-spacing: 2px;
  278. }
  279. /* ## Objects
  280. --------------------------------------------- */
  281. embed,
  282. iframe,
  283. img,
  284. object,
  285. video,
  286. .featured-content img.entry-image,
  287. .wp-caption {
  288. max-width: 100%;
  289. }
  290. img {
  291. height: auto;
  292. }
  293. /* ## Gallery
  294. --------------------------------------------- */
  295. .gallery {
  296. overflow: hidden;
  297. }
  298. .gallery-item {
  299. float: left;
  300. margin: 0 0 28px;
  301. text-align: center;
  302. }
  303. .gallery-columns-2 .gallery-item {
  304. width: 50%;
  305. }
  306. .gallery-columns-3 .gallery-item {
  307. width: 33%;
  308. }
  309. .gallery-columns-4 .gallery-item {
  310. width: 25%;
  311. }
  312. .gallery-columns-5 .gallery-item {
  313. width: 20%;
  314. }
  315. .gallery-columns-6 .gallery-item {
  316. width: 16.6666%;
  317. }
  318. .gallery-columns-7 .gallery-item {
  319. width: 14.2857%;
  320. }
  321. .gallery-columns-8 .gallery-item {
  322. width: 12.5%;
  323. }
  324. .gallery-columns-9 .gallery-item {
  325. width: 11.1111%;
  326. }
  327. .gallery img {
  328. border: 1px solid #ddd;
  329. height: auto;
  330. padding: 4px;
  331. }
  332. .gallery img:hover {
  333. border: 1px solid #999;
  334. }
  335. /* ## Forms
  336. --------------------------------------------- */
  337. input,
  338. select,
  339. textarea {
  340. background-color: #fff;
  341. border: 1px solid #EEE;
  342. color: #333;
  343. font-size: 15px;
  344. font-weight: 300;
  345. letter-spacing: .5px;
  346. padding: 15px;
  347. width: 100%;
  348. }
  349. input:focus,
  350. textarea:focus {
  351. border: 1px solid #999;
  352. outline: none;
  353. }
  354. input[type="checkbox"],
  355. input[type="image"],
  356. input[type="radio"] {
  357. width: auto;
  358. }
  359. ::-moz-placeholder {
  360. color: #333;
  361. font-weight: 300;
  362. opacity: 1;
  363. }
  364. ::-webkit-input-placeholder {
  365. color: #333;
  366. font-weight: 300;
  367. }
  368. button,
  369. input[type="button"],
  370. input[type="reset"],
  371. input[type="submit"],
  372. .button {
  373. background: #a4c4c1;
  374. border: none;
  375. color: #fff;
  376. cursor: pointer;
  377. font-family: 'Montserrat', sans-serif;
  378. font-size: 10px;
  379. font-weight: 400;
  380. letter-spacing: 2px;
  381. padding: 14px 44px;
  382. text-transform: uppercase;
  383. width: auto;
  384. }
  385. button:hover,
  386. input:hover[type="button"],
  387. input:hover[type="reset"],
  388. input:hover[type="submit"],
  389. .button:hover {
  390. background-color: #a4c4c1;
  391. border-color: #a4c4c1;
  392. color: #FFF;
  393. }
  394. .button {
  395. display: inline-block;
  396. }
  397. a.more-link {
  398. border-bottom: 1px solid #a4c4c1;
  399. color: #a4c4c1;
  400. display: inline-block;
  401. font-size: 11px;
  402. font-weight: 400;
  403. margin: 20px auto;
  404. padding-right: 30px;
  405. text-align: left;
  406. text-transform: uppercase;
  407. }
  408. a.more-link:hover {
  409. border-color: #333;
  410. color: #333;
  411. }
  412. .more-from-category a,
  413. .posts-link a {
  414. border-bottom: 1px solid #ffc933;
  415. color: #a4c4c1;
  416. font-size: 11px;
  417. font-weight: 500;
  418. padding: 5px 0 5px 30px;
  419. text-align: right;
  420. text-transform: uppercase;
  421. }
  422. .more-from-category a:hover,
  423. .posts-link a:hover,
  424. .more-from-category:hover,
  425. .posts-link:hover {
  426. border-color: #333;
  427. color: #333;
  428. }
  429. .more-from-category a,
  430. .posts-link a {
  431. color: #ffc933;
  432. }
  433. .more-from-category a:after,
  434. .posts-link a:after,
  435. a.more-link:after {
  436. content: "\f139";
  437. font-family: 'dashicons';
  438. vertical-align: middle;
  439. }
  440. .content .widget:nth-of-type(3n+2) .more-from-category a,
  441. .content .widget:nth-of-type(3n+2) .posts-link a {
  442. color: #f6748e;
  443. border-color: #f6748e;
  444. }
  445. .content .widget:nth-of-type(3n+3) .more-from-category a,
  446. .content .widget:nth-of-type(3n+3) .posts-link a {
  447. color: #a4c4c1;
  448. border-color: #a4c4c1;
  449. }
  450. .content .widget:nth-of-type(3n+2) .more-from-category a:hover,
  451. .content .widget:nth-of-type(3n+2) .posts-link a:hover,
  452. .content .widget:nth-of-type(3n+3) .more-from-category a:hover,
  453. .content .widget:nth-of-type(3n+3) .posts-link a:hover {
  454. color: #333;
  455. border-color: #333;
  456. }
  457. a.wprm-jump-to-recipe-shortcode {
  458. background: #fff;
  459. border-radius: 100px;
  460. border: 1px solid #a4c4c1;
  461. display: inline-block;
  462. float: right;
  463. font-size: 10px;
  464. font-weight: bold;
  465. height: 70px;
  466. line-height: 1.2;
  467. margin: 10px 0 10px 10px;
  468. padding-top: 19px;
  469. text-align: center;
  470. text-decoration: none;
  471. text-transform: uppercase;
  472. width: 70px;
  473. }
  474. a.wprm-jump-to-recipe-shortcode:hover {
  475. border-color: #333;
  476. }
  477. a.wprm-jump-to-recipe-shortcode:after {
  478. content: "\f347";
  479. display: block;
  480. font-family: 'dashicons';
  481. font-size: 18px;
  482. }
  483. input[type="search"]::-webkit-search-cancel-button,
  484. input[type="search"]::-webkit-search-results-button {
  485. display: none;
  486. }
  487. /* ## Tables
  488. --------------------------------------------- */
  489. table {
  490. border-collapse: collapse;
  491. border-spacing: 0;
  492. line-height: 2;
  493. margin-bottom: 40px;
  494. width: 100%;
  495. }
  496. tbody {
  497. border-bottom: 1px solid #FAF9F7;
  498. }
  499. td,
  500. th {
  501. text-align: left;
  502. }
  503. td {
  504. border-top: 1px solid #FAF9F7;
  505. padding: 10px 0;
  506. }
  507. th {
  508. font-weight: 400;
  509. }
  510. /* # Structure and Layout
  511. ---------------------------------------------------------------------------------------------------- */
  512. /* ## Site Containers
  513. --------------------------------------------- */
  514. .site-inner,
  515. .wrap {
  516. margin: 0 auto;
  517. max-width: 1280px;
  518. }
  519. .site-inner {
  520. clear: both;
  521. margin: 30px auto 30px;
  522. }
  523. .captivating-landing .site-inner {
  524. width: 800px;
  525. }
  526. /* ## Column Widths and Positions
  527. --------------------------------------------- */
  528. /* ### Wrapping div for .content and .sidebar-primary */
  529. .content-sidebar-sidebar .content-sidebar-wrap,
  530. .sidebar-content-sidebar .content-sidebar-wrap,
  531. .sidebar-sidebar-content .content-sidebar-wrap {
  532. width: 980px;
  533. }
  534. .content-sidebar-sidebar .content-sidebar-wrap {
  535. float: left;
  536. }
  537. .sidebar-content-sidebar .content-sidebar-wrap,
  538. .sidebar-sidebar-content .content-sidebar-wrap {
  539. float: right;
  540. }
  541. /* ### Content */
  542. .content {
  543. background: #fff;
  544. float: right;
  545. padding: 30px;
  546. width: 860px;
  547. }
  548. .content-sidebar .content,
  549. .content-sidebar-sidebar .content,
  550. .sidebar-content-sidebar .content {
  551. float: left;
  552. }
  553. .content-sidebar-sidebar .content,
  554. .sidebar-content-sidebar .content,
  555. .sidebar-sidebar-content .content {
  556. width: 580px;
  557. }
  558. .full-width-content .content {
  559. width: 100%;
  560. }
  561. /* ### Primary Sidebar */
  562. .sidebar-primary {
  563. float: right;
  564. width: 392px;
  565. }
  566. .sidebar-content .sidebar-primary,
  567. .sidebar-sidebar-content .sidebar-primary {
  568. float: left;
  569. }
  570. /* ### Secondary Sidebar */
  571. .sidebar-secondary {
  572. float: left;
  573. width: 180px;
  574. }
  575. .content-sidebar-sidebar .sidebar-secondary {
  576. float: right;
  577. }
  578. /* ## Column Classes
  579. --------------------------------------------- */
  580. /* Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css */
  581. .five-sixths,
  582. .four-sixths,
  583. .one-fourth,
  584. .one-half,
  585. .one-sixth,
  586. .one-third,
  587. .three-fourths,
  588. .three-sixths,
  589. .two-fourths,
  590. .two-sixths,
  591. .two-thirds {
  592. float: left;
  593. margin-left: 2.564102564102564%;
  594. }
  595. .one-half,
  596. .three-sixths,
  597. .two-fourths {
  598. width: 48.717948717948715%;
  599. }
  600. .one-third,
  601. .two-sixths {
  602. width: 31.623931623931625%;
  603. }
  604. .four-sixths,
  605. .two-thirds {
  606. width: 65.81196581196582%;
  607. }
  608. .one-fourth {
  609. width: 23.076923076923077%;
  610. }
  611. .three-fourths {
  612. width: 74.35897435897436%;
  613. }
  614. .one-sixth {
  615. width: 14.52991452991453%;
  616. }
  617. .five-sixths {
  618. width: 82.90598290598291%;
  619. }
  620. .first {
  621. clear: both;
  622. margin-left: 0;
  623. }
  624. /* # Common Classes
  625. ---------------------------------------------------------------------------------------------------- */
  626. /* ## Avatar
  627. --------------------------------------------- */
  628. .avatar {
  629. float: left;
  630. }
  631. .alignleft .avatar,
  632. .author-box .avatar {
  633. margin-right: 24px;
  634. }
  635. .alignright .avatar {
  636. margin-left: 24px;
  637. }
  638. .comment .avatar {
  639. margin: 0 16px 24px 0;
  640. }
  641. /* ## Genesis
  642. --------------------------------------------- */
  643. .breadcrumb {
  644. background: #F9F9F9;
  645. margin-bottom: 20px;
  646. padding: 5px 10px;
  647. text-align: center;
  648. }
  649. .author-box {
  650. background: #f7f9fc;
  651. margin-bottom: 30px;
  652. padding: 30px;
  653. }
  654. .archive-description {
  655. margin-bottom: 30px;
  656. }
  657. .archive-description h1 {
  658. margin-bottom: 20px;
  659. }
  660. .author-box-title {
  661. font-size: 20px;
  662. margin-bottom: 15px;
  663. }
  664. .archive-description p:last-child,
  665. .author-box p:last-child {
  666. margin-bottom: 0;
  667. }
  668. /* ## Search Form
  669. --------------------------------------------- */
  670. .search-form {
  671. overflow: hidden;
  672. }
  673. .site-header .search-form {
  674. float: right;
  675. margin-top: 12px;
  676. }
  677. .entry-content .search-form,
  678. .site-header .search-form {
  679. width: 50%;
  680. }
  681. .genesis-nav-menu .search input[type="submit"],
  682. .widget_search input[type="submit"] {
  683. border: 0;
  684. clip: rect(0, 0, 0, 0);
  685. height: 1px;
  686. margin: -1px;
  687. padding: 0;
  688. position: absolute;
  689. width: 1px;
  690. }
  691. /* ## Titles
  692. --------------------------------------------- */
  693. .archive-title {
  694. font-size: 20px;
  695. }
  696. .entry-title,
  697. .page-title {
  698. font-size: 30px;
  699. font-weight: 300;
  700. margin: 0 0 15px;
  701. }
  702. .archive .entry-title {
  703. font-size: 20px;
  704. }
  705. .entry-title a,
  706. .sidebar .widget-title a {
  707. color: #333;
  708. }
  709. .entry-title a:hover {
  710. color: #a4c4c1;
  711. }
  712. .widget-title {
  713. font-family: 'Montserrat', sans-serif;
  714. font-weight: 500;
  715. font-size: 16px;
  716. letter-spacing: 1px;
  717. margin-bottom: 20px;
  718. padding: 10px 0;
  719. text-align: left;
  720. text-transform: uppercase;
  721. }
  722. .sidebar-primary .widgettitle {
  723. padding: 0 10px;
  724. position: relative;
  725. text-transform: uppercase;
  726. z-index: 1;
  727. }
  728. .sidebar-primary .widgettitle::after {
  729. background: #fff7e1;
  730. content: "";
  731. height: 12px;
  732. left: 0;
  733. position: absolute;
  734. right: 0;
  735. top: 60%;
  736. z-index: -1;
  737. }
  738. .sidebar-primary .widget:nth-of-type(3n+2) .widgettitle::after {
  739. background: #fff4f0;
  740. }
  741. .sidebar-primary .widget:nth-of-type(3n+3) .widgettitle::after {
  742. background: #f7f9fc;
  743. }
  744. /* ## WordPress
  745. --------------------------------------------- */
  746. a.aligncenter img {
  747. display: block;
  748. margin: 0 auto;
  749. }
  750. a.alignnone {
  751. display: inline-block;
  752. }
  753. .alignleft {
  754. float: left;
  755. text-align: left;
  756. }
  757. .alignright {
  758. float: right;
  759. text-align: right;
  760. }
  761. a.alignleft,
  762. a.alignnone,
  763. a.alignright {
  764. max-width: 100%;
  765. }
  766. img.centered,
  767. .aligncenter {
  768. display: block;
  769. margin: 0 auto 24px;
  770. }
  771. img.alignnone,
  772. .alignnone {
  773. margin-bottom: 12px;
  774. }
  775. a.alignleft,
  776. img.alignleft,
  777. .wp-caption.alignleft {
  778. margin: 0 24px 24px 0;
  779. }
  780. a.alignright,
  781. img.alignright,
  782. .wp-caption.alignright {
  783. margin: 0 0 24px 24px;
  784. }
  785. .wp-caption-text {
  786. font-size: 11px;
  787. font-weight: 500;
  788. text-align: center;
  789. }
  790. .entry-content p.wp-caption-text {
  791. margin-bottom: 0;
  792. }
  793. .sticky {
  794. }
  795. /* # Widgets
  796. ---------------------------------------------------------------------------------------------------- */
  797. .widget {
  798. word-wrap: break-word;
  799. }
  800. .widget ol > li {
  801. list-style-position: inside;
  802. list-style-type: decimal;
  803. }
  804. .widget li li {
  805. border: none;
  806. margin: 0 0 0 30px;
  807. padding: 0;
  808. }
  809. .widget_calendar table {
  810. width: 100%;
  811. }
  812. .widget_calendar td,
  813. .widget_calendar th {
  814. text-align: center;
  815. }
  816. /* Announcement Widget
  817. ------------------------------------------------------ */
  818. .announcement-widget {
  819. background: #F7F9FC;
  820. font-family: 'Poppins', sans-serif;
  821. font-weight: 300;
  822. font-size: 10px;
  823. letter-spacing: 2px;
  824. padding: 10px 20px;
  825. text-align: center;
  826. text-transform: uppercase;
  827. }
  828. .announcement-widget p {
  829. margin: 0;
  830. }
  831. .announcement-widget .button {
  832. padding: 5px 20px;
  833. }
  834. .woocommerce .announcement-widget .button {
  835. background: transparent none repeat scroll 0 0;
  836. border: 1px solid #333;
  837. border-radius: 0;
  838. color: #333;
  839. cursor: pointer;
  840. font-family: "Montserrat",sans-serif;
  841. font-size: 10px;
  842. font-weight: 400;
  843. letter-spacing: 2px;
  844. padding: 10px 20px;
  845. text-transform: uppercase;
  846. width: auto;
  847. }
  848. .admin-bar .announcement-widget.fixed {
  849. top: 32px;
  850. }
  851. .announcement-widget.fixed {
  852. position: fixed;
  853. top: 0;
  854. width: 100%;
  855. z-index: 999;
  856. }
  857. .announcement-widget.fixed .wrap {
  858. margin: 0 auto;
  859. }
  860. .announcement-widget.fixed + div {
  861. border-top: 74px solid transparent;
  862. }
  863. .announcement-widget .widget-title {
  864. display: none;
  865. }
  866. .announcement-widget .enews-widget p {
  867. background: transparent;
  868. float: left;
  869. font-size: 16px;
  870. font-weight: 300;
  871. letter-spacing: 2px;
  872. width: 50%;
  873. margin: 0;
  874. padding: 10px 20px;
  875. text-align: right;
  876. text-transform: uppercase;
  877. }
  878. .announcement-widget form {
  879. float: right;
  880. margin: 0 auto;
  881. padding: 0 30px 0 10px;
  882. width: 50%;
  883. }
  884. .announcement-widget .enews-widget input {
  885. float: left;
  886. width: 27%;
  887. margin-right: 10px;
  888. margin-bottom: 0;
  889. padding: 12px;
  890. }
  891. .announcement-widget .enews-widget input[type="submit"] {
  892. background: #a4c4c1;
  893. border-color: #a4c4c1;
  894. color: #fff;
  895. width: auto;
  896. padding: 14px 34px;
  897. margin-right: 0;
  898. }
  899. .announcement-widget .enews-widget input[type="submit"]:hover {
  900. background: transparent;
  901. border-color: #333;
  902. color: #333;
  903. }
  904. /* Widget Above Custom Blog
  905. ------------------------------------------------------ */
  906. .above-blog-content {
  907. background: #f7f9fc;
  908. margin-bottom: 30px;
  909. }
  910. .above-blog-content .wrap {
  911. padding: 30px;
  912. }
  913. .above-blog-content .entry {
  914. background: transparent;
  915. float: left;
  916. margin-right: 2%;
  917. width: 32%;
  918. }
  919. .above-blog-content .entry:nth-of-type(3n+3),
  920. .above-blog-content .widget:nth-of-type(3n+3) .entry {
  921. margin-right: 0;
  922. }
  923. .above-blog-content .featured-content .entry {
  924. margin-bottom: 0;
  925. padding: 0;
  926. }
  927. .above-blog-content .entry-title {
  928. font-size: 20px;
  929. text-align: center;
  930. }
  931. .captivating-custom-blog .content .entry {
  932. float: left;
  933. width: 48.7179%;
  934. }
  935. .captivating-custom-blog .content .entry:nth-of-type(2n+3) {
  936. margin-left: 2.5641%;
  937. }
  938. .captivating-custom-blog .content .entry:nth-of-type(1) {
  939. width: 100%;
  940. }
  941. /* Site Wide CTA
  942. ------------------------------------------------------ */
  943. .site-wide-cta {
  944. background: #f7f9fc;
  945. border: none;
  946. font-family: 'Poppins', sans-serif;
  947. padding: 30px;
  948. }
  949. .site-wide-cta .enews-widget {
  950. color: #333;
  951. }
  952. .site-wide-cta .enews-widget p {
  953. font-family:'playfair display';
  954. background: transparent;
  955. float: left;
  956. font-size: 22px;
  957. font-weight: 300;
  958. letter-spacing: 2px;
  959. margin-top: 8px;
  960. margin-bottom: 0;
  961. padding: 20px;
  962. text-align: center;
  963. text-transform: uppercase;
  964. color:#b84d57;
  965. }
  966. .site-wide-cta .enews {
  967. display: -webkit-box;
  968. display: -webkit-flex;
  969. display: -ms-flexbox;
  970. display: flex;
  971. -webkit-box-pack: center;
  972. -webkit-justify-content: center;
  973. -ms-flex-pack: center;
  974. justify-content: center;
  975. -webkit-box-align: center;
  976. -webkit-align-items: center;
  977. -ms-flex-align: center;
  978. align-items: center;
  979. margin: 0 auto;
  980. }
  981. .site-wide-cta .widget-title {
  982. margin-bottom: 0;
  983. font-size: 20px;
  984. margin-right: 20px;
  985. }
  986. .site-wide-cta form {
  987. display: -webkit-box;
  988. display: -webkit-flex;
  989. display: -ms-flexbox;
  990. display: flex;
  991. -webkit-box-flex: 1;
  992. -webkit-flex: 1;
  993. -ms-flex: 1;
  994. flex: 1; /* grow this item to fill the available space */
  995. padding: 0 20px;
  996. }
  997. .site-wide-cta .enews-widget input {
  998. margin-bottom: 0;
  999. width: auto;
  1000. margin-right: 10px;
  1001. padding: 15px;
  1002. line-height: 1;
  1003. font-size: 16px;
  1004. -webkit-box-flex: 3;
  1005. -webkit-flex: 3;
  1006. -ms-flex: 3;
  1007. flex: 3;
  1008. }
  1009. .site-wide-cta .enews-widget input[type="submit"] {
  1010. margin-right: 0;
  1011. padding: 10px 50px;
  1012. -webkit-box-flex: 1;
  1013. -webkit-flex: 1;
  1014. -ms-flex: 1;
  1015. flex: 1;
  1016. }
  1017. /* Widget below footer
  1018. ------------------------------------------------------ */
  1019. .widget-below-footer {
  1020. background: #fff;
  1021. padding:20px;
  1022. }
  1023. /* ## Featured Content
  1024. --------------------------------------------- */
  1025. .featured-content .entry {
  1026. margin-bottom: 20px;
  1027. padding: 0 0 24px;
  1028. }
  1029. /* # Plugins
  1030. ---------------------------------------------------------------------------------------------------- */
  1031. /* ## Convert Kit
  1032. --------------------------------------------- */
  1033. div.ck_form {
  1034. background: #f7f9fc;
  1035. border: none;
  1036. box-shadow: none;
  1037. color: #333;
  1038. font-family: "Montserrat",sans-serif;
  1039. }
  1040. div.ck_form_content h3,
  1041. div.ck_label {
  1042. color: #a4c4c1;
  1043. font-family: "Montserrat",sans-serif;
  1044. font-size: 20px;
  1045. font-weight: 400;
  1046. text-transform: uppercase;
  1047. }
  1048. div.ck_form_content p {
  1049. font-family: "Montserrat",sans-serif;
  1050. font-size: 14px;
  1051. }
  1052. div.ck_label {
  1053. font-family: "Montserrat",sans-serif;
  1054. }
  1055. div.ck_form .ck_subscribe_button {
  1056. background: transparent none repeat scroll 0 0;
  1057. border: 1px solid #333;
  1058. border-radius: 0;
  1059. color: #333;
  1060. cursor: pointer;
  1061. font-family: "Montserrat",sans-serif;
  1062. font-size: 10px;
  1063. font-weight: 400;
  1064. letter-spacing: 2px;
  1065. padding: 14px 44px;
  1066. text-transform: uppercase;
  1067. }
  1068. div.ck_form .ck_subscribe_button:hover {
  1069. background-color: #a4c4c1;
  1070. border-color: #a4c4c1;
  1071. color: #fff;
  1072. }
  1073. div.ck_form input[type="text"],
  1074. div.ck_form input[type="email"] {
  1075. background: #fff;
  1076. border: none;
  1077. border-radius: 0;
  1078. padding: 15px 10px;
  1079. }
  1080. /* ## Genesis eNews Extended
  1081. --------------------------------------------- */
  1082. .enews-widget input {
  1083. font-size: 14px;
  1084. letter-spacing: 2px;
  1085. margin-bottom: 16px;
  1086. text-transform: uppercase;
  1087. }
  1088. .enews-widget input[type="submit"] {
  1089. margin: 0;
  1090. width: 100%;
  1091. }
  1092. .enews form + p {
  1093. margin-top: 24px;
  1094. }
  1095. /* Genesis Responsive Slider
  1096. --------------------------------------------- */
  1097. .front-page #genesis-responsive-slider {
  1098. border: 0;
  1099. margin: 0 auto 50px;
  1100. padding: 0;
  1101. position: relative;
  1102. }
  1103. .front-page .slide-excerpt {
  1104. background: transparent;
  1105. margin: 0 0 20%;
  1106. opacity: 1;
  1107. width: 100%;
  1108. }
  1109. .front-page .slide-excerpt-border {
  1110. border: 0;
  1111. display: inline;
  1112. float: left;
  1113. margin: 0;
  1114. padding: 0;
  1115. width: 100%;
  1116. }
  1117. .front-page .slide-excerpt-border h2 {
  1118. margin: 29% 0;
  1119. text-align: center;
  1120. width: 100%;
  1121. }
  1122. .front-page #genesis-responsive-slider h2 a {
  1123. background: rgba(255,255,255,.8);
  1124. color: #333;
  1125. font-size: 20px;
  1126. margin: 0;
  1127. overflow: visible;
  1128. padding: 15px;
  1129. text-align: center;
  1130. width: 100%;
  1131. }
  1132. .front-page .genesis_responsive_slider .flex-direction-nav li a {
  1133. background: url(images/icon-direction-nav.png) no-repeat -44px 0;
  1134. background-size: 88px 96px;
  1135. height: 48px;
  1136. right: 10px;
  1137. -webkit-transition: none;
  1138. -moz-transition: none;
  1139. -ms-transition: none;
  1140. -o-transition: none;
  1141. transition: none;
  1142. width: 44px;
  1143. }
  1144. .front-page .genesis_responsive_slider .flex-direction-nav li a:hover {
  1145. background-position: -44px -48px;
  1146. }
  1147. .front-page .genesis_responsive_slider .flex-direction-nav li a.prev {
  1148. background-position: 0 0;
  1149. left: 10px;
  1150. }
  1151. .front-page .genesis_responsive_slider .flex-direction-nav li a:hover.prev {
  1152. background-position: 0 -48px;
  1153. }
  1154. .front-page .genesis_responsive_slider .flexslider .slides > li {
  1155. overflow: hidden;
  1156. }
  1157. .front-page .genesis_responsive_slider .flex-control-nav {
  1158. margin: 15px 0 0;
  1159. text-align: center;
  1160. width: 100%;
  1161. height: 5px;
  1162. }
  1163. .front-page .genesis_responsive_slider .flex-control-nav li a {
  1164. background: url(images/icon-control-nav.png) no-repeat 0 0;
  1165. background-size: 13px 39px;
  1166. }
  1167. .front-page .genesis_responsive_slider .flex-control-nav li a:hover {
  1168. background-position: 0 -13px;
  1169. }
  1170. .front-page .genesis_responsive_slider .flex-control-nav li a.active {
  1171. background-position: 0 -26px;
  1172. }
  1173. /* Gravity Forms
  1174. --------------------------------------------- */
  1175. div.gform_wrapper input[type="email"],
  1176. div.gform_wrapper input[type="text"],
  1177. div.gform_wrapper textarea {
  1178. font-size: 16px;
  1179. padding: 16px;
  1180. }
  1181. div.gform_wrapper .ginput_complex label {
  1182. font-size: 12px;
  1183. font-style: italic;
  1184. padding: 0;
  1185. }
  1186. div.gform_wrapper .top_label .gfield_label {
  1187. font-weight: 300;
  1188. text-transform: uppercase;
  1189. }
  1190. div.gform_wrapper li,
  1191. div.gform_wrapper form li {
  1192. margin: 16px 0 0;
  1193. }
  1194. div.gform_wrapper .gform_footer input[type="submit"] {
  1195. font-size: 10px;
  1196. }
  1197. .ninja-forms-req-symbol,
  1198. .nf-error-msg {
  1199. color: #55c7cf !important;
  1200. }
  1201. /* Instagram Feed
  1202. --------------------------------------------- */
  1203. #sb_instagram #sbi_load .sbi_load_btn, #sb_instagram .sbi_follow_btn a {
  1204. border-radius: 0 !important;
  1205. font-family: 'Montserrat', sans-serif;
  1206. font-size: 9px !important;
  1207. font-weight: 400;
  1208. letter-spacing: 2px;
  1209. padding: 10px 25px;
  1210. text-transform: uppercase;
  1211. width: auto;
  1212. }
  1213. /* RewardStyle
  1214. --------------------------------------------- */
  1215. .shopthepost-widget {
  1216. border: 1px solid #eee;
  1217. margin-bottom: 30px;
  1218. padding: 30px;
  1219. }
  1220. div.amzn-native-product {
  1221. border: none !important;
  1222. }
  1223. /* Social Warfare
  1224. --------------------------------------------- */
  1225. .nc_socialPanel.swp_flatFresh.swp_d_fullColor .googlePlus, body .nc_socialPanel.swp_flatFresh.swp_o_fullColor:hover .googlePlus:not(:hover), html body .nc_socialPanel.swp_flatFresh.swp_i_fullColor .googlePlus:hover,
  1226. .nc_socialPanel.swp_flatFresh.swp_d_fullColor .twitter, body .nc_socialPanel.swp_flatFresh.swp_o_fullColor:hover .twitter:not(:hover), html body .nc_socialPanel.swp_flatFresh.swp_i_fullColor .twitter:hover,
  1227. .nc_socialPanel.swp_flatFresh.swp_d_fullColor .swp_fb, body .nc_socialPanel.swp_flatFresh.swp_o_fullColor:hover .swp_fb:not(:hover), html body .nc_socialPanel.swp_flatFresh.swp_i_fullColor .swp_fb:hover,
  1228. .nc_socialPanel.swp_flatFresh.swp_d_fullColor .linkedIn, body .nc_socialPanel.swp_flatFresh.swp_o_fullColor:hover .linkedIn:not(:hover), html body .nc_socialPanel.swp_flatFresh.swp_i_fullColor .linkedIn:hover,
  1229. .nc_socialPanel.swp_flatFresh.swp_d_fullColor .nc_pinterest, body .nc_socialPanel.swp_flatFresh.swp_o_fullColor:hover .nc_pinterest:not(:hover), html body .nc_socialPanel.swp_flatFresh.swp_i_fullColor .nc_pinterest:hover,
  1230. .nc_socialPanel.swp_flatFresh.swp_d_fullColor .swp_stumbleupon, body .nc_socialPanel.swp_flatFresh.swp_o_fullColor:hover .swp_stumbleupon:not(:hover), html body .nc_socialPanel.swp_flatFresh.swp_i_fullColor .swp_stumbleupon:hover {
  1231. border: none !important;
  1232. }
  1233. .nc_socialPanel.swp_d_fullColor .googlePlus,
  1234. body .nc_socialPanel.swp_o_fullColor:hover .googlePlus,
  1235. html body .nc_socialPanel.swp_i_fullColor .googlePlus:hover,
  1236. .nc_socialPanel.swp_d_fullColor .twitter, body .nc_socialPanel.swp_o_fullColor:hover .twitter, html body .nc_socialPanel.swp_i_fullColor .twitter:hover,
  1237. .nc_socialPanel.swp_d_fullColor .swp_fb, body .nc_socialPanel.swp_o_fullColor:hover .swp_fb, html body .nc_socialPanel.swp_i_fullColor .swp_fb:hover,
  1238. .nc_socialPanel.swp_d_fullColor .linkedIn, body .nc_socialPanel.swp_o_fullColor:hover .linkedIn, html body .nc_socialPanel.swp_i_fullColor .linkedIn:hover,
  1239. .nc_socialPanel.swp_d_fullColor .nc_pinterest, body .nc_socialPanel.swp_o_fullColor:hover .nc_pinterest, html body .nc_socialPanel.swp_i_fullColor .nc_pinterest:hover,
  1240. .nc_socialPanel.swp_d_fullColor .swp_stumbleupon, body .nc_socialPanel.swp_o_fullColor:hover .swp_stumbleupon, html body .nc_socialPanel.swp_i_fullColor .swp_stumbleupon:hover {
  1241. background-color: #55c7cf !important;
  1242. }
  1243. div.nc_socialPanel {
  1244. margin-bottom: 40px !important;
  1245. }
  1246. /* Simple Social Icons
  1247. --------------------------------------------- */
  1248. .genesis-nav-menu .simple-social-icons ul li a,
  1249. .genesis-nav-menu .simple-social-icons ul li a:hover,
  1250. .announcement-widget .simple-social-icons ul li a,
  1251. .announcement-widget .simple-social-icons ul li a:hover {
  1252. background: transparent !important;
  1253. font-size: 18px !important;
  1254. }
  1255. .genesis-nav-menu .simple-social-icons ul li {
  1256. margin: 0 6px 0px !important;
  1257. }
  1258. /* Soliloquy
  1259. --------------------------------------------- */
  1260. div.soliloquy-container {
  1261. margin-bottom: -24px;
  1262. }
  1263. div.soliloquy-container .soliloquy-next,
  1264. div.soliloquy-container .soliloquy-prev {
  1265. background-color: transparent;
  1266. }
  1267. /* WP Recipe Maker
  1268. --------------------------------------------- */
  1269. .wprm-recipe-print {
  1270. background: #FFF4F0;
  1271. padding: 10px 50px;
  1272. }
  1273. .wprm-recipe-print:hover {
  1274. background: #F7F9FC;
  1275. }
  1276. .wprm-recipe-simple {
  1277. border: 2px solid #eee !important;
  1278. padding: 30px !important;
  1279. }
  1280. .single-post article .entry-content .wprm-recipe-simple h2:first-of-type {
  1281. border: medium none;
  1282. font-size: 20px;
  1283. font-style: normal;
  1284. margin-bottom: 30px;
  1285. padding: 0;
  1286. text-transform: uppercase;
  1287. }
  1288. .wprm-recipe-simple h3.wprm-recipe-header {
  1289. margin: 20px 0 !important;
  1290. }
  1291. /* WooCommerce
  1292. --------------------------------------------- */
  1293. /* WooCommerce Content
  1294. -------------------------- */
  1295. .woocommerce .content {
  1296. background: #fff;
  1297. padding: 30px;
  1298. }
  1299. /* WooCommerce Buttons
  1300. -------------------------- */
  1301. .woocommerce .site-inner #respond input#submit,
  1302. .woocommerce .site-inner a.button,
  1303. .woocommerce .site-inner button.button,
  1304. .woocommerce .site-inner input.button {
  1305. background-color: transparent !important;
  1306. border-bottom: 1px solid #55c7cf !important;
  1307. border-radius: 0px !important;
  1308. color: #55c7cf !important;
  1309. cursor: pointer;
  1310. font-size: 10px !important;
  1311. font-weight: 400 !important;
  1312. padding: 15px 20px 5px 0 !important;
  1313. text-align: left;
  1314. text-transform: uppercase !important;
  1315. width: auto !important;
  1316. }
  1317. .woocommerce .site-inner #respond input#submit:hover,
  1318. .woocommerce .site-inner a.button:hover,
  1319. .woocommerce .site-inner button.button:hover,
  1320. .woocommerce .site-inner input.button:hover {
  1321. background-color: transparent !important;
  1322. border-color: #333 !important;
  1323. color: #333 !important;
  1324. }
  1325. .woocommerce .site-inner #respond input#submit:after,
  1326. .woocommerce .site-inner a.button:after,
  1327. .woocommerce .site-inner button.button:after,
  1328. .woocommerce .site-inner input.button:after {
  1329. content: "\f139";
  1330. font-family: 'dashicons';
  1331. vertical-align: middle;
  1332. }
  1333. /* WooCommerce Tabs
  1334. -------------------------- */
  1335. .woocommerce div.product .woocommerce-tabs ul.tabs::before,
  1336. .woocommerce div.product .woocommerce-tabs ul.tabs li {
  1337. border-color: #EEE !important;
  1338. }
  1339. .woocommerce div.product .woocommerce-tabs ul.tabs li::after,
  1340. .woocommerce div.product .woocommerce-tabs ul.tabs li::before {
  1341. display: none !important;
  1342. }
  1343. .woocommerce div.product .woocommerce-tabs ul.tabs li {
  1344. background-color: #EEE !important;
  1345. border-radius: 0 !important;
  1346. padding: 0 !important;
  1347. }
  1348. .woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  1349. background-color: #fff !important;
  1350. border-radius: 0 !important;
  1351. padding: 0 !important;
  1352. }
  1353. .woocommerce div.product .woocommerce-tabs ul.tabs li a {
  1354. color: #333 !important;
  1355. padding: .5em 1em !important;
  1356. font-weight: 300 !important;
  1357. font-family: "Montserrat",sans-serif;
  1358. text-transform: uppercase;
  1359. font-size: 10px;
  1360. letter-spacing: 2px;
  1361. }
  1362. .woocommerce div.product .woocommerce-tabs ul.tabs li a:focus,
  1363. .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
  1364. color: #55c7cf !important;
  1365. }
  1366. /* WooCommerce Titles
  1367. -------------------------- */
  1368. .woocommerce ul.products li.product h3 {
  1369. font-size: 20px !important;
  1370. }
  1371. .woocommerce .product-title {
  1372. color: #333;
  1373. font-family: 'Playfair Display', serif;
  1374. font-weight: 400;
  1375. font-size: 20px;
  1376. }
  1377. .woocommerce .product-title:hover {
  1378. color: #55c7cf;
  1379. }
  1380. .woocommerce ul.products li.product .woocommerce-loop-category__title,
  1381. .woocommerce ul.products li.product .woocommerce-loop-product__title,
  1382. .woocommerce ul.products li.product h3 {
  1383. font-size: 20px !important;
  1384. }
  1385. /* WooCommerce Widget
  1386. -------------------------- */
  1387. .woocommerce ul.cart_list li,
  1388. .woocommerce ul.product_list_widget li,
  1389. .woocommerce-page ul.cart_list li,
  1390. .woocommerce-page ul.product_list_widget li {
  1391. float: left;
  1392. margin-right: 2% !important;
  1393. width: 32%;
  1394. }
  1395. .woocommerce ul.cart_list li:nth-of-type(3n+3),
  1396. .woocommerce ul.product_list_widget li:nth-of-type(3n+3),
  1397. .woocommerce-page ul.cart_list li:nth-of-type(3n+3),
  1398. .woocommerce-page ul.product_list_widget li:nth-of-type(3n+3) {
  1399. margin-right: 0 !important;
  1400. }
  1401. .sidebar .woocommerce ul.cart_list li,
  1402. .sidebar .woocommerce ul.product_list_widget li,
  1403. .sidebar .woocommerce-page ul.cart_list li,
  1404. .sidebar .woocommerce-page ul.product_list_widget li {
  1405. float: left;
  1406. padding: 1% !important;
  1407. width: 50%;
  1408. }
  1409. .woocommerce ul.products li.product,
  1410. .woocommerce-page ul.products li.product {
  1411. width: 30.6% !important;
  1412. }
  1413. .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img {
  1414. width: 100% !important;
  1415. }
  1416. /* WooCommerce Cart
  1417. -------------------------- */
  1418. .woocommerce-cart table.cart img {
  1419. width: 100px !important;
  1420. }
  1421. .woocommerce-checkout #payment ul.payment_methods li {
  1422. list-style: none;
  1423. }
  1424. .woocommerce-page input[type="checkbox"],
  1425. .woocommerce-page input[type="radio"] {
  1426. width: auto;
  1427. }
  1428. .woocommerce ul.products li.product .price del,
  1429. .woocommerce div.product p.price del,
  1430. .woocommerce div.product span.price del {
  1431. display: inline !important;
  1432. }
  1433. .woocommerce-cart table.cart td.actions .coupon .input-text {
  1434. padding: 17px 5px !important;
  1435. }
  1436. .woocommerce-checkout #payment {
  1437. background-color: #F7F9FC !important;
  1438. }
  1439. .woocommerce form .form-row textarea {
  1440. height: 50px !important;
  1441. }
  1442. /* WooCommerce Other
  1443. -------------------------- */
  1444. .woocommerce .woocommerce-message::before,
  1445. .woocommerce .woocommerce-info::before,
  1446. .woocommerce div.product p.price,
  1447. .woocommerce div.product span.price,
  1448. .woocommerce ul.products li.product .price,
  1449. .woocommerce form .form-row .required {
  1450. color: #55c7cf !important;
  1451. }
  1452. .woocommerce .woocommerce-message,
  1453. .woocommerce .woocommerce-info {
  1454. border-top-color: #55c7cf !important;
  1455. }
  1456. .woocommerce div.product p.price,
  1457. .woocommerce div.product span.price {
  1458. text-align: left;
  1459. }
  1460. .woocommerce span.onsale {
  1461. background-color: #55c7cf !important;
  1462. border-radius: 0 !important;
  1463. font-size: 10px !important;
  1464. left: 0 !important;
  1465. letter-spacing: 2px;
  1466. margin: 0 !important;
  1467. padding: 5px 10px !important;
  1468. text-transform: uppercase !important;
  1469. top: 0 !important;
  1470. }
  1471. .woocommerce .up-sells {
  1472. clear: both;
  1473. }
  1474. .woocommerce .quantity .qty {
  1475. padding: 13px 0px !important;
  1476. }
  1477. figure.woocommerce-product-gallery__wrapper {
  1478. margin: 0px;
  1479. }
  1480. /* # Site Header
  1481. ---------------------------------------------------------------------------------------------------- */
  1482. .site-header {
  1483. background: #fff;
  1484. min-height: 300px;
  1485. }
  1486. .site-header .wrap {
  1487. padding: 0;
  1488. }
  1489. /* ## Title Area
  1490. --------------------------------------------- */
  1491. .title-area {
  1492. float: left;
  1493. margin: 0 auto;
  1494. padding: 20px 0;
  1495. text-align: center;
  1496. width: 100%;
  1497. }
  1498. .header-full-width .title-area {
  1499. float: none;
  1500. margin: 0 auto;
  1501. padding: 20px 0;
  1502. text-align: center;
  1503. width: 100%;
  1504. }
  1505. .header-image .title-area {
  1506. background: none;
  1507. padding: 0;
  1508. }
  1509. .site-title {
  1510. font-family: 'Playfair Display', serif;
  1511. font-size: 45px;
  1512. font-weight: 300;
  1513. letter-spacing: 8px;
  1514. line-height: 1.2;
  1515. text-transform: uppercase;
  1516. }
  1517. .site-title a,
  1518. .site-title a:hover {
  1519. color: #333;
  1520. }
  1521. .header-image .site-title > a {
  1522. background-position: center center !important;
  1523. background-size: contain !important;
  1524. display: block;
  1525. height: 300px;
  1526. margin: 0 auto;
  1527. }
  1528. .site-description {
  1529. display: block;
  1530. font-family: 'Montserrat', sans-serif;
  1531. font-size: 10px;
  1532. letter-spacing: 3px;
  1533. margin-bottom: 0;
  1534. }
  1535. .site-description,
  1536. .site-title {
  1537. margin-bottom: 0;
  1538. }
  1539. .header-image .site-description,
  1540. .header-image .site-title {
  1541. display: block;
  1542. text-indent: -9999px;
  1543. }
  1544. /* ## Widget Area
  1545. --------------------------------------------- */
  1546. .site-header .widget-area {
  1547. float: right;
  1548. padding: 25px 0 0;
  1549. text-align: right;
  1550. width: 800px;
  1551. }
  1552. .header-image .site-header .widget-area {
  1553. padding: 25px 0 0;
  1554. }
  1555. /* # Site Navigation
  1556. ---------------------------------------------------------------------------------------------------- */
  1557. .genesis-nav-menu {
  1558. clear: both;
  1559. font-family: 'Poppins', sans-serif;
  1560. font-size: 16px;
  1561. font-weight: 400;
  1562. letter-spacing: 2px;
  1563. line-height: 1;
  1564. text-transform: uppercase;
  1565. width: 100%;
  1566. }
  1567. .genesis-nav-menu li {
  1568. float: none;
  1569. list-style-type: none;
  1570. }
  1571. .genesis-nav-menu li li {
  1572. margin-left: 0;
  1573. }
  1574. .genesis-nav-menu .menu-item {
  1575. display: inline-block;
  1576. text-align: center;
  1577. }
  1578. .genesis-nav-menu .menu-item:hover {
  1579. position: relative;
  1580. }
  1581. .genesis-nav-menu a {
  1582. color: #333;
  1583. display: block;
  1584. padding: 20px;
  1585. text-transform: uppercase;
  1586. }
  1587. .genesis-nav-menu a:hover,
  1588. .genesis-nav-menu .current-menu-item > a {
  1589. color: #55c7cf;
  1590. }
  1591. .genesis-nav-menu .sub-menu {
  1592. background: #F8FAFC;
  1593. left: -9999px;
  1594. opacity: 0;
  1595. position: absolute;
  1596. -webkit-transition: opacity .4s ease-in-out;
  1597. -moz-transition: opacity .4s ease-in-out;
  1598. -ms-transition: opacity .4s ease-in-out;
  1599. -o-transition: opacity .4s ease-in-out;
  1600. transition: opacity .4s ease-in-out;
  1601. width: 200px;
  1602. z-index: 99;
  1603. }
  1604. .genesis-nav-menu .sub-menu::after,
  1605. .genesis-nav-menu .sub-menu::before {
  1606. border: medium solid transparent;
  1607. bottom: 100%;
  1608. content: " ";
  1609. height: 0;
  1610. left: 50%;
  1611. pointer-events: none;
  1612. position: absolute;
  1613. width: 0;
  1614. }
  1615. .genesis-nav-menu .sub-menu::after {
  1616. border-bottom-color: #F8FAFC;
  1617. }
  1618. .genesis-nav-menu .sub-menu::after {
  1619. border-width: 8px;
  1620. margin-left: -10px;
  1621. }
  1622. .genesis-nav-menu .sub-menu a {
  1623. font-size: 16px;
  1624. position: relative;
  1625. width: 200px;
  1626. }
  1627. .genesis-nav-menu .sub-menu .sub-menu {
  1628. margin: -50px 0 0 199px;
  1629. }
  1630. .genesis-nav-menu .menu-item:hover > .sub-menu {
  1631. left: 50%;
  1632. margin-left: -100px;
  1633. opacity: 1;
  1634. }
  1635. .genesis-nav-menu .menu-item:hover > .sub-menu > .menu-item:hover > .sub-menu {
  1636. left: 199px;
  1637. margin-left: 0px;
  1638. opacity: 1;
  1639. }
  1640. .genesis-nav-menu > .first > a {
  1641. padding-left: 0;
  1642. }
  1643. .genesis-nav-menu > .last > a {
  1644. padding-right: 0;
  1645. }
  1646. .genesis-nav-menu > .right {
  1647. color: #fff;
  1648. float: right;
  1649. list-style-type: none;
  1650. padding: 20px 0;
  1651. }
  1652. .genesis-nav-menu > .right > a {
  1653. display: inline;
  1654. padding: 0;
  1655. }
  1656. .genesis-nav-menu > .rss > a {
  1657. margin-left: 48px;
  1658. }
  1659. .genesis-nav-menu > .search {
  1660. float: right;
  1661. padding: 0;
  1662. width: 13%;
  1663. }
  1664. .genesis-nav-menu > .search input {
  1665. background: transparent;
  1666. border: none;
  1667. font-size: 14px;
  1668. letter-spacing: 2px;
  1669. padding: 15px 15px 11px;
  1670. text-transform: uppercase;
  1671. }
  1672. .genesis-nav-menu .widget-area {
  1673. float: right;
  1674. padding: 8px 0;
  1675. width: auto;
  1676. }
  1677. /* ## Site Header Navigation
  1678. --------------------------------------------- */
  1679. .nav-header {
  1680. background-color: transparent;
  1681. }
  1682. .site-header .sub-menu .sub-menu {
  1683. margin-top: -51px;
  1684. }
  1685. .site-header .genesis-nav-menu li li {
  1686. margin-left: 0;
  1687. }
  1688. /* ## Primary Navigation
  1689. --------------------------------------------- */
  1690. .nav-primary {
  1691. background: #FFF;
  1692. border-bottom: 1px solid #eee;
  1693. }
  1694. .nav-primary .wrap {
  1695. padding: 0 30px;
  1696. }
  1697. .nav-primary a {
  1698. font-size: 16px;
  1699. padding: 15px 10px;
  1700. }
  1701. .admin-bar .nav-primary.fixed {
  1702. top: 32px;
  1703. }
  1704. .nav-primary.fixed {
  1705. position: fixed;
  1706. top: 0;
  1707. width: 100%;
  1708. z-index: 9;
  1709. }
  1710. .nav-primary.fixed .wrap {
  1711. margin: 0 auto;
  1712. }
  1713. .nav-primary.fixed + div {
  1714. border-top: 74px solid transparent;
  1715. }
  1716. /* ## Secondary & Footer Navigation
  1717. --------------------------------------------- */
  1718. .nav-secondary,
  1719. .nav-footer {
  1720. background: #fff;
  1721. text-align: center;
  1722. }
  1723. .nav-footer {
  1724. border-bottom: 1px solid #eee;
  1725. }
  1726. .nav-secondary {
  1727. padding-bottom: 5px;
  1728. }
  1729. .nav-secondary .wrap {
  1730. border-bottom: 1px solid #eee;
  1731. padding: 0 30px;
  1732. }
  1733. .nav-secondary .wrap {
  1734. margin: 0 auto;
  1735. width: 1280px;
  1736. }
  1737. /* ## Header Left & Right Navigation
  1738. --------------------------------------------- */
  1739. .nav-header-left,
  1740. .nav-header-right {
  1741. margin-top: 25px;
  1742. }
  1743. .nav-header-left a,
  1744. .nav-header-right a {
  1745. padding: 20px 18px;
  1746. }
  1747. .nav-header-left {
  1748. float: left;
  1749. text-align: center;
  1750. width: 35%;
  1751. }
  1752. .nav-header-right {
  1753. float: right;
  1754. text-align: center;
  1755. width: 35%;
  1756. }
  1757. /* ## Accessible Menu
  1758. --------------------------------------------- */
  1759. .menu .menu-item:focus {
  1760. position: static;
  1761. }
  1762. .menu .menu-item > a:focus + ul.sub-menu,
  1763. .menu .menu-item.sfHover > ul.sub-menu {
  1764. left: auto;
  1765. opacity: 1;
  1766. }
  1767. .menu-toggle,
  1768. .sub-menu-toggle {
  1769. display: none;
  1770. visibility: hidden;
  1771. }
  1772. /* # Content Area
  1773. ---------------------------------------------------------------------------------------------------- */
  1774. /* Category Index
  1775. --------------------------------------------- */
  1776. .category-index .featured-content .entry {
  1777. border: none;
  1778. float: left;
  1779. min-height: 310px;
  1780. padding: 0px 5px;
  1781. width: 33%;
  1782. }
  1783. .category-index .widget {
  1784. margin-bottom: 30px;
  1785. padding: 20px 0px;
  1786. }
  1787. .category-index ul li {
  1788. float: left;
  1789. font-size: 13px;
  1790. padding: 1%;
  1791. width: 32%;
  1792. }
  1793. .category-index ul li:before {
  1794. content: "\f139";
  1795. font-family: 'dashicons';
  1796. vertical-align: middle;
  1797. }
  1798. .category-index ul li ul li {
  1799. width: 100%;
  1800. }
  1801. .category-index ul li a {
  1802. color: #333;
  1803. }
  1804. .category-index ul li a:hover {
  1805. color: #55c7cf;
  1806. }
  1807. .category-index .widget_categories {
  1808. background: #f7f9fc;
  1809. overflow: hidden;
  1810. padding: 30px;
  1811. }
  1812. .category-index .widget_categories .widget-title {
  1813. border: none;
  1814. padding: 0;
  1815. text-align: center;
  1816. }
  1817. .category-index .entry-title {
  1818. font-size: 20px;
  1819. }
  1820. .category-index .widget-title {
  1821. border-left: 12px solid #fff7e1;
  1822. font-size: 16px;
  1823. padding-left: 30px;
  1824. }
  1825. .category-index .widget:nth-of-type(3n+2) .widget-title {
  1826. border-color: #fff4f0;
  1827. }
  1828. .category-index .widget:nth-of-type(3n+3) .widget-title {
  1829. border-color: #f7f9fc;
  1830. }
  1831. .category-index .widget-wrap {
  1832. overflow: hidden;
  1833. position: relative;
  1834. }
  1835. .category-index .widget-wrap .more-from-category {
  1836. position: absolute;
  1837. right: 0;
  1838. top: 0;
  1839. }
  1840. /* ## Entries
  1841. --------------------------------------------- */
  1842. .entry {
  1843. background: transparent;
  1844. margin-bottom: 30px;
  1845. }
  1846. .entry-content ol,
  1847. .entry-content ul {
  1848. margin-bottom: 28px;
  1849. margin-left: 40px;
  1850. }
  1851. .entry-content ol > li {
  1852. list-style-type: decimal;
  1853. }
  1854. .entry-content ul > li {
  1855. list-style-type: disc;
  1856. }
  1857. .entry-content ol ol,
  1858. .entry-content ul ul {
  1859. margin-bottom: 0;
  1860. }
  1861. .entry-content code {
  1862. background-color: #333;
  1863. color: #ddd;
  1864. }
  1865. /* ## Entry Meta
  1866. --------------------------------------------- */
  1867. p.entry-meta {
  1868. margin-bottom: 0;
  1869. }
  1870. .entry-header {
  1871. margin-bottom: 40px;
  1872. }
  1873. .entry-header .entry-meta {
  1874. color: #CCC;
  1875. font-family: 'Poppins', sans-serif;
  1876. font-size: 11px;
  1877. font-weight: 300;
  1878. letter-spacing: 2px;
  1879. margin-bottom: 10px;
  1880. text-transform: uppercase;
  1881. }
  1882. .entry-time:before {
  1883. content: "\f469";
  1884. font-family: 'dashicons';
  1885. vertical-align: middle;
  1886. }
  1887. .entry-comments-link a {
  1888. color: #CCC;
  1889. }
  1890. .entry-comments-link:before {
  1891. content: "\f101";
  1892. font-family: 'dashicons';
  1893. vertical-align: middle;
  1894. }
  1895. .entry-footer {
  1896. font-size: 10px;
  1897. font-family: 'Montserrat', sans-serif;
  1898. font-style: normal;
  1899. font-weight: 300;
  1900. text-transform: uppercase;
  1901. text-align: center;
  1902. text-transform: uppercase;
  1903. }
  1904. /* Pagination
  1905. --------------------------------------------- */
  1906. .pagination {
  1907. clear: both;
  1908. text-align: center;
  1909. margin-bottom: 15px;
  1910. }
  1911. .adjacent-entry-pagination {
  1912. border-bottom: 1px solid #eee;
  1913. border-top: 1px solid #eee;
  1914. margin-bottom: 30px;
  1915. padding: 10px 20px;
  1916. }
  1917. .single-post .pagination-previous {
  1918. float: left;
  1919. width: 45%;
  1920. }
  1921. .single-post .pagination-next {
  1922. float: right;
  1923. width: 45%;
  1924. }
  1925. .adjacent-entry-pagination a {
  1926. font-size: 13px;
  1927. font-style: italic;
  1928. }
  1929. .archive-pagination li {
  1930. display: inline;
  1931. }
  1932. .archive-pagination li a {
  1933. color: #55c7cf;
  1934. cursor: pointer;
  1935. display: inline-block;
  1936. font-size: 10px;
  1937. font-weight: 400;
  1938. padding: 8px 15px;
  1939. text-transform: uppercase;
  1940. }
  1941. .archive-pagination li a:hover {
  1942. border-bottom: 1px solid #55c7cf;
  1943. }
  1944. .archive-pagination .active a {
  1945. border-bottom: 1px solid #55c7cf;
  1946. }
  1947. /* After Entry Widget Area
  1948. ------------------------------------------------------------- */
  1949. .after-entry {
  1950. background: url(https://cottageatthecrossroads.com/wp-content/uploads/2018/06/400.png);
  1951. background-size:100px;
  1952. margin: 30px 0;
  1953. text-align: center;
  1954. padding:20px;
  1955. }
  1956. .after-entry .widget {
  1957. margin-bottom: 32px;
  1958. }
  1959. .after-entry .widget:last-child,
  1960. .after-entry p:last-child {
  1961. margin: 0;
  1962. }
  1963. .after-entry li {
  1964. list-style-type: none;
  1965. }
  1966. /* ## Comments
  1967. --------------------------------------------- */
  1968. .comment-respond,
  1969. .entry-comments,
  1970. .entry-pings {
  1971. background: #fff;
  1972. margin-bottom: 40px;
  1973. }
  1974. .entry-comments h3,
  1975. .entry-pings h3,
  1976. .comment-respond h3 {
  1977. font-size: 20px;
  1978. font-weight: 300;
  1979. text-align: center;
  1980. }
  1981. .comment-header,
  1982. .comment-meta {
  1983. font-size: 11px;
  1984. font-style: italic;
  1985. font-weight: 400;
  1986. letter-spacing: 2px;
  1987. }
  1988. .comment-header a,
  1989. .comment-meta a {
  1990. font-style: normal;
  1991. text-transform: uppercase;
  1992. }
  1993. .comment-content {
  1994. clear: both;
  1995. }
  1996. .comment-list li {
  1997. margin-top: 24px;
  1998. }
  1999. .comment-list li li {
  2000. margin-left: 50px;
  2001. }
  2002. .comment-respond input[type="email"],
  2003. .comment-respond input[type="text"],
  2004. .comment-respond input[type="url"] {
  2005. width: 50%;
  2006. }
  2007. .comment-respond label {
  2008. display: block;
  2009. margin-right: 12px;
  2010. }
  2011. .entry-comments .comment-author {
  2012. margin-bottom: 0;
  2013. }
  2014. .entry-pings .reply {
  2015. display: none;
  2016. }
  2017. .bypostauthor {
  2018. }
  2019. .form-allowed-tags {
  2020. background-color: #f5f5f5;
  2021. font-size: 16px;
  2022. padding: 24px;
  2023. }
  2024. /* # Sidebars
  2025. ---------------------------------------------------------------------------------------------------- */
  2026. .sidebar li {
  2027. margin-bottom: 5px;
  2028. padding: 5px;
  2029. }
  2030. .sidebar li a {
  2031. color: #333;
  2032. }
  2033. .sidebar p:last-child,
  2034. .sidebar ul > li:last-child {
  2035. margin-bottom: 0;
  2036. }
  2037. .sidebar .widget {
  2038. background: #fff;
  2039. margin-bottom: 20px;
  2040. overflow: hidden;
  2041. padding: 30px;
  2042. }
  2043. .sidebar .enews-widget {
  2044. background: url(https://cottageatthecrossroads.com/wp-content/uploads/2018/06/400.png);
  2045. background-size:100px;
  2046. border: 30px solid #fff;
  2047. text-align: center;
  2048. padding: 50px;
  2049. }
  2050. .sidebar-primary .enews-widget .widgettitle {
  2051. text-align: center;
  2052. }
  2053. .sidebar-primary .enews-widget .widgettitle::after {
  2054. background: none !important;
  2055. }
  2056. /* # Footer Widgets
  2057. ---------------------------------------------------------------------------------------------------- */
  2058. .footer-widgets {
  2059. background-color: #fff;
  2060. border-bottom: 1px solid #eee;
  2061. font-size: 14px;
  2062. }
  2063. .footer-widgets-1,
  2064. .footer-widgets-2,
  2065. .footer-widgets-3 {
  2066. padding: 40px;
  2067. }
  2068. .footer-widgets-1 {
  2069. width: 25%;
  2070. }
  2071. .footer-widgets-2 {
  2072. width: 20%;
  2073. }
  2074. .footer-widgets-1,
  2075. .footer-widgets-2 {
  2076. float: left;
  2077. }
  2078. .footer-widgets-3 {
  2079. border-left: 1px solid #eee;
  2080. float: right;
  2081. width: 55%;
  2082. }
  2083. .footer-widgets .widget-title {
  2084. font-size: 1.4rem;
  2085. text-align: center;
  2086. }
  2087. /* # Site Footer
  2088. ---------------------------------------------------------------------------------------------------- */
  2089. .site-footer {
  2090. background: #f7f9fc;
  2091. font-family: "Poppins",sans-serif;
  2092. font-weight: 300;
  2093. font-size: 9px;
  2094. letter-spacing: 2px;
  2095. line-height: 1;
  2096. padding: 25px 0;
  2097. text-align: center;
  2098. text-transform: uppercase;
  2099. }
  2100. .site-footer a {
  2101. color: #333;
  2102. }
  2103. .site-footer p {
  2104. margin-bottom: 0;
  2105. }
  2106. /* Fadeup Effect
  2107. ---------------------------------------------------------------------------------------------------- */
  2108. .js .fadeup-effect {
  2109. opacity: 0;
  2110. overflow: hidden;
  2111. -webkit-animation-duration: 1s;
  2112. animation-duration: 1s;
  2113. -webkit-animation-fill-mode: both;
  2114. animation-fill-mode: both;
  2115. -webkit-animation-timing-function: ease-in-out;
  2116. animation-timing-function: ease-in-out;
  2117. }
  2118. @-webkit-keyframes fadeInUp {
  2119. from { opacity: 0; -webkit-transform: translateY(20px); }
  2120. to { opacity: 1; -webkit-transform: translateY(0); }
  2121. }
  2122. @keyframes fadeInUp {
  2123. from { opacity: 0; transform: translateY(20px); }
  2124. to { opacity: 1; transform: translateY(0); }
  2125. }
  2126. .fadeInUp {
  2127. -webkit-animation-name: fadeInUp;
  2128. animation-name: fadeInUp;
  2129. }
  2130. /* # Media Queries
  2131. ---------------------------------------------------------------------------------------------------- */
  2132. @media only screen and (max-width: 1280px) {
  2133. .site-header .widget-area {
  2134. width: 60%;
  2135. }
  2136. .content {
  2137. padding: 20px;
  2138. width: 795px;
  2139. }
  2140. .sidebar .widget {
  2141. padding: 30px;
  2142. }
  2143. }
  2144. @media only screen and (max-width: 1200px) {
  2145. .site-inner,
  2146. .wrap {
  2147. max-width: 960px;
  2148. }
  2149. .content {
  2150. width: 675px;
  2151. }
  2152. .sidebar-primary {
  2153. width: 250px;
  2154. }
  2155. .title-area,
  2156. .site-header .widget-area {
  2157. width: 100%;
  2158. }
  2159. .site-header .widget-area {
  2160. text-align: center;
  2161. }
  2162. .nav-secondary .wrap {
  2163. width: 100%;
  2164. }
  2165. .site-wide-cta .enews-widget input,
  2166. .announcement-widget .enews-widget input {
  2167. width: 27%;
  2168. }
  2169. .site-wide-cta form,
  2170. .announcement-widget form {
  2171. float: none;
  2172. width: 100%;
  2173. }
  2174. .nav-header-left a, .nav-header-right a {
  2175. padding: 20px 8px;
  2176. }
  2177. }
  2178. @media only screen and (max-width: 1024px) {
  2179. .nav-header-left,
  2180. .nav-header-right {
  2181. float: none;
  2182. margin: 0;
  2183. width: 100%;
  2184. }
  2185. .genesis-nav-menu,
  2186. .site-description,
  2187. .site-header .title-area,
  2188. .site-header .search-form,
  2189. .site-title {
  2190. text-align: center;
  2191. }
  2192. .genesis-nav-menu > .search,
  2193. .genesis-nav-menu .widget-area {
  2194. float: none;
  2195. width: 100%;
  2196. }
  2197. /* ### Genesis Responsive Menus */
  2198. .genesis-responsive-menu .wrap {
  2199. padding: 0;
  2200. }
  2201. .genesis-responsive-menu {
  2202. display: none;
  2203. position: relative;
  2204. }
  2205. .genesis-skip-link .skip-link-hidden {
  2206. display: none;
  2207. visibility: hidden;
  2208. }
  2209. .menu-toggle,
  2210. .sub-menu-toggle {
  2211. background-color: #fff;
  2212. border-width: 0;
  2213. color: #333;
  2214. display: block;
  2215. margin: 0 auto;
  2216. overflow: hidden;
  2217. text-align: center;
  2218. visibility: visible;
  2219. }
  2220. .menu-toggle:focus,
  2221. .menu-toggle:hover,
  2222. .sub-menu-toggle:focus,
  2223. .sub-menu-toggle:hover {
  2224. background-color: #fff;
  2225. border-width: 0;
  2226. color: #55c7cf;
  2227. }
  2228. .menu-toggle {
  2229. line-height: 22px;
  2230. position: relative;
  2231. width: 100%;
  2232. z-index: 1000;
  2233. }
  2234. .menu-toggle::before {
  2235. font-size: 1.5em;
  2236. margin-right: 10px;
  2237. text-rendering: auto;
  2238. }
  2239. .sub-menu-toggle {
  2240. float: right;
  2241. padding: 10px;
  2242. position: absolute;
  2243. right: 0;
  2244. top: 0;
  2245. z-index: 100;
  2246. }
  2247. .sub-menu .sub-menu-toggle {
  2248. padding: 12px 10px;
  2249. }
  2250. .sub-menu-toggle::before {
  2251. display: inline-block;
  2252. text-rendering: auto;
  2253. -webkit-transform: rotate( 0 );
  2254. -ms-transform: rotate( 0 );
  2255. transform: rotate( 0 );
  2256. -webkit-transition: transform .25s ease-in-out;
  2257. -ms-transition: transform .25s ease-in-out;
  2258. transition: transform .25s ease-in-out;
  2259. }
  2260. .sub-menu-toggle.activated::before {
  2261. -webkit-transform: rotate( 180deg );
  2262. -ms-transform: rotate( 180deg );
  2263. transform: rotate( 180deg );
  2264. }
  2265. .genesis-responsive-menu .genesis-nav-menu .menu-item {
  2266. display: block;
  2267. float: none;
  2268. position: relative;
  2269. text-align: left;
  2270. }
  2271. .genesis-responsive-menu .genesis-nav-menu .menu-item:focus,
  2272. .genesis-responsive-menu .genesis-nav-menu .menu-item:hover {
  2273. position: relative;
  2274. }
  2275. .genesis-responsive-menu .genesis-nav-menu .menu-item a {
  2276. border: none;
  2277. font-family: 'Montserrat', sans-serif;
  2278. font-size: 10px;
  2279. font-weight: 300;
  2280. letter-spacing: 2px;
  2281. line-height: 1;
  2282. margin-bottom: 1px;
  2283. padding: 15px 20px;
  2284. text-transform: uppercase;
  2285. width: 100%;
  2286. }
  2287. .genesis-responsive-menu .genesis-nav-menu .sub-menu {
  2288. border: none;
  2289. }
  2290. .genesis-responsive-menu .genesis-nav-menu .menu-item:hover > .sub-menu {
  2291. margin-left: 0px;
  2292. }
  2293. .genesis-responsive-menu .genesis-nav-menu .menu-item > a:focus ul.sub-menu,
  2294. .genesis-responsive-menu .genesis-nav-menu .menu-item > a:focus ul.sub-menu .sub-menu {
  2295. left: 0;
  2296. margin-left: 0;
  2297. }
  2298. .genesis-responsive-menu .genesis-nav-menu > .menu-item-has-children > a::after {
  2299. content: none;
  2300. }
  2301. .genesis-responsive-menu .genesis-nav-menu .sub-menu {
  2302. clear: both;
  2303. display: none;
  2304. margin: 0;
  2305. opacity: 1;
  2306. padding-left: 15px;
  2307. position: static;
  2308. width: 100%;
  2309. }
  2310. .genesis-responsive-menu .genesis-nav-menu .sub-menu .sub-menu {
  2311. margin: 0;
  2312. }
  2313. }
  2314. @media only screen and (max-width: 960px) {
  2315. .site-inner,
  2316. .wrap {
  2317. max-width: 800px;
  2318. }
  2319. .site-inner,
  2320. .footer-widgets {
  2321. padding: 20px;
  2322. }
  2323. .content,
  2324. .content-sidebar-sidebar .content,
  2325. .content-sidebar-sidebar .content-sidebar-wrap,
  2326. .footer-widgets-1,
  2327. .footer-widgets-2,
  2328. .footer-widgets-3,
  2329. .footer-widgets-4,
  2330. .sidebar-content-sidebar .content,
  2331. .sidebar-content-sidebar .content-sidebar-wrap,
  2332. .sidebar-primary,
  2333. .sidebar-secondary,
  2334. .sidebar-sidebar-content .content,
  2335. .sidebar-sidebar-content .content-sidebar-wrap,
  2336. .site-header .widget-area,
  2337. .title-area,
  2338. .captivating-landing .site-inner {
  2339. width: 100%;
  2340. }
  2341. .site-header .wrap {
  2342. padding: 20px 5%;
  2343. }
  2344. .header-image .title-area {
  2345. background-position: center top;
  2346. }
  2347. .genesis-nav-menu li,
  2348. .site-header ul.genesis-nav-menu,
  2349. .site-header .search-form {
  2350. float: none;
  2351. }
  2352. .genesis-nav-menu a,
  2353. .genesis-nav-menu > .first > a,
  2354. .genesis-nav-menu > .last > a {
  2355. padding: 20px 16px;
  2356. }
  2357. .site-header .search-form {
  2358. margin: 16px auto;
  2359. }
  2360. .footer-widgets-1 {
  2361. margin-right: 0;
  2362. }
  2363. .site-wide-cta {
  2364. width: 100%;
  2365. }
  2366. .header-full-width .title-area {
  2367. width: 100%;
  2368. }
  2369. }
  2370. @media only screen and (max-width: 800px) {
  2371. .archive-pagination li a {
  2372. margin-bottom: 4px;
  2373. }
  2374. .entry-footer .entry-meta {
  2375. padding: 20px;
  2376. }
  2377. .site-wide-cta .enews-widget input,
  2378. .site-wide-cta .enews-widget input[type="submit"],
  2379. .announcement-widget .enews-widget input,
  2380. .announcement-widget .enews-widget input[type="submit"] {
  2381. float: left;
  2382. margin: 5px 0;
  2383. padding: 8px;
  2384. width: 100%;
  2385. }
  2386. .announcement-widget {
  2387. padding: 5px 0;
  2388. }
  2389. .simple-social-icons ul li a,
  2390. .simple-social-icons ul li a:hover {
  2391. padding: 7px !important;
  2392. }
  2393. .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
  2394. width: 47% !important;
  2395. }
  2396. .site-wide-cta .enews {
  2397. -webkit-box-orient: vertical;
  2398. -webkit-box-direction: normal;
  2399. -webkit-flex-direction: column;
  2400. -ms-flex-direction: column;
  2401. flex-direction: column;
  2402. }
  2403. .site-wide-cta form {
  2404. width: 100%;
  2405. }
  2406. .home-above-content .widget-wrap .more-from-category,
  2407. .home-below-content .widget-wrap .more-from-category {
  2408. clear: both;
  2409. position: relative;
  2410. text-align: right;
  2411. }
  2412. }
  2413. @media only screen and (max-width: 500px) {
  2414. .five-sixths,
  2415. .four-sixths,
  2416. .one-fourth,
  2417. .one-half,
  2418. .one-sixth,
  2419. .one-third,
  2420. .three-fourths,
  2421. .three-sixths,
  2422. .two-fourths,
  2423. .two-sixths,
  2424. .two-thirds {
  2425. margin: 0;
  2426. width: 100%;
  2427. }
  2428. .site-title {
  2429. font-size: 10vw;
  2430. }
  2431. .category-index .featured-content .entry,
  2432. .captivating-custom-blog .content .entry {
  2433. float: none;
  2434. width: 100%;
  2435. }
  2436. .captivating-blog .entry:nth-of-type(2n+3) {
  2437. margin-left: 0;
  2438. }
  2439. .site-header .wrap {
  2440. padding: 0 5%;
  2441. }
  2442. .woocommerce ul.cart_list li,
  2443. .woocommerce ul.product_list_widget li,
  2444. .woocommerce-page ul.cart_list li,
  2445. .woocommerce-page ul.product_list_widget li {
  2446. width: 100%;
  2447. }
  2448. .site-wide-cta form {
  2449. -webkit-box-orient: vertical;
  2450. -webkit-box-direction: normal;
  2451. -webkit-flex-direction: column;
  2452. -ms-flex-direction: column;
  2453. flex-direction: column;
  2454. width: 100%;
  2455. }
  2456. .site-wide-cta .enews-widget input {
  2457. margin-right: 0;
  2458. margin-bottom: 20px;
  2459. }
  2460. .site-wide-cta .enews-widget input:last-child {
  2461. margin-bottom: 10px;
  2462. }
  2463. .site-inner,
  2464. .footer-widgets {
  2465. padding: 0px;
  2466. }
  2467. .sidebar .widget.enews-widget {
  2468. margin: 0;
  2469. padding: 30px;
  2470. }
  2471. .category-index ul li,
  2472. .above-blog-content .featured-content .entry {
  2473. float: none;
  2474. width: 100%;
  2475. }
  2476. .category-index .widget-wrap .more-from-category {
  2477. clear: both;
  2478. position: relative;
  2479. text-align: right;
  2480. }
  2481. .woocommerce ul.products li.product,
  2482. .woocommerce-page ul.products li.product,
  2483. .woocommerce-page[class*="columns-"] ul.products li.product,
  2484. .woocommerce[class*="columns-"] ul.products li.product {
  2485. width: 100% !important;
  2486. }
  2487. .wprm-recipe-simple {
  2488. border: none !important;
  2489. padding: 0 !important;
  2490. }
  2491. }
  2492. @media only screen and (max-width: 350px) {
  2493. .content,
  2494. .sidebar .widget,
  2495. .above-blog-content,
  2496. .sidebar .widget {
  2497. padding: 10px;
  2498. }
  2499. }
  2500. #about {
  2501. text-align:justify;
  2502. }
  2503. #about-photo {
  2504. text-align:center;
  2505. }
  2506. #about-photo img {
  2507. width:250px;
  2508. }
  2509. .sidebar-primary.widget-area .entry-title a {
  2510. font-size: 20px;
  2511. }
  2512. ul.dpe-flexible-posts h4 {
  2513. font-size: 24px;
  2514. text-align: center;
  2515. }
  2516. #text-196.widget_text {
  2517. width: 50%;
  2518. text-align: center;
  2519. margin: 0 auto;
  2520. font-size: 12px;
  2521. }
  2522. a {
  2523. color:#00a2ae !important;
  2524. }
  2525. .aws_statement {
  2526. font-size: 12px;
  2527. font-style: italic;
  2528. color: #777;
  2529. }
  2530. @media only screen and (max-width: 480px) {
  2531. .announcement-widget {
  2532. display:none !important;
  2533. }
  2534. ul.dpe-flexible-posts h4 {
  2535. font-size: 18px;
  2536. text-align: center;
  2537. }
  2538. }