Advertisement
Guest User

style CSS

a guest
Feb 25th, 2020
132
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 48.37 KB | None | 0 0
  1. /*!
  2. * Theme Name: MagNow
  3. * Theme URI: http://www.theme-junkie.com/themes/magnow
  4. * Description: MagNow is a fully customizable Magazine WordPress theme. It comes with responsive and tons of options to choose.
  5. * Version: 1.0.2
  6. * Author: Theme Junkie
  7. * Author URI: http://www.theme-junkie.com/
  8. * Tags: blue, two-columns, right-sidebar, left-sidebar, responsive-layout, custom-background, custom-menu, editor-style, threaded-comments, translation-ready
  9. * Text Domain: magnow
  10. *
  11. * License: GNU General Public License v2.0 or later
  12. * License URI: http://www.gnu.org/licenses/gpl-2.0.html
  13. *
  14. * MagNow WordPress Theme, Copyright 2015 http://www.theme-junkie.com/
  15. * MagNow is distributed under the terms of the GNU GPL
  16. *
  17. * Please DO NOT EDIT THIS FILE, if you want to customize the styles, you can create a child theme
  18. * See: http://codex.wordpress.org/Child_Themes
  19. */
  20. .bg1 {
  21. background-color: #0af;
  22. }
  23.  
  24. .bg2 {
  25. background-color: #eb1e00;
  26. }
  27.  
  28. .bg3 {
  29. background-color: #00a53c;
  30. }
  31.  
  32. .bg4 {
  33. background-color: #9600b4;
  34. }
  35.  
  36. .bg5 {
  37. background-color: #00c3c3;
  38. }
  39.  
  40. .bg6 {
  41. background-color: #fa5f00;
  42. }
  43.  
  44. /* Reset */
  45. html,
  46. body,
  47. div,
  48. span,
  49. object,
  50. iframe,
  51. h1,
  52. h2,
  53. h3,
  54. h4,
  55. h5,
  56. h6,
  57. p,
  58. blockquote,
  59. pre,
  60. abbr,
  61. address,
  62. cite,
  63. code,
  64. del,
  65. dfn,
  66. em,
  67. img,
  68. ins,
  69. kbd,
  70. q,
  71. samp,
  72. small,
  73. strong,
  74. sub,
  75. sup,
  76. var,
  77. b,
  78. i,
  79. dl,
  80. dt,
  81. dd,
  82. ol,
  83. ul,
  84. li,
  85. fieldset,
  86. form,
  87. label,
  88. legend,
  89. table,
  90. caption,
  91. tbody,
  92. tfoot,
  93. thead,
  94. tr,
  95. th,
  96. td,
  97. article,
  98. aside,
  99. canvas,
  100. details,
  101. figcaption,
  102. figure,
  103. footer,
  104. header,
  105. hgroup,
  106. menu,
  107. nav,
  108. section,
  109. summary,
  110. time,
  111. mark,
  112. audio,
  113. video {
  114. font-size: 100%;
  115. margin: 0;
  116. padding: 0;
  117. vertical-align: baseline;
  118. border: 0;
  119. outline: 0;
  120. background: transparent;
  121. }
  122.  
  123. body {
  124. line-height: 1;
  125. }
  126.  
  127. article,
  128. aside,
  129. details,
  130. figcaption,
  131. figure,
  132. footer,
  133. header,
  134. hgroup,
  135. menu,
  136. nav,
  137. section,
  138. main {
  139. display: block;
  140. }
  141.  
  142. nav ul {
  143. list-style: none;
  144. }
  145.  
  146. blockquote,
  147. q {
  148. quotes: none;
  149. }
  150.  
  151. blockquote:before,
  152. blockquote:after,
  153. q:before,
  154. q:after {
  155. content: '';
  156. content: none;
  157. }
  158.  
  159. a {
  160. font-size: 100%;
  161. margin: 0;
  162. padding: 0;
  163. vertical-align: baseline;
  164. background: transparent;
  165. }
  166.  
  167. ins {
  168. text-decoration: none;
  169. color: #000;
  170. }
  171.  
  172. mark {
  173. font-weight: bold;
  174. font-style: italic;
  175. color: #000;
  176. background-color: #ff9;
  177. }
  178.  
  179. del {
  180. text-decoration: line-through;
  181. }
  182.  
  183. abbr[title],
  184. dfn[title] {
  185. cursor: help;
  186. border-bottom: 1px dotted;
  187. }
  188.  
  189. table {
  190. border-spacing: 0;
  191. border-collapse: collapse;
  192. }
  193.  
  194. hr {
  195. display: block;
  196. height: 1px;
  197. margin: 1em 0;
  198. padding: 0;
  199. border: 0;
  200. border-top: 1px solid #e9e9e9;
  201. }
  202.  
  203. input,
  204. select {
  205. vertical-align: middle;
  206. }
  207.  
  208. sup {
  209. top: -.5em;
  210. }
  211.  
  212. sub,
  213. sup {
  214. font-size: 75%;
  215. line-height: 0;
  216. position: relative;
  217. vertical-align: baseline;
  218. }
  219.  
  220. .no-list-style {
  221. margin: 0;
  222. padding: 0;
  223. list-style: none;
  224. }
  225.  
  226. figure > img {
  227. display: block;
  228. }
  229.  
  230. img {
  231. max-width: 100%;
  232. height: auto;
  233. }
  234.  
  235. img[class*='align'],
  236. img[class*='attachment-'] {
  237. height: auto;
  238. }
  239.  
  240. embed,
  241. iframe,
  242. object {
  243. width: 100%;
  244. max-width: 100%;
  245. }
  246.  
  247. /* Shared */
  248. body {
  249. font-family: 'Source Sans Pro', sans-serif;
  250. font-size: 14px;
  251. font-weight: 400;
  252. font-style: normal;
  253. line-height: 1.4285714286em;
  254. color: #666;
  255. background: #eee;
  256. }
  257.  
  258. /**
  259. * Selection Color.
  260. */
  261. ::-moz-selection {
  262. color: #fff;
  263. background: #0af;
  264. text-shadow: none;
  265. }
  266.  
  267. ::selection {
  268. color: #fff;
  269. background: #0af;
  270. text-shadow: none;
  271. }
  272.  
  273. ::-moz-selection {
  274. color: #fff;
  275. background: #0af;
  276. text-shadow: none;
  277. }
  278.  
  279. input[type='text'] {
  280. font-family: 'Source Sans Pro', sans-serif;
  281. font-size: 13px;
  282. height: 32px;
  283. padding: 0 10px;
  284. border: 1px solid #e6e6e6;
  285. border-radius: 3px;
  286. }
  287.  
  288. input:focus,
  289. input:hover {
  290. outline: none;
  291. }
  292.  
  293. textarea {
  294. font-family: 'Source Sans Pro', sans-serif;
  295. font-size: 13px;
  296. padding: 10px;
  297. border: 1px solid #e6e6e6;
  298. border-radius: 3px;
  299. }
  300.  
  301. textarea:focus {
  302. outline: none;
  303. }
  304.  
  305. button {
  306. font-family: 'Source Sans Pro', sans-serif;
  307. font-size: 11px;
  308. height: 34px;
  309. padding: 0 10px;
  310. cursor: pointer;
  311. -webkit-user-select: none;
  312. -moz-user-select: none;
  313. -ms-user-select: none;
  314. user-select: none;
  315. vertical-align: middle;
  316. white-space: nowrap;
  317. letter-spacing: 1px;
  318. text-transform: uppercase;
  319. color: #666;
  320. border: 1px solid #d5d5d5;
  321. border-radius: 3px;
  322. background-color: #eee;
  323. background-image: -webkit-linear-gradient(#fcfcfc, #eee);
  324. background-image: linear-gradient(#fcfcfc, #eee);
  325. background-repeat: repeat-x;
  326. text-shadow: 0 1px 0 rgba(255, 255, 255, .9);
  327. -webkit-appearance: none;
  328. }
  329.  
  330. button:hover {
  331. text-decoration: none;
  332. border-color: #ccc;
  333. background-color: #ddd;
  334. background-image: -webkit-linear-gradient(#eee, #ddd);
  335. background-image: linear-gradient(#eee, #ddd);
  336. background-repeat: repeat-x;
  337. }
  338.  
  339. table {
  340. width: 100%;
  341. margin-bottom: 2.618em;
  342. }
  343.  
  344. table th,
  345. table td {
  346. padding: 1em;
  347. text-align: left;
  348. vertical-align: top;
  349. border-bottom: 1px solid #e8e4e3;
  350. }
  351.  
  352. table th {
  353. text-transform: uppercase;
  354. border-bottom: 1px solid #e8e4e3;
  355. }
  356.  
  357. table tr th:first-child,
  358. table tr td:first-child {
  359. padding-left: 0;
  360. }
  361.  
  362. table tr th:last-child,
  363. table tr td:last-child {
  364. padding-right: 0;
  365. }
  366.  
  367. .alignleft {
  368. float: left;
  369. margin-right: 1.5em;
  370. }
  371.  
  372. .alignright {
  373. float: right;
  374. margin-left: 1.5em;
  375. }
  376.  
  377. .aligncenter {
  378. clear: both;
  379. }
  380.  
  381. .alignnone {
  382. display: block;
  383. }
  384.  
  385. .clearfix:before,
  386. .clearfix:after {
  387. display: table;
  388. content: '';
  389. }
  390.  
  391. .clearfix:after {
  392. clear: both;
  393. }
  394.  
  395. .clearfix {
  396. clear: both;
  397. }
  398.  
  399. .screen-reader-text {
  400. position: absolute;
  401. clip: rect(1px, 1px, 1px, 1px);
  402. }
  403.  
  404. .gray-link a:link,
  405. .comment-date a:link,
  406. .single .entry-meta .entry-author a:link,
  407. .gray-link a:visited,
  408. .comment-date a:visited,
  409. .single .entry-meta .entry-author a:visited {
  410. color: #999;
  411. }
  412.  
  413. .gray-link a:hover,
  414. .comment-date a:hover,
  415. .single .entry-meta .entry-author a:hover {
  416. color: #333;
  417. }
  418.  
  419. .dark-link a:link,
  420. #site-bottom a:link,
  421. #footer-nav ul > li ul > li a:link,
  422. .dark-link a:visited,
  423. #site-bottom a:visited,
  424. #footer-nav ul > li ul > li a:visited {
  425. color: #666;
  426. }
  427.  
  428. .dark-link a:hover,
  429. #site-bottom a:hover,
  430. #footer-nav ul > li ul > li a:hover {
  431. color: #0af;
  432. }
  433.  
  434. .black-link a:link,
  435. .sidebar .widget a:link,
  436. #footer-nav ul > li a:link,
  437. .comment-name .name a:link,
  438. .section-title a:link,
  439. .black-link a:visited,
  440. .sidebar .widget a:visited,
  441. #footer-nav ul > li a:visited,
  442. .comment-name .name a:visited,
  443. .section-title a:visited {
  444. color: #333;
  445. }
  446.  
  447. .black-link a:hover,
  448. .sidebar .widget a:hover,
  449. #footer-nav ul > li a:hover,
  450. .comment-name .name a:hover,
  451. .section-title a:hover {
  452. color: #0af;
  453. }
  454.  
  455. /* Link Hover */
  456. a:hover,
  457. .listing-4-col a:hover .entry-title,
  458. .listing-3-col a:hover .entry-title,
  459. .listing-1-col a:hover .entry-title {
  460. color: #0af;
  461. }
  462.  
  463. .sticky,
  464. .bypostauthor {
  465. font-size: inherit;
  466. }
  467.  
  468. embed,
  469. iframe,
  470. object {
  471. width: 100%;
  472. max-width: 100%;
  473. }
  474.  
  475. .wp-caption {
  476. max-width: 100%;
  477. margin-bottom: 24px;
  478. }
  479.  
  480. .wp-caption img[class*='wp-image-'] {
  481. display: block;
  482. margin-bottom: 5px;
  483. }
  484.  
  485. .wp-caption-text {
  486. font-style: italic;
  487. color: #999;
  488. }
  489.  
  490. .wp-smiley {
  491. margin-top: 0;
  492. margin-bottom: 0;
  493. padding: 0;
  494. border: 0;
  495. }
  496.  
  497. /**
  498. * Gallery
  499. * Taken from Twenty Fourteen theme.
  500. */
  501. .gallery {
  502. margin-bottom: 20px;
  503. }
  504.  
  505. .gallery:before,
  506. .gallery:after {
  507. display: table;
  508. content: '';
  509. }
  510.  
  511. .gallery:after {
  512. clear: both;
  513. }
  514.  
  515. .gallery {
  516. clear: both;
  517. }
  518.  
  519. .gallery-item {
  520. position: relative;
  521. float: left;
  522. overflow: hidden;
  523. margin: 0 4px 4px 0;
  524. }
  525.  
  526. .gallery-icon a,
  527. .gallery-icon img {
  528. display: block;
  529. }
  530.  
  531. #more-content .entry-content .gallery-icon img {
  532. margin-bottom: 0;
  533. }
  534.  
  535. .gallery-columns-1 .gallery-item {
  536. max-width: 100%;
  537. }
  538.  
  539. .gallery-columns-2 .gallery-item {
  540. max-width: 48%;
  541. max-width: -webkit-calc(50% - 4px);
  542. max-width: calc(50% - 4px);
  543. }
  544.  
  545. .gallery-columns-3 .gallery-item {
  546. max-width: 32%;
  547. max-width: -webkit-calc(33.3% - 4px);
  548. max-width: calc(33.3% - 4px);
  549. }
  550.  
  551. .gallery-columns-4 .gallery-item {
  552. max-width: 23%;
  553. max-width: -webkit-calc(25% - 4px);
  554. max-width: calc(25% - 4px);
  555. }
  556.  
  557. .gallery-columns-5 .gallery-item {
  558. max-width: 19%;
  559. max-width: -webkit-calc(20% - 4px);
  560. max-width: calc(20% - 4px);
  561. }
  562.  
  563. .gallery-columns-6 .gallery-item {
  564. max-width: 15%;
  565. max-width: -webkit-calc(16.7% - 4px);
  566. max-width: calc(16.7% - 4px);
  567. }
  568.  
  569. .gallery-columns-7 .gallery-item {
  570. max-width: 13%;
  571. max-width: -webkit-calc(14.28% - 4px);
  572. max-width: calc(14.28% - 4px);
  573. }
  574.  
  575. .gallery-columns-8 .gallery-item {
  576. max-width: 11%;
  577. max-width: -webkit-calc(12.5% - 4px);
  578. max-width: calc(12.5% - 4px);
  579. }
  580.  
  581. .gallery-columns-9 .gallery-item {
  582. max-width: 9%;
  583. max-width: -webkit-calc(11.1% - 4px);
  584. max-width: calc(11.1% - 4px);
  585. }
  586.  
  587. .gallery-columns-1 .gallery-item:nth-of-type(1n),
  588. .gallery-columns-2 .gallery-item:nth-of-type(2n),
  589. .gallery-columns-3 .gallery-item:nth-of-type(3n),
  590. .gallery-columns-4 .gallery-item:nth-of-type(4n),
  591. .gallery-columns-5 .gallery-item:nth-of-type(5n),
  592. .gallery-columns-6 .gallery-item:nth-of-type(6n),
  593. .gallery-columns-7 .gallery-item:nth-of-type(7n),
  594. .gallery-columns-8 .gallery-item:nth-of-type(8n),
  595. .gallery-columns-9 .gallery-item:nth-of-type(9n) {
  596. margin-right: 0;
  597. }
  598.  
  599. .gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),
  600. .gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),
  601. .gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),
  602. .gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {
  603. clear: left;
  604. }
  605.  
  606. .gallery-caption {
  607. font-size: 12px;
  608. line-height: 1.5;
  609. position: absolute;
  610. bottom: 0;
  611. left: 0;
  612. box-sizing: border-box;
  613. width: 100%;
  614. max-height: 50%;
  615. margin: 0;
  616. padding: 2px 8px;
  617. text-align: left;
  618. opacity: 0;
  619. color: #fff;
  620. background-color: #000;
  621. background-color: rgba(0, 0, 0, .7);
  622. }
  623.  
  624. .gallery-caption:before {
  625. position: absolute;
  626. top: 0;
  627. left: 0;
  628. width: 100%;
  629. height: 100%;
  630. min-height: 50px;
  631. content: '';
  632. }
  633.  
  634. .gallery-item:hover .gallery-caption {
  635. opacity: 1;
  636. }
  637.  
  638. .gallery-columns-7 .gallery-caption,
  639. .gallery-columns-8 .gallery-caption,
  640. .gallery-columns-9 .gallery-caption {
  641. display: none;
  642. }
  643.  
  644. /* Placeholder */
  645. .aligncenter {
  646. display: block;
  647. margin-right: auto;
  648. margin-left: auto;
  649. }
  650.  
  651. /* Typography */
  652. /**
  653. * Set link colors.
  654. */
  655. a {
  656. -webkit-transition: all 200ms ease-in-out 0s;
  657. transition: all 200ms ease-in-out 0s;
  658. text-decoration: none;
  659. color: #0af;
  660. }
  661.  
  662. a:visited {
  663. color: #0099e6;
  664. }
  665.  
  666. a:hover,
  667. a:visited:hover {
  668. text-decoration: none;
  669. color: #3bf;
  670. }
  671.  
  672. /**
  673. * Headings.
  674. */
  675. h1,
  676. h2,
  677. h3,
  678. h4,
  679. h5,
  680. h6 {
  681. font-family: 'Source Sans Pro', sans-serif;
  682. font-weight: 700;
  683. font-style: normal;
  684. /* margin: $base-line-height/2 0; */
  685. color: #323232;
  686. }
  687.  
  688. h1,
  689. .h1 {
  690. font-size: 36px;
  691. line-height: 1.1em;
  692. }
  693.  
  694. h2,
  695. .h2 {
  696. font-size: 30px;
  697. line-height: 1.2em;
  698. }
  699.  
  700. h3,
  701. .h3 {
  702. font-size: 24px;
  703. line-height: 1.3em;
  704. }
  705.  
  706. h4,
  707. .h4 {
  708. font-size: 20px;
  709. line-height: 1.3em;
  710. }
  711.  
  712. h5,
  713. .h5 {
  714. font-size: 16px;
  715. }
  716.  
  717. h6,
  718. .h6 {
  719. font-size: 14px;
  720. }
  721.  
  722. p {
  723. margin: 0 0 20px;
  724. }
  725.  
  726. /* Header */
  727. #masthead {
  728. height: 90px;
  729. background-color: #fff;
  730. }
  731.  
  732. #masthead #logo {
  733. float: left;
  734. margin: 15px 0 0 0;
  735. }
  736.  
  737. #masthead .site-title {
  738. font-size: 32px;
  739. padding: 15px 0;
  740. text-transform: uppercase;
  741. }
  742.  
  743. #masthead .site-title a {
  744. color: #fff;
  745. }
  746.  
  747. #masthead .container {
  748. position: relative;
  749. }
  750.  
  751. #primary-bar {
  752. z-index: 100;
  753. display: block;
  754. width: 100%;
  755. height: 41px;
  756. margin-bottom: 40px;
  757. background: #141414;
  758. box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
  759. }
  760.  
  761. .header-search {
  762. float: right;
  763. margin: 25px 0 0 0;
  764. }
  765.  
  766. .header-search #search-form {
  767. position: relative;
  768. }
  769.  
  770. .header-search #search-form input {
  771. font-size: 12px;
  772. line-height: 34px;
  773. width: 490px;
  774. height: 34px;
  775. -webkit-transition: border linear .2s, box-shadow linear .2s, width .7s ease 0s;
  776. transition: border linear .2s, box-shadow linear .2s, width .7s ease 0s;
  777. border: 1px solid #e5e5e5;
  778. border-radius: 3px;
  779. background-color: #fff;
  780. box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  781. }
  782.  
  783. .header-search #search-form input:focus {
  784. border-color: #0af;
  785. }
  786.  
  787. .header-search #search-form button {
  788. font-size: 14px;
  789. position: absolute;
  790. top: 1px;
  791. right: 5px;
  792. width: 30px;
  793. cursor: pointer;
  794. color: #0af;
  795. border: none;
  796. background: none !important;
  797. }
  798.  
  799. .header-social {
  800. float: right;
  801. margin: 32px 0 0 90px;
  802. }
  803.  
  804. .header-social a:link,
  805. .header-social a:visited {
  806. font-size: 11px;
  807. line-height: 1;
  808. line-height: 24px;
  809. display: inline-block;
  810. width: 24px;
  811. height: 24px;
  812. margin-left: 5px;
  813. text-align: center;
  814. color: #999;
  815. border-radius: 50%;
  816. background-color: #f9f9f9;
  817. }
  818.  
  819. .header-social a:link .fa,
  820. .header-social a:visited .fa {
  821. width: 14px;
  822. text-align: center;
  823. }
  824.  
  825. .header-social a:hover {
  826. color: #0af;
  827. }
  828.  
  829. /* Login / Register Form */
  830. .user_login input[type='text'],
  831. .user_register input[type='text'] {
  832. display: block;
  833. width: 90%;
  834. height: auto;
  835. padding: 10px;
  836. color: #666;
  837. border: 1px solid #ddd;
  838. border-radius: 2px;
  839. }
  840.  
  841. #lean_overlay {
  842. position: fixed;
  843. z-index: 100;
  844. top: 0;
  845. left: 0;
  846. display: none;
  847. width: 100%;
  848. height: 100%;
  849. background: #000;
  850. }
  851.  
  852. .popupContainer {
  853. position: absolute;
  854. top: 80px;
  855. left: 45%;
  856. width: 330px;
  857. height: auto;
  858. background: #fff;
  859. }
  860.  
  861. .btn1 {
  862. padding: 10px 20px;
  863. background: #f4f4f2;
  864. }
  865.  
  866. .btn1:hover {
  867. background: #e4e4e2;
  868. }
  869.  
  870. .btn1_red {
  871. color: #fff;
  872. background: #ed6347;
  873. }
  874.  
  875. .btn1_red:hover {
  876. background: #c12b05;
  877. }
  878.  
  879. a.btn1 {
  880. text-align: center;
  881. text-decoration: none;
  882. color: #666;
  883. }
  884.  
  885. a.btn1_red {
  886. color: #fff;
  887. }
  888.  
  889. .one_half {
  890. display: block;
  891. float: left;
  892. width: 50%;
  893. }
  894.  
  895. .one_half.last {
  896. width: 45%;
  897. margin-left: 5%;
  898. }
  899.  
  900. .popupHeader {
  901. font-size: 16px;
  902. font-weight: bold;
  903. position: relative;
  904. padding: 10px 20px;
  905. text-transform: uppercase;
  906. border-bottom: 1px solid #ddd;
  907. background: #f4f4f2;
  908. }
  909.  
  910. .popupHeader .modal_close {
  911. font-size: 16px;
  912. position: absolute;
  913. top: 0;
  914. right: 0;
  915. padding: 10px 15px;
  916. cursor: pointer;
  917. color: #aaa;
  918. background: #e4e4e2;
  919. }
  920.  
  921. .popupBody {
  922. padding: 20px;
  923. }
  924.  
  925. .social_login .social_box {
  926. display: block;
  927. clear: both;
  928. overflow: hidden;
  929. margin-bottom: 10px;
  930. padding: 10px;
  931. background: #f4f4f2;
  932. }
  933.  
  934. .social_login .social_box:hover {
  935. background: #e4e4e2;
  936. }
  937.  
  938. .social_login .icon {
  939. font-size: 16px;
  940. display: block;
  941. float: left;
  942. width: 10px;
  943. margin-right: 10px;
  944. padding: 5px 10px;
  945. text-align: center;
  946. color: #fff;
  947. }
  948.  
  949. .social_login .icon_title {
  950. font-size: 16px;
  951. font-weight: bold;
  952. display: block;
  953. float: left;
  954. padding: 5px 0;
  955. color: #777;
  956. }
  957.  
  958. .social_login .fb .icon {
  959. background: #3b5998;
  960. }
  961.  
  962. .social_login .google .icon {
  963. background: #dd4b39;
  964. }
  965.  
  966. .centeredText {
  967. clear: both;
  968. overflow: hidden;
  969. margin: 20px 0;
  970. text-align: center;
  971. text-transform: uppercase;
  972. }
  973.  
  974. .action_btns {
  975. clear: both;
  976. overflow: hidden;
  977. }
  978.  
  979. .action_btns a {
  980. display: block;
  981. }
  982.  
  983. .user_login label {
  984. display: block;
  985. margin-bottom: 5px;
  986. }
  987.  
  988. .user_login input[type='checkbox'] {
  989. float: left;
  990. margin-right: 5px;
  991. }
  992.  
  993. .user_login input[type='checkbox'] + label {
  994. float: left;
  995. }
  996.  
  997. .user_login .checkbox {
  998. clear: both;
  999. overflow: hidden;
  1000. margin-bottom: 10px;
  1001. }
  1002.  
  1003. .user_login form {
  1004. overflow: hidden;
  1005. }
  1006.  
  1007. .user_login .login-remember {
  1008. float: left;
  1009. }
  1010.  
  1011. .user_login .login-submit {
  1012. float: right;
  1013. }
  1014.  
  1015. .user_login .login-submit .button-primary {
  1016. padding: 10px 20px;
  1017. cursor: pointer;
  1018. color: #fff;
  1019. border: 0;
  1020. background-color: #ed6347;
  1021. }
  1022.  
  1023. .user_login .login-submit .button-primary:hover {
  1024. background-color: #555;
  1025. }
  1026.  
  1027. .forgot_password {
  1028. display: block;
  1029. clear: both;
  1030. overflow: hidden;
  1031. margin: 20px 0 10px;
  1032. text-decoration: none;
  1033. color: #ed6347;
  1034. }
  1035.  
  1036. .user_register {
  1037. display: none;
  1038. }
  1039.  
  1040. .user_register label {
  1041. display: block;
  1042. margin-bottom: 5px;
  1043. }
  1044.  
  1045. .user_register input[type='checkbox'] {
  1046. float: left;
  1047. margin-right: 5px;
  1048. }
  1049.  
  1050. .user_register input[type='checkbox'] + label {
  1051. float: left;
  1052. }
  1053.  
  1054. .user_register .checkbox {
  1055. clear: both;
  1056. overflow: hidden;
  1057. margin-bottom: 10px;
  1058. }
  1059.  
  1060. /* Navigation */
  1061. .sf-menu,
  1062. .sf-menu * {
  1063. margin: 0;
  1064. padding: 0;
  1065. list-style: none;
  1066. }
  1067.  
  1068. .sf-menu li {
  1069. position: relative;
  1070. z-index: 100;
  1071. }
  1072.  
  1073. .sf-menu li:hover > ul {
  1074. display: block;
  1075. }
  1076.  
  1077. .sf-menu li.sfHover > ul {
  1078. display: block;
  1079. }
  1080.  
  1081. .sf-menu ul {
  1082. position: absolute;
  1083. top: 100%;
  1084. left: 0;
  1085. display: none;
  1086. padding: 10px 0;
  1087. background: #fff;
  1088. }
  1089.  
  1090. .sf-menu ul ul {
  1091. top: 0;
  1092. left: 225px;
  1093. margin-top: -10px;
  1094. }
  1095.  
  1096. .sf-menu ul a {
  1097. font-size: 1em;
  1098. }
  1099.  
  1100. .sf-menu ul li {
  1101. width: 225px;
  1102. }
  1103.  
  1104. .sf-menu a {
  1105. position: relative;
  1106. display: block;
  1107. padding: 0 20px;
  1108. }
  1109.  
  1110. .sf-menu > li {
  1111. float: left;
  1112. }
  1113.  
  1114. .sf-arrows .sf-with-ul {
  1115. padding-right: 30px !important;
  1116. }
  1117.  
  1118. .sf-arrows .sf-with-ul:after {
  1119. position: absolute;
  1120. top: 50%;
  1121. right: 7px;
  1122. width: 0;
  1123. height: 0;
  1124. margin-top: -2px;
  1125. margin-right: 9px;
  1126. content: '';
  1127. border: 4px solid transparent;
  1128. border-top-color: #fff;
  1129. }
  1130.  
  1131. .sf-arrows > li > .sf-with-ul:focus:after {
  1132. border-top-color: #fff;
  1133. }
  1134.  
  1135. .sf-arrows > li:hover > .sf-with-ul:after {
  1136. border-top-color: #fff;
  1137. }
  1138.  
  1139. .sf-arrows > .sfHover > .sf-with-ul:after {
  1140. border-top-color: #fff;
  1141. }
  1142.  
  1143. .sf-arrows ul li > .sf-with-ul:focus:after {
  1144. border-left-color: #fff;
  1145. }
  1146.  
  1147. .sf-arrows ul li:hover > .sf-with-ul:after {
  1148. border-left-color: #fff;
  1149. }
  1150.  
  1151. .sf-arrows ul .sf-with-ul:after {
  1152. margin-top: -5px;
  1153. margin-right: 10px;
  1154. border-color: transparent;
  1155. border-left-color: #fff;
  1156. }
  1157.  
  1158. .sf-arrows ul .sfHover > .sf-with-ul:after {
  1159. border-left-color: #fff;
  1160. }
  1161.  
  1162. /**
  1163. * 5.1 Primary Navigation
  1164. * -----------------------------------------------------------------------------
  1165. */
  1166. .color1 {
  1167. border-top: 1px solid #0af !important;
  1168. }
  1169.  
  1170. .color1:hover {
  1171. background-color: #0af !important;
  1172. }
  1173.  
  1174. .color2 {
  1175. border-top: 1px solid #eb1e00 !important;
  1176. }
  1177.  
  1178. .color2:hover {
  1179. background-color: #eb1e00 !important;
  1180. }
  1181.  
  1182. .color3 {
  1183. border-top: 1px solid #00a53c !important;
  1184. }
  1185.  
  1186. .color3:hover {
  1187. background-color: #00a53c !important;
  1188. }
  1189.  
  1190. .color4 {
  1191. border-top: 1px solid #9600b4 !important;
  1192. }
  1193.  
  1194. .color4:hover {
  1195. background-color: #9600b4 !important;
  1196. }
  1197.  
  1198. .color5 {
  1199. border-top: 1px solid #00c3c3 !important;
  1200. }
  1201.  
  1202. .color5:hover {
  1203. background-color: #00c3c3 !important;
  1204. }
  1205.  
  1206. .color6 {
  1207. border-top: 1px solid #fa5f00 !important;
  1208. }
  1209.  
  1210. .color6:hover {
  1211. background-color: #fa5f00 !important;
  1212. }
  1213.  
  1214. .sfHover .color1 {
  1215. background-color: #0af !important;
  1216. }
  1217.  
  1218. .sfHover .color2 {
  1219. background-color: #eb1e00 !important;
  1220. }
  1221.  
  1222. .sfHover .color3 {
  1223. background-color: #00a53c !important;
  1224. }
  1225.  
  1226. .sfHover .color4 {
  1227. background-color: #9600b4 !important;
  1228. }
  1229.  
  1230. .sfHover .color5 {
  1231. background-color: #00c3c3 !important;
  1232. }
  1233.  
  1234. .sfHover .color6 {
  1235. background-color: #fa5f00 !important;
  1236. }
  1237.  
  1238. #primary-nav {
  1239. z-index: 50;
  1240. }
  1241.  
  1242. #primary-nav .sf-menu ul {
  1243. background: #fff;
  1244. box-shadow: 2px 2px 6px rgba(0, 0, 0, .2);
  1245. }
  1246.  
  1247. #primary-nav .home_item {
  1248. border-left: 1px solid #343434;
  1249. }
  1250.  
  1251. #primary-nav ul li {
  1252. border-right: 1px solid #343434;
  1253. }
  1254.  
  1255. #primary-nav ul li a {
  1256. font-size: .83em;
  1257. font-weight: bold;
  1258. font-style: normal;
  1259. line-height: 40px;
  1260. display: block;
  1261. height: 41px;
  1262. padding: 0 20px;
  1263. text-transform: uppercase;
  1264. color: #fff;
  1265. }
  1266.  
  1267. #primary-nav ul li a:hover,
  1268. #primary-nav ul li.current_item a,
  1269. #primary-nav ul li.sfHover a {
  1270. text-decoration: none;
  1271. color: #fff;
  1272. background-color: #343434;
  1273. }
  1274.  
  1275. #primary-nav ul.sf-menu li li {
  1276. border: none;
  1277. }
  1278.  
  1279. #primary-nav ul.sf-menu li li a {
  1280. font-size: 13px;
  1281. font-weight: normal;
  1282. line-height: 1 !important;
  1283. height: auto !important;
  1284. padding: 8px 20px;
  1285. text-transform: none;
  1286. color: #999;
  1287. border: none !important;
  1288. background: #fff;
  1289. }
  1290.  
  1291. #primary-nav ul.sf-menu li li a:hover {
  1292. color: #0af;
  1293. }
  1294.  
  1295. /**
  1296. * 5.3 Mega Menu
  1297. * -----------------------------------------------------------------------------
  1298. */
  1299. #primary-nav {
  1300. /* Links */
  1301. /* Posts */
  1302. }
  1303.  
  1304. #primary-nav .sf-mega-parent {
  1305. position: static;
  1306. }
  1307.  
  1308. #primary-nav .sf-mega {
  1309. background-color: #fff;
  1310. box-shadow: 2px 2px 6px rgba(0, 0, 0, .2);
  1311. }
  1312.  
  1313. #primary-nav .sf-mega {
  1314. position: absolute;
  1315. z-index: 999;
  1316. left: 0;
  1317. display: none;
  1318. width: 100%;
  1319. }
  1320.  
  1321. #primary-nav .sf-mega ol {
  1322. position: static;
  1323. display: block;
  1324. }
  1325.  
  1326. #primary-nav .sf-mega li a {
  1327. font-size: 13px !important;
  1328. line-height: auto !important;
  1329. height: auto !important;
  1330. text-transform: none !important;
  1331. }
  1332.  
  1333. #primary-nav .sf-menu li:hover > .sf-mega,
  1334. #primary-nav .sf-menu li.sfHover > .sf-mega {
  1335. display: block;
  1336. }
  1337.  
  1338. #primary-nav .links {
  1339. width: 100% !important;
  1340. padding: 20px 0;
  1341. }
  1342.  
  1343. #primary-nav .links li {
  1344. display: block;
  1345. float: left;
  1346. width: 172px !important;
  1347. margin-right: 20px;
  1348. padding-right: 20px;
  1349. border-right: 1px dotted #e6e6e6 !important;
  1350. }
  1351.  
  1352. #primary-nav .links li:last-child,
  1353. #primary-nav .links li:last-child > li {
  1354. margin-right: 0 !important;
  1355. padding-right: 20px !important;
  1356. border-right: none !important;
  1357. }
  1358.  
  1359. #primary-nav .links li span.column-heading {
  1360. font-weight: 700;
  1361. display: block;
  1362. margin-bottom: 20px;
  1363. }
  1364.  
  1365. #primary-nav .links li ol {
  1366. display: block;
  1367. margin: 0 20px 0 0 !important;
  1368. }
  1369.  
  1370. #primary-nav .links li ol li {
  1371. margin: 0;
  1372. border-right: none !important;
  1373. background: none;
  1374. }
  1375.  
  1376. #primary-nav .links li ol li a {
  1377. font-size: 13px !important;
  1378. font-weight: normal !important;
  1379. line-height: 1.4 !important;
  1380. margin: 0 0 12px 0 !important;
  1381. padding: 0 !important;
  1382. border: none !important;
  1383. background: #fff !important;
  1384. }
  1385.  
  1386. #primary-nav .links li ol li a:hover {
  1387. color: #0af !important;
  1388. }
  1389.  
  1390. #primary-nav .links li ol li:last-child a {
  1391. margin-bottom: 0 !important;
  1392. }
  1393.  
  1394. #primary-nav .posts {
  1395. width: 100%;
  1396. }
  1397.  
  1398. #primary-nav .posts .sub-cats {
  1399. float: left;
  1400. width: 175px;
  1401. min-height: 210px;
  1402. text-align: right;
  1403. background-color: #f5f5f5;
  1404. }
  1405.  
  1406. #primary-nav .posts .sub-cats li {
  1407. border: none !important;
  1408. background: none !important;
  1409. }
  1410.  
  1411. #primary-nav .posts .sub-cats li:first-child {
  1412. margin-top: 20px;
  1413. }
  1414.  
  1415. #primary-nav .posts .sub-cats li:last-child {
  1416. margin-bottom: 20px;
  1417. }
  1418.  
  1419. #primary-nav .posts .sub-cats li a {
  1420. font-size: 13px !important;
  1421. margin: 0 !important;
  1422. padding: 8px 15px 8px 10px !important;
  1423. color: #999 !important;
  1424. border: none !important;
  1425. background-color: #f5f5f5 !important;
  1426. }
  1427.  
  1428. #primary-nav .posts .sub-cats li a:hover {
  1429. color: #0af !important;
  1430. background-color: #fff !important;
  1431. }
  1432.  
  1433. #primary-nav .posts .sub-cats li a:after {
  1434. font-family: FontAwesome;
  1435. font-size: 9px !important;
  1436. margin-left: 10px;
  1437. content: '\f054';
  1438. color: transparent;
  1439. }
  1440.  
  1441. #primary-nav .posts .sub-cats li:hover > a:after {
  1442. color: #0af;
  1443. }
  1444.  
  1445. #primary-nav .posts .cat-posts {
  1446. float: left;
  1447. width: 860px;
  1448. padding: 20px 0 20px 20px;
  1449. }
  1450.  
  1451. #primary-nav .posts .cat-posts .post-list {
  1452. float: left !important;
  1453. width: 200px;
  1454. margin-right: 20px;
  1455. }
  1456.  
  1457. #primary-nav .posts .cat-posts .post-list:last-child {
  1458. margin-right: 0;
  1459. }
  1460.  
  1461. #primary-nav .posts .cat-posts .post-list a {
  1462. line-height: 1.6 !important;
  1463. display: block;
  1464. height: auto !important;
  1465. margin: 0 !important;
  1466. padding: 0 !important;
  1467. border: none !important;
  1468. background: none !important;
  1469. }
  1470.  
  1471. #primary-nav .posts .cat-posts .post-list a:hover {
  1472. background: none !important;
  1473. }
  1474.  
  1475. #primary-nav .posts .cat-posts .post-list .entry-thumbnail {
  1476. width: 100%;
  1477. height: auto;
  1478. margin: 0 0 5px 0;
  1479. }
  1480.  
  1481. #primary-nav .posts .cat-posts .post-list .entry-title {
  1482. font-size: 13px;
  1483. font-weight: normal;
  1484. text-transform: none;
  1485. color: #999;
  1486. }
  1487.  
  1488. #primary-nav .posts .cat-posts .post-list:hover .entry-title {
  1489. color: #0af;
  1490. }
  1491.  
  1492. #primary-nav ul.nav-right {
  1493. float: right;
  1494. border-left: 1px solid #343434;
  1495. }
  1496.  
  1497. #primary-nav ul.nav-right .fa {
  1498. font-size: 13px;
  1499. margin-right: 2px;
  1500. color: #999;
  1501. }
  1502.  
  1503. #primary-nav ul.nav-right li a {
  1504. color: #999;
  1505. }
  1506.  
  1507. #primary-nav ul.nav-right li a:hover {
  1508. color: #fff;
  1509. }
  1510.  
  1511. #primary-nav ul.nav-right li a:hover .fa {
  1512. color: #fff;
  1513. }
  1514.  
  1515. #primary-nav ul.nav-right li a {
  1516. line-height: 44px;
  1517. height: 40px;
  1518. padding: 0 15px !important;
  1519. }
  1520.  
  1521. /* Content */
  1522. /* Site Content */
  1523. .site-main {
  1524. background-color: #fff;
  1525. background-image: url('assets/img/bg-main.png');
  1526. background-repeat: repeat-y;
  1527. background-position: top right;
  1528. }
  1529.  
  1530. .container {
  1531. width: 1060px !important;
  1532. margin: 0 auto !important;
  1533. }
  1534.  
  1535. .content-area {
  1536. float: left;
  1537. width: 680px;
  1538. height: auto;
  1539. padding: 20px 19px 20px 20px;
  1540. }
  1541.  
  1542. .gradient {
  1543. position: absolute;
  1544. z-index: 2;
  1545. bottom: 0;
  1546. left: 0;
  1547. display: block;
  1548. width: 100%;
  1549. height: 60%;
  1550. content: '';
  1551. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, .65)));
  1552. background: -webkit-linear-gradient(top, transparent 0, rgba(0, 0, 0, .65) 100%);
  1553. background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .65) 100%);
  1554. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
  1555. }
  1556.  
  1557. .breadcrumbs {
  1558. font-size: 18px;
  1559. margin-bottom: 20px;
  1560. padding-bottom: 10px;
  1561. border-bottom: 1px solid #e9e9e9;
  1562. }
  1563.  
  1564. .hentry .entry-title {
  1565. margin-bottom: 10px;
  1566. }
  1567.  
  1568. .entry-title a:link,
  1569. .entry-title a:visited {
  1570. display: block;
  1571. color: #333;
  1572. }
  1573.  
  1574. /**
  1575. * 6.2 Featured Content
  1576. * -----------------------------------------------------------------------------
  1577. */
  1578. .entry-category {
  1579. font-size: 11px;
  1580. font-weight: bold;
  1581. line-height: 1;
  1582. position: absolute;
  1583. top: 10px;
  1584. left: 10px;
  1585. padding: 3px 5px;
  1586. text-transform: uppercase;
  1587. color: #fff;
  1588. }
  1589.  
  1590. .post-link {
  1591. display: block;
  1592. width: 100%;
  1593. height: 100%;
  1594. }
  1595.  
  1596. .entry-meta {
  1597. font-size: 11px;
  1598. color: #999;
  1599. }
  1600.  
  1601. .page-title {
  1602. margin-bottom: 20px;
  1603. }
  1604.  
  1605. .black a:link,
  1606. .black a:visited {
  1607. color: #333;
  1608. }
  1609.  
  1610. .black a:hover {
  1611. color: #141414;
  1612. }
  1613.  
  1614. .no-underline a:hover,
  1615. .single .entry-share ul li a:hover {
  1616. text-decoration: none;
  1617. }
  1618.  
  1619. .dropcap {
  1620. font-size: 58px;
  1621. line-height: 54px;
  1622. float: left;
  1623. margin-top: -2px;
  1624. padding-top: 4px;
  1625. padding-right: 10px;
  1626. }
  1627.  
  1628. .header-ad {
  1629. width: 728px;
  1630. height: 90px;
  1631. margin: 0 auto 40px;
  1632. }
  1633.  
  1634. .header-ad img {
  1635. width: 100%;
  1636. }
  1637.  
  1638. .layout-2c-r .site-main {
  1639. background-position: top left;
  1640. }
  1641.  
  1642. .layout-2c-r .content-area {
  1643. float: right;
  1644. }
  1645.  
  1646. .layout-2c-r .sidebar {
  1647. float: left;
  1648. }
  1649.  
  1650. .layout-1c .site-main {
  1651. background-image: none !important;
  1652. }
  1653.  
  1654. .layout-1c .content-area {
  1655. width: 95%;
  1656. }
  1657.  
  1658. .btn {
  1659. padding-right: 10px;
  1660. padding-left: 10px;
  1661. }
  1662.  
  1663. /* Sidebar */
  1664. /**
  1665. * 7. Sidebar
  1666. * -----------------------------------------------------------------------------
  1667. */
  1668. .sidebar {
  1669. float: right;
  1670. width: 300px;
  1671. padding: 30px 20px;
  1672. /* Ad Widget */
  1673. }
  1674.  
  1675. .sidebar .widget {
  1676. margin-bottom: 30px;
  1677. }
  1678.  
  1679. .sidebar .widget .widget-title {
  1680. font-size: 13px;
  1681. line-height: 32px;
  1682. height: 32px;
  1683. margin: 0 0 15px 0;
  1684. text-indent: 10px;
  1685. letter-spacing: 1px;
  1686. text-transform: uppercase;
  1687. color: #333;
  1688. background-color: #eee;
  1689. }
  1690.  
  1691. .sidebar .widget .widget-title a {
  1692. line-height: 32px;
  1693. display: block;
  1694. height: 32px;
  1695. color: #333;
  1696. color: #333;
  1697. }
  1698.  
  1699. .sidebar .widget p {
  1700. margin-bottom: 15px;
  1701. }
  1702.  
  1703. .sidebar .widget ul > li {
  1704. margin-bottom: 15px;
  1705. padding-bottom: 15px;
  1706. list-style: none;
  1707. border-bottom: 1px solid #e9e9e9;
  1708. }
  1709.  
  1710. .sidebar .widget_ads {
  1711. text-align: center;
  1712. }
  1713.  
  1714. .sidebar .widget_ads .widget-title {
  1715. font-size: 10px;
  1716. font-weight: normal;
  1717. margin-bottom: 5px;
  1718. padding: 0;
  1719. text-align: center;
  1720. letter-spacing: 1px;
  1721. text-transform: uppercase;
  1722. color: #9f9f9f;
  1723. background: none;
  1724. }
  1725.  
  1726. .widget_posts ul > li {
  1727. border-bottom: 1px solid #e9e9e9;
  1728. }
  1729.  
  1730. .widget_posts .entry-title {
  1731. font-size: 16px;
  1732. margin-bottom: 10px;
  1733. }
  1734.  
  1735. /* Newsletter Widget */
  1736. .widget_newsletter p {
  1737. margin-bottom: 15px;
  1738. }
  1739.  
  1740. .widget_newsletter input {
  1741. width: 170px;
  1742. background: #fff;
  1743. }
  1744.  
  1745. /* Tabs Widget */
  1746. .widget_tabs {
  1747. margin-bottom: 20px;
  1748. }
  1749.  
  1750. .widget_tabs .tabs-nav {
  1751. overflow: visible;
  1752. width: 100%;
  1753. height: 32px;
  1754. list-style: none;
  1755. background-color: #eee;
  1756. }
  1757.  
  1758. .widget_tabs .tabs-nav li {
  1759. position: relative;
  1760. display: inline-block;
  1761. overflow: hidden;
  1762. width: 60px;
  1763. margin: 0 !important;
  1764. padding: 0 !important;
  1765. list-style: none;
  1766. text-align: center;
  1767. border-bottom: none !important;
  1768. }
  1769.  
  1770. .widget_tabs .tabs-nav li.active a,
  1771. .widget_tabs .tabs-nav li.active a:visited {
  1772. line-height: 32px;
  1773. z-index: 999;
  1774. height: 32px;
  1775. background-color: #e3e3e3;
  1776. }
  1777.  
  1778. .widget_tabs .tabs-nav li.active a .fa,
  1779. .widget_tabs .tabs-nav li.active a:visited .fa {
  1780. color: #0af;
  1781. }
  1782.  
  1783. .widget_tabs .tabs-nav li a {
  1784. font-size: 12px;
  1785. font-weight: bold;
  1786. line-height: 32px;
  1787. position: relative;
  1788. display: block;
  1789. height: 32px;
  1790. text-transform: uppercase;
  1791. color: #333;
  1792. }
  1793.  
  1794. .widget_tabs .tabs-nav li a:hover {
  1795. text-decoration: none;
  1796. color: #0af;
  1797. }
  1798.  
  1799. .widget_tabs .tab-content ul li {
  1800. margin: 0;
  1801. padding: 0;
  1802. list-style: none;
  1803. border-bottom: 1px solid #e9e9e9;
  1804. }
  1805.  
  1806. .widget_tabs .tab-content ul li .entry-thumbnail {
  1807. float: left;
  1808. width: 64px;
  1809. height: 64px;
  1810. margin: 0 10px 0 0;
  1811. }
  1812.  
  1813. .widget_tabs .tab-content ul li .entry-title {
  1814. font-size: 14px;
  1815. font-weight: 400;
  1816. }
  1817.  
  1818. .widget_tabs .tab-content ul li .entry-meta {
  1819. font-size: 11px;
  1820. margin-top: 5px;
  1821. color: #9f9f9f;
  1822. }
  1823.  
  1824. .widget_tabs .tab-content ul li a {
  1825. display: block;
  1826. padding: 15px 0;
  1827. }
  1828.  
  1829. .widget_tabs .tab-content ul li a:hover {
  1830. text-decoration: none;
  1831. }
  1832.  
  1833. .widget_tabs .tab-content ul li a:hover .entry-title {
  1834. color: #0af;
  1835. }
  1836.  
  1837. .widget_tabs .tab-content ul li a:after {
  1838. font-size: 0;
  1839. display: block;
  1840. visibility: hidden;
  1841. clear: both;
  1842. height: 0;
  1843. content: ' ';
  1844. }
  1845.  
  1846. .widget_tabs #tab3 li a span {
  1847. font-size: 12px;
  1848. display: block;
  1849. color: #999;
  1850. }
  1851.  
  1852. .widget_tabs #tab3 li a strong {
  1853. display: block;
  1854. margin-bottom: 5px;
  1855. color: #333;
  1856. }
  1857.  
  1858. .widget_tabs #tab3 li a:hover strong {
  1859. color: #0af;
  1860. }
  1861.  
  1862. .widget_tabs #tab4 {
  1863. padding-top: 20px;
  1864. }
  1865.  
  1866. .widget_tabs #tab4 a {
  1867. font-size: 12px;
  1868. display: inline-block;
  1869. margin: 0 3px 6px 0;
  1870. padding: 5px 10px;
  1871. text-transform: lowercase;
  1872. color: #999;
  1873. border-radius: 3px;
  1874. background-color: #eee;
  1875. }
  1876.  
  1877. .widget_tabs #tab4 a:hover {
  1878. text-decoration: none;
  1879. color: #fff;
  1880. background-color: #0af;
  1881. }
  1882.  
  1883. /* 125 Ad Widget */
  1884. .widget_125 img {
  1885. margin: 0 0 5px 0;
  1886. padding: 9px;
  1887. border: 1px solid #eee;
  1888. border-radius: 3px;
  1889. background: #fff;
  1890. }
  1891.  
  1892. .sidebar .widget_125 .img-right {
  1893. float: right;
  1894. }
  1895.  
  1896. /* Twitter Widget */
  1897. .widget_twitter ul li {
  1898. padding-left: 26px !important;
  1899. background: none !important;
  1900. }
  1901.  
  1902. .widget_twitter ul li .timestamp a:link,
  1903. .widget_twitter ul li .timestamp a:visited {
  1904. font-size: 11px;
  1905. font-style: italic;
  1906. color: #9f9f9f;
  1907. }
  1908.  
  1909. .widget_twitter ul li:before {
  1910. font-family: 'FontAwesome';
  1911. font-size: 14px;
  1912. display: inline-block;
  1913. float: left;
  1914. width: 26px;
  1915. margin-top: 0;
  1916. margin-left: -26px;
  1917. content: '\f099';
  1918. color: #09c;
  1919. }
  1920.  
  1921. /* Posts Thumbnail Widget */
  1922. .widget_posts_thumbnail {
  1923. line-height: 1.3;
  1924. }
  1925.  
  1926. .widget_posts_thumbnail li:before,
  1927. .widget_posts_thumbnail li:after {
  1928. display: table;
  1929. content: '';
  1930. }
  1931.  
  1932. .widget_posts_thumbnail li:after {
  1933. clear: both;
  1934. }
  1935.  
  1936. .widget_posts_thumbnail .entry-thumbnail {
  1937. float: left;
  1938. max-width: 64px;
  1939. margin: 0 15px 0 0;
  1940. }
  1941.  
  1942. .widget_posts_thumbnail .entry-meta {
  1943. margin-top: 3px;
  1944. color: #999;
  1945. }
  1946.  
  1947. /* Footer */
  1948. /**
  1949. * 8. Footer
  1950. * -----------------------------------------------------------------------------
  1951. */
  1952. #footer {
  1953. font-size: 13px;
  1954. padding: 30px 0;
  1955. background-color: #141414;
  1956. }
  1957.  
  1958. #footer .widget {
  1959. color: #999;
  1960. }
  1961.  
  1962. #footer .widget a:link,
  1963. #footer .widget a:visited {
  1964. color: #999;
  1965. }
  1966.  
  1967. #footer .widget a:hover {
  1968. color: #fff;
  1969. }
  1970.  
  1971. #footer .widget .widget-title {
  1972. font-size: 13px;
  1973. margin-bottom: 15px;
  1974. letter-spacing: 1px;
  1975. text-transform: uppercase;
  1976. color: #fff;
  1977. }
  1978.  
  1979. #footer .widget ul li {
  1980. margin-bottom: 15px;
  1981. list-style: none;
  1982. }
  1983.  
  1984. #footer .widget ul li a:hover {
  1985. color: #fff;
  1986. }
  1987.  
  1988. #footer .widget ul li:last-child {
  1989. margin-bottom: 0;
  1990. padding-bottom: 0;
  1991. border-bottom: none;
  1992. }
  1993.  
  1994. #footer .widget_newsletter {
  1995. padding: 0;
  1996. border: none;
  1997. -webkit-box-shadow: none;
  1998. box-shadow: none;
  1999. }
  2000.  
  2001. #footer .widget_newsletter input {
  2002. width: 140px;
  2003. margin: 0;
  2004. background: #fff;
  2005. }
  2006.  
  2007. #footer .widget_posts_thumbnail .entry-meta {
  2008. color: #666;
  2009. }
  2010.  
  2011. .footer-columns {
  2012. margin-bottom: 20px;
  2013. }
  2014.  
  2015. .footer-columns .container {
  2016. padding: 0 0 30px 0;
  2017. border-bottom: 1px solid #343434;
  2018. }
  2019.  
  2020. .footer-column-1,
  2021. .footer-column-2,
  2022. .footer-column-3 {
  2023. float: left;
  2024. width: 22.5%;
  2025. padding-right: 3%;
  2026. }
  2027.  
  2028. .footer-column-4 {
  2029. float: left;
  2030. width: 23.5%;
  2031. padding-right: 0;
  2032. }
  2033.  
  2034. /* Site Bottom */
  2035. #site-bottom {
  2036. font-size: 13px;
  2037. color: #666;
  2038. }
  2039.  
  2040. #site-bottom a:hover {
  2041. color: #fff;
  2042. }
  2043.  
  2044. #site-bottom .footer-links ul li {
  2045. line-height: 1;
  2046. float: left;
  2047. padding: 0 15px;
  2048. list-style: none;
  2049. border-right: 1px solid #343434;
  2050. }
  2051.  
  2052. #site-bottom .footer-links ul li:first-child {
  2053. padding-left: 0;
  2054. }
  2055.  
  2056. #site-bottom .footer-links ul li:last-child {
  2057. border-right-color: transparent;
  2058. }
  2059.  
  2060. #site-bottom .copyright {
  2061. line-height: 1;
  2062. float: right;
  2063. margin-bottom: 0;
  2064. }
  2065.  
  2066. #footer-nav {
  2067. padding-bottom: 30px;
  2068. }
  2069.  
  2070. #footer-nav ul > li {
  2071. float: left;
  2072. border-width: 2px;
  2073. }
  2074.  
  2075. #footer-nav ul > li a {
  2076. font-size: 13px;
  2077. font-weight: bold;
  2078. display: block;
  2079. width: 122.5px;
  2080. margin-bottom: 20px;
  2081. padding: 20px 10px 0 0;
  2082. border-width: 2px !important;
  2083. }
  2084.  
  2085. #footer-nav ul > li a:hover {
  2086. background: transparent !important;
  2087. }
  2088.  
  2089. #footer-nav ul > li ul > li {
  2090. float: none;
  2091. border-top: 0;
  2092. }
  2093.  
  2094. #footer-nav ul > li ul > li a {
  2095. font-size: 13px;
  2096. font-weight: normal;
  2097. margin-bottom: 10px;
  2098. padding: 0;
  2099. }
  2100.  
  2101. /* Comments */
  2102. /**
  2103. * 6.8 Comments
  2104. * ----------------------------------------------------------------------------
  2105. */
  2106. /* Comment List */
  2107. .comment-list,
  2108. .comment-list ul {
  2109. margin: 0;
  2110. padding: 0;
  2111. list-style: none;
  2112. }
  2113.  
  2114. .post-comment {
  2115. margin: 0 0 52px;
  2116. }
  2117.  
  2118. .post-comment .post-subtitle span {
  2119. margin-left: 5px;
  2120. }
  2121.  
  2122. .comment-list {
  2123. margin: 0 0 52px;
  2124. }
  2125.  
  2126. .comment-list ul {
  2127. margin-top: 30px;
  2128. }
  2129.  
  2130. .comment-list li {
  2131. margin-bottom: 30px;
  2132. }
  2133.  
  2134. .comment-list > li:last-child {
  2135. margin-bottom: 0;
  2136. }
  2137.  
  2138. .comment-avatar {
  2139. margin: 0 0 30px;
  2140. }
  2141.  
  2142. .comment-avatar figure {
  2143. width: 64px;
  2144. height: 64px;
  2145. margin-right: auto;
  2146. margin-left: auto;
  2147. }
  2148.  
  2149. .comment-avatar figure img {
  2150. width: 100%;
  2151. height: auto;
  2152. border-radius: 3px;
  2153. }
  2154.  
  2155. .comment-detail {
  2156. position: relative;
  2157. padding: 30px;
  2158. border-radius: 3px;
  2159. background-color: #f7f7f7;
  2160. }
  2161.  
  2162. .comment-detail:before {
  2163. position: absolute;
  2164. top: 0;
  2165. left: 50%;
  2166. width: 0;
  2167. height: 0;
  2168. margin-top: -10px;
  2169. margin-left: -10px;
  2170. content: '';
  2171. border-right: 10px solid transparent;
  2172. border-bottom: 10px solid #f7f7f7;
  2173. border-left: 10px solid transparent;
  2174. }
  2175.  
  2176. .comment-name {
  2177. font-weight: 700;
  2178. margin: 0 0 10px;
  2179. color: #474747;
  2180. }
  2181.  
  2182. .comment-date {
  2183. font-size: .8571em;
  2184. font-weight: 400;
  2185. margin: 0 0 0 6px;
  2186. }
  2187.  
  2188. .comment-description {
  2189. margin: 0 0 20px;
  2190. }
  2191.  
  2192. .comment-reply a,
  2193. .comment-reply a:visited {
  2194. font-size: 12px;
  2195. -webkit-transition: color .2s ease-in-out;
  2196. transition: color .2s ease-in-out;
  2197. text-transform: uppercase;
  2198. color: #999;
  2199. }
  2200.  
  2201. .comment-reply a:hover {
  2202. text-decoration: none;
  2203. color: #474747;
  2204. }
  2205.  
  2206. .comment-awaiting-moderation {
  2207. color: red;
  2208. }
  2209.  
  2210. /* Comment Form */
  2211. #respond .required {
  2212. color: red;
  2213. }
  2214.  
  2215. #respond label {
  2216. font-size: 13px;
  2217. display: inline-block;
  2218. margin-bottom: 5px;
  2219. color: #877c78;
  2220. }
  2221.  
  2222. #respond #reply-title {
  2223. font-size: 13px;
  2224. margin-bottom: 30px;
  2225. padding-bottom: 10px;
  2226. text-transform: uppercase;
  2227. border-bottom: 1px solid #e9e9e9;
  2228. }
  2229.  
  2230. #respond #reply-title small {
  2231. font-size: .618em;
  2232. margin-left: 10px;
  2233. }
  2234.  
  2235. #respond #commentform .comment-form-author,
  2236. #respond #commentform .comment-form-email,
  2237. #respond #commentform .comment-form-url {
  2238. float: left;
  2239. width: 31.33333%;
  2240. margin-right: 3%;
  2241. }
  2242.  
  2243. #respond #commentform .comment-form-url {
  2244. margin-right: 0;
  2245. }
  2246.  
  2247. #respond #commentform .comment-form-comment {
  2248. clear: both;
  2249. }
  2250.  
  2251. #respond #commentform .comment-form-desc {
  2252. font-size: 12px;
  2253. font-style: italic;
  2254. color: #999;
  2255. }
  2256.  
  2257. #respond #commentform .form-submit {
  2258. display: none;
  2259. }
  2260.  
  2261. #respond #commentform .fa {
  2262. margin-right: 5px;
  2263. }
  2264.  
  2265. #respond #commentform p {
  2266. margin-bottom: 20px;
  2267. }
  2268.  
  2269. #respond #commentform input.txt,
  2270. #respond #commentform textarea {
  2271. font-family: 'Source Sans Pro', sans-serif;
  2272. font-size: 13px;
  2273. width: 100%;
  2274. height: 32px;
  2275. padding-right: 0;
  2276. padding-left: 0;
  2277. border: none;
  2278. border-bottom: 1px solid #e9e9e9;
  2279. border-radius: 0;
  2280. }
  2281.  
  2282. #respond #commentform input.txt:focus,
  2283. #respond #commentform textarea:focus {
  2284. border-color: #333;
  2285. }
  2286.  
  2287. #respond #commentform .btn {
  2288. height: auto;
  2289. padding: 12px 15px;
  2290. }
  2291.  
  2292. .nav-previous {
  2293. float: left;
  2294. }
  2295.  
  2296. .nav-next {
  2297. float: right;
  2298. }
  2299.  
  2300. /* Homepage */
  2301. #featured-content .entry-title {
  2302. font-size: 32px;
  2303. position: absolute;
  2304. z-index: 2;
  2305. right: 10px;
  2306. bottom: 10px;
  2307. left: 10px;
  2308. padding: 10px;
  2309. letter-spacing: -1px;
  2310. color: #fff;
  2311. text-shadow: 1px 1px 1px rgba(0, 0, 0, .4);
  2312. }
  2313.  
  2314. #featured-content .entry-thumbnail {
  2315. width: 100% !important;
  2316. height: auto;
  2317. }
  2318.  
  2319. #featured-content .featured-primary {
  2320. position: relative;
  2321. float: left;
  2322. overflow: hidden;
  2323. width: 720px;
  2324. height: 399px;
  2325. }
  2326.  
  2327. #featured-content .featured-secondary {
  2328. float: left;
  2329. width: 340px;
  2330. }
  2331.  
  2332. #featured-content .featured-secondary .hentry {
  2333. position: relative;
  2334. display: block;
  2335. overflow: hidden;
  2336. height: 199px;
  2337. margin-bottom: 1px;
  2338. margin-left: 1px;
  2339. }
  2340.  
  2341. #featured-content .featured-secondary .hentry .entry-title {
  2342. font-size: 20px;
  2343. bottom: 0;
  2344. }
  2345.  
  2346. .listing-1-col ul li,
  2347. .listing-2-col ul li,
  2348. .listing-3-col ul li,
  2349. .listing-4-col ul li {
  2350. margin-bottom: 0;
  2351. padding-bottom: 0;
  2352. list-style: none;
  2353. border-bottom: 0;
  2354. }
  2355.  
  2356. .section-title {
  2357. font-size: 13px;
  2358. margin-bottom: 10px;
  2359. letter-spacing: 1px;
  2360. text-transform: uppercase;
  2361. }
  2362.  
  2363. .listing-1-col ul li a {
  2364. padding-bottom: 30px;
  2365. }
  2366.  
  2367. .listing-1-col .entry-thumbnail {
  2368. float: left;
  2369. margin: 0 15px 0 0;
  2370. }
  2371.  
  2372. .listing-1-col .entry-title {
  2373. font-size: 16px;
  2374. margin-bottom: 5px;
  2375. }
  2376.  
  2377. .listing-1-col .entry-summary {
  2378. font-size: 13px;
  2379. display: table;
  2380. margin-bottom: 7px;
  2381. color: #777;
  2382. }
  2383.  
  2384. .listing-1-col .entry-summary p {
  2385. margin-bottom: 0;
  2386. }
  2387.  
  2388. .listing-1-col .entry-meta {
  2389. margin-top: 5px;
  2390. }
  2391.  
  2392. .listing-1-col .entry-category {
  2393. position: static;
  2394. padding: 0;
  2395. color: #00c3c3;
  2396. }
  2397.  
  2398. .listing-2-col {
  2399. margin: 0 0 0 0;
  2400. }
  2401.  
  2402. .listing-2-col .box {
  2403. width: 325px;
  2404. margin: 0 0 30px 0;
  2405. }
  2406.  
  2407. .listing-2-col .box .category-title {
  2408. font-size: 13px;
  2409. line-height: 32px;
  2410. display: block;
  2411. height: 32px;
  2412. margin: 0 0 1px 0;
  2413. text-indent: 10px;
  2414. letter-spacing: 1px;
  2415. text-transform: uppercase;
  2416. color: #fff;
  2417. }
  2418.  
  2419. .listing-2-col .box .category-title a {
  2420. line-height: 32px;
  2421. display: block;
  2422. height: 32px;
  2423. color: #fff;
  2424. }
  2425.  
  2426. .listing-2-col .box .primary {
  2427. position: relative;
  2428. height: 194px;
  2429. margin: 0 0 15px 0;
  2430. }
  2431.  
  2432. .listing-2-col .box .primary .entry-title {
  2433. font-size: 16px;
  2434. position: absolute;
  2435. z-index: 2;
  2436. right: 10px;
  2437. bottom: 10px;
  2438. left: 10px;
  2439. color: #fff;
  2440. text-shadow: 1px 1px 1px rgba(0, 0, 0, .4);
  2441. }
  2442.  
  2443. .listing-2-col .box .primary .entry-thumbnail {
  2444. width: 100%;
  2445. height: auto;
  2446. }
  2447.  
  2448. @media only screen and (min-width: 1060px) {
  2449. .listing-2-col .box .primary .gradient {
  2450. bottom: -1px;
  2451. }
  2452. }
  2453.  
  2454. .listing-2-col .box .secondary {
  2455. padding-bottom: 15px;
  2456. border-bottom: 1px solid #e9e9e9;
  2457. }
  2458.  
  2459. .listing-2-col .box .secondary .entry-thumbnail {
  2460. float: left;
  2461. margin: 0 10px 0 0;
  2462. }
  2463.  
  2464. .listing-2-col .box .secondary .entry-title {
  2465. font-size: 14px;
  2466. font-weight: normal;
  2467. display: inline;
  2468. }
  2469.  
  2470. .listing-2-col .box .secondary .entry-meta {
  2471. margin: 5px 0 0 0;
  2472. color: #999;
  2473. }
  2474.  
  2475. .listing-2-col .box .secondary a:hover .entry-title {
  2476. color: #0af;
  2477. }
  2478.  
  2479. .listing-2-col .box .list {
  2480. padding: 10px 0;
  2481. border-bottom: 1px solid #e9e9e9;
  2482. }
  2483.  
  2484. .listing-2-col .box .list a {
  2485. font-size: 14px;
  2486. display: block;
  2487. color: #333;
  2488. }
  2489.  
  2490. .listing-2-col .box .list a:hover {
  2491. color: #0af;
  2492. }
  2493.  
  2494. .listing-2-col .left {
  2495. float: left;
  2496. }
  2497.  
  2498. .listing-2-col .right {
  2499. float: right;
  2500. }
  2501.  
  2502. .listing-3-col {
  2503. margin-bottom: 20px;
  2504. padding-bottom: 20px;
  2505. border-bottom: 1px solid #e9e9e9;
  2506. }
  2507.  
  2508. .listing-3-col ul li {
  2509. position: relative;
  2510. float: left;
  2511. width: 208px;
  2512. min-height: 200px;
  2513. margin: 0 28px 28px 0;
  2514. }
  2515.  
  2516. .listing-3-col ul li:nth-of-type(3n) {
  2517. margin-right: 0;
  2518. }
  2519.  
  2520. .listing-3-col ul li:nth-of-type(3n+1) {
  2521. clear: left;
  2522. }
  2523.  
  2524. .listing-3-col ul li .entry-title {
  2525. font-size: 14px;
  2526. font-weight: normal;
  2527. }
  2528.  
  2529. .listing-3-col ul li .entry-thumbnail {
  2530. margin-bottom: 3px;
  2531. }
  2532.  
  2533. .listing-4-col {
  2534. margin-bottom: 30px;
  2535. padding-bottom: 20px;
  2536. border-bottom: 1px solid #e9e9e9;
  2537. }
  2538.  
  2539. .listing-4-col ul li {
  2540. position: relative;
  2541. float: left;
  2542. width: 155px;
  2543. margin-right: 20px;
  2544. margin-bottom: 10px;
  2545. }
  2546.  
  2547. .listing-4-col ul li:nth-child(4n) {
  2548. margin-right: 0;
  2549. }
  2550.  
  2551. .listing-4-col ul li .entry-title {
  2552. font-size: 14px;
  2553. font-weight: normal;
  2554. }
  2555.  
  2556. .listing-4-col ul li .entry-thumbnail {
  2557. margin-bottom: 3px;
  2558. }
  2559.  
  2560. .line {
  2561. display: block;
  2562. width: 100%;
  2563. height: 1px;
  2564. margin-bottom: 20px;
  2565. border-top: 1px solid #e9e9e9;
  2566. }
  2567.  
  2568. .content-loop {
  2569. float: left;
  2570. width: 680px;
  2571. }
  2572.  
  2573. .content-loop .hentry {
  2574. margin-bottom: 20px;
  2575. list-style: none;
  2576. }
  2577.  
  2578. .content-loop .hentry .entry-title a:hover {
  2579. color: #0af;
  2580. }
  2581.  
  2582. .content-loop .hentry .entry-thumbnail {
  2583. float: left;
  2584. margin: 0 15px 0 0;
  2585. }
  2586.  
  2587. .content-loop .hentry .post-link {
  2588. display: block;
  2589. margin-bottom: 20px;
  2590. }
  2591.  
  2592. .content-loop .hentry .entry-category {
  2593. position: static;
  2594. padding: 0;
  2595. }
  2596.  
  2597. .content-loop .hentry .entry-category a {
  2598. color: #00c3c3;
  2599. }
  2600.  
  2601. .content-loop .hentry .entry-summary {
  2602. margin-bottom: 10px;
  2603. }
  2604.  
  2605. .content-loop .hentry .entry-summary p {
  2606. margin-bottom: 0;
  2607. }
  2608.  
  2609. .content-loop.loop-list .entry-thumbnail {
  2610. width: 35%;
  2611. }
  2612.  
  2613. .loop-list .hentry {
  2614. padding-bottom: 20px;
  2615. border-bottom: 1px solid #e9e9e9;
  2616. }
  2617.  
  2618. .loop-list .hentry .entry-title {
  2619. font-size: 24px;
  2620. }
  2621.  
  2622. .loop-grid .hentry {
  2623. float: left;
  2624. width: 319px;
  2625. padding-right: 20px;
  2626. }
  2627.  
  2628. .loop-grid .hentry:nth-of-type(2n) {
  2629. padding-right: 0;
  2630. padding-left: 20px;
  2631. border-left: 1px solid #e9e9e9;
  2632. }
  2633.  
  2634. .loop-grid .hentry .entry-title {
  2635. font-size: 20px;
  2636. clear: right;
  2637. margin-bottom: 15px;
  2638. }
  2639.  
  2640. .loop-grid .hentry .entry-thumbnail {
  2641. margin-bottom: 15px;
  2642. }
  2643.  
  2644. .loop-grid .hentry .entry-summary {
  2645. clear: both;
  2646. }
  2647.  
  2648. .loop-grid2 .entry-thumbnail {
  2649. float: none;
  2650. }
  2651.  
  2652. /* Single Post */
  2653. .single .hentry h1.entry-title {
  2654. font-size: 40px;
  2655. margin-bottom: 20px;
  2656. color: #333;
  2657. }
  2658.  
  2659. .single .post-nav a {
  2660. color: #999;
  2661. }
  2662.  
  2663. .single .entry-header {
  2664. position: relative;
  2665. margin-bottom: 20px;
  2666. }
  2667.  
  2668. .single .entry-footer {
  2669. margin-bottom: 20px;
  2670. }
  2671.  
  2672. .single .entry-category a {
  2673. font-size: 16px;
  2674. text-transform: uppercase;
  2675. color: #f3502a;
  2676. border-bottom: 2px solid #f64;
  2677. }
  2678.  
  2679. .single .entry-category a:hover {
  2680. text-decoration: none;
  2681. }
  2682.  
  2683. .single .entry-meta {
  2684. font-size: 13px;
  2685. margin-bottom: 15px;
  2686. padding: 0;
  2687. }
  2688.  
  2689. .single .entry-meta .avatar {
  2690. float: left;
  2691. margin: 0 15px 0 0;
  2692. }
  2693.  
  2694. .single .entry-share {
  2695. position: relative;
  2696. margin-bottom: 20px;
  2697. padding: 10px 0;
  2698. border-top: 1px solid #e9e9e9;
  2699. border-bottom: 1px solid #e9e9e9;
  2700. }
  2701.  
  2702. .single .entry-share ul {
  2703. overflow: hidden;
  2704. }
  2705.  
  2706. .single .entry-share .entry-comment {
  2707. position: absolute;
  2708. top: 11px;
  2709. right: 0;
  2710. }
  2711.  
  2712. .single .entry-share .entry-comment a {
  2713. color: #0af;
  2714. }
  2715.  
  2716. .single .entry-share ul li {
  2717. float: left;
  2718. margin-right: 10px;
  2719. padding-right: 10px;
  2720. list-style: none;
  2721. border-right: 1px solid #e9e9e9;
  2722. }
  2723.  
  2724. .single .entry-share ul li:last-child {
  2725. border-right: none;
  2726. }
  2727.  
  2728. .single .entry-share ul li a {
  2729. line-height: 24px;
  2730. display: block;
  2731. width: 24px;
  2732. height: 24px;
  2733. text-align: center;
  2734. color: #fff;
  2735. }
  2736.  
  2737. .single .entry-share ul li a .fa {
  2738. font-size: 15px;
  2739. }
  2740.  
  2741. .single .entry-share ul li.twitter a {
  2742. background-color: #00aced;
  2743. }
  2744.  
  2745. .single .entry-share ul li.facebook a {
  2746. background-color: #3b5998;
  2747. }
  2748.  
  2749. .single .entry-share ul li.google-plus a {
  2750. background-color: #dd4b39;
  2751. }
  2752.  
  2753. .single .entry-share ul li.linkedin a {
  2754. background-color: #007bb6;
  2755. }
  2756.  
  2757. .single .entry-share ul li.pinterest a {
  2758. background-color: #c92228;
  2759. }
  2760.  
  2761. .single .entry-share ul li.email a {
  2762. background-color: #aad450;
  2763. }
  2764.  
  2765. .entry-footer {
  2766. margin: 30px 0 0 0;
  2767. }
  2768.  
  2769. /* Related Posts */
  2770. .related-posts {
  2771. width: 100%;
  2772. margin-bottom: 40px;
  2773. }
  2774.  
  2775. .related-posts ul li {
  2776. float: left;
  2777. width: 31.3333%;
  2778. padding-right: 3%;
  2779. list-style: none;
  2780. }
  2781.  
  2782. .related-posts ul li:last-child {
  2783. padding-right: 0;
  2784. }
  2785.  
  2786. .related-posts ul li img {
  2787. width: 100%;
  2788. margin-bottom: 5px;
  2789. }
  2790.  
  2791. .related-posts ul li a {
  2792. display: block;
  2793. }
  2794.  
  2795. .related-posts ul li .entry-title {
  2796. font-size: 16px;
  2797. font-weight: bold;
  2798. }
  2799.  
  2800. .related-posts ul li .entry-summary {
  2801. color: #999;
  2802. }
  2803.  
  2804. .entry-content h1,
  2805. .entry-content h2,
  2806. .entry-content h3,
  2807. .entry-content h4,
  2808. .entry-content h5,
  2809. .entry-content h6 {
  2810. margin-bottom: 15px;
  2811. }
  2812.  
  2813. .entry-content strong {
  2814. font-weight: 700;
  2815. }
  2816.  
  2817. .entry-content p {
  2818. margin-bottom: 15px;
  2819. }
  2820.  
  2821. .entry-content ul,
  2822. .entry-content ol {
  2823. margin: 0 0 20px 20px;
  2824. }
  2825.  
  2826. .entry-content ul li {
  2827. margin: 10px 0;
  2828. list-style: disc;
  2829. }
  2830.  
  2831. .entry-content ol li {
  2832. margin: 10px 0;
  2833. list-style: decimal;
  2834. }
  2835.  
  2836. blockquote {
  2837. font-style: italic;
  2838. line-height: 1.45;
  2839. position: relative;
  2840. margin: .5em 0 1em;
  2841. padding: .25em 50px;
  2842. color: #999;
  2843. }
  2844.  
  2845. blockquote:before {
  2846. font-size: 80px;
  2847. position: absolute;
  2848. top: -20px;
  2849. left: -10px;
  2850. display: block;
  2851. content: '\201C';
  2852. color: #ccc;
  2853. }
  2854.  
  2855. blockquote cite {
  2856. display: block;
  2857. margin-top: 10px;
  2858. color: #333;
  2859. }
  2860.  
  2861. blockquote cite:before {
  2862. content: '\2014 \2009';
  2863. }
  2864.  
  2865. /* Members */
  2866. .members {
  2867. margin: 0 !important;
  2868. padding: 0;
  2869. }
  2870.  
  2871. .members .member {
  2872. float: left;
  2873. width: 46%;
  2874. padding: 2%;
  2875. list-style: none;
  2876. }
  2877.  
  2878. .members .member:nth-of-type(2n+1) {
  2879. clear: left;
  2880. }
  2881.  
  2882. .members .member .member-photo {
  2883. float: left;
  2884. width: 100px;
  2885. max-width: 100%;
  2886. margin-right: 30px;
  2887. }
  2888.  
  2889. .members .member .member-photo img {
  2890. width: 100%;
  2891. margin-bottom: 20px;
  2892. border-radius: 50%;
  2893. }
  2894.  
  2895. .members .member .member-photo .member-social {
  2896. margin: 0;
  2897. padding: 0;
  2898. list-style: none;
  2899. }
  2900.  
  2901. .members .member .member-photo .member-social li {
  2902. font-size: 12px;
  2903. display: inline-block;
  2904. margin: 0 2px;
  2905. }
  2906.  
  2907. .members .member .member-content {
  2908. position: relative;
  2909. overflow: hidden;
  2910. }
  2911.  
  2912. .members .member .member-content:before {
  2913. position: absolute;
  2914. top: 0;
  2915. width: 56px;
  2916. height: 1px;
  2917. content: '';
  2918. background: #dededc;
  2919. }
  2920.  
  2921. .members .member .member-content .member-name {
  2922. margin: 18px 0 0;
  2923. }
  2924.  
  2925. .members .member .member-content .member-position {
  2926. color: #999;
  2927. }
  2928.  
  2929. .members .member .member-content .member-desc {
  2930. line-height: 1.5em;
  2931. }
  2932.  
  2933. .block-title {
  2934. font-size: 13px;
  2935. margin-bottom: 30px;
  2936. padding-bottom: 10px;
  2937. text-transform: uppercase;
  2938. border-bottom: 1px solid #e9e9e9;
  2939. }
  2940.  
  2941. /* Archive */
  2942. .pagination {
  2943. font-size: 12px;
  2944. margin: 50px 0;
  2945. text-align: center;
  2946. letter-spacing: 1px;
  2947. text-transform: uppercase;
  2948. }
  2949.  
  2950. .pagination .page-numbers {
  2951. display: inline-block;
  2952. margin: 0 1px;
  2953. padding: 6px 11px;
  2954. text-decoration: none;
  2955. color: #999;
  2956. border-radius: 3px;
  2957. }
  2958.  
  2959. .pagination .page-numbers:hover {
  2960. background-color: #f0f0f0;
  2961. }
  2962.  
  2963. .pagination .page-numbers.current {
  2964. font-weight: bold;
  2965. color: #fff;
  2966. background-color: #0af;
  2967. }
  2968.  
  2969. .pagination .prev,
  2970. .pagination .next {
  2971. background-color: #f0f0f0;
  2972. }
  2973.  
  2974. .pagination .prev:hover,
  2975. .pagination .next:hover {
  2976. color: #fff;
  2977. background-color: #333;
  2978. }
  2979.  
  2980. /* State */
  2981. .no-js .hide-if-no-js {
  2982. display: none;
  2983. }
  2984.  
  2985. /**
  2986. * Bootstrap hack
  2987. */
  2988. .col-xs-15,
  2989. .col-sm-15,
  2990. .col-md-15,
  2991. .col-lg-15 {
  2992. position: relative;
  2993. min-height: 1px;
  2994. padding-right: 10px;
  2995. padding-left: 10px;
  2996. }
  2997.  
  2998. .col-xs-15 {
  2999. float: left;
  3000. width: 20%;
  3001. }
  3002.  
  3003. .col-xs-25 {
  3004. float: left;
  3005. width: 40%;
  3006. }
  3007.  
  3008. .col-xs-35 {
  3009. float: left;
  3010. width: 60%;
  3011. }
  3012.  
  3013. .col-xs-45 {
  3014. float: left;
  3015. width: 80%;
  3016. }
  3017.  
  3018. @media (min-width: 768px) {
  3019. .col-sm-15 {
  3020. float: left;
  3021. width: 20%;
  3022. }
  3023. }
  3024.  
  3025. @media (min-width: 992px) {
  3026. .col-md-15 {
  3027. float: left;
  3028. width: 20%;
  3029. }
  3030. }
  3031.  
  3032. @media (min-width: 1200px) {
  3033. .col-lg-15 {
  3034. float: left;
  3035. width: 20%;
  3036. }
  3037. }
  3038.  
  3039. .row.no-gutters {
  3040. margin-right: 0;
  3041. margin-left: 0;
  3042. }
  3043.  
  3044. .row.no-gutters > [class^='col-'],
  3045. .row.no-gutters > [class*=' col-'] {
  3046. padding-right: 0;
  3047. padding-left: 0;
  3048. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement