[text] theme

Viewer

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

Editor

You can edit this paste and save as new:


File Description
  • theme
  • Paste Code
  • 29 Mar-2024
  • 60.72 Kb
You can Share it: