Advertisement
Guest User

Untitled

a guest
Jul 2nd, 2015
186
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 41.48 KB | None | 0 0
  1. /*
  2. Theme Name: News Pro Theme
  3. Theme URI: http://my.studiopress.com/themes/news/
  4. Description: A mobile responsive and HTML5 theme built for the Genesis Framework.
  5. Author: StudioPress
  6. Author URI: http://www.studiopress.com/
  7. Version: 3.0.2
  8.  
  9. Tags: black, red, white, one-column, two-columns, three-columns, responsive-layout, custom-menu, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, premise-landing-page
  10.  
  11. Template: genesis
  12. Template Version: 2.0.1
  13.  
  14. License: GPL-2.0+
  15. License URI: http://www.opensource.org/licenses/gpl-license.php
  16. */
  17.  
  18.  
  19. /* Table of Contents
  20.  
  21. - HTML5 Reset
  22. - Baseline Normalize
  23. - Box Sizing
  24. - Float Clearing
  25. - Defaults
  26. - Typographical Elements
  27. - Headings
  28. - Objects
  29. - Forms
  30. - Tables
  31. - Structure and Layout
  32. - Site Containers
  33. - Column Widths and Positions
  34. - Column Classes
  35. - Common Classes
  36. - WordPress
  37. - Genesis
  38. - Titles
  39. - Widgets
  40. - Featured Content
  41. - Plugins
  42. - Genesis eNews Extended
  43. - Genesis Latest Tweets
  44. - Genesis Responsive Slider
  45. - Genesis Tabs
  46. - Gravity Forms
  47. - Jetpack
  48. - Simple Social Icons
  49. - Site Header
  50. - Title Area
  51. - Widget Area
  52. - Site Navigation
  53. - Header Navigation
  54. - Primary Navigation
  55. - Secondary Navigation
  56. - Responsive Menu
  57. - Content Area
  58. - Home Page
  59. - Entries
  60. - Pagination
  61. - Comments
  62. - Sidebars
  63. - Footer Widgets
  64. - Site Footer
  65. - Theme Colors
  66. - News Pro Blue
  67. - News Pro Green
  68. - News Pro Pink
  69. - News Pro Orange
  70. - Media Queries
  71. - max-width: 1139px
  72. - max-width: 1023px
  73. - max-width: 767px
  74.  
  75. */
  76.  
  77.  
  78. /*
  79. HTML5 Reset
  80. ---------------------------------------------------------------------------------------------------- */
  81.  
  82. /* Baseline Normalize
  83. normalize.css v2.1.2 | MIT License | git.io/normalize
  84. --------------------------------------------- */
  85.  
  86. article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}
  87.  
  88. /* Box Sizing
  89. --------------------------------------------- */
  90.  
  91. *,
  92. input[type="search"] {
  93. -webkit-box-sizing: border-box;
  94. -moz-box-sizing: border-box;
  95. box-sizing: border-box;
  96. }
  97.  
  98. /* Float Clearing
  99. --------------------------------------------- */
  100.  
  101. /* Float Clearing
  102. --------------------------------------------- */
  103.  
  104. .clearfix:before,
  105. .entry-content:before,
  106. .entry:before,
  107. .footer-widgets:before,
  108. .nav-primary:before,
  109. .nav-secondary:before,
  110. .pagination:before,
  111. .site-container:before,
  112. .site-footer:before,
  113. .site-header:before,
  114. .site-inner:before,
  115. .widget:before,
  116. .wrap:before {
  117. content: " ";
  118. display: table;
  119. }
  120.  
  121. .clearfix:after,
  122. .entry-content:after,
  123. .entry:after,
  124. .footer-widgets:after,
  125. .nav-primary:after,
  126. .nav-secondary:after,
  127. .pagination:after,
  128. .site-container:after,
  129. .site-footer:after,
  130. .site-header:after,
  131. .site-inner:after,
  132. .widget:after,
  133. .wrap:after {
  134. clear: both;
  135. content: " ";
  136. display: table;
  137. }
  138.  
  139.  
  140. /*
  141. Defaults
  142. ---------------------------------------------------------------------------------------------------- */
  143.  
  144. /* Typographical Elements
  145. --------------------------------------------- */
  146.  
  147. body {
  148. background-color: #f6f5f2;
  149. color: #666;
  150. font-family: 'Raleway', sans-serif;
  151. font-size: 16px;
  152. font-weight: 400;
  153. line-height: 1.625;
  154. }
  155.  
  156. a,
  157. button,
  158. input:focus,
  159. input[type="button"],
  160. input[type="reset"],
  161. input[type="submit"],
  162. textarea:focus,
  163. .button {
  164. -webkit-transition: all 0.1s ease-in-out;
  165. -moz-transition: all 0.1s ease-in-out;
  166. -ms-transition: all 0.1s ease-in-out;
  167. -o-transition: all 0.1s ease-in-out;
  168. transition: all 0.1s ease-in-out;
  169. }
  170.  
  171. ::-moz-selection {
  172. background-color: #000;
  173. color: #fff;
  174. }
  175.  
  176. ::selection {
  177. background-color: #000;
  178. color: #fff;
  179. }
  180.  
  181. a {
  182. color: #ff0000;
  183. text-decoration: none;
  184. }
  185.  
  186. a img {
  187. margin-bottom: -4px;
  188. }
  189.  
  190. a:hover {
  191. color: #000;
  192. }
  193.  
  194. p {
  195. margin: 0 0 24px;
  196. padding: 0;
  197. }
  198.  
  199. strong {
  200. font-weight: 700;
  201. }
  202.  
  203. ol,
  204. ul {
  205. margin: 0;
  206. padding: 0;
  207. }
  208.  
  209. blockquote,
  210. blockquote::before {
  211. color: #999;
  212. }
  213.  
  214. blockquote {
  215. margin: 40px 40px 24px;
  216. }
  217.  
  218. blockquote::before {
  219. content: "\201C";
  220. display: block;
  221. font-size: 30px;
  222. height: 0;
  223. left: -20px;
  224. position: relative;
  225. top: -10px;
  226. }
  227.  
  228. .entry-content code {
  229. background-color: #333;
  230. color: #ddd;
  231. }
  232.  
  233. cite {
  234. font-style: normal;
  235. }
  236.  
  237. /* Headings
  238. --------------------------------------------- */
  239.  
  240. h1,
  241. h2,
  242. h3,
  243. h4,
  244. h5,
  245. h6 {
  246. color: #000;
  247. font-weight: 700;
  248. line-height: 1.2;
  249. margin: 0 0 16px;
  250. }
  251.  
  252. h1 {
  253. font-size: 36px;
  254. }
  255.  
  256. h2 {
  257. font-size: 30px;
  258. }
  259.  
  260. h3 {
  261. font-size: 24px;
  262. }
  263.  
  264. h4 {
  265. font-size: 20px;
  266. }
  267.  
  268. h5 {
  269. font-size: 18px;
  270. }
  271.  
  272. h6 {
  273. font-size: 16px;
  274. }
  275.  
  276. /* Objects
  277. --------------------------------------------- */
  278.  
  279. embed,
  280. iframe,
  281. img,
  282. object,
  283. video,
  284. .wp-caption {
  285. max-width: 100%;
  286. }
  287.  
  288. img {
  289. height: auto;
  290. }
  291.  
  292. .featured-content img,
  293. .gallery img {
  294. width: auto; /* IE8 */
  295. }
  296.  
  297. /* Forms
  298. --------------------------------------------- */
  299.  
  300. input,
  301. select,
  302. textarea {
  303. background-color: #fff;
  304. border: 1px solid #e3e3e3;
  305. box-shadow: 1px 1px 3px #eee inset;
  306. color: #999;
  307. font-size: 14px;
  308. padding: 16px;
  309. width: 100%;
  310. }
  311.  
  312. input[type="checkbox"],
  313. input[type="radio"],
  314. input[type="image"] {
  315. width: auto;
  316. }
  317.  
  318. input:focus,
  319. textarea:focus {
  320. border: 1px solid #999;
  321. outline: none;
  322. }
  323.  
  324. ::-moz-placeholder {
  325. color: #999;
  326. opacity: 1;
  327. }
  328.  
  329. ::-webkit-input-placeholder {
  330. color: #999;
  331. }
  332.  
  333. button,
  334. input[type="button"],
  335. input[type="reset"],
  336. input[type="submit"],
  337. .button,
  338. .entry-content .button {
  339. background-color: #000;
  340. border: none;
  341. border-radius: 3px;
  342. box-shadow: none;
  343. color: #fff;
  344. cursor: pointer;
  345. font-size: 14px;
  346. line-height: 1;
  347. padding: 16px;
  348. text-transform: uppercase;
  349. width: auto;
  350. }
  351.  
  352. button:hover,
  353. input:hover[type="button"],
  354. input:hover[type="reset"],
  355. input:hover[type="submit"],
  356. .button:hover,
  357. .entry-content .button:hover {
  358. background-color: #ff0000;
  359. color: #fff;
  360. }
  361.  
  362. .button {
  363. display: inline-block;
  364. }
  365.  
  366. input[type="search"]::-webkit-search-cancel-button,
  367. input[type="search"]::-webkit-search-results-button {
  368. display: none;
  369. }
  370.  
  371. /* Tables
  372. --------------------------------------------- */
  373.  
  374. table {
  375. border-collapse: collapse;
  376. border-spacing: 0;
  377. line-height: 2;
  378. margin-bottom: 40px;
  379. width: 100%;
  380. }
  381.  
  382. tbody {
  383. border-bottom: 1px solid #ddd;
  384. }
  385.  
  386. th,
  387. td {
  388. text-align: left;
  389. }
  390.  
  391. th {
  392. font-weight: bold;
  393. text-transform: uppercase;
  394. }
  395.  
  396. td {
  397. border-top: 1px solid #ddd;
  398. padding: 6px 0;
  399. }
  400.  
  401.  
  402. /*
  403. Structure and Layout
  404. ---------------------------------------------------------------------------------------------------- */
  405.  
  406. /* Site Containers
  407. --------------------------------------------- */
  408.  
  409. .site-container {
  410. background-color: #fff;
  411. border: 1px solid #e3e3e3;
  412. margin: 60px auto;
  413. max-width: 1140px;
  414. }
  415.  
  416. .news-pro-landing .site-container {
  417. max-width: 960px;
  418. }
  419.  
  420. .site-inner {
  421. clear: both;
  422. }
  423.  
  424. /* Column Widths and Positions
  425. --------------------------------------------- */
  426.  
  427. /* Wrapping div for .content and .sidebar-primary */
  428.  
  429. .content-sidebar-sidebar .content-sidebar-wrap,
  430. .sidebar-content-sidebar .content-sidebar-wrap,
  431. .sidebar-sidebar-content .content-sidebar-wrap {
  432. width: 960px;
  433. }
  434.  
  435. .content-sidebar-sidebar .content-sidebar-wrap {
  436. float: left;
  437. }
  438.  
  439. .sidebar-content-sidebar .content-sidebar-wrap,
  440. .sidebar-sidebar-content .content-sidebar-wrap {
  441. float: right;
  442. }
  443.  
  444. /* Content */
  445.  
  446. .content {
  447. float: right;
  448. width: 778px;
  449. }
  450.  
  451. .content-sidebar .content,
  452. .content-sidebar-sidebar .content {
  453. border-right: 1px solid #e3e3e3;
  454. float: left;
  455. }
  456.  
  457. .sidebar-content-sidebar .content {
  458. border-left: 1px solid #e3e3e3;
  459. border-right: 1px solid #e3e3e3;
  460. float: left;
  461. }
  462.  
  463. .sidebar-content .content,
  464. .sidebar-sidebar-content .content {
  465. border-left: 1px solid #e3e3e3;
  466. }
  467.  
  468. .content-sidebar-sidebar .content,
  469. .sidebar-content-sidebar .content,
  470. .sidebar-sidebar-content .content {
  471. width: 600px;
  472. }
  473.  
  474. .full-width-content .content {
  475. width: 100%;
  476. }
  477.  
  478. /* Primary Sidebar */
  479.  
  480. .sidebar-primary {
  481. float: right;
  482. width: 359px;
  483. }
  484.  
  485. .sidebar-content .sidebar-primary,
  486. .sidebar-sidebar-content .sidebar-primary {
  487. float: left;
  488. }
  489.  
  490. .sidebar-sidebar-content .sidebar-primary {
  491. border-left: 1px solid #e3e3e3;
  492. }
  493.  
  494. .content-sidebar-sidebar .sidebar-primary {
  495. border-right: 1px solid #e3e3e3;
  496. }
  497.  
  498. /* Secondary Sidebar */
  499.  
  500. .sidebar-secondary {
  501. float: left;
  502. font-size: 14px;
  503. width: 177px;
  504. }
  505.  
  506. .content-sidebar-sidebar .sidebar-secondary {
  507. float: right;
  508. }
  509.  
  510.  
  511. /* Column Classes
  512. Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css
  513. --------------------------------------------- */
  514.  
  515. .five-sixths,
  516. .four-sixths,
  517. .one-fourth,
  518. .one-half,
  519. .one-sixth,
  520. .one-third,
  521. .three-fourths,
  522. .three-sixths,
  523. .two-fourths,
  524. .two-sixths,
  525. .two-thirds {
  526. float: left;
  527. margin-left: 2.564102564102564%;
  528. }
  529.  
  530. .one-half,
  531. .three-sixths,
  532. .two-fourths {
  533. width: 48.717948717948715%;
  534. }
  535.  
  536. .one-third,
  537. .two-sixths {
  538. width: 31.623931623931625%;
  539. }
  540.  
  541. .four-sixths,
  542. .two-thirds {
  543. width: 65.81196581196582%;
  544. }
  545.  
  546. .one-fourth {
  547. width: 23.076923076923077%;
  548. }
  549.  
  550. .three-fourths {
  551. width: 74.35897435897436%;
  552. }
  553.  
  554. .one-sixth {
  555. width: 14.52991452991453%;
  556. }
  557.  
  558. .five-sixths {
  559. width: 82.90598290598291%;
  560. }
  561.  
  562. .first {
  563. clear: both;
  564. margin-left: 0;
  565. }
  566.  
  567.  
  568. /*
  569. Common Classes
  570. ---------------------------------------------------------------------------------------------------- */
  571.  
  572. /* WordPress
  573. --------------------------------------------- */
  574.  
  575. .avatar {
  576. border-radius: 50%;
  577. float: left;
  578. }
  579.  
  580. .alignleft .avatar {
  581. margin-right: 24px;
  582. }
  583.  
  584. .alignright .avatar {
  585. margin-left: 24px;
  586. }
  587.  
  588. .search-form {
  589. overflow: hidden;
  590. }
  591.  
  592. .search-form input[type="submit"] {
  593. border: 0;
  594. clip: rect(0, 0, 0, 0);
  595. height: 1px;
  596. margin: -1px;
  597. padding: 0;
  598. position: absolute;
  599. width: 1px;
  600. }
  601.  
  602. img.centered,
  603. .aligncenter {
  604. display: block;
  605. margin: 0 auto 20px;
  606. }
  607.  
  608. a.alignnone img,
  609. img.alignnone {
  610. margin-bottom: 20px;
  611. }
  612.  
  613. .alignleft {
  614. float: left;
  615. text-align: left;
  616. }
  617.  
  618. .alignright {
  619. float: right;
  620. text-align: right;
  621. }
  622.  
  623. a.alignleft,
  624. a.alignright {
  625. max-width: 100%;
  626. }
  627.  
  628. a.alignleft img,
  629. img.alignleft,
  630. .wp-caption.alignleft {
  631. margin: 0 24px 16px 0;
  632. }
  633.  
  634. a.alignright img,
  635. img.alignright,
  636. .wp-caption.alignright {
  637. margin: 0 0 24px 16px;
  638. }
  639.  
  640. .entry-content .wp-caption-text {
  641. font-size: 14px;
  642. font-weight: 700;
  643. margin-bottom: 0;
  644. text-align: center;
  645. }
  646.  
  647. .gallery-caption {
  648. }
  649.  
  650. .widget_calendar table {
  651. width: 100%;
  652. }
  653.  
  654. .widget_calendar td,
  655. .widget_calendar th {
  656. text-align: center;
  657. }
  658.  
  659. /* Genesis
  660. --------------------------------------------- */
  661.  
  662. .breadcrumb {
  663. background-color: #f3f3f3;
  664. border-bottom: 1px solid #e3e3e3;
  665. font-size: 12px;
  666. margin: 0;
  667. padding: 20px;
  668. text-transform: uppercase;
  669. }
  670.  
  671. .archive-description,
  672. .author-box {
  673. background-color: #f3f3f3;
  674. border-bottom: 1px solid #e3e3e3;
  675. margin: 0;
  676. overflow: hidden;
  677. padding: 20px;
  678. }
  679.  
  680. .author-box-title {
  681. color: #000;
  682. font-size: 16px;
  683. margin-bottom: 4px;
  684. }
  685.  
  686. .author-box p {
  687. margin-bottom: 0;
  688. }
  689.  
  690. .author-box .avatar {
  691. margin-right: 24px;
  692. }
  693.  
  694. /* Titles
  695. --------------------------------------------- */
  696.  
  697. .entry-title {
  698. font-size: 36px;
  699. line-height: 1;
  700. }
  701.  
  702. .entry-title a,
  703. .sidebar .widget-title a {
  704. color: #000;
  705. }
  706.  
  707. .entry-title a:hover {
  708. color: #ff0000;
  709. }
  710.  
  711. .widget-title {
  712. border-top: 3px solid #000;
  713. border-bottom: 1px solid #e3e3e3;
  714. color: #000;
  715. font-size: 14px;
  716. font-weight: 400;
  717. margin-bottom: 24px;
  718. padding: 16px;
  719. text-align: center;
  720. text-transform: uppercase;
  721. }
  722.  
  723. .archive-title {
  724. font-size: 20px;
  725. margin-bottom: 24px;
  726. }
  727.  
  728.  
  729. /*
  730. Widgets
  731. ---------------------------------------------------------------------------------------------------- */
  732.  
  733. .widget {
  734. word-wrap: break-word;
  735. }
  736.  
  737. .ad {
  738. margin: 0 4px;
  739. }
  740.  
  741. /* Featured Content
  742. --------------------------------------------- */
  743.  
  744. .featured-content .entry {
  745. margin-bottom: 20px;
  746. padding: 0;
  747. }
  748.  
  749. .featured-content .entry-title {
  750. font-size: 20px;
  751. line-height: 1.2;
  752. }
  753.  
  754. .featured-content p {
  755. margin-bottom: 20px;
  756. }
  757.  
  758. /*
  759. Plugins
  760. ---------------------------------------------------------------------------------------------------- */
  761.  
  762. /* Genesis eNews Extended
  763. --------------------------------------------- */
  764.  
  765. .enews-widget {
  766. color: #999;
  767. }
  768.  
  769. .enews-widget input {
  770. margin-bottom: 16px;
  771. }
  772.  
  773. .enews-widget input:focus {
  774. border: 1px solid #ddd;
  775. }
  776.  
  777. .enews-widget input[type="submit"] {
  778. background-color: #ff0000;
  779. color: #fff;
  780. margin: 0;
  781. width: 100%;
  782. }
  783.  
  784. .enews-widget input:hover[type="submit"] {
  785. background-color: #f5f5f5;
  786. color: #000;
  787. }
  788.  
  789. .enews form + p {
  790. margin-top: 20px;
  791. }
  792.  
  793. /* Genesis Latest Tweets
  794. --------------------------------------------- */
  795.  
  796. .latest-tweets ul li {
  797. margin-bottom: 16px;
  798. }
  799.  
  800. /* Genesis Responsive Slider
  801. --------------------------------------------- */
  802.  
  803. .news-pro-home .content #genesis-responsive-slider,
  804. .news-pro-home .content .genesis_responsive_slider li {
  805. border: none;
  806. }
  807.  
  808. .news-pro-home .content .genesis_responsive_slider li:before {
  809. content: "";
  810. margin: 0;
  811. }
  812.  
  813. .news-pro-home .content .genesis_responsive_slider .slide-excerpt,
  814. .news-pro-home .content .genesis_responsive_slider .slide-excerpt-border {
  815. background: transparent;
  816. border: none;
  817. margin: 0;
  818. }
  819.  
  820. .news-pro-home .content .genesis_responsive_slider .slide-excerpt {
  821. padding: 24px;
  822. }
  823.  
  824. .news-pro-home .content #genesis-responsive-slider,
  825. .news-pro-home .content .genesis_responsive_slider .slides li,
  826. .news-pro-home .content .genesis_responsive_slider .flex-direction-nav li {
  827. margin: 0;
  828. padding: 0;
  829. }
  830.  
  831. .news-pro-home .content .genesis_responsive_slider .flex-control-nav {
  832. line-height: 1;
  833. margin-top: -30px;
  834. }
  835.  
  836. .news-pro-home .content .genesis_responsive_slider .flex-control-nav li {
  837. margin-bottom: 0;
  838. padding-bottom: 0;
  839. }
  840.  
  841. .news-pro-home .content .genesis_responsive_slider .flex-direction-nav li a {
  842. -webkit-transition: none;
  843. -moz-transition: none;
  844. -ms-transition: none;
  845. -o-transition: none;
  846. transition: none;
  847. }
  848.  
  849. .news-pro-home .content .genesis_responsive_slider h2 a {
  850. background: rgba( 0, 0, 0, 0.8 );
  851. color: #fff;
  852. display: inline-block;
  853. font-weight: 400;
  854. line-height: 1.2;
  855. padding: 16px;
  856. position: relative;
  857. z-index: 9;
  858. }
  859.  
  860. .news-pro-home .content .genesis_responsive_slider a:hover {
  861. color: #fff;
  862. }
  863.  
  864. .news-pro-home .content .genesis_responsive_slider p {
  865. background: rgba( 0, 0, 0, 0.8 );
  866. color: #fff;
  867. font-size: 14px;
  868. margin: 0;
  869. padding: 12px 24px;
  870. position: relative;
  871. z-index: 9;
  872. }
  873.  
  874. .news-pro-home .content .genesis_responsive_slider .flex-direction-nav li a {
  875. background: url(images/icon-direction-nav.png) no-repeat -50px 0;
  876. background-size: 100px 98px;
  877. height: 49px;
  878. outline: none;
  879. right: -25px;
  880. -webkit-transition: none;
  881. -moz-transition: none;
  882. -ms-transition: none;
  883. -o-transition: none;
  884. transition: none;
  885. width: 50px;
  886. }
  887.  
  888. .news-pro-home .content .genesis_responsive_slider .flex-direction-nav li a:hover {
  889. background-position: -50px -49px;
  890. }
  891.  
  892. .news-pro-home .content .genesis_responsive_slider .flex-direction-nav li a.prev {
  893. background-position: 0 0;
  894. bottom: 10px;
  895. left: auto;
  896. right: 62px;
  897. top: auto;
  898. }
  899.  
  900. .news-pro-home .content #genesis-responsive-slider .flex-direction-nav li a.next {
  901. bottom: 10px;
  902. left: auto;
  903. right: 10px;
  904. top: auto;
  905. }
  906.  
  907. .news-pro-home .content #genesis-responsive-slider .flex-direction-nav li a:hover.prev {
  908. background-position: 0 -49px;
  909. }
  910.  
  911. /* Genesis Tabs
  912. --------------------------------------------- */
  913.  
  914. .home-top .widget.ui-tabs .entry {
  915. background: none;
  916. border: none;
  917. color: #fff;
  918. margin: 0;
  919. overflow: hidden;
  920. padding: 0;
  921. min-height: 400px;
  922. }
  923.  
  924. .home-top .widget.ui-tabs .entry h2 a {
  925. background: rgba( 0, 0, 0, 0.8 );
  926. display: inline-block;
  927. font-weight: 400;
  928. line-height: 1.2;
  929. padding: 16px;
  930. position: relative;
  931. z-index: 9;
  932. }
  933.  
  934. .home-top .widget.ui-tabs .entry p {
  935. background: rgba( 0, 0, 0, 0.8 );
  936. font-size: 14px;
  937. margin: 0 24px;
  938. padding: 12px 24px;
  939. position: relative;
  940. z-index: 9;
  941. }
  942.  
  943. .home-top .widget.ui-tabs .entry h2 {
  944. margin: 0;
  945. padding: 24px 24px 8px;
  946. }
  947.  
  948. .home-top .widget.ui-tabs {
  949. position: relative;
  950. }
  951.  
  952. .home-top .ui-tabs ul.ui-tabs-nav {
  953. bottom: 40px;
  954. margin: 0 0 0 40px;
  955. position: absolute;
  956. right: 40px;
  957. z-index: 9;
  958. }
  959.  
  960. .home-top .ui-tabs ul.ui-tabs-nav li {
  961. border: none;
  962. margin: 0;
  963. }
  964.  
  965. .home-top .ui-tabs ul.ui-tabs-nav li::before {
  966. display: none;
  967. }
  968.  
  969. .home-top .ui-tabs ul.ui-tabs-nav li a {
  970. background-color: #000;
  971. color: #fff;
  972. display: inline-block;
  973. }
  974.  
  975. .home-top .ui-tabs ul.ui-tabs-nav li.ui-tabs-active a {
  976. background-color: #ff0000;
  977. }
  978.  
  979. .home-top .ui-tabs ul.ui-tabs-nav li.ui-tabs-active a:hover {
  980. background-color: #fff;
  981. }
  982.  
  983. .home-top .widget.ui-tabs img {
  984. position: absolute;
  985. }
  986.  
  987. .home-top .widget.ui-tabs a {
  988. color: #fff;
  989. }
  990.  
  991. /* Gravity Forms
  992. --------------------------------------------- */
  993.  
  994. div.gform_wrapper input[type="email"],
  995. div.gform_wrapper input[type="text"],
  996. div.gform_wrapper textarea,
  997. div.gform_wrapper .ginput_complex label {
  998. font-size: 16px;
  999. padding: 16px;
  1000. }
  1001.  
  1002. div.gform_wrapper .ginput_complex label {
  1003. padding: 0;
  1004. }
  1005.  
  1006. div.gform_wrapper li,
  1007. div.gform_wrapper form li {
  1008. margin: 16px 0 0;
  1009. }
  1010.  
  1011. div.gform_wrapper .gform_footer input[type="submit"] {
  1012. font-size: 14px;
  1013. }
  1014.  
  1015. /* Jetpack
  1016. --------------------------------------------- */
  1017.  
  1018. img#wpstats {
  1019. display: none;
  1020. }
  1021.  
  1022. /* Simple Social Icons
  1023. --------------------------------------------- */
  1024.  
  1025. .simple-social-icons ul li:before {
  1026. display: none;
  1027. }
  1028.  
  1029.  
  1030. /*
  1031. Site Header
  1032. ---------------------------------------------------------------------------------------------------- */
  1033.  
  1034. .site-header {
  1035. background-color: #000;
  1036. border-bottom: 3px solid #000;
  1037. }
  1038.  
  1039. .site-header .wrap {
  1040. padding: 40px 0;
  1041. }
  1042.  
  1043. /* Title Area
  1044. --------------------------------------------- */
  1045.  
  1046. .title-area {
  1047. float: left;
  1048. padding-left: 40px;
  1049. width: 300px;
  1050. }
  1051.  
  1052. .site-title {
  1053. font-weight: 700;
  1054. font-size: 48px;
  1055. font-weight: 700;
  1056. line-height: 1;
  1057. margin: 0;
  1058. text-transform: uppercase;
  1059. }
  1060.  
  1061. .site-title a,
  1062. .site-title a:hover {
  1063. color: #000;
  1064. }
  1065.  
  1066. .site-description {
  1067. color: #999;
  1068. font-size: 16px;
  1069. font-weight: 400;
  1070. letter-spacing: 2px;
  1071. line-height: 1;
  1072. margin: 10px 0 0;
  1073. text-transform: uppercase;
  1074. }
  1075.  
  1076. /* Full width header, no widgets */
  1077.  
  1078. .header-full-width .title-area {
  1079. padding: 0 40px;
  1080. text-align: center;
  1081. }
  1082.  
  1083. .header-full-width .title-area,
  1084. .header-full-width .site-title {
  1085. width: 100%;
  1086. }
  1087.  
  1088. .header-image .site-description,
  1089. .header-image .site-title a {
  1090. display: block;
  1091. text-indent: -9999px;
  1092. }
  1093.  
  1094. /* Logo, hide text */
  1095.  
  1096. .header-image .site-title a {
  1097. background-position: top !important;
  1098. float: left;
  1099. min-height: 400px;
  1100. width: 100%;
  1101. }
  1102.  
  1103.  
  1104. /* Widget Area
  1105. --------------------------------------------- */
  1106.  
  1107. .widget-area {
  1108. word-wrap: break-word;
  1109. }
  1110.  
  1111. .site-header .widget-area {
  1112. float: right;
  1113. padding-right: 40px;
  1114. text-align: right;
  1115. width: 800px;
  1116. height: 400px;
  1117. }
  1118.  
  1119. .site-header .widget-area li {
  1120. list-style-type: none;
  1121. }
  1122.  
  1123. .site-header .search-form {
  1124. float: right;
  1125. margin-top: 24px;
  1126. }
  1127.  
  1128.  
  1129. /*
  1130. Site Navigation
  1131. ---------------------------------------------------------------------------------------------------- */
  1132.  
  1133. .genesis-nav-menu {
  1134. clear: both;
  1135. color: #000;
  1136. font-size: 12px;
  1137. font-weight: 700;
  1138. line-height: 1.5;
  1139. width: 100%;
  1140. }
  1141.  
  1142. .genesis-nav-menu .menu-item {
  1143. display: inline-block;
  1144. text-align: left;
  1145. margin-right: -4px;
  1146. }
  1147.  
  1148. .genesis-nav-menu a {
  1149. border-right: 1px solid #e3e3e3;
  1150. color: #000;
  1151. display: block;
  1152. padding: 20px 24px;
  1153. position: relative;
  1154. }
  1155.  
  1156. .genesis-nav-menu a:hover,
  1157. .genesis-nav-menu .current-menu-item > a {
  1158. background-color: #000;
  1159. color: #fff;
  1160. }
  1161.  
  1162. .genesis-nav-menu > .menu-item > a {
  1163. text-transform: uppercase;
  1164. }
  1165.  
  1166. .genesis-nav-menu .sub-menu {
  1167. border-top: 1px solid #e3e3e3;
  1168. left: -9999px;
  1169. opacity: 0;
  1170. position: absolute;
  1171. -webkit-transition: opacity .4s ease-in-out;
  1172. -moz-transition: opacity .4s ease-in-out;
  1173. -ms-transition: opacity .4s ease-in-out;
  1174. -o-transition: opacity .4s ease-in-out;
  1175. transition: opacity .4s ease-in-out;
  1176. width: 200px;
  1177. z-index: 99;
  1178. }
  1179.  
  1180. .genesis-nav-menu .sub-menu a {
  1181. background-color: #fff;
  1182. border: 1px solid #e3e3e3;
  1183. border-top: none;
  1184. padding: 12px 24px;
  1185. position: relative;
  1186. width: 200px;
  1187. }
  1188.  
  1189. .genesis-nav-menu .sub-menu a:hover,
  1190. .genesis-nav-menu .sub-menu .current-menu-item > a {
  1191. background-color: #000;
  1192. color: #fff;
  1193. }
  1194.  
  1195. .genesis-nav-menu .sub-menu .sub-menu {
  1196. margin: -44px 0 0 199px;
  1197. }
  1198.  
  1199. .genesis-nav-menu .menu-item:hover {
  1200. position: static;
  1201. }
  1202.  
  1203. .genesis-nav-menu .menu-item:hover > .sub-menu {
  1204. left: auto;
  1205. opacity: 1;
  1206. }
  1207.  
  1208. .genesis-nav-menu > .right {
  1209. display: inline-block;
  1210. float: right;
  1211. list-style-type: none;
  1212. padding: 0;
  1213. text-transform: uppercase;
  1214. }
  1215.  
  1216. .genesis-nav-menu > .date,
  1217. .genesis-nav-menu > .right > a {
  1218. border: none;
  1219. border-left: 1px solid #e3e3e3;
  1220. display: inline-block;
  1221. padding: 20px 24px;
  1222. }
  1223.  
  1224. .genesis-nav-menu > .search {
  1225. padding: 10px;
  1226. }
  1227.  
  1228. .genesis-nav-menu .search input[type="search"] {
  1229. font-size: 13px;
  1230. padding: 10px 16px;
  1231. }
  1232.  
  1233. /* Site Header Navigation
  1234. --------------------------------------------- */
  1235.  
  1236. .site-header .genesis-nav-menu a {
  1237. border: none;
  1238. }
  1239.  
  1240. .site-header .genesis-nav-menu .sub-menu a {
  1241. border: 1px solid #e3e3e3;
  1242. border-top: none;
  1243. }
  1244.  
  1245. /* Primary Navigation
  1246. --------------------------------------------- */
  1247.  
  1248. .nav-primary {
  1249. border-bottom: 1px solid #e3e3e3;
  1250. }
  1251.  
  1252. /* Secondary Navigation
  1253. --------------------------------------------- */
  1254.  
  1255. .nav-secondary {
  1256. border-bottom: 1px solid #e3e3e3;
  1257. }
  1258.  
  1259. /* Responsive Menu
  1260. --------------------------------------------- */
  1261.  
  1262. .responsive-menu-icon {
  1263. border-bottom: 1px solid #e3e3e3;
  1264. cursor: pointer;
  1265. display: none;
  1266. margin-bottom: -1px;
  1267. text-align: center;
  1268. }
  1269.  
  1270. .site-header .responsive-menu-icon {
  1271. border-bottom: none;
  1272. }
  1273.  
  1274. .responsive-menu-icon::before {
  1275. color: #000;
  1276. content: "\f333";
  1277. display: inline-block;
  1278. font: normal 20px/1 'dashicons';
  1279. margin: 0 auto;
  1280. padding: 10px;
  1281. }
  1282.  
  1283.  
  1284. /*
  1285. Content Area
  1286. ---------------------------------------------------------------------------------------------------- */
  1287.  
  1288. /* Home Page
  1289. --------------------------------------------- */
  1290.  
  1291. .home-top {
  1292. background-color: #f3f3f3;
  1293. border-bottom: 1px solid #e3e3e3;
  1294. clear: both;
  1295. padding: 20px 20px 0;
  1296. }
  1297.  
  1298. .home-top .featured-content .entry-title {
  1299. font-size: 30px;
  1300. }
  1301.  
  1302. .home-middle-left {
  1303. border-right: 1px solid #e3e3e3;
  1304. float: left;
  1305. padding: 20px 20px 0;
  1306. width: 50%;
  1307. }
  1308.  
  1309. .home-middle-right {
  1310. float: right;
  1311. padding: 20px 20px 0;
  1312. width: 50%;
  1313. }
  1314.  
  1315. .home-bottom {
  1316. border-top: 1px solid #e3e3e3;
  1317. clear: both;
  1318. padding: 20px 20px 0;
  1319. }
  1320.  
  1321. /* Entries
  1322. --------------------------------------------- */
  1323.  
  1324. .entry {
  1325. border-bottom: 1px solid #e3e3e3;
  1326. padding: 40px;
  1327. }
  1328.  
  1329. .entry-content ol,
  1330. .entry-content p,
  1331. .entry-content ul,
  1332. .quote-caption {
  1333. margin-bottom: 26px;
  1334. }
  1335.  
  1336. .entry-content ol,
  1337. .entry-content ul {
  1338. margin-left: 40px;
  1339. }
  1340.  
  1341. .entry-content ol li {
  1342. list-style-type: decimal;
  1343. }
  1344.  
  1345. .entry-content ul li {
  1346. list-style-type: disc;
  1347. }
  1348.  
  1349. .entry-content ol ol,
  1350. .entry-content ul ul {
  1351. margin-bottom: 0;
  1352. }
  1353.  
  1354. .entry-content .search-form {
  1355. width: 50%;
  1356. }
  1357.  
  1358. .entry-meta {
  1359. color: #999;
  1360. font-size: 12px;
  1361. text-transform: uppercase;
  1362. }
  1363.  
  1364. .entry-header .entry-meta {
  1365. margin-bottom: 24px;
  1366. }
  1367.  
  1368. .entry-footer .entry-meta {
  1369. border-top: 1px dotted #e3e3e3;
  1370. margin: 0 -40px;
  1371. padding: 32px 40px 8px;
  1372. }
  1373.  
  1374. .entry-comments-link::before {
  1375. content: "\2014";
  1376. margin: 0 6px 0 2px;
  1377. }
  1378.  
  1379. .entry-categories,
  1380. .entry-tags {
  1381. display: block;
  1382. }
  1383.  
  1384. .after-entry {
  1385. padding: 20px;
  1386. }
  1387.  
  1388. /* Entry Navigation
  1389. --------------------------------------------- */
  1390.  
  1391. .archive-pagination {
  1392. clear: both;
  1393. font-size: 14px;
  1394. margin: 40px;
  1395. }
  1396.  
  1397. .archive-pagination li {
  1398. display: inline;
  1399. }
  1400.  
  1401. .archive-pagination li a {
  1402. background-color: #000;
  1403. color: #fff;
  1404. cursor: pointer;
  1405. display: inline-block;
  1406. margin-bottom: 4px;
  1407. padding: 8px 12px;
  1408. }
  1409.  
  1410. .archive-pagination li a:hover,
  1411. .archive-pagination li.active a {
  1412. background-color: #ff0000;
  1413. color: #fff;
  1414. }
  1415.  
  1416. /* Comments
  1417. --------------------------------------------- */
  1418.  
  1419. .entry-comments,
  1420. .comment-respond {
  1421. padding: 40px;
  1422. }
  1423.  
  1424. .entry-comments {
  1425. border-bottom: 1px solid #e3e3e3;
  1426. padding-right: 0;
  1427. }
  1428.  
  1429. .ping-list {
  1430. margin-bottom: 40px;
  1431. }
  1432.  
  1433. .comment-content {
  1434. clear: both;
  1435. }
  1436.  
  1437. .entry-comments .comment-author {
  1438. color: #000;
  1439. font-weight: 700;
  1440. margin-bottom: 0;
  1441. }
  1442.  
  1443. .entry-comments .comment-meta {
  1444. font-size: 12px;
  1445. text-transform: uppercase;
  1446. }
  1447.  
  1448. .comment-respond input[type="email"],
  1449. .comment-respond input[type="text"],
  1450. .comment-respond input[type="url"] {
  1451. width: 50%
  1452. }
  1453.  
  1454. .comment-respond label {
  1455. display: block;
  1456. margin-right: 12px;
  1457. }
  1458.  
  1459. .comment-list li,
  1460. .ping-list li {
  1461. list-style-type: none;
  1462. margin-top: 24px;
  1463. padding: 32px;
  1464. }
  1465.  
  1466. .comment-list li li {
  1467. margin-right: -32px;
  1468. }
  1469.  
  1470. li.comment {
  1471. background-color: #f5f5f5;
  1472. border: 1px solid #e3e3e3;
  1473. border-right: none;
  1474. }
  1475.  
  1476. .comment .avatar {
  1477. margin: 0 16px 24px 0;
  1478. }
  1479.  
  1480. .form-allowed-tags {
  1481. background-color: #f5f5f5;
  1482. font-size: 14px;
  1483. padding: 24px;
  1484. }
  1485.  
  1486. li.depth-2 {
  1487. background-color: #fff;
  1488. }
  1489.  
  1490.  
  1491. /*
  1492. Sidebars
  1493. ---------------------------------------------------------------------------------------------------- */
  1494.  
  1495. .after-entry li,
  1496. .news-pro-home .content li,
  1497. .sidebar li {
  1498. border-bottom: 1px dotted #e3e3e3;
  1499. list-style-type: none;
  1500. margin-bottom: 12px;
  1501. padding-bottom: 12px;
  1502. word-wrap: break-word;
  1503. }
  1504.  
  1505. .after-entry li::before,
  1506. .news-pro-home .content li::before,
  1507. .sidebar li::before {
  1508. content: "\203a";
  1509. font-size: 12px;
  1510. margin: 0 10px;
  1511. }
  1512.  
  1513. .after-entry li ul,
  1514. .news-pro-home .content li ul,
  1515. .sidebar li ul {
  1516. border-top: 1px dotted #e3e3e3;
  1517. margin-top: 12px;
  1518. padding-top: 12px;
  1519. }
  1520.  
  1521. .after-entry ul > li:last-child,
  1522. .news-pro-home .content ul > li:last-child,
  1523. .sidebar ul > li:last-child {
  1524. border-bottom: none;
  1525. margin-bottom: 0;
  1526. padding-bottom: 0;
  1527. }
  1528.  
  1529. .after-entry .widget,
  1530. .news-pro-home .content .widget {
  1531. padding-bottom: 20px;
  1532. }
  1533.  
  1534. .sidebar .widget {
  1535. background-color: #fff;
  1536. border-bottom: 1px solid #e3e3e3;
  1537. padding: 20px;
  1538. }
  1539.  
  1540. .sidebar .enews-widget {
  1541. background-color: #000;
  1542. }
  1543.  
  1544. .sidebar .enews-widget .widget-title {
  1545. color: #fff;
  1546. }
  1547.  
  1548.  
  1549. /*
  1550. Footer Widgets
  1551. ---------------------------------------------------------------------------------------------------- */
  1552.  
  1553. .footer-widgets {
  1554. background-color: #000;
  1555. color: #fff;
  1556. clear: both;
  1557. padding: 40px 40px 16px;
  1558. }
  1559.  
  1560. .footer-widgets-1,
  1561. .footer-widgets-2,
  1562. .footer-widgets-3,
  1563. .footer-widgets-4,
  1564. .footer-widgets-5,
  1565. .footer-widgets-6 {
  1566. width: 160px;
  1567. }
  1568.  
  1569. .footer-widgets-1,
  1570. .footer-widgets-2,
  1571. .footer-widgets-3,
  1572. .footer-widgets-4 {
  1573. margin-right: 20px;
  1574. }
  1575.  
  1576. .footer-widgets-1,
  1577. .footer-widgets-2,
  1578. .footer-widgets-3,
  1579. .footer-widgets-4,
  1580. .footer-widgets-5 {
  1581. float: left;
  1582. }
  1583.  
  1584. .footer-widgets-6 {
  1585. float: right;
  1586. }
  1587.  
  1588. .footer-widgets a {
  1589. color: #fff;
  1590. }
  1591.  
  1592. .footer-widgets a:hover {
  1593. color: #ff0000;
  1594. }
  1595.  
  1596. .footer-widgets .widget {
  1597. margin-bottom: 24px;
  1598. }
  1599.  
  1600. .footer-widgets .widget-title {
  1601. border: none;
  1602. color: #fff;
  1603. font-weight: 700;
  1604. padding: 0;
  1605. margin-bottom: 16px;
  1606. text-align: left;
  1607. }
  1608.  
  1609. .footer-widgets li {
  1610. list-style-type: none;
  1611. margin-bottom: 6px;
  1612. word-wrap: break-word;
  1613. }
  1614.  
  1615. .footer-widgets .search-form input:focus {
  1616. border: 1px solid #ddd;
  1617. }
  1618.  
  1619.  
  1620. /*
  1621. Site Footer
  1622. ---------------------------------------------------------------------------------------------------- */
  1623.  
  1624. .site-footer {
  1625. background-color: #000;
  1626. border-top: 1px solid #333;
  1627. color: #999;
  1628. font-size: 14px;
  1629. padding: 40px 0;
  1630. text-align: center;
  1631. }
  1632.  
  1633. .site-footer a {
  1634. color: #aaa;
  1635. }
  1636.  
  1637. .site-footer a:hover {
  1638. color: #ff0000;
  1639. }
  1640.  
  1641. .site-footer p {
  1642. margin-bottom: 0;
  1643. }
  1644.  
  1645.  
  1646. /*
  1647. Theme Colors
  1648. ---------------------------------------------------------------------------------------------------- */
  1649.  
  1650. /* News Pro Blue
  1651. --------------------------------------------- */
  1652.  
  1653. .news-pro-blue .entry-title a:hover,
  1654. .news-pro-blue .footer-widgets a:hover,
  1655. .news-pro-blue .site-footer a:hover,
  1656. .news-pro-blue a {
  1657. color: #27a3d1;
  1658. }
  1659.  
  1660. .news-pro-blue .entry-title a,
  1661. .news-pro-blue .genesis-nav-menu a,
  1662. .news-pro-blue .sidebar .widget-title a,
  1663. .news-pro-blue .site-title a,
  1664. .news-pro-blue .site-title a:hover,
  1665. .news-pro-blue a:hover {
  1666. color: #000;
  1667. }
  1668.  
  1669. .news-pro-blue .button,
  1670. .news-pro-blue .button:hover,
  1671. .news-pro-blue .footer-widgets a,
  1672. .news-pro-blue .genesis-nav-menu .current-menu-item > a,
  1673. .news-pro-blue .genesis-nav-menu a:hover {
  1674. color: #fff;
  1675. }
  1676.  
  1677. .news-pro-blue .site-footer a {
  1678. color: #aaa;
  1679. }
  1680.  
  1681. .news-pro-blue .archive-pagination li a:hover,
  1682. .news-pro-blue .archive-pagination li.active a,
  1683. .news-pro-blue .button:hover,
  1684. .news-pro-blue .enews-widget input[type="submit"],
  1685. .news-pro-blue .entry-content .button:hover,
  1686. .news-pro-blue .home-top .ui-tabs ul.ui-tabs-nav li.ui-tabs-active a,
  1687. .news-pro-blue button:hover,
  1688. .news-pro-blue input:hover[type="button"],
  1689. .news-pro-blue input:hover[type="reset"],
  1690. .news-pro-blue input:hover[type="submit"] {
  1691. background-color: #27a3d1;
  1692. }
  1693.  
  1694. .news-pro-blue .enews-widget input:hover[type="submit"] {
  1695. background-color: #f5f5f5;
  1696. }
  1697.  
  1698. .news-pro-blue .home-top .ui-tabs ul.ui-tabs-nav li.ui-tabs-active a:hover {
  1699. background-color: #fff;
  1700. }
  1701.  
  1702. /* News Pro Green
  1703. --------------------------------------------- */
  1704.  
  1705. .news-pro-green .entry-title a:hover,
  1706. .news-pro-green .footer-widgets a:hover,
  1707. .news-pro-green .site-footer a:hover,
  1708. .news-pro-green a {
  1709. color: #7dc246;
  1710. }
  1711.  
  1712. .news-pro-green .entry-title a,
  1713. .news-pro-green .genesis-nav-menu a,
  1714. .news-pro-green .sidebar .widget-title a,
  1715. .news-pro-green .site-title a,
  1716. .news-pro-green .site-title a:hover,
  1717. .news-pro-green a:hover {
  1718. color: #000;
  1719. }
  1720.  
  1721. .news-pro-green .button,
  1722. .news-pro-green .button:hover,
  1723. .news-pro-green .footer-widgets a,
  1724. .news-pro-green .genesis-nav-menu .current-menu-item > a,
  1725. .news-pro-green .genesis-nav-menu a:hover {
  1726. color: #fff;
  1727. }
  1728.  
  1729. .news-pro-green .site-footer a {
  1730. color: #aaa;
  1731. }
  1732.  
  1733. .news-pro-green .archive-pagination li a:hover,
  1734. .news-pro-green .archive-pagination li.active a,
  1735. .news-pro-green .button:hover,
  1736. .news-pro-green .enews-widget input[type="submit"],
  1737. .news-pro-green .entry-content .button:hover,
  1738. .news-pro-green .home-top .ui-tabs ul.ui-tabs-nav li.ui-tabs-active a,
  1739. .news-pro-green button:hover,
  1740. .news-pro-green input:hover[type="button"],
  1741. .news-pro-green input:hover[type="reset"],
  1742. .news-pro-green input:hover[type="submit"] {
  1743. background-color: #7dc246;
  1744. }
  1745.  
  1746. .news-pro-green .enews-widget input:hover[type="submit"] {
  1747. background-color: #f5f5f5;
  1748. }
  1749.  
  1750. .news-pro-green .home-top .ui-tabs ul.ui-tabs-nav li.ui-tabs-active a:hover {
  1751. background-color: #fff;
  1752. }
  1753.  
  1754. /* News Pro Pink
  1755. --------------------------------------------- */
  1756.  
  1757. .news-pro-pink .entry-title a:hover,
  1758. .news-pro-pink .footer-widgets a:hover,
  1759. .news-pro-pink .site-footer a:hover,
  1760. .news-pro-pink a {
  1761. color: #e81857;
  1762. }
  1763.  
  1764. .news-pro-pink .entry-title a,
  1765. .news-pro-pink .genesis-nav-menu a,
  1766. .news-pro-pink .sidebar .widget-title a,
  1767. .news-pro-pink .site-title a,
  1768. .news-pro-pink .site-title a:hover,
  1769. .news-pro-pink a:hover {
  1770. color: #000;
  1771. }
  1772.  
  1773. .news-pro-pink .button,
  1774. .news-pro-pink .button:hover,
  1775. .news-pro-pink .footer-widgets a,
  1776. .news-pro-pink .genesis-nav-menu .current-menu-item > a,
  1777. .news-pro-pink .genesis-nav-menu a:hover {
  1778. color: #fff;
  1779. }
  1780.  
  1781. .news-pro-pink .site-footer a {
  1782. color: #aaa;
  1783. }
  1784.  
  1785. .news-pro-pink .archive-pagination li a:hover,
  1786. .news-pro-pink .archive-pagination li.active a,
  1787. .news-pro-pink .button:hover,
  1788. .news-pro-pink .enews-widget input[type="submit"],
  1789. .news-pro-pink .entry-content .button:hover,
  1790. .news-pro-pink .home-top .ui-tabs ul.ui-tabs-nav li.ui-tabs-active a,
  1791. .news-pro-pink button:hover,
  1792. .news-pro-pink input:hover[type="button"],
  1793. .news-pro-pink input:hover[type="reset"],
  1794. .news-pro-pink input:hover[type="submit"] {
  1795. background-color: #e81857;
  1796. }
  1797.  
  1798. .news-pro-pink .enews-widget input:hover[type="submit"] {
  1799. background-color: #f5f5f5;
  1800. }
  1801.  
  1802. .news-pro-pink .home-top .ui-tabs ul.ui-tabs-nav li.ui-tabs-active a:hover {
  1803. background-color: #fff;
  1804. }
  1805.  
  1806. /* News Pro Orange
  1807. --------------------------------------------- */
  1808.  
  1809. .news-pro-orange .entry-title a:hover,
  1810. .news-pro-orange .footer-widgets a:hover,
  1811. .news-pro-orange .site-footer a:hover,
  1812. .news-pro-orange a {
  1813. color: #ff9000;
  1814. }
  1815.  
  1816. .news-pro-orange .entry-title a,
  1817. .news-pro-orange .genesis-nav-menu a,
  1818. .news-pro-orange .sidebar .widget-title a,
  1819. .news-pro-orange .site-title a,
  1820. .news-pro-orange .site-title a:hover,
  1821. .news-pro-orange a:hover {
  1822. color: #000;
  1823. }
  1824.  
  1825. .news-pro-orange .button,
  1826. .news-pro-orange .button:hover,
  1827. .news-pro-orange .footer-widgets a,
  1828. .news-pro-orange .genesis-nav-menu .current-menu-item > a,
  1829. .news-pro-orange .genesis-nav-menu a:hover {
  1830. color: #fff;
  1831. }
  1832.  
  1833. .news-pro-orange .site-footer a {
  1834. color: #aaa;
  1835. }
  1836.  
  1837. .news-pro-orange .archive-pagination li a:hover,
  1838. .news-pro-orange .archive-pagination li.active a,
  1839. .news-pro-orange .button:hover,
  1840. .news-pro-orange .enews-widget input[type="submit"],
  1841. .news-pro-orange .entry-content .button:hover,
  1842. .news-pro-orange .home-top .ui-tabs ul.ui-tabs-nav li.ui-tabs-active a,
  1843. .news-pro-orange button:hover,
  1844. .news-pro-orange input:hover[type="button"],
  1845. .news-pro-orange input:hover[type="reset"],
  1846. .news-pro-orange input:hover[type="submit"] {
  1847. background-color: #ff9000;
  1848. }
  1849.  
  1850. .news-pro-orange .enews-widget input:hover[type="submit"] {
  1851. background-color: #f5f5f5;
  1852. }
  1853.  
  1854. .news-pro-orange .home-top .ui-tabs ul.ui-tabs-nav li.ui-tabs-active a:hover {
  1855. background-color: #fff;
  1856. }
  1857.  
  1858.  
  1859. /*
  1860. Media Queries
  1861. ---------------------------------------------------------------------------------------------------- */
  1862.  
  1863. @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  1864. only screen and (-moz-min-device-pixel-ratio: 1.5),
  1865. only screen and (-o-min-device-pixel-ratio: 3/2),
  1866. only screen and (min-device-pixel-ratio: 1.5) {
  1867.  
  1868. .content #genesis-responsive-slider .flex-direction-nav li a {
  1869. background-image: url(images/icon-direction-nav@2x.png);
  1870. }
  1871.  
  1872. }
  1873.  
  1874. @media only screen and (max-width: 1188px) {
  1875.  
  1876. .site-container {
  1877. max-width: 960px;
  1878. }
  1879.  
  1880. .content-sidebar-sidebar .content-sidebar-wrap,
  1881. .sidebar-content-sidebar .content-sidebar-wrap,
  1882. .sidebar-sidebar-content .content-sidebar-wrap {
  1883. width: 780px;
  1884. }
  1885.  
  1886. .content {
  1887. width: 658px;
  1888. }
  1889.  
  1890. .site-header .widget-area {
  1891. width: 620px;
  1892. }
  1893.  
  1894. .sidebar-content-sidebar .content,
  1895. .sidebar-sidebar-content .content,
  1896. .content-sidebar-sidebar .content {
  1897. width: 480px;
  1898. }
  1899.  
  1900. .sidebar-primary {
  1901. width: 300px;
  1902. }
  1903.  
  1904. .footer-widgets-1,
  1905. .footer-widgets-2,
  1906. .footer-widgets-3,
  1907. .footer-widgets-4,
  1908. .footer-widgets-5,
  1909. .footer-widgets-6 {
  1910. width: 130px;
  1911. }
  1912.  
  1913. .home-top .widget.ui-tabs img {
  1914. max-width: 617px;
  1915. }
  1916.  
  1917. .home-top .widget.ui-tabs .entry {
  1918. min-height: 334px;
  1919. }
  1920.  
  1921. .site-title {
  1922. margin-top: 0;
  1923. }
  1924.  
  1925. }
  1926.  
  1927. @media only screen and (max-width: 1023px) {
  1928.  
  1929. .site-container {
  1930. max-width: 780px;
  1931. width: 96%;
  1932. }
  1933.  
  1934. .content,
  1935. .content-sidebar-sidebar .content,
  1936. .content-sidebar-sidebar .content-sidebar-wrap,
  1937. .sidebar-content-sidebar .content,
  1938. .sidebar-content-sidebar .content-sidebar-wrap,
  1939. .sidebar-primary,
  1940. .sidebar-secondary,
  1941. .sidebar-sidebar-content .content,
  1942. .sidebar-sidebar-content .content-sidebar-wrap,
  1943. .site-header .widget-area,
  1944. .site-inner,
  1945. .title-area,
  1946. .wrap {
  1947. width: 100%;
  1948. }
  1949.  
  1950. .footer-widgets-1,
  1951. .footer-widgets-2,
  1952. .footer-widgets-3,
  1953. .footer-widgets-4,
  1954. .footer-widgets-5,
  1955. .footer-widgets-6 {
  1956. margin: 0;
  1957. width: 33.3333%;
  1958. }
  1959.  
  1960. .footer-widgets-4 {
  1961. clear: both;
  1962. }
  1963.  
  1964. .site-header .title-area,
  1965. .site-header .widget-area {
  1966. padding: 0;
  1967. }
  1968.  
  1969. .site-header .title-area {
  1970. padding-bottom: 16px;
  1971. }
  1972.  
  1973. .site-header .wrap {
  1974. padding: 20px 0;
  1975. }
  1976.  
  1977. .genesis-nav-menu li,
  1978. .site-header ul.genesis-nav-menu,
  1979. .site-header .search-form {
  1980. float: none;
  1981. }
  1982.  
  1983. .genesis-nav-menu,
  1984. .home-top .widget.ui-tabs .entry h2,
  1985. .site-description,
  1986. .site-header .search-form,
  1987. .site-header .title-area,
  1988. .site-header .widget-area,
  1989. .site-title {
  1990. text-align: center;
  1991. }
  1992.  
  1993. .genesis-nav-menu a,
  1994. .genesis-nav-menu > .first > a,
  1995. .genesis-nav-menu > .last > a {
  1996. border: none;
  1997. padding: 12px;
  1998. }
  1999.  
  2000. .site-container,
  2001. .site-header .search-form {
  2002. margin: 16px auto ;
  2003. }
  2004.  
  2005. .genesis-nav-menu li.right {
  2006. display: none;
  2007. }
  2008.  
  2009. .content {
  2010. border: none;
  2011. }
  2012.  
  2013. .site-footer {
  2014. padding: 24px;
  2015. }
  2016.  
  2017. .home-top .widget.ui-tabs .entry {
  2018. background-color: #000;
  2019. padding-bottom: 20px;
  2020. }
  2021.  
  2022. .home-top .widget.ui-tabs img {
  2023. display: block;
  2024. max-width: 100%;
  2025. position: relative;
  2026. margin: 0 auto;
  2027. }
  2028.  
  2029. .home-top .ui-tabs ul.ui-tabs-nav {
  2030. background-color: #000;
  2031. bottom: auto;
  2032. margin: 0;
  2033. position: relative;
  2034. right: auto;
  2035. }
  2036.  
  2037. .home-top .ui-tabs ul.ui-tabs-nav li,
  2038. .home-top .widget.ui-tabs .entry p {
  2039. margin: 0;
  2040. }
  2041.  
  2042. .home-top .widget.ui-tabs .entry h2 {
  2043. padding: 0;
  2044. }
  2045.  
  2046. .content-sidebar .content,
  2047. .content-sidebar-sidebar .content,
  2048. .sidebar-sidebar-content .sidebar-primary {
  2049. border: none;
  2050. }
  2051.  
  2052. }
  2053.  
  2054. @media only screen and (max-width: 600px) {
  2055.  
  2056. .five-sixths,
  2057. .footer-widgets-1,
  2058. .footer-widgets-2,
  2059. .footer-widgets-3,
  2060. .footer-widgets-4,
  2061. .footer-widgets-5,
  2062. .footer-widgets-6,
  2063. .four-sixths,
  2064. .home-middle-left,
  2065. .home-middle-right,
  2066. .one-fourth,
  2067. .one-half,
  2068. .one-sixth,
  2069. .one-third,
  2070. .three-fourths,
  2071. .three-sixths,
  2072. .two-fourths,
  2073. .two-sixths,
  2074. .two-thirds {
  2075. margin: 0;
  2076. width: 100%;
  2077. }
  2078.  
  2079. .genesis-nav-menu.responsive-menu > .menu-item > .sub-menu,
  2080. .genesis-nav-menu.responsive-menu {
  2081. display: none;
  2082. }
  2083.  
  2084. .genesis-nav-menu.responsive-menu .menu-item,
  2085. .responsive-menu-icon {
  2086. display: block;
  2087. }
  2088.  
  2089. .genesis-nav-menu.responsive-menu .menu-item {
  2090. margin: 0;
  2091. }
  2092.  
  2093. .genesis-nav-menu.responsive-menu .menu-item:hover {
  2094. position: static;
  2095. }
  2096.  
  2097. .genesis-nav-menu.responsive-menu li.current-menu-item > a,
  2098. .genesis-nav-menu.responsive-menu .sub-menu li.current-menu-item > a:hover,
  2099. .genesis-nav-menu.responsive-menu li a,
  2100. .genesis-nav-menu.responsive-menu li a:hover {
  2101. background: none;
  2102. border: none;
  2103. color: #000;
  2104. display: block;
  2105. line-height: 1;
  2106. padding: 20px;
  2107. text-transform: none;
  2108. }
  2109.  
  2110. .genesis-nav-menu.responsive-menu .menu-item-has-children {
  2111. cursor: pointer;
  2112. }
  2113.  
  2114. .genesis-nav-menu.responsive-menu .menu-item-has-children > a {
  2115. margin-right: 60px;
  2116. }
  2117.  
  2118. .genesis-nav-menu.responsive-menu > .menu-item-has-children:before {
  2119. content: "\f132";
  2120. float: right;
  2121. font: normal 16px/1 'dashicons';
  2122. height: 16px;
  2123. padding: 18px 20px;
  2124. right: 0;
  2125. text-align: right;
  2126. z-index: 9999;
  2127. }
  2128.  
  2129. .genesis-nav-menu.responsive-menu .menu-open.menu-item-has-children:before {
  2130. content: "\f460";
  2131. }
  2132.  
  2133. .genesis-nav-menu.responsive-menu .sub-menu {
  2134. background-color: rgba(0, 0, 0, 0.05);
  2135. border: none;
  2136. left: auto;
  2137. opacity: 1;
  2138. position: relative;
  2139. -moz-transition: opacity .4s ease-in-out;
  2140. -ms-transition: opacity .4s ease-in-out;
  2141. -o-transition: opacity .4s ease-in-out;
  2142. -webkit-transition: opacity .4s ease-in-out;
  2143. transition: opacity .4s ease-in-out;
  2144. width: 100%;
  2145. z-index: 99;
  2146. }
  2147.  
  2148. .genesis-nav-menu.responsive-menu .sub-menu .sub-menu {
  2149. margin: 0;
  2150. }
  2151.  
  2152. .genesis-nav-menu.responsive-menu .sub-menu li a,
  2153. .genesis-nav-menu.responsive-menu .sub-menu li a:hover {
  2154. background: none;
  2155. border: none;
  2156. padding: 20px;
  2157. position: relative;
  2158. text-transform: none;
  2159. width: 100%;
  2160. }
  2161.  
  2162. .content #genesis-responsive-slider .flex-direction-nav li .next,
  2163. .content #genesis-responsive-slider .flex-direction-nav li .prev,
  2164. .content .slide-excerpt {
  2165. display: none;
  2166. }
  2167.  
  2168. .home-middle-left {
  2169. border: none;
  2170. }
  2171.  
  2172. .header-image .site-header .site-title a {
  2173. background-size: contain !important;
  2174. }
  2175.  
  2176. .entry-title {
  2177. font-size: 26px;
  2178. }
  2179.  
  2180. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement