API tools faq
paste
Advertisement
rejuancse

themeum-core

rejuancse
Apr 15th, 2018
112
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 25.88 KB | None | 0 0
raw download clone embed print report
  1. /*
  2. * Plugin Name: Themeum Core
  3. * Plugin URI: http://www.themeum.com/item/core
  4. * Author: Themeum
  5. * Author URI: http://www.themeum.com
  6. * License - GNU/GPL V2 or Later
  7. * Description: Themeum Core is a required plugin for this theme.
  8. * Version: 1.0
  9. */
  10.  
  11.  
  12. /* Top headline */
  13. .themeum-top-headlines.slick-initialized.slick-slider {
  14.     width: 100%;
  15. }
  16. .thm-heading-wrap .section-img {
  17.     width: 54px;
  18.     float: left;
  19.     display: inline-block;
  20.     margin-right: 12px;
  21. }
  22. .total-content {
  23.     width: 95%;
  24. }
  25. .thm-heading-wrap h2  {
  26.     font-size: 12px;
  27.     font-weight: 500;
  28.     line-height: 18px;
  29.     margin: 3px 0 0;
  30. }
  31. .thm-default-postbox h2 {
  32.     line-height: 18px;
  33. }
  34. .thm-heading-wrap h2 a {
  35.     color: #000;
  36.     transition: .3s;
  37. }
  38. .themeum-top-headlines.slick-initialized.slick-slider {
  39.     box-shadow: 0 1px 5px 0 rgba(0,0,0,0.08);
  40.     margin-top: -1px !important;
  41.     padding: 20px 25px 20px !important;
  42.     background-color: rgba(255, 255, 255, 1);
  43.     margin-left: 0;
  44. }
  45. .total-content .blog-post-cat a {
  46.     font-size: 12px;
  47.     line-height: 1;
  48.     display: inline-block;
  49.     text-transform: uppercase;
  50.     transition: .3s;
  51. }
  52. .total-content ul.blog-post-cat {
  53.     margin: 0;
  54.     padding: 0;
  55. }
  56. .total-content ul li.meta-category {
  57.     list-style: none;
  58.     line-height: 1;
  59. }
  60. .newskit-top-heading.elementor-section.elementor-section-boxed>.elementor-container {
  61.     max-width: 1590px !important;
  62. }
  63. /* newskit-topheading */
  64.  
  65. /* Post Slider */
  66. .thm-slider-wrap .section-img {
  67.     width: 50%;
  68.     float: left;
  69.     overflow: hidden;
  70.     position: relative;
  71. }
  72. .thm-slider-wrap:hover .post-share-social{
  73.     opacity: 1;
  74.     visibility: visible;
  75. }
  76. .themeum-post-slider.row.slick-initialized.slick-slider {
  77.     margin-left: -24px;
  78.     margin-right: 0;
  79. }
  80. .thm-slider-wrap.slick-slide {
  81.     background: #fff;
  82. }
  83. .thm-slider-wrap .total-content {
  84.     width: 50%;
  85.     padding: 30px 35px 37px 55px;
  86.     float: right;
  87. }
  88. .thm-slider-wrap .total-content h2 {
  89.     font-size: 24px;
  90.     margin-top: 13px;
  91.     margin-bottom: 30px;
  92.     font-weight: 400;
  93.     line-height: 30px;
  94.     color: #232323;
  95.     letter-spacing: -1px;
  96. }
  97. .thm-slider-wrap .total-content h2 a {
  98.     color: #232323;
  99.     letter-spacing: -1px;
  100.     transition: .3s
  101. }
  102. .thm-slider-wrap .total-content .blog-post-cat a {
  103.     font-size: 12px;
  104.     line-height: 1;
  105.     display: inline-block;
  106.     text-transform: uppercase;
  107.     text-transform: uppercase;
  108.     color: #fff;
  109.     font-size: 12px;
  110.     padding: 5px 8px 3px;
  111.     line-height: 1;
  112.     display: inline-block;
  113.     background: #ef3f48;
  114.     margin-bottom: 23px;
  115. }
  116. .thm-slider-wrap .blog-date-wrapper span {
  117.     color: #B2B2B2;
  118.     margin-bottom: 3px;
  119.     margin-top: -3px;
  120. }
  121. .thm-slider-wrap .total-content h2 a:hover {
  122.     color: #ef3f48;
  123. }
  124. .themeum-post-slider.slick-slider ul.slick-dots {
  125.     position: absolute;
  126.     top: 18px;
  127.     right: 30px;
  128.     left: auto;
  129.     width: 100px;
  130.     height: 30px;
  131.     text-align: right;
  132. }
  133. .themeum-post-slider.slick-slider .slick-dots button {
  134.     display: none !important;
  135. }
  136. .themeum-post-slider.slick-slider button.slick-next.slick-arrow, .themeum-post-slider.slick-slider button.slick-prev.slick-arrow{
  137.     display: none !important;
  138. }
  139. .themeum-post-slider.slick-slider .slick-dots li {
  140.     margin-right: 30px;
  141.     margin-top: 24px;
  142.     height: 6px;
  143.     width: 6px;
  144.     border: 2px solid #B2B2B2;
  145.     background: transparent;
  146.     margin: 0 2px;
  147.     border-radius: 50%;
  148.     list-style: none;
  149. }
  150. .themeum-post-slider.slick-slider .slick-dots li.slick-active {
  151.     border-color: #ef3f48;
  152. }
  153. .thm-slider-wrap.slick-slide .section-img img {
  154.     transition: .3s;
  155. }
  156. .thm-slider-wrap.slick-slide:hover .section-img img {
  157.     -webkit-transform: scale(1.09) rotate(3deg);
  158.     transform: scale(1.09) rotate(3deg);
  159. }
  160. /* Post Slider End  */
  161. .themeum-post-slider.slick-slider .newskit-post-share-social {
  162.     position: absolute;
  163.     top: 0;
  164.     left: 26%;
  165. }
  166. .section-content-second.latest-news-five .article-details {
  167.     min-height: inherit;
  168. }
  169. /* Themeum News Feed Section */
  170. .thm-news-feed .addon-article .article-image-wrap {
  171.     width: 100%;
  172.     float: inherit;
  173. }
  174. .section-content-second .newskit-news-feed-wrap .article-details {
  175.     margin-bottom: 30px;
  176. }
  177. .newskit-news-feed-wrap .article-image-wrap {
  178.     float: left;
  179.     margin-right: 25px;
  180.     overflow: hidden;
  181.     width: 120px;
  182. }
  183. .thm-news-feed .addon-article .article-details {
  184.     padding-bottom: 25px;
  185. }
  186. .section-content-second .newskit-news-feed-wrap .article-details {
  187.     height: 121px;
  188. }
  189. .section-content-second .newskit-news-feed-wrap h3.article-title {
  190.     line-height: 20px;
  191.     letter-spacing: -0.44px;
  192.     font-size: 15px;
  193.     margin-bottom: 7px;
  194.     font-weight: 400;
  195.     width: 100%;
  196.     margin-top: 5px;
  197. }
  198. .section-content-second .newskit-news-feed-wrap .article-details {
  199.     padding: 21px 15px 15px;
  200.     border-bottom: 1px solid #F2F2F2;
  201.     background: #fff;
  202. }
  203.  
  204. .thm-news-feed .addon-article h3.article-title {
  205.     margin: 4px 0 14px;
  206.     font-size: 24px;
  207.     letter-spacing: -1px;
  208.     line-height: 25px;
  209.     font-weight: 400;
  210. }
  211. .thm-news-feed .addon-article .article-title a {
  212.     color: #232323;
  213.     letter-spacing: -0.5px;
  214.     line-height: 22px;
  215.     font-size: 18px;
  216.     margin: 0;
  217. }
  218. .newskit-news-feed-wrap .item-image img {
  219.     transition: .3s;
  220.     height: 100%;
  221. }
  222. .newskit-news-feed-wrap:hover a.item-image img {
  223.     -webkit-transform: scale(1.09) rotate(3deg);
  224.     transform: scale(1.09) rotate(3deg);
  225. }
  226. .total-content .blog-post-cat a:hover {
  227.     color: #000;
  228. }
  229. .themeum-video-post a.item-image:before {
  230.     content: '\e92a';
  231.     font-family: 'newskit' !important;
  232.     position: absolute;
  233.     top: 0;
  234.     font-size: 81px;
  235.     color: #fff;
  236.     height: 44px;
  237.     width: 44px;
  238.     bottom: 0;
  239.     margin: auto;
  240.     right: 0;
  241.     left: 0;
  242.     line-height: 1;
  243.     z-index: 2;
  244.     -webkit-transition: .3s;
  245.     -o-transition: .3s;
  246.     transition: .3s;
  247. }
  248. .thm-news-feed.themeum-video-post .addon-article .article-image-wrap:after {
  249.     content: '\e92a';
  250.     position: absolute;
  251.     left: 0;
  252.     top: 0;
  253.     height: 100%;
  254.     width: 100%;
  255.     opacity: 0;
  256.     visibility: hidden;
  257.     -webkit-transition: .3s;
  258.     -o-transition: .3s;
  259.     transition: .3s;
  260. }
  261. .thm-news-feed.themeum-video-post .addon-article .article-image-wrap:hover:after {
  262.     opacity: 1;
  263.     visibility: visible;
  264.     background: rgba(239,63,72,0.9);
  265. }
  266. .video-post .newskit-news-feed-wrap .article-image-wrap {
  267.     width: 160px;
  268.     position: relative;
  269. }
  270. .section-content-second.video-post .newskit-news-feed-wrap .article-details {
  271.     height: 92px;
  272. }
  273. .themeum-video-post .addon-article .article-details {
  274.     padding: 25px 0;
  275. }
  276. .themeum-video-post .addon-article .article-details h3 a{
  277.     font-size: 24px;
  278.     letter-spacing: -0.8px;
  279. }
  280. .section-content-second.video-post .newskit-news-feed-wrap .article-details {
  281.     border-bottom: none;
  282. }
  283. .section-content-second.video-post .newskit-news-feed-wrap h3.article-title {
  284.     font-size: 18px;
  285.     margin-bottom: 7px;
  286.     font-weight: 400;
  287.     width: 100%;
  288.     margin-top: 5px;
  289.     letter-spacing: -0.5px;
  290.     line-height: 24px;
  291. }
  292. .section-content-second.video-post .newskit-news-feed-wrap .article-details {
  293.     padding: 15px 15px 15px;
  294. }
  295. .section-content-second.video-post .newskit-news-feed-wrap .article-details {
  296.     margin-bottom: 24px;
  297. }
  298.  
  299. .video-post .newskit-news-feed-wrap {
  300.     position: relative;
  301. }
  302. .video-post .article-image-wrap a.item-image:before {
  303.     content: '\e92a';
  304.     font-family: 'newskit' !important;
  305.     position: absolute;
  306.     top: 0;
  307.     font-size: 42px;
  308.     color: #fff;
  309.     bottom: 0;
  310.     margin: auto;
  311.     right: auto;
  312.     left: 50%;
  313.     line-height: 1;
  314.     z-index: 2;
  315.     -webkit-transition: .3s;
  316.     -o-transition: .3s;
  317.     transition: .3s;
  318.     transform: translate(-50%, 26%);
  319. }
  320. .video-post .article-image-wrap:after {
  321.     content: '';
  322.     position: absolute;
  323.     left: 0;
  324.     top: 0;
  325.     height: 100%;
  326.     width: 160px;
  327.     opacity: 0;
  328.     visibility: hidden;
  329.     -webkit-transition: .3s;
  330.     -o-transition: .3s;
  331.     transition: .3s;
  332. }
  333. .video-post .newskit-news-feed-wrap:hover .article-image-wrap:after {
  334.     opacity: 1;
  335.     visibility: visible;
  336.     background: rgba(239,63,72,0.9);
  337. }
  338.  
  339. .video-post.video-style2 .newskit-news-feed-wrap .article-image-wrap {
  340.     width: 120px;
  341.     position: relative;
  342.     margin-right: 0;
  343.     float: left;
  344. }
  345. .video-post.video-style2 .newskit-news-feed-wrap .article-details {
  346.     height: 153px;
  347.     width: 174px;
  348.     float: left;
  349. }
  350. .video-post.video-style2 .article-image-wrap:after {
  351.     height: 100%;
  352.     width: 120px;
  353. }
  354. /*.video-style2 .newskit-news-feed-wrap .article-image-wrap {
  355.     margin-right: 20px;
  356. }*/
  357. .section-content-second.video-post .newskit-news-feed-wrap h3.article-title {
  358.     font-size: 16px;
  359.     margin-bottom: 7px;
  360.     margin-top: 5px;
  361.     line-height: 20px;
  362. }
  363. .video-post.video-style2 .article-image-wrap a.item-image:before {
  364.     left: 50%;
  365.     transform: translate(-50%, 35%);
  366. }
  367. .featured-post-wrap span.meta-category {
  368.     min-width: 72px;
  369.     display: inline-block;
  370.     float: left;
  371. }
  372. .featured-post-wrap span.meta-category a {
  373.     color: #B2B2B2;
  374. }
  375. .featured-post-wrap span.meta-category a: hover{
  376.     color: #f14851;
  377. }
  378. .col-sm-12.newskit-image-wrap.thm-news-feed {
  379.     margin-bottom: 30px;
  380.     overflow: hidden;
  381. }
  382.  
  383. /* Latest News Five */
  384. .section-content-second.latest-news-five {
  385.     overflow: hidden;
  386.     padding: 20px 20px 18px;
  387.     border-bottom: 1px solid #EDEDED;
  388.     display: table;
  389.     width: 100%;
  390.     background: #fff;
  391. }
  392. .latest-news-five .section-img {
  393.     width: 58px;
  394.     float: left;
  395.     display: inline-block;
  396.     overflow: hidden;
  397. }
  398. .latest-news-five.section-content-second .article-details {
  399.     padding: 0;
  400.     border-bottom: none;
  401.     background: transparent;
  402.     width: 69%;
  403.     float: right;
  404.     margin-top: -2px;
  405. }
  406. .latest-news-five .meta-category a {
  407.     font-size: 12px;
  408.     text-transform: uppercase;
  409. }
  410. .section-content-second.latest-news-five .article-title a {
  411.     font-weight: 400;
  412.     font-size: 14px;
  413.     color: #232323;
  414.     letter-spacing: -0.44px;
  415.     line-height: 17px;
  416.     display: inline-block;
  417.     height: 32px;
  418.     overflow: hidden;
  419. }
  420.  
  421.  
  422.  
  423.  
  424. .addon-article.style-four .article-image-wrap {
  425.     width: 100%;
  426.     height: 335px;
  427. }
  428. .style-four img.wp-post-image {
  429.     height: 100%;
  430. }
  431. .intro-item-wrapper.style-four .article-details {
  432.    
  433. }
  434. .addon-article.style-four .article-details {
  435.     vertical-align: top;
  436.     background: transparent;
  437.     position: absolute;
  438.     left: 20px;
  439.     right: 20px;
  440.     text-align: center;
  441.     bottom: 20px;
  442.     padding: 18px 25px 12px;
  443.     z-index: 1;
  444.     -webkit-transition: .3s;
  445.     -o-transition: .3s;
  446.     transition: .3s;
  447.     top: auto;
  448. }
  449. .intro-item-wrapper.style-four h3.article-title {
  450.     font-weight: 400;
  451.     line-height: 0px;
  452.     font-size: 22px;
  453.     height: 45px;
  454.     overflow: hidden;
  455.     margin-bottom: 15px;
  456. }
  457. .style-four ul.newskit-post-category {
  458.     list-style: none;
  459.     padding: 0;
  460.     margin-bottom: 10px;
  461.     position: absolute;
  462.     z-index: 1;
  463.     top: 23px;
  464.     text-align: center;
  465.     left: 36.5%;
  466. }
  467. .style-four p {
  468.     display: none;
  469. }
  470. .style-four:hover .article-details p {
  471.     display: inherit;
  472. }
  473.  
  474.  
  475. .addon-article.style-four .article-title a {
  476.     color: #fff;
  477. }
  478. .addon-article.style-four span.meta-date {
  479.     color: rgba(255,255,255,0.6);
  480. }
  481. .addon-article.intro-item-wrapper.style-four:after {
  482.     content: '';
  483.     background: -webkit-linear-gradient(-180deg,rgba(255,255,255,0) 0%,#000000 100%);
  484.     background: -moz-linear-gradient(-180deg,rgba(255,255,255,0) 0%,#000000 100%);
  485.     background: -o-linear-gradient(-180deg,rgba(255,255,255,0) 0%,#000000 100%);
  486.     background: -ms-linear-gradient(-180deg,rgba(255,255,255,0) 0%,#000000 100%);
  487.     background: linear-gradient(-180deg,rgba(255,255,255,0) 0%,rgba(0, 0, 0, .9) 100%);
  488.     position: absolute;
  489.     top: auto;
  490.     bottom: 0;
  491.     left: 0;
  492.     right: 0;
  493.     height: 170px;
  494. }
  495.  
  496. .addon-article.style-four:hover .article-details {
  497.     padding: 25px 25px 20px;
  498.     background: transparent;
  499.     text-align: center;
  500.     transition: .3s;
  501.     background: #fff;
  502.     display: inline-block;
  503.     text-align: center;
  504.     left: 20px;
  505.     right: 20px;
  506. }
  507. .addon-article.style-four:hover .article-details a{
  508.     color: #000;
  509. }
  510.  
  511. .addon-article.style-four:hover .article-details .meta-date{
  512.     color: #b2b2b2;
  513. }
  514.  
  515. .addon-article.intro-item-wrapper.style-four {
  516.     position: relative;
  517.     width: 100%;
  518.     height: 100%;
  519. }
  520.  
  521. .addon-article .article-image-wrap{
  522.     /*width: 255px;*/
  523.     vertical-align: top;
  524.     position: relative;
  525.     float: left;
  526.     overflow: hidden;
  527. }
  528. .addon-article .article-details{
  529.     display: table-cell;
  530.     vertical-align: top;
  531.     padding: 25px 25px 0px;
  532.     background: #fff;
  533. }
  534. .addon-article h3.article-title {
  535.     margin: 7px 0 14px;
  536.     font-size: 24px;
  537.     letter-spacing: -1px;
  538.     line-height: 30px;
  539.     font-weight: 400;
  540. }
  541. .addon-article .article-title a {
  542.     color: #232323;
  543.     letter-spacing: -0.5px;
  544.     line-height: 22px;
  545. }
  546. .section-content-second h3.article-title {
  547.     margin-bottom: 0;
  548.     font-size: 14px;
  549.     line-height: 20px;
  550.     letter-spacing: -0.44px;
  551. }
  552. .section-content-second .article-details {
  553.     padding: 21px 25px 21px;
  554.     border-bottom: 1px solid #F2F2F2;
  555.     background: #fff;
  556.         min-height: 108.5px;
  557. }
  558. .col-sm-4.section-content-second {
  559.     padding-left: 0;
  560.     border-left: 1px solid #F2F2F2;
  561.     min-height: 323px;
  562. }
  563. .addon-article.leading-item {
  564.     background: #fff;
  565.     display: table-cell;
  566.     vertical-align: top;
  567.     padding: 0;
  568. }
  569. .col-sm-8.newskit-image-wrap {
  570.     padding-right: 0;
  571. }
  572. .intro-item-wrapper h3.article-title {
  573.     margin-top: 5px;
  574.     font-size: 16px;
  575.     margin-bottom: 7px;
  576.     font-weight: 400;
  577.     line-height: 0px;
  578. }
  579. .intro-item-wrapper .article-details {
  580.     padding-top: 22px;
  581.     padding-bottom: 25px;
  582. }
  583. .addon-article.intro-item-wrapper {
  584.     margin-bottom: 30px;
  585. }
  586. .newskitart-wrap{
  587.     background: #fff;
  588. }
  589. .addon-article span.meta-date, .article-details span.meta-date{
  590.     color: #B2B2B2;
  591.     font-size: 14px;
  592. }
  593. .section-content-second .article-title a {
  594.     line-height: 20px;
  595.     letter-spacing: -0.44px;
  596.     color: #232323;
  597.     font-weight: 400;
  598. }
  599. .article-details span.meta-date {
  600.     padding-bottom: 2px;
  601. }
  602. .section-content-second .article-details span.meta-date {
  603.     padding-bottom: 2px;
  604.     display: block;
  605. }
  606. .intro-item-wrapper .article-details span.meta-date {
  607.     padding-bottom: 2px;
  608.     display: block;
  609. }
  610. .addon-article .article-image-wrap img {
  611.     transition: .3s
  612. }
  613. .addon-article:hover .article-image-wrap img {
  614.     -webkit-transform: scale(1.09) rotate(3deg);
  615.     transform: scale(1.09) rotate(3deg);
  616. }
  617. .intro-item-wrapper .addon-article .article-image-wrap {
  618.     width: 100%;
  619. }
  620.  
  621. /*jihad*/
  622. .post-share-social {
  623.     position: absolute;
  624.     left: auto;
  625.     opacity: 0;
  626.     visibility: hidden;
  627.     -webkit-transition: .4s;
  628.     -o-transition: .4s;
  629.     transition: .4s;
  630.     top: 20px;
  631.     z-index: 2;
  632.     right: 30px;
  633.     width: 100%;
  634. }
  635. .addon-article:hover .article-image-wrap .post-share-social {
  636.     visibility: visible;
  637.     opacity: 1;
  638. }
  639. .post-share-social span.share-button {
  640.     float: right;
  641.     height: 31px;
  642.     width: 31px;
  643.     border-radius: 50%;
  644.     font-size: 14px;
  645.     background: #fff;
  646.     text-align: center;
  647.     padding-top: 9px;
  648.     line-height: 1;
  649.     -webkit-transition: .3s;
  650.     -o-transition: .3s;
  651.     transition: .3s;
  652.     cursor: pointer;
  653.     position: relative;
  654.     z-index: 2;
  655.     right: -10px;
  656. }
  657. .post-share-social .post-share-social-others a {
  658.     transition: all 0.5s;
  659.     background: #fff;
  660.     color: #fff;
  661.     width: 31px;
  662.     height: 31px;
  663.     border-radius: 50%;
  664.     text-align: center;
  665.     padding-top: 9px;
  666.     visibility: hidden;
  667.     margin-left: 5px;
  668.     opacity: 0;
  669.     color: #fff !important;
  670. }
  671. .post-share-social-others {
  672.     width: 262px;
  673.     margin-right: -27px;
  674.     transition: all .4s;
  675.     text-align: right;
  676. }
  677. .post-share-social:hover .post-share-social-others a {
  678.     visibility: visible;
  679.     opacity: 1;
  680. }
  681. .post-share-social:hover .post-share-social-others {
  682.     margin-right: 0;
  683. }
  684. .post-share-social .post-share-social-others a.fa-facebook {
  685.     background: #3b5998;
  686.     transition-delay: 0.6s;
  687.     transition: all .6s;
  688.     z-index: 2;
  689. }
  690. .post-share-social .post-share-social-others a.fa-twitter {
  691.     background: #1da1f2;
  692.     transition-delay: 0.4s;
  693.     transition: all .4s;
  694.     z-index: 2;
  695. }
  696. .post-share-social .post-share-social-others a.fa-google-plus {
  697.     background: #dd4b39;
  698.     z-index: 2;
  699.     transition-delay: 0.2s;
  700.     transition: all .2s;
  701. }
  702. .post-share-social-others ul li {
  703.     list-style: none;
  704.     display: inline-block;
  705. }
  706. .post-share-social-others ul{
  707.     padding: 0;
  708.     margin: 0;
  709. }
  710. .post-share-social .post-share-social-others a.fa-linkedin {
  711.     background: #0077b5;
  712.     right: 0px;
  713.     z-index: 2;
  714.     transition-delay: 0.2s;
  715.     transition: all .2s;
  716. }
  717. .post-share-social .post-share-social-others a.fa-pinterest {
  718.     background: #c92228;
  719.     right: 0px;
  720.     z-index: 2;
  721.     transition-delay: 0.1s;
  722.     transition: all .1s;
  723. }
  724. .post-share-social:hover .post-share-social-others a.fa-facebook,
  725. .post-share-social:hover .post-share-social-others a.fa-twitter,
  726. .post-share-social:hover .post-share-social-others a.fa-google-plus {
  727.     visibility: visible;
  728. }
  729. .post-share-social .post-share-social-others {
  730.     right: 0;
  731.     position: absolute;
  732. }
  733. .post-share-social:hover .post-share-social-others {
  734.     right: 30px;
  735. }
  736. /* JIhad */
  737.  
  738.  
  739.  
  740.  
  741.  
  742.  
  743. .addon-article.intro-item-wrapper .article-image-wrap {
  744.     width: 100%;
  745. }
  746. .addon-article .article-title a:hover {
  747.     color: #ef3f48;
  748. }
  749. .post-share-social span.share-button:hover {
  750.     background: #ef3f48;
  751.     color: #fff;
  752. }
  753. .elementor .section-img img {
  754.     width: 100%;
  755. }
  756. ul.newskit-post-category {
  757.     list-style: none;
  758.     padding: 0;
  759.     margin-bottom: 10px;
  760. }
  761. ul.newskit-post-category li a {
  762.     text-transform: uppercase;
  763.     color: #fff;
  764.     font-size: 12px;
  765.     padding: 7px 8px 5px;
  766.     line-height: 1;
  767.     display: inline-block;
  768.     background: #ef3f48;
  769. }
  770. .addon-article .article-image-wrap img {
  771.     width: 100%;
  772. }
  773. .latest-post-section .addon-article .article-image-wrap {
  774.     width: 100%;
  775. }
  776. .latest-post-section .addon-article .article-title a {
  777.     font-size: 14px;
  778.     color: #232323;
  779.     line-height: 1px;
  780.     letter-spacing: -0.44px;
  781. }
  782. .latest-post-section .addon-article h3.article-title {
  783.     line-height: 20px;
  784. }
  785. .latest-post-section  .addon-article.leading-item {
  786.     border-bottom: 1px solid #F2F2F2;
  787. }
  788. .latest-post-section .addon-article .article-details {
  789.     display: table-cell;
  790.     vertical-align: top;
  791.     padding-bottom: 15px;
  792.     background: #fff;
  793. }
  794. .latest-post-section .addon-article.leading-item {
  795.     padding: 22px;
  796. }
  797. .latest-post-section .addon-article .article-details {
  798.     padding: 20px 0px 0px;
  799. }
  800. .elementor-widget-container {
  801.     /*padding: 0 !important;*/
  802. }
  803.  
  804. .ui-datepicker {
  805.     background-color: #fff;
  806.     border-radius: 4px;
  807.     box-shadow: 0 0 54px rgba(0,0,0,0.15);
  808.     display: none;
  809.     margin-top: 4px;
  810.     padding: 10px;
  811.     width: 265px;
  812.     z-index: 100 !important;
  813. }
  814. .ui-datepicker a,
  815. .ui-datepicker a:hover {
  816.     text-decoration: none;
  817. }
  818. .ui-datepicker a:hover,
  819. .ui-datepicker td:hover a {
  820.     color: #2A6496;
  821.     -webkit-transition: color 0.1s ease-in-out;
  822.     -moz-transition: color 0.1s ease-in-out;
  823.     -o-transition: color 0.1s ease-in-out;
  824.     transition: color 0.1s ease-in-out;
  825. }
  826. .ui-datepicker .ui-datepicker-header {
  827.     margin-bottom: 10px;
  828.     text-align: center;
  829. }
  830. .ui-datepicker .ui-datepicker-title {
  831.     font-weight: 700;
  832. }
  833. .ui-datepicker .ui-datepicker-prev,
  834. .ui-datepicker .ui-datepicker-next {
  835.     cursor: default;
  836.     font-family: 'Glyphicons Halflings';
  837.     -webkit-font-smoothing: antialiased;
  838.     font-style: normal;
  839.     font-weight: normal;
  840.     line-height: 1;
  841.     margin-top: 2px;
  842. }
  843. .ui-datepicker .ui-datepicker-prev {
  844.     float: left;
  845.     text-align: left;
  846. }
  847. .ui-datepicker .ui-datepicker-next {
  848.     float: right;
  849.     text-align: right;
  850. }
  851. .ui-datepicker .ui-datepicker-prev:hover,
  852. .ui-datepicker .ui-datepicker-next:hover {
  853.     background: none !important;
  854. }
  855. .ui-datepicker .ui-datepicker-prev:before {
  856.     content: "\f104";
  857.     font-family: fontawesome;
  858.     font-size: 22px;
  859. }
  860. .ui-datepicker .ui-datepicker-next:before {
  861.     content: "\f105";
  862.     font-family: fontawesome;
  863.     font-size: 22px;
  864. }
  865. .ui-datepicker .ui-icon {
  866.     display: none;
  867. }
  868. .ui-datepicker .ui-datepicker-calendar {
  869.     table-layout: fixed;
  870.     width: 100%;
  871. }
  872. .ui-datepicker .ui-datepicker-calendar th,
  873. .ui-datepicker .ui-datepicker-calendar td {
  874.     text-align: center;
  875.     padding: 2px 0;
  876.     color: #b5b5b5;
  877. }
  878. .ui-datepicker .ui-datepicker-calendar th{
  879.     color: #000;
  880. }
  881. .ui-datepicker .ui-datepicker-calendar td {
  882.     -webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
  883.     -moz-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
  884.     -o-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
  885.     transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
  886. }
  887. .ui-datepicker .ui-datepicker-calendar td:hover {
  888.     background-color: #eee;
  889.     cursor: pointer;
  890. }
  891. .ui-datepicker .ui-datepicker-calendar td a {
  892.     text-decoration: none;
  893.     color: #000;
  894. }
  895. .ui-datepicker .ui-datepicker-current-day a {
  896.     background-color: #00aeef;
  897.  
  898. }
  899. .ui-datepicker .ui-datepicker-current-day a {
  900.     color: #fff !important;
  901. }
  902. .ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover {
  903.     background-color: #fff;
  904.     cursor: default;
  905. }
  906. .ui-datepicker .ui-datepicker-calendar,
  907. .ui-datepicker .ui-datepicker-calendar th, .ui-datepicker .ui-datepicker-calendar td{
  908.     border: none;
  909. }
  910. .ui-datepicker .ui-datepicker-calendar th, .ui-datepicker .ui-datepicker-calendar td{
  911.     width: 35px;
  912.     height: 35px;
  913. }
  914. .ui-datepicker .ui-datepicker-calendar td:hover{
  915.     background-color: transparent;
  916. }
  917. .ui-datepicker .ui-datepicker-calendar td:hover a{
  918.     color: #00aeef;
  919. }
  920. .ui-datepicker .ui-datepicker-calendar td span, .ui-datepicker .ui-datepicker-calendar td a {
  921.     width: 33px;
  922.     height: 33px;
  923.     line-height: 30px;
  924.     padding: 0;
  925.     border: 2px solid transparent;
  926.     box-shadow: none;
  927.     border-radius: 100%;
  928.     display: block;
  929. }
  930. .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a{
  931.     background: #ececec;
  932.     color: #000;
  933. }
  934. .ui-datepicker .ui-datepicker-calendar td.ui-state-active a{
  935.     background: #00aeef;
  936. }
  937.  
  938.  
  939. .themeum-counter-number,.counter-symbol{
  940.     display: inline-block;
  941. }
  942. .align-center .counter-content .counter-number-icon{
  943.     position: relative;
  944. }
  945. .align-right .counter-content span.counter-number-icon{
  946.     left: 5px;
  947. }
  948. .align-left .counter-content span.counter-number-icon{
  949.     right: 5px;
  950. }
  951. .padding-left30.wpb_column.vc_column_container{
  952.     padding-right: 30px;
  953. }
  954. .novisible{
  955.     visibility: hidden;
  956. }
  957. /*********GALLERY SHORTCODE***********/
  958. .gallery-post-wrapper{
  959.     background: #fff;
  960.     padding: 25px;
  961.     overflow: hidden;
  962. }
  963. .thm-gallery-thumb{
  964.     position: relative;
  965.     margin-top: 20px;
  966.     transition: all .5s;
  967. }
  968.  
  969. .thm-gallery-thumb .fa-angle-left.slick-arrow{
  970.     position: absolute;
  971.     left: -100%;
  972.     top: 50%;
  973.     margin-top:-20px;
  974.     height: 40px;
  975.     font-size: 24px;
  976.     width: 40px;
  977.     background-color: rgba(0,0,0,.8);
  978.     z-index: 9;
  979.     color: #fff;
  980.     line-height: 40px;
  981.     text-align: center;
  982.     transition: all .5s;
  983.     cursor:pointer;
  984.     display: none;
  985. }
  986. .thm-gallery-thumb .fa-angle-right.slick-arrow{
  987.     position: absolute;
  988.     right: -100%;
  989.     top: 50%;
  990.     margin-top:-20px;
  991.     height: 40px;
  992.     font-size: 24px;
  993.     width: 40px;
  994.     background-color: rgba(0,0,0,.8);
  995.     z-index: 9;
  996.     color: #fff;
  997.     line-height: 40px;
  998.     text-align: center;
  999.     cursor:pointer;
  1000.     transition: all .5s;
  1001.     display: none;
  1002. }
  1003. .thm-gallery-thumb .single-thumb.slick-slide.slick-current{
  1004.     position: relative;
  1005. }
  1006. .thm-gallery-thumb .single-thumb.slick-slide.slick-current::after{
  1007.     position: absolute;
  1008.     left: 0;
  1009.     top: 0;
  1010.     width: 100%;
  1011.     height: 100%;
  1012.     background: rgba(239,63,72,0.9);
  1013.     content: '';
  1014. }
  1015. .thm-gallery-thumb .single-thumb.slick-slide.slick-current::before{
  1016.     position: absolute;
  1017.     font: 14px/1 FontAwesome;
  1018.     font-weight: 300;
  1019.     content: "\f192";
  1020.     left: 0;
  1021.     top: 0;
  1022.     height: 100%;
  1023.     width: 100%;
  1024.     z-index: 2;
  1025.     color: #fff;
  1026.     font-size: 30px;
  1027.     display: flex;
  1028.     flex-direction: column;
  1029.     justify-content: center;
  1030. }
  1031.  
  1032. .gallery-post-wrapper:hover .thm-gallery-thumb .fa-angle-left.slick-arrow{
  1033.     display: block;
  1034.     left: -15px;
  1035.  
  1036. }
  1037. .gallery-post-wrapper:hover .thm-gallery-thumb .fa-angle-right.slick-arrow{
  1038.     display: block;
  1039.     right: -15px;
  1040.  
  1041. }
  1042. .thm-gallery-thumb .fa-angle-right.slick-arrow:hover{
  1043.     background: #000;
  1044. }
  1045. .thm-gallery-thumb .fa-angle-left.slick-arrow:hover{
  1046.     background: #000;
  1047. }
  1048. .thm-gallery-thumb{
  1049.    margin-left: -8px;
  1050.    margin-right: -8px;
  1051. }
  1052. .thm-gallery-thumb .slick-slide {
  1053.     text-align:center;
  1054.     margin:0 7px;
  1055. }
  1056. .gallery-post-wrapper img{
  1057.     cursor: pointer;
  1058. }
  1059. .gallery-post-wrapper .newskit-head-title .thm-heading-title{
  1060.     margin-bottom: 20px;
  1061.     font-size: 18px;
  1062.     padding-left: 15px;
  1063.     position: relative;
  1064. }
  1065. .gallery-post-wrapper .newskit-head-title .thm-heading-title::before{
  1066.     content: '';
  1067.     background: #ef3f48 !important;
  1068.     height: 100%;
  1069.     width: 7px;
  1070.     position: absolute;
  1071.     left: 0px;
  1072.     top: 0;
  1073. }
  1074. .gallery-post-wrapper .newskit-head-title .thm-heading-title::after{
  1075.     content: '';
  1076.     background: #D8D8D8 !important;
  1077.     height: 1px;
  1078.     width: 2000px;
  1079.     position: absolute;
  1080.     left: 100%;
  1081.     right: 0;
  1082.     top: 50%;
  1083.     margin-left: 20px;
  1084. }
  1085. .gallery-post-wrapper .newskit-head-title h2.thm-heading-title{
  1086.     text-transform: capitalize;
  1087.     font-weight: 500;
  1088. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!