/* $background1, color, Header Background */
/* $background2, color, Content Background */
/* $background3, color, Sidebar Background */
/* $background4, color, Footer 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 */
/* $color10, color, Text Alt 6 */
/* $color11, color, Sidebar Text */
/* Background 1 - Header Background
================================================== */
body,
#inner-wrap,
#header,
nav#main,
#nav-inner {
  /* $background1 */
  background-color: #242420;
}

#header {
  /* $background1 */
  background-color: rgba(36, 36, 32, 0.8);
}

#content .widget.posts .image .date {
  /* $background1 */
  background-color: rgba(36, 36, 32, 0.9);
}

#content .widget.sermons .image {
  /* $background1 */
  border-color: #242420;
}

/* Background 2 - Content Background
================================================== */
blockquote:before,
table caption,
.button-small:hover,
p.button-small a:hover,
.media a:hover,
.button-small:hover span,
p.button-small a:hover span,
.media a:hover span,
.button-medium,
p.button-medium a,
.rsvp a,
#content .monkForm input[type=submit],
#comment-submit,
#newsletter_submit,
.button-medium:hover,
p.button-medium a:hover,
.rsvp a:hover,
#content .monkForm input[type=submit]:hover,
#comment-submit:hover,
#newsletter_submit:hover,
.detail-item-header,
.list-item-header,
.comment-body,
.detail-item-header,
.list-item-header,
#content .detail-item-header a:hover,
#content .list-item-header a:hover,
.comment-header span.commenter-name,
.calendar th,
.calendar td > a:hover,
.list-time-month,
.featured-description:hover p,
.items article .media-links li a:hover,
.items article .highlight,
#content ul.mcms_filter_list .highlight,
.feature-wrap.background h1.section-title,
.feature-wrap.background h3.section-subtitle,
#content .feature-wrap .widget.posts a.latest article,
#content .feature-wrap .widget.posts a.latest .info p,
#content .tabs .tab,
#content .tab-heading,
#sidebar section .section-text,
#sidebar section .section-text h1,
#sidebar section .section-text h2,
#sidebar section .section-text h3,
#sidebar section .section-text h4,
#sidebar section .section-text h5,
#sidebar section .section-text h6,
#sidebar section .section-text a:hover {
  /* $background2 */
  color: #fafafa;
}

.button-small:hover:after,
p.button-small a:hover:after {
  /* $background2 */
  color: rgba(250, 250, 250, 0.3);
}

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

#content,
.ui-selectmenu-button,
.ui-selectmenu-menu .ui-menu,
#module-search fieldset,
#content .widget.posts .info,
#content .background .widget.events article:hover .article-inner,
#content .background .widget.news article:hover .article-inner,
#event-control-bar,
#content .feature-wrap.no-background .widget .article-inner,
#content .feature-wrap.no-background .widget .time,
#content .feature-wrap .widget.posts article.featured {
  /* $background2 */
  background-color: #fafafa;
}

#content .widget .article-inner,
#content .feature-wrap.no-background .widget .article-inner {
  /* $background2 */
  background-color: rgba(250, 250, 250, 0.1);
}

#content .widget .time,
#content .feature-wrap.no-background .widget .time {
  /* $background2 */
  background-color: rgba(250, 250, 250, 0.2);
}

#content .background .widget.events article:hover .time,
#content .background .widget.news article:hover .time {
  /* $background2 */
  background-color: rgba(250, 250, 250, 0.8);
}

/* Background 3 - Sidebar Background
================================================== */
#sidebar,
#sidebar:after,
#sidebar:before,
.feature-wrap.background {
  /* $background3 */
  background-color: #468a90;
}

#content .background .widget.events article:hover h4,
#content .background .widget.events article:hover h4 a,
#content .background .widget.news article:hover h4,
#content .background .widget.news article:hover h4 a,
#content .background .widget.events article:hover p.summary,
#content .background .widget.news article:hover p.summary,
#content .background .widget.events article:hover .meta,
#content .background .widget.news article:hover .meta,
#content .widget.posts h4 a:hover {
  /* $background3 */
  color: #468a90;
}

#content .background .widget.events article:hover .meta,
#content .background .widget.news article:hover .meta {
  /* $background3 */
  color: rgba(70, 138, 144, 0.3);
}

/* Background 4 - Footer Background
================================================== */
#footer {
  /* $background4 */
  background-color: #3a3a37;
}

/* Color 1 - Nav
================================================== */
#nav-open span,
#menu-scroll a,
#nav-close span,
#searchForm #search_go,
#content .monkForm p.errorSummary,
#content .monkForm span.asterisk,
#content form.monkForm p.error,
#nav > li > a i,
#nav > li > ul > li > ul > li > a:hover,
#footer .footernav ul li a:hover,
#content .background .widget.events article:hover h4:hover,
#content .background .widget.events article:hover h4 a:hover,
#content .background .widget.news article:hover h4:hover,
#content .background .widget.news article:hover h4 a:hover {
  /* $color1 */
  color: #bd9e38;
}

/* Color 2 - Nav Alt
================================================== */
#metanav ul li a,
#logo-wrap .logo a,
#menu-scroll a:hover,
#menu-scroll a.current,
#nav-close:hover span,
#searchForm #search_term,
#searchForm #search_go:hover,
#nav > li > a,
#nav > li > a:hover i,
#nav > li.open > a i,
#nav > li.open > a span,
#nav li.dropdown > a span,
#nav li.dropdown.open > a span,
#nav > li > ul > li > a,
#nav > li > ul > li > a:hover,
#nav > li > ul > li.open > a,
#nav > li > ul > li > ul > li > a,
#footer .tagline h3,
#footer .tagline h3 a,
#footer .tagline h3 a:hover,
#footer .scrolltop a,
#footer .footernav ul li a,
#footer .footernav .copyright,
#footer .footernav .copyright a {
  /* $color2 */
  color: #fafafa;
}

#footer .tagline h3,
#footer .tagline h3 a,
#footer .footernav .copyright {
  /* $color2 */
  color: rgba(250, 250, 250, 0.3);
}

#nav > li.open > a span,
#nav li.dropdown > a span:hover,
#nav li.dropdown.open > a span,
#nav > li > ul > li > a,
#nav > li > ul > li > ul > li > a {
  /* $color2 */
  color: rgba(250, 250, 250, 0.4);
}

#footer .footernav .copyright a {
  /* $color2 */
  color: rgba(250, 250, 250, 0.5);
}

#nav > li > ul {
  /* $color2 */
  background-color: rgba(250, 250, 250, 0.05);
}

#searchForm,
#nav > li.open > a {
  /* $color2 */
  background-color: rgba(250, 250, 250, 0.1);
}

#metanav {
  /* $color2 */
  background-color: rgba(250, 250, 250, 0.2);
}

#nav > li > a {
  /* $color2 */
  border-top-color: rgba(250, 250, 250, 0.05);
}

#nav > li:last-child > a {
  /* $color2 */
  border-bottom-color: rgba(250, 250, 250, 0.05);
}

#nav > li.open > a {
  /* $color2 */
  border-bottom-color: rgba(250, 250, 250, 0.1);
}

#nav > li > ul > li > ul {
  /* $color2 */
  border-left-color: rgba(250, 250, 250, 0.4);
}

/* Color 3 - Text
================================================== */
body,
table caption,
table th,
table td,
textarea,
h3,
h6,
.button-small,
p.button-small a,
.media a,
p.button-small a,
.button-large,
p.button-large a,
.button-large:hover,
p.button-large a:hover,
.ui-selectmenu-button span.ui-selectmenu-text,
.ui-selectmenu-menu .ui-menu li:hover,
#module-search-term,
#content .background .info p,
.items article.detail .title h2,
#event-control-bar h3,
#event-control-bar .event-list-title,
.calendar-month,
.list-month-title,
.calendar td > a,
.list-weekday,
.featured-start {
  /* $color3 */
  color: #282b2d;
}

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

/* Color 4 - Links
================================================== */
a,
#content hr,
.ui-selectmenu-button span.icon-menu4,
.ui-selectmenu-button.ui-state-focus span.ui-selectmenu-text,
.ui-selectmenu-menu .ui-menu li,
#module-search-submit,
#footer .scrolltop a:hover,
#content .background h2 a:hover,
#content .background h3 a:hover,
#content .background h4 a:hover,
#content .background h5 a:hover,
#content .background h6 a:hover,
#content .widget.posts h4 a,
#content .background .widget.events article:hover h4 a:hover,
#content .background .widget.news article:hover h4 a:hover,
#content ul.mcms_filter_list li a,
.items article .media-links li a,
#content .tabs .tab.count-3.active,
#content .tabs .tab.count-3:hover,
#content .tab-heading.count-3.active,
#content .tab-heading.count-3:hover {
  /* $color4 */
  color: #bd9e38;
}

#content hr,
.button-small:hover,
p.button-small a:hover,
.media a:hover,
.button-medium:hover,
p.button-medium a:hover,
.rsvp a:hover,
#content .monkForm input[type=submit]:hover,
#comment-submit:hover,
#newsletter_submit:hover,
.items article .media-links li a:hover,
.items article .highlight,
#content ul.mcms_filter_list .highlight,
#content .feature-wrap .widget.posts a.latest .info,
#content .tabs .tab.count-3,
#content .tab-heading.count-3 {
  /* $color4 */
  background-color: #bd9e38;
}

.button-large,
p.button-large a {
  /* $color4 */
  border-color: #bd9e38;
}

#content .tabs .tab.count-3:after,
#content .tab-heading.count-3:after {
  /* $color4 */
  border-top-color: #bd9e38;
}

/* Color 5 - Text Alt 1
================================================== */
a:hover,
blockquote,
#content hr.hr-blue,
#pagination #current,
.cycle-pager span.cycle-pager-active,
#metanav ul li a:hover,
#module-search-submit:hover,
#content .background .widget.events article:hover .time,
#content .background .widget.news article:hover .time,
#event-control-bar h3 span,
#content .tabs .tab.count-2.active,
#content .tabs .tab.count-2:hover,
#content .tab-heading.count-2.active,
#content .tab-heading.count-2:hover {
  /* $color5 */
  color: #468a90;
}

#content hr.hr-blue,
#footer .scrolltop a,
.calendar td > a:hover,
#content .tabs .tab.count-2,
#content .tab-heading.count-2 {
  /* $color5 */
  background-color: #468a90;
}

::-webkit-scrollbar-thumb {
  /* $color5 */
  background-color: rgba(70, 138, 144, 0.8);
}

::-webkit-scrollbar-thumb:window-inactive {
  /* $color5 */
  background-color: rgba(70, 138, 144, 0.4);
}

#content .tabs .tab.count-2:after,
#content .tab-heading.count-2:after {
  /* $color5 */
  border-top-color: #468a90;
}

/* Color 6 - Text Alt 2
================================================== */
h1,
h2,
h4,
h5,
table th,
#content .monkForm label,
#content .monkForm legend,
#content .monkForm p,
#content hr.hr-dark,
#content .tabs .tab.count-1.active,
#content .tabs .tab.count-1:hover,
#content .tab-heading.count-1.active,
#content .tab-heading.count-1:hover {
  /* $color6 */
  color: #183f5f;
}

table caption,
#content hr.hr-dark,
#content .tabs .tab,
#content .tab-heading {
  /* $color6 */
  background-color: #183f5f;
}

#content .tabs .tab:after,
#content .tab-heading:after {
  /* $color6 */
  border-top-color: #183f5f;
}

/* Color 7 - Text Alt 3
================================================== */
#content .tabs .tab.count-4.active,
#content .tabs .tab.count-4:hover,
#content .tab-heading.count-4.active,
#content .tab-heading.count-4:hover {
  /* $color7 */
  color: #a03d11;
}

#content .tabs .tab.count-4,
#content .tab-heading.count-4 {
  /* $color7 */
  background-color: #a03d11;
}

#content .tabs .tab.count-4:after,
#content .tab-heading.count-4:after {
  /* $color7 */
  border-top-color: #a03d11;
}

/* Color 8 - Text Alt 4
================================================== */
#content #event-nav li a:hover,
#content #event-nav li.active a,
p.list-time-day,
#content ul.mcms_filter_list li a:hover,
.items article .meta span,
.items article .media-links li a:active {
  /* $color8 */
  color: #282c2f;
}

.button-medium,
p.button-medium a,
.rsvp a,
#content .monkForm input[type=submit],
#comment-submit,
#newsletter_submit,
.detail-item-header,
.list-item-header,
.comment-header,
p.list-time-month,
.featured-description:hover,
#content .feature-wrap .widget.posts article.featured .image,
#content .feature-wrap .widget.posts a.latest .image {
  /* $color8 */
  background-color: #282c2f;
}

.featured-description:hover {
  /* $color8 */
  background-color: rgba(40, 44, 47, 0.9);
}

p.list-time-day,
p.list-time-month {
  /* $color8 */
  border-color: #282c2f;
}

/* Color 9 - Text Alt 5
================================================== */
.button-small:after,
p.button-small a:after,
.button-small span,
p.button-small a span,
.media a span,
.items article .meta,
.comment-header,
#events .meta,
.items article .time,
.items article.detail .summary {
  /* $color9 */
  color: #b2b2b0;
}

.items article .media-links li a:active {
  /* $color9 */
  background-color: #b2b2b0;
}

