/* LICENSE & DETAILS
==================================================
Theme Name: Native Church
Theme URI: http://preview.imithemes.com/native-church-wp/
Author: imithemes
Author URI: www.imithemes.com
Description: Responsive Wordpress Theme for Churches, Designed & Developed by imithemes - www.imithemes.com. Follow us for update notifications:
Twitter
| Facebook
Version: 2.6.4
License: ThemeForest Split Licence for Wordpress Themes
http://themeforest.net/legal/licences
/* CSS definations for Native Church */
/*-------------------------------------------------------------------------------------------*/
/* 0. RESET */
/*-------------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
table {
border-spacing: 0;
border-collapse: collapse;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
outline:none;
}
iframe{
border:0;
}
/* ==================================================
Basic Styles
================================================== */
html, body {
height: 100%;
}
html, hmtl a{
width:100%;
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
a{
color:#5e5e5e;
text-decoration: underline;
cursor: pointer;
-webkit-transition: color 0.1s linear 0s;
-moz-transition: color 0.1s linear 0s;
-o-transition: color 0.1s linear 0s;
transition: color 0.1s linear 0s;
}
a:hover{
text-decoration:none;
}
a:hover,
a:active,
a:focus{
outline: 0;
color:#666666;
}
a img {
border: none;
}
a > img {
vertical-align: middle;
}
.gray-bg{
background:#bababa;
}
.gray-text{
color:#bababa;
}
.lgray-bg{
background:#f8f8f8;
}
.dgray-bg{
background:#333333;
}
img {
max-width: 100%;
}
img, object, embed, audio, video {
max-width: 100%;
}
img {
height: auto;
}
strong, .strong {
font-weight: 700;
}
p {
margin: 0 0 20px;
}
i, em, .italic{
font-style:italic;
}
.uppercase{
text-transform:uppercase;
}
.align-left{
float:left;
margin:0 25px 0 0px!important;
}
.align-right{
float:right;
margin:0 0 0 25px!important;
}
.text-align-left {
text-align: left;
}
.text-align-center {
text-align: center;
}
.text-align-right {
text-align: right;
}
.color-text {
color: #ffffff;
}
.through{
text-decoration:line-through;
}
.border-radius{
-webkit-border-radius:100%;
-moz-border-radius:100%;
border-radius:100%;
}
/* ==================================================
Typography
================================================== */
h1,
h2,
h3,
h4,
h5,
h6{
margin:0 0 15px 0;
color:#333333;
font-weight:400;
line-height:1.5em;
font-family: 'Roboto', sans-serif;
}
h1{
font-size:36px;
}
h2{
font-size:30px;
}
h3{
font-size:24px;
}
h4{
font-size:16px;
text-transform:uppercase;
font-weight:700;
letter-spacing:2px;
font-family: 'Roboto Condensed', sans-serif;
}
h5{
font-size:16px;
font-weight:700;
}
h6{
font-size:12px;
}
h1.short, h2.short, h3.short, h4.short, h5.short, h6.short, p.short{
margin-bottom:5px;
}
h1.spaced, h2.spaced, h3.spaced, h4.spaced, h5.spaced, h6.spaced {
margin-top: 22px;
}
h1 a, h2 a, h3 a, h5 a, h6 a{
color:#5e5e5e;
text-decoration:none;
}
.huge{
font-size:10em;
}
blockquote{
margin:30px 0;
padding:0 0 0 30px;
border-left:3px solid;
}
blockquote p{
margin-bottom:0;
white-space:normal;
font-style:italic;
font-size:20px;
font-family: 'Volkhov', serif;
}
blockquote cite{
color:#ffffff;
}
blockquote cite:before{
content:"- ";
}
p{
font-size:14px;
line-height:20px;
margin:0 0 15px 0;
}
p.md{
font-size:16px;
line-height:22px;
}
p.lg{
font-size:30px;
line-height:1.2em;
}
.big{
font-size:200%;
line-height:1.5em;
}
.thin{
font-weight:300;
}
p.drop-caps:first-child:first-letter {
float: left;
margin-top: 5px;
margin-right: 5px;
padding: 4px;
font-size: 75px;
font-family:Georgia, serif;
line-height: 60px;
}
p.drop-caps.secondary:first-child:first-letter {
margin-right: 10px;
padding: 6px 12px;
border-radius: 4px;
color: rgb(255, 255, 255);
}
hr{
display:block;
clear:both;
margin-top:20px;
margin-bottom:20px;
width:100%;
height:1px;
border:0;
background:#cccccc;
}
hr.fw{
display:block;
clear:both;
margin-top:0;
margin-bottom:50px;
width:100%;
height:1px;
border:0;
background:#eaeaea;
}
hr.sm{
display:inline-block;
margin:15px 0;
width:40px;
height:2px;
border:0;
background:#eaeaea;
}
ul.checks, ul.angles, ul.carets, ul.chevrons{
margin-bottom:15px;
}
ul.checks > li, ul.angles > li, ul.carets > li, ul.chevrons > li{
margin:10px 0;
}
ul.checks > li > i, ul.angles > li > i, ul.carets > li > i, ul.chevrons > li > i{
margin-right:2px;
}
ul.inline{
margin:10px 0;
}
ul.inline > li{
display:inline-block;
margin-right:10px;
}
ul.inline > li i.fa{
margin-right:2px;
}
ul.nav-list-primary > li a{
display:block;
padding:8px;
border-bottom:1px solid #eceae4;
color:#666666;
text-decoration:none;
}
ul.nav-list-primary > li a:hover{
text-decoration:none;
}
ul.unordered{
margin:10px 0 10px 20px;
list-style-type:disc;
}
ol{
margin:10px 0 10px 30px;
list-style-type: decimal;
}
ul.unordered ul, ol ul{
margin:10px 0 10px 20px;
}
ul.unordered ul{
list-style-type:circle;
}
dl{
margin:10px 0;
}
dl dt{
font-weight:700;
}
address.ico i{
display:inline-block;
float: left;
clear:both;
padding-top: 3px;
}
address.ico p{
margin:0;
padding-bottom:10px;
}
address.ico span{
display:inline-block;
padding-left:20px;
}
.cursive{
font-family: 'Volkhov', serif;
font-style:italic;
text-transform:none;
font-weight:400;
letter-spacing:0;
}
.title-note{
color:#ffffff;
font-size:11px;
font-weight:700;
display:inline-block;
padding:0 5px;
line-height:20px;
text-transform:uppercase;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
font-family: 'Roboto Condensed', sans-serif;
}
label {
display: inline-block;
margin-bottom: 5px;
font-weight: bold;
}
.form-control{
margin-bottom:20px;
}
/*Event Registration*/
#ticketModal .modal-dialog{
width:660px;
}
.ticket-booking{
position:relative;
z-index:999;
}
.event-ticket{
background-color:#fff!important;
border-radius:10px;
min-height:250px;
}
#ticketModal .modal-body{
background-color:#7a7e84!important;
}
.event-ticket-left{
width:13%;
float:left;
min-height:250px;
border-right:3px dashed #eee;
position:relative;
z-index:900;
}
.event-ticket-left .ticket-handle{
height:150px;
border:5px solid transparent;
width:35px;
border-radius:40px;
margin:50px 0 0 32px;
background-color:#7a7e84!important;
box-shadow:inset 0 0 5px rgba(0,0,0,.3);
float:left;
}
.event-ticket-left .ticket-cuts{
position:absolute;
width:30px;
height:30px;
background-color:#7a7e84!important;
top:-15px;
right:-15px;
border-radius:100%;
}
.event-ticket-left .ticket-cuts-top{
}
.event-ticket-left .ticket-cuts-bottom{
bottom:-15px;
top:auto;
}
.event-ticket-right{
float:left;
width:86%;
}
.event-ticket-right-inner{
padding:30px;
}
.event-ticket-info{
border-top:2px solid #333;
border-bottom:2px solid #333;
}
.event-ticket-info p{
text-transform:uppercase;
font-size:14px;
color:#999;
text-align:center;
margin-bottom:0;
padding:5px;
}
.event-ticket-info p strong{
color:#222;
}
.event-ticket-info .col{
float:left;
width:33.33%;
}
.event-ticket .ticket-cost{
min-width:100px;
height:40px;
padding:0 20px;
text-align:center;
color:#fff;
display:inline-block;
line-height:40px;
font-size:30px;
float:right;
margin-top:30px;
}
.event-area{
text-align:center;
display:block;
color:#999;
padding:10px 0;
}
.event-ticket-info .btn{
border-radius:0;
-webkit-border-radius:0;
height:36px;
}
.event-ticket .event-location{
border-right:2px solid #333;
border-left:2px solid #333;
font-family: 'Roboto', sans-serif;
}
.registerant-info{
display:block;
margin-bottom:20px;
}
.ticket-id{
-webkit-transform:rotate(-90deg);
-moz-transform:rotate(-90deg);
transform:rotate(-90deg);
position:absolute;
right:-112px;
top:50%;
margin-top:-100px;
height:200px;
z-index:11;
color:#999;
}
#login-uder-form .checkbox input[type="checkbox"]{
position:relative;
margin-left:0;
margin-top:2px;
margin-right:10px;
float:left;
}
@media print {
a[href]:after{content:''}
}
/* ==================================================
Margin Bottom Sets
================================================== */
.margin-0{
margin-bottom:0 !important;
}
.margin-10{
margin-bottom:10px !important;
}
.margin-15{
margin-bottom:15px !important;
}
.margin-20{
margin-bottom:20px !important;
}
.margin-30{
margin-bottom:30px !important;
}
.margin-40{
margin-bottom:40px !important;
}
.margin-50{
margin-bottom:50px !important;
}
.margin-60{
margin-bottom:60px !important;
}
.margin-70{
margin-bottom:70px !important;
}
.margin-80{
margin-bottom:80px !important;
}
.push-top{
margin-top:35px;
}
/* ==================================================
Padding Sets
================================================== */
.padding-b0{
padding-bottom:0!important;
}
.padding-tb20{
padding-top:20px;
padding-bottom:20px;
}
.padding-tb45{
padding-top:45px;
padding-bottom:45px;
}
.padding-tb75{
padding-top:75px;
padding-bottom:75px;
}
.padding-tb100{
padding-top:100px;
padding-bottom:100px;
}
.padding-tb125{
padding-top:125px;
padding-bottom:125px;
}
/* ==================================================
Spacers
================================================== */
.spacer-10{
height:10px;
clear:both;
width:100%;
}
.spacer-20{
height:20px;
clear:both;
width:100%;
}
.spacer-30{
height:30px;
clear:both;
width:100%;
}
.spacer-40{
height:40px;
clear:both;
width:100%;
}
.spacer-50{
height:50px;
clear:both;
width:100%;
}
.spacer-75{
height:75px;
clear:both;
width:100%;
}
.spacer-100{
height:100px;
clear:both;
width:100%;
}
/* ----------------------------------------------------------------------------------------- */
/* Multi purpose classes */
/* ----------------------------------------------------------------------------------------- */
.overlay-transparent{
background:rgba(0,0,0,.6);
}
.btn{
border-width:0;
text-decoration:none;
font-family: 'Roboto Condensed', sans-serif;
-webkit-transition:all 0.3s ease 0.2s;
-moz-transition:all 0.3s ease 0.2s;
-ms-transition:all 0.3s ease 0.2s;
-o-transition:all 0.3s ease 0.2s;
transition:all 0.3s ease 0.1s;
}
.btn-default{
border-width:1px;
}
.checkers-overlay{
background:url(images/checkers.png) repeat;
}
.pattern-overlay{
background:url(images/pattern.png) repeat;
}
.img-thumbnail{
background:#f8f7f3;
padding:5px;
}
.social-icons a{
margin:0 8px;
text-decoration:none;
}
.next-prev-nav{
display:inline-block;
}
.next-prev-nav a{
display:inline-block;
width:20px;
height:20px;
color:#fff;
text-align:center;
line-height:20px;
text-decoration:none;
}
.next-prev-nav a:hover{
color:#fff;
}
.meta-data{
display:block;
margin-bottom:10px;
font-size:12px;
line-height:20px;
font-style:italic;
font-family: 'Volkhov', serif;
color:#999999;
}
.meta-data a{
color:#666666;
}
.meta-data a i{
color:#999999;
}
.meta-data a:hover{
text-decoration:none;
}
.meta-data > span{
margin-right:20px;
display:inline-block;
}
.meta-data i{
margin-right:4px;
}
.meta-data > span:last-child{
margin-right:0;
}
.isotope, .isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: -o-transform, opacity;
transition-property: transform, opacity;
}
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}
.media-box{
position:relative;
display:block;
max-width:100%;
}
.blog-medium .media-box img{
width:100% !important;
}
.media-box .zoom, .media-box .expand{
position:absolute;
width:100%;
height:100%;
text-align:center;
color:#ffffff!important;
font-size:1.5em;
z-index:999;
left:0;
top:0;
margin:0;
background-color:rgba(0,0,0,.5);
opacity:0;
-webkit-transition:all 0.3s ease 0.2s;
-moz-transition:all 0.3s ease 0.2s;
-ms-transition:all 0.3s ease 0.2s;
-o-transition:all 0.3s ease 0.2s;
transition:all 0.3s ease 0.1s;
}
.img-thumbnail img:hover, .img-thumbnail:hover{
opacity:.9
}
.media-box:hover .zoom, .media-box:hover .expand{
opacity:1;
-webkit-transition: opacity .3s .2s;
-moz-transition: opacity .3s .2s;
-ms-transition: opacity .3s .2s;
-o-transition: opacity .3s .2s;
transition: opacity .3s .2s;
}
.mejs-container{
margin-bottom:20px;
}
.media-box .media-box-wrapper{
padding:30px;
}
.info-table li{
border-bottom:1px solid #eceae4;
padding:10px 20px;
}
.info-table li:nth-child(2n+1) {
background-color: #f8f7f3;
}
.info-table li i.fa{
margin-right:5px;
}
.info-table li:last-child{
border-bottom:0;
}
.widget_search{
float:left;
width:100%;
}
.footer-widget.widget_search{
width:auto;
}
.share-bar{
margin:30px 0;
display:block;
}
.share-bar:before, .share-bar:after, .widget_search:before, .widget_search:after{
display: table;
content: " ";
}
.share-bar:after, .widget_search:after{
clear:both;
}
.share-bar .share-title{
float:left;
text-transform:uppercase;
color:#ccc;
margin-left:0;
margin-right:10px;
}
.share-buttons{
}
.share-buttons > li{
float:left;
margin-left:5px;
padding:0;
margin-bottom:10px;
}
.share-buttons > li > a{
display:inline-block;
width:28px;
height:28px;
margin:0;
border-radius: 50% / 50%;
color: #fff;
text-align: center;
line-height:28px;
}
.share-buttons > li > a:hover{
opacity:.8;
}
.share-buttons.share-buttons-squared > li > a{
border-radius: 0 / 0;
}
.share-buttons.share-buttons-gs > li > a{
background:#999!important;
}
.facebook-share > a{
background:#3B5998;
}
.twitter-share > a{
background:#00ACED;
}
.google-share > a{
background:#245DC1;
}
.tumblr-share > a{
background:#2C4762;
}
.pinterest-share > a{
background:#CB2027;
}
.reddit-share > a{
background:#FF4500;
}
.linkedin-share > a{
background:#007FB1;
}
.email-share > a{
background:#999;
}
.vk-share > a{
background:#45668e;
}
h4 .fa-refresh, h3 .fa-refresh{
color:#666;
font-size:80%;
}
.dgx-donate-form-section input[type="checkbox"], input[type="radio"]{
margin:-2px 10px 0 10px;
}
.event-detail h4 a[href^="https://www.google"]:before, .events-grid .grid-content h3 a[href^="https://www.google"]:before, h3.timeline-title a[href^="https://www.google"]:before{
content:'\f0d4';
font-family:FontAwesome;
font-style:normal;
font-weight:400;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
margin-right:7px;
}
/*-------------------------------------------------------------------------------------------*/
/* SITE STRUCTURE & APPEARANCE */
/*-------------------------------------------------------------------------------------------*/
body{
background-color:#ffffff;
color:#666666;
font-size:14px;
font-weight:400;
font-family: 'Roboto', serif;
line-height:20px;
background-attachment:fixed;
}
body.boxed .body{
position:relative;
margin:25px auto;
max-width:1080px;
width:100%;
height:auto;
background-color:#ffffff;
-webkit-box-shadow:0 0 2px rgba(0,0,0,.2);
-moz-box-shadow:0 0 2px rgba(0,0,0,.2);
box-shadow:0 0 2px rgba(0,0,0,.2);
}
body.siteorigin-panels.boxed .body{
overflow:hidden;
}
@media (min-width: 1200px) {
body.boxed .body .site-header, body.boxed .body .main-menu-wrapper{
max-width:100%;
width:1080px;
}
}
.site-header{
width:100%;
}
.site-header .topbar{
background-color:rgba(255,255,255,.8);
height:80px;
position:relative;
z-index:333;
-webkit-box-shadow:0 2px 0 rgba(0,0,0,.1);
-moz-box-shadow:0 2px 0 rgba(0,0,0,.1);
box-shadow:0 2px 0 rgba(0,0,0,.1);
}
.site-header h1.logo .theme-blogname{
font-size:16px;
padding-top:22px;
}
.site-header h1.logo{
position:relative;
z-index:1300;
display: block;
margin:0;
padding: 15px 0 5px;
height:65px;
vertical-align: middle;
line-height: 0;
overflow:hidden;
}
.logo a{
display:block;
vertical-align:middle;
text-decoration:none;
}
.site-header h1.logo .default-logo{
display:block;
}
.site-header h1.logo .retina-logo{
display:none;
}
#top-nav-clone{
display:none;
}
.hs4-cont{
position:relative;
}
.hs4-menu{
position:absolute;
right:0;
top:0;
width:100%;
}
.tinynav {
display: none;
float:right;
margin-top:30px;
max-width:80px;
}
.top-navigation{
float:right;
font-family: 'Roboto Condensed', sans-serif;
padding:30px 0 0 0;
}
.header-style4 .top-navigation{
padding-top:0;
}
.header-style4 .site-header{
z-index:111;
}
.top-navigation > li{
float:left;
letter-spacing:2px;
text-transform:uppercase;
font-size:12px;
font-weight:bold;
position:relative;
}
.top-navigation > li > a{
display:inline-block;
margin:0 10px;
text-decoration:none;
}
.header-style4 .top-navigation li a{
display:block;
}
.top-navigation > li:after{
content:"/";
}
.header-style4 .top-navigation li:after{
content:"";
}
.top-navigation > li:last-child:after{
content:""
}
.top-navigation > li ul{
position:absolute;
top:100%;
left:0px;
z-index:999;
display:none;
min-width:100%;
height:auto;
background:#fff;
-webkit-box-shadow:0 2px 2px rgba(0,0,0,.2);
-moz-box-shadow:0 2px 2px rgba(0,0,0,.2);
box-shadow:0 2px 2px rgba(0,0,0,.2);
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
margin-left:10px;
margin-top:10px;
}
.top-navigation > li ul:before {
position: absolute;
left:50%;
top: auto;
margin: -10px 0px 0px -10px;
width: 0;
height: 0;
border: solid transparent;
border-width: 5px;
border-bottom-color: #ffffff;
content: " ";
pointer-events: none;
}
.top-navigation > li ul li ul:before {
position: absolute;
left:0;
top: auto;
margin: 15px 0px 0px -10px;
width: 0;
height: 0;
border: solid transparent;
border-width: 5px;
border-right-color: #ffffff;
content: " ";
pointer-events: none;
}
.top-navigation > li:hover ul{
display:block;
-webkit-animation-name: fadeInUp;
-moz-animation-name: fadeInUp;
-o-animation-name: fadeInUp;
animation-name: fadeInUp;
}
.top-navigation > li > ul li{
line-height: normal;
font-size:13px;
position:relative;
font-weight:normal;
letter-spacing:1px;
text-align:center;
float:none;
}
.top-navigation > li > ul li > a{
display:block;
padding:10px 20px;
border-bottom:1px solid #f8f7f3;
white-space:nowrap;
text-decoration:none;
}
.top-navigation > li > ul li a:hover{
text-decoration:none;
}
.top-navigation > li > ul li:last-child a{
border-bottom:0;
}
.top-navigation > li > ul li ul{
left:100%!important;
top:0!important;
min-width: inherit;
margin-left:11px;
position:absolute;
margin-top:0;
}
.top-navigation > li.megamenu{
position:inherit!important;
left:0;
}
.top-navigation > li.megamenu ul i{
font-size:100%;
}
.top-navigation > li.megamenu > ul{
left:-15px!important;
width:100%;
}
.top-navigation > li.megamenu > ul li{
text-align:left;
}
.top-navigation .megamenu-container{
padding:25px;
width:100%;
color:#cccccc;
}
.top-navigation .megamenu-container ul{
display:block!important;
color:#666666;
left:0!important;
box-shadow:none;
opacity:1!important;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
background:transparent;
position:relative!important;
text-align:left!important;
margin-left:0;
}
.top-navigation > li.megamenu > ul:before {
position: absolute;
left:50%;
top: auto;
margin: -10px 0px 0px -10px;
width: 0;
height: 0;
border: solid transparent;
border-width: 5px;
border-bottom-color: #ffffff;
content: " ";
pointer-events: none;
}
.top-navigation > li.megamenu .meta-data{
text-transform:none;
}
.top-navigation .megamenu-container .megamenu-sub-title{
display:block;
padding-bottom:7px;
margin-bottom:12px;
color:#666666;
text-transform:none;
font-weight:400;
font-size:20px;
text-align:left!important;
border-bottom:1px solid #f8f7f3;
}
.top-navigation .megamenu-container ul li{
text-align:left!important;
}
.top-navigation .megamenu-container ul li a{
display:block;
padding:7px 0;
border-bottom:0;
}
.top-navigation .megamenu-container ul li a i{
display:none;
}
.top-navigation .megamenu-container ul li a:hover{
text-decoration:none;
}
.toprow .top-navigation{
padding-top:0;
}
.toprow .top-navigation > li{
display:inline;
line-height:40px;
font-size:12px;
text-transform:none;
font-weight:400;
letter-spacing:0;
font-family: 'Roboto', sans-serif;
}
.toprow .top-navigation > li:after{
content:"";
}
.toprow .top-navigation > li:first-child > a{
border-left:1px solid rgba(0,0,0,.1);
}
.toprow .top-navigation > li > a > i{
font-size:15px;
}
.toprow .top-navigation > li > a{
color:#fff;
opacity:.8;
padding:0 12px;
border-right:1px solid rgba(0,0,0,.1);
display:inline-block;
text-decoration:none;
font-weight:400;
margin:0;
}
.toprow .top-navigation > li > a:hover{
opacity:1;
color:#fff;
}
.site-header .menu-toggle{
font-size:18px;
margin:30px 10px 0 0;
float:right;
}
.site-header .menu-toggle:focus{
outline:0;
}
.main-menu-wrapper{
display:block;
width:100%;
}
.main-menu-wrapper .col-md-12{
position:relative;
}
.navigation{
height:50px;
background:#f8f7f3;
-webkit-box-shadow:0 0 3px rgba(0,0,0,.4);
-moz-box-shadow:0 0 3px rgba(0,0,0,.4);
box-shadow:0 0 3px rgba(0,0,0,.4);
-webkit-border-radius:0 0 4px 4px;
-moz-border-radius:0 0 4px 4px;
border-radius:0 0 4px 4px;
z-index:220;
text-align:center;
font-family: 'Roboto Condensed', sans-serif;
position:absolute;
top:0;
}
.navigation > ul > li{
display:inline-block;
line-height:50px;
font-size:16px;
text-transform:uppercase;
position:relative;
}
.navigation > ul > li i{
font-size:13px;
}
.navigation > ul > li > a{
padding:0 25px;
display:block;
text-decoration:none;
}
.navigation ul > li > a:hover, .navigation ul > li > a.current{
}
.navigation > ul > li ul{
position:absolute;
top:60px;
left:30px;
z-index:999;
display:none;
min-width:100%;
height:auto;
background:#fff;
-webkit-box-shadow:0 2px 2px rgba(0,0,0,.2);
-moz-box-shadow:0 2px 2px rgba(0,0,0,.2);
box-shadow:0 2px 2px rgba(0,0,0,.2);
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
margin-left:30px;
}
.navigation > ul > li ul:before {
position: absolute;
left:50%;
top: auto;
margin: -10px 0px 0px -10px;
width: 0;
height: 0;
border: solid transparent;
border-width: 5px;
border-bottom-color: #ffffff;
content: " ";
pointer-events: none;
}
.navigation > ul > li ul li ul:before {
position: absolute;
left:0;
top: auto;
margin: 15px 0px 0px -10px;
width: 0;
height: 0;
border: solid transparent;
border-width: 5px;
border-right-color: #ffffff;
content: " ";
pointer-events: none;
}
.navigation > ul > li:hover ul{
display:block;
-webkit-animation-name: fadeInUp;
-moz-animation-name: fadeInUp;
-o-animation-name: fadeInUp;
animation-name: fadeInUp;
}
.navigation > ul > li > ul li{
line-height: normal;
font-size:14px;
position:relative;
}
.navigation > ul > li > ul li > a{
display:block;
padding:10px 20px;
border-bottom:1px solid #f8f7f3;
white-space:nowrap;
text-decoration:none;
}
.navigation > ul > li > ul li a:hover{
text-decoration:none;
}
.navigation > ul > li > ul li:last-child a{
border-bottom:0;
}
.navigation > ul > li > ul li ul{
left:100%!important;
top:0;
min-width: inherit;
margin-left:11px;
position:absolute;
}
.navigation > ul > li.megamenu{
position:inherit!important;
left:0;
}
.navigation > ul > li.megamenu ul i{
font-size:100%;
}
.navigation > ul > li.megamenu > ul{
left:-30px!important;
width:100%;
}
.navigation .megamenu-container{
padding:25px;
width:100%;
color:#cccccc;
}
.navigation .megamenu-container ul{
display:block!important;
color:#666666;
left:0!important;
box-shadow:none;
opacity:1!important;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
background:transparent;
position:relative!important;
text-align:left!important;
margin-left:0;
}
.navigation > ul > li.megamenu > ul:before {
position: absolute;
left:50%;
top: auto;
margin: -10px 0px 0px -10px;
width: 0;
height: 0;
border: solid transparent;
border-width: 5px;
border-bottom-color: #ffffff;
content: " ";
pointer-events: none;
}
.navigation > ul > li.megamenu .meta-data{
text-transform:none;
}
.navigation .megamenu-container .megamenu-sub-title{
display:block;
padding-bottom:7px;
margin-bottom:12px;
color:#666666;
text-transform:none;
font-weight:400;
font-size:20px;
text-align:left!important;
border-bottom:1px solid #f8f7f3;
}
.navigation .megamenu-container ul li a{
display:block;
padding:7px 0;
border-bottom:0;
}
.navigation .megamenu-container ul li a i{
display:none;
}
.navigation .megamenu-container ul li a:hover{
text-decoration:none;
}
.sticky-wrapper{
max-height:50px;
}
.is-sticky .main-menu-wrapper{
z-index:1000;
min-height:50px;
background-color:rgba(255,255,255,.8);
-webkit-box-shadow:0 1px 0 rgba(0,0,0,.1);
-moz-box-shadow:0 1px 0 rgba(0,0,0,.1);
box-shadow:0 1px 0 rgba(0,0,0,.1);
}
.is-sticky .navigation{
background:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}
.header-style4 .main-menu-wrapper, .header-style4 .navigation{
display:none!important;
}
.header-style4 .sticky-wrapper{
max-height:none
}
/* Added in v1.6.2 */
.admin-bar .is-sticky .main-menu-wrapper{
top:28px!important;
}
/* Added in v1.3 */
.header-style2 .navigation{
background:none!important;
box-shadow:none!important;
-webkit-box-shadow:none!important;
}
.header-style2 .main-menu-wrapper{
background:#f8f7f3;
height:50px!important;
}
.header-style3 .toprow{
width:100%;
height:40px;
}
.top-menus li{
display:inline;
line-height:40px;
font-size:12px;
}
.top-menus li:first-child a{
border-left:1px solid rgba(0,0,0,.1);
}
.top-menus i{
font-size:15px;
}
.top-menus a{
color:#fff;
opacity:.8;
padding:0 12px;
border-right:1px solid rgba(0,0,0,.1);
display:inline-block;
text-decoration:none;
font-weight:400;
}
.top-menus a:hover{
opacity:1;
color:#fff;
}
/* End Added in v1.3 */
/* Hero Slider */
.flexslider {
margin: 0;
padding: 0;
background:url(images/loader.gif) no-repeat scroll center center;
}
.flexslider .slides > li {
display: none;
-webkit-backface-visibility: hidden;
}
.slides:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
html[xmlns] .slides {
display: block;
}
* html .slides {
height: 1%;
}
.flexslider .slides {
zoom: 1;
}
.home .slider-revolution-new{
top:-81px;
margin-bottom:-81px;
position:relative;
}
.slider-revolution-new{
position:relative!important;
}
.home .hero-slider{
top:-81px;
margin-bottom:-81px;
}
.hero-slider{
position:relative;
left:0;
z-index:1;
height:500px;
width:100%;
overflow:hidden;
}
.hero-slider .flex-viewport{
width:100%;
}
.hero-slider.flexslider > ul.slides{
height:100%;
}
.hero-slider.flexslider ul.slides li{
height:500px;
width:100%;
overflow:hidden;
position:static;
background-attachment:scroll!important
}
.hero-slider.flexslider ul.slides li a{
display:block;
height:100%;
text-decoration:none;
}
.hero-slider.flexslider ul.slides li .container{
vertical-align: middle;
display:table;
height:100%;
}
.hero-slider.flexslider ul.slides li .container .slider-caption{
display:table-cell;
vertical-align:middle;
}
.slider-caption > span{
font-size:24px;
color:#fff;
background:rgba(0,0,0,.5);
padding:30px;
}
.flexslider .flex-control-nav{
width:100%;
text-align:center;
position:absolute;
z-index:111;
left:0;
bottom:10px;
padding:0;
margin:0;
}
.hero-slider.flexslider .flex-control-nav{
bottom:-40px;
-webkit-transition:all 0.3s ease 0.2s;
-moz-transition:all 0.3s ease 0.2s;
-ms-transition:all 0.3s ease 0.2s;
-o-transition:all 0.3s ease 0.2s;
transition:all 0.3s ease 0.1s;
}
.hero-slider.flexslider:hover .flex-control-nav{
bottom:10px;
-webkit-transition: bottom .3s .2s;
-moz-transition: bottom .3s .2s;
-ms-transition: bottom .3s .2s;
-o-transition: bottom .3s .2s;
transition: bottom .3s .2s;
}
.flexslider .flex-control-nav li{
display:inline;
}
.flexslider .flex-control-nav a{
width:12px;
height:12px;
border-radius:100%;
background-color:#ffffff;
display:inline-block;
margin:0 6px;
text-indent:-9999px;
text-decoration:none;
}
.flexslider .flex-prev, .flexslider .flex-next{
background:rgba(0,0,0,.6);
color:#f8f7f3;
display:block;
margin-bottom:10px;
position:absolute;
top:50%;
margin-top:-12px;
right:10px;
font-size:14px;
line-height:25px;
width:25px;
height:25px;
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-decoration:none;
display:none;
text-align:center;
}
.flexslider .flex-prev{
left:10px;
right:auto;
}
.flexslider .flex-prev:before{
content: "\f104";
}
.flexslider .flex-next:before{
content: "\f105";
}
.hero-slider.flexslider .flex-prev, .hero-slider.flexslider .flex-next{
-webkit-border-radius:100%;
-moz-border-radius:100%;
border-radius:100%;
width:100px;
height:100px;
right:-100px;
-webkit-transition:all 0.3s ease 0.2s;
-moz-transition:all 0.3s ease 0.2s;
-ms-transition:all 0.3s ease 0.2s;
-o-transition:all 0.3s ease 0.2s;
transition:all 0.3s ease 0.1s;
font-size:30px;
line-height:100px;
display:block;
text-align:left;
}
.flexslider:hover .flex-prev, .flexslider:hover .flex-next{
display:block;
}
.hero-slider.flexslider .flex-prev{
left:-100px;
padding-left:60px;
}
.hero-slider.flexslider .flex-next{
padding-left:30px;
}
.hero-slider.flexslider:hover .flex-prev{
left:-50px;
-webkit-transition: left .3s .2s;
-moz-transition: left .3s .2s;
-ms-transition: left .3s .2s;
-o-transition: left .3s .2s;
transition: left .3s .2s;
}
.hero-slider.flexslider:hover .flex-next{
right:-50px;
-webkit-transition: right .3s .2s;
-moz-transition: right .3s .2s;
-ms-transition: right .3s .2s;
-o-transition: right .3s .2s;
transition: right .3s .2s;
}
.home .header-style2 .slider-revolution-new, .header-style2 .slider-revolution-new{
top:0!important;
margin-bottom:0!important;
}
.home .header-style2 .hero-slider, .header-style2 .hero-slider{
top:0!important;
margin-bottom:0!important;
}
.header-style2 .hero-slider.flexslider .flex-prev, .header-style2 .hero-slider.flexslider .flex-next{
margin-top:-50px;
}
.header-style3 .top-search{
margin-top:25px;
width:50%;
float:right;
max-width:300px;
}
.notice-bar, .page-header{
background:#f8f7f3;
padding:20px 0;
box-shadow:0 2px 0 rgba(0,0,0,.07);
}
/* Added in v1.2 */
.notice-bar.latest-sermon{
padding-bottom:0;
}
.latest-sermon h3{
line-height:30px;
}
.latest-sermon-play{
font-size:24px;
color:#999;
margin-right:10px;
float:left;
margin-top:4px;
}
.latest-sermon-thumb img{
border-radius:100%;
height:100%;
width:100%;
}
/* End v1.2 addition */
.notice-bar-title-icon{
display:inline-block;
float:left;
margin-right:15px;
}
.notice-bar-title .title-note{
margin-top:4px;
}
.notice-bar-title strong{
font-family: 'Roboto Condensed', sans-serif;
font-size:16px;
color:#333;
text-transform:uppercase;
font-weight:700;
letter-spacing:2px;
display:block;
}
.notice-bar-event-title h5, .notice-bar-event-title .date{
margin-bottom:0;
}
.counter .timer-col{
display:inline-block;
width:24%;
text-align:center;
}
.timer-col #days, .timer-col #hours, .timer-col #minutes, .timer-col #seconds{
display:inline-block;
font-family: 'Roboto Condensed', sans-serif;
font-size:18px;
padding:5px 10px;
}
.timer-col #days{
color:#ffffff;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
}
.timer-col #hours, .timer-col #minutes, .timer-col #seconds{
background:#eceae4;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
}
.timer-col .timer-type{
font-size:12px;
display:block;
margin-top:2px;
}
.content{
padding:50px 0;
min-height:400px;
}
.featured-blocks{
margin-bottom:30px;
}
.featured-block{
position:relative;
}
.featured-block strong{
background:url(images/pattern.png);
color:#fff;
font-size:18px;
display:inline-block;
padding:5px 30px;
margin:0;
position:absolute;
z-index:10;
left:10px;
bottom:30px;
-webkit-transition:all 0.3s ease 0.2s;
-moz-transition:all 0.3s ease 0.2s;
-ms-transition:all 0.3s ease 0.2s;
-o-transition:all 0.3s ease 0.2s;
transition:all 0.3s ease 0.1s;
}
.featured-block:hover strong{
bottom:58px;
-webkit-transition: bottom .3s .2s;
-moz-transition: bottom .3s .2s;
-ms-transition: bottom .3s .2s;
-o-transition: bottom .3s .2s;
transition: bottom .3s .2s;
}
.featured-block .more{
background:#ffffff;
color:#333333;
display:inline-block;
padding:5px 20px 5px 30px;
margin:0;
position:absolute;
z-index:9;
left:10px;
bottom:30px;
}
.featured-block .img-thumbnail:hover{
opacity:1;
}
.listing-header, .post-title{
border-bottom:1px solid #eceae4;
}
.listing-header-sub{
text-align:right;
padding-top:10px;
}
.listing-header-sub h5{
display:inline-block;
}
.listing-header-sub .next-prev-nav{
margin-left:20px;
}
.listing-cont, .post-content{
border-top:4px solid #f8f7f3;
}
.listing .item{
width:100%;
padding:10px 0;
float:left;
border-bottom:1px solid #eceae4;
}
.widget .listing .item{
float:none;
}
.widget .listing-cont{
padding-top:20px;
}
.event_calendar{
margin-bottom:30px;
}
.events-listing-header .calender_filter{
margin-bottom:30px!important;
}
.events-listing-header label{
padding: 0 10px;
font-size: 11px;
font-weight: 400;
text-transform: uppercase;
}
.event-date{
width:100%;
font-family: 'Roboto Condensed', sans-serif;
text-transform:uppercase;
color:#333333;
line-height:20px;
text-align:center;
padding:5px 0 0 0;
}
.event-date .date{
font-family: 'Roboto Condensed', sans-serif;
font-size:34px;
font-style:normal;
font-weight:700;
margin-bottom:0;
display:block;
margin-top:2px;
}
.event-date .month, .event-date .year{
font-size:12px;
font-weight:700;
letter-spacing:2px;
color:#999999;
display:block;
margin-top:4px;
}
.event-date .year{
font-size:11px;
margin-top:0;
margin-bottom:2px;
}
.event-item .event-date{
width:6%;
float:left;
margin-right:4%;
}
.event-item .event-detail{
float:left;
width:70%;
margin-right:3%
}
.event-item .to-event-url{
float:left;
width:17%;
text-align:right;
display:table;
vertical-align:middle;
}
.event-item .to-event-url div{
display:table-cell;
vertical-align:middle;
}
.event-item .event-detail h4{
font-family: 'Roboto', sans-serif;
text-transform:none;
font-weight:400;
letter-spacing:0;
margin-bottom:0;
}
.event-item .event-detail h4 a{
text-decoration:none;
}
.post-listing .post{
padding:20px 0 10px 0;
}
.post-listing .media-box{
margin-bottom:10px;
}
.post-listing .post-title{
margin-bottom:12px;
}
.post-listing .post-title h2, .sermons-listing h2.sermon-title{
font-size:16px;
margin-bottom:0;
}
.leader{
margin-bottom: 20px;
font-size: 16px;
}
.leader a{
text-decoration:none !important;
}
.leader strong{
font-family: 'Roboto Condensed', sans-serif;
color: #3E3E3E;
}
.small-grops li{
border:1px solid #ccc;
padding:20px 0px;
margin-bottom:25px;
}
.small-grops p{
font-size:16px;
line-height:1.5;
}
.small-grops li img{
-webkit-box-shadow: 0px 0px 5px 1px rgba(158,158,158,1);
-moz-box-shadow: 0px 0px 5px 1px rgba(158,158,158,1);
box-shadow: 0px 0px 5px 1px rgba(158,158,158,1);
}
@media only screen and (max-width: 767px) {
.post-listing .listing-cont:after {
clear: both;
}
.post-listing .listing-cont:before, .post-listing .listing-cont:after {
display: table;
content: " ";
}
}
.search-filters{
margin-bottom:30px;
}
#additional-media-sermons .tab-content{
padding:0;
}
#additional-media-sermons .tab-pane{
padding:20px 0;
}
.sermon .meta-data{
margin:0;
}
.item.featured-sermon{
border-bottom:0;
margin-top:20px;
padding:30px;
background:#f8f7f3;
position: relative;
margin-bottom:10px;
}
#sidebar-col .item.featured-sermon{
padding:30px;
}
.widget .item.featured-sermon{
padding-top:30px!important;
margin-top:0;
}
.featured-sermon:before {
content: "";
position: absolute;
top: 0%;
right: 0%;
width: 0px;
height: 0px;
border-bottom: 20px solid #eceae4;
border-right: 20px solid transparent;
}
.featured-sermon:after {
content: "";
position: absolute;
top: 0%;
right: 0%;
width: 0px;
height: 0px;
border-top: 19px solid #ffffff;
border-left: 19px solid transparent;
}
.featured-sermon .date{
text-transform:uppercase;
font-size:12px;
font-family: 'Roboto Condensed', sans-serif;
font-weight:700;
margin-bottom:5px;
display:block;
}
.featured-sermon h4 a{
text-decoration:none;
}
.sermon-actions a{
margin-right:10px;
text-decoration:none;
}
.sermon-actions i{
font-size:18px;
}
.featured-sermon-video{
margin-bottom:20px;
}
.featured-gallery{
padding:50px 0;
}
.featured-gallery h4{
color:#ffffff;
}
.featured-gallery .btn, .accent-bg .btn{
border:0;
}
.site-footer{
background-color:#f8f7f3;
padding:50px 0;
box-shadow:0 -2px 0 rgba(0,0,0,.07);
}
.site-footer-bottom{
background-color:#eceae4;
padding:20px 0;
font-size:12px;
font-family: 'Roboto', sans-serif;
color:#999999;
}
.site-footer-bottom p{
margin-bottom:0;
font-size:12px;
}
.site-footer-bottom .social-icons{
text-align:right;
}
.site-footer-bottom .social-icons a{
color:#ffffff;
background:#999999;
border-radius:50%;
width:20px;
height:20px;
text-align:center;
display:inline-block;
margin:0 0 0 8px;
text-decoration:none;
}
.site-footer-bottom .social-icons a:hover{
background:#666666;
}
.nav-backed-header{
position:relative;
z-index:1;
margin:0;
border:0;
}
.page-header{
margin:0;
position:relative;
padding:20px 0 20px 0;
border:0;
}
.page-header h1{
text-transform:uppercase;
color:#ffffff;
margin-bottom:0;
line-height:1em;
font-family: 'Roboto Condensed', sans-serif;
}
.page-header p{
color:#d8d6d1;
margin:0;
}
ol.breadcrumb{
margin:0;
background:none;
padding:90px 0 40px 0;
}
.header-style2 ol.breadcrumb{
padding:40px 0;
}
ol.breadcrumb a{
color:#d8d6d1;
text-decoration:none;
}
ol.breadcrumb a:hover{
color:#fff;
text-decoration:underline;
}
ol.breadcrumb > .active{
color:#fff;
}
.grid-holder{
width: 105%;
margin-left: -3%;
float: left;
}
.grid-holder .grid-item{
float: left;
}
.grid-item{
margin-bottom: 3%;
border-bottom: medium none;
}
.grid-item-inner{
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
background:#ffffff;
}
.grid-holder .grid-item{
margin-left: 3%;
}
.grid-holder.col-2 .grid-item{
width:49%;
}
.grid-holder.col-3 .grid-item{
width:29.63%;
}
.grid-holder.col-4 .grid-item{
width:24%;
}
.grid-media{
position:relative;
}
.grid-content{
padding:15px 20px 1px 20px;
}
.grid-content .fa-external-link{
margin-left:10px;
}
.events-grid .grid-item{
}
.grid-item h3{
line-height:1em;
}
.post-title{
margin-bottom:0;
padding-bottom:6px;
}
.post-content{
padding-top:20px;
}
.post-content .featured-image{
margin-bottom:20px;
}
.single-post-header{
margin-bottom:0;
}
.single-post-header .event-date{
float:left;
width:50px;
}
.single-post-header .btn-toolbar{
margin-top:8px;
}
.single-post-header .btn-toolbar > .btn{
border-width:1px!important;
margin-right:0!important;
margin-left:0!important;
min-width:38px;
}
.single-post-header .btn-toolbar .donate-paypal{
margin-left:10px!important;
}
.single-post-header .sermon-actions, .post-comments-count{
margin-top:15px;
}
#additional-media-sermons{
margin-top:15px;
}
.event-description{
}
.event-description .panel-body{
padding:10px 0;
}
.event-description .panel-heading{
color:#ffffff;
}
.sermon-archive .post.sermon{
margin-bottom:30px;
padding:30px;
background-color:#f8f7f3;
}
.sermon-archive .post.sermon .img-thumbnail{
background:#fff;
}
.posts-archive .post{
margin-bottom:40px;
padding-bottom:25px;
border-bottom:1px solid #eceae4;
}
/* Start Added in v1.2 */
.posts-featuring .post-title{
border-bottom:0;
margin-bottom:0;
}
.posts-featuring .post-title .meta-data{
margin-bottom:0;
}
.posts-featuring .listing-header .btn{
margin-top:5px;
}
.blog-full-width .meta-data{
margin-top:7px;
}
.blog-full-width .meta-data span{
margin:10px 0;
display:block;
}
.blog-full-width .post .img-thumbnail{
margin-bottom:20px;
}
.timeline {
list-style: none;
padding: 20px 0 20px;
position: relative;
}
.timeline:before {
top: 0;
bottom: 0;
position: absolute;
content: " ";
width: 3px;
background-color: #eceae4;
left: 50%;
margin-left: -1.5px;
}
.timeline > li {
margin-bottom: 20px;
position: relative;
}
.timeline > li:before,
.timeline > li:after {
content: " ";
display: table;
}
.timeline > li:after {
clear: both;
}
.timeline > li:before,
.timeline > li:after {
content: " ";
display: table;
}
.timeline > li:after {
clear: both;
}
.timeline > li > .timeline-panel {
width: 46%;
float: left;
border: 1px solid #eceae4;
border-radius: 5px;
padding: 20px;
padding-top:10px;
position: relative;
-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05);
}
.timeline > li > .timeline-panel:before {
position: absolute;
top: 29px;
right: -10px;
display: inline-block;
border-top: 10px solid transparent;
border-left: 10px solid #eceae4;
border-right: 0 solid #eceae4;
border-bottom: 10px solid transparent;
content: " ";
}
.timeline > li > .timeline-panel:after {
position: absolute;
top: 30px;
right: -9px;
display: inline-block;
border-top: 9px solid transparent;
border-left: 9px solid #fff;
border-right: 0 solid #fff;
border-bottom: 9px solid transparent;
content: " ";
}
.timeline > li > .timeline-badge {
color: #fff;
width: 50px;
height: 50px;
padding-top:11px;
font-size: 12px;
line-height:12px;
text-align: center;
position: absolute;
top: 16px;
left: 50%;
margin-left: -25px;
background-color: #eceae4;
z-index: 100;
border-top-right-radius: 50%;
border-top-left-radius: 50%;
border-bottom-right-radius: 50%;
border-bottom-left-radius: 50%;
}
.timeline > li > .timeline-badge span{
font-size:14px;
font-family: 'Roboto Condensed', sans-serif;
display:block;
line-height:16px;
}
.timeline > li.timeline-inverted > .timeline-panel {
float: right;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
border-left-width: 0;
border-right-width: 10px;
left: -10px;
right: auto;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
border-left-width: 0;
border-right-width: 9px;
left: -9px;
right: auto;
}
.timeline-title {
margin-top: 0;
color: inherit;
}
.timeline-title a{
text-decoration:none;
}
.timeline-body > p:last-child,
.timeline-body > ul:last-child {
margin-bottom:0;
}
.timeline-body > p + p {
margin-top: 5px;
}
/* End added in v1.2 */
/* Start added in v1.3 */
.event-blocks li, .album-blocks li{
margin-top:20px;
margin-bottom:20px;
}
.album-blocks li{
text-align:center;
}
.push-btn{
margin-top:5px;
}
.event-blocks .event-cat{
float:right;
margin-top:5px;
}
.album-blocks .grid-item-inner{
-webkit-box-shadow:none;
box-shadow:none;
}
.album-cover{
background:url(images/album-disk.png) no-repeat 80px center;
width:224px;
height:148px;
display:inline-block;
margin-bottom:20px;
-webkit-transition:all 0.3s ease 0.2s;
-moz-transition:all 0.3s ease 0.2s;
-ms-transition:all 0.3s ease 0.2s;
-o-transition:all 0.3s ease 0.2s;
transition:all 0.3s ease 0.1s;
}
.posts-archive .album-cover{
display:block;
}
.album-cover:hover{
background-position: 95px center;
-webkit-transition: background-position .3s .2s;
-moz-transition: background-position .3s .2s;
-ms-transition: background-position .3s .2s;
-o-transition: background-position .3s .2s;
transition: background-position .3s .2s;
}
.album-cover .album-image{
width:148px;
height:148px;
background:url(images/album-cover.png) no-repeat center center #eceae4;
-webkit-background-size:100%;
background-size:100%;
display:inline-block;
-webkit-box-shadow:0 2px 3px rgba(0,0,0,.2);
-moz-box-shadow:0 2px 3px rgba(0,0,0,.2);
box-shadow:0 2px 3px rgba(0,0,0,.2);
display:block;
}
.album-image img{
width:100%;
height:100%;
}
.album-blocks li h5{
margin-top:10px;
}
/* Start added in v1.4 */
.featured-event-container{
position:relative;
background-color: #F8F7F3;
margin:0;
padding:15px;
}
.footer-widget .featured-event-container{
background:#fff;
}
.featured-event-container h4{
margin-top:10px;
}
.featured-event-container p:last-child{
margin-bottom:0;
}
.featured-event-container h4 a{
text-decoration:none;
}
.sidebar-widget-title .featured-star{
width:20px;
height:20px;
text-align:center;
line-height:20px;
display:inline-block;
margin-top:9px;
margin-right:5px;
float:left;
font-size:10px;
color:#fff;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.featured-event-time{
position:static;
z-index:9;
right:10px;
top:-40px;
width:80px;
height:80px;
padding:18px 0 0;
-webkit-border-radius:100%;
-moz-border-radius:100%;
border-radius:100%;
border:3px solid #F8F7F3;
text-align:center;
color:#fff;
text-transform:uppercase;
font-family: 'Roboto Condensed', sans-serif;
font-weight:700;
float:right;
}
.featured-event-time .date{
display:block;
font-size:24px;
}
.featured-event-time .month{
display:block;
font-size:12px;
opacity:.8;
}
.save-event-buttons{
margin-bottom:30px;
margin-top:15px;
}
.save-event-buttons .btn{
font-weight:400;
text-transform:none;
}
.cause-item .progress{
background:#eceae4;
height:8px;
}
.cause-item .progress-bar{
line-height:8px;
}
.cause-item .progress-label{
font-family: 'Roboto Condensed', sans-serif;
margin-bottom:5px;
}
.cause-item .progress-label span{
font-weight:bold;
}
.cause-item .grid-content{
padding-bottom:15px;
}
.payment-to-cause a{
text-decoration:none;
}
.payment-to-cause a:hover{
text-decoration:underline;
}
.custom-donate-amount{
display:none;
}
#PaymentModal textarea{
resize:vertical;
}
.causes-archive .donate-paypal{
margin-top:10px;
}
.causes-archive .progress-label{
margin-top:15px;
}
/* End added in v1.3 */
.posts-archive .post .img-thumbnail{
margin-top:10px;
}
.post.sermon .post-title h3{
margin-bottom:5px;
}
.post.sermon .post-title .sermon-actions{
text-align:right;
padding-top:25px;
}
.post.sermon .post-content{
padding-top:20px;
}
.audio-container, .video-container{
margin-bottom:5px;
}
/* Ratio for full width video */
.fluid-width-video-wrapper { display: inline-block!important;padding: 0!important; margin: 0!important;width: 100%!important; padding-top: 56.25%!important;height: 0px!important;position: relative!important;}
.fluid-width-video-wrapper iframe {position: absolute!important;top: 0px!important;left: 0px!important;right: 0px!important;bottom: 0px!important;}
.post-meta{
background-color:#f8f7f3;
border-bottom:1px solid #eceae4;
padding:10px 20px;
font-size:12px;
}
.post-meta i{
margin-right:5px;
font-size:14px;
}
.post-comments{
margin:30px 0 0 0;
}
.comments{
margin:0;
list-style-type:none;
}
.comments li{
margin-bottom:25px;
}
.comments li .post-comment-block{
padding:25px;
padding-bottom:5px;
border:1px solid #eceae4;
border-bottom-width:2px;
background:#ffffff;
}
.comments li.admin > .post-comment-block{
background-color:#f8f7f3;
}
.comments li .img-thumbnail{
float:left;
margin-right:20px;
}
.comments li h5{
margin-bottom:5px;
}
.comments li ul{
padding-top:25px;
padding-left:50px;
}
.post-comment-form{
margin:30px 0 0 0;
border-bottom:0;
}
.post-comment-form .form-control{
margin-bottom:20px;
}
.gallery-filter ul{
float:right;
}
h3.gallery_title_meta{
font-size:15px;
margin-top:14px;
text-align:center;
}
/* Post Formats */
.format-quote .media-box blockquote{
color:#ffffff;
padding-left:0;
border-left:0;
}
.owl-carousel .owl-item{
float:left;
}
.owl-carousel .owl-item img{
width:100%;
float:left;
}
.staff-item{
margin-bottom:20px;
}
.staff-item .meta-data{
margin-top:0;
padding-top:0;
font-size:13px;
}
.staff-item .social-icons{
margin-bottom:15px;
}
.staff-item .social-icons a{
width:25px;
height:25px;
display:inline-block;
line-height:25px;
text-align:center;
color:#ffffff;
-webkit-border-radius:100%;
-moz-border-radius:100%;
border-radius:100%;
margin-left:0;
margin-right:10px;
text-decoration:none;
}
.single-staff-page.post-content .social-icons{
margin-top:32px;
}
.single-staff-page.post-content .social-icons span{
margin-top:30px!important;
}
.single-staff-page.post-content .social-icons a{
margin:0;
padding:10px 15px;
background:#f8f7f3;
margin-right:10px;
border-radius:3px;
font-size:16px;
}
.single-staff-page.post-content .social-icons a:hover{
background:#ECEAE4;
}
#gmap{
height:350px;
margin-bottom:30px;
overflow:hidden;
}
#gmap iframe{
border:0;
width:100%;
height:350px;
}
#message{
margin-top:10px;
}
.fc-event-inner{
color:#ffffff!important;
}
/* Widgets */
.widget{
margin-bottom:30px;
word-wrap: break-word;
}
.widget address {
margin-bottom: 18px;
}
.widget abbr[title] {
border-color: #f8f7f3;
}
.widget mark,
.widget ins {
color: #000;
}
.widget pre,
.widget fieldset {
border-color: #f8f7f3;
}
.widget form, .widget input, .widget select, .widget textarea{
max-width:100%;
}
.widget .dropdown-menu{
padding-bottom:0;
}
.widget .dropdown-menu li{
padding:5px 0;
}
.widget .dropdown-menu li:first-child a{
padding-top:5px;
}
.widget .dropdown-menu li a{
padding:0 10px;
}
.widget .dropdown-menu li a:hover{
background:none;
}
/* Calendar Widget*/
.widget_calendar table {
line-height: 2;
margin: 0;
}
#wp-calendar{
width:100%;
}
.widget_calendar caption {
color: #666;
font-weight: 700;
line-height: 1.7142857142;
margin-bottom: 18px;
text-align: left;
text-transform: uppercase;
}
.widget_calendar thead th {
background-color: #eceae4;
}
.widget_calendar tbody td,
.widget_calendar thead th {
text-align: center;
padding-left:5px;
padding-right:5px;
}
.widget_calendar tbody a {
background-color: #f8f7f3;
text-decoration:none;
padding-left:5px;
padding-right:5px;
display: block;
}
.widget_calendar tbody a:hover {
background-color: #eceae4;
}
.widget_calendar tbody a:hover {
}
.widget_calendar #prev {
padding-left: 5px;
}
.widget_calendar #next {
padding-right: 5px;
text-align: right;
}
.search-form-widget{
margin-top:10px;
}
.widget .sidebar-widget-title h3{
border-bottom:1px solid #eceae4;
margin-bottom:0;
padding-bottom:15px;
}
.widget .sidebar-widget-title{
border-bottom:4px solid #f8f7f3;
margin-bottom:20px;
}
.widget h4.footer-widget-title{
border-bottom:1px solid #eceae4;
padding-bottom:10px;
margin-bottom:20px;
}
.site-footer .widget ul > li, #sidebar-col .widget ul > li{
border-bottom:1px solid #eceae4;
padding:10px 0;
color:#999999;
}
#sidebar-col .widget.social-icons-widget ul > li{
padding:0;
border-bottom:0;
}
.site-footer .widget ul > li a, #sidebar-col .widget ul > li a{
display:inline-block;
text-decoration:none;
}
.site-footer .widget ul > li a i, #sidebar-col .widget ul > li a i{
margin-right:5px;
}
.site-footer .widget ul > li:first-child, #sidebar-col .widget ul > li:first-child{
padding-top:0;
}
.site-footer .widget ul ul, #sidebar-col .widget ul ul{
margin-top:10px;
padding-top:10px;
margin-left:20px;
border-top:1px solid #eceae4;
}
.site-footer .widget ul ul li:last-child, #sidebar-col .widget ul ul li:last-child{
border-bottom:0;
padding-bottom:0;
}
.site-footer .widget ul > li a:hover, #sidebar-col .widget ul > li a:hover{
text-decoration:none;
}
.widget .event-item .event-date{
width:22%;
}
.widget .event-item .event-detail{
width:74%;
margin-right:0;
}
.widget.post-listing h2.post-title, .widget.sermons-listing h2.sermon-title{
font-size:14px;
margin-bottom:0;
}
.tagcloud a{
display:inline-block;
margin-right:7px;
margin-bottom:7px;
padding:2px 8px;
border:1px solid #eceae4;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
background:#f8f7f3;
font-size:12px!important;
text-decoration:none;
}
.tagcloud a:hover{
text-decoration:none;
}
.footer-widget .tagcloud a{
background:#fff;
}
.widget-recent-posts .post-image{
width:30%;
float:left;
margin-right:5%;
}
.widget-recent-posts .widget-blog-content{
float:left;
width:65%;
}
.widget-recent-posts .fa-angle-right{
display:none;
}
.widget-recent-posts .fa-plus{
margin-right:0;
}
.widget-recent-posts ul li a{
padding:12px 0;
text-decoration:none;
}
.widget-recent-posts ul li:first-child a{
padding-top:8px;
}
.widget_recent_comments .fa-angle-right{
display:none;
}
.widget_twitter_feeds li{
font-size:16px;
line-height:28px;
border:0;
padding:0;
}
.widget_latest_gallery ul{
margin-left:-3%;
}
.widget_latest_gallery ul li{
float:left;
width:30%;
margin-left:3%;
margin-bottom:20px;
border-bottom:0;
padding:0;
}
.widget_latest_gallery ul li i{
display:none;
}
.widget.widget_recent_sermons .sidebar-widget-title{
border-bottom:0;
margin-bottom:15px;
}
.widget.widget_recent_sermons .sidebar-widget-title h3{
border-bottom:0;
padding-bottom:0;
}
.footer-widget .featured-sermon:after{
border-top-color:#F8F7F3;
}
.footer-widget .item.featured-sermon{
background-color:#fff;
}
/* Back to Top Button */
#back-to-top{
position:fixed;
right:17px;
bottom:17px;
display:none;
padding:5px 12px;
-webkit-border-radius:3px;
border-radius:3px;
background:rgba(0,0,0,.7);
color:#ffffff;
}
/*-------------------------------------------------------------------------------------------*/
/* SHORTCODE DEFINATIONS */
/*-------------------------------------------------------------------------------------------*/
/* ==================================================
Tabs
================================================== */
.tabs{
margin-bottom:25px;
}
.nav-tabs{
}
.nav-tabs li{
position:relative;
display:block;
float:left;
margin-right:1px;
}
.nav-tabs li a{
display:block;
padding:10px 20px;
background:#f8f8f8;
text-decoration:none;
}
.nav-tabs li a:hover{
color:#fff;
background:#666;
text-decoration:none;
}
.nav-tabs li a:active, .nav-tabs li.active a{
color:#fff;
background:#666;
}
.tab-content{
padding:20px 0;
background:#ffffff;
}
.tab-content > .tab-pane{
display:none;
}
.tab-content > .active{
display:block;
}
/* ==================================================
Accordion & Toggle
================================================== */
.accordion {
margin-bottom: 35px;
}
.accordion-group {
margin-bottom: 8px;
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.accordion-heading {
border-bottom: 0 none;
}
.accordion-heading .accordion-toggle {
position: relative;
display: block;
padding: 15px;
background:#f8f8f8;
text-decoration:none;
font-size: 13px;
-webkit-transition: all 0.1s linear 0s;
-moz-transition: all 0.1s linear 0s;
-ms-transition: all 0.1s linear 0s;
-o-transition: all 0.1s linear 0s;
transition: all 0.1s linear 0s;
}
.accordion-toggle {
cursor: pointer;
}
.accordion-toggle:hover{
text-decoration:none;
}
.accordion-heading:hover .accordion-toggle,
.accordion-heading:hover .accordion-toggle.inactive {
background:#666;
color:#fff;
}
.accordion-heading .accordion-toggle.active {
color:#fff;
background:#666;
}
.accordion-heading .accordion-toggle.inactive {
background:#f8f8f8;
}
.accordion-heading.accordionize .accordion-toggle i,
.accordion-heading.togglize .accordion-toggle i {
position: absolute;
top: 50%;
right: 20px;
margin: -8px 0 0 0;
color: #666;
font-size: 18px;
-webkit-transition: all 0.1s linear 0s;
-moz-transition: all 0.1s linear 0s;
-ms-transition: all 0.1s linear 0s;
-o-transition: all 0.1s linear 0s;
transition: all 0.1s linear 0s;
}
.accordion-heading:hover .accordion-toggle i {
color: #fff;
}
.accordion-heading .accordion-toggle.active i,
.accordion-heading:hover .accordion-toggle.inactive i {
color: #666;
}
.accordion-heading.accordionize .accordion-toggle.active i,
.accordion-heading.togglize .accordion-toggle.active i {
color: #fff;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.accordion-heading.togglize .accordion-toggle i {
margin: -8px 0 0 0;
font-size: 18px;
}
.accordion-heading.togglize .accordion-toggle .fa-plus-circle{
display:block;
}
.accordion-heading.togglize .accordion-toggle.active .fa-plus-circle{
display:none;
}
.accordion-heading.togglize .accordion-toggle .fa-minus-circle{
display:none;
}
.accordion-heading.togglize .accordion-toggle.active .fa-minus-circle{
display:block;
}
.accordion-inner {
padding: 16px;
border: 1px solid #efefef;
background: #fff;
}
/* ==================================================
Alerts
================================================== */
.alert {
margin-bottom: 20px;
padding: 15px 35px 15px 15px;
border: 1px solid #efefef;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
background-color: #f8f8f8;
text-shadow: none;
}
.alert .close {
position: relative;
top: 0px;
right: -22px;
color: #FFFFFF;
text-shadow: none;
line-height: 20px;
text-decoration:none;
-webkit-transition: opacity 0.1s linear 0s;
-moz-transition: opacity 0.1s linear 0s;
-ms-transition: opacity 0.1s linear 0s;
-o-transition: opacity 0.1s linear 0s;
transition: opacity 0.1s linear 0s;
}
.alert .close:hover {
text-decoration:none;
opacity: 1;
}
.alert-standard {
border-color:#efefef;
background-color: #f8f8f8;
}
.alert-standard, .alert-standard .close {
color:#666;
}
.alert-success {
border-color:#d6e9c6;
background-color: #dff0d8;
}
.alert-success, .alert-success .close {
color:#468847;
}
.alert-danger,
.alert-error {
border-color:#ebccd1;
background-color: #f2dede;
}
.alert-danger, .alert-danger .close,
.alert-error, .alert-error .close {
color:#b94a48;
}
.alert-info {
border-color:#bce8f1;
background-color: #d9edf7;
}
.alert-info, .alert-info .close {
color:#3a87ad;
}
.alert-warning {
border-color:#faebcc;
background-color: #fcf8e3;
}
.alert-warning, .alert-warning .close {
color:#c09853;
}
/* ==================================================
Progress bars
================================================== */
@-webkit-keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
@-moz-keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
@-o-keyframes progress-bar-stripes {
from {
background-position: 0 0;
}
to {
background-position: 40px 0;
}
}
@keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
.progress {
margin-bottom: 15px;
height: 20px;
border-radius: 3px;
background-color: #eaeaea;
-webkit-box-shadow: none;
box-shadow: none;
overflow: visible;
}
.progress-bar {
float: left;
width: 0%;
height: 100%;
background-color: #eaeaea;
-webkit-box-shadow: none;
box-shadow: none;
color: #ffffff;
text-align: center;
font-size: 12px;
line-height: 20px;
-webkit-transition: width 0.6s ease;
transition: width 0.6s ease;
position: relative;
border-radius: 3px;
max-width:100%;
}
.progress-striped .progress-bar {
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-size: 40px 40px;
}
.progress.active .progress-bar {
-webkit-animation: progress-bar-stripes 2s linear infinite;
animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
span.progress-bar-tooltip {
position: absolute;
position: absolute;
top: -28px;
right: 5px;
display: block;
padding: 4px 8px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #333;
color: #FFF;
font-size: 11px;
line-height: 15px;
opacity: 0;
filter: alpha(opacity=0);
-o-border-radius: 3px;
}
span.progress-bar-tooltip:after {
position: absolute;
bottom: -5px;
left: 13px;
display: block;
width: 0;
border-width: 5px 5px 0;
border-style: solid;
border-color: #333 transparent;
content: "";
}
.progress-label{
text-transform:uppercase;
}
/* ==================================================
Facts Counters
================================================== */
.fact-ico{
display:inline-block;
width:100px;
height:100px;
color:#999999;
line-height:100px;
margin:10px 0;
}
.countdown .fact-ico{
height:auto;
width:auto;
line-height:normal;
margin-bottom:30px;
}
.fact{
display:inline-block;
color:#999999;
font-size:15px;
margin-top:10px;
font-family: 'Volkhov', serif;
font-style:italic
}
.countdown{
text-align:center;
}
.counters .timer, .countdown .timer{
display:inline-block;
color:#333333;
font-weight:700;
font-size:38px;
}
.parallax .counters .timer{
color:#ffffff;
}
/*-------------------------------------------------------------------------------------------*/
/* Parallax
/*-------------------------------------------------------------------------------------------*/
.parallax{
background-attachment: fixed!important;
background-position:center center;
-webkit-background-size:cover;
-moz-background-size:cover;
background-size:cover;
background-repeat:no-repeat;
background-color:#f8f8f8;
}
.touch .parallax, .nav-backed-header.parallax{
background-attachment:scroll!important;
}
/*This required by breadcrumb current_item*/
ol.breadcrumb > .current_item{
color:#fff;
}
/*This required by select post widget*/
.widget_selected_post .post-image{
width:30%;
float:left;
margin-right:5%;
}
.widget_selected_post .widget-blog-content{
float:left;
width:65%;
}
.widget_selected_post .fa-angle-right{
display:none;
}
.widget_selected_post .fa-plus{
margin-right:0;
}
.widget_selected_post ul li a{
padding:12px 0;
text-decoration:none;
}
.widget_selected_post ul li:first-child a{
padding-top:8px;
}
/*After theme checker below css is required*/
.wp-caption {
margin-bottom: 24px;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin: 0;
}
.wp-caption {
color: #767676;
}
.wp-caption-text {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 12px;
font-style: italic;
line-height: 1.5;
margin: 9px 0;
padding-right: 10px;
}
.wp-smiley {
border: 0;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
.gallery-caption {
background-color: rgba(0, 0, 0, 0.7);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #fff;
font-size: 12px;
line-height: 1.5;
margin: 0;
max-height: 50%;
opacity: 0;
padding: 6px 8px;
position: absolute;
bottom: 0;
left: 0;
text-align: left;
width: 100%;
}
.gallery-caption:before {
content: "";
height: 100%;
min-height: 49px;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.gallery-item:hover .gallery-caption {
opacity: 1;
}
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
}
/* Genericons */
.bypostauthor > article .fn:before,
.comment-edit-link:before,
.comment-reply-link:before,
.comment-reply-login:before,
.comment-reply-title small a:before,
.contributor-posts-link:before,
.menu-toggle:before,
.search-toggle:before,
.slider-direction-nav a:before,
.widget_twentyfourteen_ephemera .widget-title:before {
-webkit-font-smoothing: antialiased;
display: inline-block;
font: normal 16px/1 Genericons;
text-decoration: inherit;
vertical-align: text-bottom;
}
/* Image Float Classes */
.alignright {float:right; margin:0 0 1em 1em}
.alignleft {float:left; margin:0 1em 1em 0}
.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
/* WooCommerce Styling */
p.demo_store{
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
border:0;
}
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce #content input.button, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button, .woocommerce-page #respond input#submit, .woocommerce-page #content input.button, .widget input[type="button"], .widget input[type="reset"], .widget input[type="submit"], .bbp-submit-wrapper button {
font-family: 'Roboto Condensed', sans-serif;
font-weight: bold;
border-radius: 3px;
color: #333;
text-shadow: none;
border: 1px solid #ccc;
background: #fff;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
text-transform:uppercase;
}
.widget input[type="button"], .widget input[type="reset"], .widget input[type="submit"]{
margin-top:15px;
}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,.woocommerce #respond input#submit:hover,.woocommerce #content input.button:hover,.woocommerce-page a.button:hover,.woocommerce-page button.button:hover,.woocommerce-page input.button:hover,.woocommerce-page #respond input#submit:hover,.woocommerce-page #content input.button:hover, .widget input[type="button"]:hover, .widget input[type="reset"]:hover, .widget input[type="submit"]:hover{
background:#ebebeb;
border-color: #adadad;
color: #333333;
}
.woocommerce a.added_to_cart, .woocommerce-page a.added_to_cart{
padding-left:25px;
}
.woocommerce .woocommerce-message, .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce-page .woocommerce-message, .woocommerce-page .woocommerce-error, .woocommerce-page .woocommerce-info{
background:#F8F7F3!important;
}
.woocommerce .woocommerce-message:before, .woocommerce .woocommerce-error:before, .woocommerce .woocommerce-info:before, .woocommerce-page .woocommerce-message:before, .woocommerce-page .woocommerce-error:before, .woocommerce-page .woocommerce-info:before{
height:auto;
}
.woocommerce table.shop_table, .woocommerce-page table.shop_table, .woocommerce .cart-collaterals .cart_totals tr td, .woocommerce .cart-collaterals .cart_totals tr th, .woocommerce-page .cart-collaterals .cart_totals tr td, .woocommerce-page .cart-collaterals .cart_totals tr th{
border-color:#ECEAE4!important;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce-page form .form-row input.input-text, .woocommerce-page form .form-row textarea, .woocommerce table.cart td.actions .coupon .input-text, .woocommerce #content table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon .input-text, .woocommerce-page #content table.cart td.actions .coupon .input-text, .woocommerce #reviews #comment, .woocommerce-page #reviews #comment, .widget input, .widget select, .widget textarea{
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.428571429;
color: #555555;
vertical-align: middle;
background-color: #ffffff;
background-image: none;
border: 1px solid #cccccc;
border-radius: 3px;
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
resize:vertical
}
.widget input[type=checkbox]{
-webkit-box-shadow:none;
box-shadow:none;
margin-top:0;
}
.woocommerce #reviews #comment, .woocommerce-page #reviews #comment{
height:75px;
}
.woocommerce #payment, .woocommerce-page #payment{
background:#F8F7F3!important;
}
.woocommerce #payment div.payment_box:after, .woocommerce-page #payment div.payment_box:after{
border-color:transparent transparent #fff;
}
.woocommerce #payment div.payment_box, .woocommerce-page #payment div.payment_box{
background:#fff!important;
}
#ship-to-different-address .input-checkbox{
float:left;
margin-top:14px;
}
#ship-to-different-address label{
display:inline-block;
font-weight:400;
padding-left:12px;
margin-top:0;
}
.shipping_calculator, h3#order_review_heading{
margin-top:30px;
}
.woocommerce span.onsale,.woocommerce-page span.onsale{
padding:4px 6px!important;
text-shadow:none!important;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none
}
.woocommerce ul.products li.product a img,.woocommerce-page ul.products li.product a img{
box-shadow:none;
-webkit-box-shadow:none;
}
.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page a.button.alt, .woocommerce-page button.button.alt, .woocommerce-page input.button.alt, .woocommerce-page #respond input#submit.alt, .woocommerce-page #content input.button.alt {
border: 0!important;
text-shadow:none!important;
}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{
text-transform:uppercase;
}
.woocommerce a.button:active,.woocommerce button.button:active,.woocommerce input.button:active,.woocommerce #respond input#submit:active,.woocommerce #content input.button:active,.woocommerce-page a.button:active,.woocommerce-page button.button:active,.woocommerce-page input.button:active,.woocommerce-page #respond input#submit:active,.woocommerce-page #content input.button:active{
top:0
}
.woocommerce form.checkout_coupon, .woocommerce form.register, .woocommerce-page form.login, .woocommerce-page form.checkout_coupon, .woocommerce-page form.register{
border-color:#ECEAE4!important;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle{
width:1.1em;
height:1.1em;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
border:0;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-range{
background:#ECEAE4!important;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}
.woocommerce .widget_layered_nav ul li.chosen a, .woocommerce-page .widget_layered_nav ul li.chosen a{
border:0;
}
.woocommerce .widget_layered_nav ul li, .woocommerce-page .widget_layered_nav ul li{
padding:5px 0;
}
.variations .label{
color:#666;
}
.variations label{
font-size:13px;
padding-top:6px;
text-transform:uppercase;
}
.woocommerce-tabs .panel{
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li{
border-color:#ECEAE4!important;
background:#F8F7F3!important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs:before, .woocommerce #content div.product .woocommerce-tabs ul.tabs:before, .woocommerce-page div.product .woocommerce-tabs ul.tabs:before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs:before, .woocommerce #reviews #comments ol.commentlist li .comment-text, .woocommerce-page #reviews #comments ol.commentlist li .comment-text{
border-color:#ECEAE4!important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active, .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active{
background:#fff!important;
}
.post-type-archive-product .star-rating, .tax-product_cat .star-rating{
display:none!important;
}
.single_variation{
margin-bottom:20px;
}
.woocommerce .related ul li.product, .woocommerce .related ul.products li.product, .woocommerce .upsells.products ul li.product, .woocommerce .upsells.products ul.products li.product, .woocommerce-page .related ul li.product, .woocommerce-page .related ul.products li.product, .woocommerce-page .upsells.products ul li.product, .woocommerce-page .upsells.products ul.products li.product{
width:22.5%!important
}
.woocommerce p.myaccount_user, .woocommerce .addresses .address{
border:1px solid #ECEAE4!important;
background:#F8F7F3!important;
padding:20px;
}
.woocommerce span.onsale, .woocommerce-page span.onsale {
padding: 4px 6px !important;
text-shadow: none !important;
box-shadow: none;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
margin-right:3%;
}
/* Contact Form 7 Styling */
.wpcf7-form p{
font-weight:700;
}
.wpcf7-form .wpcf7-text, .wpcf7-form .wpcf7-select, .wpcf7-form .wpcf7-textarea, .wpcf7-form .wpcf7-captchar, .wpcf7-form .wpcf7-quiz, .wpcf7-form .wpcf7-number, .wpcf7-form .wpcf7-date{
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.428571429;
color: #555555;
font-weight:400!important;
margin-top:10px;
vertical-align: middle;
background-color: #ffffff;
background-image: none;
border: 1px solid #cccccc;
border-radius: 3px;
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.wpcf7-form .wpcf7-textarea{
min-height:80px;
resize:vertical
}
.wpcf7-form .wpcf7-checkbox, .wpcf7-form .wpcf7-file, .wpcf7-form .wpcf7-radio{
margin-top:10px;
display: inline-block;
}
.wpcf7-form .wpcf7-list-item{
margin-left:0.8em;
}
.wpcf7-form .wpcf7-list-item.first{
margin-left:0;
}
.wpcf7-form .wpcf7-quiz-label{
padding-top: 18px;
float: left;
margin-right: 10px;
font-weight:400!important;
}
.wpcf7-form .wpcf7-list-item-label{
font-weight:400!important;
}
.wpcf7-form .wpcf7-submit{
color: #FFF;
border-width: 0px;
font-family: 'Roboto Condensed',sans-serif;
-webkit-transition: all 0.3s ease 0.1s;
transition: all 0.3s ease 0.1s;
margin-bottom: 0px;
letter-spacing: 1px;
font-weight: bold;
text-transform: uppercase;
display: inline-block;
padding: 6px 12px;
font-size: 12px;
line-height: 1.52857;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
border-radius: 3px;
}
/* Added in v1.7 */
.notice-bar .container{
position:relative;
}
.notice-bar .container > .row{
position:relative;
z-index:2;
}
.goingon-events-floater{
background-color:rgba(34,34,34,.8);
border:1px solid #000;
-webkit-border-radius:50px 50px;
border-radius:50px 50px;
position:absolute;
z-index:111;
left:0;
top:-110px;
opacity:0;
height:80px;
width:300px;
color:rgba(255,255,255,.7);
padding:10px 20px 10px 30px;
padding-top:5px;
overflow:hidden;
box-shadow:inset 0 0 1px rgba(255,255,255,.4);
}
.goingon-events-floater a{
color:rgba(255,255,255,.7);
text-decoration:none;
}
.goingon-events-floater a:hover{
color:rgba(255,255,255,1);
text-decoration:none;
}
.goingon-events-floater-inner{
position:absolute;
top:0;
left:0;
z-index:-1;
border-radius:38px 38px 0 0 ;
height:27px;
display:block;
width:100%;
opacity:.7;
box-shadow:inset 0 0 1px rgba(255,255,255,.5);
border-bottom:1px solid #000;
}
.goingon-events-floater h4{
font-size:12px;
margin:0;
margin-bottom:9px;
color:rgba(255,255,255,.7);
font-weight:400;
}
.goingon-events-floater .flo-arrow{
position:absolute;
left:50%;
font-size:16px;
color:#000;
margin-left:-5px;
bottom:-10px;
z-index:11;
}
.goingon-events-floater .flexslider{
background:none;
}
.goingon-events-floater .time{
display:block;
opacity:.7;
font-size:11px;
}
.goingon-events-floater .title{
display:block;
font-weight:400;
}
.goingon-events-floater .flexslider .flex-prev, .goingon-events-floater .flexslider .flex-next{
background:none;
top:12px;
right:20px;
font-size:18px;
display:block;
opacity:.6;
}
.goingon-events-floater .flexslider .flex-prev:hover, .goingon-events-floater .flexslider .flex-next:hover{
opacity:1;
}
.goingon-events-floater .flexslider .flex-prev{
right:38px;
left:auto;
}
.notice-bar.latest-sermon h5, .notice-bar.latest-sermon .meta-data{
margin-bottom:10px;
display:inline-block;
}
.single-staff .post-content .featured-image{margin-bottom:0;}
.single-staff-page .wp-post-image{float:left; margin-right:20px;}
.single-staff .post-title .meta-data {width: 100%;float: left;margin-top: 10px;}
.single-staff .social-icons{width:100%; float:left;}
.admin-bar .is-sticky .main-menu-wrapper{top:28px;}
.fc-day-grid-event > .fc-content{white-space:normal!important;}
.page-content > ul {
list-style: inside none disc;
margin-bottom: 20px;
}
.site-footer .widget ul > li.item.featured-sermon{
padding:30px;
}
/* Page builder Classes */
.so-panel.widget .event-item .event-detail{
width:59%;
margin-right:0
}
.so-panel.widget .event-item .event-date{
text-align:left;
width:12%
}
.so-panel.widget .event-item .to-event-url{
width:23%
}
.so-panel.widget .featured-block strong{
left:-5px;
}
.so-panel.widget .featured-block .more{
left:-5px;
}
.so-panel.widget h3.widget-title{
border-bottom:4px solid #f8f7f3;
margin-bottom:0;
padding-bottom:5px;
margin-bottom:20px;
position:relative;
}
.so-panel.widget .grid-item h1, .so-panel.widget .grid-item h2, .so-panel.widget .grid-item h3, .so-panel.widget .grid-item h4, .so-panel.widget .grid-item h5, .so-panel.widget .grid-item h6{color:inherit;}
.no-top-content-padding{
margin-top:-50px;
}
.siteorigin-panels-home .page-header{
display:none;
}
.siteorigin-panels-home .content{
padding-bottom:0;
}
.widget_recent_sermons.so-panel.widget h3.widget-title{
padding-bottom:0;
margin-bottom:15px;
border:0;
}
.siteorigin-panels-stretch{
overflow:hidden;
}
body.boxed .siteorigin-panels-stretch{
}
.tabs.vertical-tabs .nav-tabs{
width:25%;
float:left;
background:none;
border:0;
}
.tabs.vertical-tabs .nav-tabs > li{
float:none;
display:block;
width:100%;
margin-bottom:2px;
}
.tabs.vertical-tabs .nav-tabs > li > a{
border-right:0;
}
.tabs.vertical-tabs .nav-tabs>li.active>a{
}
.tabs.vertical-tabs .tab-content{
float:left;
width:70%;
padding-top:0;
margin-left:5%;
}
.partner-logos{
margin:0;
list-style-type:none;
}
.partner-logos li{
display:inline-block;
margin:28px 26px 0;
}
.partner-logos li:last-child{
margin-right:0;
}
.carousel-container{
overflow:hidden;
}
/*---- header changes-----*/
.site-header .logo {
height: 70px !important;
}
.form-control input-text{
visibility: hidden !important;
}
/*-------------------------------------------------------------------------------------------*/
/* Responsive Classes
/*-------------------------------------------------------------------------------------------*/
@media (min-width: 992px) and (max-width: 1199px) {
.navigation > ul > li > a{
padding:0 25px;
}
}
@media only screen and (max-width: 992px) {
.hero-slider {
height: 280px;
}
.hero-slider.flexslider > ul.slides {
height: auto;
}
.hero-slider.flexslider ul.slides li {
height: 280px;
background-size: contain !important;
background-position: centre !important;
}
.home .hero-slider {
top: 0 !important;
margin-bottom: 0 !important;
}
.notice-bar .btn-block, .notice-bar .counter{
margin-top:20px;
}
.events-listing .event-date{
width:10%;
}
.events-listing .event-detail{
width:57%;
}
.events-listing .to-event-url{
width:26%;
}
.main-menu-wrapper{
display:none;
background:#f8f7f3;
height:auto;
position:absolute;
left:0;
top:80px;
z-index:9999;
width:100%
}
.sticky-wrapper{
height:auto!important
}
#top-nav-clone{
position:absolute;
height:auto;
z-index:9999;
background:#fff;
width:100%;
}
#top-nav-clone .top-navigation{
float:none;
}
.navigation{
background:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
height:auto;
position:relative;
z-index:9999;
}
.navigation > ul > li, .header-style4 .top-navigation > li{
display:block;
width:100%;
line-height: normal;
text-align:left;
}
.navigation > ul > li > a, .header-style4 .top-navigation > li > a{
padding:20px 25px;
border-bottom:1px solid #eceae4;
}
.header-style4 .top-navigation > li > a{
line-height:normal!important;
margin:0;
padding:12px 20px;
}
.navigation > ul > li > ul, .navigation > ul > li > ul li ul, .header-style4 .top-navigation > li > ul, .header-style4 .top-navigation > li > ul li ul{
position:static;
height:auto!important;
border-bottom:1px solid #eceae4;
top:0;
left:0;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
margin-left:0;
}
.navigation > ul > li > ul:before, .navigation > ul > li > ul li ul:before, .header-style4 .top-navigation > li > ul:before, .header-style4 .top-navigation > li > ul li ul:before{
display:none;
}
.header-style4 .top-navigation > li > ul > li, .header-style4 .top-navigation > li > ul > li > ul > li{
text-align:left;
}
.is-sticky .main-menu-wrapper{
background-color:#f8f7f3;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}
.navigation .megamenu-container ul.sub-menu, .header-style4 .top-navigation .megamenu-container ul.sub-menu{
margin-bottom:20px;
border-bottom:0;
}
.header-style2 .main-menu-wrapper{
height:auto!important;
}
.nav-backed-header{
top:0;
margin-bottom:0;
}
ol.breadcrumb{
padding-top:20px;
}
/* Added in v1.2 */
.news-portal-cats{
margin-bottom:20px;
}
.page-header{
top:0;
margin-bottom:0;
}
.post .img-thumbnail, .post .img-thumbnail{
margin-bottom:20px;
}
.post.sermon .post-title .sermon-actions{
text-align:left;
}
.gallery-filter ul{
float:left;
margin-top:20px;
}
ol.breadcrumb{
padding:40px 0 40px 0;
}
.tinynav {
display: block;
}
.tinymenu .top-navigation{
display:none;
}
#content-col, #sidebar-col {
float: none !important;
}
}
@media only screen and (max-width: 767px) {
.hero-slider {
height: 240px;
}
.hero-slider.flexslider > ul.slides {
height: auto;
}
.hero-slider.flexslider ul.slides li {
height: 240px;
background-size: contain !important;
background-position: centre !important;
}
.home .hero-slider {
top: 0 !important;
margin-bottom: 0 !important;
}
/* Isotope */
.isotope {
overflow: visible !important;
height: auto !important;
}
.isotope-item {
position: static !important;
margin-right: auto;
margin-left: auto;
width: auto;
-webkit-transform: none !important;
-moz-transform: none !important;
-ms-transform: none !important;
-o-transform: none !important;
transform: none !important;
}
.isotope-hidden {
display: none !important;
}
.grid-item{
margin-bottom: 6%;
}
.counter{
margin-top:20px;
}
.featured-gallery{
text-align:center;
}
.featured-gallery a{
margin-bottom:20px;
display:block;
}
.footer-widget{
margin-bottom:30px;
}
.copyrights-col-left, .copyrights-col-right{
text-align:center;
}
.copyrights-col-left{
margin-bottom:20px;
}
.copyrights-col-right .social-icons{
text-align:center;
}
.copyrights-col-right .social-icons a{
margin:0 4px;
}
.grid-holder.col-2 .grid-item{
width:95%;
}
.grid-holder.col-3 .grid-item{
width:95%;
}
.grid-holder.col-4 .grid-item{
width:95%;
}
.media-box{
margin-bottom:20px;
}
.grid-item .media-box{
margin-bottom:0;
}
.listing-header-sub .next-prev-nav{
float:left;
}
.listing-header-sub h5{
margin-right:0;
}
.featured-block{
margin-bottom:20px;
}
.page-header h1{
font-size:24px;
}
.sidebar{
float:left;
width:100%;
margin-top:30px;
}
.staff-item{
margin-bottom:30px;
}
#back-to-top{
display:none!important;
}
/* Added in v1.2 */
.news-portal-cats{
margin-bottom:20px;
}
ul.timeline:before {
left: 40px;
}
ul.timeline > li > .timeline-panel {
width: calc(100% - 90px);
width: -moz-calc(100% - 90px);
width: -webkit-calc(100% - 90px);
}
ul.timeline > li > .timeline-badge {
left: 15px;
margin-left: 0;
top: 16px;
}
ul.timeline > li > .timeline-panel {
float: right;
}
ul.timeline > li > .timeline-panel:before {
border-left-width: 0;
border-right-width: 15px;
left: -15px;
right: auto;
}
ul.timeline > li > .timeline-panel:after {
border-left-width: 0;
border-right-width: 14px;
left: -14px;
right: auto;
}
/* Added in v1.3 */
.header-style3 .toprow{
height:auto;
text-align:center;
}
.top-menus.pull-right{
float:none!important;
}
.body #content-col, .body #sidebar-col{
float:none!important;
}
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
.hero-slider {
height: 150px;
}
.hero-slider.flexslider > ul.slides {
height: auto;
}
.hero-slider.flexslider ul.slides li {
height: 150px;
background-size: contain !important;
background-position: center !important;
}
.home .hero-slider {
top: 0 !important;
margin-bottom: 0 !important;
}
}
@media only screen and (max-width: 320px) {
.hero-slider {
height: 100px;
}
.hero-slider.flexslider > ul.slides {
height: auto;
}
.hero-slider.flexslider ul.slides li {
height: 100px;
background-size: contain !important;
background-position: center !important;
}
.home .hero-slider {
top: 0 !important;
margin-bottom: 0 !important;
}
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and ( min--moz-device-pixel-ratio: 2),
only screen and ( -o-min-device-pixel-ratio: 2/1),
only screen and ( min-device-pixel-ratio: 2),
only screen and ( min-resolution: 192dpi),
only screen and ( min-resolution: 2dppx) {
.site-header h1.logo .default-logo{
display:none;
}
.site-header h1.logo .retina-logo{
display:block;
}
}
/* Search & Filter Styles */
body
{
display:block;
}
.searchandfilter p
{
margin-top: 1em;
display:inline-block;
}
.searchandfilter ul
{
display:inline-block;
}
.searchandfilter li
{
list-style: none;
display:inline-block;
padding-right:10px;
}
/* If in a widget area make a single column by adding display block */
.widget-area .searchandfilter li, .widget-area .searchandfilter p
{
display:block;
}
.searchandfilter label
{
display:block;
}
.searchandfilter h4
{
margin:15px 0;
font-size:16px;
}
.searchandfilter ul > li > ul:not(.children)
{
margin-left:0;
}
#menu-header-menu .menu-item-1485 {display:none;}
#searchform{
display:none !important;
}
/* RECENT GALLERIES AREA USING ENJOY INSTAGRAM PLUGIN */
.home .featured-gallery .format-image {
display: none !important;
}
#grid-1 li {
width: 240px !important;
height: 170px !important;
margin-right: 20px !important;
}
.home .featured-gallery .ri-grid {margin: 0px auto !important;}
.home .featured-gallery .col-md-3 {
width: 25%;
z-index: 9999 !important;
}
/*CONTACT FORM 7 CUSTOM CSS */
textarea, input[type="text"],input[type="tel"], input[type="url"], input[type="email"] {width: 100%;max-width: 100%;}
.our-pastors ul li{
border: 1px solid #CCC;
padding: 20px 0px;
margin-bottom: 25px;
height: auto;
overflow: auto;
}
/*my css*/
.social {
position: absolute !important;
float: right !important;
right: 9px !important;
z-index: 999;
}
.social .widget {
margin-top: 23px;
margin-bottom: 0;
word-wrap: break-word;
}
.social .social-icons-widget ul li {
display: inline-block;
margin: 0 2px 10px 0;
}
.hs4-menu {
position: absolute;
right: 30px !important;
top: 0;
width: 80% !important;
}
.share-bar {
margin: 30px 0;
display: none;
}
.site-footer-bottom .social-icons {
text-align: right;
display: none;
}
.copyrights-col-left.col-md-6.col-sm-6 {
width: 100%;
text-align: center;
}
/*my media*/
@media (max-width: 1200px)
{
.topbar .col-md-4 {
width: 24%;
float: none;
position: static;
margin: 0 auto;
}
.site-header h1.logo
{
padding: 0px 0 5px;
}
.hs4-menu
{
position: absolute;
right: 170px !important;
top: 32px;
width: 100% !important;
float: none !important;
}
.social .widget {
margin-top: 50px;
}
.site-header .topbar {
height: 90px !important;
}
.home .featured-gallery .col-md-3 {
width: 27%;
}
}
@media (max-width: 768px)
{
.site-header .menu-toggle {
margin: 0 0px 0 0;
}
.social {
position: absolute !important;
top: -30px;
z-index: 999;
}
.site-header .menu-toggle {
font-size: 18px;
margin: 30px 10px 0 0;
float: left;
}
.hs4-menu
{
right: 0 !important;
top: 26px;
}
.site-header .menu-toggle {
margin: 0 10px 0 0;
}
.social .widget {
margin-top: 50px;
margin-left: 10px;
}
}
@media (max-width: 605px)
{
.site-header h1.logo {
padding: 0px 0 5px;
margin-top: 10px;
}
}
@media (max-width: 415px)
{
.social {
width: 70%;
margin: 0 auto;
margin-top: 45px;
}
.topbar .col-md-4 {
width: 35% !important;
float: none;
position: static;
margin: 0 auto;
}
.site-header h1.logo {
padding: 0px 0 0px;
margin-top: 0px !important;
}
.social .widget {
margin-top: 35px;
margin-left: 0px;
}
.site-header .menu-toggle {
color: #5e5e5e;
font-size: 18px;
z-index: 9999;
}
.site-header .menu-toggle {
margin: 0 0px 0 0;
}
}
@media (max-width: 385px)
{
.social {
width: 72%;
margin: 0 auto;
margin-top: 45px;
}
}
@media (max-width: 320px)
{
.topbar .col-md-4 {
width: 45% !important;
float: none;
position: static;
margin: 0 auto;
}
.social {
width: 76%;
margin: 0 auto;
margin-top: 45px;
}
}