Advertisement
Guest User

Untitled

a guest
Apr 26th, 2015
210
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 148.22 KB | None | 0 0
  1. /*
  2. Theme Name: Graceland
  3. Author: Stylemix Themes
  4. Author URI: http://www.stylemixthemes.com
  5. Theme URI: http://graceland.stylemix.net/
  6. Description: Responsive layout based on Bootstrap 3, LiveComposer powered engine, WPML compatible, Revolution Slider, FontAwesome icons, Google Fonts. Forgiveness is an excellent Church and Charity WordPress theme. Forgiveness comes with 3 ready-to-go themes: Forgiveness Portal, Forgiveness Small Church & Forgiveness Charity Organization.
  7. Tags: graceland
  8. Version: 1.0
  9. License: GNU General Public License version 3.0
  10. License URI: http://www.gnu.org/licenses/gpl-3.0.html
  11. */
  12.  
  13. /* Custom resets */
  14.  
  15. html {
  16. height: 100%;
  17. }
  18.  
  19. @media (max-width: 991px) {
  20. html {
  21. background: #fff !important;
  22. }
  23. }
  24.  
  25. body {
  26. height: 100%;
  27. text-rendering: optimizeLegibility;
  28. -moz-osx-font-smoothing: grayscale;
  29. }
  30.  
  31. body,
  32. input,
  33. button {-webkit-font-smoothing: antialiased;}
  34.  
  35. img {
  36. max-width: 100%;
  37. height: auto;
  38. width: auto\9;
  39. -ms-interpolation-mode: bicubic;
  40. }
  41.  
  42. blockquote {
  43. padding: 0 0 0 80px;
  44. }
  45.  
  46. a {
  47. -webkit-transition: color 0.2s;
  48. -moz-transition: color 0.2s;
  49. -o-transition: color 0.2s;
  50. transition: color 0.2s;
  51. }
  52.  
  53. p {
  54. word-break: break-word;
  55. -webkit-hyphens: auto;
  56. -moz-hyphens: auto;
  57. -ms-hyphens: auto;
  58. hyphens: auto;
  59. }
  60.  
  61. h1, .h1, h2, .h2, h3, .h3 {
  62. margin-top: 0;
  63. margin-bottom: 10px;
  64. }
  65.  
  66. .h4 {
  67. font-weight: 600;
  68. line-height: 24px;
  69. }
  70.  
  71. /* Bootstrap customizations start */
  72.  
  73. .caret {
  74. display: none;
  75. }
  76.  
  77. .navbar-brand {
  78. float: none;
  79. display: block;
  80. padding-top: 20px;
  81. padding-bottom: 20px;
  82. height: auto;
  83. line-height: 34px;
  84. }
  85.  
  86. @media (min-width: 768px) and (max-width: 991px) {
  87. .navbar-header {
  88. float: none;
  89. }
  90. .navbar-brand {
  91. text-align: center;
  92. }
  93. }
  94.  
  95. @media (min-width: 768px) {
  96. .caret {
  97. position: absolute;
  98. left: 0;
  99. bottom: 3px;
  100. width: 100%;
  101. height: 9px;
  102. margin: 0;
  103. text-align: center;
  104. border: 0;
  105. }
  106. .caret:before {
  107. content: '';
  108. position: absolute;
  109. left: 50%;
  110. top: 0;
  111. width: 1px;
  112. height: 9px;
  113. margin-left: -1px;
  114. background: #d0a020;
  115. }
  116.  
  117. .caret:after {
  118. content: '';
  119. position: absolute;
  120. left: 50%;
  121. top: 4px;
  122. width: 9px;
  123. height: 1px;
  124. margin-left: -5px;
  125. background: #d0a020;
  126. }
  127.  
  128. .dropdown a:hover .caret:before,.dropdown a:hover .caret:after, .menu-item-language a:hover .caret:before,.menu-item-language a:hover .caret:after {
  129. background: #bb143f;
  130. }
  131. }
  132.  
  133. @media (min-width: 992px) {
  134. .navbar-brand {
  135. padding-top: 12px;
  136. padding-bottom: 15px;
  137. min-width: 212px;
  138. text-align: left;
  139. }
  140. }
  141.  
  142. .desktop .nav .dropdown:hover > ul, .desktop .nav .menu-item-language:hover > ul {
  143. display: block;
  144. }
  145.  
  146. .dropdown-submenu{
  147. position:relative;
  148. }
  149.  
  150. .dropdown-submenu>.dropdown-menu {
  151. top: 0;
  152. left: 100%;
  153. margin-top: -1px;
  154. }
  155.  
  156. @media (max-width: 991px) {
  157. .navbar .navbar-nav>li:last-child .dropdown-submenu>.dropdown-menu {
  158. left: -100%;
  159. }
  160. }
  161.  
  162. .desktop .nav .dropdown-submenu:hover>.dropdown-menu{
  163. display: block;
  164. left: 0;
  165. }
  166.  
  167. @media (min-width: 767px) {
  168. .navbar-nav > li + li + li + li + li> .dropdown-menu .dropdown-menu {
  169. left: auto !important;
  170. right: 100%;
  171. }
  172. }
  173.  
  174. .dropdown-submenu>a:after{
  175. position: absolute;
  176. right: 10px;
  177. content:"\f0da";
  178. font-family: 'FontAwesome';
  179. }
  180.  
  181. .dropdown-submenu.pull-left{
  182. float:none;
  183. }
  184. .dropdown-submenu.pull-left>.dropdown-menu{
  185. left:-100%;
  186. margin-left:10px;
  187. }
  188.  
  189. .form-control,.form-control:focus {
  190. -webkit-box-shadow: none;
  191. -moz-box-shadow: none;
  192. box-shadow: none;
  193. }
  194.  
  195. .navbar-collapse {
  196. margin-left: -10px !important;
  197. margin-right: -10px !important;
  198. }
  199.  
  200. .navbar {
  201. border: 0;
  202. min-height: 49px;
  203. -webkit-border-radius: 0;
  204. -moz-border-radius: 0;
  205. border-radius: 0;
  206. }
  207.  
  208. .admin-bar .navbar-fixed-top.affix {
  209. top: 32px;
  210. }
  211.  
  212. @media (max-width: 600px) {
  213. .admin-bar .navbar-fixed-top.affix {
  214. top: 0;
  215. }
  216. }
  217.  
  218. .navbar-fixed-top.affix {
  219. position: fixed;
  220. width: 100%;
  221. top: 0;
  222. border-bottom: 2px solid #e7e7e7;
  223. }
  224.  
  225. @media (min-width: 992px) {
  226. .boxed .navbar-fixed-top.affix {
  227. left: 50%;
  228. margin-left: -496px;
  229. max-width: 992px;
  230. }
  231. }
  232.  
  233. .navbar-fixed-top {
  234. position: relative;
  235. }
  236.  
  237. .navbar .main-menu .navbar-nav > .active > a:hover,.navbar .main-menu .navbar-nav > .open > a:hover {
  238. color: #bb143f;
  239. }
  240.  
  241. .dropdown-menu, .sub-menu {
  242. margin: 0;
  243. padding: 0;
  244. border: 0;
  245. -webkit-box-shadow: none;
  246. -moz-box-shadow: none;
  247. box-shadow: none;
  248. -webkit-border-radius: 0;
  249. -moz-border-radius: 0;
  250. border-radius: 0;
  251. }
  252.  
  253. .dropdown > .dropdown-menu, .sub-menu {
  254. border-top: 2px solid #dbdedf;
  255. }
  256.  
  257. .dropdown > .dropdown-menu > li > .dropdown-menu {
  258. border: 1px solid #dbdedf;
  259. border-bottom: 0;
  260. }
  261.  
  262. @media (min-width: 768px) {
  263. .dropdown-menu > li, .sub-menu > li {
  264. border-bottom: 1px solid #e7e7e7;
  265. }
  266. }
  267.  
  268. .dropdown-menu > li > a, .sub-menu > li > a {
  269. position: relative;
  270. clear: both;
  271. display: block;
  272. font-weight: normal;
  273. line-height: 1.45;
  274. padding: 10px 20px;
  275. white-space: nowrap;
  276. }
  277.  
  278. .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .sub-menu > li > a:hover, .sub-menu > li > a:focus {
  279. background-color: transparent;
  280. color: #ffc600;
  281. text-decoration: none;
  282. }
  283.  
  284. .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus, .sub-menu > .active > a, .sub-menu > .active > a:hover, .sub-menu > .active > a:focus {
  285. background-color: transparent;
  286. color: #00a0d1;
  287. }
  288.  
  289. .dropdown > .dropdown-menu > li > .dropdown-menu a:hover:before, li.dropdown-submenu:hover > a:before {
  290. content: '';
  291. position: absolute;
  292. left: 0;
  293. top: 0;
  294. width: 5px;
  295. height: 100%;
  296. background: #f2f2f2;
  297. }
  298.  
  299. @media (max-width: 767px) {
  300. .navbar {
  301. border-bottom: 1px solid #e7e7e7;
  302. }
  303. .navbar-title {
  304. float: left;
  305. padding: 8px 0;
  306. line-height: 34px;
  307. font-size: 125%;
  308. text-transform: uppercase;
  309. }
  310. .dropdown-submenu>a:after{
  311. margin-right:-5px;
  312. }
  313. a.dropdown-toggle:after {
  314. display:none;
  315. }
  316. .dropdown > .dropdown-menu > li > .dropdown-menu {
  317. border: 0;
  318. margin-bottom: -1px;
  319. }
  320. .dropdown > .dropdown-menu > li > .dropdown-menu >li > a {
  321. padding-right: 35px;
  322. padding-left: 45px;
  323. }
  324. }
  325.  
  326. .navbar-default {
  327. background: #fff;
  328. -webkit-box-shadow: none;
  329. -moz-box-shadow: none;
  330. box-shadow: none;
  331. border-top-width: 3px;
  332. border-top-style: solid;
  333. border-top-color: #00a0d1;
  334. }
  335.  
  336. .navbar-default li {
  337. margin: 16px 8px 0;
  338. }
  339.  
  340. .navbar-default .navbar-nav > li > a{
  341. white-space: nowrap;
  342. font-weight: 400;
  343. padding-top: 9px;
  344. padding-bottom: 18px;
  345. padding-right: 0;
  346. padding-left: 0;
  347. }
  348.  
  349. .navbar-default li.active {
  350. border-top: 4px solid #00a0d1;
  351. }
  352.  
  353. .navbar-default li.active a {
  354. padding-top: 5px;
  355. }
  356.  
  357. .navbar-default li li {
  358. margin: 0;
  359. }
  360.  
  361. .navbar-wide li,
  362. .navbar-transparent li,
  363. .navbar-wide-search li,
  364. .navbar-compact li,
  365. .navbar-hight li {
  366. margin: 0 !important;
  367. }
  368.  
  369. .navbar-wide li.active,
  370. .navbar-transparent li.active,
  371. .navbar-wide-search li.active,
  372. .navbar-compact li.active,
  373. .navbar-hight li.active {
  374. border: 0 !important;
  375. }
  376.  
  377. .navbar-wide .navbar-nav > li > a,
  378. .navbar-transparent .navbar-nav > li > a,
  379. .navbar-wide-search .navbar-nav > li > a,
  380. .navbar-compact .navbar-nav > li > a,
  381. .navbar-hight .navbar-nav > li > a
  382. {
  383. white-space: nowrap;
  384. padding-top: 9px;
  385. padding-bottom: 18px;
  386. padding-right: 8px;
  387. padding-left: 8px;
  388. }
  389.  
  390. .navbar-transparent .navbar-nav > li > a {
  391. padding-top: 21px;
  392. }
  393.  
  394. @media (max-width: 767px) {
  395. .navbar-nav.no-icons .menu-link-icon {display: none;}
  396. }
  397.  
  398. .navbar-transparent {
  399. background: url("images/transparent_bg.png") repeat;
  400. border-top-width: 0 !important;
  401. position: relative;
  402. }
  403.  
  404. .navbar-transparent .dropdown-menu,
  405. .navbar-transparent .sub-menu {
  406. background: url("images/transparent_bg.png") repeat;
  407. }
  408.  
  409.  
  410. /* Navbar Wide */
  411. @media (min-width: 767px) {
  412. .navbar.navbar-wide {
  413. background: #fff;
  414. -webkit-box-shadow: none;
  415. -moz-box-shadow: none;
  416. box-shadow: none;
  417. border-top: 0 !important;
  418. }
  419.  
  420. .navbar.navbar-wide .container-fluid {
  421. float: left;
  422. width: 100%;
  423. padding-right: 0;
  424. padding-left: 0;
  425. }
  426.  
  427. .navbar.navbar-wide .navbar-header {
  428. float: left;
  429. width: 100%;
  430. }
  431.  
  432. .navbar.navbar-wide .navbar-header .navbar-brand {
  433. text-align: center;
  434. padding-top: 15px;
  435. padding-bottom: 28px;
  436. }
  437.  
  438. .navbar.navbar-wide .navbar-collapse {
  439. float: left;
  440. width: 100%;
  441. margin: 0 !important;
  442. background: #00a0d1;
  443. }
  444.  
  445. .navbar.navbar-wide .navbar-nav {
  446. float: none;
  447. display: table;
  448. width: 1000px;
  449. margin: 0 auto;
  450. background: #00a0d1;
  451. }
  452.  
  453. .navbar.navbar-wide .navbar-nav li {
  454. float: none;
  455. display: table-cell;
  456. text-align: center;
  457. text-transform: uppercase;
  458. }
  459.  
  460. .navbar.navbar-wide .navbar-nav li a {
  461. background: #00a0d1;
  462. padding-top: 10px;
  463. padding-right: 0;
  464. padding-bottom: 10px;
  465. padding-left: 0;
  466. position: relative;
  467. border-left: 1px solid #4dbddf;
  468. color: #ffffff;
  469. }
  470.  
  471. .navbar.navbar-wide .navbar-nav li:first-child a {
  472. border: 0;
  473. }
  474.  
  475. .navbar.navbar-wide .navbar-nav li.page_item a,
  476. .navbar.navbar-wide .navbar-nav li.current-menu-ancestor a {
  477. color: #ffc600;
  478. }
  479.  
  480. .navbar.navbar-wide .navbar-nav li a .menu-link-icon {
  481. margin-top: -21px;
  482. padding-bottom: 19px;
  483. }
  484.  
  485. .navbar.navbar-wide .menu-link-icon .icon-border {
  486. background: #ffc600;
  487. display: block;
  488. margin: 0;
  489. width: 100%;
  490. height: 3px;
  491. }
  492.  
  493. .navbar.navbar-wide .navbar-nav .dropdown-menu li {
  494. display: block;
  495. text-align: left;
  496. text-transform: none;
  497. }
  498.  
  499. .navbar.navbar-wide .navbar-nav .dropdown-menu li a {
  500. border: 0;
  501. padding-right: 10px;
  502. padding-left: 10px;
  503. background: transparent;
  504. color: #00a0d1;
  505. }
  506.  
  507. .navbar.navbar-wide .navbar-nav .dropdown-menu li a:hover {
  508. color: #4dbddf;
  509. }
  510. }
  511.  
  512. /* Navbar Wide Search */
  513. @media (min-width: 767px) {
  514. .navbar.navbar-wide-search {
  515. background: #fff;
  516. -webkit-box-shadow: none;
  517. -moz-box-shadow: none;
  518. box-shadow: none;
  519. border-top: 0 !important;
  520. }
  521.  
  522. .navbar.navbar-wide-search .container-fluid {
  523. width: 1000px;
  524. position: relative;
  525. padding-right: 0;
  526. padding-left: 0;
  527. }
  528.  
  529. .navbar.navbar-wide-search .navbar-header .navbar-brand {
  530. padding-top: 15px;
  531. padding-bottom: 28px;
  532. margin: 0 20px;
  533. }
  534.  
  535. .navbar.navbar-wide-search .navbar-collapse {
  536. float: left;
  537. width: 100%;
  538. margin: 0 !important;
  539. }
  540.  
  541. .navbar.navbar-wide-search .navbar-nav {
  542. float: none;
  543. display: table;
  544. width: 100%;
  545. margin-bottom: -1px;
  546. }
  547.  
  548. .navbar.navbar-wide-search .navbar-nav li {
  549. float: none;
  550. display: table-cell;
  551. text-align: center;
  552. text-transform: uppercase;
  553. }
  554.  
  555. .navbar.navbar-wide-search .navbar-nav li a {
  556. padding-top: 10px;
  557. padding-right: 0;
  558. padding-bottom: 10px;
  559. padding-left: 0;
  560. position: relative;
  561. border: 1px solid #ccecf6;
  562. border-left: 0;
  563. color: #00a0d1;
  564. }
  565.  
  566. .navbar.navbar-wide-search .navbar-nav li:first-child a {
  567. border-left: 1px solid #ccecf6;
  568. }
  569.  
  570. .navbar.navbar-wide-search .navbar-nav li.page_item a,
  571. .navbar.navbar-wide-search .navbar-nav li.current-menu-ancestor a {
  572. color: #ffc600;
  573. border-bottom: 1px solid #ccecf6;
  574. }
  575.  
  576. .navbar.navbar-wide-search .navbar-nav li a .menu-link-icon {
  577. position: absolute;
  578. top: auto;
  579. left: 0;
  580. bottom: -1px;
  581. width: 100%;
  582. }
  583.  
  584. .navbar.navbar-wide-search .menu-link-icon .icon-border {
  585. background: #ffc600;
  586. display: block;
  587. margin: 0;
  588. width: 100%;
  589. height: 3px;
  590. }
  591.  
  592. .navbar.navbar-wide-search .navbar-nav .dropdown-menu li {
  593. display: block;
  594. width: auto;
  595. text-align: left;
  596. text-transform: none;
  597. }
  598.  
  599. .navbar.navbar-wide-search .navbar-nav .dropdown-menu li a {
  600. border: 0;
  601. padding-right: 10px;
  602. padding-left: 10px;
  603. background: transparent;
  604. color: #00a0d1;
  605. }
  606.  
  607. .navbar.navbar-wide-search .navbar-nav .dropdown-menu li a:hover {
  608. color: #4dbddf;
  609. }
  610.  
  611. .navbar.navbar-wide-search .navbar-form {
  612. display: block;
  613. position: absolute;
  614. top: 11px;
  615. right: 0;
  616. }
  617.  
  618. .navbar.navbar-wide-search .navbar-form .form-group {
  619. border: 1px solid #eaebec;
  620. height: 30px;
  621. margin-right: 20px;
  622. padding-right: 10px;
  623. overflow: hidden;
  624. }
  625.  
  626. .navbar.navbar-wide-search .navbar-form .form-group .form-control {
  627. border: 0;
  628. float: left;
  629. height: auto;
  630. padding: 3px 8px;
  631. }
  632.  
  633. .navbar.navbar-wide-search .navbar-form .form-group .btn-search {
  634. border: 0;
  635. padding: 0;
  636. top: 2px;
  637. position: relative;
  638. background: transparent;
  639. color: #0fa6d4;
  640. }
  641. }
  642.  
  643. /* Navbar Compact */
  644. @media (min-width: 767px) {
  645. .navbar.navbar-compact .navbar-nav li a .menu-link-icon {
  646. display: none;
  647. }
  648.  
  649. .navbar.navbar-compact .navbar-nav {
  650. margin-top: 20px;
  651. margin-bottom: 20px;
  652. }
  653.  
  654. .navbar.navbar-compact .navbar-nav li a {
  655. padding-top: 3px;
  656. padding-bottom: 3px;
  657. text-transform: none;
  658. font-size: 17px;
  659. }
  660.  
  661. .navbar.navbar-compact .navbar-nav li.page_item a,
  662. .navbar.navbar-compact .navbar-nav li.current-menu-ancestor a {
  663. color: #ffffff;
  664. background: #ffc600;
  665. }
  666.  
  667. .navbar.navbar-compact .navbar-nav li.page_item:hover a,
  668. .navbar.navbar-compact .navbar-nav li.current-menu-ancestor:hover a {
  669. color: #ffffff;
  670. background: #ffc600;
  671. }
  672.  
  673. .navbar.navbar-compact .navbar-nav .dropdown-menu li a {
  674. border: 0;
  675. padding: 10px;
  676. font-size: 14px;
  677. background: transparent !important;
  678. color: #00a0d1 !important;
  679. }
  680. }
  681.  
  682. @media (min-width: 767px) {
  683. .navbar.navbar-hight .navbar-nav li a {
  684. padding-top: 20px;
  685. padding-bottom: 20px;
  686. }
  687.  
  688. .navbar.navbar-hight .navbar-nav li.page_item a,
  689. .navbar.navbar-hight .navbar-nav li.current-menu-ancestor a {
  690. color: #ffffff;
  691. background: #ffc600;
  692. }
  693.  
  694. .navbar.navbar-hight .navbar-nav li.page_item:hover a,
  695. .navbar.navbar-hight .navbar-nav li.current-menu-ancestor:hover a {
  696. color: #ffffff;
  697. background: #ffc600;
  698. }
  699.  
  700. .navbar.navbar-hight .navbar-nav li a .menu-link-icon {
  701. position: absolute;
  702. top: auto;
  703. left: 0;
  704. bottom: 0;
  705. width: 100%;
  706. }
  707.  
  708. .navbar.navbar-hight .menu-link-icon .icon-border {
  709. margin: 0;
  710. background: #e5b200;
  711. }
  712.  
  713. .navbar.navbar-hight .navbar-nav .dropdown-menu li a {
  714. padding: 10px;
  715. background: #ffffff !important;
  716. color: #00a0d1 !important;
  717. }
  718.  
  719. }
  720.  
  721. .navbar-form {
  722. display: none;
  723. }
  724.  
  725. /* Navbar End */
  726.  
  727. .page-header {
  728. padding: 158px 0 0 0;
  729. margin: 0;
  730. background-position: 50% 50%;
  731. background-repeat: no-repeat;
  732. -webkit-background-size: cover;
  733. -moz-background-size: cover;
  734. -o-background-size: cover;
  735. background-size: cover;
  736. }
  737.  
  738. .page-header .current-page {
  739. color: #ffffff;
  740. }
  741.  
  742. .breadcrumb {
  743. padding: 0 0 35px 5px;
  744. margin-bottom: 16px;
  745. background-color: transparent;
  746. -webkit-border-radius: 0;
  747. -moz-border-radius: 0;
  748. border-radius: 0;
  749. }
  750.  
  751. .breadcrumb a {
  752. color: #ffffff;
  753. }
  754.  
  755. .breadcrumb .active {
  756. display: none;
  757. }
  758.  
  759. .breadcrumb:before {
  760. content: "\f015";
  761. display: inline-block;
  762. margin-right: 10px;
  763. font-family: FontAwesome;
  764. font-style: normal;
  765. font-weight: normal;
  766. line-height: inherit;
  767. -webkit-font-smoothing: antialiased;
  768. -moz-osx-font-smoothing: grayscale;
  769. }
  770.  
  771. .h4.panel-title {
  772. font-size: 100%;
  773. }
  774.  
  775. .panel-accordion .panel {
  776. margin-bottom: 0;
  777. border-left: 0;
  778. border-right: 0;
  779. border-bottom: 0;
  780. }
  781.  
  782. .panel-accordion .panel:first-child {
  783. border-top: 0;
  784. }
  785.  
  786. .panel-accordion .panel-heading {
  787. padding-left: 30px;
  788. border-bottom: 0;
  789. }
  790.  
  791. .panel-accordion .panel-heading .panel-title {
  792. position: relative;
  793. }
  794.  
  795. .panel-accordion .panel-heading .panel-title span {
  796. position: absolute;
  797. left: -25px;
  798. top: 0;
  799. display: none;
  800. font-weight: normal;
  801. }
  802.  
  803. .panel-accordion .panel-heading .panel-title .collapsed span {
  804. display: block;
  805. }
  806.  
  807. .panel-accordion .panel-heading .panel-title span.collapse {
  808. display: block;
  809. }
  810.  
  811. .panel-accordion .panel-heading .panel-title .collapsed span.collapse {
  812. display: none;
  813. }
  814.  
  815. .panel-accordion .panel-body {
  816. padding-left: 30px;
  817. padding-top: 0;
  818. padding-bottom: 15px;
  819. }
  820.  
  821. .pagination:after {
  822. content: '';
  823. display: block;
  824. clear: both;
  825. height: 0;
  826. }
  827.  
  828. .pagination.pages a:first-child {
  829. display: inline-block;
  830. vertical-align: top;
  831. margin-right: 10px;
  832. }
  833.  
  834. .pagination.pages li a:first-child {
  835. margin: 0;
  836. vertical-align: middle;
  837. }
  838.  
  839. .pagination.pages li span {
  840. color: #474d52;
  841. }
  842.  
  843. .pagination.pages li span:hover {
  844. border: 0;
  845. padding: 1px;
  846. }
  847.  
  848. .pagination.pages li a span {
  849. color: #00a0d1;
  850. }
  851.  
  852. /* Bootstrap customizations end */
  853.  
  854. /* Black and White colors */
  855.  
  856. .text-color-black {
  857. color: #000;
  858. }
  859. .text-color-white {
  860. color: #fff;
  861. }
  862.  
  863. .border-color-black {
  864. border-color: #000;
  865. }
  866. .border-color-white {
  867. border-color: #fff;
  868. }
  869.  
  870. .background-color-black {
  871. background-color: #000;
  872. }
  873. .background-color-white {
  874. background-color: #fff;
  875. }
  876.  
  877. /* =WordPress Core
  878. -------------------------------------------------------------- */
  879.  
  880. .alignnone {
  881. margin: 0 0 5px 0;
  882. }
  883.  
  884. .alignleft {
  885. margin: 5px 20px 20px 0;
  886. display: inline;
  887. float: left;
  888. }
  889.  
  890. .alignright {
  891. margin: 5px 0 20px 20px;
  892. display: inline;
  893. float: right;
  894. }
  895.  
  896. .aligncenter {
  897. margin: 0 auto 20px;
  898. display: block;
  899. clear: both;
  900. }
  901.  
  902. .sticky {
  903. position: relative;
  904. border: 1px solid #ccc;
  905. padding: 10px;
  906. margin-bottom: 20px;
  907.  
  908. }
  909.  
  910. .wp-caption {
  911. margin-bottom: 25px;
  912. max-width: 100%;
  913. }
  914.  
  915. .wp-caption img {
  916. display: block;
  917. margin-bottom: 5px;
  918. }
  919.  
  920. .wp-caption-text {
  921. margin-bottom: 0;
  922. font-size: 14px;
  923. font-style: italic;
  924. color: #d0692c;
  925. }
  926.  
  927.  
  928. /* Helper classes */
  929.  
  930. .display-table {
  931. display: table;
  932. }
  933. .display-table .align-top {
  934. display: table-cell;
  935. vertical-align: top;
  936. }
  937. .display-table .align-middle {
  938. display: table-cell;
  939. vertical-align: middle;
  940. }
  941. .display-table .align-bottom {
  942. display: table-cell;
  943. vertical-align: bottom;
  944. }
  945.  
  946. /* Page wrapper */
  947.  
  948. #wrapper {
  949. position: relative;
  950. overflow: hidden;
  951. width: 100%;
  952. min-height: 100%;
  953. min-width: 320px;
  954. margin: 0 auto;
  955. background: #fff;
  956. }
  957.  
  958. .boxed #wrapper {
  959. max-width: 992px;
  960. -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
  961. -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
  962. box-shadow: 0 5px 10px rgba(0,0,0,0.2);
  963. }
  964.  
  965. /* Page header */
  966. @media (min-width: 940px) {
  967. #header {
  968. position: absolute;
  969. top: 0;
  970. left: 50%;
  971. z-index: 999;
  972. width: 1000px;
  973. margin-left: -500px;
  974. }
  975. }
  976.  
  977. #header .block-top {
  978. padding: 5px 0;
  979. background-image: url("images/pattern.png");
  980. }
  981.  
  982. #header .upcoming-event {
  983. padding: 5px 0;
  984. font-size: 85%;
  985. }
  986.  
  987. @media (max-width: 767px) {
  988. #header .upcoming-event {
  989. margin-bottom: 10px;
  990. text-align: center;
  991. }
  992. }
  993.  
  994. #header .upcoming-event .upcoming-caption {
  995. padding: 0 5px;
  996. }
  997.  
  998. .header-right {
  999. text-align: right;
  1000. }
  1001.  
  1002. /* Social icons */
  1003.  
  1004. #header .social-links {
  1005. display: inline-block;
  1006. vertical-align: top;
  1007. padding: 3px 0;
  1008. margin-left: 20px;
  1009. }
  1010.  
  1011. .navbar-toggle {
  1012. margin-top: 26px;
  1013. }
  1014.  
  1015. @media (max-width: 767px) {
  1016. .header-right {
  1017. text-align: left;
  1018. }
  1019. #header .social-links {
  1020. display: block;
  1021. padding: 3px 0;
  1022. margin: 0;
  1023. text-align: center;
  1024. }
  1025. }
  1026.  
  1027. #header .social-links a {
  1028. display: inline-block;
  1029. width: 24px;
  1030. height: 24px;
  1031. text-decoration: none;
  1032. text-align: center;
  1033. margin: 5px 15px 5px 0;
  1034. -webkit-border-radius: 50%;
  1035. -moz-border-radius: 50%;
  1036. border-radius: 50%;
  1037. }
  1038.  
  1039. @media (min-width: 768px) {
  1040. #header .social-links a {
  1041. margin: 0 9px;
  1042. }
  1043.  
  1044. #header .social-links a:last-child {
  1045. margin-right: -2px;
  1046. }
  1047.  
  1048. .navbar-nav {
  1049. float: right;
  1050. }
  1051. }
  1052.  
  1053. @media (max-width: 991px) and (min-width: 768px){
  1054. .navbar-nav {
  1055. float: none;
  1056. text-align: center;
  1057. }
  1058.  
  1059. .navbar-nav > li {
  1060. float: none;
  1061. display: inline-block;
  1062. }
  1063.  
  1064. .navbar-nav > li ul {
  1065. text-align: left;
  1066. }
  1067.  
  1068. .navbar-nav > li > a {
  1069. padding-top: 0;
  1070. }
  1071.  
  1072. .navbar-brand {
  1073. padding-bottom: 8px;
  1074. }
  1075.  
  1076. }
  1077.  
  1078. /* Search box */
  1079. .search-result {
  1080. padding: 50px 0;
  1081. }
  1082.  
  1083. .search-result .search-submit {
  1084. padding-top: 4px;
  1085. padding-bottom: 4px;
  1086. }
  1087.  
  1088. #header .search-box {
  1089. display: none;
  1090. vertical-align: top;
  1091. position: relative;
  1092. overflow: hidden;
  1093. min-height: 1px;
  1094. margin: 0 0 10px 0;
  1095. }
  1096.  
  1097. .search_result {
  1098. padding: 50px 0;
  1099. }
  1100.  
  1101. .search_result h1 {
  1102. margin-top: 0;
  1103. line-height: 24px;
  1104. margin-bottom: 20px;
  1105. }
  1106.  
  1107. .search_result .search-field {
  1108. height: 42px;
  1109. }
  1110.  
  1111. @media (min-width: 768px) {
  1112. #header .search-box {
  1113. display: inline-block;
  1114. width: 220px;
  1115. margin: 0;
  1116. }
  1117. }
  1118.  
  1119. #header .search-box .input-group {
  1120. position: static;
  1121. }
  1122.  
  1123. .block-top .search-box .input-group .form-control {
  1124. position: absolute;
  1125. left: 100%;
  1126. padding: 2px 34px 4px 10px;
  1127. width: 220px;
  1128. height: auto;
  1129. border: 0;
  1130. -webkit-transition: left 0.2s;
  1131. -moz-transition: left 0.2s;
  1132. -o-transition: left 0.2s;
  1133. transition: left 0.2s;
  1134. }
  1135.  
  1136. .block-top .search-box.opened .input-group .form-control {
  1137. left: 0;
  1138. }
  1139.  
  1140. @media (max-width: 767px) {
  1141. .block-top .search-box .input-group {
  1142. width: 100%;
  1143. }
  1144. .block-top .search-box .input-group .form-control {
  1145. left: 0;
  1146. width: 100%;
  1147. }
  1148. }
  1149.  
  1150. .block-top .search-box .input-group-btn .btn {
  1151. padding: 3px 10px;
  1152. min-width: 0;
  1153. border: 0;
  1154. outline: none;
  1155. background: transparent;
  1156. -webkit-box-shadow: none;
  1157. -moz-box-shadow: none;
  1158. box-shadow: none;
  1159. -webkit-border-radius: 0;
  1160. -moz-border-radius: 0;
  1161. border-radius: 0;
  1162. }
  1163.  
  1164. /* Navbar */
  1165.  
  1166. #navbar {
  1167. border-top-width: 3px;
  1168. border-top-style: solid;
  1169. }
  1170.  
  1171. #header .brand {
  1172. padding: 0 0 20px 0;
  1173. }
  1174.  
  1175. @media (min-width: 992px) {
  1176. #header .brand {
  1177. display: table;
  1178. width: 100%;
  1179. }
  1180. }
  1181.  
  1182. #header .logo {
  1183. position: relative;
  1184. min-height: 1px;
  1185. margin-bottom: 20px;
  1186. padding-left: 10px;
  1187. padding-right: 10px;
  1188. text-align: center;
  1189. }
  1190. @media (min-width: 992px) {
  1191. #header .logo {
  1192. display: table-cell;
  1193. vertical-align: bottom;
  1194. width: 25%;
  1195. margin-bottom: 0;
  1196. text-align: left;
  1197. }
  1198. #header .logo img {
  1199. vertical-align: top;
  1200. }
  1201. }
  1202.  
  1203. #header .slogan {
  1204. display: none;
  1205. padding-left: 10px;
  1206. padding-right: 10px;
  1207. color: #bebebe;
  1208. }
  1209.  
  1210. @media (min-width: 992px) {
  1211. #header .slogan {
  1212. display: table-cell;
  1213. vertical-align: bottom;
  1214. width: 25%;
  1215. }
  1216. #header .slogan span {
  1217. position: relative;
  1218. top: 6px;
  1219. }
  1220. }
  1221.  
  1222. #header .valign-top {
  1223. vertical-align: top !important;
  1224. }
  1225.  
  1226. #header .valign-bottom {
  1227. vertical-align: bottom !important;
  1228. }
  1229.  
  1230. #header .valign-middle {
  1231. vertical-align: middle !important;
  1232. }
  1233.  
  1234. aside {
  1235. position: relative;
  1236. min-height: 1px;
  1237. padding-left: 10px;
  1238. padding-right: 10px;
  1239. }
  1240.  
  1241. @media (min-width: 992px) {
  1242. aside {
  1243. float: left;
  1244. width: 33.33333333333333%;
  1245. }
  1246. }
  1247.  
  1248. .current-page {
  1249. margin-top: 62px;
  1250. font-weight: 300;
  1251. font-size: 48px;
  1252. }
  1253.  
  1254. /* Navbar menu icon */
  1255. .navbar-nav .menu-link-icon {
  1256. display: block;
  1257. position: relative;
  1258. top: 8px;
  1259. text-align: center;
  1260. visibility: hidden;
  1261. }
  1262.  
  1263. .navbar-nav .menu-link-icon .icon-border {
  1264. background: #00a0d1;
  1265. display: block;
  1266. margin: 10px 0;
  1267. width: 100%;
  1268. height: 3px;
  1269. }
  1270.  
  1271. .navbar-nav li.active .menu-link-icon {
  1272. visibility: visible;
  1273. }
  1274.  
  1275. .navbar-nav li.current-menu-ancestor .menu-link-icon {
  1276. visibility: visible;
  1277. display: none;
  1278. }
  1279.  
  1280. .navbar-nav .dropdown-menu .menu-link-icon {
  1281. display: none;
  1282. top: 0;
  1283. }
  1284.  
  1285. .navbar-nav .menu-item-language .menu-link-icon span:before {
  1286. content: '\f0ac';
  1287. }
  1288.  
  1289. @media (max-width: 767px) {
  1290. .navbar-nav .menu-link-icon {
  1291. display: inline;
  1292. top: 0;
  1293. margin-right: 5px;
  1294. }
  1295. }
  1296.  
  1297. .navbar-nav.no-icons .menu-link-icon {
  1298. visibility: hidden;
  1299. display: none;
  1300. }
  1301.  
  1302. /*Navbar btn*/
  1303.  
  1304. #header .navbar-btn {
  1305. margin-right: 10px;
  1306. margin-top: 28px;
  1307. color: inherit !important;
  1308. font-size: 100%;
  1309. font-weight: bold;
  1310. padding: 6px;
  1311. opacity: 1 !important;
  1312. background: transparent !important;
  1313. border: 2px solid #d0a020;
  1314. -webkit-box-shadow: none;
  1315. -moz-box-shadow: none;
  1316. box-shadow: none;
  1317. -webkit-border-radius: 5px;
  1318. -moz-border-radius: 5px;
  1319. border-radius: 5px;
  1320. }
  1321.  
  1322. /* Block title */
  1323.  
  1324. .block-header {
  1325. position: relative;
  1326. margin-top: 0;
  1327. padding-top: 0;
  1328. line-height: 1em;
  1329. }
  1330.  
  1331. .block-sidebar .block-header {
  1332. padding-top: 0;
  1333. }
  1334.  
  1335. .block-header .block-title {
  1336. text-align: center;
  1337. display: table;
  1338. width: 100%;
  1339. position: relative;
  1340. -webkit-font-smoothing: antialiased;
  1341. -moz-osx-font-smoothing: grayscale;
  1342. z-index: 1;
  1343. }
  1344.  
  1345. .block-header .block-title div {
  1346. display: table-cell;
  1347. width: 50%;
  1348. white-space: nowrap;
  1349. }
  1350.  
  1351. .block-header .block-title .fa {
  1352. position: absolute;
  1353. top: -48px;
  1354. left: 0;
  1355. width: 100%;
  1356. text-align: center;
  1357. }
  1358.  
  1359. .block-header .dslca-editable-content {
  1360. text-align: center;
  1361. width: 1%;
  1362. padding: 0 15px;
  1363. }
  1364.  
  1365. .block-header .block-title span {
  1366. display: inline-block;
  1367. width: 100%;
  1368. line-height: 32px;
  1369. }
  1370.  
  1371. .block-header .view-all {
  1372. float: right;
  1373. padding: 0.1em 0 0 6px;
  1374. white-space: nowrap;
  1375. font-size: 14px;
  1376. }
  1377.  
  1378. .block-header .view-all .fa {
  1379. font-size: 16px;
  1380. padding-left: 5px;
  1381. }
  1382.  
  1383. .block-header .headline {
  1384. overflow: hidden;
  1385. height: 1em;
  1386. }
  1387.  
  1388. .block-header .headline span {
  1389. display: block;
  1390. position: relative;
  1391. margin-top: 0.6em;
  1392. height: 1px;
  1393. }
  1394.  
  1395. .block-header .headline span em {
  1396. position: absolute;
  1397. left: 0;
  1398. top: -2px;
  1399. width: 5px;
  1400. height: 5px;
  1401. background-color: inherit;
  1402. -webkit-border-radius: 5px;
  1403. -moz-border-radius: 5px;
  1404. border-radius: 5px;
  1405. }
  1406.  
  1407. /* Post Thumbnail */
  1408.  
  1409. .block-sermons.compact-size {
  1410. text-align: center;
  1411. }
  1412.  
  1413. .compact-size .post-thumbnail {
  1414. float: none !important;
  1415. width: 100% !important;
  1416. }
  1417.  
  1418. .compact-size .post-thumbnail .thumbnail-frame {
  1419. position: relative;
  1420. display: inline-block;
  1421. vertical-align: top;
  1422. }
  1423.  
  1424. .post-thumbnail .thumbnail-frame img {
  1425. background-color: #ffffff;
  1426. }
  1427.  
  1428. .compact-size .post-thumbnail .thumbnail-frame:before {
  1429. content: '';
  1430. position: absolute;
  1431. top: 50%;
  1432. left: -40px;
  1433. width: 35px;
  1434. height: 96px;
  1435. margin-top: -48px;
  1436. background: url("images/spica-yellow-left.png") no-repeat 0 0;
  1437. }
  1438.  
  1439. .compact-size .post-thumbnail .thumbnail-frame:after {
  1440. content: '';
  1441. position: absolute;
  1442. top: 50%;
  1443. right: -40px;
  1444. width: 35px;
  1445. height: 96px;
  1446. margin-top: -48px;
  1447. background: url("images/spica-yellow-right.png") no-repeat 0 0;
  1448. }
  1449.  
  1450. @media (max-width: 767px) {
  1451. .full-size .post-thumbnail {
  1452. float: none;
  1453. width: 100% !important;
  1454. }
  1455. }
  1456.  
  1457.  
  1458. /* Block sermons */
  1459.  
  1460. .sermon-body.horizontal {
  1461. display: table;
  1462. width: 100%;
  1463. }
  1464.  
  1465. .sermon-body.horizontal .sermon-excerpt {
  1466. display: table-cell;
  1467. width: 99%;
  1468. vertical-align: top;
  1469. }
  1470.  
  1471. .sermon-body.horizontal .sermon-media {
  1472. display: table-cell;
  1473. vertical-align: top;
  1474. padding-left: 20px;
  1475. padding-top: 7px;
  1476. }
  1477.  
  1478. .sermon-body.stacked .sermon-excerpt {
  1479. display: block;
  1480. width: 100%;
  1481. padding-bottom: 10px;
  1482. }
  1483.  
  1484. .sermon-body.stacked .sermon-media {
  1485. display: block;
  1486. padding-left: 0;
  1487. }
  1488.  
  1489. .sermon-body.stacked .sermon-media.compact-size {
  1490. float: none;
  1491. max-width: 300px;
  1492. margin: 0 auto;
  1493. }
  1494.  
  1495. .sermon-media table {
  1496. display: block;
  1497. position: relative;
  1498. overflow: hidden;
  1499. overflow: visible\0/;
  1500. width: 100%;
  1501. border-spacing: 0;
  1502. border-collapse: collapse;
  1503. border-width: 1px;
  1504. border-style: solid;
  1505. }
  1506.  
  1507. .sermon-media table tbody {
  1508. width: 100%;
  1509. display: table;
  1510. }
  1511.  
  1512. .sermon-media table td {
  1513. padding: 0;
  1514. border-style: solid;
  1515. border-width: 1px;
  1516. border-color: inherit;
  1517. background-color: #ffffff;
  1518. text-align: center;
  1519. font-size: 18px;
  1520. width: 25%;
  1521. border-top: 0;
  1522. border-bottom: 0;
  1523. }
  1524.  
  1525. .sermon-media table td:first-child {
  1526. border-left-width: 0;
  1527. border-left-width: 1px\0/;
  1528. }
  1529.  
  1530. .sermon-media table td:last-child {
  1531. border-right-width: 0;
  1532. border-right-width: 1px\0/;
  1533. }
  1534.  
  1535. .sermon-media table td a {
  1536. display: block;
  1537. min-width: 57px;
  1538. text-align: center;
  1539. }
  1540.  
  1541. .sermon-media .icon-label {
  1542. margin-left: 5px;
  1543. }
  1544.  
  1545. .sermon-media table td a:hover .icon-label {
  1546. color: inherit;
  1547. }
  1548.  
  1549. .sermon-media.compact-size .icon-label {
  1550. display: none;
  1551. }
  1552. .sermon-media.compact-size td {
  1553. text-align: center;
  1554. }
  1555.  
  1556. .sermon-media .tab-content .tab-pane {
  1557. border: none;
  1558. padding: 0;
  1559. }
  1560.  
  1561. @media (max-width: 767px) {
  1562. .block-sermons.full-size .sermon-body .sermon-excerpt {
  1563. display: block;
  1564. width: 100%;
  1565. padding-bottom: 10px;
  1566. }
  1567. .block-sermons.full-size .sermon-body .sermon-media {
  1568. display: block;
  1569. padding-left: 0;
  1570. }
  1571. .sermon-media.full-size .icon-label {
  1572. display: none;
  1573. }
  1574. .sermon-media.full-size td {
  1575. text-align: center;
  1576. }
  1577. }
  1578.  
  1579. .block-sermons .post-list .row:last-child .type-sermon {
  1580. margin-bottom: 0 !important;
  1581. }
  1582.  
  1583. .block-sermons .post-meta {
  1584. padding-top: 5px;
  1585. }
  1586.  
  1587. .post-meta .post-tags a {
  1588. margin-left: 5px;
  1589. }
  1590.  
  1591. .block-sermons .post-meta .fa {
  1592. padding-right: 3px;
  1593. }
  1594.  
  1595. /* Block testimonials */
  1596.  
  1597. .block-testimonials .media {
  1598. margin-bottom: 30px;
  1599. }
  1600.  
  1601. .block-testimonials .media .author-info {
  1602. margin-bottom: 10px;
  1603. }
  1604.  
  1605. .block-testimonials .media .author-info .testimonial-icon {
  1606. float: left;
  1607. margin-right: 20px;
  1608. }
  1609.  
  1610. .block-testimonials .media .author-info .author-info-name {
  1611. font-size: 128.5%;
  1612. line-height: normal;
  1613. }
  1614.  
  1615. .block-testimonials .media .author-info .author-info-position {
  1616. font-weight: bold;
  1617. }
  1618.  
  1619. .carousel-navigation {
  1620. float: right;
  1621. margin: 2px 0 0 5px;
  1622. font-family: FontAwesome;
  1623. font-size: 1.5em;
  1624. font-weight: normal;
  1625. letter-spacing: 0.3em;
  1626. white-space: nowrap;
  1627. -webkit-user-select: none;
  1628. -moz-user-select: none;
  1629. user-select: none;
  1630. }
  1631.  
  1632. .carousel-navigation .prev, .carousel-navigation .next {
  1633. cursor: pointer;
  1634. }
  1635.  
  1636. .type-carousel .row {
  1637. width: 100%;
  1638. }
  1639.  
  1640. .carousel-navigation .disabled {
  1641. cursor: default;
  1642. opacity: 0.5;
  1643. color: inherit !important;
  1644. }
  1645.  
  1646. .carousel-box {
  1647. position: relative;
  1648. }
  1649.  
  1650. .carousel-box .carousel-navigation {
  1651. position: absolute;
  1652. top: 50%;
  1653. left: 0;
  1654. margin: 0;
  1655. width: 100%;
  1656. padding: 0 2%;
  1657. font-size: 30px;
  1658. z-index: 999;
  1659. }
  1660.  
  1661. .carousel-box .carousel-navigation .next {
  1662. float: right;
  1663. }
  1664.  
  1665. .carousel-box .type-carousel {
  1666. margin: 0 50px;
  1667. }
  1668.  
  1669. /* Block staff */
  1670. .block-staff .media-body {
  1671. text-align: center;
  1672. }
  1673.  
  1674. .block-staff .post-thumbnail {
  1675. text-align: center;
  1676. }
  1677.  
  1678. .block-staff .post-thumbnail img {
  1679. border-style: solid !important;
  1680. }
  1681.  
  1682. .block-staff .media .author-info {
  1683. margin-bottom: 10px;
  1684. }
  1685.  
  1686. .block-staff .media .author-info .author-info-name {
  1687. font-size: 128.5%;
  1688. }
  1689.  
  1690. .block-staff .media .author-info .author-info-position {
  1691. position: relative;
  1692. }
  1693.  
  1694.  
  1695. @media (max-width: 767px) {
  1696. .block-staff .media {
  1697. text-align: center;
  1698. }
  1699. .block-staff .media .media-object {
  1700. margin: 0 auto;
  1701. }
  1702. }
  1703.  
  1704. /* Post meta */
  1705.  
  1706. .post-list .post-meta {
  1707. padding-top: 0;
  1708. }
  1709.  
  1710. .post-meta {
  1711. font-size: 85.5%;
  1712. margin-bottom: 20px;
  1713. width: 100%;
  1714. }
  1715.  
  1716. .post-meta .fa {
  1717. margin-right: 4px;
  1718. }
  1719.  
  1720. .post-meta .title {
  1721. text-transform: uppercase;
  1722. padding-right: 5px;
  1723. color: #474e52;
  1724. clear: both;
  1725. }
  1726.  
  1727. .post-meta > span {
  1728. margin-right: 10px;
  1729. }
  1730.  
  1731. .post-meta > span.separator:first-child {
  1732. display: none;
  1733. }
  1734.  
  1735. .post-meta a:hover {
  1736. text-decoration: underline;
  1737. }
  1738.  
  1739. .block-blog .post-meta {
  1740. font-size: 100%;
  1741. }
  1742.  
  1743. .full-size.post-meta {
  1744. display: table;
  1745. }
  1746.  
  1747. .full-size.post-meta > span {
  1748. display: table-cell;
  1749. width: 20%;
  1750. }
  1751.  
  1752. .full-size.post-meta .title {
  1753. display: block;
  1754. }
  1755.  
  1756.  
  1757. /* Blog posts */
  1758. .block-blog .post-thumbnail {
  1759. text-align: center;
  1760. position: relative;
  1761. display: block;
  1762. color: #fff;
  1763. }
  1764.  
  1765. .block-blog.full-size .media-top {
  1766. display: block;
  1767. }
  1768.  
  1769. .block-blog.compact-size .media-top {
  1770. display: none;
  1771. }
  1772.  
  1773. .block-blog.full-size .media-bottom {
  1774. display: none;
  1775. }
  1776.  
  1777. .block-blog.compact-size .media-bottom {
  1778. display: block;
  1779. }
  1780.  
  1781. @media (max-width: 767px) {
  1782. .block-blog .post-thumbnail {
  1783. display: inline-block;
  1784. }
  1785. }
  1786.  
  1787. .block-blog .post-thumbnail img {
  1788. max-width: 100%;
  1789. -webkit-transition: border 0.2s;
  1790. -moz-transition: border 0.2s;
  1791. -o-transition: border 0.2s;
  1792. transition: border 0.2s;
  1793. }
  1794.  
  1795. .block-blog .post-thumbnail .object-overlay {
  1796. position: absolute;
  1797. left: 0;
  1798. top: 0;
  1799. right: 0;
  1800. bottom: 0;
  1801. text-align: center;
  1802. line-height: 100%;
  1803. opacity: 0;
  1804. background: rgba(0,0,0,0.4);
  1805. -webkit-transition: opacity 0.2s;
  1806. -moz-transition: opacity 0.2s;
  1807. -o-transition: opacity 0.2s;
  1808. transition: opacity 0.2s;
  1809. }
  1810.  
  1811. .block-blog .post-thumbnail .object-overlay:hover {
  1812. opacity: 1;
  1813. }
  1814.  
  1815. .block-blog .post-thumbnail .object-overlay .object-icon {
  1816. display: table;
  1817. width: 100%;
  1818. height: 100%;
  1819. }
  1820.  
  1821. .block-blog .post-thumbnail .object-overlay .object-icon .font-icon {
  1822. display: table-cell;
  1823. vertical-align: middle;
  1824. }
  1825.  
  1826. .block-blog .post-thumbnail .object-overlay .object-icon .font-icon .fa-stack .fa-stack-1x {
  1827. font-size: 71%;
  1828. top: 10px;
  1829. }
  1830.  
  1831. .block-blog .pagination {
  1832. margin-bottom: 0 !important;
  1833. }
  1834.  
  1835. /* Block banners */
  1836.  
  1837. .block-banners>h3, .block-banners>.h3 {
  1838. margin-top: 0;
  1839. }
  1840.  
  1841. .block-banners a {
  1842. display: block;
  1843. position: relative;
  1844. margin-bottom: 20px;
  1845. }
  1846.  
  1847. .block-banners .row:last-child a {
  1848. margin-bottom: 0;
  1849. }
  1850.  
  1851. .block-banners a .banner-image img {
  1852. width: 100%;
  1853. }
  1854.  
  1855. .block-banners a .banner-overlay {
  1856. position: absolute;
  1857. left: 0;
  1858. right: 0;
  1859. bottom: 0;
  1860. padding: 5px 10px;
  1861. color: #fff;
  1862. font-weight: bold;
  1863. }
  1864.  
  1865. .block-banners a:hover .banner-overlay {
  1866. border-top-width: 3px;
  1867. border-top-style: solid;
  1868. }
  1869.  
  1870. .block-banners a .banner-overlay .read-more {
  1871. display: none;
  1872. color: #ffe293;
  1873. }
  1874.  
  1875. .block-banners a:hover .banner-overlay .read-more {
  1876. display: block;
  1877. }
  1878.  
  1879. /* Sidebar */
  1880. #sidebar {
  1881. float: left;
  1882. width: 100%;
  1883. position: relative;
  1884. padding: 0 15px;
  1885. }
  1886.  
  1887. #sidebar h2, #sidebar h3 {
  1888. font-size: 1.28em;
  1889. }
  1890.  
  1891. #sidebar .search-form {
  1892. text-align: center;
  1893. }
  1894.  
  1895. #sidebar .search-form label {
  1896. border: 0;
  1897. }
  1898.  
  1899. #sidebar .search-submit {
  1900. margin: 10px 0;
  1901. }
  1902.  
  1903. #sidebar ul {
  1904. list-style: none;
  1905. padding: 0;
  1906. }
  1907.  
  1908. #sidebar ul li ul li {
  1909. position: relative;
  1910. padding: 10px 10px 10px 16px;
  1911. border-top: 1px solid #eaebec;
  1912. line-height: 20px;
  1913. }
  1914.  
  1915. #sidebar ul li ul li:before {
  1916. content: '';
  1917. position: absolute;
  1918. left: 0;
  1919. top: 15px;
  1920. width: 8px;
  1921. height: 12px;
  1922. font-size: 120%;
  1923. background: url("images/pink-arrow.png") no-repeat 0 0;
  1924. }
  1925.  
  1926. #sidebar .dslc-widget {
  1927. clear: both;
  1928. }
  1929.  
  1930. #sidebar select {
  1931. width: 100%;
  1932. }
  1933.  
  1934. #sidebar .rsswidget img {
  1935. vertical-align: top;
  1936. margin: 3px 5px 0 0;
  1937. }
  1938.  
  1939. /* Widgets start */
  1940.  
  1941. .block-sidebar {
  1942. position: relative;
  1943. padding: 0 8px;
  1944. }
  1945.  
  1946. .block-sidebar .row div:last-child {
  1947. margin-bottom: 0 !important;
  1948. }
  1949.  
  1950. .block-sidebar .block-header .block-title {
  1951. padding-right: 0;
  1952. margin-bottom: 0;
  1953. text-align: left;
  1954. clear: both;
  1955. }
  1956.  
  1957. .block-sidebar .headline {
  1958. display: none;
  1959. }
  1960.  
  1961. @media (max-width: 767px) {
  1962. .block-sidebar {
  1963. margin-top: 30px;
  1964. }
  1965.  
  1966. .block-sidebar .row {
  1967. padding: 0 !important;
  1968. }
  1969. }
  1970.  
  1971. .widget-title {
  1972. margin-bottom: 12px;
  1973. font-size: 18px;
  1974. font-weight: normal;
  1975. }
  1976.  
  1977. #footer .widget-title {
  1978. margin-bottom: 35px;
  1979. padding-bottom: 12px;
  1980. position: relative;
  1981. text-transform: uppercase;
  1982. font-size: 14px;
  1983. font-weight: bold;
  1984. }
  1985.  
  1986. #footer .widget-title:after {
  1987. content: '';
  1988. position: absolute;
  1989. bottom: -7px;
  1990. left: 0;
  1991. width: 50px;
  1992. height: 5px;
  1993. background-color: #474e52;
  1994. }
  1995.  
  1996. #footer .widget_stm_instagram .widget-title {
  1997. margin-bottom: 26px;
  1998. }
  1999.  
  2000. /* Widget tag cloud */
  2001.  
  2002. .widget_tag_cloud .tagcloud a {
  2003. display: inline-block;
  2004. vertical-align: bottom;
  2005. margin: 0 2px 5px 0;
  2006. opacity: 0.6;
  2007. color: #000;
  2008. font-size: 100% !important;
  2009. padding: 0 10px;
  2010. background: #eaeaea;
  2011. }
  2012.  
  2013. .widget_tag_cloud .tagcloud a:hover {
  2014. opacity: 1;
  2015. background: #e7e7e7;
  2016. }
  2017.  
  2018. #footer .widget_tag_cloud .tagcloud a {
  2019. opacity: 1;
  2020. color: #fff;
  2021. background: #3d3d3d;
  2022. }
  2023.  
  2024. #footer .widget_tag_cloud .tagcloud a:hover {
  2025. opacity: 0.9;
  2026. }
  2027.  
  2028. /* Widget recent entries */
  2029.  
  2030. .widget_recent_entries {
  2031. margin-bottom: 30px;
  2032. }
  2033.  
  2034. .widget_recent_entries ul {
  2035. margin: -10px 0 0 0 ;
  2036. padding: 0;
  2037. list-style: none;
  2038. }
  2039.  
  2040. .widget_recent_entries ul.children {
  2041. margin-left: -15px;
  2042. margin-top: 1px;
  2043. }
  2044.  
  2045. .widget_recent_entries ul li {
  2046. position: relative;
  2047. padding: 10px 10px 10px 16px;
  2048. border-top: 1px solid #eaebec;
  2049. line-height: 20px;
  2050. }
  2051.  
  2052. .widget_recent_entries ul li:first-child {
  2053. border-top: 0;
  2054. }
  2055.  
  2056. .widget_recent_entries ul li:before {
  2057. content: '';
  2058. position: absolute;
  2059. left: 0;
  2060. top: 15px;
  2061. width: 8px;
  2062. height: 12px;
  2063. font-size: 120%;
  2064. background: url("images/yellow-arrow.png") no-repeat 0 0;
  2065. }
  2066.  
  2067. .widget_recent_entries ul li .post-date {
  2068. display: block;
  2069. color: #9b9b9b;
  2070. font-size: 85%;
  2071. }
  2072.  
  2073. /* Widget search */
  2074.  
  2075. .search-form label {
  2076. margin-bottom: 0;
  2077. vertical-align: bottom;
  2078. border-width: 0 !important;
  2079. }
  2080.  
  2081. .search-form .search-submit {
  2082. vertical-align: bottom;
  2083. }
  2084.  
  2085. .widget_search .search-form {
  2086. position: relative;
  2087. }
  2088.  
  2089. .widget_search .screen-reader-text {
  2090. position: absolute;
  2091. width: 1px;
  2092. height: 1px;
  2093. margin: -1px;
  2094. padding: 0;
  2095. overflow: hidden;
  2096. clip: rect(0, 0, 0, 0);
  2097. border: 0;
  2098. }
  2099.  
  2100. .widget_search label {
  2101. float: left;
  2102. width: 100%;
  2103. display: block;
  2104. border-color: #eaebec;
  2105. border-width: 1px;
  2106. border-style: solid;
  2107. }
  2108.  
  2109. .search-field {
  2110. display: block;
  2111. float: left;
  2112. width: 100%;
  2113. height: 30px;
  2114. padding: 1px 30px 1px 10px;
  2115. font-size: 12px;
  2116. line-height: 22px;
  2117. font-weight: normal;
  2118. color: #9b9b9b;
  2119. background-color: #ffffff;
  2120. background-image: none;
  2121. border: 0;
  2122. border-radius: 0;
  2123. -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  2124. transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  2125. }
  2126.  
  2127. .widget .search-form .search-submit {
  2128. position: absolute;
  2129. top: 8px;
  2130. right: 10px;
  2131. font-size: 0;
  2132. padding: 0;
  2133. border: 0;
  2134. min-width: 0;
  2135. width: 16px;
  2136. height: 16px;
  2137. line-height: 0;
  2138. background: url("images/loupe.png") no-repeat 0 0;
  2139. }
  2140.  
  2141. /* Widget categories, recent posts, archive */
  2142.  
  2143. .widget_categories ul, .widget_recent_comments ul, .widget_archive ul {
  2144. margin: -10px 0 0 0 ;
  2145. padding: 0;
  2146. list-style: none;
  2147. }
  2148.  
  2149. .widget_categories ul.children {
  2150. margin-top: 1px;
  2151. }
  2152.  
  2153. .widget_categories li, .widget_recent_comments li, .widget_archive li {
  2154. position: relative;
  2155. padding: 10px 10px 10px 16px;
  2156. border-top: 1px solid #eaebec;
  2157. line-height: 20px;
  2158. }
  2159.  
  2160. .widget_categories li:first-child, .widget_recent_comments li:first-child, .widget_archive li:first-child {
  2161. border-top: 0;
  2162. }
  2163.  
  2164. .widget_categories li:before, .widget_recent_comments li:before, .widget_archive li:before {
  2165. content: '';
  2166. position: absolute;
  2167. left: 0;
  2168. top: 14px;
  2169. width: 8px;
  2170. height: 12px;
  2171. font-size: 120%;
  2172. background: url("images/yellow-arrow.png") no-repeat 0 0;
  2173. }
  2174.  
  2175. /* Widget calendar */
  2176.  
  2177. .widget_calendar #wp-calendar {
  2178. width: 100%;
  2179. }
  2180.  
  2181. .widget_calendar th, .widget_calendar td {
  2182. padding: 5px;
  2183. }
  2184.  
  2185. .widget_calendar caption {
  2186. padding-bottom: 12px;
  2187. font-size: 18px;
  2188. }
  2189.  
  2190. /* Widget nav menu */
  2191.  
  2192. .widget_nav_menu ul {
  2193. list-style: none;
  2194. margin: 0;
  2195. padding: 0;
  2196. }
  2197.  
  2198. .widget_nav_menu ul {
  2199. margin: -10px 0 0 0 ;
  2200. padding: 0;
  2201. list-style: none;
  2202. }
  2203.  
  2204. .widget_nav_menu ul.children {
  2205. margin-left: -15px;
  2206. margin-top: 1px;
  2207. }
  2208.  
  2209. .widget_nav_menu ul li {
  2210. position: relative;
  2211. padding: 10px 10px 10px 16px;
  2212. border-top: 1px solid #eaebec;
  2213. }
  2214.  
  2215. .widget_nav_menu ul li:first-child {
  2216. border-top: 0;
  2217. }
  2218.  
  2219. .widget_nav_menu ul li:before {
  2220. content: '\3e';
  2221. position: absolute;
  2222. left: 0;
  2223. top: 0.45em;
  2224. font-size: 120%;
  2225. }
  2226.  
  2227.  
  2228.  
  2229. /*Widget meta*/
  2230.  
  2231. .widget_meta ul {
  2232. list-style: none;
  2233. margin: 0;
  2234. padding: 0;
  2235. }
  2236.  
  2237. .widget_meta li {
  2238. margin-bottom: 5px;
  2239. }
  2240.  
  2241. /*Widget pages*/
  2242.  
  2243. .widget_pages ul {
  2244. list-style: none;
  2245. margin: 0;
  2246. padding: 0;
  2247. }
  2248.  
  2249. .widget_pages ul ul {
  2250. margin-top: 5px;
  2251. margin-left: 20px;
  2252. }
  2253.  
  2254. .widget_pages li {
  2255. margin-bottom: 5px;
  2256. }
  2257.  
  2258. /* Widget stm sociallinks */
  2259.  
  2260. .widget_stm_sociallinks ul {
  2261. display: table;
  2262. font-size: 0;
  2263. margin: 0 -20px 0 0;
  2264. padding: 0;
  2265. list-style: none;
  2266. }
  2267.  
  2268. .widget_stm_sociallinks li {
  2269. display: inline-block;
  2270. position: relative;
  2271. overflow: hidden;
  2272. margin: 0 20px 20px 0;
  2273. width: 60px;
  2274. height: 60px;
  2275. font-size: 28px;
  2276. line-height: 60px;
  2277. text-align: center;
  2278. }
  2279.  
  2280. .widget_stm_sociallinks li a {
  2281. display: block;
  2282. height: 100%;
  2283. color: #fff !important;
  2284. -webkit-transition: -webkit-transform 0.2s;
  2285. -moz-transition: -moz-transform 0.2s;
  2286. -o-transition: -o-transform 0.2s;
  2287. transition: transform 0.2s;
  2288. }
  2289.  
  2290. .widget_stm_sociallinks li a:hover {
  2291. -webkit-transform: scale(1.2);
  2292. -moz-transform: scale(1.2);
  2293. -ms-transform: scale(1.2);
  2294. -o-transform: scale(1.2);
  2295. transform: scale(1.2);
  2296. }
  2297.  
  2298. /* Widget tweets */
  2299. .widget_stm_tweets ul {
  2300. margin: 0;
  2301. padding: 0;
  2302. list-style: none;
  2303. }
  2304.  
  2305. .widget_stm_tweets ul li {
  2306. position: relative;
  2307. padding: 0 0 0 20px;
  2308. margin-bottom: 15px;
  2309. }
  2310.  
  2311. .widget_stm_tweets ul li:before {
  2312. content: "\f099";
  2313. font-family: FontAwesome;
  2314. position: absolute;
  2315. left: 0;
  2316. top: 0;
  2317. color: #fff;
  2318. }
  2319.  
  2320. #footer .widget_stm_tweets ul a {
  2321. /*color: #fff !important;*/
  2322. }
  2323.  
  2324. #footer .widget_stm_tweets ul {
  2325. /*color: #9b9b9b;*/
  2326. }
  2327.  
  2328. /* widget contacts */
  2329.  
  2330. .widget_stm_contacts ul {
  2331. list-style: none;
  2332. margin: 0;
  2333. padding: 0;
  2334. }
  2335.  
  2336. .widget_stm_contacts li {
  2337. position: relative;
  2338. margin-bottom: 15px;
  2339. padding-left: 20px;
  2340. }
  2341.  
  2342. .widget_stm_contacts li span {
  2343. position: absolute;
  2344. left: 0;
  2345. top: 5px;
  2346. }
  2347.  
  2348. /* Widgets end */
  2349.  
  2350. .category-filter {
  2351. margin-bottom: 20px;
  2352. }
  2353.  
  2354. /* Filter */
  2355.  
  2356. .nav-pills {
  2357. border-top: 1px solid #eaebec;
  2358. }
  2359.  
  2360. .nav-pills > li + li {
  2361. margin-left: 0;
  2362. }
  2363.  
  2364. .nav-pills > li > a {
  2365. border-left: 1px solid #eaebec;
  2366. padding: 8px 10px;
  2367. }
  2368.  
  2369. .nav-pills > li:first-child > a {
  2370. border-left: 0;
  2371. }
  2372.  
  2373. .nav-pills > li.active > a,
  2374. .nav-pills > li.active > a:hover,
  2375. .nav-pills > li.active > a:focus {
  2376. color: #474d52;
  2377. background-color: transparent;
  2378. -webkit-box-shadow: none;
  2379. box-shadow: none;
  2380. }
  2381.  
  2382. .nav-pills > li.active > a:after,
  2383. .nav-pills > li.active > a:after:hover,
  2384. .nav-pills > li.active > a:after:focus {
  2385. content: '';
  2386. position: absolute;
  2387. top: -1px;
  2388. left: 0;
  2389. width: 100%;
  2390. height: 3px;
  2391. background-color: #ffc600;
  2392. }
  2393.  
  2394. .block-events .nav-pills {
  2395. border-top: 0;
  2396. }
  2397.  
  2398. .block-events .nav-pills > li.active > a:after,
  2399. .block-events .nav-pills > li.active > a:after:hover,
  2400. .block-events .nav-pills > li.active > a:after:focus {
  2401. display: none;
  2402. }
  2403.  
  2404. .block-events .nav-pills > li > a {
  2405. padding: 0;
  2406. border: 0;
  2407. margin-right: 10px;
  2408. }
  2409.  
  2410. /* Events */
  2411.  
  2412. .calendar {
  2413. display: block;
  2414. width: 102px;
  2415. height: 111px;
  2416. background: url("images/calendar-bg.png") 0 0 no-repeat;
  2417. text-align: center;
  2418. padding-top: 23px;
  2419. }
  2420.  
  2421. .event-panel .counter-likes,
  2422. .post-list .counter-likes {
  2423. position: absolute;
  2424. top: -10px;
  2425. right: -10px;
  2426. padding: 0 5px;
  2427. background-color: #ffc600;
  2428. font-size: 12px;
  2429. -webkit-border-radius: 3px;
  2430. -moz-border-radius: 3px;
  2431. border-radius: 3px;
  2432. }
  2433.  
  2434. @media (max-width: 767px) {
  2435. .calendar {
  2436. width: auto;
  2437. background: url("images/calendar-bg.png") 50% 0 no-repeat;
  2438. margin-bottom: 20px;
  2439. }
  2440.  
  2441. .event-panel .event-button {
  2442. float: none;
  2443. text-align: center;
  2444. }
  2445.  
  2446. .event-button .btn,
  2447. .event-panel .event-status {
  2448. margin-top: 20px !important;
  2449. }
  2450. }
  2451.  
  2452. @media (max-width: 420px) {
  2453. .event-panel .event-status {
  2454. margin-bottom: 0 !important;
  2455. }
  2456. }
  2457.  
  2458. .calendar .dd {
  2459. display: block;
  2460. margin-bottom: 2px;
  2461. font-size: 343%;
  2462. line-height: 1;
  2463. color: inherit;
  2464. }
  2465.  
  2466. .calendar .mm {
  2467. display: block;
  2468. font-size: 128.5%;
  2469. line-height: 1;
  2470. color: inherit;
  2471. }
  2472.  
  2473. .block-events .archives-years {
  2474. padding-bottom: 25px;
  2475. }
  2476.  
  2477. .block-events .archives-years a {
  2478. margin-right: 15px;
  2479. }
  2480.  
  2481. .block-events h3, .block-events .h3 {
  2482. margin-top: 0;
  2483. }
  2484.  
  2485. .block-events .type-event {
  2486. position: relative;
  2487. overflow: hidden;
  2488. }
  2489.  
  2490. .block-events .type-event.past {
  2491. opacity: 0.6;
  2492. }
  2493.  
  2494. .block-events .pagination {
  2495. margin-top: 40px;
  2496. margin-bottom: 0 !important;
  2497. }
  2498.  
  2499. .block-events .overlap-left {
  2500. position: absolute;
  2501. left: -50px;
  2502. top: -50px;
  2503. bottom: -50px;
  2504. width: 50px;
  2505. }
  2506.  
  2507. .block-events .overlap-top {
  2508. position: absolute;
  2509. left: 0;
  2510. top: -50px;
  2511. right: 0;
  2512. height: 50px;
  2513. }
  2514.  
  2515. .block-events .overlap-right {
  2516. position: absolute;
  2517. right: -50px;
  2518. top: -50px;
  2519. bottom: -50px;
  2520. width: 50px;
  2521. }
  2522.  
  2523. .block-events .overlap-bottom {
  2524. position: absolute;
  2525. left: 0;
  2526. bottom: -50px;
  2527. right: 0;
  2528. height: 50px;
  2529. }
  2530.  
  2531. .block-events .flip {
  2532. position: relative;
  2533. }
  2534.  
  2535. .block-events .front-side {
  2536. float: left;
  2537. width: 100%;
  2538. position: relative;
  2539. z-index: 1;
  2540. display: block;
  2541. padding: 20px;
  2542. text-align: left;
  2543. border-width: 1px;
  2544. border-style: solid;
  2545. background: #fff;
  2546. -webkit-box-shadow: inset rgba(0,0,0,0.05) 0 0 13px, inset #ffffff 0 0 1px;
  2547. -moz-box-shadow: inset rgba(0,0,0,0.05) 0 0 13px, inset #ffffff 0 0 1px;
  2548. box-shadow: inset rgba(0,0,0,0.05) 0 0 13px, inset #ffffff 0 0 1px;
  2549. -webkit-transition: -webkit-transform 1s;
  2550. -moz-transition: -moz-transform 1s;
  2551. -ms-transition: -moz-transform 1s;
  2552. -o-transition: -o-transform 1s;
  2553. transition: transform 1s;
  2554. -webkit-backface-visibility: hidden;
  2555. -moz-backface-visibility: hidden;
  2556. -ms-backface-visibility: hidden;
  2557. -o-backface-visibility: hidden;
  2558. backface-visibility: hidden;
  2559. -webkit-transform: perspective(600px) rotateY(0deg);
  2560. -moz-transform: perspective(600px) rotateY(0deg);
  2561. -ms-transform: perspective(600px) rotateY(0deg);
  2562. -o-transform: perspective(600px) rotateY(0deg);
  2563. transform: perspective(600px) rotateY(0deg);
  2564. }
  2565.  
  2566. .block-events .hover-white:hover a {
  2567. color: #000000;
  2568. }
  2569.  
  2570. .block-events .flip .back-side {
  2571. visibility: hidden;
  2572. width: 100%;
  2573. position: absolute;
  2574. bottom: -100%;
  2575. z-index: 2;
  2576. display: block;
  2577. padding: 40px 10px 10px 10px;
  2578. text-align: center;
  2579. border-width: 1px;
  2580. border-style: solid;
  2581. border-top-width: 0;
  2582. background: #fff;
  2583. -webkit-border-radius: 0px 0px 3px 3px;
  2584. -moz-border-radius: 0px 0px 3px 3px;
  2585. border-radius: 0px 0px 3px 3px;
  2586. -webkit-backface-visibility: hidden;
  2587. -moz-backface-visibility: hidden;
  2588. -ms-backface-visibility: hidden;
  2589. -o-backface-visibility: hidden;
  2590. backface-visibility: hidden;
  2591. -webkit-transition: all ease 0.6s;
  2592. -moz-transition: all ease 0.6s;
  2593. -ms-transition: all ease 0.6s;
  2594. -o-transition: all ease 0.6s;
  2595. transition: all ease 0.6s;
  2596. }
  2597.  
  2598. .no-csstransforms3d .flip .back-side {
  2599. visibility: hidden;
  2600. }
  2601.  
  2602. .block-events .flip:hover .back-side {
  2603. bottom: 0;
  2604. visibility: visible;
  2605. }
  2606.  
  2607. .no-csstransforms3d .flip:hover .front-side {
  2608. visibility: hidden;
  2609. }
  2610.  
  2611. .no-csstransforms3d .flip:hover .back-side {
  2612. visibility: visible;
  2613. }
  2614.  
  2615. .block-events .post-icon {
  2616. position: absolute;
  2617. left: 50%;
  2618. top: -25px;
  2619. width: 50px;
  2620. height: 50px;
  2621. line-height: 0;
  2622. white-space: nowrap;
  2623. margin-left: -25px;
  2624. border-width: 5px;
  2625. border-style: solid;
  2626. -webkit-border-radius: 50%;
  2627. -moz-border-radius: 50%;
  2628. border-radius: 50%;
  2629. }
  2630.  
  2631. .block-events .post-icon span {
  2632. line-height: 40px;
  2633. }
  2634.  
  2635. .block-events .calendar {
  2636. margin: 0 auto 4px auto;
  2637. }
  2638.  
  2639. .block-events .title {
  2640. display: block;
  2641. font-weight: bold;
  2642. font-size: 128.5%;
  2643. line-height: 1.35em;
  2644. margin-bottom: 10px;
  2645. }
  2646.  
  2647. .block-events .post-glyph {
  2648. display: block;
  2649. text-align: center;
  2650. }
  2651.  
  2652. .block-events .compact-size .where {
  2653. margin-bottom: 20px;
  2654. position: absolute;
  2655. bottom: 0;
  2656. left: 20px;
  2657. }
  2658.  
  2659. .block-events .excerpt {
  2660. display: block;
  2661. }
  2662.  
  2663. .block-events .social-icons {
  2664. margin-bottom: 40px;
  2665. }
  2666.  
  2667. .block-events .social-icons ul {
  2668. list-style: none;
  2669. padding: 0;
  2670. margin: 0;
  2671. }
  2672.  
  2673. .block-events .social-icons ul li {
  2674. display: inline-block;
  2675. margin: 0 8px;
  2676. }
  2677.  
  2678. .block-events .social-icons ul li a {
  2679. display: block;
  2680. width: 40px;
  2681. height: 40px;
  2682. text-align: center;
  2683. line-height: 36px;
  2684. font-size: 114%;
  2685. border-width: 2px;
  2686. border-style: solid;
  2687. -webkit-border-radius: 50%;
  2688. -moz-border-radius: 50%;
  2689. border-radius: 50%;
  2690. }
  2691.  
  2692. .block-events .view-details {
  2693. margin: 0 -11px -11px -11px;
  2694. }
  2695.  
  2696. .block-events .view-details a {
  2697. display: block;
  2698. padding: 15px 0;
  2699. border-top-width: 4px;
  2700. border-top-style: solid;
  2701. font-size: 114%;
  2702. -webkit-border-radius: 2px;
  2703. -moz-border-radius: 2px;
  2704. border-radius: 2px;
  2705. }
  2706.  
  2707. .block-events .compact-size .view-details .text-color-white:hover {
  2708. color: #ffc600 !important;
  2709. }
  2710.  
  2711. .block-events .decor {
  2712. margin: 0 -11px -11px -11px;
  2713. padding: 15px 0;
  2714. border-top-width: 4px;
  2715. border-top-style: solid;
  2716. font-size: 114%;
  2717. -webkit-border-radius: 2px;
  2718. -moz-border-radius: 2px;
  2719. border-radius: 2px;
  2720. }
  2721.  
  2722. .block-events a span.event-meta {
  2723. display: block;
  2724. padding: 10px 10px;
  2725. font-weight: 300;
  2726. font-size: 214%;
  2727. line-height: normal;
  2728. text-transform: uppercase;
  2729. -webkit-box-shadow: inset rgba(0,0,0,0.1) 0 5px 0;
  2730. -moz-box-shadow: inset rgba(0,0,0,0.1) 0 5px 0;
  2731. box-shadow: inset rgba(0,0,0,0.1) 0 5px 0;
  2732. }
  2733.  
  2734. /* Event inner */
  2735.  
  2736. .event-panel .event-meta .fa {
  2737. font-size: 124%;
  2738. }
  2739.  
  2740. .event-panel .calendar {
  2741. float: left;
  2742. margin-right: 20px;
  2743. }
  2744.  
  2745. .event-panel dl {
  2746. display: table-row;
  2747. margin-bottom: 0;
  2748. }
  2749.  
  2750. .event-panel dt {
  2751. font-size: 100%;
  2752. display: table-cell;
  2753. padding-right: 7px;
  2754. padding-bottom: 5px;
  2755. white-space: nowrap;
  2756. }
  2757.  
  2758. .event-panel dd {
  2759. display: table-cell;
  2760. padding-bottom: 5px;
  2761. }
  2762.  
  2763. .event-panel dl:last-child dt, .event-panel dl:last-child dd {
  2764. padding-bottom: 0;
  2765. }
  2766.  
  2767. .post-list .row:last-child .hentry {
  2768. margin-bottom: 0 !important;
  2769. }
  2770.  
  2771. .event-panel .btn {
  2772. padding: 8px;
  2773. position: relative;
  2774. }
  2775.  
  2776. .post-list .meta {
  2777. font-size: 12px;
  2778. color: #9b9b9b;
  2779. }
  2780.  
  2781. .post-list .meta i {
  2782. font-style: normal !important;
  2783. font-size: 12px;
  2784. color: #9b9b9b;
  2785. }
  2786.  
  2787. @media (max-width: 992px) {
  2788. .post-list .row:last-child .hentry {
  2789. margin-bottom: 30px !important;
  2790. }
  2791.  
  2792. .post-list .row:last-child .hentry:last-child {
  2793. margin-bottom: 0px !important;
  2794. }
  2795.  
  2796. .block-events .excerpt {
  2797. min-height: 100px;
  2798. }
  2799.  
  2800. }
  2801.  
  2802. .post-title {
  2803. margin-top: auto !important;
  2804. }
  2805.  
  2806. /* Events List */
  2807. .block-events.full-size .post-thumbnail {
  2808. float: left;
  2809. width: 28%;
  2810. text-align: center;
  2811. margin-right: 2%;
  2812. margin-top: 6px;
  2813. }
  2814.  
  2815. .block-events.full-size .event-content {
  2816. overflow: hidden;
  2817. }
  2818.  
  2819.  
  2820.  
  2821. @media (max-width: 768px) {
  2822. .block-events.full-size .post-thumbnail {
  2823. float: left;
  2824. width: 32%;
  2825. margin-right: 2%;
  2826. margin-top: 6px;
  2827. }
  2828. .block-events.full-size .event-content {
  2829. overflow: visible;
  2830. text-align: center;
  2831. }
  2832. .block-events.full-size .meta div {
  2833. float: none !important;
  2834. }
  2835. }
  2836.  
  2837. .block-events .front-side {
  2838. background: transparent;
  2839. -webkit-box-shadow: none;
  2840. -moz-box-shadow: none;
  2841. box-shadow: none;
  2842. }
  2843.  
  2844. .block-events.full-size .meta {
  2845. float: left;
  2846. width: 100%;
  2847. }
  2848.  
  2849. .block-events.full-size .meta div {
  2850. margin-left: 12px;
  2851. float: left;
  2852. }
  2853.  
  2854. .block-events.full-size .meta div:first-child {
  2855. margin-left: 0;
  2856. }
  2857.  
  2858. .block-events .meta div i {
  2859. font-style: normal !important;
  2860. margin-right: 8px;
  2861. }
  2862.  
  2863. .event-button {
  2864. position: relative;
  2865. text-align: center;
  2866. }
  2867.  
  2868. .event-counter {
  2869. position: absolute;
  2870. top: -10px;
  2871. right: -10px;
  2872. padding: 0 5px;
  2873. background-color: #ffc600;
  2874. font-size: 12px;
  2875. -webkit-border-radius: 3px;
  2876. -moz-border-radius: 3px;
  2877. border-radius: 3px;
  2878. }
  2879.  
  2880. .event-status {
  2881. display: inline-block;
  2882. vertical-align: top;
  2883. padding: 10px 20px;
  2884. min-width: 118px;
  2885. text-align: center;
  2886. color: #ffffff !important;
  2887. -webkit-border-radius: 3px;
  2888. -moz-border-radius: 3px;
  2889. border-radius: 3px;
  2890. }
  2891.  
  2892. .event-status.full_booked {
  2893. background-color: #8fa2d4;
  2894. border-color: #8fa2d4;
  2895. }
  2896.  
  2897. .event-status.cancelled {
  2898. background-color: #c2b986;
  2899. border-color: #c2b986;
  2900. }
  2901.  
  2902. .event-status.available {
  2903. background-color: #98cf13;
  2904. border-color: #98cf13;
  2905. }
  2906.  
  2907. /* Donations start */
  2908. .block-donations .post-excerpt {
  2909. margin-bottom: 25px;
  2910. }
  2911.  
  2912. .block-donations.full-size .post-title {
  2913. margin-top: 12px !important;
  2914. }
  2915.  
  2916. .block-donations .flip {
  2917. margin: 0 auto;
  2918. float: left;
  2919. position: relative;
  2920. }
  2921.  
  2922. .block-donations .flip .front-side {
  2923. float: left;
  2924. width: 100%;
  2925. height: inherit;
  2926. z-index: 1;
  2927. padding: 0;
  2928. text-align: center;
  2929. -webkit-transition: -webkit-transform 1s;
  2930. -moz-transition: -moz-transform 1s;
  2931. -ms-transition: -moz-transform 1s;
  2932. -o-transition: -o-transform 1s;
  2933. transition: transform 1s;
  2934. -webkit-backface-visibility: hidden;
  2935. -moz-backface-visibility: hidden;
  2936. -ms-backface-visibility: hidden;
  2937. -o-backface-visibility: hidden;
  2938. backface-visibility: hidden;
  2939. -webkit-transform: perspective(600px) rotateY(0deg);
  2940. -moz-transform: perspective(600px) rotateY(0deg);
  2941. -ms-transform: perspective(600px) rotateY(0deg);
  2942. -o-transform: perspective(600px) rotateY(0deg);
  2943. transform: perspective(600px) rotateY(0deg);
  2944. }
  2945.  
  2946. .block-donations .flip .back-side {
  2947. float: right;
  2948. margin-left: -100%;
  2949. width: 100%;
  2950. height: inherit;
  2951. position: absolute;
  2952. left:100%; top: 0; bottom: 0;
  2953. z-index: 2;
  2954. padding: 0 20px;
  2955. text-align: center;
  2956. -webkit-transition: -webkit-transform 1s;
  2957. -moz-transition: -moz-transform 1s;
  2958. -ms-transition: -moz-transform 1s;
  2959. -o-transition: -o-transform 1s;
  2960. transition: transform 1s;
  2961. -webkit-backface-visibility: hidden;
  2962. -moz-backface-visibility: hidden;
  2963. -ms-backface-visibility: hidden;
  2964. -o-backface-visibility: hidden;
  2965. backface-visibility: hidden;
  2966. -webkit-transform: perspective(600px) rotateY(180deg);
  2967. -moz-transform: perspective(600px) rotateY(180deg);
  2968. -ms-transform: perspective(600px) rotateY(180deg);
  2969. -o-transform: perspective(600px) rotateY(180deg);
  2970. transform: perspective(600px) rotateY(180deg);
  2971. }
  2972.  
  2973. .no-csstransforms3d .flip .back-side {
  2974. visibility: hidden;
  2975. }
  2976.  
  2977. .block-donations .flip:hover .front-side {
  2978. -webkit-transform: perspective(600px) rotateY(-179.9deg);
  2979. -moz-transform: perspective(600px) rotateY(-179.9deg);
  2980. -ms-transform: perspective(600px) rotateY(-179.9deg);
  2981. -o-transform: perspective(600px) rotateY(-179.9deg);
  2982. transform: perspective(600px) rotateY(-179.9deg);
  2983. }
  2984.  
  2985. .block-donations .flip:hover .back-side {
  2986. -webkit-transform: perspective(600px) rotateY(0deg);
  2987. -moz-transform: perspective(600px) rotateY(0deg);
  2988. -ms-transform: perspective(600px) rotateY(0deg);
  2989. -o-transform: perspective(600px) rotateY(0deg);
  2990. transform: perspective(600px) rotateY(0deg);
  2991. }
  2992.  
  2993. .no-csstransforms3d .flip:hover .front-side {
  2994. visibility: hidden;
  2995. }
  2996.  
  2997. .no-csstransforms3d .flip:hover .back-side {
  2998. visibility: visible;
  2999. }
  3000.  
  3001. .block-donations .post-icon {
  3002. display: block;
  3003. margin-bottom: 10px;
  3004. }
  3005.  
  3006. .block-donations .donation-message {
  3007. font-style: italic;
  3008. font-weight: 300;
  3009. font-size: 128.5%;
  3010. line-height: normal;
  3011. }
  3012.  
  3013. .block-donations .separator {
  3014. position: relative;
  3015. margin: 25px auto;
  3016. width: 50%;
  3017. height: 1px;
  3018. }
  3019.  
  3020. .block-donations .separator:before {
  3021. content: '';
  3022. position: absolute;
  3023. left: 0;
  3024. top: -2px;
  3025. width: 5px;
  3026. height: 5px;
  3027. background: inherit;
  3028. -webkit-border-radius: 50%;
  3029. -moz-border-radius: 50%;
  3030. border-radius: 50%;
  3031. }
  3032.  
  3033. .block-donations .separator:after {
  3034. content: '';
  3035. position: absolute;
  3036. right: 0;
  3037. top: -2px;
  3038. width: 5px;
  3039. height: 5px;
  3040. background: inherit;
  3041. -webkit-border-radius: 50%;
  3042. -moz-border-radius: 50%;
  3043. border-radius: 50%;
  3044. }
  3045.  
  3046. .block-donations .donation-meta .fa {
  3047. display: block;
  3048. }
  3049.  
  3050. .block-donations .donation-meta {
  3051. text-align: center;
  3052. }
  3053.  
  3054. .donation-meta {
  3055. display: table;
  3056. width: 100%;
  3057. }
  3058.  
  3059. .block-donations .donation-meta {
  3060. margin-bottom: 20px;
  3061. table-layout: fixed;
  3062. }
  3063.  
  3064. .donation-meta .donation-raised,
  3065. .donation-meta .donation-donors,
  3066. .donation-meta .donation-goal {
  3067. display: block;
  3068. vertical-align: top;
  3069. margin-bottom: 20px;
  3070. }
  3071. @media (min-width: 480px) {
  3072. .donation-meta .donation-raised,
  3073. .donation-meta .donation-donors,
  3074. .donation-meta .donation-goal {
  3075. display: table-cell;
  3076. vertical-align: top;
  3077. margin-bottom: 0;
  3078. }
  3079.  
  3080. }
  3081. .donation-meta .donation-button {
  3082. display: table-cell;
  3083. vertical-align: middle;
  3084. text-align: right;
  3085. }
  3086.  
  3087. .donation-panel .donation-meta .fa {
  3088. font-size: 200%;
  3089. }
  3090.  
  3091. .donation-panel .donation-meta .item-name {
  3092. font-size: 126%;
  3093. }
  3094.  
  3095. .donation-panel .donation-meta .item-value {
  3096. font-size: 171%;
  3097. line-height: 100%;
  3098. }
  3099.  
  3100. .donation-panel.compact-size .donation-raised,
  3101. .donation-panel.compact-size .donation-donors,
  3102. .donation-panel.compact-size .donation-goal,
  3103. .donation-panel.compact-size .donation-button {
  3104. display: block;
  3105. padding: 0 10px;
  3106. margin-bottom: 15px;
  3107. text-align: center;
  3108. }
  3109.  
  3110.  
  3111. .donation-thumbnail {
  3112. float: left;
  3113. width: 50%;
  3114. display: inline;
  3115. margin-top: 5px;
  3116. margin-right: 20px;
  3117. text-align: center;
  3118. position: relative;
  3119. }
  3120.  
  3121. @media (max-width: 767px) {
  3122. .donation-thumbnail {
  3123. float: left;
  3124. width: 100%;
  3125. margin-bottom: 20px;
  3126. }
  3127. .block-donations .media-body {
  3128. float: left;
  3129. width: 100%;
  3130. }
  3131. }
  3132.  
  3133.  
  3134. .full-size .donation-thumbnail {
  3135. width: 100%;
  3136. display: block;
  3137. }
  3138.  
  3139. .block-donations.full-size .media-body {
  3140. float: left;
  3141. width: 100%;
  3142. }
  3143.  
  3144. .donation-panel .donation-thumbnail {
  3145. margin-top: 0;
  3146. margin-bottom: 20px;
  3147. }
  3148.  
  3149. .donation-panel .donation-meta div{
  3150. text-align: center;
  3151. }
  3152. .donation-panel .donation-meta div:first-child {
  3153. text-align: left;
  3154. }
  3155. .donation-panel .donation-meta div:last-child {
  3156. text-align: right;
  3157. }
  3158. .donation-panel .donation-meta .fa {
  3159. margin-right: 4px;
  3160. }
  3161.  
  3162. @media (max-width: 520px) {
  3163. .donation-panel .donation-meta div {
  3164. text-align: center !important;
  3165. }
  3166. }
  3167.  
  3168. .donation-panel .donation-progress-panel {
  3169. display: inline-block;
  3170. vertical-align: top;
  3171. width: 100%;
  3172. }
  3173.  
  3174. .donation-button {
  3175. position: absolute;
  3176. bottom: 0;
  3177. left: 0;
  3178. width: 100%;
  3179. padding: 15px 0;
  3180. text-align: center;
  3181. }
  3182.  
  3183. .donation-button .btn {
  3184. position: relative;
  3185. z-index: 10;
  3186. }
  3187.  
  3188. .donation-button:after {
  3189. content: '';
  3190. position: absolute;
  3191. bottom: 0;
  3192. left: 0;
  3193. width: 100%;
  3194. height: 100%;
  3195. background-color: #000000;
  3196. opacity: 0.5
  3197. }
  3198.  
  3199. .donation-panel .progress {
  3200. padding: 0;
  3201. height: 8px;
  3202. margin-bottom: 12px;
  3203. }
  3204.  
  3205. .donation-progress-panel {
  3206. border-width: 1px;
  3207. border-style: solid;
  3208. border-radius: 3px;
  3209. -webkit-border-radius: 3px;
  3210. -moz-border-radius: 3px;
  3211. }
  3212.  
  3213. .donation-progress-panel .donation-meta {
  3214. margin-bottom: 0;
  3215. }
  3216.  
  3217. .donation-progress-panel .progress {
  3218. padding: 0;
  3219. height: 8px;
  3220. border: 0;
  3221. margin-bottom: 12px;
  3222. }
  3223.  
  3224. .donation-panel .item-overall {
  3225. text-align: center;
  3226. display: inline-block;
  3227. width: 100%;
  3228. margin-bottom: 14px;
  3229. text-transform: uppercase;
  3230. }
  3231.  
  3232. .donation-progress-panel .item-overall {
  3233. display: inline-block;
  3234. margin-bottom: 14px;
  3235. }
  3236.  
  3237. .donation-panel .item-name, .donation-progress-panel .item-name {
  3238. display: inline;
  3239. }
  3240.  
  3241. .donation-panel .item-value, .donation-progress-panel .item-value {
  3242. display: inline;
  3243. }
  3244.  
  3245. @media (min-width: 767px) {
  3246. .block-donations .media-body {
  3247. margin-top: 0px;
  3248. }
  3249. }
  3250.  
  3251. /* Donation meta icons */
  3252. .icon-date,
  3253. .icon-comments,
  3254. .icon-user,
  3255. .icon-tags {
  3256. margin-top: 2px;
  3257. margin-right: 5px;
  3258. }
  3259.  
  3260. .icon-user:after {
  3261. content: '\f007';
  3262. font-family: FontAwesome;
  3263. }
  3264.  
  3265. .icon-date:after {
  3266. content: '\f017';
  3267. font-family: FontAwesome;
  3268. }
  3269.  
  3270. .icon-comments:after {
  3271. content: '\f075';
  3272. font-family: FontAwesome;
  3273. }
  3274.  
  3275. .icon-tags :after {
  3276. content: '\f02c';
  3277. font-family: FontAwesome;
  3278. }
  3279.  
  3280. /* Donations end */
  3281.  
  3282. /* Progress Bar */
  3283. .progress-title {
  3284. font-weight: bold;
  3285. }
  3286.  
  3287. .progress {
  3288. padding: 0;
  3289. height: 18px;
  3290. }
  3291.  
  3292. .progress-info {
  3293. display: inline-block;
  3294. width: 100%;
  3295. height: 16px;
  3296. line-height: 16px;
  3297. text-align: center;
  3298. font-size: 12px;
  3299. }
  3300.  
  3301. .progress-compact {
  3302. display: none;
  3303. text-align: center;
  3304. border-width: 3px;
  3305. border-style: solid;
  3306. padding: 10px;
  3307. }
  3308.  
  3309. .progress-compact-size .progress-compact {
  3310. display: block;
  3311. }
  3312.  
  3313. .progress-compact-size .progress-default {
  3314. display: none;
  3315. }
  3316.  
  3317. .progress-compact-size .fa {
  3318. font-size: 48px;
  3319. }
  3320.  
  3321. .progress-compact-size .progress-value {
  3322. letter-spacing: -2px;
  3323. font-size: 48px;
  3324. float: left;
  3325. width: 100%;
  3326. padding: 10px 0 2px;
  3327. line-height: 36px;
  3328. }
  3329.  
  3330. .progress-compact-size .progress-title {
  3331. font-size: 18px;
  3332. font-weight: normal;
  3333. }
  3334. /* Progress Bar End */
  3335.  
  3336. /* Footer */
  3337.  
  3338. #footer {
  3339. padding: 25px 0 35px 0;
  3340. font-size: 13px;
  3341. }
  3342.  
  3343. #footer .widget {
  3344. margin-bottom: 30px;
  3345. }
  3346.  
  3347. /* Style Picker start */
  3348. #style-picker {
  3349. position: fixed;
  3350. left: 0;
  3351. top: 10%;
  3352. z-index: 10000;
  3353. font: 12px arial, helvetica, sans-serif;
  3354. color: #000;
  3355. width: 260px;
  3356. padding: 15px 20px 5px 20px;
  3357. background: #f3f3f3;
  3358. -webkit-transition: left 0.5s;
  3359. -moz-transition: left 0.5s;
  3360. -o-transition: left 0.5s;
  3361. transition: left 0.5s;
  3362. }
  3363.  
  3364. @media (max-width: 991px) {
  3365. #style-picker {
  3366. display: none !important;
  3367. }
  3368. }
  3369.  
  3370. @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  3371. #style-picker {
  3372. display: none !important;
  3373. }
  3374. }
  3375.  
  3376. #style-picker.closed {
  3377. left: -260px;
  3378. }
  3379.  
  3380. #style-picker .handler {
  3381. position: absolute;
  3382. right: -40px;
  3383. width: 40px;
  3384. height: 40px;
  3385. top: 0;
  3386. cursor: pointer;
  3387. text-align: center;
  3388. color: #000;
  3389. font-size: 28px;
  3390. line-height: 40px;
  3391. background: #f3f3f3;
  3392. }
  3393.  
  3394. #style-picker .handler .closed-icon {
  3395. display: none;
  3396. }
  3397.  
  3398. #style-picker.closed .closed-icon {
  3399. display: block;
  3400. }
  3401.  
  3402. #style-picker.closed .opened-icon {
  3403. display: none;
  3404. }
  3405.  
  3406. #style-picker .handler .fa {
  3407. line-height: inherit;
  3408. }
  3409.  
  3410. #style-picker .title {
  3411. margin-bottom: 15px;
  3412. font-size: 18px;
  3413. }
  3414.  
  3415. #style-picker .title small {
  3416. margin-left: 15px;
  3417. font-size: 11px;
  3418. }
  3419.  
  3420. #style-picker .title small a {
  3421. color: #0078ff;
  3422. text-decoration: underline;
  3423. }
  3424.  
  3425. #style-picker .options-title {
  3426. margin-bottom: 10px;
  3427. padding-top: 5px;
  3428. line-height: normal;
  3429. color: #808080;
  3430. border-top: 1px solid #dcdcdc;
  3431. }
  3432.  
  3433. #style-picker .options-title small {
  3434. font-size: 11px;
  3435. }
  3436.  
  3437. #style-picker .options-content {
  3438. margin: 0 0 20px 0;
  3439. }
  3440.  
  3441. #style-picker #layout-style ul {
  3442. margin: 0 -20px 0 0;
  3443. padding: 0;
  3444. list-style: none;
  3445. color: #000;
  3446. }
  3447.  
  3448. #style-picker #layout-style li {
  3449. display: inline-block;
  3450. margin: 0 5px 0 0;
  3451. }
  3452.  
  3453. #style-picker #layout-style li label {
  3454. display: inline-block;
  3455. margin: 0;
  3456. padding: 3px 15px;
  3457. cursor: pointer;
  3458. -webkit-user-select: none;
  3459. -moz-user-select: none;
  3460. user-select: none;
  3461. }
  3462.  
  3463. #style-picker #layout-style li.active label {
  3464. position: relative;
  3465. padding: 2px 14px;
  3466. cursor: default;
  3467. border: 1px solid #000;
  3468. }
  3469.  
  3470. #style-picker #layout-style li label input {
  3471. position: absolute;
  3472. width: 1px;
  3473. height: 1px;
  3474. visibility: hidden;
  3475. opacity: 0;
  3476. }
  3477.  
  3478. /* Style picker scheme colors */
  3479.  
  3480. #style-picker #theme-colors {
  3481. float: left;
  3482. width: 100%;
  3483. }
  3484.  
  3485. #style-picker #theme-colors ul {
  3486. margin: 0 -20px -16px 0;
  3487. padding: 0;
  3488. list-style: none;
  3489. }
  3490.  
  3491. #style-picker #theme-colors li {
  3492. float: left;
  3493. margin: 0 20px 0 0;
  3494. }
  3495.  
  3496. #style-picker #theme-colors li a {
  3497. display: block;
  3498. width: 60px;
  3499. height: 60px;
  3500. }
  3501.  
  3502. #style-picker #theme-colors li .color-label {
  3503. margin-bottom: 5px;
  3504. font-size: 11px;
  3505. }
  3506.  
  3507. /* Style picker patterns and images */
  3508.  
  3509. #style-picker #theme-patterns {
  3510. float: left;
  3511. width: 100%;
  3512. margin-bottom: -8px;
  3513. }
  3514.  
  3515. #style-picker #theme-patterns ul {
  3516. margin: 0 -8px 0 0;
  3517. padding: 0;
  3518. list-style: none;
  3519. }
  3520.  
  3521. #style-picker #theme-patterns li {
  3522. float: left;
  3523. position: relative;
  3524. margin: 0 8px 8px 0;
  3525. }
  3526.  
  3527. #style-picker #theme-patterns li a {
  3528. display: block;
  3529. width: 30px;
  3530. height: 30px;
  3531. background-color: #fff;
  3532. background-position: 50% 50%;
  3533. background-repeat: no-repeat;
  3534. background-attachment: scroll !important;
  3535. }
  3536.  
  3537. #style-picker #theme-patterns li.active a {
  3538. cursor: default;
  3539. }
  3540.  
  3541.  
  3542. .pattern-lines {
  3543. background: url("images/pattern-lines.png") repeat;
  3544. }
  3545.  
  3546. .pattern-big-lines {
  3547. background: url("images/pattern-big-lines.png") repeat;
  3548. }
  3549.  
  3550. .pattern-01 {
  3551. background-image: url("images/patterns/01.png");
  3552. }
  3553.  
  3554. .pattern-02 {
  3555. background-image: url("images/patterns/02.png");
  3556. }
  3557.  
  3558. .pattern-03 {
  3559. background-image: url("images/patterns/03.png");
  3560. }
  3561.  
  3562. .pattern-04 {
  3563. background-image: url("images/patterns/04.png");
  3564. }
  3565.  
  3566. .pattern-05 {
  3567. background-image: url("images/patterns/05.png");
  3568. }
  3569.  
  3570. .pattern-06 {
  3571. background-image: url("images/patterns/06.png");
  3572. }
  3573.  
  3574. .background-01,
  3575. .background-02,
  3576. .background-03,
  3577. .background-04,
  3578. .background-05,
  3579. .background-06 {
  3580. background-position: 50% 50%;
  3581. background-repeat: no-repeat;
  3582. background-attachment: fixed;
  3583. -webkit-background-size: cover;
  3584. -moz-background-size: cover;
  3585. -o-background-size: cover;
  3586. background-size: cover;
  3587. }
  3588.  
  3589. .background-01 {
  3590. background-image:url("images/backgrounds/01.jpg");
  3591. }
  3592.  
  3593. #theme-patterns .background-01 {
  3594. background-image: url("images/backgrounds/01-thumb.jpg");
  3595. }
  3596.  
  3597. .background-02 {
  3598. background-image:url("images/backgrounds/02.jpg");
  3599. }
  3600.  
  3601. #theme-patterns .background-02 {
  3602. background-image: url("images/backgrounds/02-thumb.jpg");
  3603. }
  3604.  
  3605. .background-03 {
  3606. background-image:url("images/backgrounds/03.jpg");
  3607. }
  3608.  
  3609. #theme-patterns .background-03 {
  3610. background-image: url("images/backgrounds/03-thumb.jpg");
  3611. }
  3612.  
  3613. .background-04 {
  3614. background-image:url("images/backgrounds/04.jpg");
  3615. }
  3616.  
  3617. #theme-patterns .background-04 {
  3618. background-image: url("images/backgrounds/04-thumb.jpg");
  3619. }
  3620.  
  3621. .background-05 {
  3622. background-image:url("images/backgrounds/05.jpg");
  3623. }
  3624.  
  3625. #theme-patterns .background-05 {
  3626. background-image: url("images/backgrounds/05-thumb.jpg");
  3627. }
  3628.  
  3629. .background-06 {
  3630. background-image:url("images/backgrounds/06.jpg");
  3631. }
  3632.  
  3633. #theme-patterns .background-06 {
  3634. background-image: url("images/backgrounds/06-thumb.jpg");
  3635. }
  3636.  
  3637. /* Style picker end */
  3638.  
  3639.  
  3640.  
  3641. /* Block countdown */
  3642. .block-countdown {
  3643. display: table;
  3644. width: 100%;
  3645. margin-bottom: 40px;
  3646. }
  3647.  
  3648. .block-countdown.compact-size {
  3649. display: block;
  3650. }
  3651.  
  3652. .block-countdown .countdown-image {
  3653. display: table-cell;
  3654. min-width: 180px;
  3655. width: 23.5%;
  3656. min-height: 80px;
  3657. vertical-align: middle;
  3658. background-position: 50% 50%;
  3659. background-repeat: no-repeat;
  3660. -webkit-background-size: cover;
  3661. -moz-background-size: cover;
  3662. -o-background-size: cover;
  3663. background-size: cover;
  3664. }
  3665.  
  3666. .block-countdown.compact-size .countdown-image {
  3667. display: block;
  3668. width: 100%;
  3669. min-height: 0;
  3670. }
  3671.  
  3672. .block-countdown .countdown-image img {
  3673. display: none;
  3674. }
  3675.  
  3676. .block-countdown.compact-size .countdown-image img {
  3677. display: block;
  3678. width: 100%;
  3679. }
  3680.  
  3681. .block-countdown .countdown-info {
  3682. position: relative;
  3683. display: table-cell;
  3684. vertical-align: middle;
  3685. min-height: 80px;
  3686. line-height: normal;
  3687. }
  3688.  
  3689. .block-countdown.compact-size .countdown-info {
  3690. display: block;
  3691. min-height: 0;
  3692. padding: 0 40px;
  3693. text-align: center;
  3694. border: 0;
  3695. }
  3696.  
  3697. .block-countdown .countdown-calendar {
  3698. float: left;
  3699. width: 40px;
  3700. margin: 15px 0 0 -40px;
  3701. font-size: 128.5%;
  3702. }
  3703.  
  3704. .block-countdown.compact-size .countdown-calendar {
  3705. display: block;
  3706. float: none;
  3707. width: auto;
  3708. margin: 0 0 20px;
  3709. }
  3710.  
  3711. .block-countdown .countdown-title {
  3712. display: block;
  3713. font-size: 171.5%;
  3714. font-weight: bold;
  3715. margin-top: 10px;
  3716. }
  3717.  
  3718. .block-countdown .date {
  3719. font-size: 128.5%;
  3720. line-height: 1;
  3721. width: 102px;
  3722. height: 111px;
  3723. padding-top: 35px;
  3724. display: inline-block;
  3725. background: url("images/calendar-bg.png") no-repeat 0 0;
  3726. }
  3727.  
  3728. .block-countdown .date .dd {
  3729. font-size: 150.5%;
  3730. display: block;
  3731. }
  3732.  
  3733. .block-countdown .date .mm {
  3734. font-size: 95%;
  3735. display: block;
  3736. }
  3737.  
  3738. .block-countdown .countdown-excerpt {
  3739. line-height: 24px;
  3740. }
  3741.  
  3742. .block-countdown .countdown-timer {
  3743. display: table-cell;
  3744. vertical-align: middle;
  3745. width: 23.5%;
  3746. min-width: 180px;
  3747. min-height: 80px;
  3748. padding: 10px 0 0;
  3749. }
  3750.  
  3751. .block-countdown.compact-size .countdown-timer {
  3752. display: block;
  3753. width: 60%;
  3754. min-height: 0;
  3755. margin: 0 auto
  3756. }
  3757.  
  3758. .block-countdown .countdown-label {
  3759. display: block;
  3760. margin-left: 15px;
  3761. font-weight: bold;
  3762. font-size: 12px;
  3763. color: #000;
  3764. text-transform: uppercase;
  3765. }
  3766.  
  3767. .block-countdown .countdown-label span {
  3768. padding: 0 5px;
  3769. background: #fff;
  3770. }
  3771.  
  3772. .block-countdown .countdown {
  3773. display: block;
  3774. }
  3775.  
  3776.  
  3777. @media (max-width: 767px) {
  3778. .block-countdown.full-size {
  3779. display: block;
  3780. }
  3781. .block-countdown.full-size .countdown-image {
  3782. display: block;
  3783. width: 100%;
  3784. min-height: 0;
  3785. }
  3786. .block-countdown.full-size .countdown-image img {
  3787. display: block;
  3788. width: 100%;
  3789. }
  3790. .block-countdown.full-size .countdown-info {
  3791. display: block;
  3792. min-height: 0;
  3793. border: 0;
  3794. }
  3795. .block-countdown.full-size .countdown-calendar {
  3796. position: absolute;
  3797. left: 20px;
  3798. top: 15px;
  3799. width: auto;
  3800. margin: 0;
  3801. }
  3802. .block-countdown.full-size .countdown-timer {
  3803. display: block;
  3804. width: 100%;
  3805. min-height: 0;
  3806. }
  3807. }
  3808.  
  3809. /* Shortcodes start */
  3810.  
  3811. /* jQuery Countdown styles 2.0.0. */
  3812. .is-countdown {
  3813. clear: both;
  3814. width: 100%;
  3815. }
  3816. .countdown-rtl {
  3817. direction: rtl;
  3818. }
  3819. .countdown-holding span {
  3820. color: #000;
  3821. }
  3822. .countdown-row {
  3823. text-align: center;
  3824. line-height: 1;
  3825. }
  3826. .countdown-show1 .countdown-section {
  3827. width: 98%;
  3828. }
  3829. .countdown-show2 .countdown-section {
  3830. width: 48%;
  3831. }
  3832. .countdown-show3 .countdown-section {
  3833. width: 32.5%;
  3834. }
  3835. .countdown-show4 .countdown-section {
  3836. width: 24.5%;
  3837. }
  3838. .countdown-show5 .countdown-section {
  3839. width: 19.5%;
  3840. }
  3841. .countdown-show6 .countdown-section {
  3842. width: 16.25%;
  3843. }
  3844. .countdown-show7 .countdown-section {
  3845. width: 14%;
  3846. }
  3847. .countdown-timer-event {
  3848. text-align: center;
  3849. }
  3850. .countdown-timer-event .countdown-section {
  3851. float: none;
  3852. display: inline-block;
  3853. background: #00a0d1;
  3854. width: 130px;
  3855. height: 130px;
  3856. margin: 20px 5% 0;
  3857. padding-top: 22px;
  3858. border: 5px solid #ffc600;
  3859. border-radius: 50%;
  3860. -webkit-border-radius: 50%;
  3861. -moz-border-radius: 50%;
  3862. }
  3863. .countdown-section {
  3864. display: block;
  3865. position: relative;
  3866. float: left;
  3867. text-align: center;
  3868. }
  3869.  
  3870. .block-countdown.compact-size .countdown-timer {
  3871. display: none;
  3872. }
  3873.  
  3874. @media (min-width: 940px) {
  3875. .block-countdown.compact-size .countdown-info {
  3876. padding: 0;
  3877. }
  3878.  
  3879. .block-countdown.compact-size .countdown-timer {
  3880. display: block;
  3881. width: 100%;
  3882. min-height: 0;
  3883. }
  3884. .countdown-section:before {
  3885. content: '';
  3886. position: absolute;
  3887. left: -78%;
  3888. top: 50px;
  3889. width: 68%;
  3890. height: 1px;
  3891. background: #ffc600;
  3892. }
  3893.  
  3894. .countdown-section:after {
  3895. content: '';
  3896. position: absolute;
  3897. left: -76%;
  3898. top: 60px;
  3899. width: 65%;
  3900. height: 1px;
  3901. background: #ffc600;
  3902. }
  3903.  
  3904. .countdown-amount:after {
  3905. content: '';
  3906. position: absolute;
  3907. left: -78%;
  3908. top: 70px;
  3909. width: 68%;
  3910. height: 1px;
  3911. background: #ffc600;
  3912. }
  3913. }
  3914.  
  3915. .countdown-section:first-child:before {
  3916. background: none;
  3917. }
  3918. .countdown-section:first-child:after {
  3919. background: none;
  3920. }
  3921.  
  3922. .countdown-section:first-child .countdown-amount:after {
  3923. background: none;
  3924. }
  3925.  
  3926. .countdown-amount {
  3927. display: block;
  3928. font-size: 48px;
  3929. font-weight: bold;
  3930. padding-bottom: 6px;
  3931. }
  3932. .countdown-period {
  3933. display: block;
  3934. font-size: 14px;
  3935. text-transform: uppercase;
  3936. }
  3937. .countdown-descr {
  3938. display: block;
  3939. width: 100%;
  3940. }
  3941.  
  3942. /* Blockquote */
  3943.  
  3944. .media-quote {
  3945. margin-bottom: 20px;
  3946. }
  3947.  
  3948. blockquote:before {
  3949. top: -14px;
  3950. content: "\f10e";
  3951. font-size: 48px;
  3952. line-height: 88px;
  3953. color: #ffc600 !important;
  3954. }
  3955.  
  3956. .media-quote blockquote {
  3957. padding-left: 20px;
  3958. }
  3959.  
  3960. .media-quote blockquote:before {
  3961. content: "";
  3962. }
  3963.  
  3964. .media-quote .media-body {
  3965. border-left: 6px solid #e1e1e1;
  3966. margin-left: 20px;
  3967. }
  3968.  
  3969. .media-quote .author-info {
  3970. margin-left: 20px;
  3971. }
  3972.  
  3973. .media-quote .author-info .author-info-name, .media-quote .author-info .author-info-position{
  3974. display: inline;
  3975. padding-right: 5px;
  3976. }
  3977.  
  3978. /* Block charts */
  3979.  
  3980. .block-stats>h3, .block-stats>.h3 {
  3981. margin-top: 0;
  3982. }
  3983.  
  3984. /* jQuery easyPieChart styles */
  3985.  
  3986. .easyPieChart {
  3987. position: relative;
  3988. float: left;
  3989. margin: 0 10px 20px 0;
  3990. text-align: center;
  3991. font-size: 18px;
  3992. line-height: normal;
  3993. }
  3994.  
  3995. .easyPieChart canvas {
  3996. vertical-align: top;
  3997. }
  3998.  
  3999. .easyPieChart .percent-wrapper {
  4000. position: absolute;
  4001. left: 0;
  4002. top: 0;
  4003. width: 100%;
  4004. height: 100%;
  4005. }
  4006.  
  4007. .easyPieChart .percent-content {
  4008. display: table;
  4009. width: 100%;
  4010. height: 100%;
  4011. }
  4012.  
  4013. .easyPieChart .percent {
  4014. display: table-cell;
  4015. vertical-align: middle;
  4016. }
  4017.  
  4018. .chart-title {
  4019. font-weight: bold;
  4020. }
  4021.  
  4022. .chart-text {
  4023. margin-bottom: 20px;
  4024. }
  4025.  
  4026. /* Media Gallery */
  4027. .portfolio_item {
  4028. margin: 0;
  4029. position: relative;
  4030. overflow: hidden;
  4031. line-height: 0;
  4032. width: 100%;
  4033. padding: 0;
  4034. line-height:0;
  4035. z-index:5;
  4036. }
  4037.  
  4038. .portfolio_item .portfolio_image {
  4039. overflow: hidden;
  4040. display: block;
  4041. position: relative;
  4042. }
  4043.  
  4044. .portfolio_item .portfolio_image img {
  4045. width: 100%;
  4046. height: auto;
  4047. position: relative;
  4048. }
  4049.  
  4050. .portfolio_item > a img {
  4051. -moz-transform: scale(1);
  4052. -webkit-transform: scale(1);
  4053. -o-transform: scale(1);
  4054. -ms-transform: scale(1);
  4055. transform: scale(1);
  4056. -webkit-transition: all 0.3s ease-in-out;
  4057. -moz-transition: all 0.3s ease-in-out;
  4058. -o-transition: all 0.3s ease-in-out;
  4059. -ms-transition: all 0.3s ease-in-out;
  4060. transition: all 0.3s ease-in-out;
  4061. }
  4062.  
  4063. .portfolio_item > a:hover img {
  4064. -moz-transform: scale(1.3);
  4065. -webkit-transform: scale(1.3);
  4066. -o-transform: scale(1.3);
  4067. -ms-transform: scale(1.3);
  4068. transform: scale(1.3);
  4069. -webkit-transition: all 0.3s ease-in-out;
  4070. -moz-transition: all 0.3s ease-in-out;
  4071. -o-transition: all 0.3s ease-in-out;
  4072. -ms-transition: all 0.3s ease-in-out;
  4073. transition: all 0.3s ease-in-out;
  4074. }
  4075.  
  4076. .portfolio_item a:hover .portfolio_overlay .thumb_info {
  4077. opacity: 1;
  4078. -moz-opacity: 1;
  4079. filter: alpha(opacity=100);
  4080. -webkit-transform: scale(1);
  4081. -moz-transform: scale(1);
  4082. -o-transform: scale(1);
  4083. -ms-transform: scale(1);
  4084. transform: scale(1);
  4085. }
  4086.  
  4087. .media-gallery {
  4088. margin-bottom: -20px;
  4089. }
  4090.  
  4091. .media-gallery .row {
  4092. border-top: 1px solid #eaebec;
  4093. padding-top: 30px;
  4094. }
  4095.  
  4096. .media-gallery .row:first-child {
  4097. border-top: none;
  4098. padding-top: 0;
  4099. }
  4100.  
  4101. .dslc-tp-content .media-gallery {
  4102. margin-top: 20px;
  4103. margin-bottom: 0;
  4104. }
  4105.  
  4106. .media-gallery a {
  4107. position: relative;
  4108. margin-bottom: 20px;
  4109. display: block;
  4110. }
  4111.  
  4112. .media-gallery a .media-item {
  4113. display: block;
  4114. text-align: center;
  4115. }
  4116.  
  4117. .media-gallery a .media-overlay {
  4118. position: absolute;
  4119. left: 0;
  4120. top: 0;
  4121. right: 0;
  4122. bottom: 0;
  4123. text-align: center;
  4124. line-height: 100%;
  4125. opacity: 0;
  4126. background: rgba(0,0,0,0.4);
  4127. -webkit-transition: opacity 0.2s;
  4128. -moz-transition: opacity 0.2s;
  4129. -o-transition: opacity 0.2s;
  4130. transition: opacity 0.2s;
  4131. }
  4132.  
  4133. .media-gallery a:hover {
  4134. color: #fff;
  4135. }
  4136.  
  4137. .media-gallery a:hover .media-overlay {
  4138. opacity: 1;
  4139. }
  4140.  
  4141. .media-gallery a .media-overlay .media-icon {
  4142. display: table;
  4143. width: 100%;
  4144. height: 100%;
  4145. }
  4146.  
  4147. .media-gallery a .media-overlay .media-icon .font-icon {
  4148. display: table-cell;
  4149. vertical-align: middle;
  4150. }
  4151.  
  4152. /* Comments */
  4153.  
  4154. #respond {
  4155. padding-bottom: 25px;
  4156. }
  4157.  
  4158. /* #comments {
  4159. margin-top: 20px;
  4160. } */
  4161.  
  4162. #comments h2 {
  4163. margin-top: 0;
  4164. }
  4165.  
  4166. #comments h2 span {
  4167. color: #ffc600;
  4168. }
  4169.  
  4170. #comments .comments-wrapper {
  4171. background: #f7f7f7;
  4172. margin-bottom: -50px;
  4173. padding-bottom: 50px;
  4174. border-top: 2px solid #f2f2f2;
  4175. }
  4176.  
  4177. #comments .form-allowed-tags {
  4178. display: none;
  4179. }
  4180.  
  4181. #comments #respond #reply-title {
  4182. position: relative;
  4183. }
  4184.  
  4185. #comments #respond #reply-title:after {
  4186. content: "\f0a1";
  4187. font-family: FontAwesome;
  4188. }
  4189.  
  4190. #comments h2 {
  4191. margin-bottom: 25px;
  4192. font-size: 128.5%;
  4193. font-weight: normal;
  4194. }
  4195.  
  4196. #comments .comments-form {
  4197. float: left;
  4198. width: 700px;
  4199. margin-bottom: 20px;
  4200. padding-top: 40px;
  4201. }
  4202.  
  4203. @media (max-width: 767px) {
  4204. #comments .comments-form {
  4205. width: auto;
  4206. }
  4207. }
  4208.  
  4209. #comments .comments-form h3#reply-title {
  4210. display: none;
  4211. }
  4212.  
  4213. #comments .count {
  4214. margin-left: 10px;
  4215. }
  4216.  
  4217. #comments .count:before {
  4218. content: "\f0e6\a0";
  4219. font-family: FontAwesome;
  4220. }
  4221.  
  4222. #comments .media-list {
  4223. padding: 0;
  4224. margin: 0 0 20px 0;
  4225. }
  4226.  
  4227. #comments .pull-right {
  4228. margin-left: 20px;
  4229. }
  4230.  
  4231. #comments .avatar {
  4232. border-bottom: 5px solid #00a0d1;
  4233. margin-top: 5px;
  4234. }
  4235.  
  4236. #comments .media-list .media {
  4237. overflow: visible;
  4238. margin-top: 15px !important;
  4239. padding-top: 25px;
  4240. border-top: 1px solid #e7e7e7;
  4241. }
  4242.  
  4243. #comments .comments-wrapper .container>.media-list>li.comment:first-child {
  4244. margin-top: 0 !important;
  4245. border-top: 0;
  4246. }
  4247. #comments .media-list .media .media-body {
  4248. margin: 0 100px 0 0;
  4249. padding: 0;
  4250. overflow: visible;
  4251. }
  4252.  
  4253. #comments .media-list .media .media-body:after {
  4254. content: '';
  4255. display: block;
  4256. clear: both;
  4257. height: 0;
  4258. }
  4259.  
  4260. #comments .media-list .media .media-body .media-heading {
  4261. margin-bottom: 10px;
  4262. }
  4263.  
  4264. #comments .media-list .media .media-body .media-heading .fn {
  4265. margin-right: 5px;
  4266. font-size: 14px;
  4267. text-transform: uppercase;
  4268. color: #00a0d1;
  4269. }
  4270.  
  4271. #comments .media-list .media .media-body .media-heading .fn a {
  4272. color: #bb143f;
  4273. }
  4274.  
  4275. #comments .media-list .media .media-body .media-heading time {
  4276. color: #99a3aa;
  4277. font-size: 12px;
  4278. }
  4279.  
  4280. #comments .media-list .children {
  4281. clear: both;
  4282. padding: 1px 0 0 0;
  4283. margin-right: -100px;
  4284. margin-left: 20px;
  4285. list-style: none;
  4286. }
  4287.  
  4288. #comments .form-submit {
  4289. text-align: right;
  4290. }
  4291.  
  4292. #comments .form-control {
  4293. padding-left: 35px;
  4294. -webkit-border-radius: 3px;
  4295. -moz-border-radius: 3px;
  4296. border-radius: 3px;
  4297. }
  4298.  
  4299. #comments textarea.form-control {
  4300. padding-left: 10px;
  4301. }
  4302.  
  4303. #comments .form-control:focus {
  4304. border-color: #00a0d1;
  4305. }
  4306.  
  4307. #comments .icon {
  4308. position: absolute;
  4309. bottom: 8px;
  4310. left: 20px;
  4311. font-size: 17px;
  4312. color: #ffc600;
  4313. }
  4314.  
  4315. /* Block pricing */
  4316.  
  4317. .block-pricing .panel-heading {
  4318. padding: 0;
  4319. border: 0;
  4320. }
  4321.  
  4322. .block-pricing .panel {
  4323. text-align: center;
  4324. margin-bottom: 0;
  4325. border: 1px solid #eeeeee;
  4326. }
  4327.  
  4328. .block-pricing .panel-footer {
  4329. padding-bottom: 20px;
  4330. border: 1px solid #eeeeee;
  4331. }
  4332.  
  4333. .block-pricing .panel-heading .post-title {
  4334. font-weight: normal;
  4335. padding: 30px 0;
  4336. font-size: 128.5%;
  4337. background-color: #00a0d1;
  4338. border-bottom-style: solid;
  4339. border-bottom-width: 3px;
  4340. border-bottom-color: #ffffff;
  4341. color: #ffffff;
  4342. }
  4343.  
  4344. .block-pricing .panel-heading .price {
  4345. font-size: 36px;
  4346. font-weight: normal;
  4347. background-color: #eeeeee;
  4348. }
  4349.  
  4350. .block-pricing .panel .table span.fa {
  4351. float: left;
  4352. margin: 4px 0 0 5px;
  4353. }
  4354.  
  4355. .block-pricing .panel-primary > .table,
  4356. .block-pricing .panel-success > .table {
  4357. background-color: transparent !important;
  4358. }
  4359.  
  4360. .block-pricing .panel-primary > .table td,
  4361. .block-pricing .panel-success > .table td {
  4362. border-color: #e7e7e7 !important;
  4363. }
  4364.  
  4365. .block-pricing .panel-primary,
  4366. .block-pricing .panel-success {
  4367. color: inherit !important;
  4368. }
  4369.  
  4370. .block-pricing .panel-primary .panel-heading .price,
  4371. .block-pricing .panel-success .panel-heading .price {
  4372. background-color: #c3c3c3;
  4373. color: #ffffff;
  4374. }
  4375.  
  4376. .block-pricing .panel-primary .panel-heading .post-title {
  4377. background-color: #ffc600;
  4378. }
  4379.  
  4380. .block-pricing .panel-success .panel-heading .post-title {
  4381. background-color: #774a9f;
  4382. }
  4383.  
  4384. /* Slider revolution prev/next arrows customization */
  4385. .tp-leftarrow.default {
  4386. background: none;
  4387. height: auto;
  4388. width: auto;
  4389. text-align: left;
  4390. }
  4391.  
  4392. .tp-leftarrow.default:before {
  4393. content: '\f104';
  4394. font-family: FontAwesome;
  4395. font-size: 54px;
  4396. color: #fff;
  4397. }
  4398.  
  4399. .tp-rightarrow.default {
  4400. background: none;
  4401. height: auto;
  4402. width: auto;
  4403. text-align: right;
  4404. }
  4405.  
  4406. .tp-rightarrow.default:before {
  4407. content: '\f105';
  4408. font-family: FontAwesome;
  4409. font-size: 54px;
  4410. color: #fff;
  4411. }
  4412.  
  4413. .tp-bullets.simplebullets.round .bullet {
  4414. cursor: pointer;
  4415. float: left;
  4416. height: 7px;
  4417. margin-left: 13px;
  4418. margin-right: 0;
  4419. margin-top: 0;
  4420. position: relative;
  4421. width: 7px;
  4422. -webkit-border-radius: 50%;
  4423. -moz-border-radius: 50%;
  4424. border-radius: 50%;
  4425. background: #ffffff;
  4426. }
  4427.  
  4428. .tp-bullets.simplebullets.round .bullet.selected {
  4429. background: #ffc600;
  4430. }
  4431.  
  4432. /* Block requests */
  4433. .block-requests .type-stm_request {
  4434. margin-bottom: 20px;
  4435. padding-left: 18px;
  4436. position: relative;
  4437. }
  4438.  
  4439. .block-requests .type-stm_request:before {
  4440. content: '\f06d';
  4441. position: absolute;
  4442. left: 0;
  4443. top: 0;
  4444. font-family: FontAwesome;
  4445. color: #bb143f;
  4446. }
  4447.  
  4448. .block-requests .type-stm_request .request-meta .request-author {
  4449. display: block;
  4450. font-weight: normal;
  4451. }
  4452.  
  4453. .block-requests .type-stm_request .request-meta .post-date {
  4454. display: inline-block;
  4455. margin-right: 15px;
  4456. }
  4457.  
  4458. /* Contact form 7 */
  4459. .wpcf7-form p {
  4460. margin-bottom: 20px;
  4461. }
  4462.  
  4463. /* Carousel slide */
  4464. .carousel.slide .carousel-control.left span, .carousel.slide .carousel-control.right span {
  4465. position: absolute;
  4466. z-index: 5;
  4467. top: 50%;
  4468. }
  4469.  
  4470. .carousel.slide .carousel-caption,
  4471. .carousel.slide .carousel-indicators {
  4472. display: none;
  4473. }
  4474.  
  4475. .carousel.slide .carousel-inner > .item {
  4476. padding: 0 50px;
  4477. }
  4478.  
  4479. .carousel.slide .carousel-control {
  4480. color: #01a0d1;
  4481. opacity: 1;
  4482. width: 20px;
  4483. text-shadow: none;
  4484. background: none;
  4485. }
  4486.  
  4487. .carousel.slide .carousel-control:hover,
  4488. .carousel.slide .carousel-control:focus {
  4489. outline: none;
  4490. color: #01a0d1;
  4491. text-decoration: none;
  4492. background: none;
  4493. opacity: 1;
  4494. filter: none;
  4495. }
  4496.  
  4497. .gallery-post {
  4498. border-top: 1px solid #eaebec;
  4499. padding-top: 12px;
  4500. }
  4501.  
  4502. .gallery-post h3 {
  4503. font-size: 18px;
  4504. font-weight: 500;
  4505. margin-bottom: 15px;
  4506. }
  4507.  
  4508. .prev_carousel_post,
  4509. .next_carousel_post {
  4510. float: left;
  4511. width: 100%;
  4512. }
  4513.  
  4514. .next_carousel_post {
  4515. text-align: right;
  4516. }
  4517.  
  4518. .prev_carousel_post a,
  4519. .next_carousel_post a {
  4520. display: block;
  4521. padding: 20px;
  4522. border: 1px solid #eaebec;
  4523. vertical-align: top;
  4524. }
  4525.  
  4526. .prev_carousel_post a:after,
  4527. .next_carousel_post a:after {
  4528. content: '';
  4529. display: table;
  4530. clear: both;
  4531. }
  4532.  
  4533. .prev_carousel_post .post-thumbnail {
  4534. width: 25% !important;
  4535. float: left !important;
  4536. display: inline;
  4537. margin-right: 20px;
  4538. }
  4539.  
  4540. .next_carousel_post .post-thumbnail {
  4541. width: 25% !important;
  4542. float: right !important;
  4543. display: inline;
  4544. margin-left: 20px;
  4545. }
  4546.  
  4547.  
  4548. /* Audio player */
  4549. .audio-player {
  4550. padding: 9px;
  4551. margin-bottom: 20px;
  4552. border: 1px solid #ddd;
  4553. }
  4554.  
  4555. .audio-player .audio-controls {
  4556. float: left;
  4557. margin-right: 20px;
  4558. white-space: nowrap;
  4559. }
  4560.  
  4561. .audio-player .audio-volumes {
  4562. float: right;
  4563. margin-left: 20px;
  4564. white-space: nowrap;
  4565. }
  4566.  
  4567. .audio-player .audio-bar {
  4568. overflow: hidden;
  4569. height: 24px;
  4570. padding-top: 2px;
  4571. }
  4572.  
  4573. .audio-player .audio-bar .bars {
  4574. position: relative;
  4575. height: 30px;
  4576. }
  4577.  
  4578. .audio-player .audio-bar .progress {
  4579. position: absolute;
  4580. left: 0;
  4581. top: 0;
  4582. width: 100%;
  4583. height: 1.45em;
  4584. background: transparent;
  4585. }
  4586.  
  4587. .audio-player .audio-volumes .progress {
  4588. display: inline-block;
  4589. vertical-align: top;
  4590. width: 100px;
  4591. height: 1.45em;
  4592. margin: 2px 0 0 5px;
  4593. }
  4594.  
  4595. .audio-player .audio-bar .bars .audio-current-time {
  4596. padding-left: 10px;
  4597. text-align: left;
  4598. font-size: 134%;
  4599. line-height: 18px;
  4600. color: #000;
  4601. }
  4602.  
  4603. /* Prayer center */
  4604. .block-request-center {
  4605. margin-bottom: 30px;
  4606. }
  4607.  
  4608. .block-request-center .h3 {
  4609. margin-top: 0;
  4610. }
  4611.  
  4612. @media (min-width: 768px) {
  4613. .block-request-center .request-form {
  4614. background: url("images/hands.png") no-repeat 100% 0;
  4615. }
  4616. }
  4617.  
  4618. @media (min-width: 992px) {
  4619. .block-request-center .request-form {
  4620. padding-right: 180px;
  4621. }
  4622. }
  4623.  
  4624. #calendar {
  4625. margin: 110px 0 50px;
  4626. }
  4627.  
  4628. /* Block info */
  4629. .block-info {
  4630. display: table;
  4631. width: 100%;
  4632. position: relative;
  4633. z-index: 100;
  4634. }
  4635.  
  4636. .block-info .block-info-icon {
  4637. display: table-cell;
  4638. width: 1%;
  4639. vertical-align: middle;
  4640. }
  4641.  
  4642. .block-info .block-info-description {
  4643. display: table-cell;
  4644. vertical-align: middle;
  4645. }
  4646.  
  4647. .block-info .block-info-content {
  4648. float: left;
  4649. width: 70%;
  4650. vertical-align: middle;
  4651. }
  4652.  
  4653. .block-info .block-info-button {
  4654. float: right;
  4655. display: inline;
  4656. vertical-align: middle;
  4657. }
  4658.  
  4659. .full-size .sermon-content {
  4660. padding: 20px;
  4661. text-align: center;
  4662. border: 1px solid #eaebec;
  4663. background-color: #f9f9f9;
  4664. }
  4665.  
  4666. @media (max-width: 768px) {
  4667. .block-info-content {
  4668. font-size: 90% !important;
  4669. }
  4670.  
  4671. .block-info-icon {
  4672. font-size: 200% !important;
  4673. }
  4674.  
  4675. .block-info-description .btn {
  4676. font-size: 70% !important;
  4677. }
  4678. }
  4679.  
  4680. @media (max-width: 768px) {
  4681. .block-info .block-info-icon {
  4682. padding: 0 5px !important;
  4683. }
  4684.  
  4685. .block-info .block-info-button {
  4686. width: 100% !important;
  4687. }
  4688. }
  4689.  
  4690. @media (min-width: 767px) {
  4691. .post-list .post-thumbnail {
  4692. float: left;
  4693. }
  4694.  
  4695. .full-size .post-list .sermon-post-thumbnail {
  4696. margin-left: -90px;
  4697. margin-top: 20px;
  4698. }
  4699.  
  4700. .full-size .sermon-content {
  4701. text-align: left;
  4702. margin-left:70px;
  4703. }
  4704.  
  4705. .full-size .sermon-body.stacked .sermon-media.compact-size {
  4706. float: left;
  4707. }
  4708. }
  4709.  
  4710. @media (max-width: 767px) {
  4711. .block-info {
  4712. display: block;
  4713. width: auto;
  4714. text-align: center;
  4715. }
  4716. .block-info .block-info-icon {
  4717. display: block;
  4718. width: auto;
  4719. }
  4720. .block-info .block-info-content {
  4721. display: block;
  4722. width: auto;
  4723. padding: 5px 0 15px 0;
  4724. }
  4725. .block-info .block-info-button {
  4726. display: block;
  4727. width: auto;
  4728. }
  4729. }
  4730.  
  4731. /* Block video */
  4732.  
  4733. .block-video>h3, .block-video>.h3 {
  4734. margin-top: 0;
  4735. }
  4736.  
  4737. .block-video .video-wrapper {
  4738. position:relative;
  4739. width: 100%;
  4740. height: 0px !important;
  4741. padding-bottom: 56.25%;
  4742. }
  4743.  
  4744. .video-wrapper iframe {
  4745. width: 100% !important;
  4746. height: 100% !important;
  4747. }
  4748.  
  4749. .sermon-video .video-wrapper {
  4750. height: 350px;
  4751. }
  4752.  
  4753. .block-video .video-wrapper iframe, .block-video .video-wrapper object {
  4754. position: absolute;
  4755. width: 100%;
  4756. height: 100%;
  4757. }
  4758.  
  4759. body.dslc-res-phone .dslc-col {
  4760. margin-bottom: 0;
  4761. }
  4762.  
  4763. @media (max-width: 767px) {
  4764. .block-video {
  4765. padding: 0 10px !important;
  4766. }
  4767. }
  4768.  
  4769. /* Block map */
  4770. .gm-style img {
  4771. max-width: none;
  4772. }
  4773.  
  4774. /* Transition effects */
  4775. .animated {
  4776. visibility: hidden;
  4777. }
  4778.  
  4779. .animated.start-animation {
  4780. visibility: visible !important;
  4781. }
  4782.  
  4783.  
  4784. /* Block quote */
  4785.  
  4786. .block-quote {
  4787. position: relative;
  4788. width: 100%;
  4789. text-align: left;
  4790. }
  4791.  
  4792. .block-quote.has-decor .block-quote-wrap {
  4793. display: table;
  4794. }
  4795.  
  4796. .block-quote .block-quote-content {
  4797. display: table-cell;
  4798. padding-bottom: 8px;
  4799. }
  4800.  
  4801. .block-quote .block-quote-subtext {
  4802. margin: 0;
  4803. }
  4804.  
  4805. .block-quote .block-quote-left-decor {
  4806. display: none;
  4807. width: 100px;
  4808. background: url("images/spica-left.png") no-repeat 50% 50%;
  4809. }
  4810.  
  4811. .block-quote .block-quote-right-decor {
  4812. display: none;
  4813. width: 100px;
  4814. background: url("images/spica-right.png") no-repeat 50% 50%;
  4815. }
  4816.  
  4817. .block-quote.has-decor .block-quote-left-decor,
  4818. .block-quote.has-decor .block-quote-right-decor {
  4819. display: table-cell;
  4820. }
  4821.  
  4822. @media (max-width: 767px) {
  4823. .block-quote .block-quote-left-decor,
  4824. .block-quote .block-quote-right-decor {
  4825. display: none;
  4826. }
  4827.  
  4828. .block-quote-content {
  4829. font-size: 16px !important;
  4830. }
  4831. }
  4832.  
  4833. @media (max-width: 568px) {
  4834. .block-quote-content {
  4835. font-size: 14px !important;
  4836. width: 400px;
  4837. }
  4838. }
  4839.  
  4840. /* Tabs */
  4841. /* Tabs Vertical */
  4842. .tab-vertical:after {
  4843. content: '';
  4844. display: table;
  4845. clear: both;
  4846. }
  4847.  
  4848. .tab-vertical .nav-tabs {
  4849. float: left;
  4850. display: inline;
  4851. border-bottom: 0;
  4852. border-top: 0;
  4853. position: relative;
  4854. }
  4855.  
  4856. .tab-vertical .nav-tabs:after {
  4857. content: '';
  4858. display: block;
  4859. position: absolute;
  4860. top: 0;
  4861. right: -1px;
  4862. width: 1px;
  4863. height: 100%;
  4864. background: #eaebec;
  4865. }
  4866.  
  4867. .tab-vertical .nav-tabs li {
  4868. float: none;
  4869. }
  4870.  
  4871. .tab-vertical .nav-tabs li a {
  4872. border-top: 1px solid #eaebec;
  4873. margin: 0;
  4874. }
  4875.  
  4876. .tab-vertical .nav-tabs li:first-child a {
  4877. border-top: 0;
  4878. padding-top: 11px;
  4879. }
  4880.  
  4881. .tab-vertical .nav-tabs li.active a,
  4882. .tab-vertical .nav-tabs li.active a:hover {
  4883. border-right: 0;
  4884. padding-left: 18px;
  4885. border-left: 3px solid #ffc600;
  4886. }
  4887.  
  4888. .tab-vertical .nav-tabs > li.active:first-child > a,
  4889. .tab-vertical .nav-tabs > li.active:first-child > a:hover,
  4890. .tab-vertical .nav-tabs > li.active:first-child > a:focus {
  4891. border-top: 0;
  4892. border-left: 3px solid #ffc600;
  4893. padding-top: 11px;
  4894. padding-left: 18px;
  4895. padding-bottom: 10px;
  4896. }
  4897.  
  4898. .tab-vertical .nav-tabs > li.active a:before {
  4899. display: none;
  4900. }
  4901.  
  4902. .tab-vertical .tab-content {
  4903. overflow: hidden;
  4904. }
  4905.  
  4906. .tab-vertical .tab-content > .tab-pane {
  4907. border: 0;
  4908. padding: 0 20px;
  4909. border-left: 1px solid #e7e7e7;
  4910. }
  4911. /* Tabs Vertical End */
  4912.  
  4913. /* Tabs Vertical Icons */
  4914. .tab-vertical.icons .nav-tabs li.active a:after {
  4915. content: '';
  4916. display: block;
  4917. position: absolute;
  4918. top: 0;
  4919. right: -1px;
  4920. width: 1px;
  4921. height: 100%;
  4922. background: #ffffff;
  4923. z-index: 1;
  4924. }
  4925.  
  4926. .tab-vertical.icons .nav-tabs li:first-child a {
  4927. padding-top: 10px;
  4928. border-top: 1px solid #e7e7e7;
  4929. }
  4930.  
  4931. .tab-vertical.icons .nav-tabs > li.active a,
  4932. .tab-vertical.icons .nav-tabs > li.active > a:hover,
  4933. .tab-vertical.icons .nav-tabs > li.active > a:focus {
  4934. border-left: 3px solid #555555;
  4935. border-top: 1px solid #e7e7e7;
  4936. padding-top: 10px;
  4937. padding-bottom: 10px;
  4938. padding-left: 18px;
  4939. }
  4940.  
  4941. .tab-vertical.icons .nav-tabs > li.active:last-child > a,
  4942. .tab-vertical.icons .nav-tabs > li.active:last-child > a:hover,
  4943. .tab-vertical.icons .nav-tabs > li.active:last-child > a:focus {
  4944. border-bottom: 1px solid #eaebec;
  4945. }
  4946.  
  4947. .tab-vertical.icons .tab-content > .tab-pane {
  4948. padding: 20px;
  4949. border: 1px solid #e7e7e7;
  4950. }
  4951. /* Tabs Vertical Icons End */
  4952.  
  4953. /* Tabs Default */
  4954. .nav-tabs {
  4955. border-top: 1px solid #e7e7e7;
  4956. border-bottom: 0;
  4957. margin-bottom: 10px;
  4958. }
  4959.  
  4960. .nav-tabs > li a {
  4961. position: relative;
  4962. padding: 10px 20px;
  4963. }
  4964.  
  4965. .nav-tabs > li.active a:before {
  4966. content: '';
  4967. position: absolute;
  4968. top: -2px;
  4969. left: 0;
  4970. width: 100%;
  4971. height: 3px;
  4972. background-color: #ffc600;
  4973. }
  4974.  
  4975. .nav-tabs > li.active:first-child > a,
  4976. .nav-tabs > li.active:first-child > a:hover,
  4977. .nav-tabs > li.active:first-child > a:focus {
  4978. border-left: 0;
  4979. padding-left: 21px;
  4980. }
  4981.  
  4982. .tab-content {
  4983. overflow: hidden;
  4984. }
  4985.  
  4986. .tab-content > .tab-pane {
  4987. border: 0;
  4988. padding-top: 0;
  4989. }
  4990. /* Tabs Default End */
  4991.  
  4992.  
  4993. /* Tabs Stacked */
  4994. .nav-tabs.nav-stacked {
  4995. float: left;
  4996. display: inline;
  4997. border-bottom: 0;
  4998. border-top: 0;
  4999. position: relative;
  5000. }
  5001.  
  5002. .nav-tabs.nav-stacked:after {
  5003. content: '';
  5004. display: block;
  5005. position: absolute;
  5006. top: 0;
  5007. right: -1px;
  5008. width: 1px;
  5009. height: 100%;
  5010. background: #eaebec;
  5011. }
  5012.  
  5013. .nav-tabs.nav-stacked li a {
  5014. border-top: 1px solid #eaebec;
  5015. }
  5016.  
  5017. .nav-tabs.nav-stacked li:first-child a {
  5018. border-top: 0;
  5019. }
  5020.  
  5021.  
  5022. .nav-tabs.nav-stacked li.active a,
  5023. .nav-tabs.nav-stacked li.active a:hover {
  5024. border-right: 0;
  5025. padding-left: 18px;
  5026. padding-top: 10px;
  5027. padding-bottom: 11px;
  5028. border-left: 3px solid #ffc600;
  5029. border-bottom: 0;
  5030. }
  5031.  
  5032. .nav-tabs.nav-stacked > li.active:first-child > a,
  5033. .nav-tabs.nav-stacked > li.active:first-child > a:hover,
  5034. .nav-tabs.nav-stacked > li.active:first-child > a:focus {
  5035. border-top: 0;
  5036. border-left: 3px solid #ffc600;
  5037. padding-top: 10px;
  5038. padding-bottom: 11px;
  5039. padding-left: 18px;
  5040. }
  5041.  
  5042. .nav-tabs.nav-stacked > li.active a:before {
  5043. display: none;
  5044. }
  5045.  
  5046. @media (max-width: 767px) {
  5047. .nav-tabs.nav-stacked {
  5048. width: 30%;
  5049. }
  5050.  
  5051. .nav-tabs > li a {
  5052. padding-left: 10px;
  5053. }
  5054.  
  5055. .nav-tabs.nav-stacked li.active a,
  5056. .nav-tabs.nav-stacked li.active a:hover {
  5057. padding-left: 8px;
  5058. }
  5059.  
  5060. .nav-tabs.nav-stacked > li.active:first-child > a,
  5061. .nav-tabs.nav-stacked > li.active:first-child > a:hover,
  5062. .nav-tabs.nav-stacked > li.active:first-child > a:focus {
  5063. padding-left: 8px;
  5064. }
  5065. }
  5066. /* Tabs Stacked End */
  5067.  
  5068. /* Alerts */
  5069. .alert-box {
  5070. display: table;
  5071. width: 100%;
  5072. margin-bottom: 20px;
  5073. border-width: 1px;
  5074. border-style: solid;
  5075. border-color: transparent;
  5076. padding: 15px;
  5077. -webkit-border-radius: 5px;
  5078. -moz-border-radius: 5px;
  5079. border-radius: 5px;
  5080. }
  5081.  
  5082. .alert-box .fa {
  5083. font-size: 20px;
  5084. display: table-cell;
  5085. padding-right: 4px;
  5086. width: 1%;
  5087. }
  5088.  
  5089. .alert-box .fa:before {
  5090. top: 2px;
  5091. position: relative;
  5092. }
  5093.  
  5094. .alert-box .alert-close {
  5095. float: right;
  5096. cursor: pointer;
  5097. display: table-cell;
  5098. margin-right: 5px;
  5099. }
  5100.  
  5101. .alert-success {
  5102. border-color: #d6e9c6;
  5103. background-color: #e0f0d8;
  5104. color: #468847;
  5105. }
  5106. .alert-warning {
  5107. border-color: #f7e1bc;
  5108. background-color: #fff3b9;
  5109. color: #ee8734;
  5110. }
  5111. .alert-danger {
  5112. border-color: #eed3d7;
  5113. background-color: #f2dede;
  5114. color: #b94a48;
  5115. }
  5116. .alert-info {
  5117. border-color: #bde8f2;
  5118. background-color: #d8edf7;
  5119. color: #3a87ad;
  5120. }
  5121. /* Alerts End */
  5122.  
  5123. .panel-default {
  5124. border: 0;
  5125. margin-bottom: 2px;
  5126. }
  5127.  
  5128. .panel-default .panel-heading {
  5129. border-top: 1px solid #cccccc;
  5130. border-bottom: 0;
  5131. }
  5132.  
  5133. .panel-default:first-child .panel-heading {
  5134. border: 0;
  5135. }
  5136.  
  5137. .panel-default .panel-body {
  5138. padding: 0 50px 20px;
  5139. }
  5140.  
  5141. .panel-default .panel-title .fa {
  5142. margin-right: 20px;
  5143. font-size: 130%;
  5144. }
  5145.  
  5146. .error_page {
  5147. padding: 45px 0 55px;
  5148. }
  5149.  
  5150. .error_page h2 {
  5151. padding-bottom: 12px;
  5152. border-bottom: 1px solid #eaebec;
  5153. }
  5154.  
  5155. .error_page .btn {
  5156. margin-right: 15px;
  5157. }
  5158.  
  5159. /* Post */
  5160.  
  5161. .type-dslc_staff .post-thumbnail {
  5162. float: none;
  5163. }
  5164.  
  5165. .full-size .post-thumbnail {
  5166. float: left;
  5167. }
  5168.  
  5169. .block-staff.full-size .media-body {
  5170. text-align: left;
  5171. }
  5172.  
  5173. @media (max-width: 767px) {
  5174. .block-staff.full-size .media-body {
  5175. float: left;
  5176. width: 100%;
  5177. text-align: center;
  5178. }
  5179. }
  5180.  
  5181. .post_block {
  5182. padding: 50px 0;
  5183. }
  5184.  
  5185. .post_block h3 {
  5186. margin-bottom: 20px;
  5187. }
  5188.  
  5189. .post_block .media-object {
  5190. margin-bottom: 20px;
  5191. }
  5192.  
  5193. .post_block .media-object:after {
  5194. content: '';
  5195. display: table;
  5196. clear: both;
  5197. }
  5198.  
  5199. .post_block .post-excerpt {
  5200. margin-bottom: 40px;
  5201. clear: both;
  5202. }
  5203.  
  5204. .post_block .block_pagination {
  5205. clear: both;
  5206. }
  5207.  
  5208. .progress-secondary .progress-bar {
  5209. max-width: 100%;
  5210. }
  5211. /* Post End */
  5212.  
  5213.  
  5214. /* Gallery */
  5215. .gallery-single {
  5216. padding: 50px 0;
  5217. }
  5218.  
  5219. .post_block .gallery-single {
  5220. padding: 0;
  5221. }
  5222.  
  5223. .gallery-single .dslc-tp-content p {
  5224. margin-bottom: 24px;
  5225. }
  5226.  
  5227. .carousel-inner .count-likes {
  5228. cursor: pointer;
  5229. position: absolute;
  5230. top: -2px;
  5231. left: -5px;
  5232. width: 50px;
  5233. line-height: 16px;
  5234. text-align: center;
  5235. z-index: 999;
  5236. }
  5237.  
  5238. .count-likes .fa {
  5239. color: #c3c3c3;
  5240. }
  5241.  
  5242. .count-likes .counter-likes {
  5243. font-size: 12px;
  5244. }
  5245.  
  5246. .count-likes .animated {
  5247. visibility: visible !important;
  5248. -webkit-animation-duration: 1s;
  5249. animation-duration: 1s;
  5250. -webkit-animation-fill-mode: both;
  5251. animation-fill-mode: both;
  5252. color: red;
  5253. }
  5254.  
  5255. .gallery-caption {}
  5256.  
  5257. .bypostauthor {}
  5258.  
  5259. #dslc-content ul.dslc-social li {
  5260. float: right !important;
  5261. }
  5262.  
  5263. @-webkit-keyframes shake {
  5264. 0%, 100% {
  5265. -webkit-transform: translate3d(0, 0, 0);
  5266. transform: translate3d(0, 0, 0);
  5267. }
  5268.  
  5269. 10%, 30%, 50%, 70%, 90% {
  5270. -webkit-transform: translate3d(-1px, 0, 0);
  5271. transform: translate3d(-1px, 0, 0);
  5272. }
  5273.  
  5274. 20%, 40%, 60%, 80% {
  5275. -webkit-transform: translate3d(1px, 0, 0);
  5276. transform: translate3d(1px, 0, 0);
  5277. }
  5278. }
  5279.  
  5280. @keyframes shake {
  5281. 0%, 100% {
  5282. -webkit-transform: translate3d(0, 0, 0);
  5283. -ms-transform: translate3d(0, 0, 0);
  5284. transform: translate3d(0, 0, 0);
  5285. }
  5286.  
  5287. 10%, 30%, 50%, 70%, 90% {
  5288. -webkit-transform: translate3d(-1px, 0, 0);
  5289. -ms-transform: translate3d(-1px, 0, 0);
  5290. transform: translate3d(-1px, 0, 0);
  5291. }
  5292.  
  5293. 20%, 40%, 60%, 80% {
  5294. -webkit-transform: translate3d(1px, 0, 0);
  5295. -ms-transform: translate3d(1px, 0, 0);
  5296. transform: translate3d(1px, 0, 0);
  5297. }
  5298. }
  5299.  
  5300. .shake {
  5301. -webkit-animation-name: shake;
  5302. animation-name: shake;
  5303. }
  5304. /* Gallery End */
  5305.  
  5306. /* Panel Success */
  5307. .panel-success {
  5308. color: #ffffff;
  5309. border-color: #ffffff;
  5310. }
  5311.  
  5312. .panel-success > .panel-heading {
  5313. color: #ffffff;
  5314. background-color: #774a9f;
  5315. border-color: #ffffff;
  5316. }
  5317.  
  5318. .panel-success > .table {
  5319. background: #774a9f;
  5320. }
  5321.  
  5322. .block-pricing .panel.panel-success .table td {
  5323. border-color: #ffffff;
  5324. }
  5325. /* Panel Success End */
  5326.  
  5327. /* Monster Widget */
  5328. .widget ul {
  5329. padding: 0;
  5330. list-style: none;
  5331. }
  5332.  
  5333. .widget ul li {
  5334. position: relative;
  5335. }
  5336.  
  5337. .widget_nav_menu ul li:before {
  5338. content: '';
  5339. position: absolute;
  5340. left: 0;
  5341. top: 16px;
  5342. width: 8px;
  5343. height: 12px;
  5344. font-size: 120%;
  5345. background: url("images/pink-arrow.png") no-repeat 0 0;
  5346. }
  5347.  
  5348. .widget.widget_rss li {
  5349. margin-bottom: 10px;
  5350. }
  5351.  
  5352. .widget select {
  5353. width: 100%;
  5354. }
  5355.  
  5356. .widget img {
  5357. vertical-align: top;
  5358. margin: 1px 5px 0 0;
  5359. }
  5360.  
  5361. #footer .widget img {
  5362. vertical-align: top;
  5363. margin: 8px 5px 0 0;
  5364. }
  5365.  
  5366. #footer .widget .search-form .search-submit {
  5367. color: #ffffff !important;
  5368. }
  5369.  
  5370. .widget-title a {
  5371. color: #ffc600 !important;
  5372. }
  5373. /* Monster Widget End */
  5374.  
  5375. /* About */
  5376. .about-list {
  5377. text-align: center;
  5378. }
  5379.  
  5380. .about-list .icons {
  5381. color: #ffffff;
  5382. font-size: 30px;
  5383. margin-bottom: 12px;
  5384. }
  5385.  
  5386. .about-list .icons div {
  5387. display: inline-block;
  5388. width: 70px;
  5389. height: 70px;
  5390. margin: 0 auto;
  5391. line-height: 64px;
  5392. text-align: center;
  5393. border-width: 1px;
  5394. border-style: solid;
  5395. border-color: #00a0d1;
  5396. overflow: hidden;
  5397. -webkit-border-radius: 50%;
  5398. -moz-border-radius: 50%;
  5399. border-radius: 50%;
  5400. }
  5401.  
  5402. .about-list .icons div .fa{
  5403. text-shadow: rgb(0, 144, 188) 1px 1px,
  5404. rgb(0, 144, 188) 2px 2px,
  5405. rgb(0, 144, 188) 3px 3px,
  5406. rgb(0, 144, 188) 4px 4px,
  5407. rgb(0, 144, 188) 5px 5px,
  5408. rgb(0, 144, 188) 6px 6px,
  5409. rgb(0, 144, 188) 7px 7px,
  5410. rgb(0, 144, 188) 8px 8px,
  5411. rgb(0, 144, 188) 9px 9px,
  5412. rgb(0, 144, 188) 10px 10px,
  5413. rgb(0, 144, 188) 11px 11px,
  5414. rgb(0, 144, 188) 12px 12px,
  5415. rgb(0, 144, 188) 13px 13px,
  5416. rgb(0, 144, 188) 14px 14px,
  5417. rgb(0, 144, 188) 15px 15px,
  5418. rgb(0, 144, 188) 16px 16px,
  5419. rgb(0, 144, 188) 17px 17px,
  5420. rgb(0, 144, 188) 18px 18px,
  5421. rgb(0, 144, 188) 19px 19px,
  5422. rgb(0, 144, 188) 20px 20px,
  5423. rgb(0, 144, 188) 21px 21px,
  5424. rgb(0, 144, 188) 22px 22px,
  5425. rgb(0, 144, 188) 23px 23px,
  5426. rgb(0, 144, 188) 24px 24px,
  5427. rgb(0, 144, 188) 25px 25px,
  5428. rgb(0, 144, 188) 26px 26px,
  5429. rgb(0, 144, 188) 27px 27px,
  5430. rgb(0, 144, 188) 28px 28px,
  5431. rgb(0, 144, 188) 29px 29px,
  5432. rgb(0, 144, 188) 30px 30px,
  5433. rgb(0, 144, 188) 31px 31px,
  5434. rgb(0, 144, 188) 32px 32px,
  5435. rgb(0, 144, 188) 33px 33px,
  5436. rgb(0, 144, 188) 34px 34px
  5437. }
  5438.  
  5439. .about-list .title a {
  5440. color: #00a0d1;
  5441. font-size: 18px;
  5442. }
  5443.  
  5444. .about-list.full-size {
  5445. text-align: left;
  5446. }
  5447.  
  5448. .about-list.full-size .info {
  5449. overflow: hidden;
  5450. padding-right: 30px;
  5451. }
  5452.  
  5453. .about-list.full-size .icons {
  5454. float: left;
  5455. margin: 8px 20px 0 0;
  5456. }
  5457.  
  5458. .about-list.full-size .icons div {
  5459. display: inline-block;
  5460. width: 60px;
  5461. height: 60px;
  5462. margin: 0 auto;
  5463. line-height: 60px;
  5464. text-align: center;
  5465. border: 0;
  5466. overflow: hidden;
  5467. -webkit-border-radius: 0;
  5468. -moz-border-radius: 0;
  5469. border-radius: 0;
  5470. }
  5471.  
  5472. .about-list.full-size .icons div .fa {
  5473. text-shadow: none;
  5474. }
  5475.  
  5476. @media (max-width: 767px) {
  5477. .dslc-col .about-list {
  5478. margin-bottom: 30px !important;
  5479. padding: 0 20px;
  5480. }
  5481.  
  5482. .dslc-col:last-child .about-list {
  5483. margin-bottom: 0 !important;
  5484. }
  5485.  
  5486. }
  5487. /* About End */
  5488.  
  5489. .fa-lg {
  5490. line-height: 14px;
  5491. }
  5492.  
  5493. /* Contacts block */
  5494. .block-contacts {
  5495. display: block;
  5496. }
  5497. .block-contacts div {
  5498. display: block;
  5499. width: 33%;
  5500. padding: 0 2%;
  5501. margin-bottom: 10px;
  5502. }
  5503.  
  5504. .block-contacts div:first-child {
  5505. padding-left: 0;
  5506. }
  5507.  
  5508. .block-contacts div:last-child {
  5509. margin-bottom: 0;
  5510. }
  5511.  
  5512. .block-contacts .fa {
  5513. color: #ffc600;
  5514. }
  5515.  
  5516. @media (min-width: 767px) {
  5517. .block-contacts {
  5518. display: table;
  5519. width: 100%;
  5520. }
  5521. .block-contacts div {
  5522. display: table-cell;
  5523. margin-bottom: 0;
  5524. }
  5525. }
  5526. /* Contacts block End */
  5527.  
  5528. /* Contacts form */
  5529. .form-control, .search-field, .wpcf7-text, .wpcf7-textarea {
  5530. display: block;
  5531. width: 100%;
  5532. height: 34px;
  5533. padding: 3px 10px;
  5534. font-size: 14px;
  5535. line-height: 1.7;
  5536. color: #555555;
  5537. background-color: #ffffff;
  5538. background-image: none;
  5539. border: 1px solid #d4d4d4;
  5540. -webkit-border-radius: 3px;
  5541. -moz-border-radius: 3px;
  5542. border-radius: 3px;
  5543. -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  5544. transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  5545. }
  5546.  
  5547. .form-control:focus, .search-field:focus, .wpcf7-text:focus, .wpcf7-textarea:focus {
  5548. border-color: #00a0d1;
  5549. }
  5550.  
  5551. textarea.wpcf7-textarea {
  5552. height: 120px;
  5553. }
  5554.  
  5555. .send-button {
  5556. text-align: center;
  5557. margin-bottom: 0 !important;
  5558. }
  5559.  
  5560. .send-button.right {
  5561. text-align: right;
  5562. }
  5563.  
  5564. .send-button.right img {
  5565. vertical-align: middle;
  5566. margin-top: 15px !important;
  5567. }
  5568.  
  5569. .send-button.right input {
  5570. float: right;
  5571. }
  5572.  
  5573. span.wpcf7-form-control-wrap {
  5574. width: 100%;
  5575. }
  5576.  
  5577. .icon-name,
  5578. .icon-mail {
  5579. position: relative;
  5580. margin-bottom: 15px;
  5581. }
  5582.  
  5583. .icon-name input,
  5584. .icon-mail input {
  5585. padding-left: 40px;
  5586. }
  5587.  
  5588. .icon-name:before {
  5589. content: '\f118';
  5590. position: absolute;
  5591. top: 2px;
  5592. left: 12px;
  5593. font-family: 'FontAwesome';
  5594. font-size: 18px;
  5595. color: #ffc600;
  5596. z-index: 1;
  5597. }
  5598.  
  5599. .icon-mail:before {
  5600. content: '\f0e0';
  5601. position: absolute;
  5602. top: 2px;
  5603. left: 12px;
  5604. font-family: 'FontAwesome';
  5605. font-size: 18px;
  5606. color: #ffc600;
  5607. z-index: 1;
  5608. }
  5609.  
  5610. .message-box p:last-child {
  5611. margin-bottom: 0 !important;
  5612. }
  5613.  
  5614. .wpcf7-form img.ajax-loader {
  5615. margin-right: 6px;
  5616. margin-top: 0;
  5617. }
  5618.  
  5619. .contact-form-smile p {margin-bottom: 5px;}
  5620. /* Contacts form End */
  5621.  
  5622.  
  5623. /* Woocommerce styles */
  5624. .woocommerce-box {
  5625. margin-top: 50px;
  5626. }
  5627.  
  5628. .woocommerce ul.products li.product,
  5629. .woocommerce-page ul.products li.product {
  5630. text-align: center;
  5631. width: 45%;
  5632. margin: 0 5% 2.992em 0;
  5633. }
  5634.  
  5635. @media (min-width: 767px) {
  5636. .woocommerce ul.products li.product,
  5637. .woocommerce-page ul.products li.product {
  5638. width: 30%;
  5639. }
  5640. }
  5641.  
  5642.  
  5643. .woocommerce ul.products li.product.last,
  5644. .woocommerce-page ul.products li.product.last {
  5645. margin-right: 0;
  5646. }
  5647.  
  5648. .woocommerce ul.products li.product a img,
  5649. .woocommerce-page ul.products li.product a img {
  5650. width: 100%;
  5651. height: auto;
  5652. display: block;
  5653. margin: 0 0 8px;
  5654. box-shadow: none !important;
  5655. -webkit-box-shadow: none !important;
  5656. -webkit-transition: all ease-in-out .2s;
  5657. -moz-transition: all ease-in-out .2s;
  5658. -o-transition: all ease-in-out .2s;
  5659. transition: all ease-in-out .2s;
  5660. }
  5661.  
  5662. .woocommerce ul.products li.product .product_thumbnail,
  5663. .woocommerce-page ul.products li.product .product_thumbnail {
  5664. min-height: 170px;
  5665. border-width: 0;
  5666. border-bottom-width: 1px;
  5667. border-bottom-style: solid;
  5668. border-color: #eeeeee;
  5669. }
  5670.  
  5671. .woocommerce .products .star-rating,
  5672. .woocommerce-page .products .star-rating {
  5673. display: block;
  5674. margin: 0 auto .5em;
  5675. float: none;
  5676. font-size: 10px;
  5677. }
  5678.  
  5679. .woocommerce ul.products li.product .price,
  5680. .woocommerce-page ul.products li.product .price {
  5681. color: #85939f;
  5682. }
  5683.  
  5684. .woocommerce ul.products li.product .btn .fa,
  5685. .woocommerce-page ul.products li.product .btn .fa {
  5686. font-size: 23px;
  5687. margin-left: -8px;
  5688. margin-right: 8px;
  5689. float: left;
  5690. }
  5691.  
  5692. .woocommerce ul.products li.product .onsale,
  5693. .woocommerce-page ul.products li.product .onsale {
  5694. top: 0;
  5695. left: 0;
  5696. right: auto;
  5697. margin: 0;
  5698. }
  5699.  
  5700. .woocommerce span.onsale::after,
  5701. .woocommerce-page span.onsale::after {
  5702. content: '';
  5703. width: 0px;
  5704. height: 0px;
  5705. position: absolute;
  5706. top: 0;
  5707. left: 0;
  5708. border-top: 47px solid #ff9600;
  5709. border-right: 47px solid transparent;
  5710. }
  5711.  
  5712. .woocommerce span.onsale,
  5713. .woocommerce-page span.onsale {
  5714. min-height: 32px;
  5715. min-width: 32px;
  5716. padding: 4px;
  5717. font-size: 12px;
  5718. font-weight: 400;
  5719. position: absolute;
  5720. text-align: center;
  5721. line-height: 32px;
  5722. top: 6px;
  5723. left: 6px;
  5724. margin: 0;
  5725. text-transform: uppercase;
  5726. -webkit-border-radius: 0;
  5727. border-radius: 0;
  5728. background: transparent;
  5729. text-shadow: none;
  5730. color: #fff;
  5731. -webkit-box-shadow: none;
  5732. -moz-box-shadow: none;
  5733. box-shadow: none;
  5734. z-index: 40;
  5735. }
  5736.  
  5737. .woocommerce span.onsale .onsale-text,
  5738. .woocommerce-page span.onsale .onsale-text {
  5739. float: left;
  5740. position: relative;
  5741. z-index: 40;
  5742. margin: -3px 0 0 -3px;
  5743. -webkit-transform: rotate(-45deg);
  5744. -moz-transform: rotate(-45deg);
  5745. -o-transform: rotate(-45deg);
  5746. transform: rotate(-45deg);
  5747. filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  5748. color: #ffffff;
  5749. }
  5750.  
  5751. .woocommerce .woocommerce-result-count,
  5752. .woocommerce-page .woocommerce-result-count {
  5753. display: none;
  5754. }
  5755.  
  5756. .woocommerce .woocommerce-ordering,
  5757. .woocommerce-page .woocommerce-ordering {
  5758. float: left;
  5759. margin-bottom: 50px;
  5760. }
  5761.  
  5762. .woocommerce ul.products li.product .price,
  5763. .woocommerce-page ul.products li.product .price {
  5764. margin-bottom: 0;
  5765. }
  5766.  
  5767. /* Select */
  5768. .woocommerce .woocommerce-ordering select,
  5769. .woocommerce-page .woocommerce-ordering select {
  5770. vertical-align: top;
  5771. padding: 4px 10px;
  5772. border-width: 1px;
  5773. border-color: #d4d4d4;
  5774. -webkit-border-radius: 2px;
  5775. border-radius: 2px;
  5776. outline: none;
  5777. }
  5778.  
  5779. .woocommerce-checkout .form-row .chosen-container-single .chosen-single {
  5780. height: 33px;
  5781. padding-top: 3px;
  5782. }
  5783.  
  5784. .chosen-container-single .chosen-single {
  5785. background: transparent;
  5786. box-shadow: none;
  5787. border-radius: 2px;
  5788. -webkit-border-radius: 2px;
  5789. border-color: #d4d4d4;
  5790. }
  5791.  
  5792. .woocommerce-checkout .form-row .chosen-container .chosen-drop {
  5793. border-color: #d4d4d4;
  5794. }
  5795.  
  5796. .chosen-container-active.chosen-with-drop .chosen-single {
  5797. background: transparent;
  5798. border-color: #d4d4d4;
  5799. }
  5800.  
  5801. .woocommerce-checkout .form-row .chosen-container-single .chosen-single div b {
  5802. background: url("images/arrow-blue.png") no-repeat 0 50% !important;
  5803. }
  5804.  
  5805. .woocommerce-checkout .form-row .chosen-container-single .chosen-search input {
  5806. border-color: #d4d4d4;
  5807. }
  5808.  
  5809. .woocommerce form .form-row select,
  5810. .woocommerce-page form .form-row select {
  5811. padding: 7px 2px;
  5812. border-color: #d4d4d4;
  5813. border-radius: 2px;
  5814. -webkit-border-radius: 2px;
  5815. }
  5816.  
  5817. /* Sidebar */
  5818. .widget_stm_event {
  5819. float: left;
  5820. width: 100%;
  5821. clear: both;
  5822. }
  5823.  
  5824. .widget_stm_event li {
  5825. float: left;
  5826. width: 100%;
  5827. font-size: 14px;
  5828. line-height: 14px;
  5829. margin-bottom: 20px;
  5830. padding-bottom: 20px;
  5831. border-bottom-width: 1px;
  5832. border-bottom-style: solid;
  5833. border-bottom-color: #edeeef;
  5834. }
  5835.  
  5836. .widget_stm_event li:last-child {
  5837. margin-bottom: 10px;
  5838. padding-bottom: 0;
  5839. border: 0;
  5840. }
  5841.  
  5842. .widget_stm_event .where {
  5843. font-size: 12px;
  5844. margin-top: 6px;
  5845. }
  5846.  
  5847. .widget_stm_event .calendarDate {
  5848. float: left;
  5849. width: 48px;
  5850. height: 48px;
  5851. margin-right: 10px;
  5852. text-align: center;
  5853. background: url("images/calendar-small-bg.png") no-repeat 0 0;
  5854. }
  5855.  
  5856. .widget_stm_event .calendarDay {
  5857. font-size: 18px;
  5858. font-weight: bold;
  5859. padding-top: 11px;
  5860. padding-bottom: 9px;
  5861. }
  5862.  
  5863. .widget_stm_event .calendarMonth {
  5864. font-size: 10px;
  5865. text-transform: uppercase;
  5866. }
  5867.  
  5868. .widget_stm_instagram ul {
  5869. margin: 0 -5px;
  5870. }
  5871.  
  5872. .widget_stm_instagram li {
  5873. width: 28%;
  5874. float: left;
  5875. margin: 5px;
  5876. }
  5877.  
  5878. .woocommerce-sidebar #sidebar .widget {
  5879. width: 100%;
  5880. margin-bottom: 40px;
  5881. }
  5882.  
  5883. .widget_shopping_cart .widget-title,
  5884. .widget_shopping_cart .block-title {
  5885. position: relative;
  5886. background: url("images/arrow-blue.png") no-repeat 100% 50%;
  5887. cursor: pointer;
  5888. }
  5889.  
  5890. .widget_shopping_cart_content ul {
  5891. display: none;
  5892. }
  5893.  
  5894. .widget_shopping_cart_content ul.open {
  5895. display: block;
  5896. }
  5897.  
  5898. .widget_shopping_cart_content .buttons .wc-forward,
  5899. .woocommerce .widget_price_filter .price_slider_amount .button,
  5900. .woocommerce-page .widget_price_filter .price_slider_amount .button {
  5901. color: #474e52;
  5902. background: transparent;
  5903. display: inline-block;
  5904. margin-top: 10px;
  5905. margin-bottom: 0;
  5906. font-weight: bold;
  5907. text-align: center;
  5908. vertical-align: middle;
  5909. cursor: pointer;
  5910. min-width: 100px;
  5911. background-image: none;
  5912. border: 2px solid #00a0d1;
  5913. opacity: 1;
  5914. white-space: nowrap;
  5915. border-radius: 5px;
  5916. border-width: 2px;
  5917. border-style: solid;
  5918. -webkit-transition: all 0.15s ease-in-out;
  5919. transition: all 0.15s ease-in-out;
  5920. padding: 8px 18px 8px 50px;
  5921. font-size: 14px;
  5922. line-height: 1.7;
  5923. border-radius: 4px;
  5924. -webkit-user-select: none;
  5925. -moz-user-select: none;
  5926. -ms-user-select: none;
  5927. -o-user-select: none;
  5928. user-select: none;
  5929. -webkit-box-shadow: none;
  5930. box-shadow: none;
  5931. text-shadow: none;
  5932. }
  5933.  
  5934. .woocommerce .widget_price_filter .price_slider_amount .button,
  5935. .woocommerce-page .widget_price_filter .price_slider_amount .button {
  5936. padding: 8px 18px;
  5937. }
  5938.  
  5939. .widget_shopping_cart_content .buttons .wc-forward a:after, .widget_shopping_cart_content .buttons .wc-forward:after {
  5940. display: none;
  5941. }
  5942.  
  5943. .widget_shopping_cart_content .buttons .wc-forward:before {
  5944. content: '\f0a9';
  5945. position: absolute;
  5946. top: 3px;
  5947. left: 20px;
  5948. font-weight: 800;
  5949. font-family: 'FontAwesome';
  5950. font-size: 21px;
  5951. color: #11a6d4;
  5952. -webkit-transition: all 0.15s ease-in-out;
  5953. transition: all 0.15s ease-in-out;
  5954. }
  5955.  
  5956. .widget_shopping_cart_content .buttons .wc-forward:hover,
  5957. .woocommerce .widget_price_filter .price_slider_amount .button:hover,
  5958. .woocommerce-page .widget_price_filter .price_slider_amount .button:hover {
  5959. background: #11a6d4;
  5960. color: #ffffff;
  5961. }
  5962.  
  5963. .widget_shopping_cart_content .buttons .wc-forward:hover:before {
  5964. color: #ffffff;
  5965. }
  5966.  
  5967. .widget_shopping_cart_content .buttons .wc-forward:active {
  5968. margin-top: 10px;
  5969. margin-bottom: 20px;
  5970. top: 0;
  5971. }
  5972.  
  5973. .widget_shopping_cart_content .buttons .checkout {
  5974. display: none;
  5975. }
  5976.  
  5977. .woocommerce .widget_shopping_cart .total,
  5978. .woocommerce-page .widget_shopping_cart .total,
  5979. .woocommerce-page.widget_shopping_cart .total,
  5980. .woocommerce.widget_shopping_cart .total {
  5981. border-top: 1px double #00a0d1;
  5982. margin-top: 20px;
  5983. padding: 12px 0 0;
  5984. }
  5985.  
  5986. .woocommerce .widget_shopping_cart .total strong,
  5987. .woocommerce-page .widget_shopping_cart .total strong,
  5988. .woocommerce-page.widget_shopping_cart .total strong,
  5989. .woocommerce.widget_shopping_cart .total strong {
  5990. font-weight: normal;
  5991. }
  5992.  
  5993. .woocommerce .widget_shopping_cart .total .amount,
  5994. .woocommerce-page .widget_shopping_cart .total .amount,
  5995. .woocommerce-page.widget_shopping_cart .total .amount,
  5996. .woocommerce.widget_shopping_cart .total .amount {
  5997. color: #00a0d1;
  5998. }
  5999.  
  6000. .woocommerce .widget_price_filter .ui-slider-horizontal,
  6001. .woocommerce-page .widget_price_filter .ui-slider-horizontal {
  6002. height: 1px;
  6003. }
  6004.  
  6005. .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content,
  6006. .woocommerce-page .widget_price_filter .price_slider_wrapper .ui-widget-content {
  6007. border-radius: 0;
  6008. -webkit-border-radius: 0;
  6009. background: #edeeef;
  6010. }
  6011.  
  6012. .woocommerce .widget_price_filter .ui-slider .ui-slider-handle:last-child,
  6013. .woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle:last-child {
  6014. margin-left: 0;
  6015. }
  6016.  
  6017. .woocommerce .widget_price_filter .ui-slider .ui-slider-range,
  6018. .woocommerce-page .widget_price_filter .ui-slider .ui-slider-range {
  6019. background: #00a0d1;
  6020. box-shadow: none;
  6021. -webkit-box-shadow: 0;
  6022. -webkit-border-radius: 0;
  6023. border-radius: 0;
  6024. }
  6025.  
  6026. .woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
  6027. .woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle {
  6028. position: absolute;
  6029. z-index: 2;
  6030. width: 11px;
  6031. height: 11px;
  6032. -webkit-border-radius: 1em;
  6033. border-radius: 1em;
  6034. border: 2px solid #00a0d1;
  6035. cursor: pointer;
  6036. background: #ffffff;
  6037. outline: 0;
  6038. top: -.4em;
  6039. -webkit-box-shadow: none;
  6040. -moz-box-shadow: none;
  6041. box-shadow: none;
  6042. }
  6043.  
  6044. .price_slider_wrapper {
  6045. margin-top: 56px;
  6046. }
  6047.  
  6048. .price_slider_wrapper .price_label {
  6049. position: absolute;
  6050. top: 40px;
  6051. left: 10px;
  6052. font-size: 14px;
  6053. }
  6054.  
  6055. /* Revive */
  6056. .woocommerce .star-rating span:before,
  6057. .woocommerce-page .star-rating span:before {
  6058. color: #ffc600;
  6059. }
  6060.  
  6061. .woocommerce .star-rating:before,
  6062. .woocommerce-page .star-rating:before {
  6063. color: #afc0c3;
  6064. }
  6065.  
  6066. /* Item */
  6067. .woocommerce #content div.product div.images,
  6068. .woocommerce div.product div.images,
  6069. .woocommerce-page #content div.product div.images,
  6070. .woocommerce-page div.product div.images,
  6071. .woocommerce #content div.product div.summary,
  6072. .woocommerce div.product div.summary,
  6073. .woocommerce-page #content div.product div.summary,
  6074. .woocommerce-page div.product div.summary {
  6075. margin-bottom: 50px;
  6076. }
  6077.  
  6078. .woocommerce-main-image {
  6079. display: block;
  6080. position: relative;
  6081. }
  6082.  
  6083. .woocommerce-main-image .image-zoom {
  6084. position: absolute;
  6085. top: 0;
  6086. left: 0;
  6087. width: 100%;
  6088. height: 100%;
  6089. }
  6090.  
  6091. .woocommerce-main-image:hover .image-zoom {
  6092. background: #fff;
  6093. opacity: 0.6;
  6094. }
  6095.  
  6096. .woocommerce-main-image .loupe {
  6097. content: '';
  6098. position: absolute;
  6099. top: 50%;
  6100. left: 50%;
  6101. width: 95px;
  6102. height: 62px;
  6103. margin: -31px 0 0 -48px;
  6104. background: url("images/thumbnail-zoom.png") no-repeat 0 0;
  6105. z-index: 10;
  6106. display: none;
  6107. }
  6108.  
  6109. .woocommerce-main-image:hover .loupe {
  6110. display: block;
  6111. }
  6112.  
  6113. .woocommerce #content .summary ins {
  6114. background: inherit;
  6115. float: left;
  6116. border-width: 1px;
  6117. border-style: solid;
  6118. border-color: #eeeeee;
  6119. position: relative;
  6120. font-weight: 600;
  6121. font-size: 14px;
  6122. color: #000000;
  6123. padding: 5px 10px;
  6124. padding-left: 34px;
  6125. margin-right: 10px;
  6126. text-decoration: none;
  6127. -webkit-border-radius: 4px;
  6128. border-radius: 4px;
  6129. }
  6130.  
  6131. .woocommerce #content div.product p.price ins:before,
  6132. .woocommerce #content div.product span.price ins:before,
  6133. .woocommerce div.product p.price ins:before,
  6134. .woocommerce div.product span.price ins:before,
  6135. .woocommerce-page #content div.product p.price ins:before,
  6136. .woocommerce-page #content div.product span.price ins:before,
  6137. .woocommerce-page div.product p.price ins:before,
  6138. .woocommerce-page div.product span.price ins:before {
  6139. content: "\f02b";
  6140. position: absolute;
  6141. top: 4px;
  6142. left: 10px;
  6143. font-family: 'FontAwesome';
  6144. font-size: 16px;
  6145. color: #ffc600;
  6146. }
  6147.  
  6148. .woocommerce #content div.product p.price del,
  6149. .woocommerce #content div.product span.price del,
  6150. .woocommerce div.product p.price del,
  6151. .woocommerce div.product span.price del,
  6152. .woocommerce-page #content div.product p.price del,
  6153. .woocommerce-page #content div.product span.price del,
  6154. .woocommerce-page div.product p.price del,
  6155. .woocommerce-page div.product span.price del {
  6156. font-size: 14px;
  6157. color: #c3c3c3;
  6158. }
  6159.  
  6160. .entry-summary .product_title {
  6161. font-size: 18px;
  6162. line-height: 14px;
  6163. }
  6164.  
  6165. .entry-summary .woocommerce-product-rating {
  6166. margin-bottom: 20px;
  6167. }
  6168.  
  6169. .entry-summary .offers {
  6170. margin-bottom: 24px;
  6171. }
  6172.  
  6173. .entry-summary .description {
  6174. line-height: 24px;
  6175. border-bottom: 1px solid #eeeeee;
  6176. padding-bottom: 8px;
  6177. margin-bottom: 26px;
  6178. }
  6179.  
  6180. .woocommerce #content div.product div.images img,
  6181. .woocommerce div.product div.images img,
  6182. .woocommerce-page #content div.product div.images img,
  6183. .woocommerce-page div.product div.images img {
  6184. display: block;
  6185. width: 100%;
  6186. height: auto;
  6187. box-shadow: none;
  6188. -webkit-box-shadow: none;
  6189. border: 1px solid #edeeef;
  6190. -webkit-transition: all ease-in-out .2s;
  6191. -moz-transition: all ease-in-out .2s;
  6192. -o-transition: all ease-in-out .2s;
  6193. transition: all ease-in-out .2s;
  6194. }
  6195.  
  6196. .woocommerce .related ul li.product,
  6197. .woocommerce .related ul.products li.product,
  6198. .woocommerce .upsells.products ul li.product,
  6199. .woocommerce .upsells.products ul.products li.product,
  6200. .woocommerce-page .related ul li.product,
  6201. .woocommerce-page .related ul.products li.product,
  6202. .woocommerce-page .upsells.products ul li.product,
  6203. .woocommerce-page .upsells.products ul.products li.product {
  6204. width: 20%;
  6205. }
  6206.  
  6207.  
  6208. .woocommerce #content div.product .woocommerce-tabs ul.tabs,
  6209. .woocommerce div.product .woocommerce-tabs ul.tabs,
  6210. .woocommerce-page #content div.product .woocommerce-tabs ul.tabs,
  6211. .woocommerce-page div.product .woocommerce-tabs ul.tabs {
  6212. padding: 0;
  6213. }
  6214.  
  6215. .woocommerce #content div.product .woocommerce-tabs ul.tabs:before,
  6216. .woocommerce div.product .woocommerce-tabs ul.tabs:before,
  6217. .woocommerce-page #content div.product .woocommerce-tabs ul.tabs:before,
  6218. .woocommerce-page div.product .woocommerce-tabs ul.tabs:before {
  6219. top: 0;
  6220. bottom: auto;
  6221. }
  6222.  
  6223. .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active,
  6224. .woocommerce div.product .woocommerce-tabs ul.tabs li.active,
  6225. .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active,
  6226. .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active {
  6227. background: #fff;
  6228. z-index: 2;
  6229. border-bottom-color: #fff;
  6230. border-top-color: #ffc600;
  6231. position: relative;
  6232. }
  6233.  
  6234. .woocommerce #content div.product .woocommerce-tabs ul.tabs li:after,
  6235. .woocommerce #content div.product .woocommerce-tabs ul.tabs li:before,
  6236. .woocommerce div.product .woocommerce-tabs ul.tabs li:after,
  6237. .woocommerce div.product .woocommerce-tabs ul.tabs li:before,
  6238. .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:after,
  6239. .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:before,
  6240. .woocommerce-page div.product .woocommerce-tabs ul.tabs li:after,
  6241. .woocommerce-page div.product .woocommerce-tabs ul.tabs li:before {
  6242. border: 0;
  6243. position: absolute;
  6244. bottom: 0;
  6245. width: 0;
  6246. height: 0;
  6247. content: " ";
  6248. }
  6249.  
  6250. .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active:after,
  6251. .woocommerce div.product .woocommerce-tabs ul.tabs li.active:after,
  6252. .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active:after,
  6253. .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active:after {
  6254. box-shadow: none;
  6255. width: 100%;
  6256. height: 2px;
  6257. top: 0;
  6258. left: 0;
  6259. background: #ffc600;
  6260. }
  6261.  
  6262. .woocommerce #content div.product .woocommerce-tabs ul.tabs li:after,
  6263. .woocommerce div.product .woocommerce-tabs ul.tabs li:after,
  6264. .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:after,
  6265. .woocommerce-page div.product .woocommerce-tabs ul.tabs li:after {
  6266. right: auto;
  6267. -webkit-border-bottom-left-radius: 0;
  6268. -moz-border-bottom-left-radius: 0;
  6269. border-bottom-left-radius: 0;
  6270. border-width: 0;
  6271. box-shadow: none;
  6272. }
  6273.  
  6274. .woocommerce #content div.product .woocommerce-tabs ul.tabs li,
  6275. .woocommerce div.product .woocommerce-tabs ul.tabs li,
  6276. .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li,
  6277. .woocommerce-page div.product .woocommerce-tabs ul.tabs li {
  6278. border: 1px solid #e0dadf;
  6279. border-bottom: 0;
  6280. background: transparent;
  6281. display: inline-block;
  6282. position: relative;
  6283. z-index: 0;
  6284. -webkit-border-top-left-radius: 0;
  6285. -webkit-border-top-right-radius: 0;
  6286. border-top-left-radius: 0;
  6287. border-top-right-radius: 0;
  6288. box-shadow: none;
  6289. margin: 0 -5px;
  6290. padding: 0 1em;
  6291. }
  6292.  
  6293. .woocommerce .related h2,
  6294. .woocommerce .upsells.products h2,
  6295. .woocommerce-page .related h2,
  6296. .woocommerce-page .upsells.products h2 {
  6297. font-size: 18px;
  6298. }
  6299.  
  6300. .entry-summary .cart .btn.right{
  6301. float: right;
  6302. margin-top: -4px;
  6303. }
  6304.  
  6305. .entry-summary .cart .btn.right .fa {
  6306. font-size: 23px;
  6307. margin-left: -8px;
  6308. margin-right: 8px;
  6309. float: left;
  6310. }
  6311.  
  6312. .woocommerce-sidebar .widget ul,
  6313. .widget_product_categories ul {
  6314. margin-bottom: -10px;
  6315. }
  6316.  
  6317. .woocommerce-sidebar .widget ul li {
  6318. position: relative;
  6319. padding: 10px 10px 10px 16px;
  6320. border-top: 1px solid #eaebec;
  6321. line-height: 20px;
  6322. }
  6323.  
  6324. .widget_product_categories .product-categories li {
  6325. padding-left: 16px;
  6326. line-height: 20px;
  6327. position: relative;
  6328. padding: 10px 10px 10px 16px;
  6329. border-top: 1px solid #eaebec;
  6330. line-height: 20px;
  6331. }
  6332.  
  6333. .woocommerce-sidebar .widget ul li:first-child,
  6334. .widget_product_categories ul li:first-child {
  6335. border: 0;
  6336. padding-top: 0;
  6337. }
  6338.  
  6339. .woocommerce-sidebar .widget ul li:first-child:before,
  6340. .widget_product_categories ul li:first-child:before {
  6341. top: 5px;
  6342. }
  6343.  
  6344. .woocommerce-sidebar .widget ul li:before,
  6345. .widget_product_categories ul li:before {
  6346. content: '';
  6347. position: absolute;
  6348. left: 0;
  6349. top: 15px;
  6350. width: 8px;
  6351. height: 12px;
  6352. font-size: 120%;
  6353. background: url("images/yellow-arrow.png") no-repeat 0 0;
  6354. }
  6355.  
  6356. /* Cart */
  6357. .woocommerce-message {
  6358. line-height: 40px;
  6359. }
  6360.  
  6361. .woocommerce-message .btn {
  6362. float: right;
  6363. }
  6364.  
  6365. .woocommerce #content .quantity,
  6366. .woocommerce .quantity,
  6367. .woocommerce-page #content .quantity,
  6368. .woocommerce-page .quantity {
  6369. width: 108px;
  6370. height: 32px;
  6371. }
  6372.  
  6373. .woocommerce #content .quantity .minus,
  6374. .woocommerce .quantity .minus,
  6375. .woocommerce-page #content .quantity .minus,
  6376. .woocommerce-page .quantity .minus {
  6377. top: 0;
  6378. left: 0;
  6379. float: left;
  6380. position: relative;
  6381. margin-right: 3px;
  6382. }
  6383.  
  6384. .woocommerce #content .quantity .minus,
  6385. .woocommerce #content .quantity .plus,
  6386. .woocommerce .quantity .minus,
  6387. .woocommerce .quantity .plus,
  6388. .woocommerce-page #content .quantity .minus,
  6389. .woocommerce-page #content .quantity .plus,
  6390. .woocommerce-page .quantity .minus,
  6391. .woocommerce-page .quantity .plus {
  6392. display: block;
  6393. text-align: center;
  6394. vertical-align: text-top;
  6395. width: 32px;
  6396. height: 32px;
  6397. overflow: visible;
  6398. text-decoration: none;
  6399. font-weight: 700;
  6400. cursor: pointer;
  6401. line-height: 13px;
  6402. font-size: 14px;
  6403. -webkit-border-radius: 2px;
  6404. border-radius: 2px;
  6405. color: #5e5e5e;
  6406. text-shadow: 0 1px 0 rgba(255,255,255,.8);
  6407. border: 1px solid #c8bfc6;
  6408. background: #f7f6f7;
  6409. background: -webkit-gradient(linear,left top,left bottom,from(#f7f6f7),to(#e0dadf));
  6410. background: -webkit-linear-gradient(#f7f6f7,#e0dadf);
  6411. background: -moz-linear-gradient(center top,#f7f6f7 0,#e0dadf 100%);
  6412. background: -moz-gradient(center top,#f7f6f7 0,#e0dadf 100%);
  6413. -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.075),inset 0 1px 0 rgba(255,255,255,.3),0 1px 2px rgba(0,0,0,.1);
  6414. -moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,.075),inset 0 1px 0 rgba(255,255,255,.3),0 1px 2px rgba(0,0,0,.1);
  6415. box-shadow: inset 0 -1px 0 rgba(0,0,0,.075),inset 0 1px 0 rgba(255,255,255,.3),0 1px 2px rgba(0,0,0,.1);
  6416. }
  6417.  
  6418. .woocommerce #content .quantity input.qty,
  6419. .woocommerce .quantity input.qty,
  6420. .woocommerce-page #content .quantity input.qty,
  6421. .woocommerce-page .quantity input.qty {
  6422. width: 38px;
  6423. height: 32px;
  6424. float: left;
  6425. padding: 0;
  6426. text-align: center;
  6427. border: 1px solid #c8bfc6;
  6428. -webkit-border-radius: 2px;
  6429. border-radius: 2px;
  6430. text-align: center;
  6431. box-shadow: inset 0 0 2px 0 #f7f6f7;
  6432. -webkit-box-shadow: inset 0 0 2px 0 #f7f6f7;
  6433. font-weight: 700;
  6434.  
  6435. -moz-appearance: textfield;
  6436. }
  6437.  
  6438. .woocommerce #content table.cart a.remove,
  6439. .woocommerce table.cart a.remove,
  6440. .woocommerce-page #content table.cart a.remove,
  6441. .woocommerce-page table.cart a.remove {
  6442. color: #c8c8c8;
  6443. font-weight: normal;
  6444. }
  6445. .woocommerce #content table.cart a.remove:hover,
  6446. .woocommerce table.cart a.remove:hover,
  6447. .woocommerce-page #content table.cart a.remove:hover,
  6448. .woocommerce-page table.cart a.remove:hover {
  6449. background-color: transparent;
  6450. color: #ff1414;
  6451. }
  6452.  
  6453. .woocommerce table.shop_table,
  6454. .woocommerce-page table.shop_table {
  6455. border: 0;
  6456. }
  6457.  
  6458. .woocommerce table.shop_table th,
  6459. .woocommerce-page table.shop_table th {
  6460. font-weight: normal;
  6461. padding-bottom: 15px;
  6462. text-transform: uppercase;
  6463. font-size: 12px;
  6464. color: #c3c3c3;
  6465. }
  6466.  
  6467. .woocommerce table.shop_table td,
  6468. .woocommerce-page table.shop_table td {
  6469. padding: 12px;
  6470. }
  6471.  
  6472. @media (max-width: 480px) {
  6473. .woocommerce table.shop_table th,
  6474. .woocommerce-page table.shop_table th {
  6475. padding: 9px 0;
  6476. font-size: 10px;
  6477. text-transform: none;
  6478. }
  6479. .woocommerce table.shop_table td,
  6480. .woocommerce-page table.shop_table td {
  6481. padding: 12px 0;
  6482. font-size: 10px;
  6483. }
  6484. .woocommerce .related ul li.product, .woocommerce .related ul.products li.product, .woocommerce .upsells.products ul li.product, .woocommerce .upsells.products ul.products li.product, .woocommerce-page .related ul li.product, .woocommerce-page .related ul.products li.product, .woocommerce-page .upsells.products ul li.product, .woocommerce-page .upsells.products ul.products li.product {
  6485. width: 45%;
  6486. }
  6487. }
  6488.  
  6489. @media (max-width: 767px) {
  6490. .woocommerce .cart-collaterals .shipping_calculator,
  6491. .woocommerce-page .cart-collaterals .shipping_calculator {
  6492. float: left;
  6493. width: 100%;
  6494. clear: both;
  6495. }
  6496.  
  6497. .woocommerce .cart-collaterals .cart_totals,
  6498. .woocommerce-page .cart-collaterals .cart_totals {
  6499. float: left;
  6500. width: 100%;
  6501. clear: both;
  6502. margin-bottom: 0 !important;
  6503. }
  6504. .woocommerce-sidebar #sidebar {
  6505. padding: 0 !important;
  6506. margin: 0 -5px;
  6507. }
  6508. }
  6509.  
  6510. .woocommerce table.shop_table .cart-buttons td,
  6511. .woocommerce-page table.shop_table .cart-buttons td {
  6512. padding-top: 35px;
  6513. padding-bottom: 16px;
  6514. }
  6515.  
  6516. .woocommerce #content .quantity,
  6517. .woocommerce .quantity,
  6518. .woocommerce-page #content .quantity,
  6519. .woocommerce-page .quantity {
  6520. margin: 0;
  6521. }
  6522.  
  6523. .woocommerce #content table.cart td.actions .coupon,
  6524. .woocommerce table.cart td.actions .coupon,
  6525. .woocommerce-page #content table.cart td.actions .coupon,
  6526. .woocommerce-page table.cart td.actions .coupon {
  6527. margin-left: -12px;
  6528. }
  6529.  
  6530. .woocommerce #content table.cart td.actions .coupon .input-text,
  6531. .woocommerce table.cart td.actions .coupon .input-text,
  6532. .woocommerce-page #content table.cart td.actions .coupon .input-text,
  6533. .woocommerce-page table.cart td.actions .coupon .input-text {
  6534. width: 208px;
  6535. height: 42px;
  6536. padding: 6px 6px;
  6537. }
  6538.  
  6539. .woocommerce .cart-collaterals,
  6540. .woocommerce-page .cart-collaterals {
  6541. border-top-width: 3px;
  6542. border-top-style: solid;
  6543. border-color: #00a0d1;
  6544. padding-top: 30px;
  6545. }
  6546.  
  6547. .woocommerce .cart-collaterals .cart_totals tr td,
  6548. .woocommerce .cart-collaterals .cart_totals tr th,
  6549. .woocommerce-page .cart-collaterals .cart_totals tr td,
  6550. .woocommerce-page .cart-collaterals .cart_totals tr th {
  6551. border: 0;
  6552. font-weight: normal;
  6553. color: #474e52;
  6554. }
  6555.  
  6556. .checkout-wrap-button {
  6557. position: relative;
  6558. }
  6559.  
  6560. .checkout-button {
  6561. position: relative;
  6562. padding-right: 40px;
  6563. margin-left: 10px;
  6564. }
  6565.  
  6566. .checkout-button:after {
  6567. content: '\f061';
  6568. position: absolute;
  6569. top: 10px;
  6570. right: 14px;
  6571. font-family: 'FontAwesome';
  6572. font-size: 18px;
  6573. }
  6574.  
  6575. .woocommerce .cart-collaterals .cart_totals,
  6576. .woocommerce-page .cart-collaterals .cart_totals {
  6577. font-size: 18px;
  6578. width: auto;
  6579. margin-bottom: 50px;
  6580. }
  6581.  
  6582. .woocommerce .cart-collaterals .cart_totals table th,
  6583. .woocommerce-page .cart-collaterals .cart_totals table th {
  6584. width: auto;
  6585. padding-right: 100px;
  6586. }
  6587.  
  6588. tr.order-total .amount {
  6589. color: #02baab;
  6590. }
  6591.  
  6592. input.btn {
  6593. padding: 13px 18px 12px;
  6594. }
  6595.  
  6596. .woocommerce .cart-collaterals .shipping_calculator,
  6597. .woocommerce-page .cart-collaterals .shipping_calculator {
  6598. float: left;
  6599. width: auto;
  6600. text-align: left;
  6601. }
  6602.  
  6603. .woocommerce .cart-collaterals .shipping_calculator h2,
  6604. .woocommerce-page .cart-collaterals .shipping_calculator h2 {
  6605. font-size: 18px;
  6606. }
  6607.  
  6608. .woocommerce .woocommerce-error:before,
  6609. .woocommerce .woocommerce-info:before,
  6610. .woocommerce .woocommerce-message:before,
  6611. .woocommerce-page .woocommerce-error:before,
  6612. .woocommerce-page .woocommerce-info:before,
  6613. .woocommerce-page .woocommerce-message:before {
  6614. padding-top: 0;
  6615. display: none;
  6616. }
  6617.  
  6618. @media (max-width: 448px) {
  6619. .woocommerce table.shop_table .cart-buttons td,
  6620. .woocommerce-page table.shop_table .cart-buttons td {
  6621. text-align: center;
  6622. }
  6623.  
  6624. .woocommerce #content table.cart td.actions .coupon .input-text,
  6625. .woocommerce table.cart td.actions .coupon .input-text,
  6626. .woocommerce-page #content table.cart td.actions .coupon .input-text,
  6627. .woocommerce-page table.cart td.actions .coupon .input-text {
  6628. margin: 0 auto 10px;
  6629. float: none;
  6630. }
  6631.  
  6632. .woocommerce #content table.cart td.actions .coupon,
  6633. .woocommerce table.cart td.actions .coupon,
  6634. .woocommerce-page #content table.cart td.actions .coupon,
  6635. .woocommerce-page table.cart td.actions .coupon {
  6636. margin-left: 0;
  6637. }
  6638.  
  6639. .woocommerce table.cart td.actions input,
  6640. .woocommerce-page table.cart td.actions input {
  6641. margin: 0;
  6642. padding-right: 0;
  6643. padding-left: 0;
  6644. }
  6645.  
  6646. .checkout-button {
  6647. position: relative;
  6648. padding-right: 40px;
  6649. margin-top: 7px;
  6650. margin-left: 0;
  6651. }
  6652. }
  6653.  
  6654. /* Checkout */
  6655. #customer_details {
  6656. margin-bottom: 40px;
  6657. }
  6658.  
  6659. .woocommerce-billing-fields h3 {
  6660. border-bottom-width: 1px;
  6661. border-bottom-style: solid;
  6662. padding-bottom: 35px;
  6663. font-weight: 600;
  6664. font-size: 18px;
  6665. }
  6666.  
  6667. .woocommerce .checkout .col-2 h3#ship-to-different-address,
  6668. .woocommerce-page .checkout .col-2 h3#ship-to-different-address {
  6669. float: none;
  6670. }
  6671.  
  6672. .woocommerce-shipping-fields h3 .checkbox {
  6673. border-bottom-width: 1px;
  6674. border-bottom-style: solid;
  6675. margin-top: 0;
  6676. padding-left: 0;
  6677. padding-bottom: 35px;
  6678. font-weight: 600;
  6679. font-size: 18px;
  6680. }
  6681.  
  6682. .woocommerce-shipping-fields h3 .input-checkbox {
  6683. float: left;
  6684. margin-top: 3px;
  6685. margin-left: 10px;
  6686. margin-right: 5px;
  6687. width: 14px;
  6688. height: 14px;
  6689. border: 1px solid #8e8f8f;
  6690. }
  6691.  
  6692. .woocommerce-shipping-fields h3 .checkbox-text {
  6693. font-size: 14px;
  6694. font-weight: normal;
  6695. line-height: 20px;
  6696. }
  6697.  
  6698. .woocommerce form #order_comments {
  6699. height: 162px;
  6700. }
  6701.  
  6702. .woocommerce form .form-row label,
  6703. .woocommerce-page form .form-row label {
  6704. font-weight: normal;
  6705. margin-bottom: 0;
  6706. }
  6707.  
  6708. .woocommerce form .form-row .input-text,
  6709. .woocommerce-page form .form-row .input-text {
  6710. border: 1px solid #d4d4d4;
  6711. padding: 8px;
  6712. -webkit-border-radius: 2px;
  6713. -moz-border-radius: 2px;
  6714. border-radius: 2px;
  6715. }
  6716.  
  6717. #order_review h3 {
  6718. font-size: 18px;
  6719. font-weight: 600;
  6720. border-bottom-width: 1px;
  6721. border-bottom-style: solid;
  6722. padding-bottom: 35px;
  6723. }
  6724.  
  6725. #order_review .order-products {
  6726. margin-bottom: 20px;
  6727. }
  6728.  
  6729. #order_review .order-total {
  6730. margin-top: 20px;
  6731. text-transform: uppercase;
  6732. }
  6733.  
  6734. #order_review .order-total .price {
  6735. color: #02baab;
  6736. }
  6737.  
  6738. .cart-subtotal .amount {
  6739. color: #02baab !important;
  6740. }
  6741.  
  6742. #order_review .product-quantity {
  6743. color: #02baab;
  6744. }
  6745.  
  6746. #order_review .product-total {
  6747. color: #02baab;
  6748. }
  6749.  
  6750. .woocommerce #payment,
  6751. .woocommerce-page #payment {
  6752. background: none;
  6753. }
  6754.  
  6755. .woocommerce #payment ul.payment_methods,
  6756. .woocommerce-page #payment ul.payment_methods {
  6757. padding: 5px;
  6758. border: 0;
  6759. }
  6760.  
  6761. .woocommerce #payment div.payment_box,
  6762. .woocommerce-page #payment div.payment_box {
  6763. margin: 0;
  6764. width: 100%;
  6765. margin-bottom: 15px;
  6766. background: none;
  6767. border: 0;
  6768. padding: 0;
  6769. padding-left: 30px;
  6770. box-shadow: none;
  6771. -webkit-box-shadow: none;
  6772. font-size: 12px;
  6773. color: #85939f;
  6774. }
  6775.  
  6776. .woocommerce #payment div.payment_box:after,
  6777. .woocommerce-page #payment div.payment_box:after {
  6778. display: none;
  6779. }
  6780.  
  6781. .woocommerce #payment ul.payment_methods li,
  6782. .woocommerce-page #payment ul.payment_methods li {
  6783. margin-bottom: 10px;
  6784. }
  6785.  
  6786. .woocommerce form .place-order,
  6787. .woocommerce-page form .place-order {
  6788. float: left;
  6789. width: 100%;
  6790. margin-top: 20px;
  6791. padding-top: 40px;
  6792. border-top-width: 5px;
  6793. border-top-style: solid;
  6794. border-top-color: #00a0d1;
  6795. text-align: center;
  6796. font-size: 16px;
  6797. }
  6798.  
  6799. .woocommerce form .place-order .fa,
  6800. .woocommerce-page form .place-order .fa {
  6801. margin-left: 10px;
  6802. font-size: 20px;
  6803. position: relative;
  6804. top: 2px;
  6805. }
  6806.  
  6807. @media (min-width: 768px) {
  6808. #order_review .left-column {
  6809. float: left;
  6810. width: 48%;
  6811. }
  6812.  
  6813. #order_review .right-column {
  6814. float: right;
  6815. width: 48%;
  6816. }
  6817. }
  6818.  
  6819. .woocommerce .order_details,
  6820. .woocommerce-page .order_details {
  6821. padding: 0;
  6822. }
  6823.  
  6824. .woocommerce .woocommerce-error,
  6825. .woocommerce .woocommerce-info,
  6826. .woocommerce .woocommerce-message,
  6827. .woocommerce-page .woocommerce-error,
  6828. .woocommerce-page .woocommerce-info,
  6829. .woocommerce-page .woocommerce-message {
  6830. padding: 0 !important;
  6831. position: relative;
  6832. -webkit-border-radius: 4px;
  6833. border-radius: 4px;
  6834. background: none;
  6835. color: #5e5e5e;
  6836. text-shadow: none;
  6837. list-style: none outside!important;
  6838. width: auto;
  6839. border: 0;
  6840. -webkit-box-shadow: none;
  6841. box-shadow: none;
  6842. }
  6843.  
  6844. .woocommerce .woocommerce-info:before,
  6845. .woocommerce-page .woocommerce-info:before {
  6846. display: none;
  6847. }
  6848.  
  6849. .cart-result h2,
  6850. .cart-result h3 {
  6851. font-size: 18px;
  6852. font-weight: 600;
  6853. }
  6854.  
  6855. .cart-result dt {
  6856. font-size: 14px;
  6857. font-weight: 600;
  6858. }
  6859.  
  6860. /* My Account */
  6861. .woocommerce-page form.login,
  6862. .woocommerce-page form.register {
  6863. border: 1px solid #eeeeee;
  6864. padding: 20px;
  6865. margin: 2em 0;
  6866. text-align: left;
  6867. position: relative;
  6868. background-color: #f7f7f7;
  6869. -webkit-border-radius: 0;
  6870. border-radius: 0;
  6871. }
  6872.  
  6873. .woocommerce-page form.login:after,
  6874. .woocommerce-page form.register:after {
  6875. content: '';
  6876. position: absolute;
  6877. bottom: -1px;
  6878. left: 0;
  6879. width: 100%;
  6880. height: 2px;
  6881. background-color: #cccccc;
  6882. }
  6883.  
  6884. .woocommerce-page form.register {
  6885. background-color: #e9f2f4;
  6886. }
  6887.  
  6888. #customer_login h4 {
  6889. border-bottom-width: 1px;
  6890. border-bottom-style: solid;
  6891. padding-bottom: 34px;
  6892. margin-bottom: 25px;
  6893. }
  6894.  
  6895. #customer_login .required-text {
  6896. position: absolute;
  6897. top: 33px;
  6898. right: 20px;
  6899. }
  6900.  
  6901. #customer_login .button-box {
  6902. text-align: center;
  6903. margin-top: 40px;
  6904. }
  6905.  
  6906. #customer_login .login .button-box {
  6907. margin-top: 69px;
  6908. }
  6909.  
  6910. #customer_login input.btn {
  6911. padding: 8px 25px 9px;
  6912. min-width: 120px;
  6913. }
  6914.  
  6915. #customer_login .lost_password {
  6916. float: right;
  6917. display: inline;
  6918. font-size: 12px;
  6919. margin-top: 4px;
  6920. }
  6921.  
  6922. #customer_login .login .inline {
  6923. font-weight: normal;
  6924. font-size: 12px;
  6925. color: #84878a;
  6926. }
  6927.  
  6928. #customer_login #rememberme {
  6929. float: left;
  6930. margin-top: 4px;
  6931. margin-right: 5px;
  6932. }
  6933.  
  6934. /* Index */
  6935. .best-selling .title {
  6936. position: relative;
  6937. text-align: center;
  6938. margin: 0 0 45px;
  6939. }
  6940.  
  6941. .best-selling .title h2 {
  6942. font-size: 24px;
  6943. font-weight: 700;
  6944. }
  6945.  
  6946. .best-selling ul.products {
  6947. position: relative;
  6948. width: 9999px;
  6949. margin: 0px;
  6950. padding: 0px;
  6951. list-style-type: none;
  6952. text-align: center;
  6953. }
  6954.  
  6955. .best-selling ul.products li.product {
  6956. float: left !important;
  6957. margin: 0px;
  6958. padding: 0px;
  6959. cursor: pointer;
  6960. position: relative;
  6961. line-height: 0px;
  6962. display: list-item;
  6963. clear: none !important;
  6964. }
  6965.  
  6966. .best-selling ul.products .onsale {
  6967. top: 2px !important;
  6968. left: 7px !important;
  6969. }
  6970.  
  6971. .best-selling ul.products li.product a {
  6972. display: block;
  6973. margin: 0px 5px;
  6974. padding-bottom: 95px;
  6975. background-color: #ffffff;
  6976. border-width: 2px;
  6977. border-style: solid;
  6978. border-color: transparent;
  6979. }
  6980.  
  6981. .best-selling ul.products li.product:hover a {
  6982. border-color: #00a0d1;
  6983. }
  6984.  
  6985. .best-selling ul.products .star-rating {
  6986. margin: 0 auto 1.5em;
  6987. }
  6988.  
  6989. .best-selling ul.products li.product a.btn {
  6990. display: inline-block;
  6991. padding: 8px 18px;
  6992. margin-top: -90px;
  6993. min-height: 0px;
  6994. border-color: #00a0d1;
  6995. }
  6996.  
  6997. .best-selling ul.products li.product a.btn:hover {
  6998. border-color: #ffc600;
  6999. }
  7000.  
  7001. .best-selling ul.products li.product .product_thumbnail {
  7002. padding-bottom: 20px;
  7003. }
  7004.  
  7005. .best-selling ul.products li.product img {
  7006. max-width: 70%;
  7007. margin: 0 auto !important;
  7008. }
  7009.  
  7010. ul.products li.product .btn {
  7011. margin: 10px 0;
  7012. }
  7013.  
  7014. .best-selling ul.products li.product .btn i {
  7015. font-style: normal !important;
  7016. }
  7017.  
  7018. .best-selling .woocommerce ul.products li.product h3,
  7019. .best-selling .woocommerce-page ul.products li.product h3 {
  7020. margin: 10px 0 0;
  7021. }
  7022.  
  7023. .best-selling .woocommerce ul.products li.first,
  7024. .best-selling .woocommerce-page ul.products li.first {
  7025. clear: none;
  7026. }
  7027.  
  7028. /* Carousel */
  7029. .best-selling ul.products {
  7030. display:none;
  7031. }
  7032.  
  7033. .nbs-flexisel-container {
  7034. position:relative;
  7035. max-width:100%;
  7036. }
  7037. .nbs-flexisel-ul {
  7038. position:relative;
  7039. width: 9999px;
  7040. margin: 0px;
  7041. padding: 0px;
  7042. list-style-type: none;
  7043. text-align: center;
  7044. }
  7045.  
  7046. .nbs-flexisel-inner {
  7047. overflow:hidden;
  7048. float:left;
  7049. width:100%;
  7050. }
  7051.  
  7052. /* arrows */
  7053. .nbs-flexisel-nav-left,
  7054. .nbs-flexisel-nav-right {
  7055. width: 9px;
  7056. height: 17px;
  7057. position: absolute;
  7058. top: -82px !important;
  7059. cursor: pointer;
  7060. z-index: 100;
  7061. font-size: 30px;
  7062. color: #00a0d1;
  7063. }
  7064.  
  7065. .nbs-flexisel-nav-left:hover,
  7066. .nbs-flexisel-nav-right:hover {
  7067. color: #02baab;
  7068. }
  7069.  
  7070. .nbs-flexisel-nav-left {
  7071. right: 35px;
  7072. }
  7073.  
  7074. .nbs-flexisel-nav-left:after {
  7075. content: '\f104';
  7076. position: absolute;
  7077. font-family: 'FontAwesome';
  7078. }
  7079.  
  7080. .nbs-flexisel-nav-right {
  7081. right: 5px;
  7082. }
  7083.  
  7084. .nbs-flexisel-nav-right:after {
  7085. content: '\f105';
  7086. position: absolute;
  7087. font-family: 'FontAwesome';
  7088. }
  7089. /* Carousel End */
  7090.  
  7091. .dslc-product .dslc-product-title {
  7092. padding-top: 15px;
  7093. padding-bottom: 26px;
  7094. position: relative;
  7095. }
  7096.  
  7097. .dslc-product .dslc-product-price-secondary {
  7098. float: none;
  7099. width: 100%;
  7100. display: block;
  7101. position: absolute;
  7102. font-family: inherit !important;
  7103. font-weight: 400!important;
  7104. font-size: 14px !important;
  7105. color: #85939f !important;
  7106. bottom: 0;
  7107. }
  7108.  
  7109. .dslc-product .dslc-product-title h2,
  7110. .dslc-product .dslc-product-title h2 a {
  7111. font-size: 1em !important;
  7112. font-weight: 600 !important;
  7113. color: #00a0d1 !important;
  7114. }
  7115.  
  7116. .dslc-product-thumb .dslc-product-price {
  7117. display: none !important;
  7118. }
  7119.  
  7120. .dslc-product .dslc-post-separator {
  7121. border-color: #ededed;
  7122. margin-bottom: 0!important;
  7123. padding-bottom: 0;
  7124. border-style: dashed;
  7125. border: 0 !important;
  7126. }
  7127.  
  7128. .dslc-product .dslc-product-thumb-inner,
  7129. .dslc-product .dslc-product-thumb img {
  7130. margin: 0 auto;
  7131. }
  7132.  
  7133. .dslc-product .dslc-product-main {
  7134. padding: 0 !important;
  7135. border: 0 !important;
  7136. border-top: 1px solid #eeeeee !important;
  7137. margin-top: 15px !important;
  7138. }
  7139.  
  7140. .dslc-product .dslc-product-extra .dslc-product-add-to-cart {
  7141. float: none !important;
  7142. }
  7143.  
  7144. .dslc-product .dslc-product-sep {
  7145. display: none !important;
  7146. }
  7147.  
  7148. .dslc-product .dslc-product-extra .dslc-product-details {
  7149. display: none;
  7150. }
  7151.  
  7152. .dslc-product .dslc-product-extra .dslc-product-add-to-cart {
  7153. border: 2px solid #00a0d1;
  7154. padding: 12px 10px;
  7155. display: inline-block;
  7156. font-size: 14px !important;
  7157. font-family: inherit !important;
  7158. -webkit-border-radius: 4px;
  7159. -moz-border-radius: 4px;
  7160. border-radius: 4px;
  7161. color: #00a0d1 !important;
  7162. }
  7163.  
  7164. .dslc-product .dslc-product-extra .dslc-product-add-to-cart:hover {
  7165. border: 2px solid #ffc600;
  7166. color: #ffc600 !important;
  7167. }
  7168.  
  7169. .order-form {
  7170. padding: 50px 0;
  7171. }
  7172.  
  7173. .order-form h4 {
  7174. margin-bottom: 20px;
  7175. }
  7176.  
  7177. .order-form .amount-button {
  7178. float: left;
  7179. font-size: 14px;
  7180. width: 60px;
  7181. position: relative;
  7182. text-align: center;
  7183. outline: none;
  7184. padding: 0;
  7185. margin-right: 8px;
  7186. height: 45px;
  7187. color: #fff;
  7188. border: 0;
  7189. line-height: 45px;
  7190. cursor: pointer;
  7191. font-weight: bold;
  7192. background-color: #00a0d1;
  7193. }
  7194.  
  7195. .order-form .amount-button:hover,
  7196. .order-form .amount-button.active {
  7197. background-color: #ffc600;
  7198. }
  7199.  
  7200. .order-form .paypal-amount-wrapper {
  7201. margin-bottom: 25px;
  7202. }
  7203.  
  7204. .order-form .paypal-amount-wrapper .custom-amount {
  7205. padding: 9px 10px;
  7206. }
  7207.  
  7208. .order-form .form-field {
  7209. margin-bottom: 10px;
  7210. }
  7211.  
  7212. .order-form .form-field label {
  7213. display: block;
  7214. }
  7215.  
  7216. .order-form .form-field input[type="text"],
  7217. .order-form .form-field input[type="mail"],
  7218. .order-form .form-field input[type="password"],
  7219. .order-form .form-field textarea {
  7220. width: 100%;
  7221. }
  7222.  
  7223. .order-form .form-field textarea {
  7224. height: 150px;
  7225. }
  7226.  
  7227. .form-field-button {
  7228. text-align: center;
  7229. margin-top: 10px;
  7230. }
  7231.  
  7232. .amount-button {
  7233. position: absolute;
  7234. color: #333333;
  7235. cursor: pointer;
  7236. padding-top: 13px;
  7237. padding-left: 40px;
  7238. background: red;
  7239. }
  7240.  
  7241. .amount-button:checked + .check-label {
  7242. color: #d90000;
  7243. background: blue;
  7244. }
  7245.  
  7246. .amount-block {
  7247. float: left;
  7248. width: 60px;
  7249. height: 45px;
  7250. margin: 0 10px 0 0;
  7251. }
  7252.  
  7253. .woocommerce-breadcrumb {
  7254. display: none !important;
  7255. }
  7256. /* Woocommerce Styles End */
  7257.  
  7258. @media (max-width: 768px) {
  7259. .block-sermons .media-body {
  7260. display: inline-block;
  7261. vertical-align: top;
  7262. width: 100%;
  7263. }
  7264. }
  7265.  
  7266. @media (max-width: 960px) {
  7267. .row {
  7268. padding: 0 10px !important;
  7269. }
  7270.  
  7271. .filter {
  7272. padding: 0 10px;
  7273. }
  7274. }
  7275.  
  7276. #donate-form {
  7277. width: 700px;
  7278. margin: 0 auto;
  7279. }
  7280.  
  7281. #redirectMessage {
  7282. font-size: 22px;
  7283. line-height: 18px;
  7284. margin-bottom: 15px;
  7285. }
  7286.  
  7287. #donate-form input.btn {
  7288. padding: 10px 18px;
  7289. }
  7290.  
  7291. #form-loader {
  7292. display: none;
  7293. margin-left: 4px;
  7294. }
  7295.  
  7296. .field-name input {
  7297. padding: 0 4px;
  7298. }
  7299.  
  7300. #donate-form input[type="radio"] {
  7301. display: none;
  7302. }
  7303.  
  7304. .fancybox-skin {
  7305. padding: 0 !important;
  7306. }
  7307.  
  7308. .fancybox-wrap {
  7309. width: 800px !important;
  7310. margin: 50px 0 !important;
  7311. padding: 0 !important;
  7312. }
  7313.  
  7314. .fancybox-inner {
  7315. width: 100% !important;
  7316. padding: 0 !important;
  7317. }
  7318.  
  7319. .tp-bullets {
  7320. z-index: 100;
  7321. }
  7322.  
  7323. /* Animations Mobile Off */
  7324. @media (max-width: 480px) {
  7325. .dslc-in-viewport {
  7326. -webkit-transform: none !important;
  7327. -moz-transform: none !important;
  7328. transform: none !important;
  7329. opacity: 1 !important;
  7330. }
  7331. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement