/*
Theme Name: Nazareth
Theme URI: http://www.figthemes.com
Author: David Towoju
Author URI: http://www.figthemes.com
Description: Nazareth Church Theme will give your organisation the design experience it deserves. It is simple, powerful and easy to use
Version: 2.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: _nazareth
Tags: white, blue, one-column, two-columns, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, post-formats, sticky-post, theme-options, editor-style, custom-colors, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Nazareth is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

  * == Core CSS ==
	*Base
  *Typography
  *Elements
  *Forms, Buttons & Icons
  *Layouts......................... Header, Navigation, Sidebar and Footer
  *Content......................... Posts and pages, Asides, Comments
  *Components...................... Home Buckets, HeadLine, Timeline,

  * == Externals ==
  *Image Widget Plugin
  *Wordpress Core
  *Media Element JS

/* Base
   ========================================================================== */
@charset "UTF-8";
input{
    box-shadow: none;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}
li{
  list-style: none;
}
.no-padding{
  padding: 0 !important
}
.no-margin{
  margin: 0 !important
}
.no-padding-right{
  padding-right: 0
}
.no-padding-left{
  padding-left: 0
}
.inline-block{
  display: inline-block;
}
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin: 0 auto;
}

/* Typography
   ========================================================================== */
body{
  /*line-height: 26px*/
}
a:hover{
	text-decoration: none;
}
h1,h2,h3,h4,h5,h6{
	font-weight: 400;	
}
h1,.h1 {
	font-size: 28px;
}
h2, .h2 {
	font-size: 24px;
}
h3, .h3{
	font-size: 20px;
}
@media only screen and (max-width : 768px) {
  h3,.h3 {
      font-size: 15px
  }
  .navbar-nav > li > a:hover{
    background: rgba(0,0,0,0.1) !important;
  }
}
.screen-reader-text{
    border: 0 none;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
/* Elements
   ========================================================================== */
.site-logo{
  width: 210px;
  height: 45px;
  overflow: hidden;
  background-size: 100%;
}
#tagline{
    color: #666;
    font-weight: 300;
    margin-top: 28px;
    padding: 5px;
}

.strikethrough{
  text-align: center;
  text-transform: uppercase;
}
.strikethrough:before{
  border-top: 1px solid #eee ;
  content: "";
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
}
.strikethrough span{
  display: inline-block;
  background: #fff ;
  padding: 0 15px;
  position: relative;
  z-index: 1
}

/*Badge*/
.featured-media{
  margin-top: 15px
}
.featured-badge .fa {
    background: none repeat scroll 0 0 #6db97c;
    color: #fff;
    font-size: 24px;
    height: 40px;
    left: 20px;
    line-height: 50px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 30px;
    z-index: 1;
}
.featured-badge .fa::after {
    border-color: #6db97c #6db97c transparent;
    border-style: solid;
    border-width: 15px;
    bottom: -10px;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    width: 10px;
    z-index: -1;
}
.featured-badge .entry-meta{
  margin: 5px 0 5px 55px
}

/*BreadCrumb*/
.ctfw-breadcrumbs{
  /*border-bottom: 1px solid rgba(255,255,255,0.1);*/
  padding-top: 5px;
  position: relative;

}
.ctfw-breadcrumbs a {
    border: 0px solid #ccc;
    color: rgba(255, 255, 255, 0.5);
    font-size: 12px;
    margin-right: 5px;
    padding-bottom: 5px;
    text-transform: capitalize;
    background: none
}
.ctfw-breadcrumbs a:hover {
    text-transform: underline
}

/* Pagination */
.paging-navigation {
  font-family: sans-serif;
  padding: 1em;
  background: #fff;
  background: hsl(0, 0%, 100%);
}
.paging-navigation ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
.paging-navigation li {
  display: inline;
}
a.page-numbers,
span.page-numbers {
  padding: .3em .7em;
  color: #333;
  color: hsl(0, 0%, 20%);
  border: 1px solid #f1eee1
}
a:hover.page-numbers {
  color: #000;
  color: hsl(0, 0%, 0%);
}
.paging-navigation .current {
  font-weight: bold;
  color: #fff;
  /*background: #bad04f*/
}

/* Newsletter */
.newsletter-form{
  position: relative;
}
.newsletter-form input[type="text"],.newsletter-form input[type="email"]{
  color: #ccc;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0;
  height: 50px;
  border: 0px
}
.newsletter-form input[type="submit"] {
    padding: 0 10px;
    height: 39px;
    line-height: 37px;
    position: absolute;
    right: 5px;
    top: 5px;
    color: #fff;
    font-size: 12px
}
.site-footer input{

}
.site-filter{
  background: #fff;
  padding: 5px;
  margin-bottom: 40px
}

/*Select Box with arrows*/

.site-filter select {
  /* reset */
  margin: 0;      
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}
/* arrows */
select.classic {
  background-image:
    linear-gradient(45deg, transparent 50%, #6a7a21 50%),
    linear-gradient(135deg, #6a7a21 50%, transparent 50%),
    linear-gradient(to right, white, white);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    100% 0;
  background-size:
    5px 5px,
    5px 5px,
    2.5em 2.5em;
  background-repeat: no-repeat;
}

select.classic:focus {
  background-image:
    linear-gradient(45deg, #6a7a21 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, #6a7a21 50%);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    100% 0;
  background-size:
    5px 5px,
    5px 5px,
    2.5em 2.5em;
  background-repeat: no-repeat;
}

@media only screen and (max-width : 768px) {
  #tagline {
      border-bottom: 1px solid #eee;
      font-size: 12px
  }

}
/* Forms, Buttons & Icons
   ========================================================================== */
.gray-form input{
  background: #eee;
  padding: 8px 5px;
  border: 1px solid #fff
}
.gray-form .btn-search {
  position: absolute;
  right: 0;
  top: 4px;
  line-height: 0px;
  border: 0;
  color: #333;
  background: transparent;
}
input[type="button"],
input[type="reset"],
input[type="submit"]
{
  border:none;
  border-radius: 0;
  box-shadow: none;
  color: #fff;
  /*background: #cc6632;*/
  padding: .6em 1em .4em;
}
.form-control:focus{
  box-shadow: none;
  /*border: none;*/
}
/*Filter Buttons*/
.site-filter .form-control{
    display: inline-block;
    vertical-align: middle;
    width: auto;
    margin-right: 20px
}
.site-filter .form-control, .site-filter.form-control {
    /*background: none repeat scroll 0 0 #fff;*/
    border-radius: 0px;
    border-width: 2px;
    border-style: solid;
    color: #333;
    height: 40px;
    margin-right: 10px;
    padding: 0.5em 2.5em 0.5em 1em;
    cursor: pointer;
}
.site-filter select:hover{
  /*background: #b9cf4d*/
  opacity: 0.7
}

/*
Staff 
*/
.staff-box{
  margin-bottom: 15px
}

.staff-box h3, .staff-box h5{
  text-align: center;
  font-weight: normal;

}

.staff-box h5{
  line-height: 10px
}

.staff-box .social-button ul li i{
  font-size: 14px;
  margin-right: 10px
}

.staff-box .social-button{
  margin-top: 0
}

#staff-filter{
  text-align: center;
  margin-bottom: 25px
}

.btn, .btn-filled, input[type="button"], input[type="reset"], input[type="submit"], .sidebar-events h4, .events-table tr td h4 {
  background: #cc6632;
  color: #fff
}

.btn {
  border-radius: 0;
  box-shadow: none;
  padding: 0.6em 1.2em;
}

.btn-filled, .btn-bordered {
    border-radius: 0;
    display: inline-block;
    min-width: 90px;
    border-width: 2px;
}
.btn-filled {
    color: #fff;
}
.btn-bordered {
    background: none repeat scroll 0 0 transparent !important;
    border: 2px solid transparent;
    color: #666;
}
.btn-filled:hover {
    color: #fff;
    opacity: 0.7;
}
.btn-bordered:hover {
    color: #666;
    opacity: 0.7;
}
.btn-bordered.secondary,.btn-filled.secondary{
  border: 2px solid transparent;
}
.btn-blank{
  border: none;
  background: #fff !important;
  color: #999

}

.icon-dropdown{
  display: inline-block;
}
.icon-dropdown .btn{
  /*color: #b2b2b2;*/
  font-weight: bold
}
.icon-dropdown li{
  text-transform: capitalize;
}
.icon-dropdown .dropdown-menu{
  min-width: 120px;
  border: 2px solid #ccc;
  box-shadow: none;
}
#staff-filter .btn{
  margin-right: 15px;
  font-weight: bold;
}
#staff-filter .btn:hover{
  /*color: #fff*/
}

/*Social Share*/
.social-share ul {
  list-style: none;
  padding: 0;
  font-size: 0;
  margin-bottom: 0;
}

.social-share ul li {
  display: inline-block;
  margin: 0 5px;
}

.social-share ul li a {
  display: block;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 18px;
  color: #d9d9d9;
  width: 30px;
  border-radius: 50%;
  border: 1px solid  rgba(255,255,255,0.2)
}

.social-share ul li a:hover{
  color: #fff;
  border-color: transparent;
  webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
}

.social-share ul li a.facebook:hover{
  background: #4e7bc0;
}

.social-share ul li a.twitter:hover{
  background: #00bff3;
}

.social-share ul li a.g-plus:hover{
  background: #f4615e;
}

.social-share ul li a.linkedin:hover{
  background: #075a94;
}

.social-share ul li a.pinterest:hover{
  background: #E20909;
}

.social-share ul li a.delicious:hover{
  background: #0F7F9B;
}

.social-share ul li a.tumblr:hover{
  background: #084757;
}

.social-share ul li a.stumbleupon:hover{
  background: #D60000;
}


@media only screen and (max-width : 768px) {
  .social-share {
      padding: 20px 0;
      text-align: center;
  }
}
/*Social Button*/
 /*Blog Social Share */
.entry-summary .btn-style:before, 
.single.single-post .social-button:before{
  position: absolute;
  content: "";
  top: -24px;
  border-width: 1px;
  height: 1px;
  border-color: #999999;
  left: 50%;
  width: 20px;
  border-style: solid;
  margin-left: -10px;
}

.social-button{
  position: relative;
  margin-top: 20px;
  text-align: center;
}

.single.single-post .social-button{
  margin-top: 60px;
}
.social-button ul {
    background: none repeat scroll 0 0 #fff;
    display: inline-block;
    list-style: outside none none;
    margin: 0;
    padding: 0 20px;
}
/*.social-button ul{
  padding:0;
  margin: 25px 0 0;
  list-style: none;
  display: block;
}
*/
.social-button ul li a {
  color:#b2b2b2;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
}

.social-button ul li i {
  margin-right: 20px;
  text-align: center;
  font-size: 16px;
}

.social-button ul li {
  display: inline-block;
}

.social-button ul li a.facebook:hover {
  color:#4f7cc0;
}
.social-button ul li a.twitter:hover {
  color:#00bff5;
}
.social-button ul li a.g-puls:hover {
  color:#d34730;
}
.social-button ul li a.linkedin:hover {
  color:#007db3;
}
.social-button ul li a.digg:hover {
  color:#005073;
}
.social-button ul li a.reddit:hover {
  color:#333;
}
.social-button ul li a.pinterest:hover {
  color:#cf1c20;
}
.social-button ul li a.stumbleupon:hover {
  color:#00971E;
}
.social-button ul li a.tumblr:hover {
  color:#005A77;
}
.social-button ul li a.envelope:hover {
  color:#000;
}
.navbar-toggle{
  border: none
}
.navbar-toggle .icon-bar{
    height: 3px;
    width: 25px;
}
.navbar-toggle .icon-bar + .icon-bar{
  margin-top: 5px
}
/* Layout
   ========================================================================== */
.container{
	max-width: 1080px
}
@media only screen and (max-width : 768px) {
  #content.container {
      padding: 0px !important;
      margin: 0px !important
  }
}
/*Navigation*/

.navbar .navbar-nav > li:focus > a,
.navbar .navbar-nav > li:active > a,
.navbar .navbar-nav > li:hover > a,
.navbar .navbar-nav > li.active > a,
.navbar .navbar-nav > li.active:hover > a,
.navbar .navbar-nav > li.open > a,
.navbar .navbar-nav > li.open:hover > a {
  background-color: #eee;
}
.navbar .navbar-nav .dropdown-menu {
  background-color: #eee;
  box-shadow: none;
  border: 0;
  padding: 0;
  margin-top: -1px;
}
.navbar .navbar-nav .dropdown-menu > li > a {
  padding: 8px 15px;
}
.navbar .navbar-nav .dropdown-menu > li:hover > a,
.navbar .navbar-nav .dropdown-menu > li:focus > a,
.navbar .navbar-nav .dropdown-menu > li.active > a {
  background-color: rgba(0, 0, 0, 0.09);
}
.navbar .navbar-nav .dropdown-menu > li:last-child > a {
  border-radius: 0 0 3px 3px;
}
.navbar .navbar-nav .dropdown-menu > li.divider {
  background-color: rgba(0, 0, 0, 0.1);
}
.navbar .navbar-nav li.dropdown:hover > ul.dropdown-menu {
  display: block;
  -webkit-animation: fadeInUp 300ms;
  -moz-animation: fadeInUp 300ms;
  -ms-animation: fadeInUp 300ms;
  -o-animation: fadeInUp 300ms;
  animation: fadeInUp 300ms;
}

/*Sidebar*/
#secondary{
  /*background: #eee;*/
  padding-top: 0px
}
#secondary a{
  color: #444
}
#secondary a:hover{
  text-decoration: underline;
}
#secondary h3{
  padding: 5px;
  text-transform: uppercase;
  font-size: 14px;
  text-shadow: 0px 0px 1px #eee;
}
#secondary ul{
  list-style: none;
  padding: 0;
}
#secondary .widget {
    /*border-bottom: 1px solid #ddd;*/
    margin-bottom: 30px
}
#secondary .widget-title,.service-times .widget-title {
    position: relative;
    margin-top: 0;
    font-weight: bold;
    /*color: #cc6632*/
}
#secondary .sidebar-sermon .row{
    /*border-bottom: 1px dotted rgba(0,0,0,0.2);*/
    /*padding: 8px 0;*/
}
.site-footer .sidebar-sermon .row{
    border-bottom: 1px dotted rgba(255,255,255,0.1);
    padding: 8px 0;
}
#secondary{
  padding-left: 0
}

#secondary .sidebar-sermon .entry-thumbnail{
  padding-right: 0
}

.sidebar-sermon .entry-details{
/*  padding-right: 0;
*/  font-weight: normal;
  font-size: inherit;

}
.sidebar-sermon .entry-thumbnail{
  padding-right: 0;
}

.content-area.col-md-9{
  padding-right: 45px 
}

.sidebar-sermon .entry-meta, .sidebar-people .entry-meta{
  font-size: 12px;
  font-style: italic;
  margin: 0
}
.sidebar-sermon .entry-meta span{

  padding: 0;
  border: 0;
}

.sidebar-sermon .row{
  margin-bottom: 20px
}

.sidebar-events{
  font-size: 14px;
}
.sidebar-events a{
  color: #555
}
.sidebar-events .event-data{
  padding-top: 5px
}
.sidebar-events h4 span:first-child{
  font-weight: 300;
}
.sidebar-events h4 span{
  font-size: 16px !important
}

.sidebar-events .row {
  margin-bottom: 15px
}
.sidebar-events h4{
  /*background: none repeat scroll 0 0 #cc6632;*/
  color: #fff;
  margin: 3px 0 0;
  padding: 5px;
  text-transform: uppercase;
  text-align: center;
}
.sidebar-people .row{
  margin-bottom: 10px
}
.sidebar-people .entry-meta{
  margin-top: 3px
}
.sidebar-people span{
  display: block;
  padding-left: 0;
  border: 0
}
.featured-media{
  position: relative;
}
.featured-media h2{
  margin: 0 0 5px
}
.featured-media .bg-cover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3;
}
/*Footer*/
#colophon{
  color: #999;
  background: #353429;
  /*margin-top: 50px*/
}
.site-footer p{
  color: #999 !important;
}

.site-footer{
  padding-top: 20px;
}
.site-widget{
  margin-top: 0 0 20px;
}
.footer-widget h3{
  /*color: #b9cf4d;*/
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold
}
.footer-widget ul{
    list-style: none outside none;
    padding-left: 0;
}
.footer-widget a{
  color: #999
}
.site-info{
  padding: 15px 0;
  background: rgba(0,0,0,0.2);
}
.footer-socials{
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding-bottom: 7px
}
/* Content
   ========================================================================== */
.site-content{
  padding-bottom: 50px
}
.content-area{
  padding-top: 0
}
.entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5{
  margin-top: 40px
}
.entry-header.with-meta{
  margin: 30px 0;
}
.entry-header{
  position: relative;
}

h2.entry-title{
  margin-bottom: 0px;
}

.entry-title{
  position: relative;
}

.entry-title.strikethrough{
  font-weight: bold;
/*  letter-spacing: 1px;
*/  margin: 30px 0;
}
.entry-header.with-meta .entry-title.strikethrough{
  margin: 0
}
.entry-title.strikethrough:before{
  border-top: 5px solid #eee ;
}
.entry-thumbnail{
  margin-bottom: 3px
}
.entry-meta{
  color: #999;
  /*font-size: 0.9em;*/
  margin: 5px 0;
}
.entry-meta > span{
  text-transform: capitalize;
  padding: 0 0px 0 2px;
  display: inline-block;
  line-height: 12px;
  font-style: italic;
}
.entry-meta > span:before {
    content: " / ";
}
.entry-meta > span:first-child:before{
  padding-left: 0;
  content: none
}
.entry-meta > span:last-child{
  border-right: 0px solid #999;
}
.masonery_area .entry-meta{
  margin-top: 0;
  font-size: 12px
}
.single-post .entry-content{
  padding-top: 10px
}
article.post, .archive article{
  padding-bottom: 30px
}

.profile-heading,
.comment-head,
.user-profile.media,
.widget .nav,
.page #content article.post,
.blog #content article.post,
.archive #content article.post,
.search-results #content article.post,
.search-results #content article.page,
.single #content article.post{
  border-bottom: 1px solid #eee
}

/*Masonery*/
.masonery_area .col{
  min-height: 250px;
}
.masonery_area h2{
  font-size: 16px;
  display: inline;
  font-weight: normal;
}

/*/
*Posts and pages*/
.sticky {
  display: block;
}

.hentry {
  margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
  display: none;
}

.single .byline,
.group-blog .byline {
  display: inline;
}
.page-content, .entry-content, .entry-summary,.page-content p, .entry-content p, .entry-summary p{
  line-height: 28px
}
.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

