Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*
- Theme Name: Graceland
- Author: Stylemix Themes
- Author URI: http://www.stylemixthemes.com
- Theme URI: http://graceland.stylemix.net/
- 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.
- Tags: graceland
- Version: 1.0
- License: GNU General Public License version 3.0
- License URI: http://www.gnu.org/licenses/gpl-3.0.html
- */
- /* Custom resets */
- html {
- height: 100%;
- }
- @media (max-width: 991px) {
- html {
- background: #fff !important;
- }
- }
- body {
- height: 100%;
- text-rendering: optimizeLegibility;
- -moz-osx-font-smoothing: grayscale;
- }
- body,
- input,
- button {-webkit-font-smoothing: antialiased;}
- img {
- max-width: 100%;
- height: auto;
- width: auto\9;
- -ms-interpolation-mode: bicubic;
- }
- blockquote {
- padding: 0 0 0 80px;
- }
- a {
- -webkit-transition: color 0.2s;
- -moz-transition: color 0.2s;
- -o-transition: color 0.2s;
- transition: color 0.2s;
- }
- p {
- word-break: break-word;
- -webkit-hyphens: auto;
- -moz-hyphens: auto;
- -ms-hyphens: auto;
- hyphens: auto;
- }
- h1, .h1, h2, .h2, h3, .h3 {
- margin-top: 0;
- margin-bottom: 10px;
- }
- .h4 {
- font-weight: 600;
- line-height: 24px;
- }
- /* Bootstrap customizations start */
- .caret {
- display: none;
- }
- .navbar-brand {
- float: none;
- display: block;
- padding-top: 20px;
- padding-bottom: 20px;
- height: auto;
- line-height: 34px;
- }
- @media (min-width: 768px) and (max-width: 991px) {
- .navbar-header {
- float: none;
- }
- .navbar-brand {
- text-align: center;
- }
- }
- @media (min-width: 768px) {
- .caret {
- position: absolute;
- left: 0;
- bottom: 3px;
- width: 100%;
- height: 9px;
- margin: 0;
- text-align: center;
- border: 0;
- }
- .caret:before {
- content: '';
- position: absolute;
- left: 50%;
- top: 0;
- width: 1px;
- height: 9px;
- margin-left: -1px;
- background: #d0a020;
- }
- .caret:after {
- content: '';
- position: absolute;
- left: 50%;
- top: 4px;
- width: 9px;
- height: 1px;
- margin-left: -5px;
- background: #d0a020;
- }
- .dropdown a:hover .caret:before,.dropdown a:hover .caret:after, .menu-item-language a:hover .caret:before,.menu-item-language a:hover .caret:after {
- background: #bb143f;
- }
- }
- @media (min-width: 992px) {
- .navbar-brand {
- padding-top: 12px;
- padding-bottom: 15px;
- min-width: 212px;
- text-align: left;
- }
- }
- .desktop .nav .dropdown:hover > ul, .desktop .nav .menu-item-language:hover > ul {
- display: block;
- }
- .dropdown-submenu{
- position:relative;
- }
- .dropdown-submenu>.dropdown-menu {
- top: 0;
- left: 100%;
- margin-top: -1px;
- }
- @media (max-width: 991px) {
- .navbar .navbar-nav>li:last-child .dropdown-submenu>.dropdown-menu {
- left: -100%;
- }
- }
- .desktop .nav .dropdown-submenu:hover>.dropdown-menu{
- display: block;
- left: 0;
- }
- @media (min-width: 767px) {
- .navbar-nav > li + li + li + li + li> .dropdown-menu .dropdown-menu {
- left: auto !important;
- right: 100%;
- }
- }
- .dropdown-submenu>a:after{
- position: absolute;
- right: 10px;
- content:"\f0da";
- font-family: 'FontAwesome';
- }
- .dropdown-submenu.pull-left{
- float:none;
- }
- .dropdown-submenu.pull-left>.dropdown-menu{
- left:-100%;
- margin-left:10px;
- }
- .form-control,.form-control:focus {
- -webkit-box-shadow: none;
- -moz-box-shadow: none;
- box-shadow: none;
- }
- .navbar-collapse {
- margin-left: -10px !important;
- margin-right: -10px !important;
- }
- .navbar {
- border: 0;
- min-height: 49px;
- -webkit-border-radius: 0;
- -moz-border-radius: 0;
- border-radius: 0;
- }
- .admin-bar .navbar-fixed-top.affix {
- top: 32px;
- }
- @media (max-width: 600px) {
- .admin-bar .navbar-fixed-top.affix {
- top: 0;
- }
- }
- .navbar-fixed-top.affix {
- position: fixed;
- width: 100%;
- top: 0;
- border-bottom: 2px solid #e7e7e7;
- }
- @media (min-width: 992px) {
- .boxed .navbar-fixed-top.affix {
- left: 50%;
- margin-left: -496px;
- max-width: 992px;
- }
- }
- .navbar-fixed-top {
- position: relative;
- }
- .navbar .main-menu .navbar-nav > .active > a:hover,.navbar .main-menu .navbar-nav > .open > a:hover {
- color: #bb143f;
- }
- .dropdown-menu, .sub-menu {
- margin: 0;
- padding: 0;
- border: 0;
- -webkit-box-shadow: none;
- -moz-box-shadow: none;
- box-shadow: none;
- -webkit-border-radius: 0;
- -moz-border-radius: 0;
- border-radius: 0;
- }
- .dropdown > .dropdown-menu, .sub-menu {
- border-top: 2px solid #dbdedf;
- }
- .dropdown > .dropdown-menu > li > .dropdown-menu {
- border: 1px solid #dbdedf;
- border-bottom: 0;
- }
- @media (min-width: 768px) {
- .dropdown-menu > li, .sub-menu > li {
- border-bottom: 1px solid #e7e7e7;
- }
- }
- .dropdown-menu > li > a, .sub-menu > li > a {
- position: relative;
- clear: both;
- display: block;
- font-weight: normal;
- line-height: 1.45;
- padding: 10px 20px;
- white-space: nowrap;
- }
- .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .sub-menu > li > a:hover, .sub-menu > li > a:focus {
- background-color: transparent;
- color: #ffc600;
- text-decoration: none;
- }
- .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 {
- background-color: transparent;
- color: #00a0d1;
- }
- .dropdown > .dropdown-menu > li > .dropdown-menu a:hover:before, li.dropdown-submenu:hover > a:before {
- content: '';
- position: absolute;
- left: 0;
- top: 0;
- width: 5px;
- height: 100%;
- background: #f2f2f2;
- }
- @media (max-width: 767px) {
- .navbar {
- border-bottom: 1px solid #e7e7e7;
- }
- .navbar-title {
- float: left;
- padding: 8px 0;
- line-height: 34px;
- font-size: 125%;
- text-transform: uppercase;
- }
- .dropdown-submenu>a:after{
- margin-right:-5px;
- }
- a.dropdown-toggle:after {
- display:none;
- }
- .dropdown > .dropdown-menu > li > .dropdown-menu {
- border: 0;
- margin-bottom: -1px;
- }
- .dropdown > .dropdown-menu > li > .dropdown-menu >li > a {
- padding-right: 35px;
- padding-left: 45px;
- }
- }
- .navbar-default {
- background: #fff;
- -webkit-box-shadow: none;
- -moz-box-shadow: none;
- box-shadow: none;
- border-top-width: 3px;
- border-top-style: solid;
- border-top-color: #00a0d1;
- }
- .navbar-default li {
- margin: 16px 8px 0;
- }
- .navbar-default .navbar-nav > li > a{
- white-space: nowrap;
- font-weight: 400;
- padding-top: 9px;
- padding-bottom: 18px;
- padding-right: 0;
- padding-left: 0;
- }
- .navbar-default li.active {
- border-top: 4px solid #00a0d1;
- }
- .navbar-default li.active a {
- padding-top: 5px;
- }
- .navbar-default li li {
- margin: 0;
- }
- .navbar-wide li,
- .navbar-transparent li,
- .navbar-wide-search li,
- .navbar-compact li,
- .navbar-hight li {
- margin: 0 !important;
- }
- .navbar-wide li.active,
- .navbar-transparent li.active,
- .navbar-wide-search li.active,
- .navbar-compact li.active,
- .navbar-hight li.active {
- border: 0 !important;
- }
- .navbar-wide .navbar-nav > li > a,
- .navbar-transparent .navbar-nav > li > a,
- .navbar-wide-search .navbar-nav > li > a,
- .navbar-compact .navbar-nav > li > a,
- .navbar-hight .navbar-nav > li > a
- {
- white-space: nowrap;
- padding-top: 9px;
- padding-bottom: 18px;
- padding-right: 8px;
- padding-left: 8px;
- }
- .navbar-transparent .navbar-nav > li > a {
- padding-top: 21px;
- }
- @media (max-width: 767px) {
- .navbar-nav.no-icons .menu-link-icon {display: none;}
- }
- .navbar-transparent {
- background: url("images/transparent_bg.png") repeat;
- border-top-width: 0 !important;
- position: relative;
- }
- .navbar-transparent .dropdown-menu,
- .navbar-transparent .sub-menu {
- background: url("images/transparent_bg.png") repeat;
- }
- /* Navbar Wide */
- @media (min-width: 767px) {
- .navbar.navbar-wide {
- background: #fff;
- -webkit-box-shadow: none;
- -moz-box-shadow: none;
- box-shadow: none;
- border-top: 0 !important;
- }
- .navbar.navbar-wide .container-fluid {
- float: left;
- width: 100%;
- padding-right: 0;
- padding-left: 0;
- }
- .navbar.navbar-wide .navbar-header {
- float: left;
- width: 100%;
- }
- .navbar.navbar-wide .navbar-header .navbar-brand {
- text-align: center;
- padding-top: 15px;
- padding-bottom: 28px;
- }
- .navbar.navbar-wide .navbar-collapse {
- float: left;
- width: 100%;
- margin: 0 !important;
- background: #00a0d1;
- }
- .navbar.navbar-wide .navbar-nav {
- float: none;
- display: table;
- width: 1000px;
- margin: 0 auto;
- background: #00a0d1;
- }
- .navbar.navbar-wide .navbar-nav li {
- float: none;
- display: table-cell;
- text-align: center;
- text-transform: uppercase;
- }
- .navbar.navbar-wide .navbar-nav li a {
- background: #00a0d1;
- padding-top: 10px;
- padding-right: 0;
- padding-bottom: 10px;
- padding-left: 0;
- position: relative;
- border-left: 1px solid #4dbddf;
- color: #ffffff;
- }
- .navbar.navbar-wide .navbar-nav li:first-child a {
- border: 0;
- }
- .navbar.navbar-wide .navbar-nav li.page_item a,
- .navbar.navbar-wide .navbar-nav li.current-menu-ancestor a {
- color: #ffc600;
- }
- .navbar.navbar-wide .navbar-nav li a .menu-link-icon {
- margin-top: -21px;
- padding-bottom: 19px;
- }
- .navbar.navbar-wide .menu-link-icon .icon-border {
- background: #ffc600;
- display: block;
- margin: 0;
- width: 100%;
- height: 3px;
- }
- .navbar.navbar-wide .navbar-nav .dropdown-menu li {
- display: block;
- text-align: left;
- text-transform: none;
- }
- .navbar.navbar-wide .navbar-nav .dropdown-menu li a {
- border: 0;
- padding-right: 10px;
- padding-left: 10px;
- background: transparent;
- color: #00a0d1;
- }
- .navbar.navbar-wide .navbar-nav .dropdown-menu li a:hover {
- color: #4dbddf;
- }
- }
- /* Navbar Wide Search */
- @media (min-width: 767px) {
- .navbar.navbar-wide-search {
- background: #fff;
- -webkit-box-shadow: none;
- -moz-box-shadow: none;
- box-shadow: none;
- border-top: 0 !important;
- }
- .navbar.navbar-wide-search .container-fluid {
- width: 1000px;
- position: relative;
- padding-right: 0;
- padding-left: 0;
- }
- .navbar.navbar-wide-search .navbar-header .navbar-brand {
- padding-top: 15px;
- padding-bottom: 28px;
- margin: 0 20px;
- }
- .navbar.navbar-wide-search .navbar-collapse {
- float: left;
- width: 100%;
- margin: 0 !important;
- }
- .navbar.navbar-wide-search .navbar-nav {
- float: none;
- display: table;
- width: 100%;
- margin-bottom: -1px;
- }
- .navbar.navbar-wide-search .navbar-nav li {
- float: none;
- display: table-cell;
- text-align: center;
- text-transform: uppercase;
- }
- .navbar.navbar-wide-search .navbar-nav li a {
- padding-top: 10px;
- padding-right: 0;
- padding-bottom: 10px;
- padding-left: 0;
- position: relative;
- border: 1px solid #ccecf6;
- border-left: 0;
- color: #00a0d1;
- }
- .navbar.navbar-wide-search .navbar-nav li:first-child a {
- border-left: 1px solid #ccecf6;
- }
- .navbar.navbar-wide-search .navbar-nav li.page_item a,
- .navbar.navbar-wide-search .navbar-nav li.current-menu-ancestor a {
- color: #ffc600;
- border-bottom: 1px solid #ccecf6;
- }
- .navbar.navbar-wide-search .navbar-nav li a .menu-link-icon {
- position: absolute;
- top: auto;
- left: 0;
- bottom: -1px;
- width: 100%;
- }
- .navbar.navbar-wide-search .menu-link-icon .icon-border {
- background: #ffc600;
- display: block;
- margin: 0;
- width: 100%;
- height: 3px;
- }
- .navbar.navbar-wide-search .navbar-nav .dropdown-menu li {
- display: block;
- width: auto;
- text-align: left;
- text-transform: none;
- }
- .navbar.navbar-wide-search .navbar-nav .dropdown-menu li a {
- border: 0;
- padding-right: 10px;
- padding-left: 10px;
- background: transparent;
- color: #00a0d1;
- }
- .navbar.navbar-wide-search .navbar-nav .dropdown-menu li a:hover {
- color: #4dbddf;
- }
- .navbar.navbar-wide-search .navbar-form {
- display: block;
- position: absolute;
- top: 11px;
- right: 0;
- }
- .navbar.navbar-wide-search .navbar-form .form-group {
- border: 1px solid #eaebec;
- height: 30px;
- margin-right: 20px;
- padding-right: 10px;
- overflow: hidden;
- }
- .navbar.navbar-wide-search .navbar-form .form-group .form-control {
- border: 0;
- float: left;
- height: auto;
- padding: 3px 8px;
- }
- .navbar.navbar-wide-search .navbar-form .form-group .btn-search {
- border: 0;
- padding: 0;
- top: 2px;
- position: relative;
- background: transparent;
- color: #0fa6d4;
- }
- }
- /* Navbar Compact */
- @media (min-width: 767px) {
- .navbar.navbar-compact .navbar-nav li a .menu-link-icon {
- display: none;
- }
- .navbar.navbar-compact .navbar-nav {
- margin-top: 20px;
- margin-bottom: 20px;
- }
- .navbar.navbar-compact .navbar-nav li a {
- padding-top: 3px;
- padding-bottom: 3px;
- text-transform: none;
- font-size: 17px;
- }
- .navbar.navbar-compact .navbar-nav li.page_item a,
- .navbar.navbar-compact .navbar-nav li.current-menu-ancestor a {
- color: #ffffff;
- background: #ffc600;
- }
- .navbar.navbar-compact .navbar-nav li.page_item:hover a,
- .navbar.navbar-compact .navbar-nav li.current-menu-ancestor:hover a {
- color: #ffffff;
- background: #ffc600;
- }
- .navbar.navbar-compact .navbar-nav .dropdown-menu li a {
- border: 0;
- padding: 10px;
- font-size: 14px;
- background: transparent !important;
- color: #00a0d1 !important;
- }
- }
- @media (min-width: 767px) {
- .navbar.navbar-hight .navbar-nav li a {
- padding-top: 20px;
- padding-bottom: 20px;
- }
- .navbar.navbar-hight .navbar-nav li.page_item a,
- .navbar.navbar-hight .navbar-nav li.current-menu-ancestor a {
- color: #ffffff;
- background: #ffc600;
- }
- .navbar.navbar-hight .navbar-nav li.page_item:hover a,
- .navbar.navbar-hight .navbar-nav li.current-menu-ancestor:hover a {
- color: #ffffff;
- background: #ffc600;
- }
- .navbar.navbar-hight .navbar-nav li a .menu-link-icon {
- position: absolute;
- top: auto;
- left: 0;
- bottom: 0;
- width: 100%;
- }
- .navbar.navbar-hight .menu-link-icon .icon-border {
- margin: 0;
- background: #e5b200;
- }
- .navbar.navbar-hight .navbar-nav .dropdown-menu li a {
- padding: 10px;
- background: #ffffff !important;
- color: #00a0d1 !important;
- }
- }
- .navbar-form {
- display: none;
- }
- /* Navbar End */
- .page-header {
- padding: 158px 0 0 0;
- margin: 0;
- background-position: 50% 50%;
- background-repeat: no-repeat;
- -webkit-background-size: cover;
- -moz-background-size: cover;
- -o-background-size: cover;
- background-size: cover;
- }
- .page-header .current-page {
- color: #ffffff;
- }
- .breadcrumb {
- padding: 0 0 35px 5px;
- margin-bottom: 16px;
- background-color: transparent;
- -webkit-border-radius: 0;
- -moz-border-radius: 0;
- border-radius: 0;
- }
- .breadcrumb a {
- color: #ffffff;
- }
- .breadcrumb .active {
- display: none;
- }
- .breadcrumb:before {
- content: "\f015";
- display: inline-block;
- margin-right: 10px;
- font-family: FontAwesome;
- font-style: normal;
- font-weight: normal;
- line-height: inherit;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- }
- .h4.panel-title {
- font-size: 100%;
- }
- .panel-accordion .panel {
- margin-bottom: 0;
- border-left: 0;
- border-right: 0;
- border-bottom: 0;
- }
- .panel-accordion .panel:first-child {
- border-top: 0;
- }
- .panel-accordion .panel-heading {
- padding-left: 30px;
- border-bottom: 0;
- }
- .panel-accordion .panel-heading .panel-title {
- position: relative;
- }
- .panel-accordion .panel-heading .panel-title span {
- position: absolute;
- left: -25px;
- top: 0;
- display: none;
- font-weight: normal;
- }
- .panel-accordion .panel-heading .panel-title .collapsed span {
- display: block;
- }
- .panel-accordion .panel-heading .panel-title span.collapse {
- display: block;
- }
- .panel-accordion .panel-heading .panel-title .collapsed span.collapse {
- display: none;
- }
- .panel-accordion .panel-body {
- padding-left: 30px;
- padding-top: 0;
- padding-bottom: 15px;
- }
- .pagination:after {
- content: '';
- display: block;
- clear: both;
- height: 0;
- }
- .pagination.pages a:first-child {
- display: inline-block;
- vertical-align: top;
- margin-right: 10px;
- }
- .pagination.pages li a:first-child {
- margin: 0;
- vertical-align: middle;
- }
- .pagination.pages li span {
- color: #474d52;
- }
- .pagination.pages li span:hover {
- border: 0;
- padding: 1px;
- }
- .pagination.pages li a span {
- color: #00a0d1;
- }
- /* Bootstrap customizations end */
- /* Black and White colors */
- .text-color-black {
- color: #000;
- }
- .text-color-white {
- color: #fff;
- }
- .border-color-black {
- border-color: #000;
- }
- .border-color-white {
- border-color: #fff;
- }
- .background-color-black {
- background-color: #000;
- }
- .background-color-white {
- background-color: #fff;
- }
- /* =WordPress Core
- -------------------------------------------------------------- */
- .alignnone {
- margin: 0 0 5px 0;
- }
- .alignleft {
- margin: 5px 20px 20px 0;
- display: inline;
- float: left;
- }
- .alignright {
- margin: 5px 0 20px 20px;
- display: inline;
- float: right;
- }
- .aligncenter {
- margin: 0 auto 20px;
- display: block;
- clear: both;
- }
- .sticky {
- position: relative;
- border: 1px solid #ccc;
- padding: 10px;
- margin-bottom: 20px;
- }
- .wp-caption {
- margin-bottom: 25px;
- max-width: 100%;
- }
- .wp-caption img {
- display: block;
- margin-bottom: 5px;
- }
- .wp-caption-text {
- margin-bottom: 0;
- font-size: 14px;
- font-style: italic;
- color: #d0692c;
- }
- /* Helper classes */
- .display-table {
- display: table;
- }
- .display-table .align-top {
- display: table-cell;
- vertical-align: top;
- }
- .display-table .align-middle {
- display: table-cell;
- vertical-align: middle;
- }
- .display-table .align-bottom {
- display: table-cell;
- vertical-align: bottom;
- }
- /* Page wrapper */
- #wrapper {
- position: relative;
- overflow: hidden;
- width: 100%;
- min-height: 100%;
- min-width: 320px;
- margin: 0 auto;
- background: #fff;
- }
- .boxed #wrapper {
- max-width: 992px;
- -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
- -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
- box-shadow: 0 5px 10px rgba(0,0,0,0.2);
- }
- /* Page header */
- @media (min-width: 940px) {
- #header {
- position: absolute;
- top: 0;
- left: 50%;
- z-index: 999;
- width: 1000px;
- margin-left: -500px;
- }
- }
- #header .block-top {
- padding: 5px 0;
- background-image: url("images/pattern.png");
- }
- #header .upcoming-event {
- padding: 5px 0;
- font-size: 85%;
- }
- @media (max-width: 767px) {
- #header .upcoming-event {
- margin-bottom: 10px;
- text-align: center;
- }
- }
- #header .upcoming-event .upcoming-caption {
- padding: 0 5px;
- }
- .header-right {
- text-align: right;
- }
- /* Social icons */
- #header .social-links {
- display: inline-block;
- vertical-align: top;
- padding: 3px 0;
- margin-left: 20px;
- }
- .navbar-toggle {
- margin-top: 26px;
- }
- @media (max-width: 767px) {
- .header-right {
- text-align: left;
- }
- #header .social-links {
- display: block;
- padding: 3px 0;
- margin: 0;
- text-align: center;
- }
- }
- #header .social-links a {
- display: inline-block;
- width: 24px;
- height: 24px;
- text-decoration: none;
- text-align: center;
- margin: 5px 15px 5px 0;
- -webkit-border-radius: 50%;
- -moz-border-radius: 50%;
- border-radius: 50%;
- }
- @media (min-width: 768px) {
- #header .social-links a {
- margin: 0 9px;
- }
- #header .social-links a:last-child {
- margin-right: -2px;
- }
- .navbar-nav {
- float: right;
- }
- }
- @media (max-width: 991px) and (min-width: 768px){
- .navbar-nav {
- float: none;
- text-align: center;
- }
- .navbar-nav > li {
- float: none;
- display: inline-block;
- }
- .navbar-nav > li ul {
- text-align: left;
- }
- .navbar-nav > li > a {
- padding-top: 0;
- }
- .navbar-brand {
- padding-bottom: 8px;
- }
- }
- /* Search box */
- .search-result {
- padding: 50px 0;
- }
- .search-result .search-submit {
- padding-top: 4px;
- padding-bottom: 4px;
- }
- #header .search-box {
- display: none;
- vertical-align: top;
- position: relative;
- overflow: hidden;
- min-height: 1px;
- margin: 0 0 10px 0;
- }
- .search_result {
- padding: 50px 0;
- }
- .search_result h1 {
- margin-top: 0;
- line-height: 24px;
- margin-bottom: 20px;
- }
- .search_result .search-field {
- height: 42px;
- }
- @media (min-width: 768px) {
- #header .search-box {
- display: inline-block;
- width: 220px;
- margin: 0;
- }
- }
- #header .search-box .input-group {
- position: static;
- }
- .block-top .search-box .input-group .form-control {
- position: absolute;
- left: 100%;
- padding: 2px 34px 4px 10px;
- width: 220px;
- height: auto;
- border: 0;
- -webkit-transition: left 0.2s;
- -moz-transition: left 0.2s;
- -o-transition: left 0.2s;
- transition: left 0.2s;
- }
- .block-top .search-box.opened .input-group .form-control {
- left: 0;
- }
- @media (max-width: 767px) {
- .block-top .search-box .input-group {
- width: 100%;
- }
- .block-top .search-box .input-group .form-control {
- left: 0;
- width: 100%;
- }
- }
- .block-top .search-box .input-group-btn .btn {
- padding: 3px 10px;
- min-width: 0;
- border: 0;
- outline: none;
- background: transparent;
- -webkit-box-shadow: none;
- -moz-box-shadow: none;
- box-shadow: none;
- -webkit-border-radius: 0;
- -moz-border-radius: 0;
- border-radius: 0;
- }
- /* Navbar */
- #navbar {
- border-top-width: 3px;
- border-top-style: solid;
- }
- #header .brand {
- padding: 0 0 20px 0;
- }
- @media (min-width: 992px) {
- #header .brand {
- display: table;
- width: 100%;
- }
- }
- #header .logo {
- position: relative;
- min-height: 1px;
- margin-bottom: 20px;
- padding-left: 10px;
- padding-right: 10px;
- text-align: center;
- }
- @media (min-width: 992px) {
- #header .logo {
- display: table-cell;
- vertical-align: bottom;
- width: 25%;
- margin-bottom: 0;
- text-align: left;
- }
- #header .logo img {
- vertical-align: top;
- }
- }
- #header .slogan {
- display: none;
- padding-left: 10px;
- padding-right: 10px;
- color: #bebebe;
- }
- @media (min-width: 992px) {
- #header .slogan {
- display: table-cell;
- vertical-align: bottom;
- width: 25%;
- }
- #header .slogan span {
- position: relative;
- top: 6px;
- }
- }
- #header .valign-top {
- vertical-align: top !important;
- }
- #header .valign-bottom {
- vertical-align: bottom !important;
- }
- #header .valign-middle {
- vertical-align: middle !important;
- }
- aside {
- position: relative;
- min-height: 1px;
- padding-left: 10px;
- padding-right: 10px;
- }
- @media (min-width: 992px) {
- aside {
- float: left;
- width: 33.33333333333333%;
- }
- }
- .current-page {
- margin-top: 62px;
- font-weight: 300;
- font-size: 48px;
- }
- /* Navbar menu icon */
- .navbar-nav .menu-link-icon {
- display: block;
- position: relative;
- top: 8px;
- text-align: center;
- visibility: hidden;
- }
- .navbar-nav .menu-link-icon .icon-border {
- background: #00a0d1;
- display: block;
- margin: 10px 0;
- width: 100%;
- height: 3px;
- }
- .navbar-nav li.active .menu-link-icon {
- visibility: visible;
- }
- .navbar-nav li.current-menu-ancestor .menu-link-icon {
- visibility: visible;
- display: none;
- }
- .navbar-nav .dropdown-menu .menu-link-icon {
- display: none;
- top: 0;
- }
- .navbar-nav .menu-item-language .menu-link-icon span:before {
- content: '\f0ac';
- }
- @media (max-width: 767px) {
- .navbar-nav .menu-link-icon {
- display: inline;
- top: 0;
- margin-right: 5px;
- }
- }
- .navbar-nav.no-icons .menu-link-icon {
- visibility: hidden;
- display: none;
- }
- /*Navbar btn*/
- #header .navbar-btn {
- margin-right: 10px;
- margin-top: 28px;
- color: inherit !important;
- font-size: 100%;
- font-weight: bold;
- padding: 6px;
- opacity: 1 !important;
- background: transparent !important;
- border: 2px solid #d0a020;
- -webkit-box-shadow: none;
- -moz-box-shadow: none;
- box-shadow: none;
- -webkit-border-radius: 5px;
- -moz-border-radius: 5px;
- border-radius: 5px;
- }
- /* Block title */
- .block-header {
- position: relative;
- margin-top: 0;
- padding-top: 0;
- line-height: 1em;
- }
- .block-sidebar .block-header {
- padding-top: 0;
- }
- .block-header .block-title {
- text-align: center;
- display: table;
- width: 100%;
- position: relative;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- z-index: 1;
- }
- .block-header .block-title div {
- display: table-cell;
- width: 50%;
- white-space: nowrap;
- }
- .block-header .block-title .fa {
- position: absolute;
- top: -48px;
- left: 0;
- width: 100%;
- text-align: center;
- }
- .block-header .dslca-editable-content {
- text-align: center;
- width: 1%;
- padding: 0 15px;
- }
- .block-header .block-title span {
- display: inline-block;
- width: 100%;
- line-height: 32px;
- }
- .block-header .view-all {
- float: right;
- padding: 0.1em 0 0 6px;
- white-space: nowrap;
- font-size: 14px;
- }
- .block-header .view-all .fa {
- font-size: 16px;
- padding-left: 5px;
- }
- .block-header .headline {
- overflow: hidden;
- height: 1em;
- }
- .block-header .headline span {
- display: block;
- position: relative;
- margin-top: 0.6em;
- height: 1px;
- }
- .block-header .headline span em {
- position: absolute;
- left: 0;
- top: -2px;
- width: 5px;
- height: 5px;
- background-color: inherit;
- -webkit-border-radius: 5px;
- -moz-border-radius: 5px;
- border-radius: 5px;
- }
- /* Post Thumbnail */
- .block-sermons.compact-size {
- text-align: center;
- }
- .compact-size .post-thumbnail {
- float: none !important;
- width: 100% !important;
- }
- .compact-size .post-thumbnail .thumbnail-frame {
- position: relative;
- display: inline-block;
- vertical-align: top;
- }
- .post-thumbnail .thumbnail-frame img {
- background-color: #ffffff;
- }
- .compact-size .post-thumbnail .thumbnail-frame:before {
- content: '';
- position: absolute;
- top: 50%;
- left: -40px;
- width: 35px;
- height: 96px;
- margin-top: -48px;
- background: url("images/spica-yellow-left.png") no-repeat 0 0;
- }
- .compact-size .post-thumbnail .thumbnail-frame:after {
- content: '';
- position: absolute;
- top: 50%;
- right: -40px;
- width: 35px;
- height: 96px;
- margin-top: -48px;
- background: url("images/spica-yellow-right.png") no-repeat 0 0;
- }
- @media (max-width: 767px) {
- .full-size .post-thumbnail {
- float: none;
- width: 100% !important;
- }
- }
- /* Block sermons */
- .sermon-body.horizontal {
- display: table;
- width: 100%;
- }
- .sermon-body.horizontal .sermon-excerpt {
- display: table-cell;
- width: 99%;
- vertical-align: top;
- }
- .sermon-body.horizontal .sermon-media {
- display: table-cell;
- vertical-align: top;
- padding-left: 20px;
- padding-top: 7px;
- }
- .sermon-body.stacked .sermon-excerpt {
- display: block;
- width: 100%;
- padding-bottom: 10px;
- }
- .sermon-body.stacked .sermon-media {
- display: block;
- padding-left: 0;
- }
- .sermon-body.stacked .sermon-media.compact-size {
- float: none;
- max-width: 300px;
- margin: 0 auto;
- }
- .sermon-media table {
- display: block;
- position: relative;
- overflow: hidden;
- overflow: visible\0/;
- width: 100%;
- border-spacing: 0;
- border-collapse: collapse;
- border-width: 1px;
- border-style: solid;
- }
- .sermon-media table tbody {
- width: 100%;
- display: table;
- }
- .sermon-media table td {
- padding: 0;
- border-style: solid;
- border-width: 1px;
- border-color: inherit;
- background-color: #ffffff;
- text-align: center;
- font-size: 18px;
- width: 25%;
- border-top: 0;
- border-bottom: 0;
- }
- .sermon-media table td:first-child {
- border-left-width: 0;
- border-left-width: 1px\0/;
- }
- .sermon-media table td:last-child {
- border-right-width: 0;
- border-right-width: 1px\0/;
- }
- .sermon-media table td a {
- display: block;
- min-width: 57px;
- text-align: center;
- }
- .sermon-media .icon-label {
- margin-left: 5px;
- }
- .sermon-media table td a:hover .icon-label {
- color: inherit;
- }
- .sermon-media.compact-size .icon-label {
- display: none;
- }
- .sermon-media.compact-size td {
- text-align: center;
- }
- .sermon-media .tab-content .tab-pane {
- border: none;
- padding: 0;
- }
- @media (max-width: 767px) {
- .block-sermons.full-size .sermon-body .sermon-excerpt {
- display: block;
- width: 100%;
- padding-bottom: 10px;
- }
- .block-sermons.full-size .sermon-body .sermon-media {
- display: block;
- padding-left: 0;
- }
- .sermon-media.full-size .icon-label {
- display: none;
- }
- .sermon-media.full-size td {
- text-align: center;
- }
- }
- .block-sermons .post-list .row:last-child .type-sermon {
- margin-bottom: 0 !important;
- }
- .block-sermons .post-meta {
- padding-top: 5px;
- }
- .post-meta .post-tags a {
- margin-left: 5px;
- }
- .block-sermons .post-meta .fa {
- padding-right: 3px;
- }
- /* Block testimonials */
- .block-testimonials .media {
- margin-bottom: 30px;
- }
- .block-testimonials .media .author-info {
- margin-bottom: 10px;
- }
- .block-testimonials .media .author-info .testimonial-icon {
- float: left;
- margin-right: 20px;
- }
- .block-testimonials .media .author-info .author-info-name {
- font-size: 128.5%;
- line-height: normal;
- }
- .block-testimonials .media .author-info .author-info-position {
- font-weight: bold;
- }
- .carousel-navigation {
- float: right;
- margin: 2px 0 0 5px;
- font-family: FontAwesome;
- font-size: 1.5em;
- font-weight: normal;
- letter-spacing: 0.3em;
- white-space: nowrap;
- -webkit-user-select: none;
- -moz-user-select: none;
- user-select: none;
- }
- .carousel-navigation .prev, .carousel-navigation .next {
- cursor: pointer;
- }
- .type-carousel .row {
- width: 100%;
- }
- .carousel-navigation .disabled {
- cursor: default;
- opacity: 0.5;
- color: inherit !important;
- }
- .carousel-box {
- position: relative;
- }
- .carousel-box .carousel-navigation {
- position: absolute;
- top: 50%;
- left: 0;
- margin: 0;
- width: 100%;
- padding: 0 2%;
- font-size: 30px;
- z-index: 999;
- }
- .carousel-box .carousel-navigation .next {
- float: right;
- }
- .carousel-box .type-carousel {
- margin: 0 50px;
- }
- /* Block staff */
- .block-staff .media-body {
- text-align: center;
- }
- .block-staff .post-thumbnail {
- text-align: center;
- }
- .block-staff .post-thumbnail img {
- border-style: solid !important;
- }
- .block-staff .media .author-info {
- margin-bottom: 10px;
- }
- .block-staff .media .author-info .author-info-name {
- font-size: 128.5%;
- }
- .block-staff .media .author-info .author-info-position {
- position: relative;
- }
- @media (max-width: 767px) {
- .block-staff .media {
- text-align: center;
- }
- .block-staff .media .media-object {
- margin: 0 auto;
- }
- }
- /* Post meta */
- .post-list .post-meta {
- padding-top: 0;
- }
- .post-meta {
- font-size: 85.5%;
- margin-bottom: 20px;
- width: 100%;
- }
- .post-meta .fa {
- margin-right: 4px;
- }
- .post-meta .title {
- text-transform: uppercase;
- padding-right: 5px;
- color: #474e52;
- clear: both;
- }
- .post-meta > span {
- margin-right: 10px;
- }
- .post-meta > span.separator:first-child {
- display: none;
- }
- .post-meta a:hover {
- text-decoration: underline;
- }
- .block-blog .post-meta {
- font-size: 100%;
- }
- .full-size.post-meta {
- display: table;
- }
- .full-size.post-meta > span {
- display: table-cell;
- width: 20%;
- }
- .full-size.post-meta .title {
- display: block;
- }
- /* Blog posts */
- .block-blog .post-thumbnail {
- text-align: center;
- position: relative;
- display: block;
- color: #fff;
- }
- .block-blog.full-size .media-top {
- display: block;
- }
- .block-blog.compact-size .media-top {
- display: none;
- }
- .block-blog.full-size .media-bottom {
- display: none;
- }
- .block-blog.compact-size .media-bottom {
- display: block;
- }
- @media (max-width: 767px) {
- .block-blog .post-thumbnail {
- display: inline-block;
- }
- }
- .block-blog .post-thumbnail img {
- max-width: 100%;
- -webkit-transition: border 0.2s;
- -moz-transition: border 0.2s;
- -o-transition: border 0.2s;
- transition: border 0.2s;
- }
- .block-blog .post-thumbnail .object-overlay {
- position: absolute;
- left: 0;
- top: 0;
- right: 0;
- bottom: 0;
- text-align: center;
- line-height: 100%;
- opacity: 0;
- background: rgba(0,0,0,0.4);
- -webkit-transition: opacity 0.2s;
- -moz-transition: opacity 0.2s;
- -o-transition: opacity 0.2s;
- transition: opacity 0.2s;
- }
- .block-blog .post-thumbnail .object-overlay:hover {
- opacity: 1;
- }
- .block-blog .post-thumbnail .object-overlay .object-icon {
- display: table;
- width: 100%;
- height: 100%;
- }
- .block-blog .post-thumbnail .object-overlay .object-icon .font-icon {
- display: table-cell;
- vertical-align: middle;
- }
- .block-blog .post-thumbnail .object-overlay .object-icon .font-icon .fa-stack .fa-stack-1x {
- font-size: 71%;
- top: 10px;
- }
- .block-blog .pagination {
- margin-bottom: 0 !important;
- }
- /* Block banners */
- .block-banners>h3, .block-banners>.h3 {
- margin-top: 0;
- }
- .block-banners a {
- display: block;
- position: relative;
- margin-bottom: 20px;
- }
- .block-banners .row:last-child a {
- margin-bottom: 0;
- }
- .block-banners a .banner-image img {
- width: 100%;
- }
- .block-banners a .banner-overlay {
- position: absolute;
- left: 0;
- right: 0;
- bottom: 0;
- padding: 5px 10px;
- color: #fff;
- font-weight: bold;
- }
- .block-banners a:hover .banner-overlay {
- border-top-width: 3px;
- border-top-style: solid;
- }
- .block-banners a .banner-overlay .read-more {
- display: none;
- color: #ffe293;
- }
- .block-banners a:hover .banner-overlay .read-more {
- display: block;
- }
- /* Sidebar */
- #sidebar {
- float: left;
- width: 100%;
- position: relative;
- padding: 0 15px;
- }
- #sidebar h2, #sidebar h3 {
- font-size: 1.28em;
- }
- #sidebar .search-form {
- text-align: center;
- }
- #sidebar .search-form label {
- border: 0;
- }
- #sidebar .search-submit {
- margin: 10px 0;
- }
- #sidebar ul {
- list-style: none;
- padding: 0;
- }
- #sidebar ul li ul li {
- position: relative;
- padding: 10px 10px 10px 16px;
- border-top: 1px solid #eaebec;
- line-height: 20px;
- }
- #sidebar ul li ul li:before {
- content: '';
- position: absolute;
- left: 0;
- top: 15px;
- width: 8px;
- height: 12px;
- font-size: 120%;
- background: url("images/pink-arrow.png") no-repeat 0 0;
- }
- #sidebar .dslc-widget {
- clear: both;
- }
- #sidebar select {
- width: 100%;
- }
- #sidebar .rsswidget img {
- vertical-align: top;
- margin: 3px 5px 0 0;
- }
- /* Widgets start */
- .block-sidebar {
- position: relative;
- padding: 0 8px;
- }
- .block-sidebar .row div:last-child {
- margin-bottom: 0 !important;
- }
- .block-sidebar .block-header .block-title {
- padding-right: 0;
- margin-bottom: 0;
- text-align: left;
- clear: both;
- }
- .block-sidebar .headline {
- display: none;
- }
- @media (max-width: 767px) {
- .block-sidebar {
- margin-top: 30px;
- }
- .block-sidebar .row {
- padding: 0 !important;
- }
- }
- .widget-title {
- margin-bottom: 12px;
- font-size: 18px;
- font-weight: normal;
- }
- #footer .widget-title {
- margin-bottom: 35px;
- padding-bottom: 12px;
- position: relative;
- text-transform: uppercase;
- font-size: 14px;
- font-weight: bold;
- }
- #footer .widget-title:after {
- content: '';
- position: absolute;
- bottom: -7px;
- left: 0;
- width: 50px;
- height: 5px;
- background-color: #474e52;
- }
- #footer .widget_stm_instagram .widget-title {
- margin-bottom: 26px;
- }
- /* Widget tag cloud */
- .widget_tag_cloud .tagcloud a {
- display: inline-block;
- vertical-align: bottom;
- margin: 0 2px 5px 0;
- opacity: 0.6;
- color: #000;
- font-size: 100% !important;
- padding: 0 10px;
- background: #eaeaea;
- }
- .widget_tag_cloud .tagcloud a:hover {
- opacity: 1;
- background: #e7e7e7;
- }
- #footer .widget_tag_cloud .tagcloud a {
- opacity: 1;
- color: #fff;
- background: #3d3d3d;
- }
- #footer .widget_tag_cloud .tagcloud a:hover {
- opacity: 0.9;
- }
- /* Widget recent entries */
- .widget_recent_entries {
- margin-bottom: 30px;
- }
- .widget_recent_entries ul {
- margin: -10px 0 0 0 ;
- padding: 0;
- list-style: none;
- }
- .widget_recent_entries ul.children {
- margin-left: -15px;
- margin-top: 1px;
- }
- .widget_recent_entries ul li {
- position: relative;
- padding: 10px 10px 10px 16px;
- border-top: 1px solid #eaebec;
- line-height: 20px;
- }
- .widget_recent_entries ul li:first-child {
- border-top: 0;
- }
- .widget_recent_entries ul li:before {
- content: '';
- position: absolute;
- left: 0;
- top: 15px;
- width: 8px;
- height: 12px;
- font-size: 120%;
- background: url("images/yellow-arrow.png") no-repeat 0 0;
- }
- .widget_recent_entries ul li .post-date {
- display: block;
- color: #9b9b9b;
- font-size: 85%;
- }
- /* Widget search */
- .search-form label {
- margin-bottom: 0;
- vertical-align: bottom;
- border-width: 0 !important;
- }
- .search-form .search-submit {
- vertical-align: bottom;
- }
- .widget_search .search-form {
- position: relative;
- }
- .widget_search .screen-reader-text {
- position: absolute;
- width: 1px;
- height: 1px;
- margin: -1px;
- padding: 0;
- overflow: hidden;
- clip: rect(0, 0, 0, 0);
- border: 0;
- }
- .widget_search label {
- float: left;
- width: 100%;
- display: block;
- border-color: #eaebec;
- border-width: 1px;
- border-style: solid;
- }
- .search-field {
- display: block;
- float: left;
- width: 100%;
- height: 30px;
- padding: 1px 30px 1px 10px;
- font-size: 12px;
- line-height: 22px;
- font-weight: normal;
- color: #9b9b9b;
- background-color: #ffffff;
- background-image: none;
- border: 0;
- border-radius: 0;
- -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
- transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
- }
- .widget .search-form .search-submit {
- position: absolute;
- top: 8px;
- right: 10px;
- font-size: 0;
- padding: 0;
- border: 0;
- min-width: 0;
- width: 16px;
- height: 16px;
- line-height: 0;
- background: url("images/loupe.png") no-repeat 0 0;
- }
- /* Widget categories, recent posts, archive */
- .widget_categories ul, .widget_recent_comments ul, .widget_archive ul {
- margin: -10px 0 0 0 ;
- padding: 0;
- list-style: none;
- }
- .widget_categories ul.children {
- margin-top: 1px;
- }
- .widget_categories li, .widget_recent_comments li, .widget_archive li {
- position: relative;
- padding: 10px 10px 10px 16px;
- border-top: 1px solid #eaebec;
- line-height: 20px;
- }
- .widget_categories li:first-child, .widget_recent_comments li:first-child, .widget_archive li:first-child {
- border-top: 0;
- }
- .widget_categories li:before, .widget_recent_comments li:before, .widget_archive li:before {
- content: '';
- position: absolute;
- left: 0;
- top: 14px;
- width: 8px;
- height: 12px;
- font-size: 120%;
- background: url("images/yellow-arrow.png") no-repeat 0 0;
- }
- /* Widget calendar */
- .widget_calendar #wp-calendar {
- width: 100%;
- }
- .widget_calendar th, .widget_calendar td {
- padding: 5px;
- }
- .widget_calendar caption {
- padding-bottom: 12px;
- font-size: 18px;
- }
- /* Widget nav menu */
- .widget_nav_menu ul {
- list-style: none;
- margin: 0;
- padding: 0;
- }
- .widget_nav_menu ul {
- margin: -10px 0 0 0 ;
- padding: 0;
- list-style: none;
- }
- .widget_nav_menu ul.children {
- margin-left: -15px;
- margin-top: 1px;
- }
- .widget_nav_menu ul li {
- position: relative;
- padding: 10px 10px 10px 16px;
- border-top: 1px solid #eaebec;
- }
- .widget_nav_menu ul li:first-child {
- border-top: 0;
- }
- .widget_nav_menu ul li:before {
- content: '\3e';
- position: absolute;
- left: 0;
- top: 0.45em;
- font-size: 120%;
- }
- /*Widget meta*/
- .widget_meta ul {
- list-style: none;
- margin: 0;
- padding: 0;
- }
- .widget_meta li {
- margin-bottom: 5px;
- }
- /*Widget pages*/
- .widget_pages ul {
- list-style: none;
- margin: 0;
- padding: 0;
- }
- .widget_pages ul ul {
- margin-top: 5px;
- margin-left: 20px;
- }
- .widget_pages li {
- margin-bottom: 5px;
- }
- /* Widget stm sociallinks */
- .widget_stm_sociallinks ul {
- display: table;
- font-size: 0;
- margin: 0 -20px 0 0;
- padding: 0;
- list-style: none;
- }
- .widget_stm_sociallinks li {
- display: inline-block;
- position: relative;
- overflow: hidden;
- margin: 0 20px 20px 0;
- width: 60px;
- height: 60px;
- font-size: 28px;
- line-height: 60px;
- text-align: center;
- }
- .widget_stm_sociallinks li a {
- display: block;
- height: 100%;
- color: #fff !important;
- -webkit-transition: -webkit-transform 0.2s;
- -moz-transition: -moz-transform 0.2s;
- -o-transition: -o-transform 0.2s;
- transition: transform 0.2s;
- }
- .widget_stm_sociallinks li a:hover {
- -webkit-transform: scale(1.2);
- -moz-transform: scale(1.2);
- -ms-transform: scale(1.2);
- -o-transform: scale(1.2);
- transform: scale(1.2);
- }
- /* Widget tweets */
- .widget_stm_tweets ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
- .widget_stm_tweets ul li {
- position: relative;
- padding: 0 0 0 20px;
- margin-bottom: 15px;
- }
- .widget_stm_tweets ul li:before {
- content: "\f099";
- font-family: FontAwesome;
- position: absolute;
- left: 0;
- top: 0;
- color: #fff;
- }
- #footer .widget_stm_tweets ul a {
- /*color: #fff !important;*/
- }
- #footer .widget_stm_tweets ul {
- /*color: #9b9b9b;*/
- }
- /* widget contacts */
- .widget_stm_contacts ul {
- list-style: none;
- margin: 0;
- padding: 0;
- }
- .widget_stm_contacts li {
- position: relative;
- margin-bottom: 15px;
- padding-left: 20px;
- }
- .widget_stm_contacts li span {
- position: absolute;
- left: 0;
- top: 5px;
- }
- /* Widgets end */
- .category-filter {
- margin-bottom: 20px;
- }
- /* Filter */
- .nav-pills {
- border-top: 1px solid #eaebec;
- }
- .nav-pills > li + li {
- margin-left: 0;
- }
- .nav-pills > li > a {
- border-left: 1px solid #eaebec;
- padding: 8px 10px;
- }
- .nav-pills > li:first-child > a {
- border-left: 0;
- }
- .nav-pills > li.active > a,
- .nav-pills > li.active > a:hover,
- .nav-pills > li.active > a:focus {
- color: #474d52;
- background-color: transparent;
- -webkit-box-shadow: none;
- box-shadow: none;
- }
- .nav-pills > li.active > a:after,
- .nav-pills > li.active > a:after:hover,
- .nav-pills > li.active > a:after:focus {
- content: '';
- position: absolute;
- top: -1px;
- left: 0;
- width: 100%;
- height: 3px;
- background-color: #ffc600;
- }
- .block-events .nav-pills {
- border-top: 0;
- }
- .block-events .nav-pills > li.active > a:after,
- .block-events .nav-pills > li.active > a:after:hover,
- .block-events .nav-pills > li.active > a:after:focus {
- display: none;
- }
- .block-events .nav-pills > li > a {
- padding: 0;
- border: 0;
- margin-right: 10px;
- }
- /* Events */
- .calendar {
- display: block;
- width: 102px;
- height: 111px;
- background: url("images/calendar-bg.png") 0 0 no-repeat;
- text-align: center;
- padding-top: 23px;
- }
- .event-panel .counter-likes,
- .post-list .counter-likes {
- position: absolute;
- top: -10px;
- right: -10px;
- padding: 0 5px;
- background-color: #ffc600;
- font-size: 12px;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- border-radius: 3px;
- }
- @media (max-width: 767px) {
- .calendar {
- width: auto;
- background: url("images/calendar-bg.png") 50% 0 no-repeat;
- margin-bottom: 20px;
- }
- .event-panel .event-button {
- float: none;
- text-align: center;
- }
- .event-button .btn,
- .event-panel .event-status {
- margin-top: 20px !important;
- }
- }
- @media (max-width: 420px) {
- .event-panel .event-status {
- margin-bottom: 0 !important;
- }
- }
- .calendar .dd {
- display: block;
- margin-bottom: 2px;
- font-size: 343%;
- line-height: 1;
- color: inherit;
- }
- .calendar .mm {
- display: block;
- font-size: 128.5%;
- line-height: 1;
- color: inherit;
- }
- .block-events .archives-years {
- padding-bottom: 25px;
- }
- .block-events .archives-years a {
- margin-right: 15px;
- }
- .block-events h3, .block-events .h3 {
- margin-top: 0;
- }
- .block-events .type-event {
- position: relative;
- overflow: hidden;
- }
- .block-events .type-event.past {
- opacity: 0.6;
- }
- .block-events .pagination {
- margin-top: 40px;
- margin-bottom: 0 !important;
- }
- .block-events .overlap-left {
- position: absolute;
- left: -50px;
- top: -50px;
- bottom: -50px;
- width: 50px;
- }
- .block-events .overlap-top {
- position: absolute;
- left: 0;
- top: -50px;
- right: 0;
- height: 50px;
- }
- .block-events .overlap-right {
- position: absolute;
- right: -50px;
- top: -50px;
- bottom: -50px;
- width: 50px;
- }
- .block-events .overlap-bottom {
- position: absolute;
- left: 0;
- bottom: -50px;
- right: 0;
- height: 50px;
- }
- .block-events .flip {
- position: relative;
- }
- .block-events .front-side {
- float: left;
- width: 100%;
- position: relative;
- z-index: 1;
- display: block;
- padding: 20px;
- text-align: left;
- border-width: 1px;
- border-style: solid;
- background: #fff;
- -webkit-box-shadow: inset rgba(0,0,0,0.05) 0 0 13px, inset #ffffff 0 0 1px;
- -moz-box-shadow: inset rgba(0,0,0,0.05) 0 0 13px, inset #ffffff 0 0 1px;
- box-shadow: inset rgba(0,0,0,0.05) 0 0 13px, inset #ffffff 0 0 1px;
- -webkit-transition: -webkit-transform 1s;
- -moz-transition: -moz-transform 1s;
- -ms-transition: -moz-transform 1s;
- -o-transition: -o-transform 1s;
- transition: transform 1s;
- -webkit-backface-visibility: hidden;
- -moz-backface-visibility: hidden;
- -ms-backface-visibility: hidden;
- -o-backface-visibility: hidden;
- backface-visibility: hidden;
- -webkit-transform: perspective(600px) rotateY(0deg);
- -moz-transform: perspective(600px) rotateY(0deg);
- -ms-transform: perspective(600px) rotateY(0deg);
- -o-transform: perspective(600px) rotateY(0deg);
- transform: perspective(600px) rotateY(0deg);
- }
- .block-events .hover-white:hover a {
- color: #000000;
- }
- .block-events .flip .back-side {
- visibility: hidden;
- width: 100%;
- position: absolute;
- bottom: -100%;
- z-index: 2;
- display: block;
- padding: 40px 10px 10px 10px;
- text-align: center;
- border-width: 1px;
- border-style: solid;
- border-top-width: 0;
- background: #fff;
- -webkit-border-radius: 0px 0px 3px 3px;
- -moz-border-radius: 0px 0px 3px 3px;
- border-radius: 0px 0px 3px 3px;
- -webkit-backface-visibility: hidden;
- -moz-backface-visibility: hidden;
- -ms-backface-visibility: hidden;
- -o-backface-visibility: hidden;
- backface-visibility: hidden;
- -webkit-transition: all ease 0.6s;
- -moz-transition: all ease 0.6s;
- -ms-transition: all ease 0.6s;
- -o-transition: all ease 0.6s;
- transition: all ease 0.6s;
- }
- .no-csstransforms3d .flip .back-side {
- visibility: hidden;
- }
- .block-events .flip:hover .back-side {
- bottom: 0;
- visibility: visible;
- }
- .no-csstransforms3d .flip:hover .front-side {
- visibility: hidden;
- }
- .no-csstransforms3d .flip:hover .back-side {
- visibility: visible;
- }
- .block-events .post-icon {
- position: absolute;
- left: 50%;
- top: -25px;
- width: 50px;
- height: 50px;
- line-height: 0;
- white-space: nowrap;
- margin-left: -25px;
- border-width: 5px;
- border-style: solid;
- -webkit-border-radius: 50%;
- -moz-border-radius: 50%;
- border-radius: 50%;
- }
- .block-events .post-icon span {
- line-height: 40px;
- }
- .block-events .calendar {
- margin: 0 auto 4px auto;
- }
- .block-events .title {
- display: block;
- font-weight: bold;
- font-size: 128.5%;
- line-height: 1.35em;
- margin-bottom: 10px;
- }
- .block-events .post-glyph {
- display: block;
- text-align: center;
- }
- .block-events .compact-size .where {
- margin-bottom: 20px;
- position: absolute;
- bottom: 0;
- left: 20px;
- }
- .block-events .excerpt {
- display: block;
- }
- .block-events .social-icons {
- margin-bottom: 40px;
- }
- .block-events .social-icons ul {
- list-style: none;
- padding: 0;
- margin: 0;
- }
- .block-events .social-icons ul li {
- display: inline-block;
- margin: 0 8px;
- }
- .block-events .social-icons ul li a {
- display: block;
- width: 40px;
- height: 40px;
- text-align: center;
- line-height: 36px;
- font-size: 114%;
- border-width: 2px;
- border-style: solid;
- -webkit-border-radius: 50%;
- -moz-border-radius: 50%;
- border-radius: 50%;
- }
- .block-events .view-details {
- margin: 0 -11px -11px -11px;
- }
- .block-events .view-details a {
- display: block;
- padding: 15px 0;
- border-top-width: 4px;
- border-top-style: solid;
- font-size: 114%;
- -webkit-border-radius: 2px;
- -moz-border-radius: 2px;
- border-radius: 2px;
- }
- .block-events .compact-size .view-details .text-color-white:hover {
- color: #ffc600 !important;
- }
- .block-events .decor {
- margin: 0 -11px -11px -11px;
- padding: 15px 0;
- border-top-width: 4px;
- border-top-style: solid;
- font-size: 114%;
- -webkit-border-radius: 2px;
- -moz-border-radius: 2px;
- border-radius: 2px;
- }
- .block-events a span.event-meta {
- display: block;
- padding: 10px 10px;
- font-weight: 300;
- font-size: 214%;
- line-height: normal;
- text-transform: uppercase;
- -webkit-box-shadow: inset rgba(0,0,0,0.1) 0 5px 0;
- -moz-box-shadow: inset rgba(0,0,0,0.1) 0 5px 0;
- box-shadow: inset rgba(0,0,0,0.1) 0 5px 0;
- }
- /* Event inner */
- .event-panel .event-meta .fa {
- font-size: 124%;
- }
- .event-panel .calendar {
- float: left;
- margin-right: 20px;
- }
- .event-panel dl {
- display: table-row;
- margin-bottom: 0;
- }
- .event-panel dt {
- font-size: 100%;
- display: table-cell;
- padding-right: 7px;
- padding-bottom: 5px;
- white-space: nowrap;
- }
- .event-panel dd {
- display: table-cell;
- padding-bottom: 5px;
- }
- .event-panel dl:last-child dt, .event-panel dl:last-child dd {
- padding-bottom: 0;
- }
- .post-list .row:last-child .hentry {
- margin-bottom: 0 !important;
- }
- .event-panel .btn {
- padding: 8px;
- position: relative;
- }
- .post-list .meta {
- font-size: 12px;
- color: #9b9b9b;
- }
- .post-list .meta i {
- font-style: normal !important;
- font-size: 12px;
- color: #9b9b9b;
- }
- @media (max-width: 992px) {
- .post-list .row:last-child .hentry {
- margin-bottom: 30px !important;
- }
- .post-list .row:last-child .hentry:last-child {
- margin-bottom: 0px !important;
- }
- .block-events .excerpt {
- min-height: 100px;
- }
- }
- .post-title {
- margin-top: auto !important;
- }
- /* Events List */
- .block-events.full-size .post-thumbnail {
- float: left;
- width: 28%;
- text-align: center;
- margin-right: 2%;
- margin-top: 6px;
- }
- .block-events.full-size .event-content {
- overflow: hidden;
- }
- @media (max-width: 768px) {
- .block-events.full-size .post-thumbnail {
- float: left;
- width: 32%;
- margin-right: 2%;
- margin-top: 6px;
- }
- .block-events.full-size .event-content {
- overflow: visible;
- text-align: center;
- }
- .block-events.full-size .meta div {
- float: none !important;
- }
- }
- .block-events .front-side {
- background: transparent;
- -webkit-box-shadow: none;
- -moz-box-shadow: none;
- box-shadow: none;
- }
- .block-events.full-size .meta {
- float: left;
- width: 100%;
- }
- .block-events.full-size .meta div {
- margin-left: 12px;
- float: left;
- }
- .block-events.full-size .meta div:first-child {
- margin-left: 0;
- }
- .block-events .meta div i {
- font-style: normal !important;
- margin-right: 8px;
- }
- .event-button {
- position: relative;
- text-align: center;
- }
- .event-counter {
- position: absolute;
- top: -10px;
- right: -10px;
- padding: 0 5px;
- background-color: #ffc600;
- font-size: 12px;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- border-radius: 3px;
- }
- .event-status {
- display: inline-block;
- vertical-align: top;
- padding: 10px 20px;
- min-width: 118px;
- text-align: center;
- color: #ffffff !important;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- border-radius: 3px;
- }
- .event-status.full_booked {
- background-color: #8fa2d4;
- border-color: #8fa2d4;
- }
- .event-status.cancelled {
- background-color: #c2b986;
- border-color: #c2b986;
- }
- .event-status.available {
- background-color: #98cf13;
- border-color: #98cf13;
- }
- /* Donations start */
- .block-donations .post-excerpt {
- margin-bottom: 25px;
- }
- .block-donations.full-size .post-title {
- margin-top: 12px !important;
- }
- .block-donations .flip {
- margin: 0 auto;
- float: left;
- position: relative;
- }
- .block-donations .flip .front-side {
- float: left;
- width: 100%;
- height: inherit;
- z-index: 1;
- padding: 0;
- text-align: center;
- -webkit-transition: -webkit-transform 1s;
- -moz-transition: -moz-transform 1s;
- -ms-transition: -moz-transform 1s;
- -o-transition: -o-transform 1s;
- transition: transform 1s;
- -webkit-backface-visibility: hidden;
- -moz-backface-visibility: hidden;
- -ms-backface-visibility: hidden;
- -o-backface-visibility: hidden;
- backface-visibility: hidden;
- -webkit-transform: perspective(600px) rotateY(0deg);
- -moz-transform: perspective(600px) rotateY(0deg);
- -ms-transform: perspective(600px) rotateY(0deg);
- -o-transform: perspective(600px) rotateY(0deg);
- transform: perspective(600px) rotateY(0deg);
- }
- .block-donations .flip .back-side {
- float: right;
- margin-left: -100%;
- width: 100%;
- height: inherit;
- position: absolute;
- left:100%; top: 0; bottom: 0;
- z-index: 2;
- padding: 0 20px;
- text-align: center;
- -webkit-transition: -webkit-transform 1s;
- -moz-transition: -moz-transform 1s;
- -ms-transition: -moz-transform 1s;
- -o-transition: -o-transform 1s;
- transition: transform 1s;
- -webkit-backface-visibility: hidden;
- -moz-backface-visibility: hidden;
- -ms-backface-visibility: hidden;
- -o-backface-visibility: hidden;
- backface-visibility: hidden;
- -webkit-transform: perspective(600px) rotateY(180deg);
- -moz-transform: perspective(600px) rotateY(180deg);
- -ms-transform: perspective(600px) rotateY(180deg);
- -o-transform: perspective(600px) rotateY(180deg);
- transform: perspective(600px) rotateY(180deg);
- }
- .no-csstransforms3d .flip .back-side {
- visibility: hidden;
- }
- .block-donations .flip:hover .front-side {
- -webkit-transform: perspective(600px) rotateY(-179.9deg);
- -moz-transform: perspective(600px) rotateY(-179.9deg);
- -ms-transform: perspective(600px) rotateY(-179.9deg);
- -o-transform: perspective(600px) rotateY(-179.9deg);
- transform: perspective(600px) rotateY(-179.9deg);
- }
- .block-donations .flip:hover .back-side {
- -webkit-transform: perspective(600px) rotateY(0deg);
- -moz-transform: perspective(600px) rotateY(0deg);
- -ms-transform: perspective(600px) rotateY(0deg);
- -o-transform: perspective(600px) rotateY(0deg);
- transform: perspective(600px) rotateY(0deg);
- }
- .no-csstransforms3d .flip:hover .front-side {
- visibility: hidden;
- }
- .no-csstransforms3d .flip:hover .back-side {
- visibility: visible;
- }
- .block-donations .post-icon {
- display: block;
- margin-bottom: 10px;
- }
- .block-donations .donation-message {
- font-style: italic;
- font-weight: 300;
- font-size: 128.5%;
- line-height: normal;
- }
- .block-donations .separator {
- position: relative;
- margin: 25px auto;
- width: 50%;
- height: 1px;
- }
- .block-donations .separator:before {
- content: '';
- position: absolute;
- left: 0;
- top: -2px;
- width: 5px;
- height: 5px;
- background: inherit;
- -webkit-border-radius: 50%;
- -moz-border-radius: 50%;
- border-radius: 50%;
- }
- .block-donations .separator:after {
- content: '';
- position: absolute;
- right: 0;
- top: -2px;
- width: 5px;
- height: 5px;
- background: inherit;
- -webkit-border-radius: 50%;
- -moz-border-radius: 50%;
- border-radius: 50%;
- }
- .block-donations .donation-meta .fa {
- display: block;
- }
- .block-donations .donation-meta {
- text-align: center;
- }
- .donation-meta {
- display: table;
- width: 100%;
- }
- .block-donations .donation-meta {
- margin-bottom: 20px;
- table-layout: fixed;
- }
- .donation-meta .donation-raised,
- .donation-meta .donation-donors,
- .donation-meta .donation-goal {
- display: block;
- vertical-align: top;
- margin-bottom: 20px;
- }
- @media (min-width: 480px) {
- .donation-meta .donation-raised,
- .donation-meta .donation-donors,
- .donation-meta .donation-goal {
- display: table-cell;
- vertical-align: top;
- margin-bottom: 0;
- }
- }
- .donation-meta .donation-button {
- display: table-cell;
- vertical-align: middle;
- text-align: right;
- }
- .donation-panel .donation-meta .fa {
- font-size: 200%;
- }
- .donation-panel .donation-meta .item-name {
- font-size: 126%;
- }
- .donation-panel .donation-meta .item-value {
- font-size: 171%;
- line-height: 100%;
- }
- .donation-panel.compact-size .donation-raised,
- .donation-panel.compact-size .donation-donors,
- .donation-panel.compact-size .donation-goal,
- .donation-panel.compact-size .donation-button {
- display: block;
- padding: 0 10px;
- margin-bottom: 15px;
- text-align: center;
- }
- .donation-thumbnail {
- float: left;
- width: 50%;
- display: inline;
- margin-top: 5px;
- margin-right: 20px;
- text-align: center;
- position: relative;
- }
- @media (max-width: 767px) {
- .donation-thumbnail {
- float: left;
- width: 100%;
- margin-bottom: 20px;
- }
- .block-donations .media-body {
- float: left;
- width: 100%;
- }
- }
- .full-size .donation-thumbnail {
- width: 100%;
- display: block;
- }
- .block-donations.full-size .media-body {
- float: left;
- width: 100%;
- }
- .donation-panel .donation-thumbnail {
- margin-top: 0;
- margin-bottom: 20px;
- }
- .donation-panel .donation-meta div{
- text-align: center;
- }
- .donation-panel .donation-meta div:first-child {
- text-align: left;
- }
- .donation-panel .donation-meta div:last-child {
- text-align: right;
- }
- .donation-panel .donation-meta .fa {
- margin-right: 4px;
- }
- @media (max-width: 520px) {
- .donation-panel .donation-meta div {
- text-align: center !important;
- }
- }
- .donation-panel .donation-progress-panel {
- display: inline-block;
- vertical-align: top;
- width: 100%;
- }
- .donation-button {
- position: absolute;
- bottom: 0;
- left: 0;
- width: 100%;
- padding: 15px 0;
- text-align: center;
- }
- .donation-button .btn {
- position: relative;
- z-index: 10;
- }
- .donation-button:after {
- content: '';
- position: absolute;
- bottom: 0;
- left: 0;
- width: 100%;
- height: 100%;
- background-color: #000000;
- opacity: 0.5
- }
- .donation-panel .progress {
- padding: 0;
- height: 8px;
- margin-bottom: 12px;
- }
- .donation-progress-panel {
- border-width: 1px;
- border-style: solid;
- border-radius: 3px;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- }
- .donation-progress-panel .donation-meta {
- margin-bottom: 0;
- }
- .donation-progress-panel .progress {
- padding: 0;
- height: 8px;
- border: 0;
- margin-bottom: 12px;
- }
- .donation-panel .item-overall {
- text-align: center;
- display: inline-block;
- width: 100%;
- margin-bottom: 14px;
- text-transform: uppercase;
- }
- .donation-progress-panel .item-overall {
- display: inline-block;
- margin-bottom: 14px;
- }
- .donation-panel .item-name, .donation-progress-panel .item-name {
- display: inline;
- }
- .donation-panel .item-value, .donation-progress-panel .item-value {
- display: inline;
- }
- @media (min-width: 767px) {
- .block-donations .media-body {
- margin-top: 0px;
- }
- }
- /* Donation meta icons */
- .icon-date,
- .icon-comments,
- .icon-user,
- .icon-tags {
- margin-top: 2px;
- margin-right: 5px;
- }
- .icon-user:after {
- content: '\f007';
- font-family: FontAwesome;
- }
- .icon-date:after {
- content: '\f017';
- font-family: FontAwesome;
- }
- .icon-comments:after {
- content: '\f075';
- font-family: FontAwesome;
- }
- .icon-tags :after {
- content: '\f02c';
- font-family: FontAwesome;
- }
- /* Donations end */
- /* Progress Bar */
- .progress-title {
- font-weight: bold;
- }
- .progress {
- padding: 0;
- height: 18px;
- }
- .progress-info {
- display: inline-block;
- width: 100%;
- height: 16px;
- line-height: 16px;
- text-align: center;
- font-size: 12px;
- }
- .progress-compact {
- display: none;
- text-align: center;
- border-width: 3px;
- border-style: solid;
- padding: 10px;
- }
- .progress-compact-size .progress-compact {
- display: block;
- }
- .progress-compact-size .progress-default {
- display: none;
- }
- .progress-compact-size .fa {
- font-size: 48px;
- }
- .progress-compact-size .progress-value {
- letter-spacing: -2px;
- font-size: 48px;
- float: left;
- width: 100%;
- padding: 10px 0 2px;
- line-height: 36px;
- }
- .progress-compact-size .progress-title {
- font-size: 18px;
- font-weight: normal;
- }
- /* Progress Bar End */
- /* Footer */
- #footer {
- padding: 25px 0 35px 0;
- font-size: 13px;
- }
- #footer .widget {
- margin-bottom: 30px;
- }
- /* Style Picker start */
- #style-picker {
- position: fixed;
- left: 0;
- top: 10%;
- z-index: 10000;
- font: 12px arial, helvetica, sans-serif;
- color: #000;
- width: 260px;
- padding: 15px 20px 5px 20px;
- background: #f3f3f3;
- -webkit-transition: left 0.5s;
- -moz-transition: left 0.5s;
- -o-transition: left 0.5s;
- transition: left 0.5s;
- }
- @media (max-width: 991px) {
- #style-picker {
- display: none !important;
- }
- }
- @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
- #style-picker {
- display: none !important;
- }
- }
- #style-picker.closed {
- left: -260px;
- }
- #style-picker .handler {
- position: absolute;
- right: -40px;
- width: 40px;
- height: 40px;
- top: 0;
- cursor: pointer;
- text-align: center;
- color: #000;
- font-size: 28px;
- line-height: 40px;
- background: #f3f3f3;
- }
- #style-picker .handler .closed-icon {
- display: none;
- }
- #style-picker.closed .closed-icon {
- display: block;
- }
- #style-picker.closed .opened-icon {
- display: none;
- }
- #style-picker .handler .fa {
- line-height: inherit;
- }
- #style-picker .title {
- margin-bottom: 15px;
- font-size: 18px;
- }
- #style-picker .title small {
- margin-left: 15px;
- font-size: 11px;
- }
- #style-picker .title small a {
- color: #0078ff;
- text-decoration: underline;
- }
- #style-picker .options-title {
- margin-bottom: 10px;
- padding-top: 5px;
- line-height: normal;
- color: #808080;
- border-top: 1px solid #dcdcdc;
- }
- #style-picker .options-title small {
- font-size: 11px;
- }
- #style-picker .options-content {
- margin: 0 0 20px 0;
- }
- #style-picker #layout-style ul {
- margin: 0 -20px 0 0;
- padding: 0;
- list-style: none;
- color: #000;
- }
- #style-picker #layout-style li {
- display: inline-block;
- margin: 0 5px 0 0;
- }
- #style-picker #layout-style li label {
- display: inline-block;
- margin: 0;
- padding: 3px 15px;
- cursor: pointer;
- -webkit-user-select: none;
- -moz-user-select: none;
- user-select: none;
- }
- #style-picker #layout-style li.active label {
- position: relative;
- padding: 2px 14px;
- cursor: default;
- border: 1px solid #000;
- }
- #style-picker #layout-style li label input {
- position: absolute;
- width: 1px;
- height: 1px;
- visibility: hidden;
- opacity: 0;
- }
- /* Style picker scheme colors */
- #style-picker #theme-colors {
- float: left;
- width: 100%;
- }
- #style-picker #theme-colors ul {
- margin: 0 -20px -16px 0;
- padding: 0;
- list-style: none;
- }
- #style-picker #theme-colors li {
- float: left;
- margin: 0 20px 0 0;
- }
- #style-picker #theme-colors li a {
- display: block;
- width: 60px;
- height: 60px;
- }
- #style-picker #theme-colors li .color-label {
- margin-bottom: 5px;
- font-size: 11px;
- }
- /* Style picker patterns and images */
- #style-picker #theme-patterns {
- float: left;
- width: 100%;
- margin-bottom: -8px;
- }
- #style-picker #theme-patterns ul {
- margin: 0 -8px 0 0;
- padding: 0;
- list-style: none;
- }
- #style-picker #theme-patterns li {
- float: left;
- position: relative;
- margin: 0 8px 8px 0;
- }
- #style-picker #theme-patterns li a {
- display: block;
- width: 30px;
- height: 30px;
- background-color: #fff;
- background-position: 50% 50%;
- background-repeat: no-repeat;
- background-attachment: scroll !important;
- }
- #style-picker #theme-patterns li.active a {
- cursor: default;
- }
- .pattern-lines {
- background: url("images/pattern-lines.png") repeat;
- }
- .pattern-big-lines {
- background: url("images/pattern-big-lines.png") repeat;
- }
- .pattern-01 {
- background-image: url("images/patterns/01.png");
- }
- .pattern-02 {
- background-image: url("images/patterns/02.png");
- }
- .pattern-03 {
- background-image: url("images/patterns/03.png");
- }
- .pattern-04 {
- background-image: url("images/patterns/04.png");
- }
- .pattern-05 {
- background-image: url("images/patterns/05.png");
- }
- .pattern-06 {
- background-image: url("images/patterns/06.png");
- }
- .background-01,
- .background-02,
- .background-03,
- .background-04,
- .background-05,
- .background-06 {
- background-position: 50% 50%;
- background-repeat: no-repeat;
- background-attachment: fixed;
- -webkit-background-size: cover;
- -moz-background-size: cover;
- -o-background-size: cover;
- background-size: cover;
- }
- .background-01 {
- background-image:url("images/backgrounds/01.jpg");
- }
- #theme-patterns .background-01 {
- background-image: url("images/backgrounds/01-thumb.jpg");
- }
- .background-02 {
- background-image:url("images/backgrounds/02.jpg");
- }
- #theme-patterns .background-02 {
- background-image: url("images/backgrounds/02-thumb.jpg");
- }
- .background-03 {
- background-image:url("images/backgrounds/03.jpg");
- }
- #theme-patterns .background-03 {
- background-image: url("images/backgrounds/03-thumb.jpg");
- }
- .background-04 {
- background-image:url("images/backgrounds/04.jpg");
- }
- #theme-patterns .background-04 {
- background-image: url("images/backgrounds/04-thumb.jpg");
- }
- .background-05 {
- background-image:url("images/backgrounds/05.jpg");
- }
- #theme-patterns .background-05 {
- background-image: url("images/backgrounds/05-thumb.jpg");
- }
- .background-06 {
- background-image:url("images/backgrounds/06.jpg");
- }
- #theme-patterns .background-06 {
- background-image: url("images/backgrounds/06-thumb.jpg");
- }
- /* Style picker end */
- /* Block countdown */
- .block-countdown {
- display: table;
- width: 100%;
- margin-bottom: 40px;
- }
- .block-countdown.compact-size {
- display: block;
- }
- .block-countdown .countdown-image {
- display: table-cell;
- min-width: 180px;
- width: 23.5%;
- min-height: 80px;
- vertical-align: middle;
- background-position: 50% 50%;
- background-repeat: no-repeat;
- -webkit-background-size: cover;
- -moz-background-size: cover;
- -o-background-size: cover;
- background-size: cover;
- }
- .block-countdown.compact-size .countdown-image {
- display: block;
- width: 100%;
- min-height: 0;
- }
- .block-countdown .countdown-image img {
- display: none;
- }
- .block-countdown.compact-size .countdown-image img {
- display: block;
- width: 100%;
- }
- .block-countdown .countdown-info {
- position: relative;
- display: table-cell;
- vertical-align: middle;
- min-height: 80px;
- line-height: normal;
- }
- .block-countdown.compact-size .countdown-info {
- display: block;
- min-height: 0;
- padding: 0 40px;
- text-align: center;
- border: 0;
- }
- .block-countdown .countdown-calendar {
- float: left;
- width: 40px;
- margin: 15px 0 0 -40px;
- font-size: 128.5%;
- }
- .block-countdown.compact-size .countdown-calendar {
- display: block;
- float: none;
- width: auto;
- margin: 0 0 20px;
- }
- .block-countdown .countdown-title {
- display: block;
- font-size: 171.5%;
- font-weight: bold;
- margin-top: 10px;
- }
- .block-countdown .date {
- font-size: 128.5%;
- line-height: 1;
- width: 102px;
- height: 111px;
- padding-top: 35px;
- display: inline-block;
- background: url("images/calendar-bg.png") no-repeat 0 0;
- }
- .block-countdown .date .dd {
- font-size: 150.5%;
- display: block;
- }
- .block-countdown .date .mm {
- font-size: 95%;
- display: block;
- }
- .block-countdown .countdown-excerpt {
- line-height: 24px;
- }
- .block-countdown .countdown-timer {
- display: table-cell;
- vertical-align: middle;
- width: 23.5%;
- min-width: 180px;
- min-height: 80px;
- padding: 10px 0 0;
- }
- .block-countdown.compact-size .countdown-timer {
- display: block;
- width: 60%;
- min-height: 0;
- margin: 0 auto
- }
- .block-countdown .countdown-label {
- display: block;
- margin-left: 15px;
- font-weight: bold;
- font-size: 12px;
- color: #000;
- text-transform: uppercase;
- }
- .block-countdown .countdown-label span {
- padding: 0 5px;
- background: #fff;
- }
- .block-countdown .countdown {
- display: block;
- }
- @media (max-width: 767px) {
- .block-countdown.full-size {
- display: block;
- }
- .block-countdown.full-size .countdown-image {
- display: block;
- width: 100%;
- min-height: 0;
- }
- .block-countdown.full-size .countdown-image img {
- display: block;
- width: 100%;
- }
- .block-countdown.full-size .countdown-info {
- display: block;
- min-height: 0;
- border: 0;
- }
- .block-countdown.full-size .countdown-calendar {
- position: absolute;
- left: 20px;
- top: 15px;
- width: auto;
- margin: 0;
- }
- .block-countdown.full-size .countdown-timer {
- display: block;
- width: 100%;
- min-height: 0;
- }
- }
- /* Shortcodes start */
- /* jQuery Countdown styles 2.0.0. */
- .is-countdown {
- clear: both;
- width: 100%;
- }
- .countdown-rtl {
- direction: rtl;
- }
- .countdown-holding span {
- color: #000;
- }
- .countdown-row {
- text-align: center;
- line-height: 1;
- }
- .countdown-show1 .countdown-section {
- width: 98%;
- }
- .countdown-show2 .countdown-section {
- width: 48%;
- }
- .countdown-show3 .countdown-section {
- width: 32.5%;
- }
- .countdown-show4 .countdown-section {
- width: 24.5%;
- }
- .countdown-show5 .countdown-section {
- width: 19.5%;
- }
- .countdown-show6 .countdown-section {
- width: 16.25%;
- }
- .countdown-show7 .countdown-section {
- width: 14%;
- }
- .countdown-timer-event {
- text-align: center;
- }
- .countdown-timer-event .countdown-section {
- float: none;
- display: inline-block;
- background: #00a0d1;
- width: 130px;
- height: 130px;
- margin: 20px 5% 0;
- padding-top: 22px;
- border: 5px solid #ffc600;
- border-radius: 50%;
- -webkit-border-radius: 50%;
- -moz-border-radius: 50%;
- }
- .countdown-section {
- display: block;
- position: relative;
- float: left;
- text-align: center;
- }
- .block-countdown.compact-size .countdown-timer {
- display: none;
- }
- @media (min-width: 940px) {
- .block-countdown.compact-size .countdown-info {
- padding: 0;
- }
- .block-countdown.compact-size .countdown-timer {
- display: block;
- width: 100%;
- min-height: 0;
- }
- .countdown-section:before {
- content: '';
- position: absolute;
- left: -78%;
- top: 50px;
- width: 68%;
- height: 1px;
- background: #ffc600;
- }
- .countdown-section:after {
- content: '';
- position: absolute;
- left: -76%;
- top: 60px;
- width: 65%;
- height: 1px;
- background: #ffc600;
- }
- .countdown-amount:after {
- content: '';
- position: absolute;
- left: -78%;
- top: 70px;
- width: 68%;
- height: 1px;
- background: #ffc600;
- }
- }
- .countdown-section:first-child:before {
- background: none;
- }
- .countdown-section:first-child:after {
- background: none;
- }
- .countdown-section:first-child .countdown-amount:after {
- background: none;
- }
- .countdown-amount {
- display: block;
- font-size: 48px;
- font-weight: bold;
- padding-bottom: 6px;
- }
- .countdown-period {
- display: block;
- font-size: 14px;
- text-transform: uppercase;
- }
- .countdown-descr {
- display: block;
- width: 100%;
- }
- /* Blockquote */
- .media-quote {
- margin-bottom: 20px;
- }
- blockquote:before {
- top: -14px;
- content: "\f10e";
- font-size: 48px;
- line-height: 88px;
- color: #ffc600 !important;
- }
- .media-quote blockquote {
- padding-left: 20px;
- }
- .media-quote blockquote:before {
- content: "";
- }
- .media-quote .media-body {
- border-left: 6px solid #e1e1e1;
- margin-left: 20px;
- }
- .media-quote .author-info {
- margin-left: 20px;
- }
- .media-quote .author-info .author-info-name, .media-quote .author-info .author-info-position{
- display: inline;
- padding-right: 5px;
- }
- /* Block charts */
- .block-stats>h3, .block-stats>.h3 {
- margin-top: 0;
- }
- /* jQuery easyPieChart styles */
- .easyPieChart {
- position: relative;
- float: left;
- margin: 0 10px 20px 0;
- text-align: center;
- font-size: 18px;
- line-height: normal;
- }
- .easyPieChart canvas {
- vertical-align: top;
- }
- .easyPieChart .percent-wrapper {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- }
- .easyPieChart .percent-content {
- display: table;
- width: 100%;
- height: 100%;
- }
- .easyPieChart .percent {
- display: table-cell;
- vertical-align: middle;
- }
- .chart-title {
- font-weight: bold;
- }
- .chart-text {
- margin-bottom: 20px;
- }
- /* Media Gallery */
- .portfolio_item {
- margin: 0;
- position: relative;
- overflow: hidden;
- line-height: 0;
- width: 100%;
- padding: 0;
- line-height:0;
- z-index:5;
- }
- .portfolio_item .portfolio_image {
- overflow: hidden;
- display: block;
- position: relative;
- }
- .portfolio_item .portfolio_image img {
- width: 100%;
- height: auto;
- position: relative;
- }
- .portfolio_item > a img {
- -moz-transform: scale(1);
- -webkit-transform: scale(1);
- -o-transform: scale(1);
- -ms-transform: scale(1);
- transform: scale(1);
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- -ms-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- .portfolio_item > a:hover img {
- -moz-transform: scale(1.3);
- -webkit-transform: scale(1.3);
- -o-transform: scale(1.3);
- -ms-transform: scale(1.3);
- transform: scale(1.3);
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- -ms-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- .portfolio_item a:hover .portfolio_overlay .thumb_info {
- opacity: 1;
- -moz-opacity: 1;
- filter: alpha(opacity=100);
- -webkit-transform: scale(1);
- -moz-transform: scale(1);
- -o-transform: scale(1);
- -ms-transform: scale(1);
- transform: scale(1);
- }
- .media-gallery {
- margin-bottom: -20px;
- }
- .media-gallery .row {
- border-top: 1px solid #eaebec;
- padding-top: 30px;
- }
- .media-gallery .row:first-child {
- border-top: none;
- padding-top: 0;
- }
- .dslc-tp-content .media-gallery {
- margin-top: 20px;
- margin-bottom: 0;
- }
- .media-gallery a {
- position: relative;
- margin-bottom: 20px;
- display: block;
- }
- .media-gallery a .media-item {
- display: block;
- text-align: center;
- }
- .media-gallery a .media-overlay {
- position: absolute;
- left: 0;
- top: 0;
- right: 0;
- bottom: 0;
- text-align: center;
- line-height: 100%;
- opacity: 0;
- background: rgba(0,0,0,0.4);
- -webkit-transition: opacity 0.2s;
- -moz-transition: opacity 0.2s;
- -o-transition: opacity 0.2s;
- transition: opacity 0.2s;
- }
- .media-gallery a:hover {
- color: #fff;
- }
- .media-gallery a:hover .media-overlay {
- opacity: 1;
- }
- .media-gallery a .media-overlay .media-icon {
- display: table;
- width: 100%;
- height: 100%;
- }
- .media-gallery a .media-overlay .media-icon .font-icon {
- display: table-cell;
- vertical-align: middle;
- }
- /* Comments */
- #respond {
- padding-bottom: 25px;
- }
- /* #comments {
- margin-top: 20px;
- } */
- #comments h2 {
- margin-top: 0;
- }
- #comments h2 span {
- color: #ffc600;
- }
- #comments .comments-wrapper {
- background: #f7f7f7;
- margin-bottom: -50px;
- padding-bottom: 50px;
- border-top: 2px solid #f2f2f2;
- }
- #comments .form-allowed-tags {
- display: none;
- }
- #comments #respond #reply-title {
- position: relative;
- }
- #comments #respond #reply-title:after {
- content: "\f0a1";
- font-family: FontAwesome;
- }
- #comments h2 {
- margin-bottom: 25px;
- font-size: 128.5%;
- font-weight: normal;
- }
- #comments .comments-form {
- float: left;
- width: 700px;
- margin-bottom: 20px;
- padding-top: 40px;
- }
- @media (max-width: 767px) {
- #comments .comments-form {
- width: auto;
- }
- }
- #comments .comments-form h3#reply-title {
- display: none;
- }
- #comments .count {
- margin-left: 10px;
- }
- #comments .count:before {
- content: "\f0e6\a0";
- font-family: FontAwesome;
- }
- #comments .media-list {
- padding: 0;
- margin: 0 0 20px 0;
- }
- #comments .pull-right {
- margin-left: 20px;
- }
- #comments .avatar {
- border-bottom: 5px solid #00a0d1;
- margin-top: 5px;
- }
- #comments .media-list .media {
- overflow: visible;
- margin-top: 15px !important;
- padding-top: 25px;
- border-top: 1px solid #e7e7e7;
- }
- #comments .comments-wrapper .container>.media-list>li.comment:first-child {
- margin-top: 0 !important;
- border-top: 0;
- }
- #comments .media-list .media .media-body {
- margin: 0 100px 0 0;
- padding: 0;
- overflow: visible;
- }
- #comments .media-list .media .media-body:after {
- content: '';
- display: block;
- clear: both;
- height: 0;
- }
- #comments .media-list .media .media-body .media-heading {
- margin-bottom: 10px;
- }
- #comments .media-list .media .media-body .media-heading .fn {
- margin-right: 5px;
- font-size: 14px;
- text-transform: uppercase;
- color: #00a0d1;
- }
- #comments .media-list .media .media-body .media-heading .fn a {
- color: #bb143f;
- }
- #comments .media-list .media .media-body .media-heading time {
- color: #99a3aa;
- font-size: 12px;
- }
- #comments .media-list .children {
- clear: both;
- padding: 1px 0 0 0;
- margin-right: -100px;
- margin-left: 20px;
- list-style: none;
- }
- #comments .form-submit {
- text-align: right;
- }
- #comments .form-control {
- padding-left: 35px;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- border-radius: 3px;
- }
- #comments textarea.form-control {
- padding-left: 10px;
- }
- #comments .form-control:focus {
- border-color: #00a0d1;
- }
- #comments .icon {
- position: absolute;
- bottom: 8px;
- left: 20px;
- font-size: 17px;
- color: #ffc600;
- }
- /* Block pricing */
- .block-pricing .panel-heading {
- padding: 0;
- border: 0;
- }
- .block-pricing .panel {
- text-align: center;
- margin-bottom: 0;
- border: 1px solid #eeeeee;
- }
- .block-pricing .panel-footer {
- padding-bottom: 20px;
- border: 1px solid #eeeeee;
- }
- .block-pricing .panel-heading .post-title {
- font-weight: normal;
- padding: 30px 0;
- font-size: 128.5%;
- background-color: #00a0d1;
- border-bottom-style: solid;
- border-bottom-width: 3px;
- border-bottom-color: #ffffff;
- color: #ffffff;
- }
- .block-pricing .panel-heading .price {
- font-size: 36px;
- font-weight: normal;
- background-color: #eeeeee;
- }
- .block-pricing .panel .table span.fa {
- float: left;
- margin: 4px 0 0 5px;
- }
- .block-pricing .panel-primary > .table,
- .block-pricing .panel-success > .table {
- background-color: transparent !important;
- }
- .block-pricing .panel-primary > .table td,
- .block-pricing .panel-success > .table td {
- border-color: #e7e7e7 !important;
- }
- .block-pricing .panel-primary,
- .block-pricing .panel-success {
- color: inherit !important;
- }
- .block-pricing .panel-primary .panel-heading .price,
- .block-pricing .panel-success .panel-heading .price {
- background-color: #c3c3c3;
- color: #ffffff;
- }
- .block-pricing .panel-primary .panel-heading .post-title {
- background-color: #ffc600;
- }
- .block-pricing .panel-success .panel-heading .post-title {
- background-color: #774a9f;
- }
- /* Slider revolution prev/next arrows customization */
- .tp-leftarrow.default {
- background: none;
- height: auto;
- width: auto;
- text-align: left;
- }
- .tp-leftarrow.default:before {
- content: '\f104';
- font-family: FontAwesome;
- font-size: 54px;
- color: #fff;
- }
- .tp-rightarrow.default {
- background: none;
- height: auto;
- width: auto;
- text-align: right;
- }
- .tp-rightarrow.default:before {
- content: '\f105';
- font-family: FontAwesome;
- font-size: 54px;
- color: #fff;
- }
- .tp-bullets.simplebullets.round .bullet {
- cursor: pointer;
- float: left;
- height: 7px;
- margin-left: 13px;
- margin-right: 0;
- margin-top: 0;
- position: relative;
- width: 7px;
- -webkit-border-radius: 50%;
- -moz-border-radius: 50%;
- border-radius: 50%;
- background: #ffffff;
- }
- .tp-bullets.simplebullets.round .bullet.selected {
- background: #ffc600;
- }
- /* Block requests */
- .block-requests .type-stm_request {
- margin-bottom: 20px;
- padding-left: 18px;
- position: relative;
- }
- .block-requests .type-stm_request:before {
- content: '\f06d';
- position: absolute;
- left: 0;
- top: 0;
- font-family: FontAwesome;
- color: #bb143f;
- }
- .block-requests .type-stm_request .request-meta .request-author {
- display: block;
- font-weight: normal;
- }
- .block-requests .type-stm_request .request-meta .post-date {
- display: inline-block;
- margin-right: 15px;
- }
- /* Contact form 7 */
- .wpcf7-form p {
- margin-bottom: 20px;
- }
- /* Carousel slide */
- .carousel.slide .carousel-control.left span, .carousel.slide .carousel-control.right span {
- position: absolute;
- z-index: 5;
- top: 50%;
- }
- .carousel.slide .carousel-caption,
- .carousel.slide .carousel-indicators {
- display: none;
- }
- .carousel.slide .carousel-inner > .item {
- padding: 0 50px;
- }
- .carousel.slide .carousel-control {
- color: #01a0d1;
- opacity: 1;
- width: 20px;
- text-shadow: none;
- background: none;
- }
- .carousel.slide .carousel-control:hover,
- .carousel.slide .carousel-control:focus {
- outline: none;
- color: #01a0d1;
- text-decoration: none;
- background: none;
- opacity: 1;
- filter: none;
- }
- .gallery-post {
- border-top: 1px solid #eaebec;
- padding-top: 12px;
- }
- .gallery-post h3 {
- font-size: 18px;
- font-weight: 500;
- margin-bottom: 15px;
- }
- .prev_carousel_post,
- .next_carousel_post {
- float: left;
- width: 100%;
- }
- .next_carousel_post {
- text-align: right;
- }
- .prev_carousel_post a,
- .next_carousel_post a {
- display: block;
- padding: 20px;
- border: 1px solid #eaebec;
- vertical-align: top;
- }
- .prev_carousel_post a:after,
- .next_carousel_post a:after {
- content: '';
- display: table;
- clear: both;
- }
- .prev_carousel_post .post-thumbnail {
- width: 25% !important;
- float: left !important;
- display: inline;
- margin-right: 20px;
- }
- .next_carousel_post .post-thumbnail {
- width: 25% !important;
- float: right !important;
- display: inline;
- margin-left: 20px;
- }
- /* Audio player */
- .audio-player {
- padding: 9px;
- margin-bottom: 20px;
- border: 1px solid #ddd;
- }
- .audio-player .audio-controls {
- float: left;
- margin-right: 20px;
- white-space: nowrap;
- }
- .audio-player .audio-volumes {
- float: right;
- margin-left: 20px;
- white-space: nowrap;
- }
- .audio-player .audio-bar {
- overflow: hidden;
- height: 24px;
- padding-top: 2px;
- }
- .audio-player .audio-bar .bars {
- position: relative;
- height: 30px;
- }
- .audio-player .audio-bar .progress {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 1.45em;
- background: transparent;
- }
- .audio-player .audio-volumes .progress {
- display: inline-block;
- vertical-align: top;
- width: 100px;
- height: 1.45em;
- margin: 2px 0 0 5px;
- }
- .audio-player .audio-bar .bars .audio-current-time {
- padding-left: 10px;
- text-align: left;
- font-size: 134%;
- line-height: 18px;
- color: #000;
- }
- /* Prayer center */
- .block-request-center {
- margin-bottom: 30px;
- }
- .block-request-center .h3 {
- margin-top: 0;
- }
- @media (min-width: 768px) {
- .block-request-center .request-form {
- background: url("images/hands.png") no-repeat 100% 0;
- }
- }
- @media (min-width: 992px) {
- .block-request-center .request-form {
- padding-right: 180px;
- }
- }
- #calendar {
- margin: 110px 0 50px;
- }
- /* Block info */
- .block-info {
- display: table;
- width: 100%;
- position: relative;
- z-index: 100;
- }
- .block-info .block-info-icon {
- display: table-cell;
- width: 1%;
- vertical-align: middle;
- }
- .block-info .block-info-description {
- display: table-cell;
- vertical-align: middle;
- }
- .block-info .block-info-content {
- float: left;
- width: 70%;
- vertical-align: middle;
- }
- .block-info .block-info-button {
- float: right;
- display: inline;
- vertical-align: middle;
- }
- .full-size .sermon-content {
- padding: 20px;
- text-align: center;
- border: 1px solid #eaebec;
- background-color: #f9f9f9;
- }
- @media (max-width: 768px) {
- .block-info-content {
- font-size: 90% !important;
- }
- .block-info-icon {
- font-size: 200% !important;
- }
- .block-info-description .btn {
- font-size: 70% !important;
- }
- }
- @media (max-width: 768px) {
- .block-info .block-info-icon {
- padding: 0 5px !important;
- }
- .block-info .block-info-button {
- width: 100% !important;
- }
- }
- @media (min-width: 767px) {
- .post-list .post-thumbnail {
- float: left;
- }
- .full-size .post-list .sermon-post-thumbnail {
- margin-left: -90px;
- margin-top: 20px;
- }
- .full-size .sermon-content {
- text-align: left;
- margin-left:70px;
- }
- .full-size .sermon-body.stacked .sermon-media.compact-size {
- float: left;
- }
- }
- @media (max-width: 767px) {
- .block-info {
- display: block;
- width: auto;
- text-align: center;
- }
- .block-info .block-info-icon {
- display: block;
- width: auto;
- }
- .block-info .block-info-content {
- display: block;
- width: auto;
- padding: 5px 0 15px 0;
- }
- .block-info .block-info-button {
- display: block;
- width: auto;
- }
- }
- /* Block video */
- .block-video>h3, .block-video>.h3 {
- margin-top: 0;
- }
- .block-video .video-wrapper {
- position:relative;
- width: 100%;
- height: 0px !important;
- padding-bottom: 56.25%;
- }
- .video-wrapper iframe {
- width: 100% !important;
- height: 100% !important;
- }
- .sermon-video .video-wrapper {
- height: 350px;
- }
- .block-video .video-wrapper iframe, .block-video .video-wrapper object {
- position: absolute;
- width: 100%;
- height: 100%;
- }
- body.dslc-res-phone .dslc-col {
- margin-bottom: 0;
- }
- @media (max-width: 767px) {
- .block-video {
- padding: 0 10px !important;
- }
- }
- /* Block map */
- .gm-style img {
- max-width: none;
- }
- /* Transition effects */
- .animated {
- visibility: hidden;
- }
- .animated.start-animation {
- visibility: visible !important;
- }
- /* Block quote */
- .block-quote {
- position: relative;
- width: 100%;
- text-align: left;
- }
- .block-quote.has-decor .block-quote-wrap {
- display: table;
- }
- .block-quote .block-quote-content {
- display: table-cell;
- padding-bottom: 8px;
- }
- .block-quote .block-quote-subtext {
- margin: 0;
- }
- .block-quote .block-quote-left-decor {
- display: none;
- width: 100px;
- background: url("images/spica-left.png") no-repeat 50% 50%;
- }
- .block-quote .block-quote-right-decor {
- display: none;
- width: 100px;
- background: url("images/spica-right.png") no-repeat 50% 50%;
- }
- .block-quote.has-decor .block-quote-left-decor,
- .block-quote.has-decor .block-quote-right-decor {
- display: table-cell;
- }
- @media (max-width: 767px) {
- .block-quote .block-quote-left-decor,
- .block-quote .block-quote-right-decor {
- display: none;
- }
- .block-quote-content {
- font-size: 16px !important;
- }
- }
- @media (max-width: 568px) {
- .block-quote-content {
- font-size: 14px !important;
- width: 400px;
- }
- }
- /* Tabs */
- /* Tabs Vertical */
- .tab-vertical:after {
- content: '';
- display: table;
- clear: both;
- }
- .tab-vertical .nav-tabs {
- float: left;
- display: inline;
- border-bottom: 0;
- border-top: 0;
- position: relative;
- }
- .tab-vertical .nav-tabs:after {
- content: '';
- display: block;
- position: absolute;
- top: 0;
- right: -1px;
- width: 1px;
- height: 100%;
- background: #eaebec;
- }
- .tab-vertical .nav-tabs li {
- float: none;
- }
- .tab-vertical .nav-tabs li a {
- border-top: 1px solid #eaebec;
- margin: 0;
- }
- .tab-vertical .nav-tabs li:first-child a {
- border-top: 0;
- padding-top: 11px;
- }
- .tab-vertical .nav-tabs li.active a,
- .tab-vertical .nav-tabs li.active a:hover {
- border-right: 0;
- padding-left: 18px;
- border-left: 3px solid #ffc600;
- }
- .tab-vertical .nav-tabs > li.active:first-child > a,
- .tab-vertical .nav-tabs > li.active:first-child > a:hover,
- .tab-vertical .nav-tabs > li.active:first-child > a:focus {
- border-top: 0;
- border-left: 3px solid #ffc600;
- padding-top: 11px;
- padding-left: 18px;
- padding-bottom: 10px;
- }
- .tab-vertical .nav-tabs > li.active a:before {
- display: none;
- }
- .tab-vertical .tab-content {
- overflow: hidden;
- }
- .tab-vertical .tab-content > .tab-pane {
- border: 0;
- padding: 0 20px;
- border-left: 1px solid #e7e7e7;
- }
- /* Tabs Vertical End */
- /* Tabs Vertical Icons */
- .tab-vertical.icons .nav-tabs li.active a:after {
- content: '';
- display: block;
- position: absolute;
- top: 0;
- right: -1px;
- width: 1px;
- height: 100%;
- background: #ffffff;
- z-index: 1;
- }
- .tab-vertical.icons .nav-tabs li:first-child a {
- padding-top: 10px;
- border-top: 1px solid #e7e7e7;
- }
- .tab-vertical.icons .nav-tabs > li.active a,
- .tab-vertical.icons .nav-tabs > li.active > a:hover,
- .tab-vertical.icons .nav-tabs > li.active > a:focus {
- border-left: 3px solid #555555;
- border-top: 1px solid #e7e7e7;
- padding-top: 10px;
- padding-bottom: 10px;
- padding-left: 18px;
- }
- .tab-vertical.icons .nav-tabs > li.active:last-child > a,
- .tab-vertical.icons .nav-tabs > li.active:last-child > a:hover,
- .tab-vertical.icons .nav-tabs > li.active:last-child > a:focus {
- border-bottom: 1px solid #eaebec;
- }
- .tab-vertical.icons .tab-content > .tab-pane {
- padding: 20px;
- border: 1px solid #e7e7e7;
- }
- /* Tabs Vertical Icons End */
- /* Tabs Default */
- .nav-tabs {
- border-top: 1px solid #e7e7e7;
- border-bottom: 0;
- margin-bottom: 10px;
- }
- .nav-tabs > li a {
- position: relative;
- padding: 10px 20px;
- }
- .nav-tabs > li.active a:before {
- content: '';
- position: absolute;
- top: -2px;
- left: 0;
- width: 100%;
- height: 3px;
- background-color: #ffc600;
- }
- .nav-tabs > li.active:first-child > a,
- .nav-tabs > li.active:first-child > a:hover,
- .nav-tabs > li.active:first-child > a:focus {
- border-left: 0;
- padding-left: 21px;
- }
- .tab-content {
- overflow: hidden;
- }
- .tab-content > .tab-pane {
- border: 0;
- padding-top: 0;
- }
- /* Tabs Default End */
- /* Tabs Stacked */
- .nav-tabs.nav-stacked {
- float: left;
- display: inline;
- border-bottom: 0;
- border-top: 0;
- position: relative;
- }
- .nav-tabs.nav-stacked:after {
- content: '';
- display: block;
- position: absolute;
- top: 0;
- right: -1px;
- width: 1px;
- height: 100%;
- background: #eaebec;
- }
- .nav-tabs.nav-stacked li a {
- border-top: 1px solid #eaebec;
- }
- .nav-tabs.nav-stacked li:first-child a {
- border-top: 0;
- }
- .nav-tabs.nav-stacked li.active a,
- .nav-tabs.nav-stacked li.active a:hover {
- border-right: 0;
- padding-left: 18px;
- padding-top: 10px;
- padding-bottom: 11px;
- border-left: 3px solid #ffc600;
- border-bottom: 0;
- }
- .nav-tabs.nav-stacked > li.active:first-child > a,
- .nav-tabs.nav-stacked > li.active:first-child > a:hover,
- .nav-tabs.nav-stacked > li.active:first-child > a:focus {
- border-top: 0;
- border-left: 3px solid #ffc600;
- padding-top: 10px;
- padding-bottom: 11px;
- padding-left: 18px;
- }
- .nav-tabs.nav-stacked > li.active a:before {
- display: none;
- }
- @media (max-width: 767px) {
- .nav-tabs.nav-stacked {
- width: 30%;
- }
- .nav-tabs > li a {
- padding-left: 10px;
- }
- .nav-tabs.nav-stacked li.active a,
- .nav-tabs.nav-stacked li.active a:hover {
- padding-left: 8px;
- }
- .nav-tabs.nav-stacked > li.active:first-child > a,
- .nav-tabs.nav-stacked > li.active:first-child > a:hover,
- .nav-tabs.nav-stacked > li.active:first-child > a:focus {
- padding-left: 8px;
- }
- }
- /* Tabs Stacked End */
- /* Alerts */
- .alert-box {
- display: table;
- width: 100%;
- margin-bottom: 20px;
- border-width: 1px;
- border-style: solid;
- border-color: transparent;
- padding: 15px;
- -webkit-border-radius: 5px;
- -moz-border-radius: 5px;
- border-radius: 5px;
- }
- .alert-box .fa {
- font-size: 20px;
- display: table-cell;
- padding-right: 4px;
- width: 1%;
- }
- .alert-box .fa:before {
- top: 2px;
- position: relative;
- }
- .alert-box .alert-close {
- float: right;
- cursor: pointer;
- display: table-cell;
- margin-right: 5px;
- }
- .alert-success {
- border-color: #d6e9c6;
- background-color: #e0f0d8;
- color: #468847;
- }
- .alert-warning {
- border-color: #f7e1bc;
- background-color: #fff3b9;
- color: #ee8734;
- }
- .alert-danger {
- border-color: #eed3d7;
- background-color: #f2dede;
- color: #b94a48;
- }
- .alert-info {
- border-color: #bde8f2;
- background-color: #d8edf7;
- color: #3a87ad;
- }
- /* Alerts End */
- .panel-default {
- border: 0;
- margin-bottom: 2px;
- }
- .panel-default .panel-heading {
- border-top: 1px solid #cccccc;
- border-bottom: 0;
- }
- .panel-default:first-child .panel-heading {
- border: 0;
- }
- .panel-default .panel-body {
- padding: 0 50px 20px;
- }
- .panel-default .panel-title .fa {
- margin-right: 20px;
- font-size: 130%;
- }
- .error_page {
- padding: 45px 0 55px;
- }
- .error_page h2 {
- padding-bottom: 12px;
- border-bottom: 1px solid #eaebec;
- }
- .error_page .btn {
- margin-right: 15px;
- }
- /* Post */
- .type-dslc_staff .post-thumbnail {
- float: none;
- }
- .full-size .post-thumbnail {
- float: left;
- }
- .block-staff.full-size .media-body {
- text-align: left;
- }
- @media (max-width: 767px) {
- .block-staff.full-size .media-body {
- float: left;
- width: 100%;
- text-align: center;
- }
- }
- .post_block {
- padding: 50px 0;
- }
- .post_block h3 {
- margin-bottom: 20px;
- }
- .post_block .media-object {
- margin-bottom: 20px;
- }
- .post_block .media-object:after {
- content: '';
- display: table;
- clear: both;
- }
- .post_block .post-excerpt {
- margin-bottom: 40px;
- clear: both;
- }
- .post_block .block_pagination {
- clear: both;
- }
- .progress-secondary .progress-bar {
- max-width: 100%;
- }
- /* Post End */
- /* Gallery */
- .gallery-single {
- padding: 50px 0;
- }
- .post_block .gallery-single {
- padding: 0;
- }
- .gallery-single .dslc-tp-content p {
- margin-bottom: 24px;
- }
- .carousel-inner .count-likes {
- cursor: pointer;
- position: absolute;
- top: -2px;
- left: -5px;
- width: 50px;
- line-height: 16px;
- text-align: center;
- z-index: 999;
- }
- .count-likes .fa {
- color: #c3c3c3;
- }
- .count-likes .counter-likes {
- font-size: 12px;
- }
- .count-likes .animated {
- visibility: visible !important;
- -webkit-animation-duration: 1s;
- animation-duration: 1s;
- -webkit-animation-fill-mode: both;
- animation-fill-mode: both;
- color: red;
- }
- .gallery-caption {}
- .bypostauthor {}
- #dslc-content ul.dslc-social li {
- float: right !important;
- }
- @-webkit-keyframes shake {
- 0%, 100% {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
- 10%, 30%, 50%, 70%, 90% {
- -webkit-transform: translate3d(-1px, 0, 0);
- transform: translate3d(-1px, 0, 0);
- }
- 20%, 40%, 60%, 80% {
- -webkit-transform: translate3d(1px, 0, 0);
- transform: translate3d(1px, 0, 0);
- }
- }
- @keyframes shake {
- 0%, 100% {
- -webkit-transform: translate3d(0, 0, 0);
- -ms-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
- 10%, 30%, 50%, 70%, 90% {
- -webkit-transform: translate3d(-1px, 0, 0);
- -ms-transform: translate3d(-1px, 0, 0);
- transform: translate3d(-1px, 0, 0);
- }
- 20%, 40%, 60%, 80% {
- -webkit-transform: translate3d(1px, 0, 0);
- -ms-transform: translate3d(1px, 0, 0);
- transform: translate3d(1px, 0, 0);
- }
- }
- .shake {
- -webkit-animation-name: shake;
- animation-name: shake;
- }
- /* Gallery End */
- /* Panel Success */
- .panel-success {
- color: #ffffff;
- border-color: #ffffff;
- }
- .panel-success > .panel-heading {
- color: #ffffff;
- background-color: #774a9f;
- border-color: #ffffff;
- }
- .panel-success > .table {
- background: #774a9f;
- }
- .block-pricing .panel.panel-success .table td {
- border-color: #ffffff;
- }
- /* Panel Success End */
- /* Monster Widget */
- .widget ul {
- padding: 0;
- list-style: none;
- }
- .widget ul li {
- position: relative;
- }
- .widget_nav_menu ul li:before {
- content: '';
- position: absolute;
- left: 0;
- top: 16px;
- width: 8px;
- height: 12px;
- font-size: 120%;
- background: url("images/pink-arrow.png") no-repeat 0 0;
- }
- .widget.widget_rss li {
- margin-bottom: 10px;
- }
- .widget select {
- width: 100%;
- }
- .widget img {
- vertical-align: top;
- margin: 1px 5px 0 0;
- }
- #footer .widget img {
- vertical-align: top;
- margin: 8px 5px 0 0;
- }
- #footer .widget .search-form .search-submit {
- color: #ffffff !important;
- }
- .widget-title a {
- color: #ffc600 !important;
- }
- /* Monster Widget End */
- /* About */
- .about-list {
- text-align: center;
- }
- .about-list .icons {
- color: #ffffff;
- font-size: 30px;
- margin-bottom: 12px;
- }
- .about-list .icons div {
- display: inline-block;
- width: 70px;
- height: 70px;
- margin: 0 auto;
- line-height: 64px;
- text-align: center;
- border-width: 1px;
- border-style: solid;
- border-color: #00a0d1;
- overflow: hidden;
- -webkit-border-radius: 50%;
- -moz-border-radius: 50%;
- border-radius: 50%;
- }
- .about-list .icons div .fa{
- text-shadow: rgb(0, 144, 188) 1px 1px,
- rgb(0, 144, 188) 2px 2px,
- rgb(0, 144, 188) 3px 3px,
- rgb(0, 144, 188) 4px 4px,
- rgb(0, 144, 188) 5px 5px,
- rgb(0, 144, 188) 6px 6px,
- rgb(0, 144, 188) 7px 7px,
- rgb(0, 144, 188) 8px 8px,
- rgb(0, 144, 188) 9px 9px,
- rgb(0, 144, 188) 10px 10px,
- rgb(0, 144, 188) 11px 11px,
- rgb(0, 144, 188) 12px 12px,
- rgb(0, 144, 188) 13px 13px,
- rgb(0, 144, 188) 14px 14px,
- rgb(0, 144, 188) 15px 15px,
- rgb(0, 144, 188) 16px 16px,
- rgb(0, 144, 188) 17px 17px,
- rgb(0, 144, 188) 18px 18px,
- rgb(0, 144, 188) 19px 19px,
- rgb(0, 144, 188) 20px 20px,
- rgb(0, 144, 188) 21px 21px,
- rgb(0, 144, 188) 22px 22px,
- rgb(0, 144, 188) 23px 23px,
- rgb(0, 144, 188) 24px 24px,
- rgb(0, 144, 188) 25px 25px,
- rgb(0, 144, 188) 26px 26px,
- rgb(0, 144, 188) 27px 27px,
- rgb(0, 144, 188) 28px 28px,
- rgb(0, 144, 188) 29px 29px,
- rgb(0, 144, 188) 30px 30px,
- rgb(0, 144, 188) 31px 31px,
- rgb(0, 144, 188) 32px 32px,
- rgb(0, 144, 188) 33px 33px,
- rgb(0, 144, 188) 34px 34px
- }
- .about-list .title a {
- color: #00a0d1;
- font-size: 18px;
- }
- .about-list.full-size {
- text-align: left;
- }
- .about-list.full-size .info {
- overflow: hidden;
- padding-right: 30px;
- }
- .about-list.full-size .icons {
- float: left;
- margin: 8px 20px 0 0;
- }
- .about-list.full-size .icons div {
- display: inline-block;
- width: 60px;
- height: 60px;
- margin: 0 auto;
- line-height: 60px;
- text-align: center;
- border: 0;
- overflow: hidden;
- -webkit-border-radius: 0;
- -moz-border-radius: 0;
- border-radius: 0;
- }
- .about-list.full-size .icons div .fa {
- text-shadow: none;
- }
- @media (max-width: 767px) {
- .dslc-col .about-list {
- margin-bottom: 30px !important;
- padding: 0 20px;
- }
- .dslc-col:last-child .about-list {
- margin-bottom: 0 !important;
- }
- }
- /* About End */
- .fa-lg {
- line-height: 14px;
- }
- /* Contacts block */
- .block-contacts {
- display: block;
- }
- .block-contacts div {
- display: block;
- width: 33%;
- padding: 0 2%;
- margin-bottom: 10px;
- }
- .block-contacts div:first-child {
- padding-left: 0;
- }
- .block-contacts div:last-child {
- margin-bottom: 0;
- }
- .block-contacts .fa {
- color: #ffc600;
- }
- @media (min-width: 767px) {
- .block-contacts {
- display: table;
- width: 100%;
- }
- .block-contacts div {
- display: table-cell;
- margin-bottom: 0;
- }
- }
- /* Contacts block End */
- /* Contacts form */
- .form-control, .search-field, .wpcf7-text, .wpcf7-textarea {
- display: block;
- width: 100%;
- height: 34px;
- padding: 3px 10px;
- font-size: 14px;
- line-height: 1.7;
- color: #555555;
- background-color: #ffffff;
- background-image: none;
- border: 1px solid #d4d4d4;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- border-radius: 3px;
- -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
- transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
- }
- .form-control:focus, .search-field:focus, .wpcf7-text:focus, .wpcf7-textarea:focus {
- border-color: #00a0d1;
- }
- textarea.wpcf7-textarea {
- height: 120px;
- }
- .send-button {
- text-align: center;
- margin-bottom: 0 !important;
- }
- .send-button.right {
- text-align: right;
- }
- .send-button.right img {
- vertical-align: middle;
- margin-top: 15px !important;
- }
- .send-button.right input {
- float: right;
- }
- span.wpcf7-form-control-wrap {
- width: 100%;
- }
- .icon-name,
- .icon-mail {
- position: relative;
- margin-bottom: 15px;
- }
- .icon-name input,
- .icon-mail input {
- padding-left: 40px;
- }
- .icon-name:before {
- content: '\f118';
- position: absolute;
- top: 2px;
- left: 12px;
- font-family: 'FontAwesome';
- font-size: 18px;
- color: #ffc600;
- z-index: 1;
- }
- .icon-mail:before {
- content: '\f0e0';
- position: absolute;
- top: 2px;
- left: 12px;
- font-family: 'FontAwesome';
- font-size: 18px;
- color: #ffc600;
- z-index: 1;
- }
- .message-box p:last-child {
- margin-bottom: 0 !important;
- }
- .wpcf7-form img.ajax-loader {
- margin-right: 6px;
- margin-top: 0;
- }
- .contact-form-smile p {margin-bottom: 5px;}
- /* Contacts form End */
- /* Woocommerce styles */
- .woocommerce-box {
- margin-top: 50px;
- }
- .woocommerce ul.products li.product,
- .woocommerce-page ul.products li.product {
- text-align: center;
- width: 45%;
- margin: 0 5% 2.992em 0;
- }
- @media (min-width: 767px) {
- .woocommerce ul.products li.product,
- .woocommerce-page ul.products li.product {
- width: 30%;
- }
- }
- .woocommerce ul.products li.product.last,
- .woocommerce-page ul.products li.product.last {
- margin-right: 0;
- }
- .woocommerce ul.products li.product a img,
- .woocommerce-page ul.products li.product a img {
- width: 100%;
- height: auto;
- display: block;
- margin: 0 0 8px;
- box-shadow: none !important;
- -webkit-box-shadow: none !important;
- -webkit-transition: all ease-in-out .2s;
- -moz-transition: all ease-in-out .2s;
- -o-transition: all ease-in-out .2s;
- transition: all ease-in-out .2s;
- }
- .woocommerce ul.products li.product .product_thumbnail,
- .woocommerce-page ul.products li.product .product_thumbnail {
- min-height: 170px;
- border-width: 0;
- border-bottom-width: 1px;
- border-bottom-style: solid;
- border-color: #eeeeee;
- }
- .woocommerce .products .star-rating,
- .woocommerce-page .products .star-rating {
- display: block;
- margin: 0 auto .5em;
- float: none;
- font-size: 10px;
- }
- .woocommerce ul.products li.product .price,
- .woocommerce-page ul.products li.product .price {
- color: #85939f;
- }
- .woocommerce ul.products li.product .btn .fa,
- .woocommerce-page ul.products li.product .btn .fa {
- font-size: 23px;
- margin-left: -8px;
- margin-right: 8px;
- float: left;
- }
- .woocommerce ul.products li.product .onsale,
- .woocommerce-page ul.products li.product .onsale {
- top: 0;
- left: 0;
- right: auto;
- margin: 0;
- }
- .woocommerce span.onsale::after,
- .woocommerce-page span.onsale::after {
- content: '';
- width: 0px;
- height: 0px;
- position: absolute;
- top: 0;
- left: 0;
- border-top: 47px solid #ff9600;
- border-right: 47px solid transparent;
- }
- .woocommerce span.onsale,
- .woocommerce-page span.onsale {
- min-height: 32px;
- min-width: 32px;
- padding: 4px;
- font-size: 12px;
- font-weight: 400;
- position: absolute;
- text-align: center;
- line-height: 32px;
- top: 6px;
- left: 6px;
- margin: 0;
- text-transform: uppercase;
- -webkit-border-radius: 0;
- border-radius: 0;
- background: transparent;
- text-shadow: none;
- color: #fff;
- -webkit-box-shadow: none;
- -moz-box-shadow: none;
- box-shadow: none;
- z-index: 40;
- }
- .woocommerce span.onsale .onsale-text,
- .woocommerce-page span.onsale .onsale-text {
- float: left;
- position: relative;
- z-index: 40;
- margin: -3px 0 0 -3px;
- -webkit-transform: rotate(-45deg);
- -moz-transform: rotate(-45deg);
- -o-transform: rotate(-45deg);
- transform: rotate(-45deg);
- filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
- color: #ffffff;
- }
- .woocommerce .woocommerce-result-count,
- .woocommerce-page .woocommerce-result-count {
- display: none;
- }
- .woocommerce .woocommerce-ordering,
- .woocommerce-page .woocommerce-ordering {
- float: left;
- margin-bottom: 50px;
- }
- .woocommerce ul.products li.product .price,
- .woocommerce-page ul.products li.product .price {
- margin-bottom: 0;
- }
- /* Select */
- .woocommerce .woocommerce-ordering select,
- .woocommerce-page .woocommerce-ordering select {
- vertical-align: top;
- padding: 4px 10px;
- border-width: 1px;
- border-color: #d4d4d4;
- -webkit-border-radius: 2px;
- border-radius: 2px;
- outline: none;
- }
- .woocommerce-checkout .form-row .chosen-container-single .chosen-single {
- height: 33px;
- padding-top: 3px;
- }
- .chosen-container-single .chosen-single {
- background: transparent;
- box-shadow: none;
- border-radius: 2px;
- -webkit-border-radius: 2px;
- border-color: #d4d4d4;
- }
- .woocommerce-checkout .form-row .chosen-container .chosen-drop {
- border-color: #d4d4d4;
- }
- .chosen-container-active.chosen-with-drop .chosen-single {
- background: transparent;
- border-color: #d4d4d4;
- }
- .woocommerce-checkout .form-row .chosen-container-single .chosen-single div b {
- background: url("images/arrow-blue.png") no-repeat 0 50% !important;
- }
- .woocommerce-checkout .form-row .chosen-container-single .chosen-search input {
- border-color: #d4d4d4;
- }
- .woocommerce form .form-row select,
- .woocommerce-page form .form-row select {
- padding: 7px 2px;
- border-color: #d4d4d4;
- border-radius: 2px;
- -webkit-border-radius: 2px;
- }
- /* Sidebar */
- .widget_stm_event {
- float: left;
- width: 100%;
- clear: both;
- }
- .widget_stm_event li {
- float: left;
- width: 100%;
- font-size: 14px;
- line-height: 14px;
- margin-bottom: 20px;
- padding-bottom: 20px;
- border-bottom-width: 1px;
- border-bottom-style: solid;
- border-bottom-color: #edeeef;
- }
- .widget_stm_event li:last-child {
- margin-bottom: 10px;
- padding-bottom: 0;
- border: 0;
- }
- .widget_stm_event .where {
- font-size: 12px;
- margin-top: 6px;
- }
- .widget_stm_event .calendarDate {
- float: left;
- width: 48px;
- height: 48px;
- margin-right: 10px;
- text-align: center;
- background: url("images/calendar-small-bg.png") no-repeat 0 0;
- }
- .widget_stm_event .calendarDay {
- font-size: 18px;
- font-weight: bold;
- padding-top: 11px;
- padding-bottom: 9px;
- }
- .widget_stm_event .calendarMonth {
- font-size: 10px;
- text-transform: uppercase;
- }
- .widget_stm_instagram ul {
- margin: 0 -5px;
- }
- .widget_stm_instagram li {
- width: 28%;
- float: left;
- margin: 5px;
- }
- .woocommerce-sidebar #sidebar .widget {
- width: 100%;
- margin-bottom: 40px;
- }
- .widget_shopping_cart .widget-title,
- .widget_shopping_cart .block-title {
- position: relative;
- background: url("images/arrow-blue.png") no-repeat 100% 50%;
- cursor: pointer;
- }
- .widget_shopping_cart_content ul {
- display: none;
- }
- .widget_shopping_cart_content ul.open {
- display: block;
- }
- .widget_shopping_cart_content .buttons .wc-forward,
- .woocommerce .widget_price_filter .price_slider_amount .button,
- .woocommerce-page .widget_price_filter .price_slider_amount .button {
- color: #474e52;
- background: transparent;
- display: inline-block;
- margin-top: 10px;
- margin-bottom: 0;
- font-weight: bold;
- text-align: center;
- vertical-align: middle;
- cursor: pointer;
- min-width: 100px;
- background-image: none;
- border: 2px solid #00a0d1;
- opacity: 1;
- white-space: nowrap;
- border-radius: 5px;
- border-width: 2px;
- border-style: solid;
- -webkit-transition: all 0.15s ease-in-out;
- transition: all 0.15s ease-in-out;
- padding: 8px 18px 8px 50px;
- font-size: 14px;
- line-height: 1.7;
- border-radius: 4px;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- -o-user-select: none;
- user-select: none;
- -webkit-box-shadow: none;
- box-shadow: none;
- text-shadow: none;
- }
- .woocommerce .widget_price_filter .price_slider_amount .button,
- .woocommerce-page .widget_price_filter .price_slider_amount .button {
- padding: 8px 18px;
- }
- .widget_shopping_cart_content .buttons .wc-forward a:after, .widget_shopping_cart_content .buttons .wc-forward:after {
- display: none;
- }
- .widget_shopping_cart_content .buttons .wc-forward:before {
- content: '\f0a9';
- position: absolute;
- top: 3px;
- left: 20px;
- font-weight: 800;
- font-family: 'FontAwesome';
- font-size: 21px;
- color: #11a6d4;
- -webkit-transition: all 0.15s ease-in-out;
- transition: all 0.15s ease-in-out;
- }
- .widget_shopping_cart_content .buttons .wc-forward:hover,
- .woocommerce .widget_price_filter .price_slider_amount .button:hover,
- .woocommerce-page .widget_price_filter .price_slider_amount .button:hover {
- background: #11a6d4;
- color: #ffffff;
- }
- .widget_shopping_cart_content .buttons .wc-forward:hover:before {
- color: #ffffff;
- }
- .widget_shopping_cart_content .buttons .wc-forward:active {
- margin-top: 10px;
- margin-bottom: 20px;
- top: 0;
- }
- .widget_shopping_cart_content .buttons .checkout {
- display: none;
- }
- .woocommerce .widget_shopping_cart .total,
- .woocommerce-page .widget_shopping_cart .total,
- .woocommerce-page.widget_shopping_cart .total,
- .woocommerce.widget_shopping_cart .total {
- border-top: 1px double #00a0d1;
- margin-top: 20px;
- padding: 12px 0 0;
- }
- .woocommerce .widget_shopping_cart .total strong,
- .woocommerce-page .widget_shopping_cart .total strong,
- .woocommerce-page.widget_shopping_cart .total strong,
- .woocommerce.widget_shopping_cart .total strong {
- font-weight: normal;
- }
- .woocommerce .widget_shopping_cart .total .amount,
- .woocommerce-page .widget_shopping_cart .total .amount,
- .woocommerce-page.widget_shopping_cart .total .amount,
- .woocommerce.widget_shopping_cart .total .amount {
- color: #00a0d1;
- }
- .woocommerce .widget_price_filter .ui-slider-horizontal,
- .woocommerce-page .widget_price_filter .ui-slider-horizontal {
- height: 1px;
- }
- .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content,
- .woocommerce-page .widget_price_filter .price_slider_wrapper .ui-widget-content {
- border-radius: 0;
- -webkit-border-radius: 0;
- background: #edeeef;
- }
- .woocommerce .widget_price_filter .ui-slider .ui-slider-handle:last-child,
- .woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle:last-child {
- margin-left: 0;
- }
- .woocommerce .widget_price_filter .ui-slider .ui-slider-range,
- .woocommerce-page .widget_price_filter .ui-slider .ui-slider-range {
- background: #00a0d1;
- box-shadow: none;
- -webkit-box-shadow: 0;
- -webkit-border-radius: 0;
- border-radius: 0;
- }
- .woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
- .woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle {
- position: absolute;
- z-index: 2;
- width: 11px;
- height: 11px;
- -webkit-border-radius: 1em;
- border-radius: 1em;
- border: 2px solid #00a0d1;
- cursor: pointer;
- background: #ffffff;
- outline: 0;
- top: -.4em;
- -webkit-box-shadow: none;
- -moz-box-shadow: none;
- box-shadow: none;
- }
- .price_slider_wrapper {
- margin-top: 56px;
- }
- .price_slider_wrapper .price_label {
- position: absolute;
- top: 40px;
- left: 10px;
- font-size: 14px;
- }
- /* Revive */
- .woocommerce .star-rating span:before,
- .woocommerce-page .star-rating span:before {
- color: #ffc600;
- }
- .woocommerce .star-rating:before,
- .woocommerce-page .star-rating:before {
- color: #afc0c3;
- }
- /* Item */
- .woocommerce #content div.product div.images,
- .woocommerce div.product div.images,
- .woocommerce-page #content div.product div.images,
- .woocommerce-page div.product div.images,
- .woocommerce #content div.product div.summary,
- .woocommerce div.product div.summary,
- .woocommerce-page #content div.product div.summary,
- .woocommerce-page div.product div.summary {
- margin-bottom: 50px;
- }
- .woocommerce-main-image {
- display: block;
- position: relative;
- }
- .woocommerce-main-image .image-zoom {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- }
- .woocommerce-main-image:hover .image-zoom {
- background: #fff;
- opacity: 0.6;
- }
- .woocommerce-main-image .loupe {
- content: '';
- position: absolute;
- top: 50%;
- left: 50%;
- width: 95px;
- height: 62px;
- margin: -31px 0 0 -48px;
- background: url("images/thumbnail-zoom.png") no-repeat 0 0;
- z-index: 10;
- display: none;
- }
- .woocommerce-main-image:hover .loupe {
- display: block;
- }
- .woocommerce #content .summary ins {
- background: inherit;
- float: left;
- border-width: 1px;
- border-style: solid;
- border-color: #eeeeee;
- position: relative;
- font-weight: 600;
- font-size: 14px;
- color: #000000;
- padding: 5px 10px;
- padding-left: 34px;
- margin-right: 10px;
- text-decoration: none;
- -webkit-border-radius: 4px;
- border-radius: 4px;
- }
- .woocommerce #content div.product p.price ins:before,
- .woocommerce #content div.product span.price ins:before,
- .woocommerce div.product p.price ins:before,
- .woocommerce div.product span.price ins:before,
- .woocommerce-page #content div.product p.price ins:before,
- .woocommerce-page #content div.product span.price ins:before,
- .woocommerce-page div.product p.price ins:before,
- .woocommerce-page div.product span.price ins:before {
- content: "\f02b";
- position: absolute;
- top: 4px;
- left: 10px;
- font-family: 'FontAwesome';
- font-size: 16px;
- color: #ffc600;
- }
- .woocommerce #content div.product p.price del,
- .woocommerce #content div.product span.price del,
- .woocommerce div.product p.price del,
- .woocommerce div.product span.price del,
- .woocommerce-page #content div.product p.price del,
- .woocommerce-page #content div.product span.price del,
- .woocommerce-page div.product p.price del,
- .woocommerce-page div.product span.price del {
- font-size: 14px;
- color: #c3c3c3;
- }
- .entry-summary .product_title {
- font-size: 18px;
- line-height: 14px;
- }
- .entry-summary .woocommerce-product-rating {
- margin-bottom: 20px;
- }
- .entry-summary .offers {
- margin-bottom: 24px;
- }
- .entry-summary .description {
- line-height: 24px;
- border-bottom: 1px solid #eeeeee;
- padding-bottom: 8px;
- margin-bottom: 26px;
- }
- .woocommerce #content div.product div.images img,
- .woocommerce div.product div.images img,
- .woocommerce-page #content div.product div.images img,
- .woocommerce-page div.product div.images img {
- display: block;
- width: 100%;
- height: auto;
- box-shadow: none;
- -webkit-box-shadow: none;
- border: 1px solid #edeeef;
- -webkit-transition: all ease-in-out .2s;
- -moz-transition: all ease-in-out .2s;
- -o-transition: all ease-in-out .2s;
- transition: all ease-in-out .2s;
- }
- .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 {
- width: 20%;
- }
- .woocommerce #content div.product .woocommerce-tabs ul.tabs,
- .woocommerce div.product .woocommerce-tabs ul.tabs,
- .woocommerce-page #content div.product .woocommerce-tabs ul.tabs,
- .woocommerce-page div.product .woocommerce-tabs ul.tabs {
- padding: 0;
- }
- .woocommerce #content div.product .woocommerce-tabs ul.tabs:before,
- .woocommerce div.product .woocommerce-tabs ul.tabs:before,
- .woocommerce-page #content div.product .woocommerce-tabs ul.tabs:before,
- .woocommerce-page div.product .woocommerce-tabs ul.tabs:before {
- top: 0;
- bottom: auto;
- }
- .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active,
- .woocommerce div.product .woocommerce-tabs ul.tabs li.active,
- .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active,
- .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active {
- background: #fff;
- z-index: 2;
- border-bottom-color: #fff;
- border-top-color: #ffc600;
- position: relative;
- }
- .woocommerce #content div.product .woocommerce-tabs ul.tabs li:after,
- .woocommerce #content div.product .woocommerce-tabs ul.tabs li:before,
- .woocommerce div.product .woocommerce-tabs ul.tabs li:after,
- .woocommerce div.product .woocommerce-tabs ul.tabs li:before,
- .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:after,
- .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:before,
- .woocommerce-page div.product .woocommerce-tabs ul.tabs li:after,
- .woocommerce-page div.product .woocommerce-tabs ul.tabs li:before {
- border: 0;
- position: absolute;
- bottom: 0;
- width: 0;
- height: 0;
- content: " ";
- }
- .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active:after,
- .woocommerce div.product .woocommerce-tabs ul.tabs li.active:after,
- .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active:after,
- .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active:after {
- box-shadow: none;
- width: 100%;
- height: 2px;
- top: 0;
- left: 0;
- background: #ffc600;
- }
- .woocommerce #content div.product .woocommerce-tabs ul.tabs li:after,
- .woocommerce div.product .woocommerce-tabs ul.tabs li:after,
- .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:after,
- .woocommerce-page div.product .woocommerce-tabs ul.tabs li:after {
- right: auto;
- -webkit-border-bottom-left-radius: 0;
- -moz-border-bottom-left-radius: 0;
- border-bottom-left-radius: 0;
- border-width: 0;
- box-shadow: none;
- }
- .woocommerce #content div.product .woocommerce-tabs ul.tabs li,
- .woocommerce div.product .woocommerce-tabs ul.tabs li,
- .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li,
- .woocommerce-page div.product .woocommerce-tabs ul.tabs li {
- border: 1px solid #e0dadf;
- border-bottom: 0;
- background: transparent;
- display: inline-block;
- position: relative;
- z-index: 0;
- -webkit-border-top-left-radius: 0;
- -webkit-border-top-right-radius: 0;
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- box-shadow: none;
- margin: 0 -5px;
- padding: 0 1em;
- }
- .woocommerce .related h2,
- .woocommerce .upsells.products h2,
- .woocommerce-page .related h2,
- .woocommerce-page .upsells.products h2 {
- font-size: 18px;
- }
- .entry-summary .cart .btn.right{
- float: right;
- margin-top: -4px;
- }
- .entry-summary .cart .btn.right .fa {
- font-size: 23px;
- margin-left: -8px;
- margin-right: 8px;
- float: left;
- }
- .woocommerce-sidebar .widget ul,
- .widget_product_categories ul {
- margin-bottom: -10px;
- }
- .woocommerce-sidebar .widget ul li {
- position: relative;
- padding: 10px 10px 10px 16px;
- border-top: 1px solid #eaebec;
- line-height: 20px;
- }
- .widget_product_categories .product-categories li {
- padding-left: 16px;
- line-height: 20px;
- position: relative;
- padding: 10px 10px 10px 16px;
- border-top: 1px solid #eaebec;
- line-height: 20px;
- }
- .woocommerce-sidebar .widget ul li:first-child,
- .widget_product_categories ul li:first-child {
- border: 0;
- padding-top: 0;
- }
- .woocommerce-sidebar .widget ul li:first-child:before,
- .widget_product_categories ul li:first-child:before {
- top: 5px;
- }
- .woocommerce-sidebar .widget ul li:before,
- .widget_product_categories ul li:before {
- content: '';
- position: absolute;
- left: 0;
- top: 15px;
- width: 8px;
- height: 12px;
- font-size: 120%;
- background: url("images/yellow-arrow.png") no-repeat 0 0;
- }
- /* Cart */
- .woocommerce-message {
- line-height: 40px;
- }
- .woocommerce-message .btn {
- float: right;
- }
- .woocommerce #content .quantity,
- .woocommerce .quantity,
- .woocommerce-page #content .quantity,
- .woocommerce-page .quantity {
- width: 108px;
- height: 32px;
- }
- .woocommerce #content .quantity .minus,
- .woocommerce .quantity .minus,
- .woocommerce-page #content .quantity .minus,
- .woocommerce-page .quantity .minus {
- top: 0;
- left: 0;
- float: left;
- position: relative;
- margin-right: 3px;
- }
- .woocommerce #content .quantity .minus,
- .woocommerce #content .quantity .plus,
- .woocommerce .quantity .minus,
- .woocommerce .quantity .plus,
- .woocommerce-page #content .quantity .minus,
- .woocommerce-page #content .quantity .plus,
- .woocommerce-page .quantity .minus,
- .woocommerce-page .quantity .plus {
- display: block;
- text-align: center;
- vertical-align: text-top;
- width: 32px;
- height: 32px;
- overflow: visible;
- text-decoration: none;
- font-weight: 700;
- cursor: pointer;
- line-height: 13px;
- font-size: 14px;
- -webkit-border-radius: 2px;
- border-radius: 2px;
- color: #5e5e5e;
- text-shadow: 0 1px 0 rgba(255,255,255,.8);
- border: 1px solid #c8bfc6;
- background: #f7f6f7;
- background: -webkit-gradient(linear,left top,left bottom,from(#f7f6f7),to(#e0dadf));
- background: -webkit-linear-gradient(#f7f6f7,#e0dadf);
- background: -moz-linear-gradient(center top,#f7f6f7 0,#e0dadf 100%);
- background: -moz-gradient(center top,#f7f6f7 0,#e0dadf 100%);
- -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);
- -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);
- 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);
- }
- .woocommerce #content .quantity input.qty,
- .woocommerce .quantity input.qty,
- .woocommerce-page #content .quantity input.qty,
- .woocommerce-page .quantity input.qty {
- width: 38px;
- height: 32px;
- float: left;
- padding: 0;
- text-align: center;
- border: 1px solid #c8bfc6;
- -webkit-border-radius: 2px;
- border-radius: 2px;
- text-align: center;
- box-shadow: inset 0 0 2px 0 #f7f6f7;
- -webkit-box-shadow: inset 0 0 2px 0 #f7f6f7;
- font-weight: 700;
- -moz-appearance: textfield;
- }
- .woocommerce #content table.cart a.remove,
- .woocommerce table.cart a.remove,
- .woocommerce-page #content table.cart a.remove,
- .woocommerce-page table.cart a.remove {
- color: #c8c8c8;
- font-weight: normal;
- }
- .woocommerce #content table.cart a.remove:hover,
- .woocommerce table.cart a.remove:hover,
- .woocommerce-page #content table.cart a.remove:hover,
- .woocommerce-page table.cart a.remove:hover {
- background-color: transparent;
- color: #ff1414;
- }
- .woocommerce table.shop_table,
- .woocommerce-page table.shop_table {
- border: 0;
- }
- .woocommerce table.shop_table th,
- .woocommerce-page table.shop_table th {
- font-weight: normal;
- padding-bottom: 15px;
- text-transform: uppercase;
- font-size: 12px;
- color: #c3c3c3;
- }
- .woocommerce table.shop_table td,
- .woocommerce-page table.shop_table td {
- padding: 12px;
- }
- @media (max-width: 480px) {
- .woocommerce table.shop_table th,
- .woocommerce-page table.shop_table th {
- padding: 9px 0;
- font-size: 10px;
- text-transform: none;
- }
- .woocommerce table.shop_table td,
- .woocommerce-page table.shop_table td {
- padding: 12px 0;
- font-size: 10px;
- }
- .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 {
- width: 45%;
- }
- }
- @media (max-width: 767px) {
- .woocommerce .cart-collaterals .shipping_calculator,
- .woocommerce-page .cart-collaterals .shipping_calculator {
- float: left;
- width: 100%;
- clear: both;
- }
- .woocommerce .cart-collaterals .cart_totals,
- .woocommerce-page .cart-collaterals .cart_totals {
- float: left;
- width: 100%;
- clear: both;
- margin-bottom: 0 !important;
- }
- .woocommerce-sidebar #sidebar {
- padding: 0 !important;
- margin: 0 -5px;
- }
- }
- .woocommerce table.shop_table .cart-buttons td,
- .woocommerce-page table.shop_table .cart-buttons td {
- padding-top: 35px;
- padding-bottom: 16px;
- }
- .woocommerce #content .quantity,
- .woocommerce .quantity,
- .woocommerce-page #content .quantity,
- .woocommerce-page .quantity {
- margin: 0;
- }
- .woocommerce #content table.cart td.actions .coupon,
- .woocommerce table.cart td.actions .coupon,
- .woocommerce-page #content table.cart td.actions .coupon,
- .woocommerce-page table.cart td.actions .coupon {
- margin-left: -12px;
- }
- .woocommerce #content table.cart td.actions .coupon .input-text,
- .woocommerce table.cart td.actions .coupon .input-text,
- .woocommerce-page #content table.cart td.actions .coupon .input-text,
- .woocommerce-page table.cart td.actions .coupon .input-text {
- width: 208px;
- height: 42px;
- padding: 6px 6px;
- }
- .woocommerce .cart-collaterals,
- .woocommerce-page .cart-collaterals {
- border-top-width: 3px;
- border-top-style: solid;
- border-color: #00a0d1;
- padding-top: 30px;
- }
- .woocommerce .cart-collaterals .cart_totals tr td,
- .woocommerce .cart-collaterals .cart_totals tr th,
- .woocommerce-page .cart-collaterals .cart_totals tr td,
- .woocommerce-page .cart-collaterals .cart_totals tr th {
- border: 0;
- font-weight: normal;
- color: #474e52;
- }
- .checkout-wrap-button {
- position: relative;
- }
- .checkout-button {
- position: relative;
- padding-right: 40px;
- margin-left: 10px;
- }
- .checkout-button:after {
- content: '\f061';
- position: absolute;
- top: 10px;
- right: 14px;
- font-family: 'FontAwesome';
- font-size: 18px;
- }
- .woocommerce .cart-collaterals .cart_totals,
- .woocommerce-page .cart-collaterals .cart_totals {
- font-size: 18px;
- width: auto;
- margin-bottom: 50px;
- }
- .woocommerce .cart-collaterals .cart_totals table th,
- .woocommerce-page .cart-collaterals .cart_totals table th {
- width: auto;
- padding-right: 100px;
- }
- tr.order-total .amount {
- color: #02baab;
- }
- input.btn {
- padding: 13px 18px 12px;
- }
- .woocommerce .cart-collaterals .shipping_calculator,
- .woocommerce-page .cart-collaterals .shipping_calculator {
- float: left;
- width: auto;
- text-align: left;
- }
- .woocommerce .cart-collaterals .shipping_calculator h2,
- .woocommerce-page .cart-collaterals .shipping_calculator h2 {
- font-size: 18px;
- }
- .woocommerce .woocommerce-error:before,
- .woocommerce .woocommerce-info:before,
- .woocommerce .woocommerce-message:before,
- .woocommerce-page .woocommerce-error:before,
- .woocommerce-page .woocommerce-info:before,
- .woocommerce-page .woocommerce-message:before {
- padding-top: 0;
- display: none;
- }
- @media (max-width: 448px) {
- .woocommerce table.shop_table .cart-buttons td,
- .woocommerce-page table.shop_table .cart-buttons td {
- text-align: center;
- }
- .woocommerce #content table.cart td.actions .coupon .input-text,
- .woocommerce table.cart td.actions .coupon .input-text,
- .woocommerce-page #content table.cart td.actions .coupon .input-text,
- .woocommerce-page table.cart td.actions .coupon .input-text {
- margin: 0 auto 10px;
- float: none;
- }
- .woocommerce #content table.cart td.actions .coupon,
- .woocommerce table.cart td.actions .coupon,
- .woocommerce-page #content table.cart td.actions .coupon,
- .woocommerce-page table.cart td.actions .coupon {
- margin-left: 0;
- }
- .woocommerce table.cart td.actions input,
- .woocommerce-page table.cart td.actions input {
- margin: 0;
- padding-right: 0;
- padding-left: 0;
- }
- .checkout-button {
- position: relative;
- padding-right: 40px;
- margin-top: 7px;
- margin-left: 0;
- }
- }
- /* Checkout */
- #customer_details {
- margin-bottom: 40px;
- }
- .woocommerce-billing-fields h3 {
- border-bottom-width: 1px;
- border-bottom-style: solid;
- padding-bottom: 35px;
- font-weight: 600;
- font-size: 18px;
- }
- .woocommerce .checkout .col-2 h3#ship-to-different-address,
- .woocommerce-page .checkout .col-2 h3#ship-to-different-address {
- float: none;
- }
- .woocommerce-shipping-fields h3 .checkbox {
- border-bottom-width: 1px;
- border-bottom-style: solid;
- margin-top: 0;
- padding-left: 0;
- padding-bottom: 35px;
- font-weight: 600;
- font-size: 18px;
- }
- .woocommerce-shipping-fields h3 .input-checkbox {
- float: left;
- margin-top: 3px;
- margin-left: 10px;
- margin-right: 5px;
- width: 14px;
- height: 14px;
- border: 1px solid #8e8f8f;
- }
- .woocommerce-shipping-fields h3 .checkbox-text {
- font-size: 14px;
- font-weight: normal;
- line-height: 20px;
- }
- .woocommerce form #order_comments {
- height: 162px;
- }
- .woocommerce form .form-row label,
- .woocommerce-page form .form-row label {
- font-weight: normal;
- margin-bottom: 0;
- }
- .woocommerce form .form-row .input-text,
- .woocommerce-page form .form-row .input-text {
- border: 1px solid #d4d4d4;
- padding: 8px;
- -webkit-border-radius: 2px;
- -moz-border-radius: 2px;
- border-radius: 2px;
- }
- #order_review h3 {
- font-size: 18px;
- font-weight: 600;
- border-bottom-width: 1px;
- border-bottom-style: solid;
- padding-bottom: 35px;
- }
- #order_review .order-products {
- margin-bottom: 20px;
- }
- #order_review .order-total {
- margin-top: 20px;
- text-transform: uppercase;
- }
- #order_review .order-total .price {
- color: #02baab;
- }
- .cart-subtotal .amount {
- color: #02baab !important;
- }
- #order_review .product-quantity {
- color: #02baab;
- }
- #order_review .product-total {
- color: #02baab;
- }
- .woocommerce #payment,
- .woocommerce-page #payment {
- background: none;
- }
- .woocommerce #payment ul.payment_methods,
- .woocommerce-page #payment ul.payment_methods {
- padding: 5px;
- border: 0;
- }
- .woocommerce #payment div.payment_box,
- .woocommerce-page #payment div.payment_box {
- margin: 0;
- width: 100%;
- margin-bottom: 15px;
- background: none;
- border: 0;
- padding: 0;
- padding-left: 30px;
- box-shadow: none;
- -webkit-box-shadow: none;
- font-size: 12px;
- color: #85939f;
- }
- .woocommerce #payment div.payment_box:after,
- .woocommerce-page #payment div.payment_box:after {
- display: none;
- }
- .woocommerce #payment ul.payment_methods li,
- .woocommerce-page #payment ul.payment_methods li {
- margin-bottom: 10px;
- }
- .woocommerce form .place-order,
- .woocommerce-page form .place-order {
- float: left;
- width: 100%;
- margin-top: 20px;
- padding-top: 40px;
- border-top-width: 5px;
- border-top-style: solid;
- border-top-color: #00a0d1;
- text-align: center;
- font-size: 16px;
- }
- .woocommerce form .place-order .fa,
- .woocommerce-page form .place-order .fa {
- margin-left: 10px;
- font-size: 20px;
- position: relative;
- top: 2px;
- }
- @media (min-width: 768px) {
- #order_review .left-column {
- float: left;
- width: 48%;
- }
- #order_review .right-column {
- float: right;
- width: 48%;
- }
- }
- .woocommerce .order_details,
- .woocommerce-page .order_details {
- padding: 0;
- }
- .woocommerce .woocommerce-error,
- .woocommerce .woocommerce-info,
- .woocommerce .woocommerce-message,
- .woocommerce-page .woocommerce-error,
- .woocommerce-page .woocommerce-info,
- .woocommerce-page .woocommerce-message {
- padding: 0 !important;
- position: relative;
- -webkit-border-radius: 4px;
- border-radius: 4px;
- background: none;
- color: #5e5e5e;
- text-shadow: none;
- list-style: none outside!important;
- width: auto;
- border: 0;
- -webkit-box-shadow: none;
- box-shadow: none;
- }
- .woocommerce .woocommerce-info:before,
- .woocommerce-page .woocommerce-info:before {
- display: none;
- }
- .cart-result h2,
- .cart-result h3 {
- font-size: 18px;
- font-weight: 600;
- }
- .cart-result dt {
- font-size: 14px;
- font-weight: 600;
- }
- /* My Account */
- .woocommerce-page form.login,
- .woocommerce-page form.register {
- border: 1px solid #eeeeee;
- padding: 20px;
- margin: 2em 0;
- text-align: left;
- position: relative;
- background-color: #f7f7f7;
- -webkit-border-radius: 0;
- border-radius: 0;
- }
- .woocommerce-page form.login:after,
- .woocommerce-page form.register:after {
- content: '';
- position: absolute;
- bottom: -1px;
- left: 0;
- width: 100%;
- height: 2px;
- background-color: #cccccc;
- }
- .woocommerce-page form.register {
- background-color: #e9f2f4;
- }
- #customer_login h4 {
- border-bottom-width: 1px;
- border-bottom-style: solid;
- padding-bottom: 34px;
- margin-bottom: 25px;
- }
- #customer_login .required-text {
- position: absolute;
- top: 33px;
- right: 20px;
- }
- #customer_login .button-box {
- text-align: center;
- margin-top: 40px;
- }
- #customer_login .login .button-box {
- margin-top: 69px;
- }
- #customer_login input.btn {
- padding: 8px 25px 9px;
- min-width: 120px;
- }
- #customer_login .lost_password {
- float: right;
- display: inline;
- font-size: 12px;
- margin-top: 4px;
- }
- #customer_login .login .inline {
- font-weight: normal;
- font-size: 12px;
- color: #84878a;
- }
- #customer_login #rememberme {
- float: left;
- margin-top: 4px;
- margin-right: 5px;
- }
- /* Index */
- .best-selling .title {
- position: relative;
- text-align: center;
- margin: 0 0 45px;
- }
- .best-selling .title h2 {
- font-size: 24px;
- font-weight: 700;
- }
- .best-selling ul.products {
- position: relative;
- width: 9999px;
- margin: 0px;
- padding: 0px;
- list-style-type: none;
- text-align: center;
- }
- .best-selling ul.products li.product {
- float: left !important;
- margin: 0px;
- padding: 0px;
- cursor: pointer;
- position: relative;
- line-height: 0px;
- display: list-item;
- clear: none !important;
- }
- .best-selling ul.products .onsale {
- top: 2px !important;
- left: 7px !important;
- }
- .best-selling ul.products li.product a {
- display: block;
- margin: 0px 5px;
- padding-bottom: 95px;
- background-color: #ffffff;
- border-width: 2px;
- border-style: solid;
- border-color: transparent;
- }
- .best-selling ul.products li.product:hover a {
- border-color: #00a0d1;
- }
- .best-selling ul.products .star-rating {
- margin: 0 auto 1.5em;
- }
- .best-selling ul.products li.product a.btn {
- display: inline-block;
- padding: 8px 18px;
- margin-top: -90px;
- min-height: 0px;
- border-color: #00a0d1;
- }
- .best-selling ul.products li.product a.btn:hover {
- border-color: #ffc600;
- }
- .best-selling ul.products li.product .product_thumbnail {
- padding-bottom: 20px;
- }
- .best-selling ul.products li.product img {
- max-width: 70%;
- margin: 0 auto !important;
- }
- ul.products li.product .btn {
- margin: 10px 0;
- }
- .best-selling ul.products li.product .btn i {
- font-style: normal !important;
- }
- .best-selling .woocommerce ul.products li.product h3,
- .best-selling .woocommerce-page ul.products li.product h3 {
- margin: 10px 0 0;
- }
- .best-selling .woocommerce ul.products li.first,
- .best-selling .woocommerce-page ul.products li.first {
- clear: none;
- }
- /* Carousel */
- .best-selling ul.products {
- display:none;
- }
- .nbs-flexisel-container {
- position:relative;
- max-width:100%;
- }
- .nbs-flexisel-ul {
- position:relative;
- width: 9999px;
- margin: 0px;
- padding: 0px;
- list-style-type: none;
- text-align: center;
- }
- .nbs-flexisel-inner {
- overflow:hidden;
- float:left;
- width:100%;
- }
- /* arrows */
- .nbs-flexisel-nav-left,
- .nbs-flexisel-nav-right {
- width: 9px;
- height: 17px;
- position: absolute;
- top: -82px !important;
- cursor: pointer;
- z-index: 100;
- font-size: 30px;
- color: #00a0d1;
- }
- .nbs-flexisel-nav-left:hover,
- .nbs-flexisel-nav-right:hover {
- color: #02baab;
- }
- .nbs-flexisel-nav-left {
- right: 35px;
- }
- .nbs-flexisel-nav-left:after {
- content: '\f104';
- position: absolute;
- font-family: 'FontAwesome';
- }
- .nbs-flexisel-nav-right {
- right: 5px;
- }
- .nbs-flexisel-nav-right:after {
- content: '\f105';
- position: absolute;
- font-family: 'FontAwesome';
- }
- /* Carousel End */
- .dslc-product .dslc-product-title {
- padding-top: 15px;
- padding-bottom: 26px;
- position: relative;
- }
- .dslc-product .dslc-product-price-secondary {
- float: none;
- width: 100%;
- display: block;
- position: absolute;
- font-family: inherit !important;
- font-weight: 400!important;
- font-size: 14px !important;
- color: #85939f !important;
- bottom: 0;
- }
- .dslc-product .dslc-product-title h2,
- .dslc-product .dslc-product-title h2 a {
- font-size: 1em !important;
- font-weight: 600 !important;
- color: #00a0d1 !important;
- }
- .dslc-product-thumb .dslc-product-price {
- display: none !important;
- }
- .dslc-product .dslc-post-separator {
- border-color: #ededed;
- margin-bottom: 0!important;
- padding-bottom: 0;
- border-style: dashed;
- border: 0 !important;
- }
- .dslc-product .dslc-product-thumb-inner,
- .dslc-product .dslc-product-thumb img {
- margin: 0 auto;
- }
- .dslc-product .dslc-product-main {
- padding: 0 !important;
- border: 0 !important;
- border-top: 1px solid #eeeeee !important;
- margin-top: 15px !important;
- }
- .dslc-product .dslc-product-extra .dslc-product-add-to-cart {
- float: none !important;
- }
- .dslc-product .dslc-product-sep {
- display: none !important;
- }
- .dslc-product .dslc-product-extra .dslc-product-details {
- display: none;
- }
- .dslc-product .dslc-product-extra .dslc-product-add-to-cart {
- border: 2px solid #00a0d1;
- padding: 12px 10px;
- display: inline-block;
- font-size: 14px !important;
- font-family: inherit !important;
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- border-radius: 4px;
- color: #00a0d1 !important;
- }
- .dslc-product .dslc-product-extra .dslc-product-add-to-cart:hover {
- border: 2px solid #ffc600;
- color: #ffc600 !important;
- }
- .order-form {
- padding: 50px 0;
- }
- .order-form h4 {
- margin-bottom: 20px;
- }
- .order-form .amount-button {
- float: left;
- font-size: 14px;
- width: 60px;
- position: relative;
- text-align: center;
- outline: none;
- padding: 0;
- margin-right: 8px;
- height: 45px;
- color: #fff;
- border: 0;
- line-height: 45px;
- cursor: pointer;
- font-weight: bold;
- background-color: #00a0d1;
- }
- .order-form .amount-button:hover,
- .order-form .amount-button.active {
- background-color: #ffc600;
- }
- .order-form .paypal-amount-wrapper {
- margin-bottom: 25px;
- }
- .order-form .paypal-amount-wrapper .custom-amount {
- padding: 9px 10px;
- }
- .order-form .form-field {
- margin-bottom: 10px;
- }
- .order-form .form-field label {
- display: block;
- }
- .order-form .form-field input[type="text"],
- .order-form .form-field input[type="mail"],
- .order-form .form-field input[type="password"],
- .order-form .form-field textarea {
- width: 100%;
- }
- .order-form .form-field textarea {
- height: 150px;
- }
- .form-field-button {
- text-align: center;
- margin-top: 10px;
- }
- .amount-button {
- position: absolute;
- color: #333333;
- cursor: pointer;
- padding-top: 13px;
- padding-left: 40px;
- background: red;
- }
- .amount-button:checked + .check-label {
- color: #d90000;
- background: blue;
- }
- .amount-block {
- float: left;
- width: 60px;
- height: 45px;
- margin: 0 10px 0 0;
- }
- .woocommerce-breadcrumb {
- display: none !important;
- }
- /* Woocommerce Styles End */
- @media (max-width: 768px) {
- .block-sermons .media-body {
- display: inline-block;
- vertical-align: top;
- width: 100%;
- }
- }
- @media (max-width: 960px) {
- .row {
- padding: 0 10px !important;
- }
- .filter {
- padding: 0 10px;
- }
- }
- #donate-form {
- width: 700px;
- margin: 0 auto;
- }
- #redirectMessage {
- font-size: 22px;
- line-height: 18px;
- margin-bottom: 15px;
- }
- #donate-form input.btn {
- padding: 10px 18px;
- }
- #form-loader {
- display: none;
- margin-left: 4px;
- }
- .field-name input {
- padding: 0 4px;
- }
- #donate-form input[type="radio"] {
- display: none;
- }
- .fancybox-skin {
- padding: 0 !important;
- }
- .fancybox-wrap {
- width: 800px !important;
- margin: 50px 0 !important;
- padding: 0 !important;
- }
- .fancybox-inner {
- width: 100% !important;
- padding: 0 !important;
- }
- .tp-bullets {
- z-index: 100;
- }
- /* Animations Mobile Off */
- @media (max-width: 480px) {
- .dslc-in-viewport {
- -webkit-transform: none !important;
- -moz-transform: none !important;
- transform: none !important;
- opacity: 1 !important;
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement