/*------------------------------------------------------------------
[Master Stylesheet]
[Table of contents]
1. Body
1.1. General styling
2. Elements
2.1. Buttons
2.2. Subscribe form
2.3. Blockquote
2.4. Search input + button
2.5. Contact us
2.6. Back to top button
2. Header
2.1. Header styling
2.2. Navbar styling
2.3. Hero section
3. Portfolio
4. Blocks
5. Testimonial
6. Members
7. Statistics
8. Footer
9. Custom images
10. Sections
10.1. Subscribe
10.2. Contact
10.3. Contact Form
10.4. Portfolio
10.5. Pricing tables
11. Page: Blog
11.1. Sidebar/Widgets
13. 404 Not found page
14. Clients slider
17. Carousel Post
18. Event
19. Banner
21. Members
22. Our Services
24. Sidebar menu
25. Tribe Events
26. WooCommerce
27. Donations
-------------------------------------------------------------------*/
/*---------------------------------------------*/
/*--- 1. Body ---*/
/*---------------------------------------------*/
/* General styling */
html,body {
height: 100%;
width: 100%;
}
#page{
overflow-x: hidden;
}
body{
overflow-x: hidden;
}
* {
word-wrap: break-word;
}
a,
a:hover,
a:focus {
text-decoration: none;
outline: none;
}
section {
position: relative;
}
section.cover{
overflow: hidden;
}
img {
max-width: 100%;
height: auto;
}
ol {
padding-left: 30px;
}
figure.gallery-item {
margin: 10px 0;
}
input, textarea, select{
outline: none;
}
.gallery {
margin-bottom: 1.6em;
}
.gallery-item {
display: inline-block;
padding: 1.79104477%;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-icon img {
margin: 0 auto;
}
.gallery-caption {
display: block;
padding: 0.5em 0;
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
}
/*GLOBAL: FONT WEIGHT*/
.post-excerpt,
.breadcrumb,
.single-post-social > div,
.tweet-body,
.article-details .post-author,
.tweet-date,
.top-header,
.author-biography{
font-weight:300;
}
.post-name.post-name-color a{
font-weight:500;
}
/*GLOBAL: BORDER RADIUS*/
.sticky-posts .post a,
.sticky-posts .post-date,
.themeslr-content,
.testimonials_slider .testimonial-content,
.tagcloud > a,
.widget_address_social_icons .social-links a,
.single_post_author_details,
.social-sharer > li,
.shortcode_post_content .text_content .post-read-more .post-read-more-button,
footer .contact-details{
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
}
/*START: styles-headers*/
#navbar .cf-mega-menu.sub-menu {
width: 800px;
}
#navbar .mt-icon-list-item {
padding-top: 4px;
padding-left: 10px;
}
#navbar .cf-mega-menu.sub-menu {
padding-left: 0;
}
#navbar .mt-icon-list-item:hover {
background: #ADDB42 none repeat scroll 0 0;
color: rgb(255, 255, 255);
}
#navbar .cf-mega-menu.sub-menu * {
opacity: 0 !important;
visibility: hidden !important;
}
#navbar .menu-item:hover .sub-menu * {
opacity: 1 !important;
visibility: visible !important;
}
nav #navbar ul li.mega1column,
nav #navbar ul li.mega2columns,
nav #navbar ul li.mega3columns {
position: unset;
}
#navbar .menu-item > a {
position: relative;
}
/*MEGA 3X COLUMNS 100%*/
#navbar .mega3columns .cf-mega-menu.sub-menu {
left: 15px;
width: calc(100% - 30px);
}
#navbar .menu .menu-item .sub-menu.cf-mega-menu::before {
left: 57%;
}
/*MEGA 2X COLUMNS 66.66666%*/
#navbar .mega2columns .cf-mega-menu.sub-menu {
left: 15px;
width: calc(66.66666% - 30px);
}
/*MEGA 1X COLUMN 33.33333%*/
#navbar .mega1column .cf-mega-menu.sub-menu {
left: 15px;
width: calc(33.33333% - 30px);
}
#theme-main-head {
width: 100%;
z-index: 200;
clear: both;
border: 0 none;
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.08);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.08);
}
#navbar .mt-icon-list-item:hover{
background: transparent;
}
nav #navbar ul li .dpsp-content-wrapper {
display: none !important;
}
#navbar .nav-menu > p:nth-child(2) {
display: none;
}
#navbar .menu-item > a {
color: #fff;
}
/*Top Header*/
.top-header .social-links .facebook:hover{background: #3B5999;}
.top-header .social-links .twitter:hover{background: #34CBFF;}
.top-header .social-links .youtube:hover{background: #FC3437;}
.top-header .social-links .pinterest:hover{background: #CD1C26;}
.top-header .social-links .linkedin:hover{background: #01669A;}
.top-header .social-links .skype:hover{background: #00B1F4;}
.top-header .social-links .instagram:hover{background: #5580A2;}
.top-header .social-links .dribbble:hover{background: #F5699A;}
.top-header .social-links .deviantart:hover{background: #05CC47;}
.top-header .social-links .digg:hover{background: #006094;}
.top-header .social-links .flickr:hover{background: #FF0084;}
.top-header .social-links .stumbleupon:hover{background: #EB4B23;}
.top-header .social-links .tumblr:hover{background: #39536E;}
.top-header .social-links .vimeo:hover{background: #1ADFFF;}
.navbar-default .navbar-toggle .icon-bar {
background: #1a1b22;
transition: all 250ms ease 0s;
-webkit-transition: all 250ms ease 0s;
position: relative;
}
.navbar-default .navbar-toggle:hover .icon-bar:nth-child(2) {
position: relative;
top: -1px;
}
.navbar-default .navbar-toggle:hover .icon-bar:nth-child(4) {
bottom: -2px;
position: relative;
}
.top-header .social-links > li:last-child {
border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.top-header .social-links > li {
float: left;
list-style: outside none none;
}
.top-header .social-links li a{
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border-left: 1px solid rgba(255, 255, 255, 0.3);
height: 45px;
line-height: 45px;
margin-left: 0;
text-align: center;
width: 45px;
display: block;
transition: all 300ms ease 0s;
-webkit-transition: all 300ms ease 0s;
}
header .top-header .left-side a:last-child {
margin-right: 0;
}
header .top-header .left-side a {
line-height: 45px;
margin-right: 15px;
color: #fff;
}
.top-header .social-links a {
color: rgba(255, 255, 255, 0.9);
}
.top-header .social-links a:hover {
color: rgba(255, 255, 255, 1);
}
.top-header .social-links {
float: right;
margin: 0;
overflow: hidden;
padding: 0;
}
header .top-header {
color: #ffffff;
padding: 0;
}
/*IS sticky*/
.is-sticky .navbar-header .logo {
margin: 10px 0;
}
.is-sticky .header-nav-actions .mt-search-icon {
padding: 28px 10px 22px 20px;
}
.is-sticky #churchwp-nav-burger{
top: 24px;
}
.is-sticky .fixed-search-overlay.visible {
top: 76px;
}
.is-sticky .header-nav-actions .donate-now {
margin-top: 16px;
transition: all 250ms ease 0s;
-webkit-transition: all 250ms ease 0s;
}
/*Navbar*/
.is_header_semitransparent .sticky-wrapper {
position: absolute;
width: 100%;
}
.is_header_semitransparent .navbar-default {
background: rgba(0, 175, 239, 0.1) none repeat scroll 0 0;
transition: all 300ms ease 0s;
-webkit-transition: all 300ms ease 0s;
}
.is_header_semitransparent .sticky-wrapper.is-sticky .navbar-default {
background: rgba(0, 175, 239, 0.95) none repeat scroll 0 0;
}
.is_header_semitransparent .header-title-breadcrumb-overlay > .container {
padding-top: 80px;
}
.navbar-default{
border: 0 none;
}
header .love-it-wrapper {
display: none;
}
.fixed-sidebar-menu-holder .widget {
margin-top: 20px;
overflow: hidden;
}
.fixed-sidebar-menu .sidebar-share-social-links {
margin-bottom: 30px;
overflow: hidden;
}
.fixed-sidebar-menu .widget-title {
border-color: rgba(255, 255, 255, 0.3);
}
.fixed-sidebar-menu .widget_recent_comments > ul,
.fixed-sidebar-menu .widget_nav_menu li,
.fixed-sidebar-menu .widget_nav_menu li a,
.fixed-sidebar-menu .sidebar-content .widget_nav_menu li,
.fixed-sidebar-menu .sidebar-content .widget_nav_menu li a,
.fixed-sidebar-menu .widget_recent_entries li,
.fixed-sidebar-menu .widget_recent_entries li a,
.fixed-sidebar-menu .widget_pages li,
.fixed-sidebar-menu .widget_pages li a,
.fixed-sidebar-menu .widget_meta li,
.fixed-sidebar-menu .widget_meta li a,
.fixed-sidebar-menu .widget_archive li,
.fixed-sidebar-menu .widget_archive li a,
.fixed-sidebar-menu .widget_categories .cat-item,
.fixed-sidebar-menu .widget_categories li a{
color: rgb(255, 255, 255);
font-weight: 300;
}
/*Navbar sub menus*/
#navbar .sub-menu,
.navbar ul li ul.sub-menu {
background: none repeat scroll 0 0 #393939;
border-top: 0 none;
left: 15px;
border-top: 5px solid;
opacity: 0;
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.08);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.08);
padding-top: 0;
position: absolute;
text-align: left;
top: 180%;
transition: all 400ms ease 0s;
-webkit-transition: all 400ms ease 0s;
visibility: hidden;
width: 250px;
z-index: 9999;
}
.menu.nav-effect.nav-menu {
margin: 0;
}
.vc_progress_bar .vc_single_bar .vc_label {
font-size: 17px;
font-weight: 300;
padding: 5px 10px;
}
header nav ul {
display: inline-table;
}
header #navbar > div:first-child {
display: inline-table;
width: auto;
}
header .header-nav-actions {
float: right;
padding: 0 0 0 15px;
position: relative;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
float: right;
padding: 20px 30px;
font-size: 26px !important;
}
.header-nav-actions .donate-now i {
font-size: 14px;
font-weight: bold;
margin-right: 3px;
}
.header-nav-actions .donate-now {
color: #ffffff;
display: inline-table;
font-size: 17px;
font-weight: bold;
line-height: 31px;
border: 3px solid;
margin-left: 8px;
margin-top: 21px;
padding: 6px 20px;
transition: all 250ms ease-in-out 0s;
}
.navbar-nav > li > a {
padding-bottom: 30px;
padding-top: 30px;
}
.navbar ul li:hover > ul.sub-menu {
opacity: 1;
top: 100%;
visibility: visible;
}
#navbar ul.sub-menu li a {
color: #ffffff;
display: block;
font-size: 14px;
font-weight: 500 !important;
padding: 15px;
transition: all 250ms ease-in-out;
-webkit-transition: all 250ms ease-in-out;
}
#navbar .mt-icon-list-item .mt-icon-list-text{
font-weight: 500;
transition: all 250ms ease-in-out;
-webkit-transition: all 250ms ease-in-out;
}
#navbar ul.sub-menu li a:hover{
background: #ec1d23 none repeat scroll 0 0;
}
#navbar li li {
display: list-item;
list-style: none;
}
.fixed-sidebar-menu-overlay.visible {
opacity: 1;
visibility: visible;
cursor: url('../images/burger-x-close.png'),auto;
}
.fixed-sidebar-menu .widget:last-child .sidebar-share-social-links {
margin-bottom: 0;
}
.fixed-sidebar-menu-overlay {
background: rgba(13, 25, 31, 0.7) none repeat scroll 0 0;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 999;
opacity: 0;
visibility: hidden;
transition: all 250ms ease-in-out;
-webkit-transition: all 250ms ease-in-out;
}
.fixed-search-overlay .icon-close {
color: rgb(255, 255, 255);
font-size: 30px;
position: absolute;
right: 50px;
top: 40px;
cursor: pointer;
}
.fixed-search-overlay.visible {
opacity: 1;
top: 60px;
visibility: visible;
z-index: 999;
}
.fixed-search-overlay .fixed-search-inside {
align-self: center;
padding: 15px;
width: 100%;
background: #fff;
}
.fixed-search-inside .theme-search {
display: block;
margin: 0 auto;
}
.fixed-search-overlay.visible .fixed-search-inside .search-input,
.fixed-search-overlay.visible .fixed-search-inside .search-submit{
visibility: visible;
}
.fixed-search-inside .search-input {
background: rgb(255, 255, 255) none repeat scroll 0 0;
border: 0 none;
color: rgb(153, 153, 153);
float: left;
font-size: 15px;
max-width: 100%;
padding: 13px 15px;
transition: all 250ms ease-in-out 0s;
visibility: hidden;
background: #f2f2f2;
width: calc(75% - 40px);
}
body .blog-description {
color: #ffffff;
margin-top: 8px !important;
}
.churchwp-contact-details > a {
color: #656984 !important;
display: inline-table;
font-size: 17px;
margin-right: 25px;
margin-top: 33px;
}
.churchwp-contact-details label {
cursor: pointer;
}
.fixed-search-inside .search-submit {
border: 0 none;
color: rgb(255, 255, 255);
float: left;
font-size: 15px;
font-weight: 700;
line-height: 19px;
padding: 13px;
transition: all 250ms ease-in-out 0s;
visibility: hidden;
}
.fixed-search-overlay {
height: auto;
right: 0px;
box-shadow: 0 0 15px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.1);
display: flex;
position: absolute;
top: 150px;
width: 300px;
z-index: -1;
opacity: 0;
visibility: hidden;
transition: all 250ms ease-in-out;
-webkit-transition: all 250ms ease-in-out;
}
/*FIXED HEADER TIMELINE HEADER 14-15 */
.fixed-sidebar-menu .navbar-nav.timeline-menu li a {
border-left: 1px solid rgba(255, 255, 255,.5);
font-weight: 300;
margin-left: 15px;
padding: 40px;
position: relative;
transition: all 250ms ease-in-out;
-webkit-transition: all 250ms ease-in-out;
}
.fixed-sidebar-menu .navbar-nav.timeline-menu > li > a::before {
background: rgb(255, 255, 255) none repeat scroll 0 0;
border-radius: 50%;
content: "";
height: 6px;
left: -3.5px;
position: absolute;
top: 45px;
width: 6px;
transition: all 250ms ease-in-out;
-webkit-transition: all 250ms ease-in-out;
}
.fixed-sidebar-menu .timeline-menu.navbar-nav {
position: relative;
}
.fixed-sidebar-menu .navbar-nav.timeline-menu > li > a:hover::before {
background: #ec1d23;
}
.fixed-sidebar-menu .timeline-menu.navbar-nav::before {
background: rgb(255, 255, 255) none repeat scroll 0 0;
border-radius: 50%;
content: "";
height: 6px;
left: 12.5px;
position: absolute;
top: 0;
width: 6px;
}
.fixed-sidebar-menu .timeline-menu.navbar-nav::after {
background: rgb(255, 255, 255) none repeat scroll 0 0;
border-radius: 50%;
content: "";
height: 6px;
left: 12.5px;
position: absolute;
bottom: 0;
width: 6px;
}
.fixed-sidebar-menu .navbar-nav.timeline-menu li:hover a {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
color: #ec1d23;
}
.fixed-sidebar-menu .header15 .navbar-nav.timeline-menu li a {
border-left: 0 none;
border-right: 1px solid #ffffff;
font-weight: 300;
margin-left: 0;
margin-right: 15px;
text-align: right;
}
.fixed-sidebar-menu .header15 .navbar-nav.timeline-menu > li > a::before {
left: auto;
right: -3.5px;
}
.fixed-sidebar-menu .header15 .timeline-menu.navbar-nav::before {
left: auto;
right: 12.5px;
}
.fixed-sidebar-menu .header15 .timeline-menu.navbar-nav::after {
left: auto;
right: 12.5px;
}
.fixed-sidebar-menu .header15 .left-side h3 {
color: #ffffff;
margin-right: 15px;
text-align: right;
}
/*HEADER 1*/
.header1 #navbar {
text-align: left;
}
/*HEADER 5*/
.header5 #navbar {
text-align: center;
}
.header5 .navbar-header .logo{
margin: 20px 0;
}
.logo-centered-holder {
background: #ffffff none repeat scroll 0 0;
}
/*FIXED HEADER*/
.fixed-sidebar-menu-holder {
margin: 0;
}
.fixed-sidebar-menu .navbar {
margin-top: 30px;
background: transparent;
}
.fixed-sidebar-menu .logo {
color: rgb(255, 255, 255);
margin: 0;
text-align: left;
}
.fixed-sidebar-menu .menu-item {
width: 100%;
}
.fixed-sidebar-menu .navbar-nav > li > a{
font-weight: 300;
padding: 10px 10px;
}
.fixed-sidebar-menu > div{
height: 100%;
}
.fixed-sidebar-menu .left-side h3 {
color: rgb(255, 255, 255);
}
.fixed-sidebar-menu{
background: #1a1b22 none repeat scroll 0 0;
position: fixed;
width: 25%;
height: 100%;
overflow-y: scroll;
margin: 0;
z-index: 1000;
padding: 0;
top: 0;
transition: all 250ms ease-in-out;
-webkit-transition: all 250ms ease-in-out;
}
.fixed-sidebar-menu .left-side {
box-sizing: border-box;
float: left;
height: auto;
padding: 60px 30px;
width: 100%;
}
.fixed-sidebar-menu .tslr_instagram_feed.row{
margin-left: -2px;
margin-right: -2px;
}
.fixed-sidebar-menu .tslr_instagram_feed .item {
margin-bottom: 4px;
padding-left: 2px;
padding-right: 2px;
}
.fixed-sidebar-menu .tslr_instagram_feed .instagram_group .instagram_overlay i {
font-size: 20px;
left: 38%;
top: 42%;
}
.fixed-sidebar-menu.open .left-side {
opacity: 1;
position: relative;
visibility: visible;
}
.fixed-sidebar-menu .right-side {
float: left;
height: 100%;
padding: 10px;
width: 60px;
margin: 0;
}
.fixed-sidebar-menu.open .menu-button .icon-close {
color: rgb(255, 255, 255);
font-size: 30px;
}
.fixed-sidebar-menu.open .menu-button span.burger {
opacity: 0;
visibility: hidden;
}
.fixed-sidebar-menu.open {
padding: 0;
width: 30%;
}
.fixed-sidebar-menu .logo img,
.fixed-sidebar-menu .navbar-header .logo img {
max-width: 60px;
transition: all 250ms ease-in-out;
-webkit-transition: all 250ms ease-in-out;
}
.fixed-sidebar-menu.open .logo img, .fixed-sidebar-menu.open .navbar-header .logo img {
max-width: 60px;
transform: rotate(180deg);
}
.fixed-sidebar-menu .share-group {
bottom: 0;
color: rgb(255, 255, 255);
font-size: 22px;
left: auto;
right: 0;
padding: 10px 0;
position: absolute;
text-align: center;
width: 100%;
}
.fixed-sidebar-menu .menu-button {
position: relative;
height: 38px;
width: 38px;
margin: auto;
padding: 5px;
cursor: pointer;
}
.fixed-sidebar-menu .menu-button span.burger {
visibility: visible;
position: absolute;
display: block;
margin-top: -2px;
top: 50%;
left: 3px;
height: 3px;
width: 30px;
overflow: hidden;
opacity: 1;
-webkit-transition: -webkit-transform cubic-bezier(0.18, 0.89, 0.32, 1.28) 300ms, opacity cubic-bezier(0.18, 0.89, 0.32, 1.28) 300ms;
-moz-transition: -moz-transform cubic-bezier(0.18, 0.89, 0.32, 1.28) 300ms, opacity cubic-bezier(0.18, 0.89, 0.32, 1.28) 300ms;
transition: transform cubic-bezier(0.18, 0.89, 0.32, 1.28) 300ms, opacity cubic-bezier(0.18, 0.89, 0.32, 1.28) 300ms;
}
.fixed-sidebar-menu .menu-button span.burger .inner {
background: #fff;
display: block;
width: 100%;
height: 100%;
-webkit-transition: -webkit-transform 200ms;
-moz-transition: -moz-transform 200ms;
transition: transform 200ms;
}
.fixed-sidebar-menu .menu-button span.burger:nth-child(1) {
-webkit-transform: translateY(-14px);
-moz-transform: translateY(-14px);
-ms-transform: translateY(-14px);
-o-transform: translateY(-14px);
transform: translateY(-14px);
}
.fixed-sidebar-menu .menu-button span.burger:nth-child(1) .inner {
-webkit-transform: translateX(-15px);
-moz-transform: translateX(-15px);
-ms-transform: translateX(-15px);
-o-transform: translateX(-15px);
transform: translateX(-15px);
}
.fixed-sidebar-menu .menu-button span.burger:nth-child(2) {
-webkit-transform: translateY(-7px);
-moz-transform: translateY(-7px);
-ms-transform: translateY(-7px);
-o-transform: translateY(-7px);
transform: translateY(-7px);
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
.fixed-sidebar-menu .menu-button span.burger:nth-child(2) .inner {
-webkit-transform: translateX(-3px);
-moz-transform: translateX(-3px);
-ms-transform: translateX(-3px);
-o-transform: translateX(-3px);
transform: translateX(-3px);
}
.fixed-sidebar-menu .menu-button span.burger:nth-child(3) {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.fixed-sidebar-menu .menu-button span.burger:nth-child(3) .inner {
-webkit-transform: translateX(-13px);
-moz-transform: translateX(-13px);
-ms-transform: translateX(-13px);
-o-transform: translateX(-13px);
transform: translateX(-13px);
}
.fixed-sidebar-menu .menu-button span.burger:nth-child(4) {
-webkit-transform: translateY(7px);
-moz-transform: translateY(7px);
-ms-transform: translateY(7px);
-o-transform: translateY(7px);
transform: translateY(7px);
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
.fixed-sidebar-menu .menu-button span.burger:nth-child(4) .inner {
-webkit-transform: translateX(-8px);
-moz-transform: translateX(-8px);
-ms-transform: translateX(-8px);
-o-transform: translateX(-8px);
transform: translateX(-8px);
}
.fixed-sidebar-menu .menu-button span.burger:nth-child(5) {
-webkit-transform: translateY(14px);
-moz-transform: translateY(14px);
-ms-transform: translateY(14px);
-o-transform: translateY(14px);
transform: translateY(14px);
}
.fixed-sidebar-menu .menu-button span.burger:nth-child(5) .inner {
-webkit-transform: translateX(-8px);
-moz-transform: translateX(-8px);
-ms-transform: translateX(-8px);
-o-transform: translateX(-8px);
transform: translateX(-8px);
}
.fixed-sidebar-menu .menu-button:hover span.burger .inner {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.fixed-sidebar-menu.opened .menu-button span.burger {
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%}
.fixed-sidebar-menu.opened .menu-button span.burger .inner {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.fixed-sidebar-menu.opened .menu-button span.burger:nth-child(1) {
opacity: 0;
}
.fixed-sidebar-menu.opened .menu-button span.burger:nth-child(2) {
-webkit-animation: moveandrotatex forwards 600ms cubic-bezier(0.18, 0.89, 0.32, 1.28);
-moz-animation: moveandrotatex forwards 600ms cubic-bezier(0.18, 0.89, 0.32, 1.28);
animation: moveandrotatex forwards 600ms cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
.fixed-sidebar-menu.opened .menu-button span.burger:nth-child(3) {
opacity: 0;
}
.fixed-sidebar-menu.opened .menu-button span.burger:nth-child(4) {
-webkit-animation: moveandrotate forwards 600ms cubic-bezier(0.18, 0.89, 0.32, 1.28);
-moz-animation: moveandrotate forwards 600ms cubic-bezier(0.18, 0.89, 0.32, 1.28);
animation: moveandrotate forwards 600ms cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
.fixed-sidebar-menu.opened .menu-button span.burger:nth-child(5) {
opacity: 0;
}
.fixed-sidebar-menu.closing1 .menu-button span.burger .inner {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.fixed-sidebar-menu.closing1 .menu-button span.burger:nth-child(1) {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.fixed-sidebar-menu.closing1 .menu-button span.burger:nth-child(2) {
-webkit-animation: moveandrotatex-reverse forwards 600ms cubic-bezier(0.18, 0.89, 0.32, 1.28);
-moz-animation: moveandrotatex-reverse forwards 600ms cubic-bezier(0.18, 0.89, 0.32, 1.28);
animation: moveandrotatex-reverse forwards 600ms cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
.fixed-sidebar-menu.closing1 .menu-button span.burger:nth-child(3) {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.fixed-sidebar-menu.closing1 .menu-button span.burger:nth-child(4) {
-webkit-animation: moveandrotate-reverse forwards 600ms cubic-bezier(0.18, 0.89, 0.32, 1.28);
-moz-animation: moveandrotate-reverse forwards 600ms cubic-bezier(0.18, 0.89, 0.32, 1.28);
animation: moveandrotate-reverse forwards 600ms cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
.fixed-sidebar-menu.closing1 .menu-button span.burger:nth-child(5) {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.fixed-sidebar-menu.closing2 .menu-button span.burger:nth-child(1) {
-webkit-transform: translateY(-14px);
-moz-transform: translateY(-14px);
-ms-transform: translateY(-14px);
-o-transform: translateY(-14px);
transform: translateY(-14px);
}
.fixed-sidebar-menu.closing2 .menu-button span.burger:nth-child(5) {
-webkit-transform: translateY(14px);
-moz-transform: translateY(14px);
-ms-transform: translateY(14px);
-o-transform: translateY(14px);
transform: translateY(14px);
}
.fixed-sidebar-menu.closing2 .menu-button span.burger:nth-child(2) {
-webkit-animation: moveandrotatex-reverse forwards 600ms cubic-bezier(0.18, 0.89, 0.32, 1.28);
-moz-animation: moveandrotatex-reverse forwards 600ms cubic-bezier(0.18, 0.89, 0.32, 1.28);
animation: moveandrotatex-reverse forwards 600ms cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
.fixed-sidebar-menu.closing2 .menu-button span.burger:nth-child(4) {
-webkit-animation: moveandrotate-reverse forwards 600ms cubic-bezier(0.18, 0.89, 0.32, 1.28);
-moz-animation: moveandrotate-reverse forwards 600ms cubic-bezier(0.18, 0.89, 0.32, 1.28);
animation: moveandrotate-reverse forwards 600ms cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
.fixed-sidebar-menu [data-component='share'] {
position: relative;
text-align: center;
}
.fixed-sidebar-menu [data-component='share']:after {
height: 64px;
width: 64px;
line-height: 64px;
content: '\e603';
font-family: "icomoon";
font-size: 23px;
display: inline-block;
padding-right: 1px;
position: absolute;
bottom: 0;
left: 0;
}
.fixed-sidebar-menu .menu-center {
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
position: relative;
top: 45%
}
.fixed-sidebar-menu [data-component='share'].rendered:after {
display: none;
}
@-webkit-keyframes moveandrotatex {
0% {
-webkit-transform: translateY(7px) rotate(0);
}
50% {
-webkit-transform: translateY(0) rotate(0);
}
100% {
-webkit-transform: translateY(0) rotate(-45deg);
}
}@-moz-keyframes moveandrotatex {
0% {
-moz-transform: translateY(7px) rotate(0);
}
50% {
-moz-transform: translateY(0) rotate(0);
}
100% {
-moz-transform: translateY(0) rotate(-45deg);
}
}@keyframes moveandrotatex {
0% {
-webkit-transform: translateY(7px) rotate(0);
-moz-transform: translateY(7px) rotate(0);
-ms-transform: translateY(7px) rotate(0);
-o-transform: translateY(7px) rotate(0);
transform: translateY(7px) rotate(0);
}
50% {
-webkit-transform: translateY(0) rotate(0);
-moz-transform: translateY(0) rotate(0);
-ms-transform: translateY(0) rotate(0);
-o-transform: translateY(0) rotate(0);
transform: translateY(0) rotate(0);
}
100% {
-webkit-transform: translateY(0) rotate(-45deg);
-moz-transform: translateY(0) rotate(-45deg);
-ms-transform: translateY(0) rotate(-45deg);
-o-transform: translateY(0) rotate(-45deg);
transform: translateY(0) rotate(-45deg);
}
}@-webkit-keyframes moveandrotate {
0% {
-webkit-transform: rotate(0) translateY(-7px);
}
50% {
-webkit-transform: translateY(0) rotate(0);
}
100% {
-webkit-transform: translateY(0) rotate(45deg);
}
}@-moz-keyframes moveandrotate {
0% {
-moz-transform: rotate(0) translateY(-7px);
}
50% {
-moz-transform: translateY(0) rotate(0);
}
100% {
-moz-transform: translateY(0) rotate(45deg);
}
}@keyframes moveandrotate {
0% {
-webkit-transform: rotate(0) translateY(-7px);
-moz-transform: rotate(0) translateY(-7px);
-ms-transform: rotate(0) translateY(-7px);
-o-transform: rotate(0) translateY(-7px);
transform: rotate(0) translateY(-7px);
}
50% {
-webkit-transform: translateY(0) rotate(0);
-moz-transform: translateY(0) rotate(0);
-ms-transform: translateY(0) rotate(0);
-o-transform: translateY(0) rotate(0);
transform: translateY(0) rotate(0);
}
100% {
-webkit-transform: translateY(0) rotate(45deg);
-moz-transform: translateY(0) rotate(45deg);
-ms-transform: translateY(0) rotate(45deg);
-o-transform: translateY(0) rotate(45deg);
transform: translateY(0) rotate(45deg);
}
}@-webkit-keyframes moveandrotate-reverse {
0% {
-webkit-transform: rotate(45deg) translateY(0);
}
50% {
-webkit-transform: translateY(0) rotate(0);
}
100% {
-webkit-transform: translateY(-7px) rotate(0);
}
}@-moz-keyframes moveandrotate-reverse {
0% {
-moz-transform: rotate(45deg) translateY(0);
}
50% {
-moz-transform: translateY(0) rotate(0);
}
100% {
-moz-transform: translateY(-7px) rotate(0);
}
}@keyframes moveandrotate-reverse {
0% {
-webkit-transform: rotate(45deg) translateY(0);
-moz-transform: rotate(45deg) translateY(0);
-ms-transform: rotate(45deg) translateY(0);
-o-transform: rotate(45deg) translateY(0);
transform: rotate(45deg) translateY(0);
}
50% {
-webkit-transform: translateY(0) rotate(0);
-moz-transform: translateY(0) rotate(0);
-ms-transform: translateY(0) rotate(0);
-o-transform: translateY(0) rotate(0);
transform: translateY(0) rotate(0);
}
100% {
-webkit-transform: translateY(-7px) rotate(0);
-moz-transform: translateY(-7px) rotate(0);
-ms-transform: translateY(-7px) rotate(0);
-o-transform: translateY(-7px) rotate(0);
transform: translateY(-7px) rotate(0);
}
}@-webkit-keyframes moveandrotatex-reverse {
0% {
-webkit-transform: translateY(0) rotate(-45deg);
}
50% {
-webkit-transform: translateY(0) rotate(0);
}
100% {
-webkit-transform: translateY(7px) rotate(0);
}
}@-moz-keyframes moveandrotatex-reverse {
0% {
-moz-transform: translateY(0) rotate(-45deg);
}
50% {
-moz-transform: translateY(0) rotate(0);
}
100% {
-moz-transform: translateY(7px) rotate(0);
}
}@keyframes moveandrotatex-reverse {
0% {
-webkit-transform: translateY(0) rotate(-45deg);
-moz-transform: translateY(0) rotate(-45deg);
-ms-transform: translateY(0) rotate(-45deg);
-o-transform: translateY(0) rotate(-45deg);
transform: translateY(0) rotate(-45deg);
}
50% {
-webkit-transform: translateY(0) rotate(0);
-moz-transform: translateY(0) rotate(0);
-ms-transform: translateY(0) rotate(0);
-o-transform: translateY(0) rotate(0);
transform: translateY(0) rotate(0);
}
100% {
-webkit-transform: translateY(7px) rotate(0);
-moz-transform: translateY(7px) rotate(0);
-ms-transform: translateY(7px) rotate(0);
-o-transform: translateY(7px) rotate(0);
transform: translateY(7px) rotate(0);
}
}.touchevents .fixed-sidebar-menu nav .outer {
-webkit-overflow-scrolling: touch;
overflow-y: scroll;
}
[data-orientation="horizontal"] .fixed-sidebar-menu {
-webkit-transform: translate3d(0, -64px, 0);
-moz-transform: translate3d(0, -64px, 0);
-ms-transform: translate3d(0, -64px, 0);
-o-transform: translate3d(0, -64px, 0);
transform: translate3d(0, -64px, 0);
}
[data-orientation="horizontal"] .fixed-sidebar-menu.ready {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
[data-orientation="horizontal"] .fixed-sidebar-menu .nav {
padding: 0;
}
@media (max-width: 768px) and (orientation: landscape) {
[data-orientation="horizontal"] .fixed-sidebar-menu .nav>.inner {
padding: 1rem 3rem;
}
}[data-orientation="horizontal"] .nav__title h1 {
margin: 0rem;
font-size: 2.5rem;
line-height: 2.4375rem;
}
@media (max-width: 768px) and (orientation: landscape) {
[data-orientation="horizontal"] .nav__title h1 {
font-size: 2rem !important;
line-height: 1.3 !important;
}
}
/*SHARE ICONS NAV MENU*/
.share.share--page .share__trigger {
background-color: #0e1a21;
position: absolute;
bottom: 0;
box-shadow: 0 0 5px 5px #0e1a21;
}
.share.share--page .share__trigger:after {
height: 64px;
width: 64px;
line-height: 64px;
font-family: "icomoon";
font-size: 23px;
box-shadow: none;
padding-right: 1px;
}
.share.share--page .share__list {
bottom: 0;
color: rgb(255, 255, 255);
list-style: outside none none;
opacity: 0;
padding: 0;
position: absolute;
text-align: center;
-webkit-transform: translateY(-10%);
-moz-transform: translateY(-10%);
-ms-transform: translateY(-10%);
-o-transform: translateY(-10%);
transform: translateY(-10%);
transition: all 250ms ease-in-out;
-webkit-transition: all 250ms ease-in-out;
width: 100%;
left: 0;
}
.share.share--page .share__item.icon-social-facebook:hover::before {
color: #3B5998;
opacity: 1;
}
.share.share--page .share__item.icon-social-twitter:hover::before {
color: #00ACED;
opacity: 1;
}
.share.share--page .share__item.icon-social-gplus:hover::before {
color: #DD4B39;
opacity: 1;
}
.share.share--page .share__item.icon-link:hover::before {
color: #57A9C1;
opacity: 1;
}
.share.share--page .share__item::before {
font-size: 18px;
opacity: 0.85;
transition: all 250ms ease-in-out;
-webkit-transition: all 250ms ease-in-out;
}
.share.share--page .share__item {
color: rgb(255, 255, 255);
cursor: pointer;
display: block;
padding: 5px;
transition: all 250ms ease-in-out;
-webkit-transition: all 250ms ease-in-out;
}
.share.share--page .share__item:after {
height: 44px;
width: 44px;
line-height: 44px;
}
.share.share--page:hover .share__list,
.share.share--page.hover .share__list {
bottom: 0;
list-style: outside none none;
margin: 0;
opacity: 1;
padding-left: 0;
text-align: center;
transform: translateY(-50px);
-webkit-transform: translateY(-50px);
width: 100%;
}
@-webkit-keyframes arrows-left {
0% {
-webkit-transform: translate3d(0, 0, 0) scale(0.9);
-webkit-animation-timing-function: ease;
}
10% {
-webkit-transform: translate3d(-10px, 0, 0) scale(1);
}
20% {
-webkit-transform: translate3d(0, 0, 0) scale(0.9);
-webkit-animation-timing-function: ease;
}
30% {
-webkit-transform: translate3d(-10px, 0, 0) scale(1);
}
40% {
-webkit-transform: translate3d(0, 0, 0) scale(0.9);
-webkit-animation-timing-function: ease;
}
100% {
-webkit-transform: translate3d(0, 0, 0) scale(0.9);
-webkit-animation-timing-function: ease;
}
}@-moz-keyframes arrows-left {
0% {
-moz-transform: translate3d(0, 0, 0) scale(0.9);
-moz-animation-timing-function: ease;
}
10% {
-moz-transform: translate3d(-10px, 0, 0) scale(1);
}
20% {
-moz-transform: translate3d(0, 0, 0) scale(0.9);
-moz-animation-timing-function: ease;
}
30% {
-moz-transform: translate3d(-10px, 0, 0) scale(1);
}
40% {
-moz-transform: translate3d(0, 0, 0) scale(0.9);
-moz-animation-timing-function: ease;
}
100% {
-moz-transform: translate3d(0, 0, 0) scale(0.9);
-moz-animation-timing-function: ease;
}
}@keyframes arrows-left {
0% {
-webkit-transform: translate3d(0, 0, 0) scale(0.9);
-moz-transform: translate3d(0, 0, 0) scale(0.9);
-ms-transform: translate3d(0, 0, 0) scale(0.9);
-o-transform: translate3d(0, 0, 0) scale(0.9);
transform: translate3d(0, 0, 0) scale(0.9);
-webkit-animation-timing-function: ease;
-moz-animation-timing-function: ease;
animation-timing-function: ease;
}
10% {
-webkit-transform: translate3d(-10px, 0, 0) scale(1);
-moz-transform: translate3d(-10px, 0, 0) scale(1);
-ms-transform: translate3d(-10px, 0, 0) scale(1);
-o-transform: translate3d(-10px, 0, 0) scale(1);
transform: translate3d(-10px, 0, 0) scale(1);
}
20% {
-webkit-transform: translate3d(0, 0, 0) scale(0.9);
-moz-transform: translate3d(0, 0, 0) scale(0.9);
-ms-transform: translate3d(0, 0, 0) scale(0.9);
-o-transform: translate3d(0, 0, 0) scale(0.9);
transform: translate3d(0, 0, 0) scale(0.9);
-webkit-animation-timing-function: ease;
-moz-animation-timing-function: ease;
animation-timing-function: ease;
}
30% {
-webkit-transform: translate3d(-10px, 0, 0) scale(1);
-moz-transform: translate3d(-10px, 0, 0) scale(1);
-ms-transform: translate3d(-10px, 0, 0) scale(1);
-o-transform: translate3d(-10px, 0, 0) scale(1);
transform: translate3d(-10px, 0, 0) scale(1);
}
40% {
-webkit-transform: translate3d(0, 0, 0) scale(0.9);
-moz-transform: translate3d(0, 0, 0) scale(0.9);
-ms-transform: translate3d(0, 0, 0) scale(0.9);
-o-transform: translate3d(0, 0, 0) scale(0.9);
transform: translate3d(0, 0, 0) scale(0.9);
-webkit-animation-timing-function: ease;
-moz-animation-timing-function: ease;
animation-timing-function: ease;
}
100% {
-webkit-transform: translate3d(0, 0, 0) scale(0.9);
-moz-transform: translate3d(0, 0, 0) scale(0.9);
-ms-transform: translate3d(0, 0, 0) scale(0.9);
-o-transform: translate3d(0, 0, 0) scale(0.9);
transform: translate3d(0, 0, 0) scale(0.9);
-webkit-animation-timing-function: ease;
-moz-animation-timing-function: ease;
animation-timing-function: ease;
}
}@-webkit-keyframes arrows-right {
0% {
-webkit-transform: translate3d(0, 0, 0) scale(0.9) rotate(180deg);
-webkit-animation-timing-function: ease;
}
10% {
-webkit-transform: translate3d(10px, 0, 0) scale(1) rotate(180deg);
}
20% {
-webkit-transform: translate3d(0, 0, 0) scale(0.9) rotate(180deg);
-webkit-animation-timing-function: ease;
}
30% {
-webkit-transform: translate3d(10px, 0, 0) scale(1) rotate(180deg);
}
40% {
-webkit-transform: translate3d(0, 0, 0) scale(0.9) rotate(180deg);
-webkit-animation-timing-function: ease;
}
100% {
-webkit-transform: translate3d(0, 0, 0) scale(0.9) rotate(180deg);
-webkit-animation-timing-function: ease;
}
}@-moz-keyframes arrows-right {
0% {
-moz-transform: translate3d(0, 0, 0) scale(0.9) rotate(180deg);
-moz-animation-timing-function: ease;
}
10% {
-moz-transform: translate3d(10px, 0, 0) scale(1) rotate(180deg);
}
20% {
-moz-transform: translate3d(0, 0, 0) scale(0.9) rotate(180deg);
-moz-animation-timing-function: ease;
}
30% {
-moz-transform: translate3d(10px, 0, 0) scale(1) rotate(180deg);
}
40% {
-moz-transform: translate3d(0, 0, 0) scale(0.9) rotate(180deg);
-moz-animation-timing-function: ease;
}
100% {
-moz-transform: translate3d(0, 0, 0) scale(0.9) rotate(180deg);
-moz-animation-timing-function: ease;
}
}@keyframes arrows-right {
0% {
-webkit-transform: translate3d(0, 0, 0) scale(0.9) rotate(180deg);
-moz-transform: translate3d(0, 0, 0) scale(0.9) rotate(180deg);
-ms-transform: translate3d(0, 0, 0) scale(0.9) rotate(180deg);
-o-transform: translate3d(0, 0, 0) scale(0.9) rotate(180deg);
transform: translate3d(0, 0, 0) scale(0.9) rotate(180deg);
-webkit-animation-timing-function: ease;
-moz-animation-timing-function: ease;
animation-timing-function: ease;
}
10% {
-webkit-transform: translate3d(10px, 0, 0) scale(1) rotate(180deg);
-moz-transform: translate3d(10px, 0, 0) scale(1) rotate(180deg);
-ms-transform: translate3d(10px, 0, 0) scale(1) rotate(180deg);
-o-transform: translate3d(10px, 0, 0) scale(1) rotate(180deg);
transform: translate3d(10px, 0, 0) scale(1) rotate(180deg);
}
20% {
-webkit-transform: translate3d(0, 0, 0) scale(0.9) rotate(180deg);
-moz-transform: translate3d(0, 0, 0) scale(0.9) rotate(180deg);
-ms-transform: translate3d(0, 0, 0) scale(0.9) rotate(180deg);
-o-transform: translate3d(0, 0, 0) scale(0.9) rotate(180deg);
transform: translate3d(0, 0, 0) scale(0.9) rotate(180deg);
-webkit-animation-timing-function: ease;
-moz-animation-timing-function: ease;
animation-timing-function: ease;
}
30% {
-webkit-transform: translate3d(10px, 0, 0) scale(1) rotate(180deg);
-moz-transform: translate3d(10px, 0, 0) scale(1) rotate(180deg);
-ms-transform: translate3d(10px, 0, 0) scale(1) rotate(180deg);
-o-transform: translate3d(10px, 0, 0) scale(1) rotate(180deg);
transform: translate3d(10px, 0, 0) scale(1) rotate(180deg);
}
40% {
-webkit-transform: translate3d(0, 0, 0) scale(0.9) rotate(180deg);
-moz-transform: translate3d(0, 0, 0) scale(0.9) rotate(180deg);
-ms-transform: translate3d(0, 0, 0) scale(0.9) rotate(180deg);
-o-transform: translate3d(0, 0, 0) scale(0.9) rotate(180deg);
transform: translate3d(0, 0, 0) scale(0.9) rotate(180deg);
-webkit-animation-timing-function: ease;
-moz-animation-timing-function: ease;
animation-timing-function: ease;
}
100% {
-webkit-transform: translate3d(0, 0, 0) scale(0.9) rotate(180deg);
-moz-transform: translate3d(0, 0, 0) scale(0.9) rotate(180deg);
-ms-transform: translate3d(0, 0, 0) scale(0.9) rotate(180deg);
-o-transform: translate3d(0, 0, 0) scale(0.9) rotate(180deg);
transform: translate3d(0, 0, 0) scale(0.9) rotate(180deg);
-webkit-animation-timing-function: ease;
-moz-animation-timing-function: ease;
animation-timing-function: ease;
}
}
/*LEFT FIXED HEADER*/
.header6 .fixed-sidebar-menu,
.header14 .fixed-sidebar-menu {
left: -240px;
}
.header6 .fixed-sidebar-menu.open,
.header14 .fixed-sidebar-menu.open {
left: 0px;
}
.header6 .fixed-sidebar-menu.open .right-side,
.header14 .fixed-sidebar-menu.open .right-side{
border-left: 1px solid rgba(255, 255, 255, 0.2);
}
/*RIGHT FIXED HEADER*/
.header7 .fixed-sidebar-menu,
.header15 .fixed-sidebar-menu {
right: -30%;
}
.header7 .fixed-sidebar-menu.open,
.header15 .fixed-sidebar-menu.open {
right: 0%;
}
/*---------------------------------------------*/
/*--- 2. Header ---*/
/*---------------------------------------------*/
nav ul li {
display: inline-block;
}
nav ul {
list-style: none;
margin: 0;
padding: 0;
}
header.section-header {
margin-bottom: 50px;
position: relative;
z-index: 10;
}
.sidebar_header .navbar-header{
margin-top: 23px;
}
.top-header {
color: #ffffff;
padding: 8px 0;
}
.logo a {
font-weight: 600;
color: #FFFFFF;
text-decoration: none;
}
.logo a:hover {
color: #ffffff;
}
.navbar-collapse.collapse.col-md-9 {
width: 75%;
}
/* Navbar styling */
header#one-page-header {
position: absolute;
z-index: 999;
width: 100%;
top: 0;
background: rgba(0,0,0,0.2);
}
.navbar-header .logo {
margin: 18px 0;
transition: all 250ms ease-in-out;
-webkit-transition: all 250ms ease-in-out;
}
.menu .item {
display: inline-block;
}
.navbar-nav > li > a{
font-size: 14px;
font-weight: 600;
padding: 30px 10px;
display: block;
line-height: 20px;
}
.navbar-nav > li > a:hover {
text-decoration: none;
}
nav {
background: #2f383d;
}
.menu .menu-item {
display: inline-block;
}
.navbar-header .logo > a:hover,
.navbar-header .logo > a {
color: #412E39;
}
.header2 .churchwp-contact-details .social-links {
display: inline-table;
float: right;
margin-bottom: 0;
margin-right: 20px;
margin-top: 26px;
padding: 0;
}
.header2 .churchwp-contact-details .social-links li {
border: 2px solid rgba(0, 0, 0, 0.2);
display: inline-table;
font-size: 17px;
height: 40px;
line-height: 35px;
margin-left: 6px;
text-align: center;
width: 40px;
}
.header2 .top-header a {
color: rgb(255, 255, 255);
display: inline-table;
margin-bottom: 10px;
margin-right: 15px;
margin-top: 10px;
}
.header2 .churchwp-contact-details .social-links li a {
display: block;
}
.header2 .fixed-search-overlay {
right: 30px;
}
.header2 .fixed-search-overlay .fixed-search-inside::before {
border-bottom: 10px solid #ffffff;
left: 36px;
right: auto;
}
header.header2 .header-nav-actions {
padding-left: 0;
padding-right: 30px;
}
.navbar-header .logo {
margin: 20px 0;
}
.navbar-header .logo.no-logo{
font-size: 20px;
margin: 38px 0;
}
#navbar .sub-menu {
box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
text-align: left;
opacity: 0;
position: absolute;
width: 300px;
top: 150%;
left: 0;
transition: all 250ms ease-in-out;
-webkit-transition: all 250ms ease-in-out;
visibility: hidden;
}
#navbar .menu-item.current_page_ancestor > a,
#navbar .menu-item.current_page_item > a,
#navbar .menu-item:hover > a {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.menu > .menu-item {
transition: all 250ms ease-in-out 0s;
}
.is-sticky #navbar .menu-item > a {
line-height: 70px;
}
#navbar .menu-item > a {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
display: block;
font-size: 17px;
line-height: 60px;
padding: 0 20px 0 20px;
font-weight: 500;
-webkit-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out 0s;
}
#navbar .menu > .menu-item:hover .sub-menu {
opacity: 1;
visibility: visible;
top: 100%;
}
#navbar .sub-menu .menu-item > a {
font-weight: 300;
border: 0 none;
line-height: normal;
text-transform: none;
}
#navbar .sub-menu .menu-item.menu-item-has-children > a::after {
right: 15px;
top: 19px;
}
#navbar .menu-item:hover .sub-menu * {
opacity: 1 !important;
visibility: visible !important;
}
#navbar .menu-item .sub-menu .sub-menu {
opacity: 0 !important;
visibility: hidden !important;
}
#navbar .menu-item .sub-menu .sub-menu .sub-menu .sub-menu,
#navbar .menu-item:hover .sub-menu .sub-menu .sub-menu,
#navbar .menu-item.sub-menu .menu-item:hover .sub-menu {
opacity: 0;
visibility: hidden;
}
#navbar .menu-item:hover .sub-menu .menu-item:hover .sub-menu .sub-menu{
opacity: 0 !important;
visibility: hidden !important;
}
#navbar .menu-item:hover .sub-menu .sub-menu .menu-item:hover .sub-menu,
#navbar .menu-item:hover .sub-menu .menu-item:hover .sub-menu {
opacity: 1 !important;
right: 0;
top: 0;
visibility: visible !important;
}
#navbar .menu .menu-item .sub-menu .sub-menu::before {
display: none;
}
#navbar .menu-item .sub-menu .sub-menu {
left: 102%;
position: absolute;
top: 100%;
}
#navbar .menu-item.mega1column .sub-menu a::after,
#navbar .menu-item.mega2columns .sub-menu a::after,
#navbar .menu-item.mega3columns .sub-menu a::after,
#navbar .menu-item.menu-item-has-children .sub-menu a::after{
right: 15px;
top: 17px;
}
#navbar .menu-item.mega1column > a::after,
#navbar .menu-item.mega2columns > a::after,
#navbar .menu-item.mega3columns > a::after,
#navbar .menu-item.menu-item-has-children > a::after {
content: "";
font-family: "fontawesome";
font-size: 11px;
position: absolute;
right: 10px;
top: 2px;
opacity: 1;
}
/*HEADER LAYOUT V2*/
.second_header .menu.nav.nav-menu,
.sixth_header .menu.nav.nav-menu {
width: 100%;
}
.second_header .navbar-header .logo,
.sixth_header .navbar-header .logo {
margin: 10px 0;
}
.hide_post_featured_image .single-post-featured-img {
display: none;
}
/* HEADER LAYOUT V3 and V7 */
.third_header .menu.nav.nav-menu,
.seventh_header .menu.nav.nav-menu {
width: 100%;
}
/*10th HEADER*/
.tenth_header .navbar-header .logo {
margin: 20px 0 17px;
}
.tenth_header .topheader-nav-holder > div {
position: absolute;
}
.tenth_header .top-header{
z-index: 999;
margin-top: 30px;
position: relative;
}
.tenth_header nav#theme-main-head {
top: 30px;
}
/*NINETH HEADER*/
.nineth_header .navbar-header .logo {
margin: 20px 0 17px;
}
.nineth_header .topheader-nav-holder > div {
position: absolute;
}
.nineth_header .top-header{
z-index: 999;
margin-top: 30px;
position: relative;
}
/* HEADER LAYOUT V4 and V8 */
.fourth_header .menu.nav.nav-menu,
.eighth_header .menu.nav.nav-menu {
width: 100%;
}
.fourth_header .navbar-header .logo,
.eighth_header .navbar-header .logo {
text-align: center;
}
/*HEADER*/
header.header5 .navbar-nav > li{
float: none;
}
header.header5 .menu.nav-effect.nav-menu {
float: none;
text-align: center;
display: inline;
}
/*HEADER #3 Burger right*/
header.header3 .navbar-nav,
header.header10 .navbar-nav {
float: right;
margin-right: 30px !important;
}
header.header3 #churchwp-nav-burger.open,
header.header10 #churchwp-nav-burger.open{
right: -4px;
}
header.header3 #churchwp-nav-burger,
header.header10 #churchwp-nav-burger{
right: 0;
}
header.header3 .menu.nav-effect.nav-menu,
header.header10 .menu.nav-effect.nav-menu {
margin: 0;
top: 0;
transition: all 250ms cubic-bezier(0.98, 0.21, 0, 0.9);
-webkit-transition: all 250ms cubic-bezier(0.98, 0.21, 0, 0.9);
position: relative;
opacity: 1;
visibility: visible;
}
/*NAV BURGER*/
#theme-main-head > div {
position: relative;
}
#churchwp-nav-burger {
cursor: pointer;
height: 21px;
position: relative;
top: 22px;
right: 10px;
float: left;
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
width: 20px;
}
#churchwp-nav-burger.open {
width: 40px;
top: 22px;
height: 35px;
}
.header-nav-actions .mt-search-icon {
color: #ffffff;
float: left;
font-size: 20px;
padding: 16px 0 10px 10px;
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
.header-nav-actions .mt-search-icon:hover {
opacity: 0.9;
}
#churchwp-nav-burger span {
display: block;
position: absolute;
height: 2px;
width: 50%;
background: #fff;
opacity: 1;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
z-index: 10;
}
#churchwp-nav-burger span:nth-child(even) {
left: 50%;
border-radius: 0 2px 2px 0;
-webkit-border-radius: 0 2px 2px 0;
}
#churchwp-nav-burger span:nth-child(odd) {
left: 0px;
border-radius: 2px 0 0 2px;
-webkit-border-radius: 2px 0 0 2px;
}
#churchwp-nav-burger:hover span:nth-child(1),
#churchwp-nav-burger:hover span:nth-child(2) {
top: 0px;
}
#churchwp-nav-burger:hover span:nth-child(5),
#churchwp-nav-burger:hover span:nth-child(6) {
top: 16px;
}
.fixed-sidebar-menu .icon-close {
color: rgb(153, 171, 183);
cursor: pointer;
font-size: 25px;
position: absolute;
right: 25px;
top: 25px;
z-index: 1000;
width: 20px;
}
#churchwp-nav-burger span:nth-child(1), #churchwp-nav-burger span:nth-child(2) {
top: 2px;
}
#churchwp-nav-burger span:nth-child(3), #churchwp-nav-burger span:nth-child(4) {
top: 8px;
}
#churchwp-nav-burger span:nth-child(5), #churchwp-nav-burger span:nth-child(6) {
top: 14px;
}
#churchwp-nav-burger.open span:nth-child(1),#churchwp-nav-burger.open span:nth-child(6) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
#churchwp-nav-burger.open span:nth-child(2),#churchwp-nav-burger.open span:nth-child(5) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#churchwp-nav-burger.open span:nth-child(1) {
left: 5px;
top: 12px;
}
#churchwp-nav-burger.open span:nth-child(2) {
left: calc(50% - 5px);
top: 12px;
}
#churchwp-nav-burger.open span:nth-child(3) {
left: -50%;
opacity: 0;
top: 15px;
}
#churchwp-nav-burger.open span:nth-child(4) {
left: 100%;
opacity: 0;
top: 15px;
}
#churchwp-nav-burger.open span:nth-child(5) {
left: 5px;
top: 22px;
}
#churchwp-nav-burger.open span:nth-child(6) {
left: calc(50% - 5px);
top: 22px;
}
/*HEADER #12 TOP timeline */
header.header12 {
left: 0;
position: absolute;
top: 0;
width: 100%;
}
header.header12 .navbar-default {
background-color: rgba(0, 0, 0, 0.4) !important;
z-index: 2;
position: relative;
}
header.header12 .is-sticky .navbar-default {
background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0 !important;
}
header.header12 .navbar-nav {
border-bottom: 1px solid rgb(255, 255, 255);
margin-bottom: 20px !important;
margin-left: 0 !important;
margin-right: 0 !important;
margin-top: 0;
position: relative;
}
header.header12 .navbar-nav > li::before {
background: rgb(255, 255, 255) none repeat scroll 0 0;
border-radius: 50%;
bottom: -3px;
content: "";
height: 6px;
left: 47%;
position: absolute;
width: 6px;
}
header.header12 .navbar-nav::before {
background: rgb(255, 255, 255) none repeat scroll 0 0;
border-radius: 50%;
bottom: -3px;
content: "";
height: 6px;
position: absolute;
left: 0;
width: 6px;
}
header.header12 .navbar-nav::after {
background: rgb(255, 255, 255) none repeat scroll 0 0;
border-radius: 50%;
bottom: -3px;
content: "";
height: 6px;
position: absolute;
right: 0;
width: 6px;
}
header.header12 .navbar-nav > li > a {
font-weight: 400;
padding: 10px 35px;
}
header.header12 .navbar .logo {
display: none;
}
/*HEADER #4 Burger left*/
header.header4 .navbar-nav,
header.header11 .navbar-nav {
float: left;
margin-left: 30px !important;
}
header.header4 #churchwp-nav-burger.open,
header.header11 #churchwp-nav-burger.open{
left: -4px;
}
header.header4 #churchwp-nav-burger,
header.header11 #churchwp-nav-burger{
right: auto;
left: 0;
}
header.header4 .menu.nav-effect.nav-menu,
header.header11 .menu.nav-effect.nav-menu {
margin: 0;
top: 0;
transition: all 250ms cubic-bezier(0.98, 0.21, 0, 0.9);
-webkit-transition: all 250ms cubic-bezier(0.98, 0.21, 0, 0.9);
position: relative;
opacity: 1;
visibility: visible;
}
header.header4 .menu.nav-effect.nav-menu.hidden,
header.header11 .menu.nav-effect.nav-menu.hidden {
top: -15px;
display: block !important;
opacity: 0;
visibility: hidden !important;
}
/*B. START: styles-footer*/
/*Newsletter CSS*/
.widget_wysija input[type="text"] {
color: rgb(0, 0, 0);
padding: 10px 15px;
}
.widget_wysija_cont .wysija-submit {
border: 0 none;
color: rgb(255, 255, 255);
display: block;
margin-top: 20px;
padding: 12px 15px;
}
/*---------------------------------------------*/
/*--- Footer ---*/
/*---------------------------------------------*/
footer .share-social-links li {
display: inline-table;
float: none;
margin-bottom: 0;
margin-top: 15px;
}
footer ul.share-social-links{
margin: 0;
}
footer .social-links * {
color: rgb(255, 255, 255);
display: inline-table;
list-style: outside none none;
transition: all 250ms ease-in-out;
-webkit-transition: all 250ms ease-in-out;
}
footer .social-links {
margin: 15px 0;
padding: 0;
}
footer .social-links i {
font-size: 15px;
margin-right: 5px;
}
footer .social-links a:hover {
opacity: 0.8;
}
footer .shop_feature_description_v2 {
padding-left: 15px;
}
footer .contact-details p {
color: #ffffff;
font-size: 15px;
font-weight: 300;
margin: 0 0 4px;
opacity: 1;
}
footer {
background: #393939;
}
body footer .logo {
margin: 0 0 20px;
text-align: left;
}
footer .widget_churchwp_recent_entries_with_thumbnail .post-date{
color: rgb(255, 255, 255);
opacity: 0.6;
}
footer .widget_churchwp_recent_entries_with_thumbnail li a{
color: #fff;
}
.footer-top .widget_nav_menu li {
padding: 5px 0;
text-align: left;
width: 100%;
}
footer .footer-top .menu .menu-item a::before {
content: "";
height: 15px;
left: -9px;
position: absolute;
top: 3px;
width: 2px;
}
.before_footer{
background: #e9eaea;
}
.before_footer .widget-title{
color: black;
}
.footer-top .widget-title::after {
background: rgba(222, 225, 228, 0.2) none repeat scroll 0 0;
bottom: -10px;
height: 1px;
width: 100%;
}
.footer-top .widget-title {
border: 0 none;
margin-bottom: 12px;
padding: 0;
font-size: 22px;
}
.footer-top .widget_nav_menu ul {
margin: 0;
padding: 0;
}
footer .footer-top .menu .menu-item a::after{
content: "";
}
.footer-top .widget .widget-title{
margin-bottom: 30px;
margin-top: 12px;
}
footer .footer-top .menu .menu-item a {
margin-left: 0px;
color: #fff;
font-size: 14px;
}
footer .footer-top .menu .menu-item a:before {
background: none !important;
}
.footer-top .widget-title {
font-weight: 400;
margin: 5px 0;
}
.prefooter{
padding: 0;
}
.prefooter .footer .container {
padding-top: 10px;
padding-bottom: 10px;
}
/* Footer Menu */
footer nav.menu {
background: transparent;
margin: 0;
}
nav ul li {
display: inline-block;
position: relative;
}
nav ul {
list-style: none;
margin: 0;
padding: 0;
}
footer nav ul li a{
color: #6d7a83;
font-size: 12px;
padding-right: 5px;
margin-right: 5px;
position: relative;
display: block;
}
footer nav ul li a:after {
content: '/';
display: block;
font-size: 12px;
position: absolute;
top: 0;
right: -5px;
color: #6d7a83;
}
footer nav ul li:last-child a:after {
display: none !important;
}
footer nav ul li:last-child a {
margin-right: 0;
padding-right: 0;
}
footer .footer {
padding: 20px 0;
}
footer .logo, .footer-top .widget-title {
margin-top: 0;
}
.sidebar_menu p.copyright {
color: black;
}
p.copyright {
color: rgb(255, 255, 255);
font-size: 14px;
margin: 5px 0;
}
footer .textwidget > p:last-child {
margin-bottom: 0;
}
footer .theme-author {
text-transform: uppercase;
font-weight: 700;
}
footer.entry-footer {
background: transparent;
margin-top: 20px;
}
footer .widget_address_social_icons .social-links li{
margin-bottom: 5px;
}
footer .widget_recent_entries_with_thumbnail li a {
color: #ffffff;
font-weight: bold;
}
.prefooter .widget-title {
color: #d5e9f8;
font-size: 18px;
font-weight: 400;
margin-bottom: 20px;
}
footer nav.menu {
background: transparent;
margin: 0;
}
/* Footer */
.prefooter{
padding: 0;
}
.prefooter .container {
padding-top: 40px;
padding-bottom: 40px;
}
.widget_text .shop_feature_icon_v2 {
background: #ffffff none repeat scroll 0 0;
border-radius: 3px;
padding: 7px 0;
text-align: center;
}
.widget_text .shop_feature_icon_v2 i {
color: #000000;
font-size: 25px;
}
.widget_text .shop_feature_v2 {
margin: 0;
padding: 0;
}
footer p {
color: #383737;
font-size: 20px;
}
footer .textwidget p{
color: #fff;
font-size: 15px;
}
footer .logo img {
max-width: 100%;
width: 260px;
}
footer .menu .menu-item a {
color: #b4bbc2;
font-size: 17px;
font-weight: 300;
letter-spacing: normal;
line-height: normal;
margin-left: 5px;
margin-right: 5px;
padding: 0;
position: relative;
text-transform: none;
}
footer .menu .menu-item a:after {
content: '/';
display: block;
font-size: 12px;
position: absolute;
top: 0;
right: -10px;
color: rgba(255, 255, 255, 0.8);
}
footer nav ul li:last-child a {
margin-right: 0;
padding-right: 0;
}
footer .theme-author {
text-transform: uppercase;
font-weight: 700;
}
/*C. START: styles*/
.post-password-form input[type="submit"] {
color: #ffffff;
}
#primary .main-content ul.themeslr-slider li{
position: unset;
}
.wpb_column{
height: auto;
}
p.subtitle {
font-weight: 600;
color: rgba(255,255,255,0.7);
}
.top-margin {
padding-top: 60px;
}
.high-margin {
padding-top: 60px;
padding-bottom: 80px;
}
.bottom-margin {
padding-top: 0;
padding-bottom: 80px;
}
.mediu-margin {
padding-top: 25px;
padding-bottom: 25px;
}
.spacer {
margin-bottom: 50px;
}
.right-border {
padding: 15px;
border-right: 5px solid;
margin-bottom: 10px !important;
}
.left-border {
padding: 15px;
border-left: 5px solid;
margin-bottom: 10px !important;
}
.relative{
position: relative;
}
.absolute{
position: absolute;
}
.fixed{
position: fixed;
}
.no-margin{
margin: 0 !important;
}
.top-no-margin {
padding-bottom: 100px;
padding-top: 0;
}
.bottom-no-margin {
padding-bottom: 0;
padding-top: 60px;
}
.high-padding {
padding: 80px 0;
}
.medium-padding {
padding: 50px 0;
}
.container.high-padding {
padding: 80px 15px;
}
.form-control {
border-color: rgb(0, 173, 241);
border-width: 2px;
color: rgba(85, 85, 85, 0.8);
font-size: 15px;
font-style: italic;
font-weight: 300;
height: auto;
padding: 10px;
}
.video-bg {
position: absolute;
width: 100%;
height: 100%;
top: 0;
z-index: 1;
}
.embed-responsive-item{
width: 100%;
}
.block-triangle {
overflow: hidden;
}
/*Flat icons*/
.flat-icon {
font-family: 'oxp-demo';
padding:23px 28px;
font-size: 45px;
font-weight: bold;
display: inline-block;
line-height: 100%;
overflow: hidden;
text-transform: uppercase;
margin-right: 15px;
}
/*---------------------------------------------*/
/*--- 2. Elements ---*/
/*---------------------------------------------*/
body .no-margin{
margin-bottom: 0;
}
.text-white ul li,
.text-white .section-title {
color: white;
opacity: 0.9;
}
.img-center{
margin: 0 auto;
display: block;
}
/* Float */
[class^="hvr-"] {
background: #e1e1e1 none repeat scroll 0 0;
color: #666;
cursor: pointer;
margin: 0;
padding: 1em;
text-decoration: none;
}
/* Buzz Out */
@-webkit-keyframes hvr-buzz-out {
10% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
20% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
30% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
40% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
50% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
60% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
70% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
80% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
90% {
-webkit-transform: translateX(1px) rotate(0);
transform: translateX(1px) rotate(0);
}
100% {
-webkit-transform: translateX(-1px) rotate(0);
transform: translateX(-1px) rotate(0);
}
}
@keyframes hvr-buzz-out {
10% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
20% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
30% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
40% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
50% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
60% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
70% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
80% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
90% {
-webkit-transform: translateX(1px) rotate(0);
transform: translateX(1px) rotate(0);
}
100% {
-webkit-transform: translateX(-1px) rotate(0);
transform: translateX(-1px) rotate(0);
}
}
.hvr-buzz-out {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
}
.hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active {
-webkit-animation-name: hvr-buzz-out;
animation-name: hvr-buzz-out;
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
.hvr-float {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
.hvr-grow {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.margin-zero{
margin: 0;
}
.vc_btn.margin-zero {
margin: 10px 0;
}
.single article .article-content li {
color: #454646;
font-size: 18px;
font-weight: 300;
line-height: 29px;
opacity: 1;
visibility: visible;
}
textarea,
input[type="text"],
input[type="button"],
input[type="search"],
input[type="submit"]{
-webkit-appearance: none;
}
.newspaper-info-bordered .holder {
padding: 10px 0 10px 15px;
}
.newspaper-info span:nth-of-type(1) {
font-weight: bold;
}
.newspaper-info-bordered .col-md-5 {
text-align: center;
}
.newspaper-info-bordered i {
font-size: 50px;
padding: 10px 0;
}
.newspaper-info span {
font-size: 17px;
display: block;
}
.complex-layout .col-md-9 {
padding-left: 0;
}
.newspaper-info span:nth-of-type(2) {
font-style: italic;
}
.newspaper-info-bordered {
border: 1px solid;
margin: 13px 0;
}
/*Elements: blockquote*/
.good_quote h1 {
font-size: 55px;
}
.single article .article-content blockquote p {
font-weight: 400;
letter-spacing: 1.1px;
}
blockquote {
background: none repeat scroll 0 0 #f6f6f6;
border-left: 5px solid;
color: #9aa7af;
font-size: 15px;
font-weight: 300;
margin: 0 0 20px;
padding: 30px;
position: relative;
}
.testimonials-container blockquote:before {
content: "\"";
font-size: 200px;
font-style: italic;
left: 15%;
line-height: 200px;
position: absolute;
transform: rotate(180deg);
-o-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
background: transparent;
}
.quotes-container blockquote:before {
content: "\"";
font-size: 200px;
font-style: italic;
left: 5%;
line-height: 0;
position: absolute;
transform: rotate(180deg);
-o-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
background: transparent;
top: -20px;
}
.testimonials-container blockquote p {
width: 65%;
margin: 0 auto;
}
.quotes-container blockquote p {
color: #ffffff;
font-size: 26px;
margin: 0 auto;
width: 80%;
}
.quotes-content .quote_title {
color: #ffffff;
font-size: 24px;
margin: 0 auto;
width: 65%;
}
.quotes-container blockquote::after {
bottom: -20px;
content: "\"";
font-size: 200px;
font-style: italic;
line-height: 0;
position: absolute;
right: 5%;
transform: rotate(0deg);
-o-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
}
.testimonials-container blockquote{
background: transparent;
}
.quotes-container blockquote{
background: transparent;
padding: 0;
}
/* Element: Search input + button */
.no-results.not-found {
color: rgb(153, 171, 183);
}
.search-no-results .page-title {
color: #1a1b22;
}
.search-no-results .search-form > label {
width: 100%;
}
.search-no-results h2.page-title {
font-size: 35px;
margin-bottom: 22px;
margin-top: 0;
}
.no-results input[type="search"] {
border: 1px solid #dbdbdb;
color: #666666;
padding: 20px 25px;
width: calc(100% - 50px);
}
.no-results .search-form {
margin-left: auto;
margin-right: auto;
width: 50%;
}
.no-results input {
border: 1px solid rgb(229, 236, 239);
color: rgb(153, 171, 183);
padding: 8px;
}
/*Section: Conference form*/
.conference-attendant-form input {
font-style: normal;
height: auto;
margin-bottom: 30px;
padding: 15px !important;
}
.conference-attendant-form input.wpcf7-submit {
margin: 0 !important;
padding: 15px 40px !important;
}
/*Section: Contact us*/
#contact_form textarea.form-control {
height: 140px;
padding: 6px 40px !important;
}
#contact_form2 .alert-success {
background-color: rgb(223, 240, 216);
border: 0 none;
color: rgb(255, 255, 255);
margin-top: 15px;
padding-top: 15px;
text-align: left;
}
.success_message {
color: rgb(0, 173, 241);
display: none;
font-weight: 400;
padding-top: 5px;
text-align: center;
}
textarea.form-control {
height: 140px;
padding: 10px !important;
}
#contact_form2 .form-control {
background-color: #ecf0f1;
border: 1px solid rgba(206, 206, 206, 0.3);
box-shadow: none;
padding: 0 10px;
}
#contact_form2 .contact_label {
color: #333333;
}
#contact_form2 .solid-button.button {
border: medium none;
margin-top: 5px;
text-transform: uppercase;
width: auto;
}
.span-contact i {
bottom: 1px;
color: #48a8a7;
font-size: 25px;
margin-right: 10px;
opacity: 0.6;
position: relative;
text-align: center;
width: 35px;
}
/*Element: Back to top button*/
.back-to-top img{
width: 40px;
}
.back-to-top {
position: fixed;
right: 30px;
bottom: 30px;
display: block;
margin: 0 auto;
height: 40px;
width: 40px;
margin: 5px auto;
overflow: hidden;
white-space: nowrap;
visibility: hidden;
transition: all .3s 0s;
-o-transition: all .3s 0s;
-moz-transition: all .3s 0s;
-webkit-transition: all .3s 0s;
-ms-transition: all .3s 0s;
}
.back-to-top.themeslr-is-visible, .back-to-top.themeslr-fade-out, .no-touch .back-to-top:hover {
-webkit-transition: all .3s 0s;
-moz-transition: all .3s 0s;
-ms-transition: all .3s 0s;
-o-transition: all .3s 0s;
transition: all .3s 0s;
}
.back-to-top.themeslr-is-visible {
visibility: visible;
opacity: 1;
}
.back-to-top.themeslr-fade-out {
opacity: .5;
}
.no-touch .back-to-top:hover {
opacity: 1;
}
.post-password-form input {
border: 1px solid #e6e6e6;
padding: 7px;
}
.quotes-slider.owl-carousel {
margin-top: 25px;
}
.st-menu-content {
height: 100%;
overflow-y: scroll;
padding: 30px;
position: absolute;
}
.portfolio-posts .main-content {
margin: 0;
}
.post-category-date a[rel="tag"]::before {
background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
content: "";
height: 3px;
left: 6px;
position: absolute;
top: 11px;
width: 3px;
}
.post-category-date a[rel="tag"] {
border: 0 none;
color: rgb(255, 255, 255);
display: inline-table;
font-weight: 300;
margin-left: 5px;
position: relative;
padding: 2px 5px 2px 13px;
}
.single-portfolio-item .item-description {
height: 100%;
top: 0;
width: 100%;
}
.item-description .holder-top {
height: 50%;
padding: calc(15% - 15px) 15px 15px;
text-align: center;
width: 100%;
opacity: 0;
position: absolute;
top: -50%;
transition: all 250ms ease-in-out 0s;
-o-transition: all 250ms ease-in-out 0s;
-moz-transition: all 250ms ease-in-out 0s;
-webkit-transition: all 250ms ease-in-out 0s;
-ms-transition: all 250ms ease-in-out 0s;
}
.details-container > div.details-item .amount, .details-container > div.details-item ins {
color: rgb(255, 255, 255);
padding: 1px 5px;
}
.item-description .holder-bottom {
background: none repeat scroll 0 0 rgb(44, 62, 80);
color: rgb(255, 255, 255);
height: 50%;
padding: calc(15% - 30px) 15px 15px;
position: absolute;
text-align: center;
width: 100%;
opacity: 0;
top: 100%;
transition: all 250ms ease-in-out 0s;
-o-transition: all 250ms ease-in-out 0s;
-moz-transition: all 250ms ease-in-out 0s;
-webkit-transition: all 250ms ease-in-out 0s;
-ms-transition: all 250ms ease-in-out 0s;
}
.single-portfolio-item:hover .holder-top {
opacity: 1;
top: 0;
}
.single-portfolio-item:hover .holder-bottom {
opacity: 1;
top: 50%;
}
.item-description i {
background: none repeat scroll 0 0 rgb(255, 255, 255);
color: rgb(182, 189, 191);
font-size: 19px;
padding: 10px;
width: 40px;
transition: all 250ms ease-in-out 0s;
-o-transition: all 250ms ease-in-out 0s;
-moz-transition: all 250ms ease-in-out 0s;
-webkit-transition: all 250ms ease-in-out 0s;
-ms-transition: all 250ms ease-in-out 0s;
}
.item-description i:hover {
background: none repeat scroll 0 0 rgb(44, 62, 80);
color: #fff;
}
.holder-top > a:first-child {
margin-right: 4px;
}
.holder-top > a:nth-child(2) {
margin-left: 4px;
}
.item-description .holder-bottom::before {
border-bottom: 15px solid #393939;
border-left: 15px solid rgba(0, 0, 0, 0);
border-right: 15px solid rgba(0, 0, 0, 0);
content: " ";
height: 0;
left: 50%;
margin-left: -15px;
pointer-events: none;
position: absolute;
top: -14px;
width: 0;
}
.item-description .holder-bottom > h5 {
font-size: 15px;
margin: 0;
opacity: 0.5;
}
.item-description .holder-bottom h3 {
margin: 10px 0 15px;
}
.main-content article.single-portfolio-item {
padding: 0;
}
/*---------------------------------------------*/
/*--- 4. Blocks ---*/
/*---------------------------------------------*/
/* Blocks */
.block-icon{
height: 130px;
margin-bottom: 25px;
position: relative;
}
.block-container {
text-align: center;
}
.block-triangle {
width: 80px;
height: 80px;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
margin: 0 auto;
position: relative;
top: 25px;
box-shadow: 0 0 0 6px #FFFFFF, 0 0 0 7px #dadbdb;
-webkit-box-shadow: 0 0 0 6px #FFFFFF, 0 0 0 7px #dadbdb;
}
.block-title p {
color: #2f383d;
font-size: 16px;
font-weight: 500;
}
.block-content p {
font-size: 15px;
color: #9aa7af;
font-weight: 300;
}
.block-icon i {
color: #FFFFFF;
font-size: 40px;
position: absolute;
left: 50%;
top: 50%;
-ms-transform: translate(-50%, -50%) rotate(-45deg);
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg);
}
/* Left Block */
.left-block-container {
margin-bottom: 20px;
}
.left-block-container .block-title p {
text-transform: uppercase;
}
.left-block-container .block-title {
padding-top: 20px;
}
.left-block-container {
border-bottom: 1px solid #dadee1;
}
.left-block-container:last-child {
border-bottom: 0 none;
margin-bottom: 0;
}
.left-block-container:last-child .block-icon {
margin-bottom: 0;
}
/* Filters */
.filters {
list-style: none;
text-align: center;
width: 100%;
}
.filters .filter {
display: inline-block;
}
/*---------------------------------------------*/
/*--- 5. Testimonial ---*/
/*---------------------------------------------*/
.testimonial-img-holder {
position: relative;
z-index: 1;
}
.testimonail-content p:last-child{
margin: 0;
}
.testimonail-content p {
color: #ffffff;
}
.testimonial-arrow {
border-left: 20px solid rgb(255, 255, 255);
border-right: 20px solid rgb(255, 255, 255);
border-bottom: 20px solid #485052;
content: "";
height: 30px;
left: 44px;
position: absolute;
top: 100px;
width: 30px;
}
.testimonial-img {
border: 4px solid;
border-radius: 50%;
margin-bottom: 30px;
overflow: hidden;
transform: none;
-webkit-transform: none;
width: 100px;
}
.testimonial-img img {
display: block;
}
.testimonial-author-job {
left: 125px;
position: absolute;
top: 18px;
}
.testimonail-content {
border-radius: 5px;
font-style: italic;
font-weight: lighter;
line-height: 170%;
padding: 15px;
background: #485052;
}
.testimonials-container ul {
list-style: none;
padding: 0;
}
.testimonials-container blockquote {
border: 0 none;
text-align: center;
padding: 40px 0 40px 0;
font-size: 26px;
color: rgba(255,255,255,0.5);
position: relative;
margin: 0;
}
.quotes-container blockquote {
border: 0 none;
text-align: center;
padding: 40px 0 40px 0;
font-size: 26px;
color: rgba(255,255,255,0.5);
position: relative;
margin: 0;
}
.testimonial-author {
font-size: 20px;
font-weight: 500;
margin-top: 10px;
}
.testimonial-job {
color: #9aa7af;
font-size: 13px;
font-weight: 400;
}
/*---------------------------------------------*/
/*--- 5. Members ---*/
/*---------------------------------------------*/
.member-container {
position: relative;
}
.member-content {
position: relative;
z-index: 2;
-webkit-transition: all 0.7s; /* For Safari 3.1 to 6.0 */
transition: all 0.7s;
}
.member-container:hover .member-content {
-ms-transform: translateY( -50% ); /* IE 9 */
-webkit-transform: translateY( -50% ); /* Chrome, Safari, Opera */
transform: translateY( -50% );
}
.member-header {
border-bottom: 1px solid;
margin-bottom: 40px;
position: relative;
z-index: 2;
}
.member-header:before,
.member-header:after {
content: "";
display: block;
position: absolute;
bottom: -10px;
width: 1px;
height: 10px;
}
.member-header:before {
left: 0;
}
.member-header:after {
right: 0;
}
.member-header p,
.member-footer p {
font-size: 12px;
text-transform: uppercase;
}
.member-header h4,
.member-footer h4 {
font-size: 16px;
text-transform: uppercase;
}
.member-footer .social {
border-top: 1px solid;
margin-top: 20px;
position: relative;
padding-top: 20px;
}
.member-footer .social:before,
.member-footer .social:after {
content: "";
display: block;
position: absolute;
top: -10px;
width: 1px;
height: 10px;
}
.member-footer .social:before {
left: 0;
}
.member-footer .social:after {
right: 0;
}
.member-footer .social ul {
list-style: none;
padding: 0;
margin: 0;
}
.member-footer .social ul li {
display: inline-block;
}
.member-footer {
position: absolute;
bottom: 0;
width: 100%;
z-index: 1;
}
.social ul li i {
font-size: 20px;
color: #bdc0c2;
}
.member-content img {
width: 100%;
}
/*---------------------------------------------*/
/*--- 7. Statistics ---*/
/*---------------------------------------------*/
.aligncenter {
margin: 0 auto;
display: block;
}
.timeline .post-cotnent-left {
padding-right: 60px;
}
.timeline .post-cotnent-right {
padding-left: 60px;
}
.timeline{
position: relative;
}
.timeline article {
padding-bottom: 40px;
position: relative;
}
.timeline:before {
content: "";
display: block;
width: 4px;
height: 100%;
position: absolute;
top: 0;
left: 50%;
margin-left: 2px;
background: #00adf1;
}
.timeline article:before {
content: "";
display: block;
position: absolute;
width: 15px;
height: 90px;
background: url("../images/timeline-dot.jpg");
left: 50%;
top: 50%;
margin-left: -4px;
margin-top: -45px;
}
/*---------------------------------------------*/
/*--- 10. Sections ---*/
/*---------------------------------------------*/
body .wpb_content_element{
margin: 0;
}
body .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon{
background-image: url("../images/toggle_close.png");
}
#primary .main-content ul li[role="tab"]:not(.rotate45) {
margin: 0;
}
/* Section: Subscribe*/
body.single-post {
border: 0 none;
}
/* Section: Contact */
/*Contact form 7 Compatibility Style*/
.wpcf7-form .wpcf7-select, .wpcf7-form input.wpcf7-form-control, .wpcf7-form textarea.wpcf7-form-control {
font-size: 16px;
line-height: normal;
padding: 15px;
width: 100%;
border: 1px solid #cddae4;
}
.wpcf7-form .wpcf7-form-control {
font-weight: 500;
}
.wpcf7-form select.wpcf7-form-control {
font-weight: 400;
}
.wpcf7-form p {
margin-bottom: 30px;
}
.wpcf7-form .wpcf7-form-control.wpcf7-submit {
border: 0 none;
color: #ffffff;
padding: 20px 40px;
text-align: center;
width: auto;
}
.wpcf7-form span.wpcf7-not-valid-tip {
font-size: 14px;
font-weight: 300;
}
div.wpcf7-mail-sent-ok,
div.wpcf7-mail-sent-ng,
div.wpcf7-validation-errors {
border: 0 none;
color: #ffffff;
margin: 0;
font-size: 17px;
padding: 20px;
}
div.wpcf7-validation-errors {
background: none repeat scroll 0 0 #f1c40f;
}
div.wpcf7-mail-sent-ok {
background: none repeat scroll 0 0 #2ecc71;
}
div.wpcf7-mail-sent-ng {
background: none repeat scroll 0 0 #e74c3c;
}
#contact-us .form-control:focus {
box-shadow: none;
border: 1px solid;
}
#contact-us .form-control {
border: 1px solid #dadee1;
height: auto;
padding: 8px;
}
#contact_form .button[type="submit"] {
border: 0 none;
color: #ffffff;
font-style: normal;
font-weight: 500;
height: auto;
margin: 0;
padding: 10px;
}
label.error {
font-size: 15px;
font-weight: 300;
padding-top: 2px;
}
.single.single-post .high-padding {
padding: 87px 0 0;
}
/*Contact form style*/
.contact_service .landing_input {
background-color: #989aa6;
border: 0 none !important;
border-radius: 7px;
color: #fff;
font-size: 18px;
font-weight: 300;
margin-bottom: 30px !important;
padding: 15px !important;
width: 100%;
}
.contact_service .landing_submit {
border-radius: 7px;
font-size: 18px;
font-weight: initial;
margin-bottom: 30px !important;
padding: 15px !important;
text-transform: uppercase;
width: 100%;
}
.wpcf7-response-output {
clear: both;
text-align: center;
}
/*Section: Portfolio*/
.portfolio-item img {
max-width: 100%;
}
.single .related_portfolios {
margin-top: 65px;
overflow: hidden;
}
.portfolio_thumbnails_slider .owl-controls.clickable .owl-pagination {
bottom: 20px;
position: absolute;
width: 100%;
}
/* Ketchup validator */
.ketchup-error {
display: none !important;
}
/* Boostrap styling */
.table-striped>tbody>tr:nth-child(odd),
.table-hover>tbody>tr:hover,{
background-color: #ecf0f1;
}
.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
border-color: #ecf0f1;
}
.thumbnail {
background: transparent;
}
.btn-primary:hover{
background: rgba(52, 73, 94,1.0);
}
.navbar {
margin-bottom: 0;
}
/*---------------------------------------------*/
/*--- 11. Page: Blog ---*/
/*---------------------------------------------*/
.article-content .churchwp-meta-title h1, .churchwp-meta-title .article-content h2 {
line-height: normal;
margin: 0;
font-weight: bold;
}
.churchwp-single-post-meta .churchwp-meta-post-comments a, .churchwp-single-post-meta span, .churchwp-single-post-meta a {
color: #8d8d8d;
}
.comment-author-link a {
color: #1a1b22 !important;
}
.churchwp-single-post-meta {
margin-top: 10px;
}
.churchwp-meta-title {
margin: 0 0 30px;
}
.article-content h3,
.article-content h4 {
margin-top: 30px;
line-height: normal;
}
.article-content h5,
.article-content h6 {
margin-top: 20px;
line-height: normal;
}
.flex {
display: flex;
}
/*list view blog*/
/*blog post category date comment*/
.list-view .no-featured-image {
padding: 30px !important;
}
.list-view .post-details .post-category-comment-date .post-date a {
opacity: 1;
}
article.single-post a .read-more-overlay {
opacity: 0;
transition: all 450ms ease-in-out 0s;
-webkit-transition: all 450ms ease-in-out 0s; /* For Safari 3.1 to 6.0 */
}
article.single-post a:hover .read-more-overlay {
opacity: 1;
}
article.single-post a:hover img {
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
}
article.single-post a img {
transition: all 600ms ease-in-out 0s;
-webkit-transition: all 600ms ease-in-out 0s; /* For Safari 3.1 to 6.0 */
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
}
.list-view .blog_date.blog_day {
font-size: 25px;
font-weight: bold;
}
.list-view .blog_date {
display: block;
font-size: 15px;
line-height: 23px;
text-align: center;
}
.list-view .post-details .post-category-comment-date i {
font-size: 15px;
margin-right: 5px;
}
.list-view .post-details .post-category-comment-date a {
font-weight: 400;
}
.widget_block.widget_search .wp-block-search__button,
.list-view .post-details .post-excerpt .more-link {
background: #6eacb7 none repeat scroll 0 0;
color: #ffffff !important;
font-size: 15px;
font-weight: 500;
line-height: 25px;
padding: 10px 25px;
transition: all 250ms ease-in-out 0s;
-webkit-transition: all 250ms ease-in-out 0s; /* For Safari 3.1 to 6.0 */
}
.read-more-overlay {
background: rgba(5, 51, 96, 0.5) none repeat scroll 0 0;
border-radius: 10px;
display: flex;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.read-more-overlay .icon-link {
transition: all 250ms ease-in-out 0s;
-webkit-transition: all 250ms ease-in-out 0s; /* For Safari 3.1 to 6.0 */
align-self: center;
border-radius: 50%;
color: rgb(255, 255, 255);
font-size: 20px;
height: 60px;
margin: 0 auto;
padding: 20px;
text-align: center;
width: 60px;
}
.list-view .post-details .post-excerpt .more-link:hover {
background: #529aa6;
}
.list-view .post-thumbnail:hover {
border-right: medium none !important;
}
.list-view .blog_custom {
background: #f9f9f9 none repeat scroll 0 0;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
overflow: hidden;
border: 1px solid #efefef;
}
.page-template-template-blog,
.archive.category,
.archive.author,
.blog,
.archive.search,
.archive.tag {
background-color: #fff;
}
.list-view .post-details .post-excerpt p{
font-weight: 300;
}
.list-view .post-details .post-category-comment-date i,
.list-view .post-details .post-category-comment-date a,
.list-view .post-details .post-name a {
color: #6eacb7;
}
.list-view .post-details .post-name a {
line-height: 1.5em;
color: #1a1b22 !important;
font-weight: bold;
}
.blog_heading.heading-bottom {
font-size: 35px;
font-weight: 600;
line-height: 40px;
margin-top: 0;
text-transform: uppercase;
}
.list-view .post-thumbnail {
margin: 0;
padding: 0;
}
.list-view .post-details {
align-self: center;
padding: 30px;
position: relative;
}
.list-view .post-category-comment-date {
margin: 6px 0 10px;
font-style: italic;
}
.blog_custom:hover {
box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.08);
-webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.08);
}
.blog_custom {
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.08);
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.08);
transition: all 250ms ease-in-out 0s;
-webkit-transition: all 250ms ease-in-out 0s; /* For Safari 3.1 to 6.0 */
}
.no_padding {
padding: 0px 15px !important;
}
.shortcode_post_content .featured_image_content {
padding: 0;
}
.shortcode_post_content {
border-radius: 5px;
margin-bottom: 30px;
overflow: hidden;
padding-left: 0;
padding-right: 0;
}
.shortcode_post_content .text_content .post-read-more .post-read-more-button {
background-color: rgba(237,237,237,0.4);
color: #fff;
font-size: 17px;
padding: 10px;
overflow: hidden !important;
}
.shortcode_post_content .text_content .post-read-more {
padding: 0;
text-align: center;
}
.shortcode_post_content .text_content .post-download-icons .tooltip-content i{
border-radius: 0;
-webkit-border-radius: 0;
margin: 0;
}
.shortcode_post_content .text_content .post-download-icons {
padding: 6px 0;
}
.shortcode_post_content .text_content .post-more-download .post-read-more-button i {
padding-right: 15px;
}
.shortcode_post_content .text_content .post-download-icons i {
background: #fff none repeat scroll 0 0;
border-radius: 50%;
-webkit-border-radius: 50%;
color: black;
float: right;
margin-left: 10px;
padding: 11px;
width: 35px;
height: 35px;
}
.shortcode_post_content .text_content {
padding-bottom: 20px;
padding-top: 20px;
}
.shortcode_post_content .text_content .post-more-download {
margin-top: 22px;
}
.shortcode_post_content .text_content .post-download-icons .tooltip-content i {
background: transparent;
border-radius: 0;
color: rgb(255, 255, 255);
margin: 0;
text-align: center;
width: 100%;
}
.list-view .wp-caption.alignnone {
margin: 10px 0;
max-width: 100%;
}
.wp-caption {
font-style: italic;
}
.wp-caption.alignnone {
margin: 15px 0;
max-width: 100%;
}
.wp-caption.alignleft {
margin: 10px 20px 10px 0;
}
.alignnone {
margin: 10px 0;
}
.alignright {
float: right;
margin-bottom: 20px;
margin-left: 20px;
}
.alignleft {
margin-bottom: 10px;
margin-right: 20px;
margin-top: 5px;
}
.wp-caption.alignright {
float: right;
margin: 0 0 0 15px;
}
.page .no-padding-top article.type-page{
padding-top: 0;
}
.page article.type-page{
padding: 80px 0;
}
.page .high-padding article.type-page,
.page .no-padding article.type-page{
padding: 0;
}
.page .no-padding-bottom article.type-page{
padding: 80px 0 0;
}
.single-post {
border-bottom: 1px solid rgb(230, 230, 230);
padding-bottom: 30px;
}
.post-type {
color: rgb(51, 51, 51);
}
.post-type i {
margin-right: 10px;
}
.post-thumbnail a {
display: block;
overflow: hidden;
}
.main-content .single-post a:hover .thumbnail-overlay {
opacity: 1;
}
.main-content .single-post .thumbnail-overlay i {
font-size: 25px;
left: calc(50% - 9px);
top: 44%;
}
/*Blog: Pagination*/
.theme-pagination.pagination .page-numbers.current {
color: #fff;
}
.container-pagination {
text-align: center;
}
.theme-pagination{
background: transparent;
}
.pagination{
padding: 0 15px;
}
.page-template-template-portfolio .pagination {
padding: 0;
position: relative;
}
.pagination > li > a {
transition: all 300ms;
-o-transition: all 300ms;
-ms-transition: all 300ms;
-moz-transition: all 300ms;
-webkit-transition: all 300ms;
color: rgb(144, 157, 165);
}
.pagination > li > a.current,
.pagination > li > a:hover {
background-color: #00ADF1;
color: #fff;
}
.theme-pagination .pagination {
margin: 0;
}
.account-urls > a{
color: #fff;
margin-left: 15px;
position: relative;
}
.account-urls.first > a:first-child{
color: #fff;
margin-left: 0;
}
.account-urls > a::before {
content: "??";
font-size: 28px;
left: -12px;
position: absolute;
top: -9px;
}
.account-urls > a:first-child::before {
content: "";
}
.account-urls > a:hover{
color: rgb(255, 255, 255);
opacity: 0.85;
}
.pagination .page-numbers:hover {
background-color: #6EACB7;
color: #fff;
}
.pagination .page-numbers {
background-color: #fff;
border: 1px solid #ddd;
border-radius: 3px;
color: #565656;
float: left;
font-size: 19px;
line-height: 1.42857;
margin: 0 5px;
padding: 10px 20px;
position: relative;
text-decoration: none;
transition: all 300ms ease 0s;
-webkit-transition: all 300ms ease 0s;
}
/*Blog: Breadcrumps*/
.theme-breadcrumbs .page-title {
color: #485052;
margin: 8px 0;
opacity: 0.8;
line-height: 150%;
}
.breadcrumb{
padding: 0 0 0 2px;
}
.breadcrumb .active {
margin-left: 3px;
}
.breadcrumb a::after{
color: #cccccc;
margin-left: 5px;
}
.breadcrumb a::before {
background: white none repeat scroll 0 0;
bottom: -3px;
content: "";
height: 2px;
opacity: 0.4;
position: absolute;
width: calc(100% - 13px);
}
.breadcrumb a:hover::before {
opacity: 0.6;
}
.breadcrumb a{
position: relative;
}
.theme-breadcrumbs {
background: rgb(239, 244, 247) none repeat scroll 0 0;
border-bottom: 1px solid rgba(205, 209, 212, 0.7);
padding: 10px 0;
}
.theme-breadcrumbs h2 {
font-weight: 400;
margin: 0;
}
.theme-breadcrumbs .breadcrumb{
background: transparent;
margin: 0;
padding-right: 0;
}
.breadcrumb > li + li::before{
content: "";
padding: 0;
}
.breadcrumb {
color: #ccc;
}
#disqus_thread {
margin-top: 40px;
}
/*Blog: Content*/
.img-responsive.single-post-featured-img {
min-width: 100%;
margin-bottom: 30px;
}
.sticky-posts .col-md-4.post {
padding-bottom: 26px;
}
.sticky-posts .col-md-4.post:nth-child(3n+1) {
clear: left;
}
.sticky-posts a:hover .thumbnail-overlay{
opacity: 1;
transition: all 300ms ease-in-out 0s;
-o-transition: all 300ms ease-in-out 0s;
-ms-transition: all 300ms ease-in-out 0s;
-webkit-transition: all 300ms ease-in-out 0s;
-moz-transition: all 300ms ease-in-out 0s;
}
.sticky-posts .thumbnail-overlay i {
font-size: 27px;
left: calc(50% - 10px);
top: 45%;
}
.sticky-posts a:hover .post-date {
opacity: 0;
transition: all 300ms ease-in-out 0s;
-o-transition: all 300ms ease-in-out 0s;
-ms-transition: all 300ms ease-in-out 0s;
-webkit-transition: all 300ms ease-in-out 0s;
-moz-transition: all 300ms ease-in-out 0s;
}
.sticky-posts .post-date {
font-size: 14px;
font-weight: 300;
height: 60px;
left: 15px;
margin-top: 0;
opacity: 1;
padding: 2px;
position: absolute;
top: 15px;
width: 60px;
}
.sticky-posts a {
display: block;
}
.sticky-posts .rotate45_back {
display: block;
padding: 0px;
width: 56px;
}
.sticky-posts .rotate45_back1 {
display: block;
padding: 0px;
width: 56px;
}
.sticky-posts .post-date .rotate45_back {
font-size: 22px;
}
.sticky-posts .post-date .rotate45_back1 {
font-size: 16px;
}
.related-posts .post-author{
color: #4c4c4c;
}
.sticky-posts .sticky_post_text_container .post-name a {
color: #4c4c4c;
line-height: 140%;
margin-bottom: 6px;
font-weight: bold;
}
.sticky-posts .sticky_post_text_container .post-name a:hover ,
.sticky-posts .sticky_post_text_container .post-author {
color: rgba(0, 0, 0, 1);
}
.sticky_post_blog_details .post-name {
font-weight: 600;
letter-spacing: 1.5px;
line-height: 40px;
margin: 0;
text-transform: uppercase;
}
.post-name.post-name-color a {
color: #fff;
}
.post-name {
font-weight: 600;
margin: 0;
}
.single .post-name {
font-size: 35px;
font-weight: 600;
letter-spacing: 1.5px;
line-height: 40px;
margin: 0;
text-transform: uppercase;
}
.single.single-portfolio .post-name {
font-size: 30px;
margin-bottom: 10px;
}
.related-posts .post-name{
font-size: 18px;
}
.related-posts .post-excerpt {
color: #9aa7af;
font-weight: 300;
margin: 5px 0 0;
}
.post-category-comment-date .post-author {
border-bottom: 0 none;
}
.article-categories a:hover {
color: rgb(181, 185, 189);
}
.post-author-thumbnail {
margin-bottom: 15px;
}
.author-content .post-date {
color: rgb(181, 185, 189);
}
.post-category-comment-date {
margin: 8px 0;
}
.post-excerpt {
color: #fff;
line-height: 150%;
margin: 0;
margin-top: 5px;
}
nav.comment-navigation {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
input#wp-comment-cookies-consent {
width: auto;
}
.comment-form-cookies-consent label {
font-weight: 300;
margin-left: 7px;
}
.comments-area .no-comments {
float: left;
margin-top: 20px;
width: 100%;
overflow: hidden;
}
.comment-pingbacks li {
list-style: outside none none;
margin-bottom: 30px;
}
.comment-pingbacks li footer {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.submit-comment,
.theme_comments {
float: left;
margin-top: 30px;
width: 100%;
}
.comment-form .form-fields {
padding: 0;
}
.comment-form i {
font-size: 20px;
line-height: 45px;
color: #b5b9bd;
right: 20px;
text-align: center;
top: 0;
width: 34px;
}
#form-allowed-tags {
display: none;
}
.comment-edit-link::after {
color: rgb(153, 153, 153);
content: "/";
left: 5px;
position: relative;
}
.comments-area {
margin-top: 40px;
}
.comment_body > p {
color: rgb(153, 153, 153);
}
.comment_body .reply_button {
color: #666666;
font-style: italic;
opacity: 0.6;
}
.comment_body .reply_button1 {
padding-left: 0;
}
a#cancel-comment-reply-link {
margin-left: 15px;
}
.comment_body .reply_button1 .comment-reply-link {
margin-left: 6px;
}
.comment_body .reply_button1 .comment-reply-link:first-child{
margin: 0;
}
.comment_body .reply_button a {
margin: 0 3px;
}
.comment_body .author_name {
font-size: 18px;
font-weight: bold;
}
.comment-list.comments-area.theme_comments.comments {
margin: 0;
}
.comment-respond {
float: left;
margin-bottom: 45px;
margin-top: 40px;
width: 100%;
}
.container.blog-posts {
padding-bottom: 0;
}
.sticky_post_text_container {
border-radius: 7px !important;
-webkit-border-radius: 7px !important;
box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.08);
-webkit-box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.08);
overflow: hidden;
}
.sticky_post_text_container .post-author,
.sticky_post_text_container .post-name a {
padding: 0 10px;
}
.sticky-posts .bottom {
padding: 15px;
}
.sticky_post_blog_details {
background: white none repeat scroll 0 0;
padding: 15px 10px;
}
/*Blog specific color*/
.text-white .post-name a {
color: rgb(255, 255, 255);
}
.text-white .post-name a:hover {
color: rgba(255, 255, 255, 0.8);
}
.text-white .post-category-comment-date {
color: rgba(255, 255, 255, 0.8);
}
.text-white .post-author {
color: rgba(255, 255, 255, 0.8);
}
.text-white .post-tags a {
color: rgba(255, 255, 255, 1);
}
.text-white .post-comments a {
color: rgba(255, 255, 255, 1);
}
.text-white .post-excerpt p {
color: rgba(255, 255, 255, 0.8);
}
.text-white .more-link {
color: rgba(255, 255, 255, 1);
}
.text-white .more-link:hover {
color: rgba(255, 255, 255, 0.8);
}
/*Blog related posts specific color*/
.related_blog_details {
padding: 15px;
}
.related_blog_custom.text-white .post-excerpt {
color: rgba(255, 255, 255, 0.8);
}
.related_blog_custom.text-white .post-author {
border: medium none;
}
.related_blog_custom.text-white .post-name {
color: rgb(255, 255, 255);
margin: 0;
line-height: normal;
}
.related_blog_custom {
border-radius: 7px;
-webkit-border-radius: 7px;
box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.08);
-webkit-box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.08);
overflow: hidden;
}
/*Blog: Single blog post page*/
.single-post .single-post-article-header {
position: relative;
}
#dpsp-content-bottom li, #dpsp-content-top li {
padding-left: 5px;
padding-right: 5px;
}
#dpsp-content-top {
margin: -11px -5px 30px;
}
.single-post-holder {
background: rgba(36,38,35, 0.4) none repeat scroll 0 0;
height: 100%;
left: 0;
opacity: 1;
position: absolute;
text-align: center;
top: 0;
transition: all 400ms ease 0s;
-webkit-transition: all 400ms ease 0s;
width: 100%;
}
.inside-holder {
padding: 15% 0;
}
.single-post-social > div {
display: inline;
margin: 0 10px;
}
.single-post-social > div > i {
margin: 0 5px;
}
.single-post-holder .single_post_title {
clear: both;
color: white;
display: block;
font-size: 55px;
margin: 0 auto;
}
.single-post-social .single-post-shares {
border: 1px solid;
padding: 10px 15px;
}
.single-post-social {
color: #ffffff;
padding: 30px 0;
}
.single_tax::after {
content: ",";
color: #000;
opacity: 0.5;
}
.single_tax:last-child::after {
content: "";
}
.article-content {
margin-bottom: 20px;
padding-bottom: 20px;
}
.article-footer {
overflow: hidden;
padding: 20px 0;
}
.single-post-tags {
margin-top: 40px;
}
.article-tags-comments .article-comments {
margin: 0;
padding: 0;
}
.article-tags i {
margin-right: 8px;
}
.article-tags-comments {
color: rgb(153, 171, 183);
}
.article-details .post-author {
border-bottom: 0 none;
color: rgb(153, 171, 183);
font-size: 14px;
margin: 4px 0;
padding-bottom: 0;
}
.article-tags-comments {
border-top: 1px solid rgb(229, 236, 239);
border-bottom: 1px solid rgb(229, 236, 239);
color: rgb(153, 171, 183);
margin: 10px 0;
overflow: hidden;
padding: 10px 0;
}
.article-categories > h3 {
color: #9aa7af;
display: inline;
font-size: 16px;
margin: 0;
}
.article-categories i {
margin-right: 3px;
}
.categories {
color: #6d7a83;
display: inline;
font-size: 15px;
width: auto;
}
.article-categories {
}
.article-categories a {
color: rgb(0, 0, 0);
}
.social-sharer i:hover {
background: #e7e8e8 none repeat scroll 0 0;
}
.social-sharer i {
background: #f1f2f2 none repeat scroll 0 0;
border-radius: 50%;
-webkit-border-radius: 50%;
color: #6d6d6d;
padding: 8px;
transition: all 300ms;
-o-transition: all 300ms;
-ms-transition: all 300ms;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
}
.social-sharer li:hover a {
color: #fff;
}
.social-sharer li a {
color: #fff;
display: block;
transition: all 300ms;
-o-transition: all 300ms;
-ms-transition: all 300ms;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
}
.social-sharer > li.facebook{
background: #3b5999;
}
.social-sharer > li.twitter{
background: #34CBFF;
}
.social-sharer > li.google-plus{
background: #D14836;
}
.social-sharer > li.linkedin{
background: #01669A;
}
.social-sharer > li.reddit{
background: #6FC2FD;
}
.social-sharer > li.tumblr{
background: #2D5770;
}
.social-sharer > li.pinterest{
background: #B30610;
}
.social-sharer > li {
background: none repeat scroll 0 0 #d7dbdd;
display: block;
float: left;
margin: 0 5px 0 0;
padding: 8px 12px;
text-align: center;
width: 40px;
transition: all 300ms;
-o-transition: all 300ms;
-ms-transition: all 300ms;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
}
.right-side-sharer .article-social {
margin: 0;
}
.right-side-sharer .social-sharer > li {
background: transparent !important;
text-align: left;
width: 100%;
}
.right-side-sharer .social-sharer li a:hover {
color: rgba(0, 0, 0,.75);
}
.right-side-sharer .social-sharer li a {
color: rgba(0, 0, 0, 0.75);
display: inline;
}
.right-side-sharer .social-sharer li a:hover {
color: rgb(0, 0, 0);
}
.article-social {
margin-top: 30px;
}
.social-sharer {
display: inline;
margin: 0;
padding: 0;
}
.article-social > h3 {
display: inline;
float: left;
margin: 0 15px 0 0;
}
.author-bio .author-thumbnail {
margin: 0;
}
.author-thumbnail p {
margin: 0;
}
.author-bio {
margin-top: 30px;
overflow: hidden;
padding: 30px 15px;
}
.no-author-pic .avatar {
display: none;
}
.author-name {
padding: 0 15px;
}
.author-name span:first-child {
color: #ffffff;
font-weight: bold;
}
.author-name span {
color: #fff;
display: block;
font-size: 16px;
font-weight: 300;
width: 100%;
}
.author-job {
color: #9aa7af;
}
.author-biography {
color: rgb(181, 185, 189);
font-size: 17px;
font-style: italic;
line-height: 150%;
margin-top: 18px;
}
.author-see-more {
border: 1px solid rgb(181, 185, 189);
border-radius: 5px;
color: rgb(181, 185, 189);
display: inline-table;
margin-top: 10px;
font-weight: 300;
font-size: 13px;
padding: 8px 12px;
transition: all 300ms ease-in-out 0ms;
-o-transition: all 300ms ease-in-out 0ms;
-moz-transition: all 300ms ease-in-out 0ms;
-webkit-transition: all 300ms ease-in-out 0ms;
-ms-transition: all 300ms ease-in-out 0ms;
}
.author-see-more:hover {
background: rgb(235, 236, 237) none repeat scroll 0 0;
border: 1px solid rgba(0, 0, 0, 0);
color: rgb(0, 0, 0);
font-weight: 300;
}
.author-see-more:hover{
}
.author-links {
right: 15px;
top: 15px;
}
.author-links .rotate45 {
float: left;
margin: 8px 1px 8px 14px;
width: 33px;
}
.author-links .rotate45 a {
color: #ffffff;
display: block;
transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
}
.related-posts {
margin: 60px 0;
}
.more-link {
display: block;
float: left;
margin-top: 10px;
}
/*Comments list and form*/
/*List*/
.comment-list .comment {
border: 1px solid #dddddd;
margin-bottom: 30px;
padding: 30px 20px;
}
.comments_holder {
background-color: #f7f7f7;
}
#comments .comment_author {
margin: 0;
}
#comments .children {
overflow: auto;
margin: 0;
}
.logged-in .form-comment {
padding: 0;
width: 100%;
}
.author-bio .avatar.photo {
float: left;
}
.avatar.photo{
height: auto;
border-radius: 50%;
-webkit-border-radius: 50%;
}
.comments-area .single_comment:first-child {
border-top: 0 none;
margin: 0;
padding: 0;
}
.single_comment {
border-top: 1px solid rgb(235, 235, 235);
margin-top: 20px;
overflow: auto;
padding-top: 20px;
}
.comment-form textarea {
height: 137px;
}
.comment-form input,
.comment-form textarea {
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 10px;
width: 100%;
}
.comment-form-author {
margin-bottom: 30px;
}
#commentform .form-submit {
float: left;
}
.form-submit input {
color: rgb(255, 255, 255);
padding: 8px 15px;
}
.form-submit input[type="submit"] {
border: 0 none;
}
/*Next - Previous posts*/
.prev-next-post {
float: left;
margin-bottom: 70px;
margin-top: 30px;
width: 100%;
}
.prev-post a i,
.prev-next-post .prev-post span {
float: left;
}
.next-post a i,
.prev-next-post .next-post span {
float: right;
}
.prev-next-post span {
font-size: 17px;
line-height: 30px;
margin: 0 10px;
}
.prev-next-post .rotate45 {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 1px solid #c1c1c1;
width: 36px;
}
.prev-post, .next-post {
padding: 0;
}
.next-post a, .prev-post a {
display: inline-block;
}
.next-post a i, .prev-post a i {
color: #000000;
font-size: 30px;
transition: all 300ms ease-in-out 0ms;
-o-transition: all 300ms ease-in-out 0ms;
-moz-transition: all 300ms ease-in-out 0ms;
-webkit-transition: all 300ms ease-in-out 0ms;
-ms-transition: all 300ms ease-in-out 0ms;
opacity: 0.3;
}
.next-post a i:hover, .prev-post a i:hover {
opacity: 1;
}
/*---------------------------------------------*/
/*--- 11.1. Sidebar/Widgets ---*/
/*---------------------------------------------*/
.single_post_author_details .single_post_social i {
color: #838d8f;
}
.single_post_author_details {
border: 1px solid #f3f3f3;
padding: 30px 15px;
text-align: center;
}
.single_post_author_details .single_post_author_name {
margin: 0;
padding: 20px;
}
.single_post_author_details .single_post_facebook {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #f3f3f3 navy #f3f3f3 #f3f3f3;
border-image: none;
border-style: solid none solid solid;
border-width: 1px medium 1px 1px;
padding: 0;
}
.single_post_author_details .single_post_facebook a {
display: block;
padding: 10px;
}
.single_post_author_details .single_post_tweeter {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #f3f3f3 navy #f3f3f3 #f3f3f3;
border-image: none;
border-style: solid none solid solid;
border-width: 1px medium 1px 1px;
padding: 0;
}
.single_post_author_details .single_post_tweeter a {
display: block;
padding: 10px;
}
.single_post_author_details .single_post_instagram {
border: 1px solid #f3f3f3;
padding: 0px;
}
.single_post_author_details .single_post_instagram a {
display: block;
padding: 10px;
}
.single_post_author_details .single_post_author_page a {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: navy #f3f3f3 #f3f3f3;
border-image: none;
border-style: none solid solid;
border-width: medium 1px 1px;
color: #838d8f;
display: block;
padding: 10px;
}
.textwidget a {
margin-right: 15px;
font-weight: bold;
}
.widget_address_social_icons .social-links > li {
display: inline-table;
height: 30px;
margin-bottom: 3px;
width: 30px;
}
.widget_address_social_icons {
margin-bottom: 30px;
}
.widget_rss li {
color: #9aa7af;
list-style: outside none none;
margin-bottom: 15px;
}
.widget_nav_menu ul {
padding-left: 5px;
}
.widget_rss ul {
padding: 0;
}
.widget select {
max-width: 100%;
padding: 10px;
}
.widget_archive > select {
color: #666666;
width: 100%;
}
.widget_categories label,
.widget_archive label {
display: none;
}
.widget_address_social_icons .social-links{
margin: 0;
padding: 0;
}
.widget_address_social_icons .social-links a {
color: rgb(255, 255, 255) !important;
display: block;
height: 40px;
padding: 10px 12px;
text-align: center !important;
width: 40px;
}
/*Calendar widget*/
#wp-calendar {
width: 100%;
}
.is_sticky {
color: #ffffff;
display: inline-table;
float: left;
font-size: 13px;
font-weight: 300;
line-height: 20px;
margin-right: 10px;
margin-top: 7px;
padding: 0 7px 2px;
}
.widget_search .search-field:focus{
border: 1px solid #dbdbdb;
}
.widget_search .search-field {
background-color: #ffffff;
border: 1px solid #eaeaea;
box-sizing: border-box;
font-size: 14px;
font-weight: 300;
height: 50px;
line-height: 50px;
outline: 0 none;
padding: 0 52px 0 20px;
}
.search-form {
position: relative;
}
.widget_search .search-field::-webkit-input-placeholder {
color: #000;
}
.widget_search .search-field:-moz-placeholder { /* Firefox 18- */
color: #000;
}
.widget_search .search-field::-moz-placeholder { /* Firefox 19+ */
color: #000;
}
.widget_search .search-field:-ms-input-placeholder {
color: #000;
}
.search-form input[type="submit"] {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 0 none;
color: #333333;
cursor: pointer;
font-family: "simple-line-icons";
font-size: 15px;
height: 50px;
line-height: 50px;
position: absolute;
right: 0;
text-align: center;
top: 0;
width: 50px;
}
.search-form input[type="submit"]:hover{
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.no-results input[type="submit"] {
border: 0 none;
color: #ffffff;
display: initial;
height: auto;
padding: 6px 40px;
right: -1px;
width: auto;
}
.wp-caption-text {
font-weight: 300;
opacity: 0.6;
padding-top: 4px;
margin-bottom: 15px;
}
.sidebar-content .widget {
float: left;
margin-bottom: 30px;
width: 100%;
}
.sidebar-content .widget:first-child .widget-title {
margin-top: 0;
}
.no-results.not-found .page-title:last-child {
margin-top: 13px;
}
.widget_search .search-field, .widget_search label {
width: 100%;
}
.no-results input[type="search"]:focus {
border: 1px solid #cccccc;
}
.search-form .screen-reader-text {
display: none;
}
.widget_toggles .panel-body,
.testimonials_slider .testimonial-content span,
.widget_popular_recent_tabs .post-description{
font-weight: 300;
}
#wp-calendar th,
#wp-calendar td,
#wp-calendar caption,
.widget_search .search-field,
.widget_toggles .panel-body,
.testimonials_slider .testimonial-content span,
.widget_popular_recent_tabs .post-description,
.textwidget{
color: #666666;
}
/*Tagcloud widget*/
.tagcloud > a:hover{
border-color: transparent;
}
.tagcloud > a {
font-size: 14px !important;
background: transparent !important;
color: rgba(255, 255, 255, 0.9);
display: block;
float: left;
border: 1px solid;
font-weight: 300;
margin-bottom: 6px;
margin-right: 5px;
padding: 6px 12px;
text-decoration: none;
transition: all 300ms ease-in-out 0ms;
-o-transition: all 300ms ease-in-out 0ms;
-moz-transition: all 300ms ease-in-out 0ms;
-webkit-transition: all 300ms ease-in-out 0ms;
-ms-transition: all 300ms ease-in-out 0ms;
}
.sidebar-content .tagcloud > a {
background: rgb(51, 51, 51) none repeat scroll 0 0;
color: #1a1b22;
padding: 5px 10px;
}
.tagcloud > a:hover,
.sidebar-content .tagcloud > a:hover {
color: #fff;
}
/*Widget: accordion*/
.widget_toggles .panel-heading {
padding: 0;
}
.widget_toggles .panel-heading a {
display: block;
padding: 10px 15px;
}
.widget_toggles .panel-heading a.collapsed::after {
content: "\f067";
font-family: 'FontAwesome';
position: absolute;
right: 12%;
}
.widget_toggles .panel-heading a::after {
content: "\f068";
font-family: 'FontAwesome';
position: absolute;
right: 12%;
}
/*Widget: Testimonials slider*/
.testimonials_slider .testimonial-content {
color: #9aa7af;
}
.testimonial-client-details {
margin-top: 15px;
}
.testimonials_slider .testimonial-content:after {
bottom: 28px;
left: 50px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(136, 183, 213, 0);
border-top-color: #f1f1f1;
border-width: 13px;
margin-left: -30px;
}
.testimonials_slider .testimonial-content span {
background: none repeat scroll 0 0 #f1f1f1;
display: block;
padding: 15px;
}
/*Elements: Popular Recent posts - tabs*/
.widget_popular_recent_tabs .nav-tabs > li > a{
margin: 0;
text-align: center;
}
.widget_popular_recent_tabs .nav-tabs > li{
width: 50%;
}
.widget_popular_recent_tabs .nav-tabs > li.active {
border-top: 5px solid;
}
.widget_popular_recent_tabs .nav-tabs li.active a {
background: none repeat scroll 0 0 #ffffff;
border: 0 none;
}
.widget_popular_recent_tabs .nav-tabs li a {
background: none repeat scroll 0 0 #ecf0f2;
border-top: 5px solid #ecf0f2;
color: #9aa7af;
outline: medium none;
border-bottom: 0 none;
}
.widget_popular_recent_tabs .widget_body {
border-left: 1px solid #e1e4e7;
border-right: 1px solid #e1e4e7;
border-bottom: 1px solid #e1e4e7;
}
.widget_popular_recent_tabs .tab-content {
padding: 15px;
}
.widget_popular_recent_tabs .recent-post,
.widget_popular_recent_tabs .popular-post {
margin-bottom: 20px;
}
.widget_popular_recent_tabs .recent-post:last-child,
.widget_popular_recent_tabs .popular-post:last-child {
margin-bottom: 0;
}
.widget_popular_recent_tabs .post-title {
font-size: 16px;
margin-top: 5px;
}
.widget_popular_recent_tabs .post-date {
color: #666666;
margin-bottom: 5px;
margin-left: 0;
}
.sidebar-content .widget_nav_menu li,
.widget_recent_entries li {
padding-left: 18px;
position: relative;
}
.sidebar-content .widget_nav_menu li::before,
.widget_recent_entries li::before {
content: "???";
font-family: 'fontawesome';
left: 0;
margin-right: 8px;
position: absolute;
}
.sidebar-content .widget_nav_menu .menu{
padding: 0;
}
.sidebar-content .widget_nav_menu li{
margin-bottom: 5px;
}
.sidebar-content .widget_nav_menu li,
.sidebar-content .widget_nav_menu a {
display: block;
color: #9aa7af;
width: 100%;
text-align: left;
}
/*Widget: Social Share Icons*/
.tooltip-effect-1 .tooltip-content {
-webkit-transform: translate3d(20px,-10px,0);
transform: translate3d(20px,-10px,0);
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
}
.tooltip_share {
display: inline;
position: relative;
z-index: 999;
}
/* Trigger text */
.tooltip-item {
cursor: pointer;
display: inline-block;
font-weight: 700;
}
/* Gap filler */
.tooltip-item::after {
content: '';
position: absolute;
width: 360px;
height: 20px;
bottom: 100%;
left: 50%;
pointer-events: none;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.tooltip_share:hover .tooltip-item::after {
pointer-events: auto;
}
/* Tooltip */
.tooltip-content {
position: absolute;
z-index: 9999;
width: 120px;
left: 50%;
margin: 0;
bottom: 100%;
text-align: left;
font-size: 0.765em;
line-height: 1.4;
box-shadow: -5px -5px 15px rgba(48,54,61,0.2);
background: #2a3035;
opacity: 0;
cursor: default;
pointer-events: none;
}
.tooltip_share:hover .tooltip-content {
pointer-events: auto;
opacity: 1;
-webkit-transform: translate3d(20px, 3px, 0px) rotate3d(0,0,0,0);
transform: translate3d(20px, 3px, 0px) rotate3d(0,0,0,0);
}
/* Arrow */
.tooltip-content::after {
content: '';
top: 100%;
left: 50%;
border: solid transparent;
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: transparent;
border-top-color: #6CDFEA;
border-width: 10px;
margin-left: -10px;
}
/* Tooltip content*/
.tooltip-text {
color: rgb(255, 255, 255);
display: block;
font-size: 15px;
padding: 0;
overflow: hidden;
}
.shortcode_post_content .text_content .post-download-icons .tooltip-content a {
float: left;
border-radius: 0;
width: 33.3333%;
}
.shortcode_post_content .text_content .post-download-icons .tooltip-content a.twitter {
background: #6CDFEA;
}
.shortcode_post_content .text_content .post-download-icons .tooltip-content a.twitter:hover {
background: #50d9e6;
}
.shortcode_post_content .text_content .post-download-icons .tooltip-content a.facebook {
background: #3B5998;
}
.shortcode_post_content .text_content .post-download-icons .tooltip-content a.facebook:hover {
background: #344f87;
}
.shortcode_post_content .text_content .post-download-icons .tooltip-content a.google-plus {
background: #E34429;
}
.shortcode_post_content .text_content .post-download-icons .tooltip-content a.google-plus:hover {
background: #d3361b;
}
ul.share-social-links {
list-style-type: none;
padding: 0;
}
.share-social-links li {
float: left;
text-align: center;
border-radius: 4px;
margin-right: 10px;
margin-bottom: 10px;
}
.share-social-links li a {
border-radius: 0;
color: rgb(255, 255, 255);
display: block;
font-size: 15px;
height: 35px;
line-height: 35px;
width: 35px;
}
.share-social-links li:hover {
opacity: 0.85;
}
.share-social-links li.facebook a{
background-color: #3B5998;
}
.share-social-links li.twitter a{
background-color: #39A9E0;
}
.share-social-links li.linkedin a{
background-color: #007FB1;
}
.share-social-links li.digg a{
background-color: #14589E;
}
.share-social-links li.pinterest a{
background-color: #CB2027;
}
.share-social-links li.instagram a{
background-color: #ED5358;
}
.share-social-links li.reddit a{
background-color: #FF4500;
}
.share-social-links li.stumbleupon a{
background-color: #EB4924;
}
.widget_social_share {
width: 100%;
display: inline-block;
margin: 10px 0;
}
/*Widget: Tweets*/
.tweet-title .col-md-2 {
margin: 0;
padding: 2px 0;
width: 25px;
border-radius: 4px;
-webkit-border-radius: 4px;
}
.tweeter-profile {
opacity: 0.5;
padding-left: 10px;
}
.tweet-body {
margin-top: 5px;
color: rgba(0, 0, 0, 0.8);
}
.tweet-body a{
font-style: italic;
}
.tweets .tweet {
border-bottom: 1px solid rgb(225, 228, 231);
margin-bottom: 15px;
padding-bottom: 15px;
}
.tweets .tweet:last-child {
border: 0 none;
margin: 0;
}
.tweets-profile-url {
border-bottom: 1px solid #e1e4e7;
border-top: 1px solid #e1e4e7;
padding: 10px 0;
}
/*Recent posts with thumbnails widget*/
.widget_churchwp_recent_entries_with_thumbnail > ul {
padding: 0;
}
.widget_recent_entries > ul {
padding: 0;
}
.widget_churchwp_recent_entries_with_thumbnail li:hover .thumbnail-overlay{
opacity: 1
}
.widget_recent_entries li:hover .thumbnail-overlay{
opacity: 1
}
.thumbnail-overlay {
height: 100%;
left: 0;
top: 0;
width: 100%;
opacity: 0;
transition: all 300ms ease-in-out 0ms;
-o-transition: all 300ms ease-in-out 0ms;
-moz-transition: all 300ms ease-in-out 0ms;
-webkit-transition: all 300ms ease-in-out 0ms;
-ms-transition: all 300ms ease-in-out 0ms;
}
.thumbnail-overlay i {
color: rgb(255, 255, 255);
font-size: 17px;
left: 38%;
top: 38%;
}
.widget_churchwp_recent_entries_with_thumbnail a {
color: rgba(255, 255, 255, 1);
text-decoration: none;
display: block;
transition: all 300ms ease-in-out 0ms;
-o-transition: all 300ms ease-in-out 0ms;
-moz-transition: all 300ms ease-in-out 0ms;
-webkit-transition: all 300ms ease-in-out 0ms;
-ms-transition: all 300ms ease-in-out 0ms;
}
.widget_recent_entries a {
color: rgba(255, 255, 255, 1);
text-decoration: none;
display: block;
transition: all 300ms ease-in-out 0ms;
-o-transition: all 300ms ease-in-out 0ms;
-moz-transition: all 300ms ease-in-out 0ms;
-webkit-transition: all 300ms ease-in-out 0ms;
-ms-transition: all 300ms ease-in-out 0ms;
}
.widget_churchwp_recent_entries_with_thumbnail .post-date {
color: #6d7a83;
font-size: 13px;
font-weight: 300;
margin: 0;
}
.widget_recent_entries .post-date {
color: #6d7a83;
margin: 0;
}
.widget_churchwp_recent_entries_with_thumbnail .post-thumbnail {
padding: 0;
overflow: hidden;
border-radius: 4px;
-webkit-border-radius: 4px;
}
.widget_recent_entries .post-thumbnail {
padding: 0;
overflow: hidden;
}
.related-posts.sticky-posts .rotate45_back {
padding: 0;
width: 56px;
}
.related-posts.sticky-posts .rotate45_back1 {
padding: 0;
width: 56px;
}
.slider_navigation {
bottom: calc(35%);
left: 10%;
position: absolute;
width: 80%;
z-index: 1;
}
.slider_navigation .btn {
background: rgba(47, 56, 61,.8) none repeat scroll 0 0;
border: 0 none;
color: rgb(255, 255, 255);
height: 40px;
line-height: 26px;
transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-webkit-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
width: 40px;
}
.slider_navigation .btn:hover{
opacity: 0.85;
}
.hephaistos .tp-bullet:hover,
.hephaistos .tp-bullet.selected {
background: rgb(255, 255, 255) none repeat scroll 0 0;
border: 0 none;
padding: 3px;
}
.hephaistos .tp-bullet {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 2px solid rgb(255, 255, 255);
padding: 1px;
}
/*Flickr widget*/
.flickr_badge_image {
float: left;
margin-bottom: 5px;
margin-right: 5px;
overflow: hidden;
border-radius: 4px;
position: relative;
}
.flickr_badge_image:hover .thumbnail-overlay {
opacity: 1;
}
.flickr_badge_image a {
display: block;
position: relative;
}
.flickr_badge_image a::before {
color: rgb(255, 255, 255);
content: "???";
cursor: pointer;
font-family: "FontAwesome";
font-size: 18px;
left: 39%;
opacity: 0;
position: absolute;
top: 37%;
transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-webkit-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
z-index: 2;
}
.flickr_badge_image a::after {
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
opacity: 0;
transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-webkit-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
}
.flickr_badge_image a:hover::before,
.flickr_badge_image a:hover::after{
opacity: 1;
}
/*Widgets general rules*/
.left_sidebar .widget-title,
.right_sidebar .widget-title {
color: #000000;
padding-bottom: 10px;
}
.widget-title {
color: #ffffff;
}
/*Section: Posts*/
.latest-posts h3, .latest-tweets h3 {
color: #ffffff;
font-size: 16px;
font-weight: 400;
margin-bottom: 15px;
padding: 12px;
text-align: left;
text-transform: uppercase;
}
.latest-posts h3 .fa, .latest-tweets h3 .fa{
margin-right: 8px;
}
.latest-posts .post-date {
text-align: center;
}
.latest-posts .post-date-month {
color: #ffffff;
font-weight: bold;
padding: 5px;
text-transform: uppercase;
}
.latest-posts .post-date-day {
color: #ffffff;
font-size: 30px;
font-weight: bold;
padding: 5px;
text-transform: uppercase;
}
.latest-posts .single-post {
border-bottom: 1px solid #dadee1;
margin-bottom: 20px;
overflow: hidden;
padding-bottom: 20px;
}
.latest-posts .single-post:last-child {
border-bottom: 0 none;
margin-bottom: 0;
padding-bottom: 0;
}
.latest-posts .post-details {
margin-top: 10px;
opacity: 0.6;
font-size: 12px;
}
.latest-posts .post-details,
.latest-posts .post-name {
padding: 0 15px;
}
.latest-posts .post-name a {
color: #000;
}
.rotate45 {
color: rgb(255, 255, 255);
height: auto;
margin-top: 15px;
padding: 7px 5px;
text-align: center;
width: auto;
}
.single-tweet {
border-bottom: 1px solid rgb(218, 222, 225);
margin-bottom: 20px;
overflow: hidden;
padding-bottom: 20px;
padding-top: 0;
}
.single-tweet:last-child {
border-bottom: 0 none;
}
.tweet-content {
color: rgba(0, 0, 0, 0.7);
padding-bottom: 5px;
}
.tweet-date {
opacity: 0.3;
}
/*---------------------------------------------*/
/*--- 13. 404 Not found page ---*/
/*---------------------------------------------*/
.error404 .page-content > img {
display: block;
margin: 0 auto;
}
.error404 .error-404 {
color: #9aa7af;
}
.error404 .blog-posts {
overflow: hidden;
}
/*---------------------------------------------*/
/*--- 14. Clients slider ---*/
/*---------------------------------------------*/
.col-md-9.main-content .clients-container img {
width: 85%;
}
.clients-container .item > img {
display: block;
margin: 0 auto;
width: 70%;
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 3.5+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}
.clients-container .item > img:hover {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
transition: all 100ms ease-in-out 0s;
-o-transition: all 100ms ease-in-out 0s;
-moz-transition: all 100ms ease-in-out 0s;
-webkit-transition: all 100ms ease-in-out 0s;
-ms-transition: all 100ms ease-in-out 0s;
}
/*REV SLIDER*/
.wpb_accordion_content .post-comment {
color: #9aa7af;
}
.navigation.posts-navigation {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
float: left;
width: 100%;
}
.edit-link .vc_inline-link::before {
color: #000000;
content: "/ ";
}
#primary .main-content ul.themeslr-slider li.single-slide.selected {
position: relative;
}
#primary .main-content ul.themeslr-slider li.single-slide:before{
display: none;
}
#primary .main-content ul.themeslr-slider li.single-slide {
position: absolute;
}
.page .themeslr-slider-wrapper .themeslr-slider li:before {
display: none;
}
.page .themeslr-item-info .desc {
opacity: 0.6;
}
.themeslr-slider-wrapper .themeslr-slider li {
margin: 0 !important;
}
.masonry_banner.masonry-brick {
width: 45%;
}
.masonry_banners img {
height: auto;
width: 100%;
}
.masonry_banners.banners_column {
overflow: hidden;
}
.banners_column > .col-md-6 {
padding: 0;
}
.masonry_banner {
margin: 2.5px;
margin-bottom: 5px;
}
.sale_banner .sale_banner_holder::before,
.sale_banner .sale_banner_holder::after {
position: absolute;
top: 20px;
right: 20px;
bottom: 20px;
left: 20px;
content: '';
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.sale_banner .sale_banner_holder::before {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: scale(0,1);
transform: scale(0,1);
}
.sale_banner .sale_banner_holder::after {
border-right: 1px solid #fff;
border-left: 1px solid #fff;
-webkit-transform: scale(1,0);
transform: scale(1,0);
}
.sale_banner:hover .sale_banner_holder:before,
.sale_banner:hover .sale_banner_holder:after{
opacity: 1;
transform: scale(1);
-webkit-transform: scale(1);
}
.sale_banner_holder {
border: 1px solid rgba(0, 0, 0, 0);
display: block;
height: 100%;
padding: 20px;
position: absolute;
transition: all 250ms ease-in-out;
-webkit-transition: all 250ms ease-in-out;
text-align: center;
top: 0;
width: 100%;
}
.sale_banner_holder{
border: 0 none;
}
.sale_banner_holder a {
border: 1px solid rgba(255, 255, 255, 0.8);
color: rgb(255, 255, 255);
padding: 10px 15px;
text-transform: uppercase;
}
.banner_holder {
position: absolute;
top: 65%;
width: 93%;
z-index: 1;
}
.categories .category {
display: inline-table;
margin-right: 30px;
}
.categories .category:last-child {
margin-right: 0;
}
.categories_shortcode {
display: block;
width: 90%;
margin: 0 auto;
}
.categories_shortcode .owl-controls {
height: 0;
margin: 0;
position: absolute;
text-align: left;
top: 30%;
width: 100%;
}
.categories_shortcode .owl-controls .owl-buttons {
height: 0;
}
.categories_shortcode h5 {
font-size: 16px;
margin: 5px 0 0;
text-align: center;
text-transform: uppercase;
}
.categories_shortcode .owl-controls .owl-buttons .owl-next {
position: absolute;
right: 0;
}
.categories_shortcode .owl-controls .owl-buttons i {
background-color: #94a1a9;
border-radius: 50%;
height: 25px;
padding: 7px;
width: 25px;
}
.categories_shortcode .owl-controls .owl-buttons div {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
margin: 0;
padding: 0;
}
.categories_shortcode a {
cursor: pointer;
}
.categories_shortcode .category{
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 3.5+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
width: 100%;
}
.categories_shortcode .category img {
display: block;
margin: 0 auto;
text-align: center;
opacity: 0.5;
}
.categories_shortcode .category.active,
.categories_shortcode .category:hover{
filter: none;
-webkit-filter: grayscale(0%);
}
.wpb_button.btn-filled:before,
.wpb_button.btn-filled:after{
display: none;
}
.wpb_button.btn-filled.btn-filled-gray:hover,
.wpb_button.btn-filled.btn-filled-gray{
background: #7f8c8d;
color: #fff !important;
}
.wpb_button.btn-filled {
padding: 15px 20px !important;
font-size: 17px !important;
}
.wpb_button.btn-filled:hover,
.wpb_button.btn-filled{
background: white;
}
.form-control,
.wpb_button,
.owl-theme .owl-controls .owl-buttons div,
#theme-main-head,
#contact_form .button[type="submit"],
#contact-us .form-control,
.search-field,
.btn-lg,
.btn-group-lg>.btn,
.btn,
pre,
.slider_navigation .btn,
.widget_popular_recent_tabs .nav-tabs li a,
.thumbnail,
.widget_toggles .panel-group .panel,
.panel,
.panel-heading{
border-radius: 0;
-o-border-radius: 0;
-ms-border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}
::i-block-chrome, .widget_search .search-field{
border-radius: 2px !important;
-webkit-border-radius: 2px !important;
}
iframe,
embed,
figure {
max-width: 100%;
}
pre {
background-color: #f9f9f9;
border: 1px solid #e6e6e6;
}
li:hover .hover-components .component a{
background: transparent !important;
}
.parallax-head h1 {
color: #ffffff;
font-size: 70px;
font-weight: bold;
}
.parallax-head h3, .parallax-head h1 {
color: #ffffff;
font-size: 70px;
font-weight: bold;
}
/* CUSTOM CSS for MEGA MENU PLUGIN */
.mega_dropdown li a::before,
.mega_dropdown li a::after {
content: "";
display: none;
}
.mega_dropdown .mega_dropdown{
padding-bottom: 15px !important;
}
/*IS MOBILE*/
.is-mobile .masonry_banner a::before,
.is-mobile .masonry_banner a::after,
.is-mobile .sale_banner .sale_banner_holder::before,
.is-mobile .sale_banner .sale_banner_holder::after{
display: none;
}
.article-header {
margin-bottom: 30px;
}
.header-title-breadcrumb .post-category-date {
margin-bottom: 15px;
font-weight: 300;
}
.header-title-breadcrumb-overlay {
background: #f9f9f9 none repeat scroll 0 0;
border-bottom: 1px solid #f4f4f4;
box-sizing: border-box;
display: flex;
height: 100%;
padding: 40px 0;
position: relative;
top: 0;
width: 100%;
}
.header-title-breadcrumb-overlay.no-featured-image li,
.header-title-breadcrumb-overlay.no-featured-image h1 {
color: #fff;
}
.header-title-breadcrumb-overlay.no-featured-image {
color: rgb(66, 46, 57);
padding: 50px;
position: relative;
}
.header-title-breadcrumb-overlay h1 span{
font-size: 30px;
}
.header-title-breadcrumb-overlay h1 {
align-self: center;
color: #333333;
font-size: 30px;
font-weight: 700;
line-height: 120%;
margin: 0 auto;
width: 100%;
}
.header-group .breadcrumb {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
margin: 0;
}
.header-group .breadcrumb li a, .header-group .breadcrumb li {
font-size: 14px;
color: #606060;
font-weight: 400;
}
td.product-name a,
.logged-in-as a{
font-weight: bold;
}
footer .widget_nav_menu li::before,
.sidebar-content .widget_nav_menu li::before,
.widget_pages li::before,
.widget_meta li::before,
.widget_archive li::before,
.widget_categories .cat-item::before,
.recentcomments::before, .widget_recent_entries li::before{
color: #aaaaaa;
}
td.product-name a,
.woocommerce a.added_to_cart,
.woocommerce-product-rating a,
.product_meta a,
span.amount,
.recentcomments a,
.logged-in-as a,
.comment_body .reply_button1 a,
.comment_body .author_name,
.churchwp-single-post-meta span,
.churchwp-single-post-meta a{
color: #606060;
}
.comment-form input,
.comment-form textarea {
border: 1px solid #ddd;
}
.comment-form input:focus,
.comment-form textarea:focus {
border: 1px solid #cecece;
}
/*---------------------------------------------*/
/*--- CSS FOR SAFARI ---*/
/*---------------------------------------------*/
::i-block-chrome, #contact-us .form-control{
margin-bottom: 15px;
}
::i-block-chrome, .tp-leftarrow.default,
::i-block-chrome, .tp-rightarrow.default {
top: 45% !important;
}
/* Add new rules for this interval below */
/*---------------------------------------------*/
/*--- 17. Carousel Post ---*/
/*---------------------------------------------*/
#sync2 .post_slider_author {
clear: both;
color: #838d8f;
display: block;
font-size: 14px;
}
#sync2 .post_slider_title {
clear: both;
color: #3c3d41;
display: block;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
}
#sync2 .item.single_post_slider {
border-right: 2px solid #65abd0;
cursor: pointer;
padding-left: 30px;
}
#sync2 {
padding-top: 20px;
}
#sync2 .owl-item:nth-child(4) .item.single_post_slider {
border-right: medium none;
}
#sync1 .item img {
min-width: 100%;
padding-bottom: 0;
}
.post-slider-holder {
background: rgba(36,38,35, 0.4) none repeat scroll 0 0;
height: 100%;
left: 0;
opacity: 1;
position: absolute;
text-align: center;
top: 0;
transition: all 400ms ease 0s;
-webkit-transition: all 400ms ease 0s;
width: 100%;
}
.post-slider-holder .post_slider_title {
clear: both;
color: white;
display: block;
font-size: 55px;
margin: 0 auto;
padding: 15px 0;
}
.post-slider-holder .post_slider_excerpt {
clear: both;
color: #cddfe0;
display: block;
font-size: 30px;
margin: 0 auto;
}
.post-slider-holder .post_slider_read_article {
margin: 0 auto;
padding: 30px 0;
}
.post-slider-holder .post_slider_read_article a {
background-color: #65abd0;
color: #ffffff;
font-size: 18px;
font-weight: bold;
padding: 20px 50px;
}
/* Carousel post navigation */
.full-width-posts-slider .owl-theme .owl-controls {
position: absolute;
top: 40%;
width: 100%;
}
.full-width-posts-slider .owl-theme .owl-controls .owl-buttons div {
background: transparent none repeat scroll 0 0;
border: 1px solid white;
border-radius: 40px;
font-size: 30px;
margin: 5px;
opacity: 0.5;
padding: 17px 23px;
}
.full-width-posts-slider .owl-controls.clickable .owl-prev {
left: 5%;
position: absolute;
}
.full-width-posts-slider .owl-controls.clickable .owl-next {
position: absolute;
right: 5%;
}
/*---------------------------------------------*/
/*--- 19. Banner ---*/
/*---------------------------------------------*/
.image_and_text_holder .text_holder {
background-color: rgba(0, 0, 0, 0.3);
color: white;
font-size: 28px;
padding: 15px;
text-align: center;
text-transform: uppercase;
width: 100%;
margin: 0;
}
.image_and_text_holder {
background-size: 100% auto;
}
/*---------------------------------------------*/
/*--- 21. Members ---*/
/*---------------------------------------------*/
.member-holder {
background: rgb(236, 240, 241) none repeat scroll 0 0;
overflow: hidden;
}
.member-holder .post-name {
margin: 15px 0;
}
.member-holder .post-details {
padding: 30px 15px 30px 30px;
}
article.single-post.member {
border-bottom: 0 none;
padding-bottom: 0;
}
.single-member-type {
background: rgb(233, 143, 255) none repeat scroll 0 0;
color: rgb(255, 255, 255);
padding: 2px 6px;
}
.member-holder .post-name a{
color: black;
}
.member-contact-urls > p {
margin: 0;
}
.member-holder .post-thumbnail {
padding-right: 0;
}
.member-contact-urls a {
color: rgb(0, 0, 0);
margin: 0 3px;
}
/*---------------------------------------------*/
/*--- 22. Our Services ---*/
/*---------------------------------------------*/
.single-service-template .services-activities .post-name {
margin-top: 0;
}
.single-service .single-post-article-header {
position: relative;
}
.single-service .thumbnail-holder {
position: relative;
}
.hover-service-content a {
letter-spacing: 2px;
padding: 10px 15px;
text-transform: uppercase;
}
.single-service .thumbnail-overlay {
background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
height: 100%;
left: 0;
opacity: 1;
position: absolute;
top: 0;
width: 100%;
}
.our-services .single-service {
margin-bottom: 30px;
}
.thumbnail-overlay > span {
color: rgb(255, 255, 255);
display: block;
left: 15px;
line-height: normal;
opacity: 1;
padding: 4px 8px;
position: absolute;
top: 15px;
visibility: visible;
}
.service-content.bottom-container {
background: rgb(236, 240, 241) none repeat scroll 0 0;
padding: 10px 25px;
}
.service-content.bottom-container > p {
margin: 0 0 10px;
}
.single-service .hover-service-content a {
border-color: rgb(255, 255, 255);
letter-spacing: 3px;
padding: 12px 30px;
margin-top: 9px;
text-transform: uppercase;
}
.single-service .hover-service-content a,
.single-service .hover-service-content a:hover{
background: transparent;
}
.hover-service-content {
background: rgba(101, 171, 207,.9) none repeat scroll 0 0;
color: rgb(255, 255, 255);
height: 100%;
padding: 15px;
position: absolute;
top: 0;
width: calc(100% - 30px);
text-align: center;
opacity: 0;
visibility: hidden;
transition: all 250ms ease-in-out;
-webkit-transition: all 250ms ease-in-out;
}
.hover-service-content *{
color: white;
text-align: center;
}
.single-service:hover .hover-service-content{
opacity: 1;
visibility: visible;
}
.hover-service-content .post_title {
font-size: 21px;
font-weight: bold;
margin: 15px 0;
}
.hover-service-content .post_content {
opacity: 0.7;
}
body .minimal-dark .esg-navigationbutton:hover,
body .minimal-dark .esg-filterbutton:hover,
body .minimal-dark .esg-sortbutton:hover,
body .minimal-dark .esg-sortbutton-order:hover,
body .minimal-dark .esg-filterbutton.selected {
background: rgba(224, 224, 224, 0.5) none repeat scroll 0 0;
border-color: rgba(255, 255, 255, 0.2);
box-shadow: none;
}
body .minimal-dark .esg-filterbutton,
body .minimal-dark .esg-navigationbutton,
body .minimal-dark .esg-sortbutton {
background: rgba(224, 224, 224, 1) none repeat scroll 0 0;
border: 1px solid rgba(178, 178, 178, 0.1);
color: rgba(0, 0, 0,.6);
font-size: 14px;
font-weight: normal;
}
/*---------------------------------------------*/
/*--- 24. Sidebar menu ---*/
/*---------------------------------------------*/
.st-container .sidebar_menu {
background-color: #f7f7f7;
z-index: 2001;
}
.sidebar_menu .logo {
margin-bottom: 50px;
margin-top: 30px;
text-align: center;
}
.st-menu.sidebar_menu .widget_nav_menu li {
width: 100%;
}
.st-menu.sidebar_menu li a {
color: rgb(0, 0, 0);
transition: all 250ms ease-in-out;
-webkit-transition: all 250ms ease-in-out;
text-align: left;
}
.st-menu.sidebar_menu .share-social-links li a {
padding: 5px;
color: white;
height: auto;
font-size: 16px;
text-align: center;
}
.st-menu.sidebar_menu .share-social-links li {
margin-right: 5px;
margin-bottom: 5px;
}
.st-menu.sidebar_menu .widget-title {
color: black;
}
/**
* Toggle Switch Globals
*
* All switches should take on the class `c-hamburger` as well as their
* variant that will give them unique properties. This class is an overview
* class that acts as a reset for all versions of the icon.
*/
.c-hamburger {
display: block;
position: relative;
overflow: hidden;
margin: 0;
padding: 0;
width: 52px;
height: 48px;
font-size: 0;
text-indent: -9999px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
box-shadow: none;
border-radius: none;
border: none;
cursor: pointer;
-webkit-transition: background 0.3s;
transition: background 0.3s;
}
.c-hamburger:focus {
outline: none;
}
.c-hamburger span {
background: white;
display: block;
height: 3px;
left: 10px;
position: absolute;
right: 10px;
top: 24px;
}
.c-hamburger span::before,
.c-hamburger span::after {
position: absolute;
display: block;
left: 0;
width: 100%;
height: 3px;
background-color: white;
content: "";
}
.c-hamburger span::before {
top: -10px;
}
.c-hamburger span::after {
bottom: -10px;
}
/**
* Style 2
*
* Hamburger to "x" (htx). Takes on a hamburger shape, bars slide
* down to center and transform into an "x".
*/
.c-hamburger--htx {
background-color: rgba(0, 0, 0, 0);
margin: 15px 0;
}
.c-hamburger--htx span {
-webkit-transition: background 0s 0.3s;
transition: background 0s 0.3s;
}
.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
-webkit-transition-duration: 0.3s, 0.3s;
transition-duration: 0.3s, 0.3s;
-webkit-transition-delay: 0.3s, 0s;
transition-delay: 0.3s, 0s;
}
.c-hamburger--htx span::before {
-webkit-transition-property: top, -webkit-transform;
transition-property: top, transform;
}
.c-hamburger--htx span::after {
-webkit-transition-property: bottom, -webkit-transform;
transition-property: bottom, transform;
}
.c-hamburger--htx.is-active span {
background: none;
}
.c-hamburger--htx.is-active span::before {
top: 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.c-hamburger--htx.is-active span::after {
bottom: 0;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
-webkit-transition-delay: 0s, 0.3s;
transition-delay: 0s, 0.3s;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.comment-form textarea {
height: 134px;
}
}
/*BLUR*/
/* General styles for the modal */
.themeslr-modal.themeslr-show *{
opacity:1;
visibility: visible;
}
.themeslr-modal *{
opacity: 0;
visibility: hidden;
}
.themeslr-modal {
position: fixed;
top: 50%;
left: 50%;
width: 50%;
max-width: 630px;
min-width: 320px;
height: auto;
z-index: 2000;
visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.themeslr-show {
visibility: visible;
}
.themeslr-overlay {
position: fixed;
width: 100%;
height: 100%;
visibility: hidden;
top: 0;
left: 0;
z-index: 1000;
opacity: 0;
background: rgba(0, 0, 0, 0.80);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.themeslr-show ~ .themeslr-overlay {
opacity: 1;
visibility: visible;
}
/* Content styles */
.themeslr-content {
color: #3F3F3F;
background: #FFFFFF;
position: relative;
margin: 0 auto;
}
.themeslr-content h3 {
margin: 0;
padding: 25px;
font-size: 24px;
font-weight: 300;
background: #48A8A7;
color: white;
border-radius: 3px 3px 0 0;
-webkit-border-radius: 3px 3px 0 0;
}
.themeslr-content > div {
padding: 15px 40px 30px;
margin: 0;
font-weight: 300;
font-size: 1.15em;
}
.themeslr-content > div p {
margin: 0;
padding: 10px 0;
}
.themeslr-content button {
display: block;
margin: 0 auto;
font-size: 0.8em;
}
.themeslr-content .themeslr-close {
cursor: pointer;
padding: 25px;
right: 0;
opacity: 0.8;
top: 0;
}
.themeslr-content .themeslr-close:hover {
opacity: 1;
}
/* Modal: BLUR */
.themeslr-show.themeslr-effect-16 ~ .themeslr-overlay {
background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
}
.themeslr-show.themeslr-effect-16 ~ #page {
-webkit-filter: blur(4px);
-moz-filter: blur(4px);
filter: blur(4px);
}
.themeslr-effect-16 .themeslr-content {
-webkit-transform: translateY(-5%);
-moz-transform: translateY(-5%);
-ms-transform: translateY(-5%);
transform: translateY(-5%);
opacity: 0;
}
.themeslr-show.themeslr-effect-16 ~ #page,
.themeslr-effect-16 .themeslr-content {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.themeslr-show.themeslr-effect-16 .themeslr-content {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
form#login{
width: 100%;
}
form#login p.status{
display: none;
}
.login_overlay{
height: 100%;
width: 100%;
background-color: #F6F6F6;
opacity: 0.9;
position: fixed;
z-index: 998;
}
form#login a.lost {
font-size: 15px;
margin-bottom: 7px;
display: block;
}
form#login label {
margin-bottom: 0;
margin-top: 8px;
}
form#login .register_button:hover,
form#login .submit_button:hover{
background: #feaf23;
}
form#login .register_button,
form#login .submit_button {
border: 0 none;
border-radius: 5px;
-webkit-border-radius: 5px;
color: white;
font-weight: 300;
padding: 8px 15px;
background: #FFBA41;
}
#login input[type="password"],
#login input[type="text"] {
border: 1px solid rgb(229, 236, 239);
padding: 8px;
}
/*Button default classes*/
.btn.btn-primary {
background-color: #3498db;
color: #ffffff;
}
.btn.btn-success {
background-color: #2ecc71;
color: #ffffff;
}
.btn.btn-info {
background-color: #03C2FF;
color: #ffffff;
}
.btn.btn-warning {
background-color: #FFBA41;
color: #ffffff;
}
.btn.btn-danger {
background-color: #e74c3c;
color: #ffffff;
}
/*Hover Effects
/* ------- Blog Posts Efects -------*/
.page-template-template-blog .blog-posts .post-details .post-name {
margin-top: 0;
}
.shortcode_post_content:hover::after {
left: 0;
}
.shortcode_post_content .text_content .post-more-download .post_link {
float: right;
}
.shortcode_post_content .text_content .post-more-download .share_link {
float: right;
}
/*Portfolio - title styles*/
/* General link styles */
.link {
outline: none;
text-decoration: none;
position: relative;
font-size: 60px;
color: #fff;
display: inline-block;
}
/* Kukuri */
.link--kukuri {
text-transform: uppercase;
font-weight: 900;
overflow: hidden;
line-height: 0.75;
color: #fff;
}
.get-portfolio-details:hover .link--kukuri{
color: #fff;
}
/*.link--kukuri:hover {
color: #c5c2b8;
}
*/
.link--kukuri::after {
content: '';
position: absolute;
height: 16px;
width: 100%;
top: 50%;
margin-top: -8px;
right: 0;
background: #F9F9F9;
-webkit-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0);
-webkit-transition: -webkit-transform 0.4s;
transition: transform 0.4s;
-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.get-portfolio-details:hover .link--kukuri::after{
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);
}
/*.link--kukuri:hover::after {
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);
}*/
.link--kukuri::before {
content: attr(data-letters);
position: absolute;
z-index: 2;
overflow: hidden;
color: #fff;
white-space: nowrap;
width: 0%;
-webkit-transition: width 0.4s 0.3s;
transition: width 0.4s 0.3s;
}
/*.link--kukuri:hover::before {
width: 100%;
}*/
.get-portfolio-details:hover .link--kukuri::before{
width: 100%;
}
/*SINGLE PORTFOLIO*/
.love-it i {
transition: all 250ms ease-in-out 0s;
-o-transition: all 250ms ease-in-out 0s;
-moz-transition: all 250ms ease-in-out 0s;
-webkit-transition: all 250ms ease-in-out 0s;
-ms-transition: all 250ms ease-in-out 0s;
}
.loved i {
color: #6EACB7;
}
.portfolio-bottom-icons {
margin-top: 50px;
}
.portfolio-bottom-icons a h4 {
font-weight: 400;
}
.portfolio-bottom-icons i {
color: #000000;
font-size: 40px;
}
.portfolio-bottom-icons a:hover, .portfolio-bottom-icons a:hover i {
color: #6EACB7;
}
.portfolio-bottom-icons a i{
color: #000000;
transition: all 250ms ease-in-out 0s;
-o-transition: all 250ms ease-in-out 0s;
-moz-transition: all 250ms ease-in-out 0s;
-webkit-transition: all 250ms ease-in-out 0s;
-ms-transition: all 250ms ease-in-out 0s;
}
.portfolio-bottom-icons a {
display: inline-table;
line-height: normal;
color: #000000;
margin: 0 30px;
transition: all 250ms ease-in-out 0s;
-o-transition: all 250ms ease-in-out 0s;
-moz-transition: all 250ms ease-in-out 0s;
-webkit-transition: all 250ms ease-in-out 0s;
-ms-transition: all 250ms ease-in-out 0s;
}
.portfolio-bottom-icons {
float: left;
width: 100%;
margin: 50px 0 40px;
}
.portfolio-bottom-description p {
margin-bottom: 0;
}
.love-it-wrapper {
display: inline-table;
}
.single-portfolio .love-count {
display: block;
font-weight: 400px;
margin-top: 7px;
}
.portfolio-bottom-description label,
.portfolio-bottom-description i {
color: #6EACB7;
font-weight: 400;
margin-right: 5px;
}
.portfolio-bottom-description a[rel="tag"] {
color: #000000;
font-weight: 300;
}
.portfolio-bottom-icons .loved i{
color: #6EACB7;
}
img.portfolio-single-pic {
margin-bottom: 20px;
}
img.portfolio-single-pic:last-child {
margin-bottom: 0;
}
.single-portfolio .article-content {
margin-bottom: 0;
padding-bottom: 0;
}
.job_expire_in {
color: #ffffff;
}
/*JOBS*/
button[data-toggle="modal"] {
padding-right: 25px !important;
background: #6EACB7 !important;
transition: all 250ms ease-in-out;
-webkit-transition: all 250ms ease-in-out;
}
button[data-toggle="modal"]:hover {
background: #00a0db !important;
}
.job_descriptions > span {
margin-right: 15px;
}
#apply_now input[type="text"], #apply_now input[type="email"], #apply_now input[type="file"], #apply_now textarea {
border-radius: 3px;
padding: 12px;
width: 100%;
}
.modal-header {
background: #6EACB7 none repeat scroll 0 0;
color: #ffffff;
padding: 30px;
}
#apply_now .modal-header {
padding: 30px;
}
#apply_now .modal-body {
padding-bottom: 0px;
padding-left: 30px;
padding-top: 30px;
padding-right: 30px;
}
#apply_now button.close {
font-size: 30px;
margin-top: 0;
opacity: 0.8;
transition: all 250ms ease-in-out 0s;
-webkit-transition: all 250ms ease-in-out;
}
#apply_now button.close:hover {
opacity: 1;
}
#apply_now .modal-content {
overflow: hidden;
}
#apply_now .wpcf7-submit {
border-radius: 3px;
margin-top: 15px;
padding: 15px;
width: 100%;
}
.list-view .no-featured-image .post-date {
display: none;
}
#apply_now .close > span {
color: #ffffff;
}
#navbar > p:nth-child(2) {
display: none;
}
.job-type a {
background: #e98b39 none repeat scroll 0 0;
border-radius: 3px;
color: #ffffff;
display: inline-table;
font-size: 16px;
font-weight: 300;
padding: 8px 16px;
transition: all 250ms ease-in-out;
-webkit-transition: all 250ms ease-in-out;
}
.job-type a:hover {
color: #ffffff;
background: #d35400 none repeat scroll 0 0;
}
/*DESIGN FALLBACK*/
.navbar-default {
background-color: #fff;
}
.no-menu {
color: #ffffff;
display: inline-table;
margin: 15px 0;
}
.tp-static-layers{
opacity: 0 !important;
}
.vc_tta-accordion.vc_tta.vc_general .vc_tta-panel {
margin-bottom: 30px;
}
.navbar-default {
background-color: #6f9a37;
}
/*25. TRIBE EVENTS*/
body #tribe-events-pg-template {
max-width: none;
}
.tribe-events-calendar th {
color: #fff;
padding: 20px !important;
}
.tribe-events-calendar td div[id*=tribe-events-daynum-] {
padding: 20px;
}
#tribe-events-content .tribe-events-calendar td,
#tribe-events-content table.tribe-events-calendar {
border: 1px solid #e8e8e8;
}
.tribe-events-calendar div[id*=tribe-events-daynum-],
.tribe-events-calendar div[id*=tribe-events-daynum-] a {
font-size: 14px;
}
#tribe-bar-form #tribe-bar-views+.tribe-bar-filters {
color: white;
padding: 20px;
}
#tribe-bar-form input[type=text] {
padding-left: 0;
}
.tribe-bar-views-inner {
background: transparent;
}
.tribe-events-list-separator-month {
padding: 30px;
color: #fff;
}
.tribe-events-list-separator-month span{
color: #454545;
}
nav.tribe-events-nav-pagination {
background: transparent;
}
/*26. WooCommerce*/
.woocommerce div.product form.cart .variations select{
padding: 10px 15px;
}
.woocommerce div.product form.cart .variations td.label {
line-height: 33px;
}
.woocommerce .woocommerce-notice.woocommerce-notice--info:before {
background: transparent !important;
}
#order_review_heading,
.woocommerce .woocommerce-privacy-policy-text a,
.woocommerce a.showcoupon{
font-weight: bold;
color: #454545;
}
#customer_details h3{
font-weight: bold;
}
.woocommerce div.product .product_title{
font-weight: bold;
}
.woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled]{
color: #fff !important;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
font-size: 22px;
font-weight: bold;
color: #454545;
padding-left: 10px;
padding-right: 10px;
}
.single .woocommerce-product-gallery__image:first-child {
margin-bottom: 15px;
}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
margin: 0;
}
.woocommerce ul.products li.product a img {
border-bottom: 1px solid #e0e0e0;
}
.woocommerce ul.products li.product a.added_to_cart.wc-forward {
margin-left: 10px;
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
padding: 15px 20px;
font-weight: bold;
color: #151515;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message{
background: #f9f9f9 none repeat scroll 0 0;
}
.woocommerce div.product form.cart .variations label {
color: #333333;
font-size: 16px;
margin: 8px 0;
}
.woocommerce .churchwp_preloader_holder .blockUI.blockOverlay::before,
.woocommerce .churchwp_preloader_holder .loader::before{
display: none;
}
.woocommerce table.shop_table th{
font-size: 16px;
}
#add_payment_method table.cart td.actions .coupon .input-text,
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-checkout table.cart td.actions .coupon .input-text {
padding: 12px;
width: auto;
}
.woocommerce form.checkout_coupon .form-row{
width: 100%;
}
.woocommerce .cart .button, .woocommerce .cart input.button {
padding: 13px 20px;
}
.woocommerce table.shop_table td,
.woocommerce table.shop_table th {
padding: 16px !important;
}
.woocommerce span.onsale{
top: 0;
left: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before{
display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
background: #f9f9f9 none repeat scroll 0 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
padding: 10px 30px;
border: 1px solid #eaeaea;
border-radius: 0;
}
#tab-description > p:last-child {
margin-bottom: 0;
}
.wc-tab h2 {
margin-top: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs{
padding-left: 5px;
margin: 0;
}
.woocommerce div.product .woocommerce-tabs .panel {
background: #F9F9F9;
padding: 30px;
border: 1px solid #eaeaea;
}
.woocommerce span.onsale,
.woocommerce ul.products li.product .onsale {
margin: 0;
border-radius: 0;
-webkit-border-radius: 0;
padding: 0 15px;
text-transform: uppercase;
}
.woocommerce nav.woocommerce-pagination {
background: transparent;
margin-top: 30px;
}
li.woocommerce-MyAccount-navigation-link {
width: 100%;
border-bottom: 1px solid #e5e5e5;
}
li.woocommerce-MyAccount-navigation-link:last-child {
border-bottom: 0 none;
}
li.woocommerce-MyAccount-navigation-link a {
padding: 15px;
display: block;
}
li.woocommerce-MyAccount-navigation-link.is-active,
li.woocommerce-MyAccount-navigation-link a:hover {
background: #e5e5e5;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
background: #F9F9F9;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
padding: 10px 15px;
border: 1px solid #eaeaea;
}
.woocommerce .quantity .qty {
padding: 11px;
border: 1px solid #eaeaea;
}
.woocommerce div.product form.cart .button.disabled {
padding: 13px 20px;
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce div.product form.cart .button,
.woocommerce button.button,
.woocommerce input.button {
color: #fff;
transition: all .3s 0s;
-o-transition: all .3s 0s;
-moz-transition: all .3s 0s;
-webkit-transition: all .3s 0s;
-ms-transition: all .3s 0s;
border-radius: 0;
-webkit-border-radius: 0;
}
.woocommerce #respond input#submit:hover,
.woocommerce div.product form.cart .button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
color: #fff;
}
.single .product_meta > span > span, .single .product_meta > span > a {
font-weight: bold;
}
.single .product_meta > span {
display: block;
margin: 3px 0;
}
.woocommerce .woocommerce-ordering select {
vertical-align: top;
padding: 10px 15px;
color: #606060;
}
.woocommerce .woocommerce-result-count {
margin: 10px 0;
}
.woocommerce .products ul, .woocommerce ul.products {
margin: 0 -15px;
}
.woocommerce ul.products.columns-1 li.product,
.woocommerce-page ul.products.columns-1 li.product {
width: 100%;
}
.woocommerce ul.products.columns-2 li.product,
.woocommerce-page ul.products.columns-2 li.product {
width: 50%;
}
.woocommerce ul.products.columns-3 li.product,
.woocommerce-page ul.products.columns-3 li.product {
width: 33.33333%;
}
.woocommerce ul.products.columns-4 li.product,
.woocommerce-page ul.products.columns-4 li.product {
width: 25%;
}
.woocommerce ul.products.columns-5 li.product,
.woocommerce-page ul.products.columns-5 li.product {
width: 20%;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
margin: 0;
padding: 0 15px;
margin-bottom: 30px;
}
.woocommerce ul.products li.product .woocommerce-product-inner,
.woocommerce-page ul.products li.product .woocommerce-product-inner{
text-align: center;
background: #F9F9F9;
transition: all .3s 0s;
-o-transition: all .3s 0s;
-moz-transition: all .3s 0s;
-webkit-transition: all .3s 0s;
-ms-transition: all .3s 0s;
position: relative;
border: 1px solid #eaeaea;
}
.woocommerce .products .star-rating {
margin: 0 auto;
}
.woocommerce ul.products li.product h3 {
color: #333333;
font-weight: bold;
font-size: 16px;
}
.woocommerce ul.products li.product .price del {
display: inline;
}
.woocommerce .star-rating span:before {
color: #FDC806;
}
.woocommerce ul.products li.product .button {
margin-top: 0;
margin-bottom: 30px;
padding: 12px 25px;
text-transform: uppercase;
}
.woocommerce ul.products li.product .price {
margin-top: 6px;
font-size: 17px;
}
.woocommerce .price del{
text-decoration-color: #606060;
}
.woocommerce .price ins{
text-decoration: none;
}
/*27. Donations*/
.give-input {
padding: 10px 15px;
border: 1px solid #d3ced2;
}
.give-btn {
border: 0 none;
color: #fff;
padding: 15px 20px;
}
.give_forms .summary.entry-summary {
background: #F9F9F9;
padding: 30px;
border: 1px solid #e5e5e5;
}
form.give-form, form[id*=give-form]{
margin: 0;
}
table#give_donation_receipt th {
padding: 20px !important;
color: white;
text-shadow: none;
}
table.give-table tbody tr td {
padding: 10px 15px !important;
}
/*SERMONS*/
.portfolio-bottom-description {
margin-top: 60px;
}
.related_blog_custom a.relative {
overflow: hidden;
}
.sermon-pdf {
background: rgb(101, 105, 132) none repeat scroll 0 0;
color: rgb(255, 255, 255);
display: block;
font-size: 19px;
padding: 30px;
text-align: center;
}
.sermon-pdf i {
color: #ffffff;
position: relative;
top: 2px;
}
.sermon-pdf:hover {
background: #54576d none repeat scroll 0 0;
color: #ffffff;
}
/*MAILCHIMP*/
.mpc-mailchimp input,
.mpc-mailchimp select {
transition: all .3s 0s;
-o-transition: all .3s 0s;
-moz-transition: all .3s 0s;
-webkit-transition: all .3s 0s;
-ms-transition: all .3s 0s;
padding: 15px 20px;
width: 100%;
border: 1px solid rgb(255, 255, 255);
}
.mpc-mailchimp.mpc-submit--small input[type="submit"]:hover {
background: #4f5268;
}
.mpc-mailchimp.mpc-submit--small input[type="submit"] {
background: rgb(101, 105, 132) none repeat scroll 0 0;
border: 0 none;
color: rgb(255, 255, 255);
padding: 16px 20px;
width: 100% !important;
transition: all .3s 0s;
-o-transition: all .3s 0s;
-moz-transition: all .3s 0s;
-webkit-transition: all .3s 0s;
-ms-transition: all .3s 0s;
}
/*BOXED LAYOUT CSS*/
.layout_boxed #page {
background: #fff;
margin: 0 auto;
width: 1170px;
overflow: hidden;
}
body.layout_boxed {
background-image: url('../images/boxed_pattern.png');
}
/*BACKUP STYLE*/