.ui-selectmenu-button,
.ui-selectmenu-menu .ui-menu,
#module-search fieldset,
article.detail-item .detail-item-content,
article.list-item .list-item-content,
.calendar td {
  /* $color9 */
  border-color: #b2b2b0;
}

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

.ui-selectmenu-menu .ui-menu li:hover,
#pagination #current,
#pagination #next,
#pagination #previous {
  /* $color9 */
  border-bottom-color: #b2b2b0;
}

.calendar td:first-child {
  /* $color9 */
  border-left-color: #b2b2b0;
}

/* Color 10 - Text Alt 6
================================================== */
table th,
.button-small,
p.button-small a,
.media a,
blockquote,
.ui-selectmenu-menu .ui-menu li:hover,
#content #text .filters,
#pagination #current,
#pagination #next,
#pagination #previous,
.items article.detail header,
#blog-stage .grouping,
#blogs div.meta,
#content #event-nav,
#content .tabs .tab.active,
#content .tabs .tab:hover,
#content .tabs .tab.count-1.active,
#content .tabs .tab.count-1:hover,
#content .tabs .tab.count-2.active,
#content .tabs .tab.count-2:hover,
#content .tabs .tab.count-3.active,
#content .tabs .tab.count-3:hover,
#content .tabs .tab.count-4.active,
#content .tabs .tab.count-4:hover,
#content .tab-heading.active,
#content .tab-heading:hover,
#content .tab-heading.count-1.active,
#content .tab-heading.count-1:hover,
#content .tab-heading.count-2.active,
#content .tab-heading.count-2:hover,
#content .tab-heading.count-3.active,
#content .tab-heading.count-3:hover,
#content .tab-heading.count-4.active,
#content .tab-heading.count-4:hover {
  /* $color10 */
  background-color: #efefef;
}

.items article.odd {
  /* $color10 */
  background-color: rgba(239, 239, 239, 0.5);
}

#content .monkForm input:focus,
#content .monkForm select:focus,
#content .monkForm textarea:focus,
#content .monkForm input,
#content .monkForm select,
#content .monkForm textarea {
  /* $color10 */
  border-color: #efefef;
}

table td,
.pinned {
  /* $color10 */
  border-right-color: #efefef;
}

table td:first-child,
.pinned,
.items article .media-links {
  /* $color10 */
  border-left-color: #efefef;
}

#content .tabs .tab.active:after,
#content .tabs .tab:hover:after,
#content .tabs .tab.count-1.active:after,
#content .tabs .tab.count-1:hover:after,
#content .tabs .tab.count-2.active:after,
#content .tabs .tab.count-2:hover:after,
#content .tabs .tab.count-3.active:after,
#content .tabs .tab.count-3:hover:after,
#content .tabs .tab.count-4.active:after,
#content .tabs .tab.count-4:hover:after,
#content .tab-heading.active:after,
#content .tab-heading:hover:after,
#content .tab-heading.count-1.active:after,
#content .tab-heading.count-1:hover:after,
#content .tab-heading.count-2:hover:after,
#content .tab-heading.count-2.active:after,
#content .tab-heading.count-3:hover:after,
#content .tab-heading.count-3.active:after,
#content .tab-heading.count-4:hover:after,
#content .tab-heading.count-4.active:after {
  /* $color10 */
  border-top-color: #efefef;
}

table,
.featured,
.featured h2,
.results,
.items article,
.items article .meta {
  /* $color10 */
  border-bottom-color: #efefef;
}

#content .monkForm input:focus,
#content .monkForm select:focus,
#content .monkForm textarea:focus {
  /* $color10 */
  -moz-box-shadow: #efefef;
  -webkit-box-shadow: #efefef;
  box-shadow: #efefef;
}

/* Color 11 - Sidebar Text
================================================== */
#sidebar section .section-title,
#sidebar section .section-title a,
#content .background h2,
#content .background h3,
#content .background h4,
#content .background h5,
#content .background h6,
#content .background h2 a,
#content .background h3 a,
#content .background h4 a,
#content .background h5 a,
#content .background h6 a,
#content .background .meta,
#content .background .time,
#content .background .widget.events p.summary,
#content .background .widget.news p.summary,
#content .widget.news .meta,
#content .widget.posts .image .date {
  /* $color11 */
  color: #fafafa;
}

#content .background .meta,
#content .background .widget.events p.summary,
#content .background .widget.news p.summary {
  /* $color11 */
  color: rgba(250, 250, 250, 0.3);
}