/* $background1, color, Body Background */
/* $background2, color, Header Background */
/* $background3, color, Container Background */
/* $background4, color, Page Background */
/* $color1, color, Nav */
/* $color2, color, Nav Alt */
/* $color3, color, Text */
/* $color4, color, Links */
/* $color5, color, Text Alt 1 */
/* $color6, color, Text Alt 2 */
/* $color7, color, Text Alt 3 */
/* $color8, color, Text Alt 4 */
/* $color9, color, Text Alt 5 */
/* Background 1 - Body Background
================================================== */
body,
#billboard,
footer#footer,
.breadcrumbs,
#rotator-wrap,
#features .feature.sections article .info {
  /* $background1 */
  background-color: #1f1a17;
}

nav.sidebar,
nav.sidebar:after,
.service-times {
  /* $background1 */
  background-color: rgba(31, 26, 23, 0.95);
}

#billboard.hasimage h1 span,
.rotator .caption {
  /* $background1 */
  background-color: rgba(31, 26, 23, 0.45);
}

#features .feature.sections article:first-child .image:after {
  /* $background1 */
  border-left-color: #1f1a17;
}

#features .feature.sections article:nth-child(2) .image:after {
  /* $background1 */
  border-right-color: #1f1a17;
}

/* Background 2 - Header Background
================================================== */
#header,
#nav .meganav .links > li.border:after,
#nav .meganav .links ul li a:hover,
.gallery,
#features .feature .image {
  /* $background2 */
  background-color: #171311;
}

.gallery {
  /* $background2 */
  border-color: #171311;
}

#mobilenav .meganav .links,
.gallery p.title {
  /* $background2 */
  border-top-color: #171311;
}

#mobilenav .meganav .links li a {
  /* $background2 */
  border-bottom-color: #171311;
}

#nav .meganav .sections-2 {
  /* $background2 */
  border-right-color: #171311;
}

#nav .meganav .sections-2:first-child {
  /* $background2 */
  border-left-color: #171311;
}

/* Background 3 - Container Background
================================================== */
#inner-wrap,
nav.mobile .nav-inner,
blockquote,
#content hr,
.button-small,
table caption,
#mobile-open,
#nav > li > .meganav,
.detail-item-header,
.list-item-header,
.comment-header,
.gallery p.title {
  /* $background3 */
  background-color: #2a2623;
}

#nav > li > .meganav .meganav-inner,
#features .row {
  /* $background3 */
  border-top-color: #2a2623;
}

#header,
#nav > li.dropdown > a:after, #nav > li.current > a:after {
  /* $background3 */
  border-bottom-color: #2a2623;
}

#features .row section {
  /* $background3 */
  border-left-color: #2a2623;
}

/* Background 4 - Page Background
================================================== */
#content-inner,
.ui-selectmenu-button,
.ui-selectmenu-menu .ui-menu,
.cycle-pager span,
#module-search fieldset,
#event-control-bar,
.gallery .thmb,
#features .row section,
#features .feature .info {
  /* $background4 */
  background-color: #fafafa;
}

.cycle-prev,
.cycle-next,
.rotator .caption .title,
.rotator .caption .desc,
.pager-wrap .pager-inner .cycle-pr,
.pager-wrap .pager-inner .cycle-ne,
.button-small:hover,
table caption,
#searchForm #search_term:focus,
#searchForm #search_go:hover,
#mobile-open span,
#header .logo,
#billboard h1,
#content .widget .image a.widget-embed:after,
.calendar th,
.calendar td > a:hover,
.list-time-month,
.featured-description:hover p,
.detail-item-header,
.list-item-header,
.detail-item-header,
.list-item-header,
#content .detail-item-header a:hover,
#content .list-item-header a:hover,
.comment-header,
.comment-header span.commenter-name,
.gallery .title a:hover,
#text .gallery a,
.service-times .button-small:hover,
.service-times .service-times-inner,
.service-times .service-times-inner h2,
.service-times .service-times-inner h3,
.service-times .service-times-inner h4,
.service-times .service-times-inner h5,
.service-times .service-times-inner h6,
#features .feature.banner article a span,
#features .feature .image a.widget-embed:after,
#features .feature.sections article .info,
#features .feature.sections article .info h3 a:hover {
  /* $background4 */
  color: #fafafa;
}

.breadcrumbs span {
  /* $background4 */
  color: rgba(250, 250, 250, 0.15);
}

#content .detail-item-header a,
#content .list-item-header a,
#content .blog-comments a {
  /* $background4 */
  color: rgba(250, 250, 250, 0.7);
}

#features .feature.series .image:after,
#features .feature.news article .image:after {
  /* $background4 */
  border-top-color: #fafafa;
}

#features .feature.posts article .image:after {
  /* $background4 */
  border-bottom-color: #fafafa;
}

#features .wide .feature.sermons .image:after {
  /* $background4 */
  border-right-color: #fafafa;
}

/* Color 1 - Nav
================================================== */
#nav > li > a,
#nav .meganav section .text,
#nav .meganav section .text h2,
#nav .meganav section .text h3,
#nav .meganav section .text h4,
#nav .meganav section .text h5,
#nav .meganav section .text h6,
#nav .meganav section .text .button-medium:hover,
#nav .meganav section .text .button-large:hover,
#nav .meganav .links > li > a,
#nav .meganav .links ul li a,
#searchForm2 #search_term2,
#searchForm2 #search_go2,
#mobilenav > li > a,
#mobilenav .meganav .back,
#mobilenav .meganav section .text,
#mobilenav .meganav section .text h2,
#mobilenav .meganav section .text h3,
#mobilenav .meganav section .text h4,
#mobilenav .meganav section .text h5,
#mobilenav .meganav section .text h6,
#mobilenav .meganav section .text .button-medium:hover,
#mobilenav .meganav section .text .button-large:hover,
#mobilenav .meganav .links li a,
.breadcrumbs,
.breadcrumbs a:hover,
#subnav > li > a,
#subnav > li > ul > li > a,
#footer .scrolltop a,
#footer nav li a,
#footer .buttons .button-medium:hover,
#footer .address,
#footer .address a {
  /* $color1 */
  color: #fafafa;
}

/* Color 2 - Nav Alt
================================================== */
#nav > li:hover > a, #nav > li.current > a,
.p-meta {
  /* $color2 */
  color: #a8a09d;
}

/* Color 3 - Text
================================================== */
body,
table td,
textarea,
#search_term,
#search_term2,
#content .monkForm label,
#content .monkForm legend,
#content .monkForm p,
#footer,
#footer .copyright .icon-ekk,
#event-control-bar h3,
#event-control-bar .event-list-title,
.calendar-month,
.list-month-title,
.calendar td > a,
.list-weekday,
.featured-start {
  /* $color3 */
  color: #6b6b6b;
}

.calendar th,
.comment-body,
.detail-item-header,
.list-item-header,
.comment-header {
  /* $color3 */
  background-color: #6b6b6b;
}

/* Color 4 - Links
================================================== */
a,
.cycle-prev:hover,
.cycle-next:hover,
.pager-wrap .pager-inner .cycle-pr:hover,
.pager-wrap .pager-inner .cycle-ne:hover,
#content hr.hr-color-light,
.button-medium:hover,
.rsvp a:hover,
#content .monkForm input[type=submit]:hover,
#comment-submit:hover,
#newsletter_submit:hover,
.button-large:hover,
#pagination #current,
#module-search-submit:hover,
.ui-selectmenu-button span.ui-selectmenu-text,
.ui-selectmenu-menu .ui-menu li,
#footer nav li a:hover,
#footer .address a:hover,
.social-links li a:hover,
#countdown h4 a:hover {
  /* $color4 */
  color: #0084cb;
}

.cycle-pager span.cycle-pager-active,
#content hr.hr-color-light {
  /* $color4 */
  background-color: #0084cb;
}

#features .feature.banner article a:hover {
  /* $color4 */
  background-color: #0084cb;
  /* $color4 */
  background-color: rgba(0, 132, 203, 0.5);
}

#content #event-nav li.active a {
  /* $color4 */
  border-bottom-color: #0084cb;
}

/* Color 5 - Text Alt 1
================================================== */
h1,
h2,
h3,
#content .monkForm p.errorSummary,
#content .monkForm span.asterisk,
#content form.monkForm p.error,
.breadcrumbs a,
#event-control-bar h3 span,
.list-time-day {
  /* $color5 */
  color: #94995d;
}

.calendar td > a:hover {
  /* $color5 */
  background-color: #94995d;
}

/* Color 6 - Text Alt 2
================================================== */
#content hr.hr-color-light,
.button-small,
#nav .meganav .links > li > a:hover,
#nav .meganav .links ul li a:hover,
#nav > li:last-child > a,
#nav > li:last-child:hover > a, #nav > li:last-child.current > a,
#nav .meganav section .text .button-medium,
#nav .meganav section .text .button-large,
#searchForm2 #search_go2:hover,
#mobilenav .meganav .back span,
#mobilenav .meganav section .text .button-medium,
#mobilenav .meganav section .text .button-large,
#mobilenav > li:last-child > a,
#subnav > li > ul > li > a:hover,
#subnav > li > ul > li.current > a,
#subnav > li > ul > li > ul > li > a:hover,
#subnav > li > ul > li > ul > li.current > a,
#features .feature.sections article .info h3,
#features .feature.sections article .info h3 a,
#footer .buttons .button-medium {
  /* $color6 */
  color: #0084cb;
}

