API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Dec 8th, 2016
365
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 92.85 KB | None | 0 0
raw download clone embed print report
  1. —————————————————————-
  2. CSS
  3. —————————————————————-
  4. /* ————————————————————————- *
  5. * Table of contents
  6.  
  7. 1. Reset
  8. 2. Base Styles
  9. – Fonts
  10. – Forms
  11. – Entry Text
  12. – Headings
  13. 3. Base Structure
  14. – Layout
  15. 4. Common Elements
  16. – Nav
  17. 5. Header
  18. 6. Page
  19. 7. Footer
  20. 8. Post Entry
  21. 9. Post Formats
  22. 10. Widgets
  23. 11. Comments
  24. 12. Child Menu
  25. 13. Plugins
  26. 14. Flexslider
  27. 15. SVG thumbnails
  28. 16. Shortcodes
  29. 17. IE Fixes
  30.  
  31. /* ————————————————————————- */
  32.  
  33. /* ————————————————————————- *
  34. * Reset – http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126
  35. * ————————————————————————- */
  36. html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
  37. pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s,
  38. samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
  39. fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside,
  40. canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby,
  41. section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
  42. article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
  43. ol, ul { list-style: none; }
  44. blockquote, q { quotes: none; }
  45. blockquote:before, blockquote:after, q:before, q:after { content: ”; content: none; }
  46. table { border-collapse: collapse; border-spacing: 0; }
  47.  
  48. /* ————————————————————————- *
  49. * Base Styles
  50. /* ————————————————————————- */
  51. html { -webkit-font-smoothing: antialiased; /* safari font rendering issue fix */ }
  52. body { background: #eaeaea; font-size: 16px; line-height: 1.5em; color: #666; font-weight: 300; }
  53. ::selection { background: #3b8dbd; color: #fff; }
  54. ::-moz-selection { background: #3b8dbd; color: #fff; }
  55. a { color: #3b8dbd; text-decoration: none; outline: 0; }
  56. a:hover { color: #444; }
  57. img { max-width: 100%; height: auto; }
  58. a,
  59. a:before,
  60. a:after {
  61. -webkit-transition: all 0.2s ease;
  62. -moz-transition: all 0.2s ease;
  63. -o-transition: all 0.2s ease;
  64. transition: all 0.2s ease; }
  65. a img {
  66. -webkit-transition: opacity 0.2s ease;
  67. -moz-transition: opacity 0.2s ease;
  68. -o-transition: opacity 0.2s ease;
  69. transition: opacity 0.2s ease; }
  70. address,cite,em { font-style: italic; }
  71. strong { font-weight: 600; }
  72. .left,.alignleft { float: left; }
  73. .right,.alignright { float: right; }
  74. .aligncenter { margin-left: auto; margin-right: auto; }
  75.  
  76. /* base : clear
  77. /* ———————————— */
  78. .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
  79. .group:before, .group:after { content: “”; display: table; }
  80. .group:after { clear: both; }
  81. .group { zoom: 1; }
  82.  
  83. /* base : font awesome square size
  84. /* ———————————— */
  85. .fa { width: 1em; text-align: center; }
  86.  
  87. /* base : fonts
  88. /* ———————————— */
  89. body { font-family: “Titillium”, Arial, sans-serif; }
  90.  
  91. @font-face {
  92. font-family: ‘Titillium’;
  93. src: url(‘../fonts/titillium-light-webfont.eot’);
  94. src: url(‘../fonts/titillium-light-webfont.svg#titillium-light-webfont’) format(‘svg’),
  95. url(‘../fonts/titillium-light-webfont.eot?#iefix’) format(’embedded-opentype’),
  96. url(‘../fonts/titillium-light-webfont.woff’) format(‘woff’),
  97. url(‘../fonts/titillium-light-webfont.ttf’) format(‘truetype’);
  98. font-weight: 300;
  99. font-style: normal;
  100. }
  101. @font-face {
  102. font-family: ‘Titillium’;
  103. src: url(‘../fonts/titillium-lightitalic-webfont.eot’);
  104. src: url(‘../fonts/titillium-lightitalic-webfont.svg#titillium-lightitalic-webfont’) format(‘svg’),
  105. url(‘../fonts/titillium-lightitalic-webfont.eot?#iefix’) format(’embedded-opentype’),
  106. url(‘../fonts/titillium-lightitalic-webfont.woff’) format(‘woff’),
  107. url(‘../fonts/titillium-lightitalic-webfont.ttf’) format(‘truetype’);
  108. font-weight: 300;
  109. font-style: italic;
  110. }
  111. @font-face {
  112. font-family: ‘Titillium’;
  113. src: url(‘../fonts/titillium-regular-webfont.eot’);
  114. src: url(‘../fonts/titillium-regular-webfont.svg#titillium-regular-webfont’) format(‘svg’),
  115. url(‘../fonts/titillium-regular-webfont.eot?#iefix’) format(’embedded-opentype’),
  116. url(‘../fonts/titillium-regular-webfont.woff’) format(‘woff’),
  117. url(‘../fonts/titillium-regular-webfont.ttf’) format(‘truetype’);
  118. font-weight: 400;
  119. font-style: normal;
  120. }
  121. @font-face {
  122. font-family: ‘Titillium’;
  123. src: url(‘../fonts/titillium-regularitalic-webfont.eot’);
  124. src: url(‘../fonts/titillium-regularitalic-webfont.svg#titillium-regular-webfont’) format(‘svg’),
  125. url(‘../fonts/titillium-regularitalic-webfont.eot?#iefix’) format(’embedded-opentype’),
  126. url(‘../fonts/titillium-regularitalic-webfont.woff’) format(‘woff’),
  127. url(‘../fonts/titillium-regularitalic-webfont.ttf’) format(‘truetype’);
  128. font-weight: 400;
  129. font-style: italic;
  130. }
  131. @font-face {
  132. font-family: ‘Titillium’;
  133. src: url(‘../fonts/titillium-semibold-webfont.eot’);
  134. src: url(‘../fonts/titillium-semibold-webfont.svg#titillium-semibold-webfont’) format(‘svg’),
  135. url(‘../fonts/titillium-semibold-webfont.eot?#iefix’) format(’embedded-opentype’),
  136. url(‘../fonts/titillium-semibold-webfont.woff’) format(‘woff’),
  137. url(‘../fonts/titillium-semibold-webfont.ttf’) format(‘truetype’);
  138. font-weight: 600;
  139. font-style: normal;
  140. }
  141.  
  142. /* base : forms
  143. /* ———————————— */
  144. input, textarea, button, select, label { font-family: inherit; }
  145. .themeform input,
  146. .themeform select,
  147. .themeform textarea,
  148. .themeform button,
  149. .themeform label { font-size: 14px; }
  150. .themeform input::-moz-focus-inner,
  151. .themeform button::-moz-focus-inner { border: 0; padding: 0; }
  152. .themeform input[type=”text”],
  153. .themeform input[type=”password”],
  154. .themeform input[type=”email”],
  155. .themeform input[type=”url”],
  156. .themeform input[type=”tel”],
  157. .themeform input[type=”number”],
  158. .themeform input[type=”submit”],
  159. .themeform select,
  160. .themeform button,
  161. .themeform textarea { margin: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 0; border-radius: 0; }
  162. .themeform input,
  163. .themeform select,
  164. .themeform textarea,
  165. .themeform button { -moz-appearance: none; -webkit-appearance: none; -moz-transition: all .2s ease; -webkit-transition: all .2s ease; transition: all .2s ease; }
  166. .themeform input[type=”checkbox”] { -moz-appearance: checkbox; -webkit-appearance: checkbox; }
  167. .themeform input[type=”radio”] { -moz-appearance: radio; -webkit-appearance: radio; }
  168. .themeform label { font-weight: 600; color: #444; }
  169. .themeform input[type=”text”],
  170. .themeform input[type=”password”],
  171. .themeform input[type=”email”],
  172. .themeform input[type=”url”],
  173. .themeform input[type=”tel”],
  174. .themeform input[type=”number”],
  175. .themeform select,
  176. .themeform textarea { background: #fff; border: 2px solid #ddd; color: #777; display: block; max-width: 100%; outline: none; padding: 7px 8px; }
  177. .themeform input[type=”text”]:focus,
  178. .themeform input[type=”password”]:focus,
  179. .themeform input[type=”email”]:focus,
  180. .themeform input[type=”url”]:focus,
  181. .themeform input[type=”tel”]:focus,
  182. .themeform input[type=”number”]:focus,
  183. .themeform select:focus,
  184. .themeform textarea:focus { border-color: #ccc; color: #444; -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.1); box-shadow: 0 0 3px rgba(0,0,0,0.1); }
  185. .themeform label .required { color: #3b8dbd; }
  186. .themeform input[type=”submit”],
  187. .themeform button[type=”submit”] { background: #3b8dbd; color: #fff; padding: 8px 14px; font-weight: 600; display: inline-block; border: none; cursor: pointer; -webkit-border-radius: 3px; border-radius: 3px; }
  188. .themeform input[type=”submit”]:hover,
  189. .themeform button[type=”submit”]:hover { background: #444; }
  190.  
  191. .themeform.searchform div { position: relative; }
  192. .themeform.searchform div input { padding-left: 26px; line-height: 20px; }
  193. .themeform.searchform div:after { color: #ccc; line-height: 24px; font-size: 14px; content: “\f002”; position: absolute; left: 10px; top: 6px; font-family: FontAwesome; }
  194.  
  195. /* base : entry
  196. /* ———————————— */
  197. .entry { font-size: 18px; line-height: 1.6em; }
  198. .entry p,
  199. .entry dd { margin-bottom: 1em; }
  200. .entry dt { color: #444; }
  201. .entry ol,
  202. .entry ul { margin: 0 0 15px 30px; }
  203. .entry ol ol,
  204. .entry ol ul,
  205. .entry ul ul,
  206. .entry ul ol { margin-bottom: 0; }
  207. .entry li { margin: 0; }
  208. .entry ul li,
  209. .entry ol ul li { list-style: square; }
  210. .entry ol li,
  211. .entry ol ul ol li { list-style: decimal; }
  212. .entry dt { font-weight: 600;}
  213. .entry address { margin-bottom: 1em; }
  214. .entry blockquote { position: relative; color: #777; font-style: italic; margin: 0 0 20px 0; padding-left: 50px; }
  215. .entry blockquote p { margin-bottom: 0.75em; }
  216. .entry blockquote:before { content: “\f10d”; color: #ccc; font-size: 32px; font-style: normal; font-family: FontAwesome; text-align: center; position: absolute; left: 0; top: 0; }
  217. .entry blockquote.twitter-tweet:before { content: “\f099”; }
  218. .comment code, .entry code, .entry pre { font-family: Monaco, “Courier New”, “DejaVu Sans Mono”, “Bitstream Vera Sans Mono”, monospace; font-size: 11px; }
  219. .entry pre { background: url(../img/pre.png) repeat top; padding: 18px 20px; margin: 30px 0; border: 1px solid #ddd; line-height: 19px; white-space: pre-wrap; word-wrap: break-word; overflow-x: auto; overflow-y: hidden; }
  220. .comment code, .entry code { background: #eee; padding: 0 3px; }
  221. .entry ins { background: #fff486; }
  222. .entry sub,
  223. .entry sup { font-size: 62.5%; }
  224. .entry sub { vertical-align: sub; }
  225. .entry sup { vertical-align: super; }
  226.  
  227. /* image position & caption */
  228. .entry img.size-auto,
  229. .entry img.size-large,
  230. .entry img.size-medium,
  231. .entry attachment img { max-width: 100%; height: auto; }
  232. .entry img.alignleft { margin: 18px 20px 18px 0; }
  233. .entry img.alignright { margin: 18px 0 18px 20px; }
  234. .entry img.aligncenter { margin: 18px auto; clear: both; display: block; }
  235. .entry img .size-full { width: 100%!important; }
  236. .entry .gallery img, .entry img.wp-smiley { margin: 0; }
  237. .entry .wp-caption { background: #f1f1f1; max-width: 100%; margin-bottom: 14px; padding-top: 5px; text-align: center; }
  238. .entry .wp-caption-text { font-style: italic; }
  239. .entry .wp-caption a { border-bottom: none; }
  240. .entry .wp-caption img { margin: 0; max-width: 100%; height: auto; }
  241. .entry .wp-caption.alignleft { margin-right: 20px; }
  242. .entry .wp-caption.alignright { margin-left: 20px; }
  243. .entry .wp-caption.alignnone { width: 100%!important; overflow: hidden; }
  244. .entry .wp-caption.alignnone img { margin: 0 auto; max-width: 100%!important; }
  245. .entry .wp-caption-text { color: #999; font-size: 13px; padding: 0 0 8px 0; margin: 0; }
  246.  
  247. /* table */
  248. .entry table { font-size: 14px; margin-bottom: 1.5em; width: 100%; text-align: center; }
  249. .entry table tr.alt { background: #f1f1f1; }
  250. .entry table td { border-bottom: 1px solid #f1f1f1; text-align: center; padding: 5px; vertical-align: middle; }
  251. .entry table th { font-weight: 600; text-align: center; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; padding: 10px 5px; }
  252.  
  253. /* default gallery */
  254. .entry .gallery { clear: both; overflow: hidden; width: 100%; margin: 15px 0!important; }
  255. .entry .gallery img { display: block; width: 100%; height: auto; border-width: 1px 2px!important; border-color: transparent!important; }
  256. .entry .gallery .gallery-item { position: relative; overflow: hidden; border-color: transparent; margin-top: 0!important; }
  257. .entry .gallery .gallery-caption { background: rgba(255,255,255,0.8); color: #333; font-size: 13px; line-height: 1.4em; padding: 10px 0; text-align: left; text-indent: 10px; font-style: normal; margin: 0; bottom: -44px; left: 2px; right: 2px; overflow: hidden; position: absolute; text-overflow: ellipsis; white-space: nowrap; width: 100%;
  258. transition: all .2s ease;
  259. -o-transition: all .2s ease;
  260. -moz-transition: all .2s ease;
  261. -webkit-transition: all .2s ease; }
  262. .entry .gallery .gallery-item:hover .gallery-caption { bottom: 0; }
  263. .entry .gallery-columns-5 .gallery-caption,
  264. .entry .gallery-columns-6 .gallery-caption,
  265. .entry .gallery-columns-7 .gallery-caption,
  266. .entry .gallery-columns-8 .gallery-caption,
  267. .entry .gallery-columns-9 .gallery-caption { display: none!important; }
  268.  
  269. /* base : headings
  270. /* ———————————— */
  271. h1, h2, h3, h4, h5, h6 { color: #444; font-weight: 600; -ms-word-wrap: break-word; word-wrap: break-word; }
  272. .entry h1 span, .entry h2 span, .entry h3 span, .entry h4 span, .entry h5 span, .entry h6 span { color: #bbb; }
  273. .entry h1,.entry h2,.entry h3,.entry h4,.entry h5,.entry h6 { margin-bottom: 14px; font-weight: 400; line-height: 1.3em; }
  274. .entry h1 { font-size: 38px; letter-spacing: -1px; }
  275. .entry h2 { font-size: 34px; letter-spacing: -0.7px; }
  276. .entry h3 { font-size: 28px; letter-spacing: -0.5px; }
  277. .entry h4 { font-size: 24px; letter-spacing: -0.3px; }
  278. .entry h5 { font-size: 20px; font-weight: 600; }
  279. .entry h6 { font-size: 18px; font-weight: 600; text-transform: uppercase; }
  280.  
  281. .heading,
  282. #reply-title { font-weight: normal; font-size: 18px; text-transform: uppercase; font-weight: 600; margin-bottom: 1em; }
  283. .heading i { font-size: 22px; margin-right: 6px; }
  284.  
  285. /* ————————————————————————- *
  286. * Base Structure
  287. /* ————————————————————————- */
  288.  
  289. /* base : layout
  290. /* ———————————— */
  291. #wrapper { min-width: 1024px; height: 100%; }
  292. .container { padding: 0 20px; }
  293. .container-inner { max-width: 1380px; min-width: 1380px; width: 100%; margin: 0 auto; }
  294. .main { background-color: #fff!important; position: relative; }
  295. .main-inner { position: relative; min-height: 600px; /* instead of sticky footer */ }
  296. .content { width: 100%; position: relative; }
  297. .pad { padding: 30px 30px 20px; }
  298.  
  299. /* boxed */
  300. .boxed #wrapper { max-width: 1380px; margin: 0 auto;
  301. -webkit-box-shadow: 6px 0 0 rgba(0,0,0,0.04), -6px 0 0 rgba(0,0,0,0.04);
  302. box-shadow: 6px 0 0 rgba(0,0,0,0.04), -6px 0 0 rgba(0,0,0,0.04); }
  303. .boxed .container { padding: 0; }
  304. .boxed #page { background: #eaeaea; padding-bottom: 1px; }
  305.  
  306. /* base : layout columns
  307. /* ———————————— */
  308.  
  309. /* 2 column, content left */
  310. .col-2cl .main-inner { background: url(../img/sidebar/s-right-s1.png) repeat-y right 0; padding-right: 340px; }
  311. .col-2cl .s1 { float: right; margin-right: -340px; }
  312. .col-2cl .content { float: left; }
  313.  
  314. /* 2 column, content right */
  315. .col-2cr .main-inner { background: url(../img/sidebar/s-left.png) repeat-y left 0; padding-left: 340px; }
  316. .col-2cr .s1 { float: left; margin-left: -340px; }
  317. .col-2cr .content { float: right; }
  318.  
  319. /* 3 column, content middle */
  320. .col-3cm .main { background: url(../img/sidebar/s-right-s2.png) repeat-y right 0; }
  321. .col-3cm .main-inner { background: url(../img/sidebar/s-left.png) repeat-y left 0; padding-left: 340px; padding-right: 260px; }
  322. .col-3cm .s1 { float: left; margin-left: -340px; }
  323. .col-3cm .s2 { float: right; margin-right: -260px; /* ingenuity! */ position: relative; right: -100%; }
  324. .col-3cm .content { float: right; }
  325.  
  326. /* 3 column, content left */
  327. .col-3cl .main { background-image: none; }
  328. .col-3cl .main-inner { background: url(../img/sidebar/s-right-dual-full-expand.png) repeat-y right 0; padding-right: 600px; }
  329. .col-3cl .s1 { float: right; margin-right: -600px; }
  330. .col-3cl .s2 { float: right; margin-right: -260px; }
  331. .col-3cl .content { float: left; }
  332.  
  333. /* 3 column, content right */
  334. .col-3cr .main { background-image: none; }
  335. .col-3cr .main-inner { background: url(../img/sidebar/s-left-dual-full-expand.png) repeat-y left 0; padding-left: 600px; }
  336. .col-3cr .s1 { float: left; margin-left: -600px; }
  337. .col-3cr .s2 { float: left; margin-left: -260px; }
  338. .col-3cr .content { float: right; }
  339.  
  340. /* base : sidebar
  341. /* ———————————— */
  342. .sidebar { padding-bottom: 20px; position: relative; z-index: 2; }
  343. .sidebar .pad { padding-left: 20px; padding-right: 20px; }
  344. .sidebar-top { padding: 15px 30px; }
  345. .sidebar-top p { float: left; color: #fff; color: rgba(255,255,255,0.8); font-size: 16px; font-weight: 600; text-transform: uppercase; line-height: 24px; padding: 3px 0; }
  346. .sidebar-toggle { display: none; text-align: center; cursor: pointer; width: 100%; height: 60px;
  347. -webkit-box-shadow: inset 0 -1px 0 rgba(255,255,255,0.1);
  348. box-shadow: inset 0 -1px 0 rgba(255,255,255,0.1); }
  349. .sidebar-toggle i { font-size: 38px; color: #fff; padding: 10px 0; }
  350. .s1-expand .s1,
  351. .s2-expand .s2 {-moz-transition: width .2s ease; -webkit-transition: width .2s ease; transition: width .2s ease; }
  352.  
  353. /* toggle icon */
  354. .icon-sidebar-toggle:before { font-family: FontAwesome; }
  355. .col-2cl .s1 .icon-sidebar-toggle:before,
  356. .col-3cl .s1 .icon-sidebar-toggle:before,
  357. .col-3cm .s2 .icon-sidebar-toggle:before,
  358. .col-3cl .s2 .icon-sidebar-toggle:before { content: “\f100”; }
  359. .col-2cr .s1 .icon-sidebar-toggle:before,
  360. .col-3cm .s1 .icon-sidebar-toggle:before,
  361. .col-3cr .s1 .icon-sidebar-toggle:before,
  362. .col-3cr .s2 .icon-sidebar-toggle:before { content: “\f101”; }
  363.  
  364. /* sidebar primary */
  365. .s1 { width: 340px; z-index: 2; }
  366. .s1:hover { z-index: 98; /* social icons tooltip above header nav */ }
  367. .s1 .sidebar-top,
  368. .s1 .sidebar-toggle { background: #3b8dbd; }
  369. @media only screen and (min-width: 479px) and (max-width: 960px) {
  370. .s1 .sidebar-top { background: none!important; border-bottom: 1px solid #ddd; }
  371. .s1 .sidebar-top p { color: #666; }
  372. .s1 .sidebar-top .social-links .social-tooltip { color: #666; }
  373. }
  374.  
  375. /* sidebar secondary */
  376. .s2 { width: 260px; z-index: 1; }
  377. .s2 .sidebar-top,
  378. .s2 .sidebar-toggle { background: #82b965; }
  379. @media only screen and (min-width: 479px) and (max-width: 1200px) {
  380. .s2 .sidebar-top { background: none!important; border-bottom: 1px solid #ddd; }
  381. .s2 .sidebar-top p { color: #666; }
  382. }
  383.  
  384. /* base : grid
  385. /* ———————————— */
  386. .grid { margin-right: 3.2%; float: left; display: inline; position: relative; }
  387. .last { clear: right; margin-right: 0!important; }
  388.  
  389. .one-full { margin-right: 0; width: 100%; overflow: hidden; }
  390. .one-half { width: 48.4%; }
  391. .one-third { width: 31.2%; }
  392. .two-third { width: 65.6%; }
  393. .one-fourth { width: 22.6%; }
  394. .three-fourth { width: 74.2%; }
  395. .one-fifth { width: 17.4%; }
  396. .two-fifth { width: 38.1%; }
  397. .three-fifth { width: 58.7%; }
  398. .four-fifth { width: 79.4%; }
  399.  
  400. /* ————————————————————————- *
  401. * Common Elements
  402. /* ————————————————————————- */
  403. /* common : embedded element
  404. /* ———————————— */
  405. iframe.wp-embedded-content{ max-width : 100%;width: 100%;}
  406.  
  407. /* common : responsive videos
  408. /* ———————————— */
  409. .video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
  410. .video-container iframe, .video-container object, .video-container embed, .video-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  411.  
  412. /* common : responsive image + caption
  413. /* ———————————— */
  414. .image-container { position: relative; }
  415. .image-container img { display: block; width: 100%; height: auto; }
  416. .image-caption { background: rgba(0,0,0,0.7); color: #fff; font-size: 13px; line-height: 1.3em; font-style: italic; padding: 8px 10px; position: absolute; bottom: 8px; left: 8px; margin-right: 8px;
  417. -webkit-border-radius: 2px; border-radius: 2px;
  418. -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.4), 0 1px 0 rgba(255,255,255,0.03);
  419. box-shadow: inset 0 1px 1px rgba(0,0,0,0.4), 0 1px 0 rgba(255,255,255,0.03); }
  420.  
  421. /* common : social links
  422. /* ———————————— */
  423. .social-links { float: right; position: relative; padding-top: 2px; }
  424. .social-links li { display: inline-block; margin-left: 8px; line-height: 16px; font-size: 0; }
  425. .social-links li a { display: block!important; position: relative; text-align: center; }
  426. .social-links .social-tooltip { color: #fff; color: rgba(255,255,255,0.7); font-size: 24px; display: inline; position: relative; z-index: 98; }
  427. .social-links .social-tooltip:hover { color: #fff!important; text-decoration: none; }
  428. .social-links .social-tooltip:hover:after { top: -36px; background: #fff; font-size: 14px; color: #666; content: attr(title); display: block; right: 0; padding: 5px 15px; position: absolute; white-space: nowrap;
  429. -webkit-border-radius: 3px; border-radius: 3px;
  430. -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.2); box-shadow: 0 0 2px rgba(0,0,0,0.2); }
  431. .social-links .social-tooltip:hover:before { top: -10px; right: 8px; border: solid; border-color: #fff transparent; border-width: 5px 5px 0 5px; content: “”; display: block; position: absolute; z-index: 1; }
  432.  
  433. /* common : page title
  434. /* ———————————— */
  435. .page-title { background: #fff; position: relative; padding-top: 18px; padding-bottom: 17px; border-bottom: 1px solid #eee; color: #666; font-size: 16px; font-weight: 600; text-transform: uppercase; line-height: 24px; }
  436. .page-title a { color: #aaa; }
  437. .page-title a:hover { color: #444; }
  438. .page-title span { color: #aaa; }
  439. .page-title i { margin-right: 8px; }
  440. .page-title h1,
  441. .page-title h2,
  442. .page-title h4 { color: #666; }
  443. .page-title .meta-single li { float: left; margin-right: 14px; }
  444. .page-title .meta-single li.comments { float: right; margin-right: 0; }
  445.  
  446. /* common : notebox
  447. /* ———————————— */
  448. .notebox { background: #f0f0f0; position: relative; padding: 12px 15px; color: #888; margin-bottom: 30px; }
  449. .notebox:before { content:”; display: inline-block; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #f1f1f1; position: absolute; top: -8px; left: 13px; }
  450. .notebox:after { content:”; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #f1f1f1; position: absolute; top: -5px; left: 15px; }
  451. .notebox span { font-weight: 600; }
  452. .notebox .search-again { margin-top: 10px; }
  453. .notebox input[type=”text”] { width: 100%; }
  454.  
  455. /* common : page image
  456. /* ———————————— */
  457. .page-image { overflow: hidden; position: relative; margin: 0 0 30px 0; }
  458. .page-image-text { position: absolute; top: 50%; margin-top: -35px; width: 100%; text-align: center; }
  459. .page-image-text .caption { color: #fff; font-size: 44px; line-height: 70px; text-transform: uppercase; font-weight: 600; text-shadow: 0 0 20px rgba(0,0,0,0.3); }
  460. .page-image-text .description { display: block; color: #fff; font-size: 15px; line-height: 36px; font-weight: 300; }
  461. .page-image-text .description i { background: rgba(0,0,0,0.7); opacity: 0.9; font-style: normal; padding: 6px 10px; -webkit-border-radius: 2px; border-radius: 2px; }
  462.  
  463. /* common : pagination
  464. /* ———————————— */
  465. .pagination { margin-bottom: 15px; }
  466. .pagination a { font-size: 18px; font-weight: 600; }
  467.  
  468. /* common : thumb icon
  469. /* ———————————— */
  470. .thumb-icon { background: rgba(0,0,0,0.7); color: #fff; text-align: center; display: block; width: 32px; height: 32px; position: absolute; bottom: 20px; left: 20px;
  471. -webkit-border-radius: 6px; border-radius: 6px;
  472. -moz-transition: all 0.7s ease; -webkit-transition: all 0.7s ease; transition: all 0.7s ease;
  473. -webkit-box-shadow: 0 0 2px rgba(255,255,255,0.4);
  474. box-shadow: 0 0 2px rgba(255,255,255,0.4);
  475. -webkit-transform: rotate(45deg);
  476. -moz-transform: rotate(45deg);
  477. -ms-transform: rotate(45deg);
  478. -o-transform: rotate(45deg);
  479. transform: rotate(45deg); }
  480. .thumb-icon i { font-size: 18px; padding: 7px 0;
  481. -webkit-transform: rotate(-45deg);
  482. -moz-transform: rotate(-45deg);
  483. -ms-transform: rotate(-45deg);
  484. -o-transform: rotate(-45deg);
  485. transform: rotate(-45deg); }
  486. .thumb-icon .fa-play { margin: -1px 0 0 2px; }
  487. .thumb-icon.small { width: 24px; height: 24px; position: absolute; bottom: 14px; left: 14px;
  488. -webkit-border-radius: 4px; border-radius: 4px; }
  489. .thumb-icon.small .fa { font-size: 14px; line-height: 16px; padding: 5px 0; }
  490. .thumb-icon.small .f-play { margin: -1px 0 0 2px; }
  491.  
  492. /* common : nav
  493. /* ———————————— */
  494. .nav-container { background: #888; z-index: 99; position: relative; }
  495. .nav-toggle { display: none; background: #777; cursor: pointer; float: right; height: 50px; width: 60px; color: #fff; text-align: center; }
  496. .nav-toggle i { font-size: 28px; padding: 11px 0; }
  497. .nav-text { display: none; float: right; font-size: 16px; line-height: 24px; padding: 13px 20px; }
  498. .nav li > a:after,
  499. .nav > li > a:after { font-family: FontAwesome; display: inline-block; }
  500.  
  501. @media only screen and (min-width: 720px) {
  502.  
  503. .nav-wrap { height: auto!important; }
  504. /* common */
  505. .nav { font-size: 0; position: relative; }
  506. .nav li a { color: #ccc; display: block; line-height: 20px; }
  507. /* dropdown arrows */
  508. .nav li > a:after { content: “\f0da”; float: right; opacity: 0.5; }
  509. .nav > li > a:after {content: “\f0d7”; float: none; margin-left: 6px; font-size: 14px; line-height: 1.2em; }
  510. .nav li > a:only-child:after {content: “”; margin: 0; }
  511. #footer .nav li > a:after { content: “\f0da”; }
  512. #footer .nav > li > a:after { content: “\f0d8”; }
  513. #footer .nav li > a:only-child:after { content: “”; }
  514. /* level 1 */
  515. .nav > li { font-size: 16px; border-right: 1px solid #999; display: inline-block; position: relative; }
  516. .nav > li > a { padding: 15px 14px; }
  517. .nav > li > a:hover,
  518. .nav > li:hover > a { background: #777; }
  519. .nav li > a:hover,
  520. .nav li:hover > a,
  521. .nav li.current_page_item > a,
  522. .nav li.current-menu-item > a,
  523. .nav li.current-menu-ancestor > a,
  524. .nav li.current-post-parent > a { color: #fff; }
  525. /* level 2 & 3 */
  526. .nav li:hover > ul { display: block; }
  527. .nav ul { display: none; background: #777; position: absolute; left: 0; top: 50px; width: 180px; padding: 10px 0; z-index: 2; -webkit-transform: translateZ(0);
  528. -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.15);
  529. box-shadow: 0 2px 2px rgba(0,0,0,0.15); }
  530. .nav ul li { font-size: 14px; position: relative; display: block; padding: 0; }
  531. .nav ul li a { padding: 10px 20px; }
  532. .nav ul li:last-child { border-bottom: 0!important; }
  533. /* level 3 */
  534. .nav ul ul { position: absolute; top: -10px; left: 180px; }
  535.  
  536. }
  537. @media only screen and (max-width: 719px) {
  538.  
  539. .nav { font-weight: 600; }
  540. .nav-container { text-transform: none; }
  541. .nav-toggle,
  542. .nav-text { display: block; }
  543. .nav-wrap { position: relative; float: left; width: 100%; height: 0; overflow: hidden; }
  544. .nav-wrap.transition {
  545. -webkit-transition: height 0.35s ease;
  546. -moz-transition: height 0.35s ease;
  547. -o-transition: height 0.35s ease;
  548. transition: height 0.35s ease; }
  549. .expand .nav-wrap { height: auto; }
  550. /* iphone fix */
  551. .safari .nav-wrap.transition { -webkit-transition: none; transition: none; }
  552. /* common */
  553. .nav { float: left; width: 100%; }
  554. .nav li a { line-height: 20px; display: block; padding: 8px 20px; }
  555. .nav li li a { padding-left: 15px; padding-right: 15px; }
  556. /* dropdown arrows */
  557. .nav li > a:after { content: ‘\f0d7’; opacity: 0.5; margin-left: 6px; }
  558. .nav > li > a:after { content: ‘\f0d7’; font-size: 14px; }
  559. .nav li > a:only-child:after { content: ”; }
  560. /* level 1 */
  561. .nav > li { font-size: 15px; }
  562. .nav li > a:hover,
  563. .nav li.current_page_item > a,
  564. .nav li.current-menu-item > a,
  565. .nav li.current-post-parent > a { color: #fff; }
  566. /* level 2 & 3 */
  567. .nav ul { display: block!important; margin-left: 40px; }
  568. .nav ul li { font-size: 13px; font-weight: 300; }
  569. .nav ul li a { padding-top: 6px; padding-bottom: 6px; }
  570.  
  571. }
  572.  
  573. /* ————————————————————————- *
  574. * Section: Header
  575. /* ————————————————————————- */
  576. #header { background: #33363b; position: relative; padding-bottom: 60px; }
  577. #header .pad { padding-top: 30px; padding-bottom: 30px; }
  578. #header .container-inner { position: relative; }
  579.  
  580. .site-title { font-size: 42px; font-weight: 600; letter-spacing: -0.5px; float: left; line-height: 60px; padding: 10px 0; }
  581. .site-title a { display: block; color: #fff; max-width: 100%; }
  582. .site-title a img { display: block; max-width: 100%; max-height: 60px; height: auto; padding: 0; margin: 0 auto; -webkit-border-radius: 0; border-radius: 0; }
  583. .site-description { font-size: 16px; font-style: italic; color: #fff; color: rgba(255,255,255,0.5); float: left; margin-left: 20px; line-height: 60px; padding: 10px 0; }
  584. .site-image { display: block; margin: 0 auto; max-height: 400px; }
  585.  
  586. #header-widgets { float: right; }
  587. /*#header-widgets h3 { display: none; }*/
  588. #header-widgets img { display: block; }
  589.  
  590. /* header : search
  591. /* ———————————— */
  592. .toggle-search { color: #fff; font-size: 18px; line-height: 24px; cursor: pointer; padding: 13px 20px; display: block; position: absolute; right: 0; top: -50px;
  593. -webkit-box-shadow: -1px 0 0 rgba(255,255,255,0.1);
  594. box-shadow: -1px 0 0 rgba(255,255,255,0.1); }
  595. .toggle-search:hover,
  596. .toggle-search.active { background: rgba(0,0,0,0.15); color: #fff; }
  597. .search-expand { display: none; background: #26272b; position: absolute; top: 0; right: 0; width: 340px;
  598. -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.1);
  599. box-shadow: 0 1px 0 rgba(255,255,255,0.1); }
  600. .search-expand-inner { background: rgba(0,0,0,0.15); padding: 15px; }
  601. .search-expand .themeform input { width: 100%; border: 2px solid #e2e2e2; border-radius: 0; }
  602. .search-expand .themeform input:focus { }
  603.  
  604. /* header : nav topbar
  605. /* ———————————— */
  606. #nav-topbar.nav-container { background: #26272b;
  607. -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2),0 1px 0 rgba(255,255,255,0.15);
  608. box-shadow: 0 0 5px rgba(0,0,0,0.2),0 1px 0 rgba(255,255,255,0.15); }
  609. #nav-topbar .nav-toggle { background: transparent; color: #fff;
  610. -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,0.06);
  611. box-shadow: inset 1px 0 0 rgba(255,255,255,0.06); }
  612. #nav-topbar .nav-text { color: #fff; color: rgba(255,255,255,0.7); }
  613.  
  614. @media only screen and (min-width: 1025px) {
  615. /* fixed nav */
  616. .full-width.topbar-enabled #header { padding-top: 50px; }
  617. .full-width #nav-topbar.nav-container { position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 999; }
  618. .full-width.admin-bar #nav-topbar.nav-container { top: 32px; }
  619. }
  620.  
  621. @media only screen and (min-width: 720px) {
  622.  
  623. /* common */
  624. #nav-topbar .nav { }
  625. #nav-topbar .nav li a { color: #fff; color: rgba(255,255,255,0.7); }
  626. /* level 1 */
  627. #nav-topbar .nav > li { border-right: none; }
  628. #nav-topbar .nav > li > a:hover,
  629. #nav-topbar .nav > li:hover > a { background-color: rgba(0,0,0,0.1); }
  630. #nav-topbar .nav li > a:hover,
  631. #nav-topbar .nav li:hover > a,
  632. #nav-topbar .nav li.current_page_item > a,
  633. #nav-topbar .nav li.current-menu-item > a,
  634. #nav-topbar .nav li.current-menu-ancestor > a,
  635. #nav-topbar .nav li.current-post-parent > a { color: #fff; }
  636. /* level 2 & 3 */
  637. #nav-topbar .nav ul { background: #26272b url(../img/opacity-10.png) repeat; }
  638. #nav-topbar .nav ul li { box-shadow: 0 1px 0 rgba(255,255,255,0.06); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.06); }
  639. #nav-topbar .nav ul li:last-child { box-shadow: none; -webkit-box-shadow: none; }
  640.  
  641. }
  642. @media only screen and (max-width: 719px) {
  643.  
  644. /* common */
  645. #nav-topbar .container { padding-left: 0; }
  646. #nav-topbar .nav li a { color: #fff; color: rgba(255,255,255,0.8); border-top: 1px solid rgba(255,255,255,0.06); }
  647. /* level 1 */
  648. #nav-topbar .nav li > a:hover { background: rgba(0,0,0,0.15); color: #fff; }
  649. #nav-topbar .nav li.current_page_item > a,
  650. #nav-topbar .nav li.current-menu-item > a,
  651. #nav-topbar .nav li.current-post-parent > a { background: rgba(0,0,0,0.15); color: #fff; }
  652.  
  653. }
  654.  
  655. /* header : nav header
  656. /* ———————————— */
  657. #nav-header.nav-container { background: transparent; z-index: 97;
  658. -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 -1px 0 rgba(0,0,0,0.2), inset 1px 0 0 rgba(0,0,0,0.2), inset -1px 0 0 rgba(0,0,0,0.2);
  659. box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 -1px 0 rgba(0,0,0,0.2), inset 1px 0 0 rgba(0,0,0,0.2), inset -1px 0 0 rgba(0,0,0,0.2); }
  660. #nav-header .container { padding: 0 15px; }
  661. #nav-header .nav-toggle { background: transparent; color: #fff;
  662. -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,0.05), -1px 0 0 rgba(0,0,0,0.2);
  663. box-shadow: inset 1px 0 0 rgba(255,255,255,0.05), -1px 0 0 rgba(0,0,0,0.2); }
  664. #nav-header .nav-text { color: #fff; color: rgba(255,255,255,0.7); }
  665.  
  666. @media only screen and (min-width: 720px) {
  667.  
  668. /* common */
  669. #nav-header .nav { }
  670. #nav-header .nav li a { color: #fff; color: rgba(255,255,255,0.7); }
  671. /* level 1 */
  672. #nav-header .nav > li { border-right: none; }
  673. #nav-header .nav > li > a:hover,
  674. #nav-header .nav > li:hover > a { background: rgba(0,0,0,0.1); }
  675. #nav-header .nav li > a:hover,
  676. #nav-header .nav li:hover > a,
  677. #nav-header .nav li.current_page_item > a,
  678. #nav-header .nav li.current-menu-item > a,
  679. #nav-header .nav li.current-menu-ancestor > a,
  680. #nav-header .nav li.current-post-parent > a { color: #fff; }
  681. /* level 2 & 3 */
  682. #nav-header .nav ul { background: #33363b url(../img/opacity-10.png) repeat; }
  683. #nav-header .nav ul li { box-shadow: 0 1px 0 rgba(255,255,255,0.06); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.06); }
  684. #nav-header .nav ul li:last-child { box-shadow: none; -webkit-box-shadow: none; }
  685.  
  686. }
  687. @media only screen and (max-width: 719px) {
  688.  
  689. /* common */
  690. #nav-header.nav-container { border-left: 0; border-right: 0; }
  691. #nav-header .container { padding: 0; }
  692. #nav-header .nav { padding-bottom: 20px; }
  693. #nav-header .nav li a { color: #fff; color: rgba(255,255,255,0.8); border-top: 1px solid rgba(255,255,255,0.06); }
  694. /* level 1 */
  695. #nav-header .nav li > a:hover { background: rgba(0,0,0,0.15); color: #fff; }
  696. #nav-header .nav li.current_page_item > a,
  697. #nav-header .nav li.current-menu-item > a,
  698. #nav-header .nav li.current-post-parent > a { background: rgba(0,0,0,0.15); color: #fff; }
  699.  
  700. }
  701.  
  702. /* ————————————————————————- *
  703. * Section: Page
  704. /* ————————————————————————- */
  705. #page { padding-bottom: 60px; margin-top: -60px; }
  706. #page .container-inner { background: #fff;
  707. -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
  708. box-shadow: 0 1px 1px rgba(0,0,0,0.1); }
  709.  
  710. /* ————————————————————————- *
  711. * Section: Footer
  712. /* ————————————————————————- */
  713. #footer { background: #fff; color: #777; width: 100%; }
  714. #footer a { color: #777; }
  715. #footer a:hover { color: #ccc; }
  716. #footer .pad { padding-bottom: 30px; }
  717.  
  718. #footer-full-width-widget { text-align: center; padding: 10px 0; border-bottom: 1px solid #eee; }
  719.  
  720. /*#footer #footer-full-width-widget .widget { padding-bottom: 0; font-size: 0; line-height: 0; }
  721. #footer-full-width-widget h3 { display: none; }*/
  722.  
  723. #footer-widgets{
  724. padding-top: 20px;
  725. }
  726. [class*=footer-widget-] {
  727. min-height: 1px;
  728. }
  729.  
  730. #footer-bottom { background: #33363b; }
  731. #footer-bottom .pad { padding-top: 30px; }
  732. #footer-bottom a { color: #fff; color: rgba(255,255,255,0.7); }
  733. #footer-bottom a:hover { color: #fff; }
  734. #footer-bottom #footer-logo { display: block; margin-bottom: 20px; max-height: 50px; -webkit-border-radius: 0; border-radius: 0; }
  735. #footer-bottom #copyright,
  736. #footer-bottom #credit { color: #fff; color: rgba(255,255,255,0.5); font-size: 15px; line-height: 1.5em; }
  737. #footer-bottom #back-to-top { background: #eaeaea; color: #777; overflow: hidden; text-align: center; width: 60px; height: 30px; display: block; margin: 0 auto; margin: 0 auto -30px;
  738. -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px;
  739. -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.05);
  740. box-shadow: inset 0 1px 0 rgba(0,0,0,0.05); }
  741. #footer-bottom #back-to-top i { font-size: 38px; position: relative; top: -7px; }
  742. #footer-bottom #back-to-top:hover { color: #444; }
  743. #footer-bottom .social-links { padding-top: 10px; }
  744. #footer-bottom .social-links a { color: rgba(255,255,255,0.6); }
  745. #footer-bottom .social-links a:hover { color: #fff; }
  746. #footer-bottom .social-links .social-tooltip { font-size: 28px; }
  747.  
  748. /* footer : nav
  749. /* ———————————— */
  750. #nav-footer.nav-container { background: #fff; border-top: 1px solid #eee; }
  751. #nav-footer .nav-toggle { background: transparent; color: #444; border-left: 1px solid #eee; }
  752.  
  753. @media only screen and (min-width: 720px) {
  754.  
  755. /* common */
  756. #nav-footer .nav { text-align: center; }
  757. #nav-footer .nav li a { color: #999; }
  758. /* level 1 */
  759. #nav-footer .nav > li > a { padding: 12px 18px; }
  760. #nav-footer .nav > li { border-right: 0; }
  761. #nav-footer .nav > li:first-child { border-left: 0; }
  762. #nav-footer .nav > li > a:hover,
  763. #nav-footer .nav > li:hover > a { background: #f0f0f0; }
  764. #nav-footer .nav li > a:hover,
  765. #nav-footer .nav li:hover > a,
  766. #nav-footer .nav li.current_page_item > a,
  767. #nav-footer .nav li.current-menu-item > a,
  768. #nav-footer .nav li.current-menu-ancestor > a,
  769. #nav-footer .nav li.current-post-parent > a { color: #666; }
  770. /* level 2 & 3 */
  771. #nav-footer .nav ul { background: #f0f0f0; bottom: 44px; top: auto; text-align: left;
  772. -webkit-box-shadow: 0 -2px 2px rgba(0,0,0,0.05);
  773. box-shadow: 0 -2px 2px rgba(0,0,0,0.05); }
  774. #nav-footer .nav ul li { border-bottom: 1px solid #e4e4e4; }
  775. #nav-footer .nav ul ul { top: -10px; }
  776. /* level 3 */
  777. #nav-footer .nav ul ul { position: absolute; top: auto; bottom: -10px; }
  778.  
  779. }
  780. @media only screen and (max-width: 719px) {
  781.  
  782. /* common */
  783. #nav-footer .nav li a { color: #999; color: rgba(0,0,0,0.8); border-top: 1px solid #f2f2f2; }
  784. /* level 1 */
  785. #nav-footer .nav li > a:hover { background: #f2f2f2; color: #444; }
  786. #nav-footer .nav li.current_page_item > a,
  787. #nav-footer .nav li.current-menu-item > a,
  788. #nav-footer .nav li.current-post-parent > a { background: #f2f2f2; color: #444; }
  789.  
  790. }
  791.  
  792. /* ————————————————————————- *
  793. * Post Entry
  794. /* ————————————————————————- */
  795. .content .post,
  796. .content .page { position: relative; overflow: hidden; }
  797.  
  798. .blog .post,
  799. .single .post,
  800. .archive .post,
  801. .search .post,
  802. .search .page { margin-bottom: 40px; }
  803.  
  804. .sticky {}
  805.  
  806. /* post : search
  807. /* ———————————— */
  808. .search .page.type-page .post-thumbnail,
  809. .search .page.type-page .post-meta { display: none; }
  810.  
  811. /* post : featured
  812. /* ———————————— */
  813. #flexslider-featured .flex-direction-nav { position: absolute; top: -50px; left: auto; right: 0; }
  814. #flexslider-featured .flex-direction-nav li { float: left; margin-left: 3px; }
  815. #flexslider-featured .flex-direction-nav li:first-child { float: left; }
  816. #flexslider-featured .flex-direction-nav li:last-child { float: right; }
  817. #flexslider-featured .flex-direction-nav a { background: #fff; color: #bbb; font-size: 24px; line-height: 24px; position: relative; width: 34px; height: 36px; margin: 0 0 0; display: block; text-align: center; cursor: pointer; text-indent: -999px; overflow: hidden; opacity: 1;
  818. -webkit-border-radius: 0; border-radius: 0;
  819. -webkit-box-shadow: none; box-shadow: none;
  820. -webkit-transition: all .3s ease; transition: all .3s ease; }
  821. #flexslider-featured .flex-direction-nav a:before { font-family: FontAwesome; line-height: 24px; position: absolute; text-align: center; left: 0; right: 0; top: 8px; text-indent: 0; }
  822. #flexslider-featured .flex-direction-nav .flex-next:before { content:”\f054″; }
  823. #flexslider-featured .flex-direction-nav .flex-prev:before { content: “\f053″; }
  824. #flexslider-featured .flex-direction-nav .flex-next:hover,
  825. #flexslider-featured .flex-direction-nav .flex-prev:hover { opacity: 1; color: #3b8dbd; }
  826.  
  827. #flexslider-featured .flex-control-nav { position: absolute; top: -15px; bottom: auto; }
  828. #flexslider-featured .flex-control-nav li { margin: 0; padding: 0; margin-right: 2px; float: left; }
  829. #flexslider-featured .flex-control-nav li a { background: #ddd; width: 20px; height: 2px; text-indent: -999px; overflow: hidden;
  830. -webkit-border-radius: 0; border-radius: 0;
  831. -webkit-box-shadow: none; box-shadow: none; }
  832. #flexslider-featured .flex-control-nav li a:hover { background: #ccc; }
  833. #flexslider-featured .flex-control-nav li a.flex-active { background: #3b8dbd; }
  834.  
  835. .featured,
  836. .featured.flexslider { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #eee; }
  837. .featured .post { margin-bottom: 0; }
  838. .featured .post-title { font-size: 34px; letter-spacing: -0.7px; line-height: 1.4em; }
  839.  
  840. /* post : custom loop
  841. /* ———————————— */
  842. .post-list { margin-right: -30px; }
  843. .post-list .post-row { margin-left: -30px; padding-left: 30px; float: left; width: 100%; border-bottom: 1px solid #eee; margin-bottom: 30px; position: relative; }
  844. .post-list .post-row:last-child { border: none; margin-bottom: 0; }
  845. .post-list .post,
  846. .post-list .page { width: 50%; float: left; }
  847. .post-list .post-inner { margin-right: 30px; }
  848. .post-hover:hover .post-thumbnail { opacity: 0.75; }
  849. .post-hover:hover .post-title a { color: #3b8dbd; }
  850. .post-hover:hover .thumb-icon { background: #fff; color: #111; }
  851.  
  852. .post-thumbnail { width: 100%; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }
  853. .post-thumbnail { position: relative; margin-bottom: 1em; }
  854. .post-thumbnail img { display: block; width: 100%; height: auto; }
  855.  
  856. .post-comments { background: #82b965; font-size: 12px; line-height: 20px; color: #fff; display: block; position: absolute; top: 10px; right: 0;
  857. -webkit-box-shadow: inset -1px 0 1px rgba(0,0,0,0.2);
  858. box-shadow: inset -1px 0 1px rgba(0,0,0,0.2); }
  859. .post-comments > span { display: block; position: relative; padding: 2px 7px; }
  860. .post-comments > span:before { content:”; display: inline-block; border-left: 9px solid transparent; border-right: 9px solid #82b965; border-top: 9px solid transparent; border-bottom: 9px solid transparent; position: absolute; top: 3px; left: -16px; }
  861. .post-comments i { margin-right: 3px; }
  862. .post-comments:hover { color: #fff!important; padding-right: 4px; }
  863.  
  864. .post-meta { text-transform: uppercase; font-size: 14px; font-weight: 400; color: #bbb; margin-bottom: 0.3em; }
  865. .post-meta .post-category { float: left; margin-right: 6px; }
  866. .post-meta .post-date { float: left; }
  867.  
  868. .post-title { color: #444; font-weight: normal; margin-bottom: 10px; font-size: 22px; font-weight: 400; line-height: 1.5em; -ms-word-wrap: break-word; word-wrap: break-word; }
  869. .post-title strong { font-weight: 600; }
  870. .post-title i { font-style: italic; }
  871. .post-title a { color: #444; }
  872. .post-title a:hover { color: #3b8dbd; }
  873.  
  874. .entry.excerpt { font-size: 16px; color: #aaa; }
  875. .entry.excerpt p { margin-bottom: 0; }
  876.  
  877. /* post : standard loop
  878. /* ———————————— */
  879. .blog .post-standard,
  880. .single .post-standard,
  881. .archive .post-standard,
  882. .search .post-standard { margin-bottom: 20px; }
  883. .page.post-standard .post-inner { padding-left: 0; }
  884. .page.post-standard .post-thumbnail { display: none; }
  885.  
  886. .post-standard .post-inner { padding-left: 230px; padding-bottom: 20px; float: left; border-bottom: 1px solid #eee; }
  887. .post-standard .post-thumbnail { margin-left: -230px; max-width: 200px; margin-bottom: 0; float: left; }
  888. .post-standard .post-content { float: left; }
  889.  
  890. /* ————————————————————————- *
  891. * Single
  892. /* ————————————————————————- */
  893. .single .post-title { font-size: 38px; letter-spacing: -1px; line-height: 1.3em; }
  894. .single .post-inner .post-thumbnail { margin-bottom: 2em; }
  895. .post-byline { font-size: 14px; font-weight: 400; color: #aaa; text-transform: uppercase; margin-bottom: 1em; }
  896.  
  897. .entry.share { padding-right: 100px; min-height: 354px; /* share buttons height */ position: relative; }
  898. .entry.share .entry-inner { float: left; width: 100%; }
  899.  
  900. /* single : sharrre
  901. /* ———————————— */
  902. .sharrre-container { float: right; width: 50px; padding: 0 10px; margin-right: -100px;
  903. -webkit-border-radius: 4px; border-radius: 4px; }
  904. .sharrre-container span { color: #aaa; display: block; text-align: center; text-transform: uppercase; font-size: 11px; }
  905. .sharrre { padding: 10px 0 0; }
  906. .sharrre .box { width: 50px; display: block; }
  907. .sharrre .count { background: #eee; color: #333; display: block; font-size: 15px; font-weight: 600; line-height: 30px; position: relative; text-align: center;
  908. -webkit-border-radius: 4px; border-radius: 4px; }
  909. .sharrre .count:after { content:”; display: block; position: absolute; left: 49%; width: 0; height: 0; border: solid 6px transparent; border-top-color: #eee; margin-left: -6px; bottom: -12px; }
  910. .sharrre .share { display: block; font-size: 28px; font-weight: 600; line-height: 32px; margin-top: 12px; padding: 0; text-align: center; text-decoration: none; }
  911. .sharrre .box .share,
  912. .sharrre .box .count { -webkit-transition: all .3s ease; transition: all .3s ease; }
  913. .sharrre .box:hover .share,
  914. .sharrre .box:hover .count { color: #444!important; }
  915. .sharrre#twitter .share,
  916. .sharrre#twitter .box .count { color: #00acee; }
  917. .sharrre#facebook .share,
  918. .sharrre#facebook .box .count { color: #3b5999; }
  919. .sharrre#googleplus .share,
  920. .sharrre#googleplus .box .count { color: #cd483c; }
  921. .sharrre#pinterest .share,
  922. .sharrre#pinterest .box .count { color: #ca2128; }
  923.  
  924. /* single : post pages
  925. /* ———————————— */
  926. .post-pages { font-weight: 600; margin-bottom: 20px; }
  927.  
  928. /* single : tags
  929. /* ———————————— */
  930. .post-tags { margin-bottom: 40px; }
  931. .post-tags span { font-size: 14px; color: #999; display: inline-block; margin: 0 7px 0 0; }
  932. .post-tags a { background: #f2f2f2; display: inline-block; line-height: 16px; white-space: nowrap; font-size: 12px; color: #999; padding: 3px 7px; margin: 0 5px 2px 0;
  933. -webkit-border-radius: 2px; border-radius: 2px; }
  934. .post-tags a:hover { background-color: #3b8dbd; color: #fff; }
  935.  
  936. /* single : author bio
  937. /* ———————————— */
  938. .author-bio { border: 2px solid #eee; position: relative; padding: 15px 15px 10px 95px; color: #888; margin-bottom: 40px; }
  939. .author-bio:before { content:”; display: inline-block; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #eee; position: absolute; top: -8px; left: 13px; }
  940. .author-bio:after { content:”; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; position: absolute; top: -5px; left: 15px; }
  941. .author-bio .bio-avatar { float: left; margin: 0 0 8px -80px; width: 64px; height: auto; position: relative; }
  942. .author-bio .bio-avatar:after { background: #3b8dbd; position: absolute; right: 0; bottom: 0; padding: 4px 4px; content: “\f040”; color: #fff; font-size: 12px; line-height: 12px; width: 12px; font-style: normal; font-family: FontAwesome; text-align: center; -webkit-border-radius: 3px; border-radius: 3px; }
  943. .author-bio .bio-avatar img { display: block; width: 100%; height: auto; -webkit-border-radius: 3px; border-radius: 3px; }
  944. .author-bio p { margin-bottom: 8px; }
  945. .author-bio .bio-name { color: #444; font-weight: 600; margin-bottom: 4px; }
  946. .author-bio .bio-desc { color: #888; font-size: 15px; line-height: 1.5em; }
  947.  
  948. /* single : related posts
  949. /* ———————————— */
  950. .related-posts { border-bottom: 2px solid #eee; margin-bottom: 40px; }
  951. .related-posts li { width: 33.3%; float: left; display: inline; }
  952. .related-posts .post { border-right: 1px solid transparent; margin-bottom: 0; padding-bottom: 10px; }
  953. .related-posts li:nth-child(4) article { display: none; }
  954. .related-posts li:nth-child(3) article { border-right-color: transparent; }
  955. .related-posts .related-inner { padding: 0 20px 0 0; }
  956. .single .related-posts .post-title { margin-bottom: 10px; font-size: 17px; font-weight: 300; line-height: 1.5em; letter-spacing: 0; display: block; }
  957.  
  958. /* single : post-nav
  959. /* ———————————— */
  960. .post-nav li { width: 100%; display: inline; float: left; text-align: center; }
  961. .post-nav li a { position: relative; min-height: 73px; display: block; padding: 16px 40px 24px; }
  962. .post-nav li i { color: #ccc; font-size: 18px; position: absolute; top: 50%; margin-top: -10px; }
  963. .post-nav li a strong { display: block; font-size: 12px; color: #aaa; letter-spacing: 0.5px; font-weight: normal; text-transform: uppercase; }
  964. .post-nav li a span { font-size: 15px; color: #666; }
  965. .post-nav li a:hover span { color: #444; }
  966. .post-nav li.previous i { left: 10px; }
  967. .post-nav li.next i { right: 10px; }
  968. .post-nav li a span,
  969. .post-nav li a i {
  970. -webkit-transition: all 0.2s ease-out;
  971. -moz-transition: all 0.2s ease-out;
  972. -o-transition: all 0.2s ease-out;
  973. transition: all 0.2s ease-out; }
  974.  
  975. /* sidebar-specific */
  976. .sidebar .post-nav li a { border-top: 1px solid #eee; border-bottom: 1px solid #ddd; }
  977. .sidebar .post-nav li a:hover { background: #ebebeb; background: rgba(0,0,0,0.02); }
  978. .sidebar .post-nav li.previous a,
  979. .sidebar .post-nav li.next a { border-bottom: 1px solid #ddd; }
  980. .s1 .post-nav li a:hover i { color: #3b8dbd; }
  981. .s2 .post-nav li a:hover i { color: #82b965; }
  982.  
  983. /* content-specific */
  984. .content .post-nav { border-top: 2px solid #eee; border-bottom: 2px solid #eee; margin-bottom: 40px; }
  985. .content .post-nav li { width: 50%; }
  986. .content .post-nav li.next { float: right; -webkit-box-shadow: -1px 0 0 #eee, inset 1px 0 0 #eee; box-shadow: -1px 0 0 #eee, inset 1px 0 0 #eee; }
  987. .content .post-nav li.next a { padding-left: 24px; }
  988. .content .post-nav li.previous { float: left; -webkit-box-shadow: 1px 0 0 #eee, inset -1px 0 0 #eee; box-shadow: 1px 0 0 #eee, inset -1px 0 0 #eee; }
  989. .content .post-nav li.previous a { padding-right: 24px; }
  990. .content .post-nav li a:hover i { color: #3b8dbd; }
  991.  
  992. /* External Links style */
  993. a + span.hu-external:after {
  994. content: “\f08e”;
  995. color: #3b8dbd;
  996. font-size: 0.8em;
  997. line-height: 0;
  998. padding-left: 0;
  999. text-decoration: none!important;
  1000. top: .1em;
  1001. left: .3em;
  1002. margin-right:.2em;
  1003. position: relative;
  1004. font-family: ‘FontAwesome’;
  1005. speak: none;
  1006. font-weight: normal;
  1007. font-variant: normal;
  1008. text-transform: none;
  1009. font-style: normal;
  1010. line-height: 1;
  1011. -webkit-font-smoothing: antialiased;
  1012. -moz-osx-font-smoothing: grayscale;
  1013. }
  1014.  
  1015. /* ————————————————————————- *
  1016. * Post Formats
  1017. /* ————————————————————————- */
  1018.  
  1019. /* post format : common
  1020. /* ———————————— */
  1021. .post-format { position: relative; margin-bottom: 2em; }
  1022. .post-format p { margin-bottom: 1em; }
  1023. .post-format .format-container { background: #f1f1f1; padding-bottom: 10px; border-left: 3px solid #3b8dbd; }
  1024. .post-format .format-container .fa,
  1025. .post-format .format-container .fa { color: #ccc; font-size: 36px; float: right; margin: 0 0 20px 20px; }
  1026.  
  1027. /* post format : image
  1028. /* ———————————— */
  1029. .format-image { }
  1030.  
  1031. /* post format : video
  1032. /* ———————————— */
  1033. .format-video { }
  1034.  
  1035. /* post format : quote
  1036. /* ———————————— */
  1037. .format-quote .post-format { }
  1038. .format-quote .post-format blockquote { font-size: 22px; font-weight: 400; line-height: 1.4em; font-style: italic; }
  1039. .format-quote .post-format .quote-author { font-style: italic; }
  1040.  
  1041. /* post format : link
  1042. /* ———————————— */
  1043. .format-link .post-format p { font-size: 22px; font-weight: 400; line-height: 1.4em; font-style: italic; }
  1044.  
  1045. /* post format : chat
  1046. /* ———————————— */
  1047. .format-chat .post-format p { font-style: italic; }
  1048.  
  1049. /* post format : status
  1050. /* ———————————— */
  1051. .format-status .post-title { display: none; }
  1052. .single .format-status .entry { font-size: 24px; line-height: 1.4em; }
  1053.  
  1054. /* post format : aside
  1055. /* ———————————— */
  1056. .format-aside .post-title { display: none; }
  1057.  
  1058. /* post format : gallery
  1059. /* ———————————— */
  1060. .format-gallery .post-format .flexslider { overflow: visible; padding-bottom: 30px; margin-bottom: -20px; }
  1061. .format-gallery .post-format .flexslider .slides { background: #262626; overflow: hidden; position: relative; }
  1062. .format-gallery .post-format .flexslider .slides img { max-height: 405px; width: auto; max-width: 100%; -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.6); box-shadow: 0 0 30px rgba(0,0,0,0.6); }
  1063. .format-gallery .post-format .flexslider .flex-control-nav { bottom: 1px; }
  1064. .format-gallery .post-format .flex-direction-nav a:before { color: #fff; }
  1065.  
  1066. /* post format : audio
  1067. /* ———————————— */
  1068. .format-audio .post-format a,
  1069. .format-audio .post-format i { font-size: 16px; line-height: 22px; }
  1070. #page .format-audio .post-format img {
  1071. -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0;
  1072. border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
  1073.  
  1074. /* jplayer */
  1075. .jp-interface { background-color: #444; }
  1076. .jp-play-bar,
  1077. .jp-volume-bar-value { background-color: #82b965; }
  1078. .jp-progress { background-color: #262626; }
  1079. .jp-volume-bar { border: 1px solid #262626; }
  1080. .jp-seek-bar,
  1081. .jp-volume-bar { background-color: #383838; }
  1082. .jp-interface a { color: #bbb; text-shadow: 0 -1px 0 rgba(0,0,0,0.6); }
  1083. .jp-interface a:hover { color: #eee; }
  1084. .jp-progress-container,
  1085. .jp-volume-bar-container { border-left: 1px solid #333; }
  1086. .jp-audio,
  1087. .jp-interface,
  1088. .jp-progress,
  1089. .jp-seek-bar { width: 100%; min-width: 100%; }
  1090. .jp-interface { position: relative; overflow: hidden;
  1091. -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.06), inset 0 -1px 0 rgba(0,0,0,0.3);
  1092. box-shadow: inset 0 1px 0 rgba(255,255,255,0.06), inset 0 -1px 0 rgba(0,0,0,0.3); }
  1093. .jp-interface .jp-controls { list-style-type: none; padding: 0; margin: 0; }
  1094. .jp-interface .jp-controls li { display: inline; }
  1095. .jp-interface .jp-controls a { position: absolute; }
  1096. .jp-interface .jp-controls a i { display: block; }
  1097. .jp-play, .jp-pause { width: 25px; height: 30px; z-index: 1; outline: none; margin: 12px 0 0 9px;}
  1098. .jp-play, .jp-pause { top: 0; left: 0; }
  1099. .jp-progress-container { margin-left: 34px; margin-right: 84px; height: 6px; padding: 20px 10px; }
  1100. .jp-progress { overflow: hidden; }
  1101. .jp-progress { height: 5px; padding: 1px;
  1102. -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.06);
  1103. box-shadow: 0 1px 0 rgba(255,255,255,0.06); }
  1104. .jp-seek-bar { width: 0px; height: 5px; cursor: pointer; -webkit-border-radius: 1px; border-radius: 1px; }
  1105. .jp-play-bar { width: 0px; height: 5px; -webkit-border-radius: 1px; border-radius: 1px;
  1106. -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
  1107. box-shadow: inset 0 1px 0 rgba(255,255,255,0.25); }
  1108. .jp-volume-bar-container { width: 40px; height: 6px; padding: 20px 10px 20px 33px; position: absolute; top: 0; right: 0; }
  1109. .jp-volume-bar { position: relative; overflow: hidden; width: 38px; height: 5px; cursor: pointer; -webkit-border-radius: 1px; border-radius: 1px;
  1110. -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.06);
  1111. box-shadow: 0 1px 0 rgba(255,255,255,0.06); }
  1112. .jp-volume-bar { top: 0; left: 0; }
  1113. .jp-volume-bar-value { width: 0px; height: 5px; -webkit-border-radius: 1px; border-radius: 1px;
  1114. -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
  1115. box-shadow: inset 0 1px 0 rgba(255,255,255,0.25); }
  1116. .jp-mute, .jp-unmute { width: 17px; z-index: 1; outline: none; margin-top: 10px; }
  1117. .jp-mute, .jp-unmute { top: 2px; right: 58px; }
  1118. .jp-unmute { display: none; }
  1119. .jp-jplayer { width:0px; height:0px; }
  1120.  
  1121. /* ————————————————————————- *
  1122. * Widgets
  1123. /* ————————————————————————- */
  1124. /* Placeholder */
  1125.  
  1126. .hu-placeholder-widget {
  1127. background: white;
  1128. padding: 7%;
  1129. text-align: center;
  1130. border: 3px dotted #82b965;
  1131. font-size: 14px;
  1132. }
  1133. .hu-placeholder-widget .zone-name {
  1134. font-size: 19px;
  1135. }
  1136.  
  1137. .widget { color: #777; font-size: 15px; overflow: hidden; }
  1138. .widget a { color: #777; }
  1139. .widget a:hover { color: #444; }
  1140. .widget > h3 { font-size: 15px; font-weight: 400; text-transform: uppercase; margin-bottom: 6px; }
  1141. .widget > h3 a,
  1142. .widget > h3 a:hover { color: #444; }
  1143. .widget > h3 a img { display: none; float: left; margin: 3px 7px 0 0; }
  1144. .widget select { border: 1px solid #ddd; color: #777; font-size: 15px; padding: 7px; width: 100%; max-width: 100%; }
  1145. #footer .widget select { border-color: #eee; }
  1146.  
  1147. .sidebar .widget { padding: 30px 30px 20px; }
  1148. #footer .widget { padding-bottom: 30px; }
  1149. #footer .widget a:hover { color: #666; }
  1150.  
  1151. /* widgets : icons
  1152. /* ———————————— */
  1153. .widget > ul li:before,
  1154. .widget > ul li a:before,
  1155. .widget > div > ul li a:before,
  1156. .widget_calendar caption:before { font-family: FontAwesome; font-size: 12px; margin-right: 6px; color: #ccc; display: inline-block!important; width: 1em; text-align: center; }
  1157. .widget > ul li a:hover:before { color: #999; }
  1158.  
  1159. .widget_archive > ul > li a:before { content: “\f073”; }
  1160. .widget_categories > ul > li a:before { content: “\f07c”; }
  1161. .widget_links > ul > li a:before { content: “\f08e”; }
  1162. .widget_meta > ul > li a:before { content: “\f0da”; }
  1163. .widget_recent_comments > ul > li:before { content: “\f075”; }
  1164. .widget_recent_entries > ul > li a:before { content: “\f017”; }
  1165. .widget_calendar caption:before { content: “\f073”; }
  1166. .widget_pages ul li a:before,
  1167. .widget_nav_menu ul li a:before { content: “\f068”; }
  1168.  
  1169. /* widgets : common
  1170. /* ———————————— */
  1171. .widget_search > h3,
  1172. .widget_text > h3,
  1173. .widget_tag_cloud > h3,
  1174. .widget_calendar > h3 { margin-bottom: 1em; }
  1175.  
  1176. .widget_archive ul li,
  1177. .widget_categories ul li,
  1178. .widget_links ul li,
  1179. .widget_meta ul li,
  1180. .widget_recent_comments ul li,
  1181. .widget_recent_entries ul li,
  1182. .widget_rss ul li,
  1183. .widget_pages ul li a,
  1184. .widget_nav_menu ul li a,
  1185. .alx-tab li,
  1186. .alx-posts li { padding: 10px 0; border-bottom: 1px solid #e4e4e4; }
  1187.  
  1188. #footer .widget_archive ul li,
  1189. #footer .widget_categories ul li,
  1190. #footer .widget_links ul li,
  1191. #footer .widget_meta ul li,
  1192. #footer .widget_recent_comments ul li,
  1193. #footer .widget_recent_entries ul li,
  1194. #footer .widget_rss ul li,
  1195. #footer .widget_pages ul li a,
  1196. #footer .widget_nav_menu ul li a,
  1197. #footer .alx-tab li,
  1198. #footer .alx-posts li,
  1199. #footer .widget_calendar th,
  1200. #footer .widget_calendar td { border-color: #f2f2f2; }
  1201.  
  1202. .widget_archive ul li,
  1203. .widget_categories ul li,
  1204. .widget_links ul li { color: #bbb; }
  1205.  
  1206. .widget_recent_comments ul li,
  1207. .widget_recent_entries ul li { color: #999; }
  1208. .widget_recent_entries .post-date { display: block; }
  1209.  
  1210. /* widget : pages / custom menu
  1211. /* ———————————— */
  1212. .widget_pages ul li a,
  1213. .widget_nav_menu ul li a { display: block; }
  1214. .widget_pages li li a,
  1215. .widget_nav_menu li li a { padding-left: 15px; }
  1216. .widget_pages li li li a,
  1217. .widget_nav_menu li li li a { padding-left: 30px; }
  1218. .widget_pages ul ul,
  1219. .widget_pages ul ul ul,
  1220. .widget_nav_menu ul ul,
  1221. .widget_nav_menu ul ul ul { border: 0; }
  1222.  
  1223. /* widget : rss
  1224. /* ———————————— */
  1225. .widget_rss ul li a { display: block; }
  1226. .widget_rss ul li span.rss-date { color: #444; font-weight: 600; display: block; text-transform: uppercase; font-size: 12px; }
  1227. .widget_rss ul li cite { color: #999; }
  1228.  
  1229. .s1 .widget_rss ul li a,
  1230. #footer .widget_rss ul li a { color: #3b8dbd; }
  1231. .s2 .widget_rss ul li a { color: #82b965; }
  1232.  
  1233. /* widget : search
  1234. /* ———————————— */
  1235. .widget_search input.search { color: #999; padding-left: 26px; width: 100%; }
  1236. .widget_search .screen-reader-text,
  1237. .widget_search #searchsubmit { display: none; }
  1238.  
  1239. /* widget : text
  1240. /* ———————————— */
  1241. .widget_text .textwidget p { margin-bottom: 1em; }
  1242.  
  1243. /* widget : calendar
  1244. /* ———————————— */
  1245. .widget_calendar a { font-weight: 600; }
  1246. .widget_calendar a:hover { color: #444!important; }
  1247. .widget_calendar #wp-calendar { width: 100%; }
  1248. .widget_calendar caption { color: #fff; padding: 5px 10px; }
  1249. .widget_calendar caption:before { color: #fff; color: rgba(255,255,255,0.7); font-size: 15px; }
  1250. .widget_calendar thead { background: #e2e2e2; -webkit-box-shadow: 0 1px 0 #ddd; box-shadow: inset 0 -1px 0 #ddd; }
  1251. #footer .widget_calendar thead { background: #f2f2f2; }
  1252. .widget_calendar th { font-weight: 600; }
  1253. .widget_calendar th,
  1254. .widget_calendar td { padding: 3px 0; text-align: center; border: 1px solid #e2e2e2; }
  1255. .widget_calendar .pad { padding: 0!important; }
  1256.  
  1257. .s1 .widget_calendar a,
  1258. #footer .widget_calendar a { color: #3b8dbd; }
  1259. .s1 .widget_calendar caption,
  1260. #footer .widget_calendar caption{ background: #3b8dbd; }
  1261. .s2 .widget_calendar a { color: #82b965; }
  1262. .s2 .widget_calendar caption { background: #82b965; }
  1263.  
  1264. /* custom widget : alxtabs / alxposts
  1265. /* ———————————— */
  1266. .alx-tabs-nav { border-bottom: 3px solid #ddd; margin-bottom: 10px; text-align: center; }
  1267. .alx-tabs-nav.tab-count-1 li { width: 100%; }
  1268. .alx-tabs-nav.tab-count-2 li { width: 50%; }
  1269. .alx-tabs-nav.tab-count-3 li { width: 33.333%; }
  1270. .alx-tabs-nav.tab-count-4 li { width: 25%; }
  1271. .alx-tabs-nav li { display: block; float: left; }
  1272. .alx-tabs-nav li a { font-size: 18px; display: block; padding: 8px 0; margin-bottom: -3px; border-bottom: 3px solid transparent; }
  1273. .alx-tabs-nav li a:hover { border-bottom-color: #ccc; }
  1274. .alx-tabs-nav li.active a,
  1275. #footer .alx-tabs-nav li.active a { color: #444; /* background: linear-gradient(to bottom, rgba(255,255,255,0.0) 0%, #fff 100%) 0 0 rgba(0,0,0, 0); */ }
  1276. .alx-tabs-nav li a span { display: none; }
  1277. #footer .alx-tabs-nav { border-bottom-color: #eee; }
  1278. #footer .alx-tabs-nav li a:hover { border-bottom-color: #ddd; }
  1279.  
  1280. .s1 .alx-tabs-nav li.active a,
  1281. #footer .alx-tabs-nav li.active a { border-bottom-color: #3b8dbd; }
  1282. .s2 .alx-tabs-nav li.active a { border-bottom-color: #82b965; }
  1283.  
  1284. .alx-tab li,
  1285. .alx-posts li { font-weight: 400; line-height: 1.4em; overflow: hidden; }
  1286. .alx-tab a,
  1287. .alx-posts a { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; }
  1288. .alx-tab img,
  1289. .alx-posts img { display: block; width: 100%; height: auto; }
  1290. .alx-tab.thumbs-enabled li{ padding-left: 94px; }
  1291. .alx-tab .tab-item-thumbnail { width: 80px; margin-left: -94px; float: left; }
  1292. .alx-tab .tab-item-thumbnail,
  1293. .alx-posts .post-item-thumbnail { position: relative; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }
  1294. .alx-tab.avatars-enabled li{ padding-left: 62px; }
  1295. .alx-tab .tab-item-avatar { margin-left: -62px; width: 48px; float: left; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }
  1296. .alx-tab .tab-item-category,
  1297. .alx-posts .post-item-category { color: #aaa; text-transform: uppercase; font-size: 13px; }
  1298. .alx-tab .tab-item-title a,
  1299. .alx-tab .tab-item-comment a,
  1300. .alx-posts .post-item-title a { color: #444; }
  1301. .alx-tab .tab-item-category a:hover,
  1302. .alx-posts .post-item-category a:hover { color: #444!important; }
  1303. .alx-tab .tab-item-title,
  1304. .alx-tab .tab-item-comment,
  1305. .alx-posts .post-item-title { margin: 2px 0; -ms-word-wrap: break-word; word-wrap: break-word; }
  1306. .alx-tab .tab-item-date,
  1307. .alx-tab .tab-item-name,
  1308. .alx-posts .post-item-date { text-transform: uppercase; color: #aaa; font-size: 13px; }
  1309. .alx-tab .thumb-icon.small { bottom: 8px; left: 8px; }
  1310. .alx-tab li:hover .tab-item-thumbnail,
  1311. .alx-tab li:hover .tab-item-avatar,
  1312. .alx-posts li:hover .post-item-thumbnail { opacity: 0.75; }
  1313. .alx-tab li:hover .thumb-icon,
  1314. .alx-posts li:hover .thumb-icon { background: #fff; color: #111; }
  1315.  
  1316. .s1 .alx-tab .tab-item-category a,
  1317. .s1 .alx-posts .post-item-category a,
  1318. .s1 .alx-tab li:hover .tab-item-title a,
  1319. .s1 .alx-tab li:hover .tab-item-comment a,
  1320. .s1 .alx-posts li:hover .post-item-title a,
  1321. #footer .alx-tab .tab-item-category a,
  1322. #footer .alx-posts .post-item-category a,
  1323. #footer .alx-tab li:hover .tab-item-title a,
  1324. #footer .alx-tab li:hover .tab-item-comment a,
  1325. #footer .alx-posts li:hover .post-item-title a { color: #3b8dbd; }
  1326. .s2 .alx-tab .tab-item-category a,
  1327. .s2 .alx-posts .post-item-category a,
  1328. .s2 .alx-tab li:hover .tab-item-title a,
  1329. .s2 .alx-tab li:hover .tab-item-comment a,
  1330. .s2 .alx-posts li:hover .post-item-title a { color: #82b965; }
  1331.  
  1332. .alx-posts .post-item-thumbnail { margin-bottom: 10px; }
  1333. .alx-posts .post-item-title { font-size: 16px; line-height: 1.5em; }
  1334.  
  1335. .s1 .alx-posts .post-item-title,
  1336. #footer .alx-posts .post-item-title { font-size: 18px; line-height: 1.4em; font-weight: 300; }
  1337. .s1 .alx-posts .post-item-category,
  1338. .s1 .alx-posts .post-item-date,
  1339. #footer .alx-posts .post-item-category,
  1340. #footer .alx-posts .post-item-date { font-size: 14px; }
  1341.  
  1342. /* custom widget : alxvideo
  1343. /* ———————————— */
  1344. .widget_hu_video h3 { margin-bottom: 14px; }
  1345.  
  1346. /* ————————————————————————- *
  1347. * Comments
  1348. /* ————————————————————————- */
  1349. #comments { margin-top: 20px; }
  1350. #pinglist-container { display: none; }
  1351.  
  1352. .comment-tabs { border-bottom: 2px solid #eee; margin-bottom: 20px; }
  1353. .comment-tabs li { float: left; margin-bottom: -2px; }
  1354. .comment-tabs li a { font-weight: 600; padding: 0 10px 10px; display: block; color: #aaa; border-bottom: 2px solid #eee; }
  1355. .comment-tabs li a:hover { color: #444; border-color: #ccc; }
  1356. .comment-tabs li span { background-color: #eee; padding: 0 6px; margin-left: 8px; -webkit-border-radius: 4px; border-radius: 4px; }
  1357. .comment-tabs li i { margin-right: 6px; }
  1358. .comment-tabs li.active a { color: #3b8dbd; border-bottom-color: #3b8dbd; }
  1359.  
  1360. .commentlist, .pinglist { margin-bottom: 20px; }
  1361. .commentlist li, .pinglist li { padding-left: 60px; font-size: 14px; line-height: 22px; font-weight: 400; }
  1362. .commentlist .comment-body, .pinglist li { clear: both; position: relative; padding-bottom: 15px; }
  1363. .commentlist .comment-author,
  1364. .commentlist .comment-meta,
  1365. .commentlist .comment-awaiting-moderation { font-size: 13px; display: block; float: left; line-height: 20px; }
  1366. .commentlist .comment-author { margin-right: 6px; }
  1367. .commentlist .fn, .pinglist .ping-link { color: #444; font-size: 13px; font-style: normal; font-weight: 600; }
  1368. .commentlist .says { display: none; }
  1369. .commentlist .avatar { position: absolute; left: -60px; top: 0; width: 48px; height: 48px; -webkit-border-radius: 3px; border-radius: 3px; }
  1370. .commentlist .comment-meta:before, .pinglist .ping-meta:before { color: #ccc; content: “\f017”; font-family: FontAwesome; font-size: 10px; margin-right: 3px; vertical-align: 4%; }
  1371. .commentlist .comment-meta a, .pinglist .ping-meta { color: #aaa; }
  1372. .commentlist .reply { font-size: 13px; line-height: 16px; }
  1373. .commentlist .reply a { color: #aaa; }
  1374. .commentlist .reply a:hover { color: #444; }
  1375. .comment-awaiting-moderation { color: #3b8dbd; font-style: normal; }
  1376.  
  1377. /* pings */
  1378. .pinglist li { padding-left: 0; }
  1379.  
  1380. /* comment text */
  1381. .commentlist .comment-body p { margin-bottom: 8px; color: #777; clear: both; }
  1382. .commentlist .comment-body strong { font-weight: bold; }
  1383. .commentlist .comment-body em { font-style: italic; }
  1384. .commentlist .comment-body ol li { list-style: decimal; margin-left: 2em; padding: 0; }
  1385. .commentlist .comment-body ul li { list-style: square; margin-left: 2em; padding: 0; }
  1386.  
  1387. /* post author & admin comment */
  1388. .commentlist li.bypostauthor > .comment-body:after,
  1389. .commentlist li.comment-author-admin > .comment-body:after { background: #3b8dbd; display: block; position: absolute; content: “\f040”; color: #fff; line-height: 12px; width: 12px; font-style: normal; font-family: FontAwesome; text-align: center; }
  1390. .commentlist li.comment-author-admin > .comment-body:after { content: “\f005″; /* star for admin */ }
  1391. .commentlist li.bypostauthor > .comment-body:after,
  1392. .commentlist li.comment-author-admin > .comment-body:after { top: 32px; left: -28px; font-size: 10px; padding: 2px; -webkit-border-radius: 3px; border-radius: 3px; }
  1393. .commentlist li li.bypostauthor > .comment-body:after,
  1394. .commentlist li li.comment-author-admin > .comment-body:after { top: 22px; left: -26px; font-size: 8px; padding: 1px; -webkit-border-radius: 2px; border-radius: 2px; }
  1395.  
  1396. /* child comment */
  1397. .commentlist li ul { }
  1398. .commentlist li li { padding-left: 48px; margin: 0; }
  1399. .commentlist li li .avatar { width: 36px; height: 36px; left: -48px; top: 0; }
  1400. .commentlist li li .comment-meta { left: 70px; }
  1401.  
  1402. /* comments : nav
  1403. /* ———————————— */
  1404. .comments-nav { margin-bottom: 20px; }
  1405. .comments-nav a { font-weight: 600; }
  1406. .comments-nav .nav-previous { float: left; }
  1407. .comments-nav .nav-next { float: right; }
  1408.  
  1409. /* comments : form
  1410. /* ———————————— */
  1411. .logged-in-as,
  1412. .comment-notes,
  1413. .form-allowed-tags { display: none; }
  1414. #respond { position: relative; }
  1415. #reply-title { margin-bottom: 20px; }
  1416. li #reply-title { font-size: 0; margin: 0!important; padding: 0; height: 0; border-top: 0; }
  1417. #cancel-comment-reply-link { color: #999; display: block; position: absolute; bottom: 26px; right: 20px; font-size: 12px; }
  1418. #cancel-comment-reply-link:hover { color: #777; }
  1419. #commentform { background: #f1f1f1; padding: 10px 20px 20px; margin-bottom: 15px; -webkit-border-radius: 2px; border-radius: 2px; }
  1420. #commentform p.comment-form-author { width: 48%; float: left; }
  1421. #commentform p.comment-form-email { width: 48%; float: right; }
  1422. #commentform p.comment-form-url,
  1423. #commentform p.comment-form-comment { clear: both; }
  1424. #commentform label { padding: 6px 0; font-weight: 600; display: block; }
  1425. #commentform input[type=”text”],
  1426. #commentform textarea { max-width: 100%; width: 100%; }
  1427. #commentform textarea { height: 100px; }
  1428. #commentform p.form-submit { margin-top: 10px; }
  1429. .logged-in #reply-title { margin-bottom: 20px; }
  1430. .logged-in #commentform p.comment-form-comment { margin-top: 10px; }
  1431. .logged-in #commentform p.comment-form-comment label { display: none; }
  1432.  
  1433. /* ————————————————————————- *
  1434. * Child Menu
  1435. /* ————————————————————————- */
  1436. .child-menu { zoom: 1; position: relative; padding: 0 0 20px; }
  1437. .child-menu a { color: #777; font-weight: 600; display: block; padding: 0 44px; }
  1438. .child-menu a:hover { color: #3b8dbd; }
  1439. .child-menu .current_page_item > a { background: #fff; color: #3b8dbd; }
  1440.  
  1441. /* show only current page items */
  1442. .child-menu > li { display: none; }
  1443. .child-menu > li.current_page_item,
  1444. .child-menu > li.current_page_parent,
  1445. .child-menu > li.current_page_ancestor { display: block; }
  1446. .child-menu > li.current_page_item > ul ul,
  1447. .child-menu > li.current_page_parent > ul ul,
  1448. .child-menu > li.current_page_ancestor > ul ul { display: none; }
  1449. .child-menu > li ul li.current_page_item ul,
  1450. .child-menu > li ul li.current_page_parent ul,
  1451. .child-menu > li ul li.current_page_ancestor ul { display: block; }
  1452.  
  1453. /* level 1 */
  1454. .child-menu > li > a { font-size: 20px; display: block; padding: 20px 30px; }
  1455.  
  1456. /* level 2 */
  1457. .child-menu > li > ul { background: #e9e9e9; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 10px 0 10px 10px; }
  1458. .child-menu > li > ul > li > a { font-size: 15px; background: #f0f0f0; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; padding: 11px 20px;
  1459. -webkit-box-shadow: inset 0 1px 0 #f9f9f9;
  1460. box-shadow: inset 0 1px 0 #f9f9f9; }
  1461. .child-menu > li > ul > li > a:before { font-family: FontAwesome; content: “\f055”; font-weight: normal; font-size: 18px; margin-right: 8px; }
  1462.  
  1463. /* level 3 */
  1464. .child-menu > li ul ul { background: #f0f0f0; border-bottom: 1px solid #ddd; border-top: 3px solid #ebebeb; border-left: 1px solid #ddd; padding: 6px 0; }
  1465. .child-menu > li ul ul a { font-size: 15px; font-weight: 300; padding-top: 7px; padding-bottom: 7px; margin-bottom: 1px; }
  1466. .child-menu > li ul ul a:hover { background: #e9e9e9;
  1467. -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.04);
  1468. box-shadow: inset 0 1px 0 rgba(0,0,0,0.04); }
  1469. .child-menu > li ul ul li.current_page_item > a { background: #fff;
  1470. -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.04);
  1471. box-shadow: 0 1px 0 rgba(0,0,0,0.04); }
  1472.  
  1473. /* child menu for dual/right fix */
  1474. .col-2cl .child-menu > li > ul,
  1475. .col-3cr .child-menu > li > ul { padding-left: 0; padding-right: 10px; }
  1476. .col-2cl .child-menu > li > ul > li > a,
  1477. .col-3cr .child-menu > li > ul > li > a { border-left: 0; border-right: 1px solid #ddd; }
  1478. .col-2cl .child-menu > li ul ul,
  1479. .col-3cr .child-menu > li ul ul { border-left: 0; border-right: 1px solid #ddd; }
  1480.  
  1481. /* ————————————————————————- *
  1482. * Plugins
  1483. /* ————————————————————————- */
  1484.  
  1485. /* plugin : wp-pagenavi
  1486. /* ———————————— */
  1487. .wp-pagenavi { text-align: right; font-weight: 600; line-height: 20px; float: none; margin-right: -2px; text-align: center; }
  1488. .wp-pagenavi a,
  1489. .wp-pagenavi span { color: #aaa; font-size: 16px; padding: 7px 8px; display: inline; margin: 0 2px; }
  1490. .wp-pagenavi span.pages { font-size: 17px; font-weight: 300; display: block; margin-bottom: 1em!important; border: none!important; }
  1491. .wp-pagenavi span.pages:before { content: “\f15c”; font-family: FontAwesome; margin-right: 6px; }
  1492. .wp-pagenavi span.extend { border: none!important; border-bottom: 3px solid transparent; border-top: 1px solid transparent; }
  1493. .wp-pagenavi a:hover,
  1494. .wp-pagenavi a:active,
  1495. .wp-pagenavi span.current { color: #444; }
  1496.  
  1497. .wp-pagenavi a { color: #3b8dbd; border: none; border-bottom: 3px solid #ddd; border-top: 1px solid #f1f1f1; }
  1498. .wp-pagenavi a:hover,
  1499. .wp-pagenavi a:active,
  1500. .wp-pagenavi span.current { background: none; border: none; border-bottom: 3px solid #3b8dbd; border-top: 1px solid #f1f1f1; }
  1501.  
  1502. /* plugin : contact form 7
  1503. /* ———————————— */
  1504. .wpcf7 { }
  1505. .wpcf7 p { color: #222; font-weight: 600; margin: 0 0 12px; width: 100%; float: left; position: relative; }
  1506. .wpcf7 p span { font-weight: 400; color: #999; }
  1507. .wpcf7 label { display: block; float: left; width: 20%; margin: 9px 0 0 12px; text-align: left; }
  1508. .wpcf7 input[type=”text”],
  1509. .wpcf7 input[type=”email”],
  1510. .wpcf7 input[type=”url”],
  1511. .wpcf7 input[type=”tel”],
  1512. .wpcf7 input[type=”number”],
  1513. .wpcf7 select { display: block; float: left; padding: 10px; }
  1514. .wpcf7 textarea { display: block; float: left; padding: 10px; width: 100%; }
  1515. .wpcf7 input[type=”text”],
  1516. .wpcf7 input[type=”email”],
  1517. .wpcf7 input[type=”url”],
  1518. .wpcf7 input[type=”tel”],
  1519. .wpcf7 input[type=”number”],
  1520. .wpcf7 select,
  1521. .wpcf7 textarea { background: #f5f5f5; margin-top: 12px; }
  1522. .wpcf7 input[type=”submit”] { font-size: 18px; }
  1523. .wpcf7 div.wpcf7-validation-errors { border: none; margin: 0; padding: 0; }
  1524. .wpcf7 div.wpcf7-mail-sent-ok,
  1525. .wpcf7 div.wpcf7-mail-sent-ng { border: none; }
  1526. .wpcf7 div.wpcf7-response-output { margin: 0; padding: 0; }
  1527. .wpcf7 span.wpcf7-form-control-wrap { display: block; position: relative; }
  1528. .wpcf7 span.wpcf7-not-valid-tip { background: #f2dede; border-color: #e3bfbf; color: #b94a48; padding: 4px 14px; font-size: 12px; line-height: 20px; position: absolute; left: 0; top: 12px; width: auto; right: 0; display: block; }
  1529.  
  1530. /* ————————————————————————- *
  1531. * Flexslider
  1532. /* ————————————————————————- */
  1533.  
  1534. /* flexslider : resets
  1535. /* ———————————— */
  1536. .flex-container a:active,
  1537. .flexslider a:active,
  1538. .flex-container a:focus,
  1539. .flex-container a:hover,
  1540. .flex-slider a:hover,
  1541. .flexslider a:focus { outline: none; }
  1542. .slides,
  1543. .slides > li,
  1544. .flex-control-nav,
  1545. .flex-direction-nav { margin: 0; padding: 0; list-style: none; }
  1546. .flex-pauseplay span { text-transform: capitalize; }
  1547.  
  1548. /* flexslider : necessary styles
  1549. /* ———————————— */
  1550. .flexslider { margin: 0; padding: 0; }
  1551. .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
  1552. .flexslider .slides img { width: 100%; height: auto; display: block; margin: 0 auto; }
  1553. .slides:after { content: “\0020″; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
  1554.  
  1555. html[xmlns] .flexslider .slides { display: block; }
  1556. * html .flexslider .slides { height: 1%;}
  1557. .no-js .flexslider .slides > li:first-child { display: block; }
  1558.  
  1559. /* flexslider : default theme
  1560. /* ———————————— */
  1561. .flexslider { margin: 0 0 60px; position: relative; zoom: 1; }
  1562. .flex-viewport {
  1563. max-height: 2000px;
  1564. -webkit-transition: all 1s ease;
  1565. -moz-transition: all 1s ease;
  1566. -ms-transition: all 1s ease;
  1567. -o-transition: all 1s ease;
  1568. transition: all 1s ease;
  1569. }
  1570. .loading .flex-viewport { max-height: 300px; }
  1571. .flexslider .slides { zoom: 1; }
  1572. .flexslider .slides > li { position: relative; }
  1573. .carousel li { margin-right: 5px; }
  1574.  
  1575. /* direction nav */
  1576. .flex-direction-nav { *height: 0; position: absolute; top: 10px; right: 10px; z-index: 2; }
  1577. .flex-direction-nav li { float: left; margin-left: 4px; }
  1578. .flex-direction-nav li:first-child { float: left; }
  1579. .flex-direction-nav li:last-child { float: right; }
  1580. .flex-direction-nav a { background: rgba(0,0,0,0.7); opacity: 0.6; position: relative; width: 40px; height: 40px; margin: 0 0 0; display: block; cursor: pointer; text-indent: -999px; overflow: hidden;
  1581. -webkit-transition: all .3s ease; transition: all .3s ease;
  1582. -webkit-border-radius: 3px; border-radius: 3px; }
  1583. .flexslider:hover .flex-next,
  1584. .flexslider:hover .flex-prev { opacity: 0.8; }
  1585. .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
  1586. .flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default; }
  1587.  
  1588. /* direction nav arrows */
  1589. .flex-direction-nav a:before { font-family: FontAwesome; font-size: 20px; line-height: 24px; position: absolute; text-align: center; left: 0; right: 0; top: 9px; text-indent: 0; }
  1590. .flex-direction-nav .flex-next:before { content:”\f054”; }
  1591. .flex-direction-nav .flex-prev:before { content: “\f053”; }
  1592.  
  1593. /* control nav */
  1594. .flex-control-nav { width: 100%; position: absolute; bottom: -30px; text-align: center; }
  1595. .flex-control-nav li { margin: 0 3px; display: inline-block; zoom: 1; *display: inline; }
  1596. .flex-control-nav li a { background: rgba(0,0,0,0.15); width: 10px; height: 10px; display: block; cursor: pointer; text-indent: -999px; overflow: hidden;
  1597. -webkit-border-radius: 100%; border-radius: 100%; }
  1598. .flex-control-nav li a:hover { background: rgba(0,0,0,0.15); }
  1599. .flex-control-nav li a.flex-active { background: rgba(0,0,0,0.25); cursor: default; }
  1600.  
  1601. .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; }
  1602. .flex-control-thumbs li { width: 25%; float: left; margin: 0; }
  1603. .flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; }
  1604. .flex-control-thumbs img:hover { opacity: 1; }
  1605. .flex-control-thumbs .flex-active { opacity: 1; cursor: default; }
  1606.  
  1607. @media screen and (max-width: 860px) {
  1608. .flex-direction-nav .flex-prev { opacity: .7; right: 0; }
  1609. .flex-direction-nav .flex-next { opacity: .7; right: 0; }
  1610. }
  1611.  
  1612. /* ————————————————————————- *
  1613. * SVG thumbnails placeholders
  1614. /* ————————————————————————- */
  1615. svg.hu-svg-placeholder {
  1616. fill: none;
  1617. stroke: #eee;
  1618. stroke-width:50px;
  1619. opacity: 0;
  1620. position: absolute;
  1621. z-index: 1;
  1622. width: 100%;
  1623. height: 50%;
  1624. top: 25%;
  1625. -webkit-transition: opacity 0.5s ease;
  1626. -moz-transition: opacity 0.5s ease;
  1627. -o-transition: opacity 0.5s ease;
  1628. transition: opacity 0.5s ease;
  1629. }
  1630. .alx-posts li:hover .hu-svg-placeholder, .alx-tab li:hover .hu-svg-placeholder, .post-hover:hover .hu-svg-placeholder {
  1631. opacity: 0!important;
  1632. }
  1633. .filter-placeholder {
  1634. opacity: 0;
  1635. -webkit-transition: opacity 2s ease;
  1636. -moz-transition: opacity 2s ease;
  1637. -o-transition: opacity 2s ease;
  1638. transition: opacity 2s ease;
  1639. }
  1640. .filter-placeholder::before {
  1641. position: absolute;
  1642. left: 0;
  1643. top: 0;
  1644. width: 100%;
  1645. height: 100%;
  1646. display: block;
  1647. z-index: 0;
  1648. content: ”;
  1649. left: 0;
  1650. right: 0;
  1651. bottom: 0;
  1652. top: 0;
  1653. position: absolute;
  1654. background: rgba(34, 34, 34, 0.55);
  1655. }
  1656.  
  1657. /* ————————————————————————- *
  1658. * Shortcodes
  1659. /* ————————————————————————- */
  1660.  
  1661. /* shortcode : dropcap
  1662. /* ———————————— */
  1663. .dropcap { color: #444; display: block; float: left; font-size: 94px; line-height: 0.9em; font-weight: 600; margin: 0 10px 0 0; }
  1664.  
  1665. /* shortcode : pullquotes
  1666. /* ———————————— */
  1667. .pullquote-left { color: #444; border-left: 6px solid #eee; float: left; margin: 0.78em 1em 0.78em 0; padding: 0 0 0 20px; font-weight: 600; width: 40%; }
  1668. .pullquote-right { color: #444; border-right: 6px solid #eee; float: right; margin: 0.78em 0 0.78em 1em; padding: 0 20px 0 0; font-weight: 600; width: 40%; }
  1669.  
  1670. /* shortcode : highlights
  1671. /* ———————————— */
  1672. .highlight { color: #222; border-bottom: 1px dotted #222; }
  1673.  
  1674. /* shortcode : hr
  1675. /* ———————————— */
  1676. hr, .hr { border: 0; background: #eee; border-bottom: 2px solid #eee; height: 1px; margin: 30px 0; }
  1677.  
  1678. /* ————————————————————————- *
  1679. * IE Fixes
  1680. /* ————————————————————————- */
  1681. body.ie8,
  1682. .ie8.single .related-posts .post-title,
  1683. .ie8 .s1 .alx-posts .post-item-title,
  1684. .ie8 #footer .alx-posts .post-item-title { font-weight: 400; }
  1685.  
  1686. .ie8 .author-bio .bio-avatar:after,
  1687. .ie8 .commentlist li.bypostauthor > .comment-body:after { display: none; }
  1688.  
  1689. .ie8 .nav li > a:after { content: “”!important; }
  1690. .ie8 .nav > li > a:after { content: “”!important; }
  1691. .ie8 #nav-topbar .nav > li > a:hover,
  1692. .ie8 #nav-topbar .nav > li:hover > a,
  1693. .ie8 #nav-header .nav > li > a:hover,
  1694. .ie8 #nav-header .nav > li:hover > a,
  1695. .ie8 .toggle-search:hover,
  1696. .ie8 .toggle-search.active,
  1697. .ie8 .search-expand-inner { background: url(../img/opacity-10.png); }
  1698. .ie8 .thumb-icon,
  1699. .ie8 .image-caption,
  1700. .ie8 .page-image-text .description i,
  1701. .ie8 .flex-direction-nav a { background: url(../img/ie/opacity-70.png); }
  1702. .ie8 .entry .gallery .gallery-caption { background: url(../img/ie/opacity-80-light.png); }
  1703.  
  1704. /* ADMIN BAR
  1705. ————————————————– */
  1706. #wp-admin-bar-tc-hueman-help .ab-item:before, li#wp-admin-bar-tc-hueman-help a:before {
  1707. font-family: ‘FontAwesome’;
  1708. speak: none;
  1709. font-weight: normal;
  1710. font-variant: normal;
  1711. text-transform: none;
  1712. font-style: normal;
  1713. line-height: 1;
  1714. -webkit-font-smoothing: antialiased;
  1715. -moz-osx-font-smoothing: grayscale;
  1716. content: “\f1cd”;
  1717. color: #FFF;
  1718. padding-right: 0px;
  1719. top: 2px;
  1720. position: relative;
  1721. }
  1722.  
  1723. li#wp-admin-bar-tc-hueman-help a {
  1724. color: #FFF!important;
  1725. text-decoration: none;
  1726. background-color: #82b965;
  1727. -webkit-transition: background .1s linear;
  1728. -moz-transition: background .1s linear;
  1729. -ms-transition: background .1s linear;
  1730. -o-transition: background .1s linear;
  1731. transition: background .1s linear;
  1732. }
  1733.  
  1734. .ab-top-menu>li#wp-admin-bar-tc-hueman-help:hover>.ab-item {
  1735. color: #FFF;
  1736. background: #6B9C51;
  1737. }#wrapper,
  1738. .container-inner { min-width: 320px; }
  1739.  
  1740. @media only screen and (max-width: 1200px) {
  1741. #header-widgets { display: none; }
  1742. }
  1743.  
  1744. /* ————————————————————————- *
  1745. * Toggle Sidebar s2 : 1200px > 480px
  1746. /* ————————————————————————- */
  1747. @media only screen and (min-width: 480px) and (max-width: 1200px) {
  1748.  
  1749. .container { padding: 0 10px; }
  1750.  
  1751. /* s2 general */
  1752. .s2 { width: 50px; }
  1753. .s2 .sidebar-content { display: none; float: left; width: 100%; }
  1754. .s2 .sidebar-toggle { display: block; }
  1755.  
  1756. /* s2 expand/collapse */
  1757. .s2-expand .s2 { background: #f0f0f0; position: absolute; top: 0; bottom: 0; width: 260px; margin: 0!important; z-index: 9; overflow: auto;
  1758. -moz-transition: width .2s ease; -webkit-transition: width .2s ease; transition: width .2s ease; }
  1759. .s2-expand .s2 .sidebar-content { display: block; min-width: 260px; }
  1760. .s2-collapse .s2 .sidebar-content { display: none; }
  1761.  
  1762. /* s2 toggle icon */
  1763. .col-3cm.s2-expand .s2 .icon-sidebar-toggle:before,
  1764. .col-3cl.s2-expand .s2 .icon-sidebar-toggle:before { content: “\f101”; }
  1765. .col-3cr.s2-expand .s2 .icon-sidebar-toggle:before { content: “\f100”; }
  1766.  
  1767. /* s2 3 column, content middle */
  1768. .col-3cm .main { background: url(../img/sidebar/s-right-collapse.png) repeat-y right; }
  1769. .col-3cm .main-inner { padding-right: 50px; }
  1770. .col-3cm .s2 { margin-right: -50px; }
  1771. .col-3cm.s2-expand .s2 { right: 0; }
  1772.  
  1773. /* ipad, iphone fix */
  1774. .safari .s2 { min-width: 50px; max-width: 50px; width: auto; }
  1775. .safari.s2-expand .s2 { min-width: 260px; max-width: 260px; width: auto; }
  1776.  
  1777. }
  1778. @media only screen and (min-width: 961px) and (max-width: 1200px) {
  1779.  
  1780. /* 3 column, content right */
  1781. .col-3cl .main { background-image: none; }
  1782. .col-3cl .main-inner { background: url(../img/sidebar/s-right-dual-half-collapse.png) repeat-y right; padding-right: 390px; }
  1783. .col-3cl .s1 { margin-right: -390px; }
  1784. .col-3cl .s2 { margin-right: -50px; }
  1785. .col-3cl.s2-expand .s2 { right: 340px; }
  1786.  
  1787. /* 3 column, content left */
  1788. .col-3cr .main { background-image: none; }
  1789. .col-3cr .main-inner { background: url(../img/sidebar/s-left-dual-half-collapse.png) repeat-y left; padding-left: 390px; }
  1790. .col-3cr .s1 { margin-left: -390px; }
  1791. .col-3cr .s2 { margin-left: -50px; }
  1792. .col-3cr.s2-expand .s2 { left: 340px; }
  1793.  
  1794. }
  1795.  
  1796. /* ————————————————————————- *
  1797. * Toggle Sidebar s1 : 960px > 480px
  1798. /* ————————————————————————- */
  1799. @media only screen and (min-width: 480px) and (max-width: 960px) {
  1800.  
  1801. /* s1 general */
  1802. .s1 { width: 50px; }
  1803. .s1 .sidebar-content { display: none; float: left; width: 100%; }
  1804. .s1 .sidebar-toggle { display: block; }
  1805.  
  1806. /* s1 expand/collapse */
  1807. .s1-expand .s1 { background: #f0f0f0; position: absolute; top: 0; bottom: 0; width: 340px; margin: 0!important; z-index: 9; overflow: auto;
  1808. -moz-transition: width .2s ease; -webkit-transition: width .2s ease; transition: width .2s ease; }
  1809. .s1-expand .s1 .sidebar-content,
  1810. .s1-expand .s1 .post-nav { display: block; min-width: 340px; }
  1811. .s1-collapse .s1 .sidebar-content,
  1812. .s1-collapse .s1 .sidebar .post-nav { display: none; }
  1813.  
  1814. /* s1 toggle icon */
  1815. .col-2cl.s1-expand .s1 .icon-sidebar-toggle:before,
  1816. .col-3cl.s1-expand .s1 .icon-sidebar-toggle:before { content: “\f101”; }
  1817. .col-2cr.s1-expand .s1 .icon-sidebar-toggle:before,
  1818. .col-3cm.s1-expand .s1 .icon-sidebar-toggle:before,
  1819. .col-3cr.s1-expand .s1 .icon-sidebar-toggle:before { content: “\f100”; }
  1820.  
  1821. /* icon color is dark because the background is usually lighter in this case */
  1822. .social-links .social-tooltip:hover {
  1823. color: #000!important;
  1824. }
  1825.  
  1826. /* 2 column, content right */
  1827. .col-2cr .main-inner { background-position: -290px 0!important; padding-left: 50px; }
  1828. .col-2cr .s1 { margin-left: -50px; }
  1829. .col-2cr.s1-expand .s1 { left: 0; }
  1830.  
  1831. /* 2 column, content left */
  1832. .col-2cl .main-inner { background-image: url(../img/sidebar/s-right-collapse.png); padding-right: 50px; }
  1833. .col-2cl .s1 { margin-right: -50px; }
  1834. .col-2cl.s1-expand .s1 { right: 0; }
  1835. .col-2cl.s1-expand .sidebar-toggle { float: right; }
  1836.  
  1837. /* 3 column, content middle */
  1838. .col-3cm .main-inner { background-position: -290px 0!important; padding-left: 50px; }
  1839. .col-3cm .s1 { margin-left: -50px; }
  1840. .col-3cm .s2 { margin-right: -50px; }
  1841. .col-3cm.s1-expand .s1 { left: 0; }
  1842. .col-3cm.s2-expand .s2 { right: 0; }
  1843.  
  1844. /* 3 column, content left */
  1845. .col-3cl .main { background-image: none; }
  1846. .col-3cl .main-inner { background: url(../img/sidebar/s-right-dual-full-collapse.png) repeat-y right; padding-right: 100px; }
  1847. .col-3cl .s1 { margin-right: -100px; }
  1848. .col-3cl .s2 { margin-right: -50px; }
  1849. .col-3cl.s1-expand .s1 { right: 0; }
  1850. .col-3cl.s2-expand .s2 { right: 50px; }
  1851.  
  1852. /* 3 column, content right */
  1853. .col-3cr .main { background-image: none; }
  1854. .col-3cr .main-inner { background: url(../img/sidebar/s-left-dual-full-collapse.png) repeat-y left; padding-left: 100px; }
  1855. .col-3cr .s1 { margin-left: -100px; }
  1856. .col-3cr .s2 { margin-left: -50px; }
  1857. .col-3cr.s1-expand .s1 { left: 0; }
  1858. .col-3cr.s2-expand .s2 { left: 50px; }
  1859.  
  1860. /* ipad, iphone fix */
  1861. .safari .s1 { min-width: 50px; max-width: 50px; width: auto; }
  1862. .safari.s1-expand .s1 { min-width: 340px; max-width: 340px; width: auto; }
  1863.  
  1864. }
  1865.  
  1866. /* ————————————————————————- *
  1867. * Mobile (Mid Res) : 719px > 0px (480px & 320px)
  1868. /* ————————————————————————- */
  1869. @media only screen and (max-width: 719px) {
  1870.  
  1871. /* layout */
  1872. .container { padding: 0; }
  1873. .grid { width: 100%; margin: 0 0 10px; }
  1874.  
  1875. /* sidebar toggle 60 > 50px height */
  1876. .page-title.pad { padding-top: 12px; padding-bottom: 12px; }
  1877. .sidebar-toggle { height: 50px; }
  1878. .sidebar-toggle i { padding: 5px 0; }
  1879.  
  1880. /* hide */
  1881. .site-description,
  1882. .image-caption { display: none; }
  1883.  
  1884. /* base */
  1885. .pad { padding: 20px 20px 10px; }
  1886. .notebox { margin-bottom: 20px; }
  1887. #flexslider-featured { margin-top: 10px; }
  1888. .entry { font-size: 15px; }
  1889.  
  1890. /* text */
  1891. .entry h1 { font-size: 30px; letter-spacing: -0.7px; }
  1892. .entry h2 { font-size: 26px; letter-spacing: -0.5px; }
  1893. .entry h3 { font-size: 24px; letter-spacing: -0.3px; }
  1894. .entry h4 { font-size: 22px; letter-spacing: -0.3px; }
  1895. .entry h5 { font-size: 18px; }
  1896. .entry h6 { font-size: 16px; text-transform: uppercase; }
  1897.  
  1898. /* header */
  1899. #header { padding-bottom: 0; }
  1900. .topbar-enabled #header { padding-top: 0; }
  1901. #header .pad { padding-top: 0; padding-bottom: 0; }
  1902. .site-title { padding: 30px 0; width: 100%; float: none; line-height: 50px; }
  1903. .site-title a { text-align: center; }
  1904. .toggle-search { right: auto; left: 0; top: 0;
  1905. -webkit-box-shadow: 1px 0 0 rgba(255,255,255,0.1);
  1906. box-shadow: 1px 0 0 rgba(255,255,255,0.1); }
  1907. .search-expand { left: 0; right: auto; top: 50px; width: 320px; }
  1908.  
  1909. /* footer */
  1910. #footer-bottom .pad { padding-top: 50px; padding-bottom: 40px; }
  1911. #footer-bottom .one-half.last { margin-bottom: 0; }
  1912. #footer-bottom { text-align: center; }
  1913. #footer-bottom #footer-logo { margin-left: auto; margin-right: auto; }
  1914. #footer-bottom .social-links { float: none; }
  1915. #footer-bottom .social-links li { margin-left: 4px; margin-right: 4px; }
  1916.  
  1917. /* comments */
  1918. .comment-tabs { font-size: 14px; }
  1919. .commentlist li { font-size: 13px; }
  1920. .commentlist li ul li { padding-left: 10px; }
  1921.  
  1922. /* page */
  1923. #page { margin-top: 0; padding-bottom: 10px; }
  1924. .pagination { margin-bottom: 30px; }
  1925. .page-title { font-size: 14px; }
  1926. .page-image-text { margin-top: -15px; }
  1927. .page-image-text .caption { font-size: 26px; line-height: 30px; }
  1928. .page-image-text .description { font-size: 13px; }
  1929.  
  1930. /* blog */
  1931. .post-list { margin-left: 0; margin-right: 0; }
  1932. .post-list .post,
  1933. .post-list .page    { width: 100%; }
  1934. .post-list .post-row { margin-left: 0; padding-left: 0; margin-bottom: 0; border: 0; }
  1935. .post-list .post-inner { margin-right: 0; }
  1936. .post-standard .post-inner { padding-left: 120px; }
  1937. .post-standard .post-thumbnail { margin-left: -120px; max-width: 100px; }
  1938.  
  1939. .featured .post-title,
  1940. .single .post-title { font-size: 22px; line-height: 1.5em; letter-spacing: 0; }
  1941. .post-byline { font-size: 13px; }
  1942. .post-format { margin-bottom: 20px; }
  1943. .format-gallery .post-format .flexslider .slides img { max-height: 240px; }
  1944. .format-quote .post-format blockquote,
  1945. .format-link .post-format p { font-size: 18px; }
  1946. .format-link .post-format p { margin-bottom: 10px; }
  1947. .single .format-status .entry { font-size: 20px; line-height: 1.4em; }
  1948. .post-format .format-container .fa { font-size: 28px; }
  1949.  
  1950. .entry.share { padding-right: 0; }
  1951. .sharrre-container { position: relative; float: left; width: auto; padding: 0; margin: 20px 0 0; }
  1952. .sharrre-container span { text-align: left; }
  1953. .sharrre-container > div { float: left; margin-right: 10px; }
  1954. .author-bio .bio-desc { font-size: 13px; }
  1955.  
  1956. .content .post-nav li { width: 100%; -webkit-box-shadow: none!important; box-shadow: none!important; }
  1957. .content .post-nav li a { min-height: 0; }
  1958.  
  1959. .single .related-posts .post-title { font-size: 15px; }
  1960. .related-posts li { width: 50%; }
  1961. .related-posts li:nth-child(2) article { border-right-color: transparent; }
  1962. .related-posts li:nth-child(3),
  1963. .related-posts li:nth-child(4) { display: none; }
  1964.  
  1965. /* shortcodes */
  1966. .dropcap { font-size: 80px; }
  1967.  
  1968. }
  1969.  
  1970. /* ————————————————————————- *
  1971. * Mobile (Low Res) : 479px > 0 (320px)
  1972. /* ————————————————————————- */
  1973. @media only screen and (max-width: 479px) {
  1974.  
  1975. /* layout */
  1976. .content,
  1977. .sidebar { width: 100%; float: none; margin-right: 0!important; margin-left: 0!important; }
  1978. .sidebar { background: #f0f0f0; width: 100%; display: block; float: none; }
  1979. .main,
  1980. .main-inner { background-image: none!important; padding: 0!important; }
  1981. .s2 { right: 0!important; left: 0!important; }
  1982.  
  1983. /* hide */
  1984. .mobile-sidebar-hide-s1 .s1,
  1985. .mobile-sidebar-hide-s2 .s2,
  1986. .mobile-sidebar-hide .sidebar { display: none; }
  1987.  
  1988. /* base */
  1989. .pad { padding: 15px 15px 5px; }
  1990. .sidebar-top,
  1991. .sidebar .widget { padding-left: 15px!important; padding-right: 15px!important; }
  1992. .notebox { margin-bottom: 15px; }
  1993. #flexslider-featured { margin-top: 15px; }
  1994. .gallery-caption { display: none; }
  1995.  
  1996. /* header */
  1997. .site-title { font-size: 32px; }
  1998.  
  1999. /* blog */
  2000. .post-standard .post-inner { padding-left: 82px; }
  2001. .post-standard .post-thumbnail { margin-left: -82px; max-width: 72px; }
  2002. .format-link .post-format p { margin-bottom: 5px; }
  2003.  
  2004. /* Don’t display the sharre bar */
  2005. .sharrre-container { display: none;}
  2006.  
  2007. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!