/*Asides*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
  display: none;
}

/* Comments */
.comment-content a {
  word-wrap: break-word;
}
.bypostauthor {
  display: block;
}
#respond textarea{
  display: block;
  width: 100%;
  height: 210px;
  border: 1px solid #eee;
  margin-bottom: 30px;
  resize:none;
  padding: 10px 15px;
  background: #fff;
}

#respond ::-webkit-input-placeholder{
  font-weight: 300;
  font-size: 14px;
  letter-spacing: 1px;
}

#respond .logged-in-as{
  padding-left: 15px;
}

.comment-respond{
  padding-bottom: 50px;
}

.comment-list{
  padding: 0;
  list-style: none;
}

.comment-list .comment-avartar {
  position: relative;
}

.comment-list .comment-body .comment-time{
  margin: 0 10px 0 0px;
}

.comment-list .children{
  padding-left: 40px;
}


#respond input[type="text"], 
#respond input[type="email"], 
#respond input[type="url"] {
  display: block;
  width: 100%;
  height: 50px;
  border: 1px solid #eee;
  background: #fff;
  margin-bottom: 20px;
  padding: 0 20px;
  color: #888888;
}

#comments {
  padding: 20px 0;
  margin-top: 30px;
}

.comment-list .comment-body .comment-head {
  position: relative;
}

.comment-list .comment-body .comment-date {
  color: #888888;
  font-size: 12px;
  font-style: italic;
  font-weight: 700;
  position: absolute;
  right: 0;
  top: 0;
}

.comment-content p{
  color: #333333;
}

#comments .comments-title{
  margin-top: 0;
}

.comment-list .comment-context {
  position: relative;
}

.comment-list .comment-body{
  margin-bottom:40px;
}

#comments .form-submit #submit {
  display: inline-block;
  padding: 6px 12px;
  border-radius: 0;
}

#respond .form-submit {
  text-align: left;
}


#respond input:focus, 
#respond textarea:focus {
  outline-offset: 0;
  outline: 0;
  border-color: #2fccf7;
}
/* User Profile */

.user-profile.media {
  margin-top: 30px;
  padding-bottom: 50px;
}

.author-avater img, 
.comment-avartar img{
  border-radius: 50%;
}

.profile-heading, 
.comment-head{
  padding-bottom: 8px;
  margin-bottom: 10px;
}

.profile-heading h3, 
.comment-author {
  margin-bottom: 2px;
  margin-top: 15px;
  text-transform: capitalize;
}

span.website-link{
  display: block;
  color: #888888;
  font-weight: 700;
  font-style: italic;
}

.author-social-profile {
  list-style: none;
  padding: 0;
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 0;
}

.author-social-profile li{
  display: inline-block;
  margin-right: 5px;
}

.author-social-profile li a:hover{
  opacity: .8;
}

.author-social-profile li a i {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: #ddd;
  color: #fff;
  border-radius: 50%;
  font-size: 14px;
}

.author-social-profile li a i.fa-facebook{
  background-color: #4464a3;
}

.author-social-profile li a i.fa-twitter{
  background-color: #03b4ef;
}

.author-social-profile li a i.fa-google-plus{
  background-color: #e25641;
}

.author-social-profile li a i.fa-linkedin{
  background-color: #0286be;
}

.author-social-profile li a i.fa-tumblr{
  background-color: #a3a3a3;
}

.author-social-profile li a i.fa-pinterest{
  background-color: #f62d0e;
}


/**/
.events-table tr{
  border-bottom: 1px solid #eee;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.events-table tr.hide-jobs{
  display: none;
}
.events-table tr td h3{
  /*font-weight: normal;*/
  text-transform: capitalize;
  margin: 0;
  font-size: 18px
}
.events-table tr td h3 span{
  font-size: 13px;
  text-transform: capitalize;
  display: inline-block;
  margin-top: 6px;
  margin-right: 10px;
  font-weight: normal;
  color: #777
}
.events-table tr td h3 .fa{
  /*color: #cc6632*/

}

.events-table tr td h4{
  /*background: none repeat scroll 0 0 #cc6632;*/
  color: #fff;
  font-size: 25px;
  font-weight: normal;
  margin: 0;
  padding: 0 0 5px 5px;
  text-transform: capitalize;
}
.events-table tr td h4 span{
  font-weight: 300;
  font-size: 18px;
  text-transform: uppercase;
}
.events-table tr td{
  padding: 6px;
}
.events-table tr td:first-child{
  padding-left: 0px;
}

.events-table tr td p i{
  color: #00AEEF
}
.events-table tr td p{
  font-size: 13px
}
.events-table tr td a{
  color: #ccc;
  padding:12px 15px;
  border-radius: 5px;
  font-size: 29px;
  text-decoration: none;

  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.events-table tr:hover td a{
  /*color: #cc6632*/
}
.events-table tr:hover td a:hover{
  background: #fff;
/*  color: #cc6632*/
}
.events-table > thead > tr > th, .events-table > tbody > tr > th, .events-table > tfoot > tr > th, .events-table > thead > tr > td, .events-table > tbody > tr > td, .events-table > tfoot > tr > td{
  border-top: 0px;
  vertical-align: middle;
  padding: 15px
}
.events-table > tbody > tr > td.tbl-logo{
  padding-right: 0px
}
.events-table > tbody > tr > td.tbl-apply{
  padding-right: 10px;
  padding-left: 0px;
}
.events-table > tbody > tr > td.event-date{
  /*padding-left: 5px*/
}
.events-table > tbody > tr > td.event-title{
  padding-left: 5px 0;
}
.table-striped > tbody > tr:nth-child(2n+1){
/*  background: #b9cf4d;
  opacity: 0.5;
  filter: alpha(opacity=50);*/
}
.event-single-meta{
  margin: 10px 0px 
}
.event-single-meta h1{
  font-size: 16px
}

.event-single-meta span{
    display: block;
    line-height: normal;
    padding: 2px 0;
    border: 0px none;
    font-size: 14px;
}
.event-single-meta span i{
    /*color: #cc6632*/
}
.event-single-meta span::before{
  content: none;
}

/* Infinite scroll */
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

/* Media */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

/* Captions */
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin: 0 auto;
}

.wp-caption-text {
  text-align: center;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

/* Galleries */
.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

.gallery-columns-2 .gallery-item {
  max-width: 50%;
}

.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
  max-width: 25%;
}

.gallery-columns-5 .gallery-item {
  max-width: 20%;
}

.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}
.gallery-item img{
  display: block;
  height: auto;
  max-width: 100%;
}
.gallery-caption {
  display: block;
}
ul.gallery-widget{

}
ul.gallery-widget li{
  /*margin-bottom: 3px;*/
}
ul.gallery-widget li:first-child{
  /*margin-left: 0px*/
}
.album .col {
  margin-bottom: 15px;
  padding-left: 8px;
  padding-right: 8px;
}
.album_item{
    transition: all 1s;

}
.album_item:hover div.image_overlay{
  opacity: 1;
}
.image_overlay{
position: absolute;
width: 100%;
height: 100%;
background: rgba(247,77,101,.9);
left: 0;
top: 0;
opacity: 0;
transition: all 1s;
pointer-events: none;
}
.image_overlay h2{
position: absolute;
bottom: 28px;
left: 20px;
font-size: 25px;
color: #fff;
text-transform: uppercase;
letter-spacing: 3px;  
}
.image_overlay h4{
position: absolute;
bottom: 3px;
left: 23px;
color: #fff;
font-size: 14px;
text-transform: uppercase;  
}


/* Components 
   ========================================================================== */

/*Headline - for displaying headlines*/
.headline{
  background: url("images/tagline.png") center repeat-y;
  margin: 0 0 10px;
  padding: 20px 0  
}
.headline p{
  font-weight: 300;
  text-align: center;
  padding-top: 25px;
  font-size: 36px;
  margin: 0;
  padding-top: 0;
}
@media only screen and (max-width : 768px) {
  .headline p{
    font-size: 25px
  }
}
/*Buckets */


.bucket{
  /*padding: 0*/
}

.bucket>h3:before {
  border-top: 1px solid #eee ;
  content: "";
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  z-index: -1;
}
.bucket  h3 span {
  padding: 5px 15px;
  background: #fff
}

.bucket .entries{
  /*padding: 0px*/
}

.bucket h3{
  position: relative;
  z-index: 1;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  border-bottom: 0px;
  margin-bottom: 10px;
  padding: 20px 0;
}

#bucket-one{
  padding-right: 0px
}
#bucket-three{
  padding-left: 0px
}

#bucket-two{
  margin-bottom: 20px;
  padding-left: 0px;
  padding-right: 0px
}

#bucket-one .entries{
  padding-right: 15px
}
#bucket-two .entries{
  padding: 0 15px;
  margin-top: 30px
}
#bucket-three .entries{
  padding-left: 15px
}

#bucket-two span{
  color: rgba(0, 0, 0, 0.6);
  background: #b9cf4d
}


#bucket-one, #bucket-three{
  margin-top:30px; 
}

@media only screen and (max-width : 768px) {
  #bucket-one, #bucket-three{
    margin-top:0px; 
  }
  #bucket-one .entries{
    padding: 0 20px 0 15px; 
  }  
  #bucket-three .entries{
    padding: 0 5px 0 30px; 
  }
}
#bucket-two h3:before{
  /*background: #bad04f;*/
  border-left: 1px solid #eee;
  border-right: 1px solid #eee
}
#bucket-one h3, #bucket-three h3{
  /*border-bottom: 1px solid #bad04f;*/
}
/**/

/*Timeline Style*/
.timeline {
    position: relative;
    padding: 0;
    list-style: none;
    margin: 60px 0
}

.timeline:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 40px;
    width: 2px;
    margin-left: -1.5px;
    background-color: #f1f1f1;
}

.timeline a {
  /*color: #fff*/
}

.timeline>li {
    position: relative;
    margin-bottom: 50px;
    min-height: 50px;
}

.timeline>li:before,
.timeline>li:after {
    content: " ";
    display: table;
}

.timeline>li:after {
    clear: both;
}

.timeline>li .timeline-panel {
    float: right;
    position: relative;
    width: 100%;
    padding: 0 20px 0 100px;
    text-align: left;
}

.timeline>li .timeline-panel:before {
    right: auto;
    left: -15px;
    border-right-width: 15px;
    border-left-width: 0;
}

.timeline>li .timeline-panel:after {
    right: auto;
    left: -14px;
    border-right-width: 14px;
    border-left-width: 0;
}

.timeline>li .timeline-image {
    z-index: 100;
    position: absolute;
    left: 0;
    width: 80px;
    height: 80px;
    margin-left: 0;
    border: 7px solid #f1f1f1;
    border-radius: 100%;
    text-align: center;
    color: #fff;
}

.timeline>li .timeline-image h3 {
    margin-top: 12px;
    font-size: 10px;
    line-height: 14px;
}

.timeline>li.timeline-inverted>.timeline-panel {
    float: right;
    padding: 0 20px 0 100px;
    text-align: left !important;
}

.timeline>li.timeline-inverted>.timeline-panel:before {
    right: auto;
    left: -15px;
    border-right-width: 15px;
    border-left-width: 0;
}

.timeline>li.timeline-inverted>.timeline-panel:after {
    right: auto;
    left: -14px;
    border-right-width: 14px;
    border-left-width: 0;
}

.timeline>li:last-child {
    margin-bottom: 0;
}

.timeline .timeline-heading h3 {
    margin-top: 0;
    color: inherit;
}

.timeline .timeline-heading h3.subheading {
    text-transform: none;
}   

.timeline .timeline-body{
/*  font-size: 16px;
  font-weight: normal;*/
}