#content hr.hr-color-light,
#sidebar section .section-title span,
.service-times .button-small,
#features .feature.events .section-title,
#features .feature.news .section-title,
#features .feature.posts .section-title {
  /* $color6 */
  background-color: #0084cb;
}

#nav > li:last-child > .meganav,
#searchForm2 fieldset,
#mobilenav > li > a {
  /* $color6 */
  border-top-color: #0084cb;
}

#nav > li:last-child.dropdown > a:after,
#nav > li:last-child.current > a:after,
#mobilenav > li:last-child > a,
#mobilenav .meganav .back {
  /* $color6 */
  border-bottom-color: #0084cb;
}

/* Color 7 - Text Alt 3
================================================== */
.ui-selectmenu-menu .ui-menu li:hover,
#pagination #current,
#pagination #next,
#pagination #previous,
#content #text .filters,
#content #sidebar .filters,
#content .widget .info,
#content .widget.events .date,
#content #event-nav,
#blog-stage .grouping,
#blog-stage div.meta,
#sermons .items article.odd,
#articles .items article.detail header,
#features .feature.events article.off,
#countdown {
  /* $color7 */
  background-color: #f0f0f0;
}

#content .widget.sermons .info:after,
#content .widget.news .info:after {
  /* $color7 */
  border-top-color: #f0f0f0;
}

#content .widget.posts .info:after,
#event-control-bar .event-right {
  /* $color7 */
  border-bottom-color: #f0f0f0;
}

/* Color 8 - Text Alt 4
================================================== */
.ui-selectmenu-button span.icon-arrow-down,
blockquote,
blockquote p:before,
blockquote p:after,
#searchForm #search_term,
#searchForm #search_go,
#subnav > li > ul > li > ul > li > a,
#content .widget .info p.meta,
#content .widget.events .date span,
.social-links li a,
#events .meta,
.featured-event .meta,
article.event-detail .time .event-sep,
.comment-header,
.comment-header span.commenter-name,
.gallery .title a,
#articles .items article .meta,
#features .feature .info p.meta,
#features .feature.events article .date span,
#countdown #timer span b,
#countdown #timer span.divider {
  /* $color8 */
  color: #a8a09d;
}

.button-medium,
.rsvp a,
#content .monkForm input[type=submit],
#comment-submit,
#newsletter_submit,
.button-large,
.ui-selectmenu-button,
.ui-selectmenu-menu .ui-menu,
#module-search fieldset,
#module-search-submit,
.calendar td,
article.detail-item .detail-item-content,
article.list-item .list-item-content,
article.list-item,
.comment-body,
#blog-stage h2.grouping,
div.meta,
#countdown #timer span b,
#countdown #timer span.divider {
  /* $color8 */
  border-color: #a8a09d;
}

.ui-selectmenu-menu .ui-menu li:hover {
  /* $color8 */
  border-top-color: #a8a09d;
}

.ui-selectmenu-menu .ui-menu li:hover,
#pagination #current,
#pagination #next,
#pagination #previous,
.items article,
article.featured-article,
article.featured-article .title,
#articles .results,
.service-times .service-times-inner .div-col:first-child {
  /* $color8 */
  border-bottom-color: #a8a09d;
}

#subnav > li > ul > li > ul {
  /* $color8 */
  border-left-color: #a8a09d;
}

.service-times .service-times-inner .div-col:first-child {
  /* $color8 */
  border-right-color: #a8a09d;
}

/* Color 9 - Text Alt 5
================================================== */
h4,
h5,
h6,
a:hover,
#content hr,
.button-medium,
.rsvp a,
#content .monkForm input[type=submit],
#comment-submit,
#newsletter_submit,
.button-large,
table th,
#sidebar section .section-title,
#sidebar section .section-title a,
#module-search-term,
#content #event-nav li a:hover,
#content #event-nav li.active a,
.items article .meta span,
#content .items article .media li a.current,
#content .items article .media li.current a,
.service-times .button-small,
#features .feature.events .section-title span,
#features .feature.news .section-title span,
#features .feature.posts .section-title span,
#countdown h4 a,
#countdown #timer span i {
  /* $color9 */
  color: #2a2623;
}

.list-time-month,
.featured-description:hover {
  /* $color9 */
  background-color: #2a2623;
}

.featured-description:hover {
  /* $color9 */
  background-color: rgba(42, 38, 35, 0.9);
}

.list-time-day,
.list-time-month {
  /* $color9 */
  border-color: #2a2623;
}