Advertisement
Guest User

themediacenter

a guest
Jun 2nd, 2015
265
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 43.77 KB | None | 0 0
  1. /*
  2. Theme Name: Headline News
  3. Theme URI: http://gawibowo.com/themes/headline-news
  4. Description: Magazine/Blog WordPress theme
  5. Version: 1.0
  6. Author: gawibowo
  7. Author URI: http://themeforest.net/user/gawibowo
  8. Tags: white, light, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-menu, featured-images, post-formats, theme-options, translation-ready
  9. License: GNU General Public License version 3.0
  10. License URI: http://www.gnu.org/licenses/gpl-3.0.html
  11. */
  12.  
  13. /* =Base Styles
  14. -----------------------------------*/
  15.  
  16. /* Contact form pop-up
  17.  
  18. .b-popup{
  19. width:100%;
  20. min-height:100%;
  21. background-color: rgba(0,0,0,0.5);
  22. overflow:hidden;
  23. position:absolute;
  24. top:0px;
  25. left:0px;
  26. z-index:100;
  27. }
  28. .b-popup .b-popup-content{
  29. margin:40px auto 0px auto;
  30. width:600px;
  31. height:auto;
  32. padding:20px;
  33. background-color: #fff;
  34. }
  35. */
  36.  
  37. .newsletter-archive a {text-decoration: none !important;}
  38. .newsletter-archive a:hover {text-decoration: underline !important;}
  39. .sticky div.entry-content {font-size: 18px;}
  40.  
  41.  
  42. @media (min-width: 1031px) {
  43. .post-social {background:#eee; height: 42px; vertical-align: baseline; padding-top: 10px; padding-bottom: 10px; margin-top: 15px;}
  44. .post-social-button {float: left; margin-right: 72px;}
  45. #post-twitter {width: 82px; margin-left: 20px;}
  46. #post-fb {line-height: 1 !important;}
  47. #post-vkontakte {width: 79px;}
  48. #post-gplus {width: 59px; margin-right: 0 !important;}
  49. }
  50. @media (max-width: 600px) {
  51. .post-social {height: 70px; vertical-align: baseline; padding-top: 10px; padding-bottom: 10px; margin-top: 15px;}
  52. #post-twitter {width: 82px; margin-right: 15px; margin-left: 3px; float: left;}
  53. #post-fb {line-height: 1 !important;}
  54. #post-vkontakte {margin-top: 10px; margin-left: 3px; float: left; position: absolute !important;}
  55. #post-gplus {margin-top: 10px; margin-left: 100px;}
  56. .wpsocialite.small > li {width:50% !important; }
  57. }
  58. @media (min-width: 601px) and (max-width: 800px) {
  59. .post-social {background:#eee; height: 42px; vertical-align: baseline; padding-top: 10px; padding-bottom: 10px; margin-top: 15px;}
  60. .post-social-button {float: left; margin-right: 15px;}
  61. #post-twitter {width: 82px; margin-left: 10px; margin-right: 20px !important;}
  62. #post-fb {line-height: 1 !important;}
  63. #post-vkontakte {width: 79px;}
  64. #post-gplus {width: 59px; margin-right: 0 !important;}
  65. .wpsocialite.small > li {width:39% !important; }
  66. }
  67. @media (min-width: 801px) and (max-width: 1030px) {
  68. .post-social {background:#eee; height: 42px; vertical-align: baseline; padding-top: 10px; padding-bottom: 10px; margin-top: 15px;}
  69. .post-social-button {float: left; margin-right: 40px;}
  70. #post-twitter {width: 82px; margin-left: 20px;}
  71. #post-fb {line-height: 1 !important;}
  72. #post-vkontakte {width: 79px;}
  73. #post-gplus {width: 59px; margin-right: 0 !important;}
  74. .wpsocialite.small > li {width:35% !important; }
  75. }
  76.  
  77. /*.post-social {background:#eee; height: 42px; vertical-align: baseline; padding-top: 10px; padding-bottom: 10px; margin-top: 15px;}
  78. .post-social-button {float: left; margin-right: 72px;}
  79. #post-twitter {width: 82px; margin-left: 35px;}
  80. #post-fb {line-height: 1 !important;}
  81. #post-vkontakte {width: 79px;}
  82. #post-gplus {width: 59px; margin-right: 0 !important;}*/
  83.  
  84. body {
  85. background: #eee;
  86. color: #000;
  87. font-family: 'Open Sans', sans-serif;
  88. font-size: 15px;
  89. line-height: 1.7;
  90. overflow-x: hidden;
  91. }
  92. a {
  93. color: #ea6153;
  94. text-decoration: none;
  95. outline: 0;
  96. transition: all 0.1s linear 0s;
  97. }
  98. a:hover,
  99. a:focus {
  100. color: #666;
  101. text-decoration: underline;
  102. }
  103. a:focus {
  104. text-decoration: none;
  105. outline: none;
  106. }
  107. a > img {
  108. vertical-align: bottom;
  109. }
  110. img {
  111. max-width: 100%;
  112. height: auto;
  113. }
  114. p {
  115. margin: 0 0 20px;
  116. }
  117. p:last-child {
  118. margin-bottom: 0;
  119. }
  120. h1, h2, h3, h4, h5, h6 {
  121. font-family: 'Open Sans', sans-serif;
  122. line-height: 1.5;
  123. margin: 0 0 20px;
  124. }
  125. code {
  126. white-space: normal;
  127. }
  128. table {
  129. width: 100%;
  130. margin-bottom: 20px;
  131. }
  132. tr.alternate {
  133. background-color: #fafafa;
  134. }
  135. th {
  136. text-align: left;
  137. font-weight: bold;
  138. }
  139. th, td {
  140. border-bottom: 1px solid #eee;
  141. padding: 5px 0;
  142. }
  143. blockquote,
  144. blockquote p {
  145. font-family: Georgia, serif;
  146. font-style: italic;
  147. font-size: 16px;
  148. line-height: 1.6;
  149. color: #777;
  150. }
  151. blockquote cite {
  152. display: block;
  153. margin-top: 10px;
  154. font-weight: normal;
  155. font-size: 11px;
  156. color: #555;
  157. }
  158.  
  159. label, legend {
  160. display: block;
  161. font-size: 13px;
  162. font-weight: bold;
  163. }
  164. input[type="text"],
  165. input[type="password"],
  166. input[type="email"],
  167. textarea,
  168. select {
  169. font: 13px/22px 'Open Sans', Arial, sans-serif;
  170. border: 1px solid #ddd;
  171. padding: 5px;
  172. font-size: 13px;
  173. color: #666;
  174. max-width: 100%;
  175. }
  176. input[type="text"]:focus,
  177. input[type="password"]:focus,
  178. input[type="email"]:focus,
  179. textarea:focus {
  180. /*background-color: #fafafa;*/
  181. box-shadow: none;
  182. outline: none;
  183. }
  184. fieldset {
  185. border: 1px solid #eee;
  186. padding: 20px;
  187. }
  188. ul, ol {
  189. margin: 0 0 20px;
  190. }
  191. li {
  192. line-height: 24px;
  193. }
  194. dt {
  195. margin-bottom: 6px;
  196. }
  197.  
  198. .alignleft {
  199. display: inline;
  200. float: left;
  201. margin: 0 20px 20px 0;
  202. }
  203. .alignright {
  204. display: inline;
  205. float: right;
  206. margin: 0 0 20px 20px;
  207. }
  208. .aligncenter {
  209. clear: both;
  210. display: block;
  211. margin: 0 auto 20px;
  212. }
  213. .wp-caption {
  214. margin-bottom: 25px;
  215. text-align: center;
  216. padding: 10px;
  217. border: 1px solid #eee;
  218. background: #fcfcfc;
  219. max-width: 100%;
  220. }
  221. .wp-caption-text {
  222. font-size: 11px;
  223. color: #888;
  224. margin: 10px 0;
  225. }
  226. .sticky {
  227. }
  228. ::-webkit-input-placeholder {
  229. color: #999;
  230. }
  231. :-moz-placeholder {
  232. color: #999;
  233. }
  234. ::-moz-placeholder {
  235. color: #999;
  236. }
  237. :-ms-input-placeholder {
  238. color: #999;
  239. }
  240.  
  241.  
  242. /* =Clearing
  243. -----------------------------------*/
  244.  
  245. .container:before,
  246. .container:after,
  247. .row:before,
  248. .row:after,
  249. .clearfix:before,
  250. .clearfix:after {
  251. content: " ";
  252. display: table;
  253. }
  254. .container:after,
  255. .row:after,
  256. .clearfix:after {
  257. clear: both;
  258. }
  259. .clear {
  260. clear: both;
  261. display: table;
  262. }
  263.  
  264.  
  265. /* =Layout
  266. -----------------------------------*/
  267.  
  268. #wrapper {
  269. background-color: #fff;
  270. }
  271. .boxed #wrapper {
  272. margin: 30px auto;
  273. width: 1220px;
  274. }
  275. @media (max-width: 1199px) {
  276. .boxed #wrapper {
  277. width: 1020px;
  278. }
  279. }
  280. @media (max-width: 991px) {
  281. .boxed #wrapper {
  282. width: 800px;
  283. }
  284. }
  285. @media (max-width: 767px) {
  286. .boxed #wrapper {
  287. width: auto;
  288. margin-top: 0;
  289. margin-bottom: 0;
  290. }
  291. }
  292. body.custom-background.stretched {
  293. background: none;
  294. }
  295.  
  296. main {
  297. margin-bottom: 35px;
  298. }
  299. main > .container {
  300. margin-top: 35px;
  301. }
  302. .right-sidebar .content {
  303. border-right: 1px solid #dbdbdb;
  304. padding-right: 10px;
  305. }
  306. .left-sidebar .content {
  307. border-left: 1px solid #dbdbdb;
  308. padding-left: 10px;
  309. }
  310. .dual-sidebar .content {
  311. padding: 0 5px;
  312. border-left: 1px solid #dbdbdb;
  313. border-right: 1px solid #dbdbdb;
  314. }
  315.  
  316. .middle-slider {
  317. margin-top: 35px;
  318. position: relative;
  319. }
  320. .middle-slider .slider-title {
  321. display: none;
  322. position: absolute;
  323. top: 0;
  324. left: 50%;
  325. margin-left: -40px;
  326. padding: 5px 10px;
  327. font-family: 'Roboto Condensed', sans-serif;
  328. font-size: 20px;
  329. font-weight: 700;
  330. background-color: #fff;
  331. color: #ea6153;
  332. text-transform: uppercase;
  333. }
  334. .content-row {
  335. overflow: hidden;
  336. }
  337. /*.content-row > div > .content {
  338. margin-bottom: -5000px;
  339. padding-bottom: 5000px;
  340. }*/
  341. @media (max-width: 479px) {
  342. [class*="col-"] {
  343. width: 100%;
  344. }
  345. }
  346.  
  347.  
  348. /* =Header
  349. -----------------------------------*/
  350.  
  351. .breaking-news {
  352. height: 35px;
  353. background-color: #f6f6f6;
  354. overflow: hidden;
  355. }
  356. .breaking-news h3 {
  357. margin: 0;
  358. padding: 0 15px;
  359. font-size: 13px;
  360. font-weight: 700;
  361. line-height: 35px;
  362. color: #fff;
  363. background-color: #ea6153;
  364. float: left;
  365. text-transform: uppercase;
  366. }
  367. .breaking-news ul {
  368. list-style: none;
  369. margin: 0;
  370. padding: 0;
  371. float: left;
  372. overflow: hidden;
  373. }
  374. .breaking-news li {
  375. float: left;
  376. margin-left: 15px;
  377. }
  378. .breaking-news li a {
  379. display: block;
  380. line-height: 35px;
  381. font-size: 13px;
  382. color: #444;
  383. text-transform: none;
  384. font-weight: 700;
  385. }
  386. .breaking-news a span {
  387. color: #ccc;
  388. margin-left: 5px;
  389. text-transform: none;
  390. font-weight: 600;
  391. }
  392. .breaking-news li a:hover {
  393. color: #ea6153;
  394. }
  395. .top {
  396. margin-bottom: 20px;
  397. }
  398. .top .row {
  399. margin-top: 20px;
  400. }
  401. .site-title {
  402. font-size: 36px;
  403. line-height: 1.3;
  404. margin: 0;
  405. font-weight: bold;
  406. text-align: center;
  407. }
  408. .logo {
  409. margin: 0;
  410. line-height: 30px;
  411. text-align: center;
  412. }
  413. .site-title a {
  414. color: #000;
  415. }
  416. .site-title a:hover {
  417. text-decoration: none !important;
  418. }
  419. .site-description {
  420. font-size: 15px;
  421. font-weight: 700;
  422. color: #555;
  423. margin: 0;
  424. text-align: center;
  425. }
  426. @media (max-width: 767px) {
  427. .logo,
  428. .site-description {
  429. margin-bottom: 30px;
  430. }
  431. }
  432. .header-time {
  433. color: #ea6153;
  434. font-size: 18px;
  435. line-height: 18px;
  436. margin-bottom: 4px;
  437. }
  438. .header-date {
  439. color: #c3c3c3;
  440. font-size: 13px;
  441. line-height: 16px;
  442. font-weight: 700;
  443. margin-bottom: 8px;
  444. }
  445. .header-search {
  446. border: 1px solid #dbdbdb;
  447. width: 170px;
  448. margin-top: 10px;
  449. }
  450. .header-search .fa {
  451. color: #ccc;
  452. margin-left: 8px;
  453. width: 13px;
  454. }
  455. .header-search input {
  456. width: 140px;
  457. border: none;
  458. }
  459. .header-search input:focus {
  460. background-color: #fff;
  461. }
  462. .alex-alex {
  463. color: #3d3d3d;
  464. font-size: 13px;
  465. text-align: right;
  466. }
  467. @media (max-width: 600px) {
  468. .alex-alex {
  469. display: none;
  470. }
  471. }
  472. #topmenu {
  473. margin: 0;
  474. padding: 0;
  475. list-style: none;
  476. text-align: right;
  477. max-height: 82px;
  478. overflow: hidden;
  479. }
  480. #topmenu li {
  481. line-height: 20px;
  482. }
  483. #topmenu ul {
  484. display: none;
  485. }
  486. #topmenu a {
  487. color: #555;
  488. font-size: 13px;
  489. font-weight: 700;
  490. }
  491. #topmenu a:hover {
  492. color: #ea6153;
  493. }
  494. @media (max-width: 479px) {
  495. .header-time,
  496. .header-date,
  497. #topmenu {
  498. text-align: center;
  499. }
  500. #topmenu {
  501. margin-top: 20px;
  502. }
  503. .header-search {
  504. margin: 0 auto;
  505. }
  506. }
  507.  
  508.  
  509. /* =Main Menu
  510. -----------------------------------*/
  511.  
  512. .mainnav {
  513. background-color: #ea6153;
  514. width: 100%;
  515. z-index: 1;
  516. padding-top: 10px;
  517. padding-bottom: 10px;
  518. height: 54px;
  519. }
  520. .is-sticky .mainnav {
  521. box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
  522. z-index: 99;
  523. }
  524. .mainnav ul {
  525. list-style: none;
  526. margin: 0;
  527. padding: 0;
  528. }
  529. #mainmenu {
  530. font: 16px 'Roboto Condensed', sans-serif;
  531. height: 34px;
  532. float: left;
  533. }
  534. #mainmenu li {
  535. position: relative;
  536. }
  537. #mainmenu > li {
  538. float: left;
  539. }
  540. #mainmenu a {
  541. color: #fff;
  542. display: block;
  543. }
  544. #mainmenu i.fa {
  545. font-size: 12px;
  546. margin-left: 6px;
  547. }
  548. #mainmenu > li > a {
  549. height: 34px;
  550. line-height: 34px;
  551. text-transform: uppercase;
  552. font-weight: 600;
  553. padding: 0 16px;
  554. }
  555. #mainmenu > li > a:hover {
  556. text-decoration: none !important;
  557. }
  558. #mainmenu li:hover > ul {
  559. display: block;
  560. }
  561. #mainmenu ul {
  562. display: none;
  563. background-color: #333;
  564. position: absolute;
  565. top: 34px;
  566. left: 0;
  567. width: 196px;
  568. z-index: 999;
  569. box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  570. padding: 6px 0 12px;
  571. }
  572. #mainmenu ul ul {
  573. top: -6px;
  574. left: 196px;
  575. }
  576. #mainmenu ul a {
  577. font: 13px 'Open Sans', sans-serif;
  578. font-weight: 400;
  579. color: #ccc;
  580. padding: 10px 0;
  581. border-bottom: 1px solid #444;
  582. margin-left: 16px;
  583. margin-right: 16px;
  584. }
  585. #mainmenu ul a:hover {
  586. color: #ea6153;
  587. }
  588. #mainmenu > li:hover > a {
  589. color: #fff;
  590. background-color: #262626;
  591. }
  592. #mail-link {
  593. height: 34px;
  594. }
  595. #mail-link li {
  596. line-height: 34px;
  597. font-weight: 600;
  598. }
  599. #mainmenu li.current-menu-item > a,
  600. #mainmenu li.current_page_item > a,
  601. #mainmenu li.current-menu-ancestor > a,
  602. #mainmenu li.current_page_ancestor > a {
  603. color: #fff;
  604. }
  605. #mainmenu ul li.current-menu-item > a,
  606. #mainmenu ul li.current_page_item > a {
  607. color: #ea6153;
  608. }
  609. #mainmenu > li.current-menu-item > a,
  610. #mainmenu > li.current_page_item > a {
  611. background-color: #1f1f1f;
  612. }
  613. .mainmenu {
  614. display: none;
  615. padding: 5px;
  616. font-size: 16px;
  617. width: 100%;
  618. color: #222;
  619. background-color: rgba(0, 0, 0, 0.1);
  620. border: 1px solid rgba(0, 0, 0, 0.2);
  621. }
  622. @media (max-width: 400px) {
  623. #mainmenu > li > a {
  624. padding: 0 10px;
  625. }
  626. }
  627. /*@media (max-width: 1199px) {
  628. #mainmenu > li > a {
  629. padding: 0 10px;
  630. }
  631. #mainmenu ul a {
  632. margin-left: 10px;
  633. margin-right: 10px;
  634. }
  635. }
  636. @media (max-width: 991px) {
  637. #mainmenu {
  638. display: none;
  639. }
  640. .mainmenu {
  641. display: block;
  642. }
  643. }*/
  644.  
  645.  
  646. /* =Featured Posts
  647. -----------------------------------*/
  648.  
  649. .featured {
  650. margin-top: 35px;
  651. }
  652. .caption .entry-title a {
  653. color: #fff;
  654. }
  655. .flexslider .caption .entry-category a:hover {
  656. color: #fff;
  657. }
  658. .slider1 .post {
  659. position: relative;
  660. }
  661. .slider1 .caption {
  662. text-align: center;
  663. position: absolute;
  664. bottom: 0;
  665. left: 0;
  666. width: 100%;
  667. background-color: #202021;
  668. padding: 15px 30px 35px;
  669. color: #fff;
  670. -webkit-transition: all .5s ease;
  671. transition: all .5s ease;
  672. }
  673. .slider1 .entry-format {
  674. font-size: 24px;
  675. color: #fff;
  676. margin-bottom: 7px;
  677. }
  678. .slider1 .entry-format i {
  679. padding-bottom: 7px;
  680. border-bottom: 3px solid #606060;
  681. }
  682. .slider1 .entry-date {
  683. text-transform: uppercase;
  684. font-size: 13px;
  685. font-weight: 700;
  686. color: #606060;
  687. }
  688. .slider1 .entry-title {
  689. font-family: 'Roboto Condensed', sans-serif;
  690. font-size: 28px;
  691. line-height: 34px;
  692. text-transform: uppercase;
  693. margin-top: 10px;
  694. font-weight: 700;
  695. }
  696. @media (max-width: 1199px) {
  697. .slider1 .entry-title {
  698. font-size: 22px;
  699. }
  700. }
  701. @media (max-width: 991px) {
  702. .slider1 .entry-title {
  703. font-size: 16px;
  704. line-height: 24px;
  705. }
  706. .slider1 .entry-format,
  707. .slider1 .entry-date {
  708. display: none;
  709. }
  710. }
  711. .featured2 {
  712. display: none;
  713. }
  714. .featured2 > div {
  715. margin-top: 15px;
  716. }
  717. @media (min-width: 992px) {
  718. .featured2 > div:first-child {
  719. margin-top: 0;
  720. }
  721. }
  722. .featured2 .post {
  723. position: relative;
  724. }
  725. .featured2 .entry-title {
  726. opacity: 0;
  727. position: absolute;
  728. bottom: 0;
  729. width: 100%;
  730. font-family: 'Roboto Condensed', sans-serif;
  731. font-size: 14px;
  732. text-align: center;
  733. text-transform: uppercase;
  734. margin: 0;
  735. padding: 10px;
  736. color: #fff;
  737. background-color: #202021;
  738. transition: all 0.5s ease 0s;
  739. }
  740. .featured2 a:hover .entry-title {
  741. opacity: 1;
  742. }
  743. .featured2 img {
  744. width: 100%;
  745. }
  746.  
  747. .slider2 .post {
  748. position: relative;
  749. }
  750. .slider2 .caption {
  751. text-align: center;
  752. position: absolute;
  753. bottom: 0;
  754. left: 0;
  755. width: 100%;
  756. background-color: rgba(0, 0, 0, 0.7);
  757. padding: 20px;
  758. color: #fff;
  759. }
  760. .slider2 .entry-title {
  761. font-family: 'Roboto Condensed', sans-serif;
  762. font-size: 28px;
  763. line-height: 34px;
  764. text-transform: uppercase;
  765. margin: 5px 0 10px;
  766. font-weight: 700;
  767. }
  768. .slider2 .entry-meta {
  769. margin-bottom: 10px;
  770. }
  771. @media (max-width: 1199px) {
  772. .slider2 .entry-title {
  773. font-size: 22px;
  774. }
  775. }
  776. @media (max-width: 991px) {
  777. .slider2 .entry-title {
  778. font-size: 16px;
  779. line-height: 24px;
  780. }
  781. .slider2 .entry-meta {
  782. display: none;
  783. }
  784. .slider2 .caption {
  785. padding: 10px;
  786. }
  787. }
  788.  
  789. /* MailChimp signup form
  790. ----------------------------------------------- */
  791.  
  792. #mc_embed_signup {background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }
  793. #mc-embedded-subscribe-form {padding: 0 !important;}
  794. #mc_embed_signup form {display:block; position:relative; text-align:left; padding:10px 0 10px 3%;}
  795. #mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
  796. #mc_embed_signup input {-webkit-appearance:none;}
  797. #mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
  798. #mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
  799. #mc_embed_signup .button {clear:both; background-color: #c0c0c0; border: 0 none; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: bold; height: 32px; line-height: 32px; padding:0; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}
  800. #mc_embed_signup .button:hover {background-color:#777;}
  801. #mc_embed_signup .small-meta {font-size: 11px;}
  802. #mc_embed_signup .nowrap {white-space:nowrap;}
  803. #mc_embed_signup .clear {clear:none; display:inline;}
  804.  
  805. #mc_embed_signup label {display:block; font-size:16px; padding-bottom:10px; font-weight:bold;}
  806. #mc_embed_signup input.email {display:block; padding:5px; margin-bottom:5px; text-indent:5px; width:100%; min-width:130px;}
  807. #mc_embed_signup input.button {display:block; width:100%; margin:0 0 10px 0; min-width:90px;}
  808.  
  809. #mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
  810. #mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
  811. #mc_embed_signup #mce-error-response {display:none;}
  812. #mc_embed_signup #mce-success-response {color:#529214; display:none;}
  813. #mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}
  814.  
  815. /* =Single Post
  816. ----------------------------------------------- */
  817.  
  818. .single h1.entry-title,
  819. .page h1.entry-title {
  820. margin-bottom: 10px;
  821. font-size: 28px;
  822. line-height: 1.2;
  823. font-family: 'Roboto Condensed', sans-serif;
  824. color: #303030;
  825. font-weight: 700;
  826. text-transform: none;
  827. }
  828. .single header .entry-image,
  829. .page header .entry-image {
  830. margin-top: 20px;
  831. }
  832. .single .entry-content,
  833. .page .entry-content {
  834. margin-top: 20px;
  835. }
  836. .single .entry-meta {
  837. margin-top: 10px;
  838. }
  839. .entry-content a {
  840. text-decoration: underline;
  841. }
  842. .next-prev {
  843. color: #d2d2d2;
  844. font-size: 16px;
  845. border-top: 1px solid #eaeaea;
  846. border-bottom: 1px solid #eaeaea;
  847. padding: 20px 0;
  848. margin-top: 40px;
  849. }
  850. .next-prev > div {
  851. padding: 0 20px;
  852. }
  853. .next-prev > div > div {
  854. font-size: 12px;
  855. text-transform: none;
  856. margin-bottom: 10px;
  857. }
  858. .next-prev a {
  859. color: #555;
  860. font-size: 16px;
  861. line-height: 1.3;
  862. font-family: 'Roboto Condensed', sans-serif;
  863. text-transform: none;
  864. }
  865. .next-prev a:hover {
  866. color: #ea6153;
  867. }
  868. .nav-previous {
  869. float: left;
  870. text-align: right;
  871. width: 50%;
  872. position: relative;
  873. }
  874. .nav-next {
  875. float: right;
  876. text-align: left;
  877. width: 50%;
  878. position: relative;
  879. }
  880. .next-prev .fa {
  881. font-size: 44px;
  882. color: #c3c3c3;
  883. position: absolute;
  884. top: 21px;
  885. }
  886. .nav-previous .fa {
  887. left: 0;
  888. }
  889. .nav-next .fa {
  890. right: 0;
  891. }
  892. @media (max-width: 767px) {
  893. .nav-previous,
  894. .nav-next {
  895. width: 100%;
  896. text-align: center;
  897. }
  898. .nav-next {
  899. margin-top: 30px;
  900. }
  901. .next-prev .fa {
  902. display: none;
  903. }
  904. }
  905.  
  906. .single .entry-footer {
  907. margin-top: 40px;
  908. }
  909. .norelated {
  910. color: #999;
  911. }
  912. .author-info {
  913. margin-top: 40px;
  914. }
  915. .author-info .avatar {
  916. margin-right: 15px;
  917. }
  918. .author-link h4 {
  919. margin-bottom: 2px;
  920. line-height: 20px;
  921. }
  922. .author-link h4,
  923. .author-link h4 a {
  924. font-weight: bold;
  925. text-transform: uppercase;
  926. font-size: 15px;
  927. font-family: 'Roboto Condensed', sans-serif;
  928. color: #555;
  929. }
  930. .author-info .author-link > a {
  931. color: #aaa;
  932. font-size: 11px;
  933. }
  934. .author-link a:hover {
  935. color: #ea6153;
  936. }
  937. .author-description {
  938. margin-top: 10px;
  939. color: #888;
  940. font-size: 13px;
  941. }
  942. .author-description h2 {
  943. margin-bottom: 5px;
  944. font-size: 15px;
  945. line-height: 20px;
  946. font-weight: bold;
  947. }
  948. .author-website {
  949. margin-top: 12px;
  950. }
  951. .author-website a {
  952. font-size: 13px;
  953. }
  954. .author-website i {
  955. font-size: 10px;
  956. margin-right: 3px;
  957. }
  958. .author-posts {
  959. font-size: 12px;
  960. }
  961. .author-info .widget_g7_social,
  962. .archive-meta .widget_g7_social {
  963. margin-top: 14px;
  964. }
  965. .author-info .widget_g7_social ul,
  966. .archive-meta .widget_g7_social ul {
  967. margin: 0;
  968. padding: 0;
  969. list-style: none;
  970. }
  971. .author-info .widget_g7_social i.fa,
  972. .archive-meta .widget_g7_social i.fa {
  973. font-size: 18px;
  974. width: 18px;
  975. }
  976. .author-info .widget_g7_social .social-box,
  977. .archive-meta .widget_g7_social .social-box {
  978. padding: 9px;
  979. }
  980. .author-info h3,
  981. .related-posts h3 {
  982. font-size: 16px;
  983. font-weight: 600;
  984. text-transform: uppercase;
  985. }
  986. .related-posts {
  987. margin-top: 40px;
  988. }
  989. .related-posts ul {
  990. list-style: none;
  991. padding: 0;
  992. }
  993. .related-posts h4.block-heading {
  994. font-size: 13px;
  995. }
  996. .related-posts li.post {
  997. border-bottom: none;
  998. }
  999. @media (max-width: 479px) {
  1000. .related-posts .block-top {
  1001. max-width: 200px;
  1002. }
  1003. }
  1004.  
  1005.  
  1006. /* =Content Blocks
  1007. -----------------------------------*/
  1008.  
  1009. .block {
  1010. margin-bottom: 20px;
  1011. }
  1012. .block:last-child {
  1013. margin-bottom: 0;
  1014. }
  1015. /*.block > header {*/
  1016. .block header {
  1017. padding-bottom: 10px;
  1018. background: url(images/bg2.png) left bottom repeat-x;
  1019. margin-bottom: 20px;
  1020. }
  1021. .block-title {
  1022. margin: 0;
  1023. padding-bottom: 13px;
  1024. text-transform: uppercase;
  1025. color: #ea6153;
  1026. font-size: 16px;
  1027. font-family: 'Roboto Condensed', sans-serif;
  1028. font-weight: 700;
  1029. }
  1030. .block ul {
  1031. list-style: none;
  1032. padding: 0;
  1033. }
  1034. .block-top,
  1035. .block-side,
  1036. .posts .entry-image {
  1037. overflow: hidden;
  1038. position: relative;
  1039. }
  1040. .block-top,
  1041. .block-1 .block-side,
  1042. .posts .entry-image {
  1043. transition: all 1s ease 0s;
  1044. }
  1045. .block-top .overlay,
  1046. .block-side .overlay,
  1047. .posts .entry-image .overlay {
  1048. background-color: rgba(0, 0, 0, 0.4);
  1049. color: #fff;
  1050. font-size: 13px;
  1051. overflow: hidden;
  1052. height: 100%;
  1053. left: 0;
  1054. opacity: 0;
  1055. position: absolute;
  1056. top: 0;
  1057. transition: all 0.5s ease 0s;
  1058. width: 100%;
  1059. }
  1060. .block-top .overlay:hover,
  1061. .block-side .overlay:hover,
  1062. .posts .entry-image .overlay:hover {
  1063. opacity: 1;
  1064. }
  1065. .block-top img,
  1066. .block-side img,
  1067. .posts .entry-image img {
  1068. transition: all 1s ease 0s;
  1069. width: 100%;
  1070. }
  1071. .block-top .overlay i,
  1072. .block-side .overlay i,
  1073. .posts .entry-image i {
  1074. position: absolute;
  1075. font-size: 24px;
  1076. left: 50%;
  1077. top: 50%;
  1078. margin-left: -9px;
  1079. margin-top: -12px;
  1080. }
  1081. .block-top .overlay i.fa-picture-o,
  1082. .block-side .overlay i.fa-picture-o,
  1083. .posts .entry-image i.fa-picture-o {
  1084. margin-left: -13px;
  1085. }
  1086. .block-heading,
  1087. .posts .entry-title {
  1088. font-family: 'Roboto Condensed', sans-serif;
  1089. text-transform: none;
  1090. line-height: 1.3;
  1091. }
  1092. h3.block-heading,
  1093. .posts h2.entry-title {
  1094. font-weight: 700;
  1095. font-size: 21px;
  1096. color: #303030;
  1097. margin: 0 0 4px;
  1098. }
  1099. .blog-grid h2.entry-title {
  1100. /*font-size: 16px;*/
  1101. }
  1102. h4.block-heading {
  1103. margin-bottom: 0;
  1104. font-size: 14px;
  1105. font-weight: 400;
  1106. color: #404040;
  1107. }
  1108. .block .post {
  1109. padding-top: 15px;
  1110. padding-bottom: 15px;
  1111. border-bottom: 1px solid #eaeaea;
  1112. }
  1113. .block-heading > a,
  1114. .posts .entry-title a {
  1115. color: #303030;
  1116. }
  1117. .block-heading > a:hover,
  1118. .posts .entry-title a:hover {
  1119. color: #ea6153;
  1120. }
  1121. .block-content,
  1122. .posts .entry-main {
  1123. font-size: 13px;
  1124. color: #000;
  1125. }
  1126. .block-top + .block-content,
  1127. .posts .entry-image + .entry-main {
  1128. margin-top: 10px;
  1129. }
  1130. .block-meta,
  1131. .entry-meta {
  1132. color: #000;
  1133. font-size: 13px;
  1134. line-height: 1.4;
  1135. font-weight: 700;
  1136. text-transform: none;
  1137. }
  1138. .entry-date.updated a {
  1139. color: #000 !important;
  1140. }
  1141. /*.block-meta > *,*/
  1142. .entry-meta > * {
  1143. /*margin-right: 10px;*/
  1144. }
  1145. .block-meta a,
  1146. .entry-meta a {
  1147. color: #000;
  1148. }
  1149. .block-meta a:hover,
  1150. .entry-meta a:hover {
  1151. color: #ea6153;
  1152. }
  1153. .block-side {
  1154. margin-right: 10px;
  1155. float: left;
  1156. }
  1157. .block-side + .block-content {
  1158. /*overflow: hidden;*/
  1159. }
  1160. .block-excerpt,
  1161. .posts .entry-content {
  1162. margin-top: 5px;
  1163. font-size: 14px;
  1164. line-height: 1.7;
  1165. }
  1166.  
  1167. .block .post-main {
  1168. padding-top: 0;
  1169. }
  1170. .top-meta {
  1171. font-size: 24px;
  1172. line-height: 28px;
  1173. margin-bottom: 8px;
  1174. }
  1175. .top-meta > div {
  1176. display: inline-block;
  1177. padding-bottom: 6px;
  1178. border-bottom: 3px solid #cfcfcf;
  1179. margin-right: 4px;
  1180. }
  1181. .top-meta .post-format {
  1182. color: #2f2f2f;
  1183. }
  1184. .top-meta .post-rating {
  1185. font-weight: 700;
  1186. }
  1187. .top-meta .post-rating .rating-star {
  1188. font-size: 18px;
  1189. line-height: 1;
  1190. }
  1191. .post-main .block-top {
  1192. margin: 15px 0 10px;
  1193. }
  1194. .rating {
  1195. color: #ea6153;
  1196. }
  1197. .block-content .post-rating {
  1198. margin-bottom: 5px;
  1199. }
  1200. .post-rating .rating {
  1201. display: inline-block;
  1202. }
  1203. .post-rating .rating-star {
  1204. font-size: 15px;
  1205. }
  1206. .block-content .post-rating .rating-number,
  1207. .block-content .post-rating .rating-percent {
  1208. font-size: 15px;
  1209. font-weight: 700;
  1210. border-bottom: 2px solid #c3c3c3;
  1211. padding-bottom: 5px;
  1212. /*margin-bottom: 4px;*/
  1213. }
  1214. .block-meta .block-category a,
  1215. .entry-meta .entry-category a {
  1216. color: #ea6153;
  1217. }
  1218. .block-meta .block-category a:hover,
  1219. .entry-meta .entry-category a:hover {
  1220. color: #404040;
  1221. }
  1222.  
  1223. .block-1 .post {
  1224. /*margin: 0 0 30px;*/
  1225. }
  1226. .block-1 .post:first-child {
  1227. padding-top: 0;
  1228. }
  1229. .block-1 .block-side {
  1230. margin-right: 20px;
  1231. }
  1232. .block-1 .block-heading {
  1233. /*font-size: 20px;
  1234. font-weight: 600;*/
  1235. }
  1236. .block-2 .block-heading {
  1237. font-size: 16px;
  1238. }
  1239. .block-2 li:nth-child(2n+1) {
  1240. clear: both;
  1241. }
  1242. .block-3 .block-heading {
  1243. font-size: 13px;
  1244. margin: 6px 0 0;
  1245. }
  1246. .block-2 .post,
  1247. .block-3 .post {
  1248. border: none;
  1249. padding-top: 0;
  1250. padding-bottom: 0;
  1251. margin: 0 0 20px;
  1252. }
  1253. .block-4 > div:nth-child(2n+3) {
  1254. clear: both;
  1255. }
  1256. .block-4 > div:nth-child(n+3) {
  1257. margin-top: 30px;
  1258. }
  1259. .block-1 .block-content,
  1260. .block-4 .block-content,
  1261. .block-5 .block-content {
  1262. overflow: hidden;
  1263. }
  1264. .block-5 .post:first-child {
  1265. padding-top: 0;
  1266. }
  1267. .block-6 {
  1268. margin-bottom: 40px;
  1269. }
  1270. .block-6 .post {
  1271. margin: 0;
  1272. line-height: 1;
  1273. padding: 15px 0;
  1274. overflow: hidden;
  1275. }
  1276. .block-6 .post:first-child {
  1277. padding-top: 0;
  1278. }
  1279. .block-6 .block-heading {
  1280. font-size: 18px;
  1281. margin: 0;
  1282. display: inline-block;
  1283. overflow: hidden;
  1284. text-overflow: ellipsis;
  1285. white-space: nowrap;
  1286. }
  1287. .block-6 .block-meta {
  1288. float: right;
  1289. margin: 0;
  1290. line-height: 2;
  1291. }
  1292. @media (min-width: 480px) and (max-width: 767px) {
  1293. .block-3 li:nth-child(3n+1) {
  1294. clear: both;
  1295. }
  1296. }
  1297. @media (min-width: 768px) and (max-width: 991px) {
  1298. .block-2 li:nth-child(2n+1) {
  1299. clear: both;
  1300. }
  1301. .block-3 li:nth-child(4n+1) {
  1302. clear: both;
  1303. }
  1304. }
  1305. @media (min-width: 992px) and (max-width: 1199px) {
  1306. .block-3 li:nth-child(3n+1) {
  1307. clear: both;
  1308. }
  1309. }
  1310. @media (min-width: 1200px) {
  1311. .block-3 li:nth-child(4n+1) {
  1312. clear: both;
  1313. }
  1314. }
  1315. @media (max-width: 767px) {
  1316. .block-3 .block-top {
  1317. max-width: 200px;
  1318. }
  1319. }
  1320.  
  1321.  
  1322. /* =Page
  1323. ----------------------------------------------- */
  1324.  
  1325. .page .posts .entry-image {
  1326. /*margin-top: 0;*/
  1327. }
  1328.  
  1329. h1.page-title {
  1330. font-size: 24px;
  1331. background-color: #c0c0c0;
  1332. color: #fff;
  1333. text-transform: none;
  1334. font-weight: 700;
  1335. padding: 10px;
  1336. text-align: center;
  1337. }
  1338. .page-template-page-blog-php .page-content,
  1339. .page-template-page-builder-php .page-content {
  1340. /*color: #666;
  1341. font-size: 20px;
  1342. font-weight: 300;
  1343. text-align: center;*/
  1344. }
  1345. .page-template-page-blog-php article.page {
  1346. margin-bottom: 0;
  1347. }
  1348. article.page {
  1349. /*margin-bottom: 80px;*/
  1350. }
  1351. article.page > .entry-content,
  1352. article.page > .entry-footer {
  1353. margin-bottom: 40px;
  1354. }
  1355. .not-found {
  1356. text-align: center;
  1357. }
  1358. .not-found > h1 {
  1359. font-size: 148px;
  1360. font-weight: 600;
  1361. color: #ea6153;
  1362. text-shadow: 3px 4px 0 rgba(0, 0, 0, 0.1);
  1363. }
  1364. .not-found > .searchform {
  1365. margin: 0 auto;
  1366. width: 235px;
  1367. }
  1368. .not-found .s {
  1369. width: 100%;
  1370. }
  1371.  
  1372.  
  1373. /* =Blog
  1374. ----------------------------------------------- */
  1375.  
  1376. .blog-small > article {
  1377. padding-top: 20px;
  1378. padding-bottom: 20px;
  1379. border-bottom: 1px solid #eaeaea;
  1380. }
  1381. .blog-large > article {
  1382. padding-top: 30px;
  1383. padding-bottom: 30px;
  1384. border-bottom: 1px solid #eaeaea;
  1385. }
  1386. .blog-large .format-quote h2.entry-title,
  1387. .single .format-quote h1.entry-title {
  1388. background-color: #eee;
  1389. padding: 10px;
  1390. }
  1391. .entry-title i.fa {
  1392. font-size: 16px;
  1393. vertical-align: super;
  1394. }
  1395. .blog-small > article:first-child,
  1396. .blog-large > article:first-child {
  1397. padding-top: 0;
  1398. }
  1399. .blog-small .entry-image {
  1400. margin-right: 20px;
  1401. float: left;
  1402. }
  1403. .blog-small .entry-main {
  1404. overflow: hidden;
  1405. }
  1406. .posts.blog-small .entry-image + .entry-main {
  1407. margin: 0;
  1408. }
  1409. .blog-large h2.entry-title {
  1410. font-size: 26px;
  1411. }
  1412. .blog-large .entry-image {
  1413. margin-top: 20px;
  1414. }
  1415. .blog-large article {
  1416. /*margin-bottom: 80px;*/
  1417. }
  1418. .blog-grid article {
  1419. margin-bottom: 30px;
  1420. }
  1421. .blog-grid h2.entry-title {
  1422. font-size: 16px;
  1423. }
  1424. .blog-grid .entry-image {
  1425. margin-bottom: 10px;
  1426. }
  1427. @media (max-width: 479px) {
  1428. .block-1 .block-side,
  1429. .blog-small .entry-image {
  1430. float: none;
  1431. max-width: 270px;
  1432. margin-bottom: 10px;
  1433. }
  1434. }
  1435. @media (min-width: 480px) and (max-width: 767px) {
  1436. .blog-grid .entry-image {
  1437. max-width: 480px;
  1438. }
  1439. }
  1440. @media (min-width: 768px) and (max-width: 991px) {
  1441. .blog-grid .col-sm-3:nth-child(4n+1),
  1442. .blog-grid .col-sm-4:nth-child(3n+1),
  1443. .blog-grid .col-sm-6:nth-child(2n+1) {
  1444. clear: both;
  1445. }
  1446. }
  1447. @media (min-width: 992px) and (max-width: 1199px) {
  1448. .blog-grid .col-md-3:nth-child(4n+1),
  1449. .blog-grid .col-md-4:nth-child(3n+1),
  1450. .blog-grid .col-md-6:nth-child(2n+1) {
  1451. clear: both;
  1452. }
  1453. }
  1454. @media (min-width: 1200px) {
  1455. .blog-grid .col-lg-3:nth-child(4n+1),
  1456. .blog-grid .col-lg-4:nth-child(3n+1),
  1457. .blog-grid .col-lg-6:nth-child(2n+1) {
  1458. clear: both;
  1459. }
  1460. }
  1461.  
  1462. .archive-meta {
  1463. margin-bottom: 30px;
  1464. padding-bottom: 30px;
  1465. color: #888;
  1466. border-bottom: 1px solid #eee;
  1467. font-size: 13px;
  1468. }
  1469. .category-feed {
  1470. font-size: 12px;
  1471. }
  1472. .archive-meta .author-avatar {
  1473. float: left;
  1474. margin-right: 10px;
  1475. }
  1476. .archive-meta .author-description {
  1477. margin: 0;
  1478. }
  1479.  
  1480. .post-video {
  1481. position: relative;
  1482. padding-bottom: 56.25%; /* 16:9 */
  1483. padding-top: 25px;
  1484. height: 0;
  1485. margin-top: 20px;
  1486. }
  1487. .post-video iframe {
  1488. position: absolute;
  1489. top: 0;
  1490. left: 0;
  1491. width: 100%;
  1492. height: 100%;
  1493. }
  1494. .post-video video {
  1495. width: 100% !important;
  1496. height: auto !important;
  1497. }
  1498. .post-video object,
  1499. .post-video embed, {
  1500. position: absolute;
  1501. top: 0;
  1502. left: 0;
  1503. width: 100%;
  1504. height: 100%;
  1505. }
  1506. .post-audio {
  1507. margin-top: 20px;
  1508. }
  1509. .post-audio iframe {
  1510. width: 100%;
  1511. }
  1512. .sharedaddy {
  1513. margin-top: 30px;
  1514. }
  1515. .entry-content .sharedaddy .sd-block {
  1516. border-bottom: 1px solid rgba(0, 0, 0, 0.13);
  1517. padding: 25px 0 20px;
  1518. }
  1519.  
  1520.  
  1521. /* =Review
  1522. ----------------------------------------------- */
  1523.  
  1524. .review {
  1525. margin-bottom: 30px;
  1526. }
  1527. .review-bottom {
  1528. margin-top: 30px;
  1529. }
  1530. .review h2 {
  1531. font-family: 'Roboto Condensed', sans-serif;
  1532. font-size: 18px;
  1533. text-transform: uppercase;
  1534. color: #333;
  1535. border-bottom: 3px solid #cfcfcf;
  1536. margin-bottom: 10px;
  1537. padding-bottom: 5px;
  1538. }
  1539. .review-item {
  1540. padding-top: 5px;
  1541. padding-bottom: 5px;
  1542. color: #333;
  1543. font-size: 13px;
  1544. }
  1545. .review-star .review-item {
  1546. border-bottom: 1px solid #eee;
  1547. }
  1548. .review .score {
  1549. float: right;
  1550. }
  1551. .review .rating-number,
  1552. .review .rating-percent {
  1553. color: #777;
  1554. }
  1555. .review .bar {
  1556. height: 14px;
  1557. background-color: #eee;
  1558. }
  1559. .review .bar > div {
  1560. height: 100%;
  1561. background-color: #ea6153;
  1562. }
  1563. .review-footer {
  1564. font-size: 13px;
  1565. background-color: #eaeaea;
  1566. margin-top: 20px;
  1567. overflow: hidden;
  1568. min-height: 120px;
  1569. position: relative;
  1570. }
  1571. .review-overall {
  1572. height: 400px;
  1573. padding: 15px 0;
  1574. background-color: #ea6153;
  1575. position: absolute;
  1576. top: 0;
  1577. left: 0;
  1578. width: 120px;
  1579. text-align: center;
  1580. font-family: 'Roboto Condensed', sans-serif;
  1581. }
  1582. .review-star .review-overall {
  1583. padding-top: 25px;
  1584. }
  1585. .review-overall .rating-number,
  1586. .review-overall .rating-percent {
  1587. color: #fff;
  1588. font-size: 36px;
  1589. font-weight: bold;
  1590. }
  1591. .review-overall .rating-star {
  1592. color: #fff;
  1593. font-size: 16px;
  1594. margin-top: 20px;
  1595. margin-bottom: 10px;
  1596. }
  1597. .review-overall h4 {
  1598. color: #333;
  1599. }
  1600. .review-star h4 {
  1601. margin-top: 10px;
  1602. }
  1603. .review-summary {
  1604. padding: 15px;
  1605. margin-left: 120px;
  1606. }
  1607.  
  1608.  
  1609. /* =Pagination
  1610. ----------------------------------------------- */
  1611.  
  1612. .pagination {
  1613. text-align: right;
  1614. margin-top: 20px;
  1615. }
  1616. .pagination span.current,
  1617. .pagination a,
  1618. .pagination a:visited {
  1619. padding: 3px 8px;
  1620. margin-left: 5px;
  1621. color: #555;
  1622. background-color: #f3f3f3;
  1623. }
  1624. .pagination span.current {
  1625. background-color: #ea6153;
  1626. color: #fff;
  1627. }
  1628. .pagination a:hover {
  1629. color: #fff;
  1630. background-color: #ea6153;
  1631. }
  1632.  
  1633.  
  1634. /* =Widgets
  1635. ----------------------------------------------- */
  1636.  
  1637. .sidebar {
  1638. font-size: 13px;
  1639. }
  1640. @media (max-width: 991px) {
  1641. .sidebar {
  1642. margin-top: 30px;
  1643. }
  1644. }
  1645. .widget {
  1646. margin-bottom: 15px;
  1647. }
  1648. .widget:last-child {
  1649. margin-bottom: 0;
  1650. }
  1651. .widget ul {
  1652. margin: 0;
  1653. padding: 0;
  1654. }
  1655. .widgettitle {
  1656. text-transform: uppercase;
  1657. color: #ea6153;
  1658. font-size: 16px;
  1659. font-family: 'Roboto Condensed', sans-serif;
  1660. font-weight: 700;
  1661. }
  1662. .sidebar .widgettitle {
  1663. text-align: center;
  1664. background: url(images/bg1.png) left center repeat-x;
  1665. }
  1666. .widgettitle span {
  1667. padding-left: 7px;
  1668. padding-right: 7px;
  1669. background-color: #fff;
  1670. }
  1671. .widget > ul,
  1672. .widget > div > ul {
  1673. list-style: none;
  1674. }
  1675. .widget > ul > li {
  1676. line-height: 20px;
  1677. padding: 5px 0;
  1678. }
  1679. .widget > ul > li:first-child {
  1680. border-top: none;
  1681. padding-top: 0;
  1682. }
  1683. .widget li > a {
  1684. text-transform: none;
  1685. font-size: 14px;
  1686. font-family: 'Roboto Condensed', sans-serif;
  1687. font-weight: 400;
  1688. /*display: block;*/
  1689. color: #404040;
  1690. }
  1691. .widget li > a:hover {
  1692. color: #ea6153;
  1693. }
  1694. .widget .post-date,
  1695. .entry-date a {
  1696. color: #c7c7c7;
  1697. font-size: 13px;
  1698. font-weight: 700;
  1699. text-transform: uppercase;
  1700. }
  1701. .widget_g7_posts > ul > li,
  1702. .widget_g7_reviews > ul > li,
  1703. .widget_g7_twitter > ul > li,
  1704. .widget_g7_comments > ul > li {
  1705. padding: 10px 0;
  1706. border-bottom: 1px solid #eaeaea;
  1707. }
  1708. .post1 h4 {
  1709. font-weight: 600;
  1710. }
  1711. .post2 h4 {
  1712. font-size: 16px;
  1713. font-weight: 600;
  1714. }
  1715. .widget .block-excerpt {
  1716. color: #888;
  1717. }
  1718. .block-category {
  1719. font-size: 12px;
  1720. line-height: 12px;
  1721. margin-bottom: 5px;
  1722. }
  1723. .avatar {
  1724. margin: 2px 10px 0 0;
  1725. }
  1726. .author-avatar .avatar,
  1727. .widget_g7_comments .avatar {
  1728. float: left;
  1729. }
  1730. .widget_g7_comments li {
  1731. color: #999;
  1732. }
  1733. .widget_g7_comments li > a {
  1734. font-weight: 700;
  1735. font-size: 12px;
  1736. }
  1737. .flickr_badge_image {
  1738. float: left;
  1739. margin: 2px 4px 2px 0;
  1740. }
  1741. .flickr_badge_image img {
  1742. width: 60px;
  1743. height: 60px;
  1744. background: rgba(255, 255, 255, .1);
  1745. }
  1746. .flickr_badge_image img {
  1747. transition: all 0.5s ease;
  1748. }
  1749. .flickr_badge_image a:hover img {
  1750. opacity: 0.7;
  1751. }
  1752.  
  1753. .widget_g7_social ul > li {
  1754. margin: 0;
  1755. padding: 0;
  1756. }
  1757. .widget_g7_social i.fa {
  1758. font-size: 20px;
  1759. width: 20px;
  1760. text-align: center;
  1761. color: #fff;
  1762. }
  1763. .widget_g7_social span,
  1764. .widget_g7_social i {
  1765. transition: all 0.2s linear 0s;
  1766. }
  1767. .widget_g7_social .social-box {
  1768. display: inline-block;
  1769. opacity: 0.8;
  1770. width: 100%;
  1771. text-align: center;
  1772. padding: 10px 0;
  1773. /*padding: 10px 10px;*/
  1774. line-height: 16px;
  1775. vertical-align: middle;
  1776. }
  1777. li.social-facebook {display: block; float: left !important; width: 30%; margin-right: 5% !important;}
  1778. li.social-twitter {display: block; float: left !important; width: 30%; margin-right: 5% !important;}
  1779. li.social-rss {display: block; width: 30%;}
  1780. .widget_g7_social .rounded .social-box {
  1781. border-radius: 5px;
  1782. }
  1783. .widget_g7_social .circle .social-box {
  1784. border-radius: 50%;
  1785. }
  1786. .widget_g7_social .large li {
  1787. font-size: 16px;
  1788. }
  1789. .widget_g7_social .large .social-box {
  1790. padding: 20px;
  1791. }
  1792. .widget_g7_social .large i.fa {
  1793. font-size: 40px;
  1794. width: 40px;
  1795. }
  1796. .widget_g7_social li .social-box {
  1797. background-color: #eaeaea;
  1798. }
  1799. .widget_g7_social li:hover .social-box {
  1800. opacity: 1;
  1801. background-color: #ea6153;
  1802. }
  1803. .widget_g7_social i.fa {
  1804. color: #444;
  1805. }
  1806. .widget_g7_social li:hover i.fa {
  1807. color: #fff;
  1808. }
  1809. .widget_g7_social li:hover a {
  1810. color: #ea6153;
  1811. }
  1812. .widget_g7_social ul.horizontal > li {
  1813. float: left;
  1814. margin: 0;
  1815. }
  1816. .widget_g7_social ul.vertical > li {
  1817. margin-bottom: 10px;
  1818. }
  1819. .widget_g7_social ul.vertical > li a {
  1820. display: block;
  1821. }
  1822. .widget_g7_social ul.vertical .social-box {
  1823. margin-right: 10px;
  1824. }
  1825. .widget_g7_social li a,
  1826. .widget_g7_subpages li a {
  1827. color: #555;
  1828. }
  1829. .widget .video-desc {
  1830. color: #777;
  1831. }
  1832. .widget_nav_menu li.current-menu-item > a,
  1833. .widget_pages li.current_page_item > a,
  1834. .widget_g7_subpages li.current_page_item > a {
  1835. font-weight: 700;
  1836. }
  1837. .widget_g7_facebook iframe {
  1838. width: 100% !important;
  1839. }
  1840. .widget ul.sub-menu,
  1841. .widget ul.children {
  1842. margin: 2px 0 3px 20px;
  1843. font-size: 100%;
  1844. }
  1845. .widget_rss a.rsswidget {
  1846. font-weight: bold;
  1847. }
  1848. .widget_rss a.rsswidget:hover {
  1849. color: #555;
  1850. }
  1851. a.rsswidget img {
  1852. vertical-align: baseline;
  1853. }
  1854. .widget_rss span.rss-date {
  1855. color: #aaa;
  1856. font-size: 12px;
  1857. display: block;
  1858. }
  1859. .widget_rss .rssSummary {
  1860. color: #666;
  1861. }
  1862. .widget_rss cite {
  1863. font-size: 12px;
  1864. font-style: italic;
  1865. color: #888;
  1866. }
  1867. .recentcomments {
  1868. color: #aaa;
  1869. }
  1870. .widget_archive li {
  1871. color: #aaa;
  1872. }
  1873. .widget_links li {
  1874. color: #bbb;
  1875. }
  1876. .searchform {
  1877. }
  1878. input.s {
  1879. border-width: 1px;
  1880. padding: 7px;
  1881. padding-right: 47px;
  1882. float: left;
  1883. margin-right: -40px;
  1884. line-height: 18px;
  1885. height: 36px;
  1886. }
  1887. .widget input.s {
  1888. width: 100%;
  1889. }
  1890. .searchsubmit {
  1891. padding: 9px 12px;
  1892. color: #fff;
  1893. background-color: #ea6153;
  1894. border: none;
  1895. float: left;
  1896. width: 40px;
  1897. line-height: 18px;
  1898. }
  1899. .searchsubmit:hover {
  1900. opacity: 0.9;
  1901. }
  1902. .widget_g7_ads125 img {
  1903. margin: 10px;
  1904. }
  1905. span.post-date {
  1906. color: #aaa;
  1907. font-size: 12px;
  1908. display: block;
  1909. }
  1910. .tagcloud a {
  1911. text-transform: uppercase;
  1912. color: #696969;
  1913. background-color: #eaeaea;
  1914. font-size: 12px;
  1915. line-height: 12px;
  1916. display: inline-block;
  1917. margin: 0 2px 4px 0;
  1918. padding: 5px 6px;
  1919. }
  1920. .tagcloud a:hover {
  1921. color: #fff;
  1922. background-color: #ea6153;
  1923. }
  1924. #wp-calendar > caption {
  1925. text-transform: uppercase;
  1926. color: #4c4c4c;
  1927. margin-bottom: 8px;
  1928. }
  1929. #wp-calendar th {
  1930. text-align: center;
  1931. border: 1px solid #dbdbdb;
  1932. background-color: #eaeaea;
  1933. }
  1934. #wp-calendar tfoot td {
  1935. border: none;
  1936. }
  1937. #wp-calendar tbody td {
  1938. text-align: center;
  1939. border: 1px solid #eaeaea;
  1940. padding: 2px 0;
  1941. }
  1942. #wp-calendar #today {
  1943. color: #fff;
  1944. background-color: #ea6153;
  1945. }
  1946. #wp-calendar #today a {
  1947. color: #fff;
  1948. }
  1949. .twitter-account i {
  1950. font-size: 18px;
  1951. vertical-align: -1px;
  1952. }
  1953. .twitter-account a {
  1954. text-transform: uppercase;
  1955. color: #333;
  1956. font-weight: 700;
  1957. font-size: 12px;
  1958. }
  1959. .twitter-account a:hover {
  1960. color: #ea6153;
  1961. }
  1962. .twitter-content {
  1963. margin-top: 5px;
  1964. }
  1965. .twitter-content a {
  1966. color: #666;
  1967. }
  1968. .twitter-content a:hover {
  1969. color: #ea6153;
  1970. }
  1971. .twitter-date {
  1972. margin-top: 5px;
  1973. font-size: 12px;
  1974. }
  1975. .twitter-date a {
  1976. color: #999;
  1977. }
  1978. .footer-widget .twitter-account i,
  1979. .footer-widget .twitter-date a {
  1980. color: #fff;
  1981. }
  1982. .footer-widget .widgettitle {
  1983. color: #0f0f0f;
  1984. }
  1985. .footer-widget .widget_g7_comments li {
  1986. color: #444;
  1987. }
  1988. .footer-widget .widget_g7_posts > ul > li,
  1989. .footer-widget .widget_g7_reviews > ul > li,
  1990. .footer-widget .widget_g7_twitter > ul > li,
  1991. .footer-widget .widget_g7_comments > ul > li {
  1992. border-color: #cecece;
  1993. }
  1994. .footer-widget .widget_g7_twitter .date a {
  1995. color: #fff;
  1996. }
  1997. .footer-widget .block-meta a {
  1998. color: #fff;
  1999. }
  2000.  
  2001.  
  2002. /* =Comments
  2003. ----------------------------------------------- */
  2004.  
  2005. #comments {
  2006. margin-top: 80px;
  2007. }
  2008. .nocomments {
  2009. color: #999;
  2010. }
  2011. #comments-title {
  2012. color: #444;
  2013. }
  2014. .commentlist, .commentlist ul {
  2015. list-style: none;
  2016. padding: 0;
  2017. }
  2018. .commentlist {
  2019. border-bottom: 1px solid #eee;
  2020. }
  2021. .commentlist li {
  2022. background: #fff;
  2023. }
  2024. .commentlist article {
  2025. padding: 15px 0;
  2026. }
  2027. .commentlist .comment-avatar {
  2028.  
  2029. }
  2030. .commentlist .comment-avatar img {
  2031. float: left;
  2032. padding: 3px;
  2033. border: 1px solid #f7f7f7;
  2034. }
  2035. .commentlist .comment-content {
  2036. margin-left: 60px;
  2037. }
  2038. .commentlist footer {
  2039. color: #7e7e7e;
  2040. margin-bottom: 5px;
  2041. }
  2042. .commentlist span.fn {
  2043. font-weight: bold;
  2044. }
  2045. .commentlist .comment-awaiting-moderation {
  2046. font-size: 13px;
  2047. color: #999;
  2048. }
  2049. .commentlist .edit-link {
  2050. font-size: 13px;
  2051. }
  2052. .commentlist .comment-reply-link {
  2053. font-size: 13px;
  2054. }
  2055. .commentlist li.comment {
  2056. border-top: 1px solid #eee;
  2057. }
  2058. .commentlist li.comment ul.children {
  2059. margin: 0 0 0 60px;
  2060. }
  2061. .comment-content footer time {
  2062. color: #bbb;
  2063. margin: 0 5px;
  2064. font-size: 12px;
  2065. }
  2066. .bypostauthor > article .fn {
  2067. color: #fff;
  2068. background-color: #ea6153;
  2069. padding: 1px 5px;
  2070. border-radius: 3px;
  2071. }
  2072. .bypostauthor > article .fn a {
  2073. color: #fff;
  2074. }
  2075. .assistive-text {
  2076. position: absolute !important;
  2077. clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  2078. clip: rect(1px, 1px, 1px, 1px);
  2079. }
  2080. #access a.assistive-text:active,
  2081. #access a.assistive-text:focus {
  2082. background: #eee;
  2083. border-bottom: 1px solid #ddd;
  2084. color: #1982d1;
  2085. clip: auto !important;
  2086. font-size: 12px;
  2087. position: absolute;
  2088. text-decoration: underline;
  2089. top: 0;
  2090. left: 7.6%;
  2091. }
  2092.  
  2093.  
  2094. /* =Comment Form
  2095. ----------------------------------------------- */
  2096.  
  2097. #respond {
  2098. margin-top: 40px;
  2099. }
  2100. #commentform {
  2101. margin: 0;
  2102. }
  2103. .commentlist #respond {
  2104. margin: 0 0 0 60px;
  2105. border-top: 1px solid #eee;
  2106. padding: 20px 0;
  2107. }
  2108. #respond p label {
  2109. color: #777;
  2110. padding-left: 2px;
  2111. line-height: 2.2em;
  2112. display: inline;
  2113. }
  2114. #respond input[type="text"],
  2115. #respond textarea {
  2116. border: 1px solid #e7e7e7;
  2117. margin-bottom: 0;
  2118. }
  2119. #respond input[type=text] {
  2120. display: block;
  2121. width: 60%;
  2122. }
  2123. #respond textarea {
  2124. resize: vertical;
  2125. width: 95%;
  2126. }
  2127. #respond .comment-notes,
  2128. #respond .logged-in-as {
  2129. color: #999;
  2130. }
  2131. #respond p {
  2132. margin: 10px 0;
  2133. }
  2134. #respond p.form-submit {
  2135. margin: 0;
  2136. }
  2137. #respond input#submit {
  2138. padding: 10px 15px;
  2139. font-size: 14px;
  2140. margin: 0;
  2141. }
  2142. #respond #cancel-comment-reply-link {
  2143. color: #666;
  2144. margin-left: 10px;
  2145. font-size: 10px;
  2146. text-transform: uppercase;
  2147. }
  2148. #respond .logged-in-as a:hover,
  2149. #respond #cancel-comment-reply-link:hover {
  2150. text-decoration: underline;
  2151. }
  2152. .form-allowed-tags,
  2153. .form-allowed-tags code {
  2154. color: #777;
  2155. font-size: 11px;
  2156. }
  2157.  
  2158.  
  2159. /* =Contact
  2160. -----------------------------------*/
  2161.  
  2162. #g7-contact-name,
  2163. #g7-contact-email {
  2164. width: 250px;
  2165. }
  2166. #g7-contact-message {
  2167. resize: vertical;
  2168. width: 100%;
  2169. }
  2170. #g7-contact-submit,
  2171. .widget_g7_contact button {
  2172. text-transform: uppercase;
  2173. font-weight: 700;
  2174. }
  2175. .widget_g7_contact .text-input,
  2176. .widget_g7_contact textarea {
  2177. width: 100%;
  2178. padding: 7px;
  2179. }
  2180. .widget_g7_contact img.loading {
  2181. display: none;
  2182. margin-left: 10px;
  2183. vertical-align: middle;
  2184. }
  2185. .widget_g7_contact input,
  2186. .widget_g7_contact textarea {
  2187. margin-bottom: 10px;
  2188. }
  2189. .footer-widget .widget_g7_contact input,
  2190. .footer-widget .widget_g7_contact textarea {
  2191. border-color: #ebebeb;
  2192. background-color: #cecece;
  2193. }
  2194. .widget_g7_contact .err {
  2195. border-color: #FC9B9B;
  2196. background: #FFD3D3;
  2197. color: #777;
  2198. }
  2199. .widget_g7_contact p {
  2200. margin: 0;
  2201. }
  2202. .contact-us {
  2203. padding-top: 5px;
  2204. }
  2205. .contact_h {
  2206. display: none;
  2207. }
  2208. .g7-msg {
  2209. color: #444;
  2210. border: 1px solid #ddd;
  2211. margin-bottom: 20px;
  2212. padding: 20px 10px 20px 40px;
  2213. border-radius: 3px;
  2214. box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.05);
  2215. cursor: pointer;
  2216. }
  2217. .g7-msg h3 {
  2218. font-size: 14px;
  2219. line-height: 20px;
  2220. font-weight: bold;
  2221. color: #555;
  2222. text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
  2223. }
  2224. .g7-success {
  2225. border-color: #d3e5ad;
  2226. background-color: #faffea;
  2227. }
  2228. .g7-error {
  2229. border-color: #f2bda3;
  2230. background-color: #fce8e0;
  2231. }
  2232. .widget_g7_contact_info .fa {
  2233. width: 20px;
  2234. }
  2235. .page-template-page-contact-php .entry-content {
  2236. margin-top: 0;
  2237. margin-bottom: 30px;
  2238. }
  2239.  
  2240.  
  2241. /* =Gallery
  2242. -----------------------------------*/
  2243.  
  2244. #wrapper .gallery img {
  2245. height: auto;
  2246. border: 1px solid #eee;
  2247. padding: 5px;
  2248. transition: all 0.2s linear 0s;
  2249. }
  2250. #wrapper .gallery a:hover img {
  2251. border-color: #ccc;
  2252. opacity: 0.9;
  2253. }
  2254. #wrapper .gallery .gallery-caption {
  2255. margin: 5px 0;
  2256. padding: 0 10px;
  2257. }
  2258.  
  2259.  
  2260. /* =Footer
  2261. -----------------------------------*/
  2262.  
  2263. .footer-widget {
  2264. background-color: #c0c0c0;
  2265. padding-top: 40px;
  2266. padding-bottom: 40px;
  2267. font-size: 13px;
  2268. color: #444;
  2269. }
  2270. @media (max-width: 991px) {
  2271. .footer-widget .col-md-3 {
  2272. margin-bottom: 30px;
  2273. }
  2274. }
  2275. .bottom {
  2276. text-align: center;
  2277. font-size: 13px;
  2278. background-color: #ea6153;
  2279. height: 55px;
  2280. line-height: 55px;
  2281. overflow: hidden;
  2282. color: #2f2f2f;
  2283. }
  2284. .bottom a {
  2285. color: #fff;
  2286. }
  2287.  
  2288.  
  2289. /* =Buttons
  2290. -----------------------------------*/
  2291.  
  2292. .btn,
  2293. input[type="reset"],
  2294. input[type="submit"],
  2295. #submit {
  2296. cursor: pointer;
  2297. display: inline-block;
  2298. padding: 5px 12px;
  2299. font-size: 13px;
  2300. font-weight: bold;
  2301. color: #fff;
  2302. border: none;
  2303. background-color: #ea6153;
  2304. transition: all 0.2s linear 0s;
  2305. }
  2306. #submit {
  2307. font-size: 16px;
  2308. text-transform: uppercase;
  2309. font-weight: 700;
  2310. padding: 10px 12px;
  2311. }
  2312. .btn:hover,
  2313. .btn:focus,
  2314. #submit:hover {
  2315. color: #fff;
  2316. background-color: #444;
  2317. }
  2318. .btn-lg {
  2319. padding: 12px 18px;
  2320. font-size: 16px;
  2321. font-weight: bold;
  2322. }
  2323.  
  2324. /* Tag List */
  2325. #taglist {
  2326. width: 100%
  2327. }
  2328.  
  2329. div.menu-item-has-children {
  2330. display: inline-block;
  2331. margin-bottom: 30px;
  2332. margin-left: 20px;
  2333. vertical-align: top;
  2334. width: 45%;
  2335. }
  2336. /*.menu-item {
  2337. display: inline-block;
  2338. }*/
  2339.  
  2340. #taglist .sub-menu {
  2341. display: block;
  2342. }
  2343.  
  2344. #taglist > div > a {
  2345. font-size: 20px;
  2346. font-weight: bold;
  2347. }
  2348.  
  2349. .submenu:after {
  2350. content: "...";
  2351. }
  2352.  
  2353. /* Floating Widget
  2354. #text-2, .widget_g7_social{
  2355. position:relative;
  2356. z-index:10;
  2357. } */
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement