/* $image1, image, Body Background, /_assets/img/bg_body.jpg */
/* $background1, color, Page Background */
/* $background2, color, Footer Background */
/* $background3, color, Dark Sections Background */
/* $background4, color, Light Sections Background */
/* $background5, color, Live Stream Background */
/* $color1, color, Dark Sections Color */
/* $color2, color, Nav */
/* $color3, color, Text */
/* $color4, color, Links */
/* $color5, color, Text Alt 1 */
/* $color6, color, Text Alt 2 */
/* $color7, color, Text Alt 3 */
/* Image 1 - Body Background
================================================== */
body {
    /* $image1 */
    background-image: url(/_assets/img/bg_body.png);
}

/* Background 1 - Page Background
================================================== */
nav.mobile,
nav.mobile .nav-inner:after,
#content,
#content .content-section,
#module-search fieldset,
.ui-selectmenu,
.ui-selectmenu-button,
#event-control-bar {
    /* $background1 */
    background-color: #ffffff;
}

table caption,
.button-small:hover,
.button-medium:hover,
.rsvp a:hover,
#content .monkForm input[type=submit]:hover,
#comment-submit,
#newsletter_submit:hover,
#content ul.media li a:hover,
.ui-selectmenu-button.ui-state-focus span.ui-selectmenu-text,
.ui-selectmenu-button.ui-state-focus span.icon-selectmenu,
.ui-selectmenu-menu .ui-menu li,
#sidebar section .title a span,
.calendar th,
.calendar td > a:hover,
.list-time-month,
.featured-description:hover p,
#text .gallery a {
    /* $background1 */
    color: #ffffff;
}

.ui-selectmenu-menu .ui-menu li:hover {
    /* $background1 */
    background-color: rgba(255, 255, 255, 0.35);
}

/* Background 2 - Footer Background
================================================== */
#footer .top {
    /* $background2 */
    background-color: #fffbfa;
}

#footer .social-links li a span {
    /* $background2 */
    color: #fffbfa;
}

/* Background 3 - Dark Sections Background
================================================== */
#content hr {
    /* $background3 */
    color: #85726f;
}

body,
#content hr,
#content .content-section.dark,
#content .content-section.live-section {
    /* $background3 */
    background-color: #85726f;
}

#billboard h1,
#event-nav {
    /* $background3 */
    background-color: rgba(133, 114, 111, 0.2);
}

.homepage #content #text.welcome .button-small:hover,
.homepage #content #text.welcome .button-medium:hover,
#content .content-section.dark .button-small:hover,
#content .content-section.dark .button-medium:hover,
#content .content-section.dark .media li a:hover {
    /* $background3 */
    background-color: #85726f;
}

#content #event-nav li.active a {
    /* $background3 */
    border-color: #85726f;
}

/* Color 1 - Dark Sections Color
================================================== */
.homepage #content #text.welcome h2,
.homepage #content #text.welcome h3,
.homepage #content #text.welcome h4,
.homepage #content #text.welcome h5,
.homepage #content #text.welcome h6,
.homepage #content #text.welcome p,
.homepage #content #text.welcome a,
.homepage #content #text.welcome .button-small,
.homepage #content #text.welcome .button-medium,
.homepage #content #text.welcome .button-large,
#content .content-section.dark h2,
#content .content-section.dark h3,
#content .content-section.dark h4,
#content .content-section.dark h5,
#content .content-section.dark h6,
#content .content-section.dark p,
#content .content-section.dark a,
#content .content-section.dark .widget.events a:hover .meta,
#content .content-section.dark .button-small,
#content .content-section.dark .button-medium,
#content .content-section.dark .button-large,
#content .content-section.dark .media li a,
#content .content-section.dark .widget.events h3,
#footer .btm nav ul li a {
    /* $color1 */
    color: #ffffff;
}

#content .content-section.dark .meta {
    /* $color1 */
    color: rgba(255, 255, 255, 0.5);
}

#content .content-section.dark .widget.events .date-wrap,
.homepage #content #text.welcome .button-small,
.homepage #content #text.welcome .button-medium,
.homepage #content #text.welcome .button-large,
#content .content-section.dark .button-small,
#content .content-section.dark .button-medium,
#content .content-section.dark .button-large,
#content .content-section.dark .media li a {
    /* $color1 */
    background-color: rgba(255, 255, 255, 0.15);
}

#content .content-section.dark .widget.events a:hover .date-wrap {
    /* $color1 */
    border-color: rgba(255, 255, 255, 0.3);
}

.homepage #content #text.welcome .button-small,
.homepage #content #text.welcome .button-medium,
#content .content-section.dark .button-small,
#content .content-section.dark .button-medium,
#content .content-section.dark .media li a {
    /* $color1 */
    border-color: rgba(255, 255, 255, 0.15);
}

.homepage #content #text.welcome .button-large,
#content .content-section.dark .button-large {
    /* $color1 */
    border-bottom-color: rgba(255, 255, 255, 0.15);
}

.homepage #content #text.welcome .button-large:hover,
#content .content-section.dark .button-large:hover {
    /* $color1 */
    border-color: rgba(255, 255, 255, 0.3);
}

/* Color 2 - Nav
================================================== */
#metanav .top-links li a span,
#header .logo,
#header .logo a,
#nav > li > a,
#nav > li:hover > a,
#nav > li.current > a,
h1,
#footer .btm nav ul li a,
#blogs .comment-header,
#blogs .detail-item-header,
#blogs .list-item-header {
    /* $color2 */
    color: #ffffff;
}

#nav > li:hover > a,
#nav > li.current > a,
#blogs #content .detail-item-header a,
#blogs #content .list-item-header a,
#blogs #content .blog-comments a {
    /* $color2 */
    color: rgba(255, 255, 255, 0.65);
}

#mobile-open,
#metanav,
#nav > li > .meganav {
    /* $color2 */
    background-color: #ffffff;
}

#mobile-open,
#metanav {
    /* $color2 */
    background-color: rgba(255, 255, 255, 0.8);
}

#nav > li.dropdown > a:after {
    /* $color2 */
    border-bottom-color: rgba(255, 255, 255, 0.6);
}

#nav > li > .meganav {
    /* $color2 */
    border-color: rgba(255, 255, 255, 0.6);
}

/* Color 3 - Text
================================================== */
body,
table td,
table th,
table td,
textarea,
#search_term2,
#module-search-term,
#mobilenav > li > a,
#content .monkForm label,
#content .monkForm legend,
#content .monkForm p,
#event-control-bar h3,
#event-control-bar .event-list-title,
.calendar-month,
.list-month-title,
.calendar td > a,
.list-weekday,
.featured-start,
.items article.detail .title h2,
#footer .social-links li a,
#footer .social-links li a:hover {
    /* $color3 */
    color: #000000;
}

.calendar th,
#blogs .detail-item-header,
#blogs .list-item-header,
#blogs .comment-header,
.gallery,
.gallery p.title {
    /* $color3 */
    background-color: #000000;
}

#content .content-section .widget.events a .date-wrap {
    /* $color3 */
    background-color: rgba(0, 0, 0, 0.15);
}

.gallery {
    /* $color3 */
    border-color: #000000;
}

#content .content-section .widget.events a:hover .date-wrap {
    /* $color3 */
    border-color: rgba(0, 0, 0, 0.3);
}

/* Color 4 - Links
================================================== */
a,
#mobile-open span,
#nav .meganav .links li a,
#searchForm #search_go:hover,
#searchForm2 #search_go2:hover,
#mobilenav > li.open > a,
#mobilenav > li.open > a span,
#mobilenav .meganav .links li a,
.button-small,
.button-large,
.button-large:hover,
#module-search-submit,
#content .widget.events h3,
#content .ui-selectmenu-text,
.ui-selectmenu-button span.ui-selectmenu-text,
.ui-selectmenu-button span.icon-selectmenu,
#content .widget.events a:hover .meta,
#event-control-bar h3 span,
.calendar td > a:hover,
#subnav > li > ul > li > a,
#footer .btm nav ul li a:hover {
    /* $color4 */
    color: #da6d3e;
}

#metanav .top-links li a:hover span,
.button-small:hover,
#content ul.media li a:hover,
#content .ui-selectmenu.ui-state-active,
#content .ui-selectmenu-button.ui-state-focus,
.ui-selectmenu-menu,
.ui-selectmenu-menu .ui-menu,
#sidebar section .title a:hover span,
#footer .social-links li a:hover span {
    /* $color4 */
    background-color: #da6d3e;
}

.button-small:hover {
    /* $color4 */
    border-color: #da6d3e;
}

.button-large:hover {
    /* $color4 */
    border-color: rgba(218, 109, 62, 0.3);
}

/* Color 5 - Text Alt 1
================================================== */
a:hover,
#pagination #current,
h3,
h5,
blockquote,
.button-medium,
.rsvp a,
#content .monkForm input[type=submit],
#comment-submit,
#newsletter_submit,
#nav .meganav .links li a:hover,
#mobilenav .meganav .links li a:hover,
#searchForm #search_go,
#searchForm2 #search_go2,
#module-search-submit:hover,
#subnav > li > ul > li.current > a,
#content #event-nav li a:hover,
#content #event-nav li.active a,
.list-time-day {
    /* $color5 */
    color: #1e4871;
}

.button-medium:hover,
.rsvp a:hover,
#content .monkForm input[type=submit]:hover,
#comment-submit:hover,
#newsletter_submit:hover,
#metanav .top-links li a span,
#sidebar section .title span,
#footer .social-links li a span,
.cycle-pager span.cycle-pager-active,
.list-time-month {
    /* $color5 */
    background-color: #1e4871;
}

#content .content-section .widget.featured article a:after {
    /* $color5 */
    background-color: rgba(30, 72, 113, 0.7);
}

.button-medium,
.rsvp a,
#content .monkForm input[type=submit],
#comment-submit,
#newsletter_submit,
blockquote {
    /* $color5 */
    background-color: rgba(30, 72, 113, 0.15);
}

.button-medium:hover,
.list-time-day,
.list-time-month {
    /* $color5 */
    border-color: #1e4871;
}

.button-medium,
.rsvp a,
#content .monkForm input[type=submit],
#comment-submit,
#newsletter_submit {
    /* $color5 */
    border-color: rgba(30, 72, 113, 0.15);
}

/* Color 6 - Text Alt 2
================================================== */
table th,
h4,
h6,
blockquote b,
blockquote strong,
#content hr.hr-light,
#subnav > li > ul > li > a:hover:before,
#subnav > li > ul > li > ul > li > a,
#subnav > li > ul > li > ul > li > a:hover:before,
#content .widget .meta,
.items article .meta,
#events .meta,
.featured-event .meta,
article.event-detail .time .event-sep,
.items article .time {
    /* $color6 */
    color: #da6f3a;
}

#content .widget .meta {
    /* $color6 */
    color: rgba(218, 111, 58, 0.7);
}

table caption,
#content hr.hr-light,
#groupFinder .return a:hover {
    /* $color6 */
    background-color: #da6f3a;
}

.button-small,
.button-large,
#content ul.media li a,
#content #text .filters,
#subnav > li > ul > li > a:hover,
#subnav > li > ul > li > ul > li > a:hover,
#content #event-nav,
#blog-stage .grouping,
#blogs div.meta,
.comment-body, {
    /* $color6 */
    background-color: rgba(218, 111, 58, 0.15);
}

.button-small,
#content ul.media li a {
    /* $color6 */
    border-color: rgba(218, 111, 58, 0.15);
}

.button-large {
    /* $color6 */
    border-bottom-color: rgba(218, 111, 58, 0.15);
}

/* Color 7 - Text Alt 3
================================================== */
h2,
#sidebar section .title,
#sidebar section .title a,
#metanav .top-links li a,
#search_term,
#subnav > li > a,
#subnav > li > ul > li > a:hover,
#subnav > li > ul > li > ul > li > a:hover,
#subnav > li > ul > li > ul > li.current > a {
    /* $color7 */
    color: #1c4875;
}




/*NEWHERE TEMPLATE*/
#new-here #times,
#new-here #directions,
#new-here #connect .connect-content,
#new-here #connect.results.loaded #results,
#new-here #connect.results.loading .connect-content {
    /* $background2 */
    background-color: #fffbfa;
}


#new-here #connect > header{
    /* $color6 */
    background-color: #da6f3a;
}
#new-here .button,
#new-here form input[type="submit"],
#new-here #connect #connect-trigger {
    /* $color6 */
    background-color: rgba(218, 111, 58, 0.15);
}
#new-here .button,
#new-here form input[type="submit"],
#new-here #connect #connect-trigger {
    /* $color6 */
    border-color: rgba(218, 111, 58, 0.15);
}
#new-here .button,
#new-here form input[type="submit"],
#new-here #connect #connect-trigger{
    /* $color4 */
    color: #da6d3e;
}
#new-here .button:hover,
#new-here form input[type="submit"]:hover,
#new-here #connect #connect-trigger:hover{
    /* $color4 */
    border-color: #da6d3e;
}
#new-here .button:hover,
#new-here form input[type="submit"]:hover,
#new-here #connect #connect-trigger:hover,
#new-here #results .event .date .month,
#new-here form .checkbox input[type="checkbox"]:checked + label:before{
    /* $color4 */
    background-color: #da6d3e;
}

/*STAFF LAYOUT*/
.content #memberDetail #mD-back,
#staff-template #content #text .filters{
    /* $color6 */
    background-color: rgba(218, 111, 58, 0.15);
} 
.content #memberDetail #mD-back{
    /* $color6 */
    border-color: rgba(218, 111, 58, 0.15);
}
.content #memberDetail #mD-back{
    /* $color4 */
    color: #da6d3e;
}

.content #memberDetail #mD-back:hover{
    /* $color4 */
    border-color: #da6d3e;
}
.content #memberDetail #mD-back:hover,
.ui-selectmenu-menu-dropdown{
    /* $color4 */
    background-color: #da6d3e;
}


/*VOLUNTEER LAYOUT*/
#volunteer-template .team-button,
#volunteer-template .cta-button, 
#volunteer-template article.detail .details .contact-submit{
    /* $color6 */
    background-color: rgba(218, 111, 58, 0.15);
}
#volunteer-template .team-button,
#volunteer-template .cta-button,
#volunteer-template article.detail .details .contact-submit {
    /* $color6 */
    border-color: rgba(218, 111, 58, 0.15);
}
#volunteer-template .team-button,
#volunteer-template .cta-button,
#volunteer-template article.detail .details .contact-submit,
#volunteer-template article.detail header section p{
    /* $color4 */
    color: #da6d3e;
}
#volunteer-template .team-button:hover,
#volunteer-template .cta-button:hover,
#volunteer-template article.detail .details .contact-submit:hover{
    /* $color4 */
    border-color: #da6d3e;
}
#volunteer-template .team-button:hover,
#volunteer-template .cta-button:hover,
article .details .more, #volunteerOpps .return, article.detail header aside .map-directions,
#volunteer-template article.detail .details .contact-submit:hover{
    /* $color4 */
    background-color: #da6d3e;
}

#volunteer-template .highlight,
#volunteer-template .serveThird,
#volunteer-template .serveWide,
#volunteer-template article.detail .details aside {
    /* $background2 */
    background-color: #fffbfa;
}
#volunteer-template .iconBox .iconServe {
    /* $color4 */
    color: #da6d3e;
}
#volunteer-template  .iconBoxInner {
        border: 5px solid 
}
#volunteer-template  .iconBoxInner{
    /* $color4 */
   border-color: #da6d3e;
}


/*SERMON TEMPLATE*/
#sermon-template #content article .time {
    /* $color3 */
    color: #000000;
}

#sermon-template #pagination,
#sermon-template .items article.odd,
#sermon-template #content #text .filters {
    /* $background2 */
    background-color: #fffbfa;
}

#sermon-template  #pagination #next:hover,
#sermon-template article .highlight, 
#sermon-template aside ul[id*=list] .highlight, 
#sermon-template aside ul[class*=list] .highlight, 
#sermon-template #pagination a:hover, 
#sermon-template #pagination a#current {
    /* $color4 */
    background-color: #da6d3e;
}



/*GROUP FINDER TEMPLATE*/
#pagination a:hover, #pagination a#current, .infoBox .title, form#gF-filter,
article .details .more,
#groupFinder .return,
article.detail .detail-button ,
article .details .more:hover,
article.detail .detail-button:hover  {
    /* $color4 */
    background-color: #da6d3e;
}

article.detail header section .meta div strong,
article .meta strong {
    /* $color3 */
    color: #000000;
}

article.detail header section .detail-button{
    /* $color6 */
    background-color: rgba(218, 111, 58, 0.15);
}
article.detail header section .detail-button {
    /* $color6 */
    border-color: rgba(218, 111, 58, 0.15);
}
article.detail header section .detail-button{
    /* $color4 */
    color: #da6d3e;
}

#groupFinder .list-view article:nth-child(even),
 #content #text #groupFinder  .filters,
 article.on{
    /* $background2 */
    background-color: #fffbfa;
}

/*LIVE STREAM LAYOUT*/

#live-stream .links .button{
    /* $color6 */
    background-color: rgba(218, 111, 58, 0.15);
}
#live-stream .links .button {
    /* $color6 */
    border-color: rgba(218, 111, 58, 0.15);
}
#live-stream .links .button,
#live-stream .countdown .number {
    /* $color4 */
    color: #da6d3e;
}

#live-stream .links .button:hover{
    /* $color4 */
    border-color: #da6d3e;
}


#live-stream #twitter .follow,
#live-stream .links .button:hover,
#live-stream #footer-sections .date .month,
#live-stream #rotator .pager span.cycle-pager-active{
    /* $color4 */
    background-color: #da6d3e;
}


#twitter #tweets {
    /* $background4 */
    background-color: #f5eee0;
}

#live-stream #twitter p {
    /* $color3 */
    color: #000000;
}

#twitter .title{
    /* $color6 */
    background-color: #da6f3a;
}

#live-stream .countdown,
#live-stream #footer-sections .event,
#live-stream .links {
    /* $background2 */
    background-color: #fffbfa;
}

#live-stream .countdown .live,
#live-stream .countdown h3,
#live-stream .countdown .delimiter,
#live-stream #footer-sections .date .day,
#live-stream .countdown .label {
    /* $color3 */
    color: #000000;
}

/*NAVIGATION*/
#main-header #nav > li > ul > li > a {
    /* $color5 */
    background-color: #1e4871;
}

#main-header #nav > li > ul > li > a {
    /* $color5 */
    border-left-color: #1e4871;
}

#main-header #nav > li > ul > li > a:hover{
    /* $color6 */
    background-color: #da6f3a;
}
nav.main-mobile #mobilenav > li > ul > li > ul li a ,
nav.main-mobile #mobilenav > li > ul > li > a,
nav.main-mobile #mobilenav > li > a,
nav.main-mobile #mobilenav li a span i {
    /* $color5 */
    color: #1e4871;
}

nav.main-mobile #mobilenav > li > ul > li > ul li a ,
nav.main-mobile #mobilenav > li > ul > li > a,
nav.main-mobile #mobilenav > li > a {
    /* $color5 */
    border-bottom-color: #1e4871;
}

nav.main-mobile #mobilenav > li > ul > li > ul li.current a,
nav.main-mobile #mobilenav > li > ul > li.current > a,
nav.main-mobile #mobilenav > li.current > a {
    /* $color5 */
    color: rgba(30, 72, 113,0.5);
}

/*HOMEPAGE - LIVESTREAM*/
#home-livestream,
#content .widget .image .btn-watch a,
.content-section.live-section p.more-church a {
    /* $color1 */
    background-color: rgba(255, 255, 255, 0.15);
}
#home-livestream:hover{
    /* $color4 */
    background-color: rgba(218, 109, 62, 0.5);
}

.content-section.live-section p.more-church a,
#content .widget .image .btn-watch a {
    /* $color1 */
    border-bottom-color: rgba(255, 255, 255, 0.15);
}

.content-section.live-section p.more-church a:hover,
#content .widget .image .btn-watch a:hover {
    /* $color1 */
    border-color: rgba(255, 255, 255, 0.3);
}


#content .content-section.live-section{
    /* $background5 */
    background-color: #918e8e;
}
#content .content-section.live-section .content-section-inner {
    /* $color5 */
    background: -moz-linear-gradient(top,  rgba(0, 0, 0, 0) 30% , rgba(30, 72, 113, 0.7) 100%);
}
#content .content-section.live-section .content-section-inner { 
    /* $color5 */
    background: -webkit-linear-gradient(top,  rgba(0, 0, 0, 0) 30% ,rgba(30, 72, 113, 0.7) 100%); 
}
#content .content-section.live-section .content-section-inner { 
    /* $color5 */
    background: linear-gradient(to bottom,  rgba(0, 0, 0, 0) 30% , rgba(30, 72, 113, 0.7) 100%);    
}


#home-livestream {
    /* $color4 */
    background: -moz-linear-gradient(top,  rgba(255,255,255,0.15) 0% , rgba(218, 109, 62, 0.3) 60%);
}
#home-livestream { 
    /* $color4 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0.15) 0% ,rgba(218, 109, 62, 0.3) 60%); 
}
#home-livestream { 
    /* $color4 */
    background: linear-gradient(to bottom,  rgba(255,255,255,0.15) 0% , rgba(218, 109, 62, 0.3) 60%);    
}

#home-livestream:hover {
    /* $color5 */
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) -30% , rgba(30, 72, 113, 1) 60%);
}
#home-livestream:hover { 
    /* $color5 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) -30% ,rgba(30, 72, 113, 1) 60%); 
}
#home-livestream:hover { 
    /* $color5 */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) -30% , rgba(30, 72, 113, 1) 60%);    
}

.list-time {
    border: 1px solid;
}
.list-time {
    /* $color5 */
    border-color: #1e4871;
}

p.list-time-month  {
    /* $color5 */
    background-color: #1e4871;
}


p.list-time-day {
    /* $color5 */
    color: #1e4871;
}


#countdown-bar-2 {
    /* $color1 */
    background-color: rgba(255, 255, 255, 0.15);
}
#countdown-bar-2:hover{
    /* $color4 */
    background-color: rgba(218, 109, 62, 0.5);
}

#countdown-bar-2 {
    /* $color4 */
    background: -moz-linear-gradient(top,  rgba(255,255,255,0.15) 0% , rgba(218, 109, 62, 0.3) 60%);
}
#countdown-bar-2 { 
    /* $color4 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0.15) 0% ,rgba(218, 109, 62, 0.3) 60%); 
}
#countdown-bar-2 { 
    /* $color4 */
    background: linear-gradient(to bottom,  rgba(255,255,255,0.15) 0% , rgba(218, 109, 62, 0.3) 60%);    
}

#countdown-bar-2:hover {
    /* $color5 */
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) -30% , rgba(30, 72, 113, 1) 60%);
}
#countdown-bar-2:hover { 
    /* $color5 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) -30% ,rgba(30, 72, 113, 1) 60%); 
}
#countdown-bar-2:hover { 
    /* $color5 */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) -30% , rgba(30, 72, 113, 1) 60%);    
}

#countdown-bar-2,
#countdown-bar-2 a,
#countdown-bar-2 .timer-layout span b,
#countdown-bar-2 .timer-layout span:after {
    /* $color1 */
    color: #ffffff;
}

#countdown-bar-2 .timer-layout span i {
    /* $color1 */
    color: rgba(255,255,255,.25);
}