.timeline .timeline-body>p,
.timeline .timeline-body>ul {
    margin-bottom: 0;
}
@media only screen and (min-width : 768px) {
    .portfolio-header .container {
        padding-top: 200px;
        padding-bottom: 100px;
    }

    .portfolio-header .intro-text .name {
        font-size: 4.75em;
    }

    .portfolio-header .intro-text .skills {
        font-size: 1.75em;
    }

    .navbar-fixed-top {
        padding: 25px 0;
        -webkit-transition: padding .3s;
        -moz-transition: padding .3s;
        transition: padding .3s;
    }

    .navbar-fixed-top .navbar-brand {
        font-size: 2em;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

    .navbar-fixed-top.navbar-shrink {
        padding: 10px 0;
    }

    .navbar-fixed-top.navbar-shrink .navbar-brand {
        font-size: 1.5em;
    }

    .timeline:before {
        left: 50%;
    }

    .timeline>li {
        margin-bottom: 60px;
        min-height: 100px;
    }

    .timeline>li .timeline-panel {
        float: left;
        width: 41%;
        padding: 0 20px 20px 30px;
        text-align: right !important;
    }

    .timeline>li .timeline-image {
        left: 50%;
        width: 100px;
        height: 100px;
        margin-left: -50px;
    }

    .timeline>li .timeline-image h3 {
        margin-top: 16px;
        font-size: 13px;
        line-height: 18px;
    }

    .timeline>li.timeline-inverted>.timeline-panel {
        float: right;
        padding: 0 30px 20px 20px;
        text-align: left !important;
    }

  .post-inner-content {
    padding: 15px 40px 30px;
  }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .timeline>li {
        min-height: 150px;
    }

    .timeline>li .timeline-panel {
        padding: 0 20px 20px;
    }

    .timeline>li .timeline-image {
        width: 150px;
        height: 150px;
        margin-left: -75px;
    }

    .timeline>li .timeline-image h3 {
        margin-top: 30px;
        font-size: 18px;
        line-height: 26px;
    }

    .timeline>li.timeline-inverted>.timeline-panel {
        padding: 0 20px 20px;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    .timeline>li {
        min-height: 170px;
    }

    .timeline>li .timeline-panel {
        padding: 0 20px 20px 100px;
    }

    .timeline>li .timeline-image {
        width: 170px;
        height: 170px;
        margin-left: -85px;
    }

    .timeline>li .timeline-image h3 {
        margin-top: 40px;
    }

    .timeline>li.timeline-inverted>.timeline-panel {
        padding: 0 100px 20px 20px;
    }
}

/*map*/
.ctfw-google-map{
    color: #000;
    height: 300px;
    width: 100%;
}

/**/
.contact_info{
  border-bottom: 1px solid #f5f5f5;
  padding: 10px 0
}

.media-left, .media-right, .media-body{
  display: block;
}


.text-on-image{
    color: #fff;
    left: 50%;
    margin: 0 !important;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    text-transform: uppercase;
  }
.text-on-image p{
  font-size: 16px;
  letter-spacing: 1px;
  margin: 5px 0 0;
  text-shadow: 0.1px 0.7px 0.3px #333;
}

.featured-media .text-on-image{
    width: 100px;
}

.highlight .text-on-image{
  top: 80%;
  border-top: 1px solid #fff;
  width: 70% 
}


article.ctc_location{
  margin-bottom: 40px 
}
.service-times .widget-title{
  margin: 15px 0
}


.comment-context{
    background-color: #f7f7f7;
    border-radius: 4px;
    margin-bottom: 20px;
    min-height: 20px;
    padding: 19px;
    overflow: hidden;
}
.ctc_location .ctfw-google-map{
  height: 250px
}

.featured-media h1{
  margin-top: 10px;
  margin-bottom: 0px
}

.clickable-row{
  cursor: pointer;
}

.gallery-icon{
  position: relative;

}
.gallery-icon:hover:after{
    content:"\A";
    width:100%;
    height:100%;
    background:rgba(0, 0, 0, 0.2);
    position:absolute;
    top:0;
    left:0;
      pointer-events: none;

}

.error-404 .page-title {
    color: #333;
    font-size: 20em;
    font-weight: bold;
    line-height: 0.8em;
    text-align: center;
}

.single-ctc_sermon .social-button i{
  margin-right: 0px
}
.single-ctc_sermon .social-button li{
  margin-right: 10px
}

.widget-area ul li {
    box-sizing: border-box;
    padding: 0 0 8px;
    position: relative;
}
.widget-area ul li a {
    margin-left: 10px;
}
.widget-area ul li::before {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
}
.widget-area ul.children {
    margin-top: 10px;
}
.widget-area ul.children li {
    margin-left: 15px;
}
.gallery-widget .gallery-item{
  padding-right: 5px;
  padding-bottom: 5px;
}
.gallery-widget li{
  padding: 0 !important;
}
.gallery-widget li a{
  margin-left: 0px !important;
}
.gallery-widget li::before {
    content: none !important;
}




.text-center{
  text-align: center !important
}

/***************************************************************************
* EXTERNALS 
***************************************************************************/


/* Image Widget Plugin */
.widget_sp_image{
  margin-bottom: 10px;
  border-bottom: 1px solid #eee;
  background: #f9f9f9
}

/*Media Element JS*/
.audio-player{
  background-color: #333;
  height: 123px
}
.video-player{
  position: relative;
}

/*Contact Form 7*/
.wpcf7-form{
    background-color: #f1f1f1;
    padding: 30px 30px 0px;
}
.wpcf7-form-control{
    border: 0 solid #fff;
    border-radius: 0;
    height: 43px;
    margin-bottom: 20px;  
}





/* calendar */
table.calendar ul{list-style: none; padding: 0; margin-top: 20px}
table.calendar ul li{ white-space: nowrap; text-overflow:clip; overflow: hidden;}
table.calendar ul li a{font-size: 12px; padding: 0 0 2px !important}
table.calendar    { border-left:1px solid #ddd; margin-top: 5px; table-layout: fixed; }
tr.calendar-row {  }
td.calendar-day { min-height:80px;  position:relative; width:120px;  } * html div.calendar-day { height:80px; }
td.calendar-day:hover { background:#eceff5; }
td.calendar-day-np  { background:rgba(0, 0, 0, 0.07) ; opacity: 0.5; min-height:80px; } * html div.calendar-day-np { height:80px; }
td.calendar-day-head { color: #fff; font-weight:bold; text-align:center; padding:5px; border-top:1px solid #cc6632; border-right:1px solid #eee; }
div.day-number    { background:#eee; padding:5px; color:#777; font-weight:bold; float:right; margin:-5px -5px 0 0; width:20px; text-align:center; }
/* shared */
td.calendar-day, td.calendar-day-np{ font-size:11px; width:120px; padding:5px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; height: 100px }
table.calendar .today .day-number{
  background: #999;
  color: #fff
}
.calendar-meta a{
  color: rgba(0,0,0,0.2);
  font-size: 30px;
  line-height: 20px;
}
.calendar-meta p{
  color: rgba(0,0,0,0.4);
  font-size: 25px;
  font-weight: normal;
  padding-top: 0;
  padding-bottom: 0
}
.popover-title{
}
.popover-content p, .popover-title{
  font-size: 12px
}
#form-calendar {
}
#form-calendar .form-control{
  box-shadow: none;
  border-radius: 0px;
  width: 9em
}

.footer-widget{
  margin-bottom: 5px
}



.nav-previous{
  float: left;
}
.nav-next{
  float: right;
}