/* $background1, color, Body Background */
/* $background2, color, Header Background */
/* $nav1, color, Navigation Background */
/* $nav2, color, Navigation Color */
/* $nav3, color, Navigation Alt */
/* $nav4, color, Navigation Alt2 */
/* $color1, color, Text Color */
/* $color2, color, Link Color */
/* $color3, color, Link Alt */
/* $color4, color, Heading Color */
/* $color5, color, Heading Alt */
/* $highlight1, color, Highlight Background */
/* $highlight2, color, Dark Background */
/* $highlight3, color, Dark Color */
/* $footer1, color, Footer Background */
/* $footer2, color, Footer Background 2 */
/* $footer3, color, Footer Color */
/* $footer4, color, Footer Link */
/* $footer5, color, Footer Alt */
/* Background 1 - Body Background
================================================== */
body,
.ui-selectmenu-button,
#module-search fieldset,
#zip-search .zip-inner,
a.button-small:hover,
p.button-small a:hover,
a.button-medium:hover,
p.button-medium a:hover,
a.button-large:hover,
p.button-large a:hover,
#content #subnav > li > a:after,
#content .monkForm input[type=submit]:hover,
#content .monkForm fieldset > legend:after,
#bg-main,
.csstransitions .effect-side .bg-img:after,
.content-section .content-section-inner,
.content-section.hasbg .layout-left:before,
.content-section.hasbg .layout-left:after,
.content-section .widget article .image-wrap:after,
.content-section .widget.posts article .info,
.content-section .widget.posts article .info:after,
#event-control-bar {
  /* $background1 */
  background-color: #fffaff;
}

a.button-small,
p.button-small a,
a.button-medium,
p.button-medium a,
a.button-large,
p.button-large a,
#content .monkForm input[type=submit],
.ui-selectmenu-menu .ui-menu li,
.calendar th,
.calendar td > a:hover,
.list-time-month,
.featured-description:hover p,
.detail-item-header,
.list-item-header,
.comment-header,
#content .detail-item-header a:hover,
#content .list-item-header a:hover,
.comment-header span.commenter-name,
#pagination #current {
  /* $background1 */
  color: #fffaff;
}

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

/* Background 2 - Header Background
================================================== */
#header {
  /* $background2 */
  background-color: #f06000;
}

#nav > li > ul > li > a:hover {
  /* $background2 */
  color: #f06000;
}

#nav > li > ul > li > a:hover {
  /* $background2 */
  border-left-color: #f06000;
}

/* Nav 1 - Navigation Background
================================================== */
nav.mobile .mobile-inner,
#nav > li > ul > li > a {
  /* $nav1 */
  background-color: #000000;
}

#nav-toggle {
  /* $nav1 */
  color: #000000;
}

#nav > li > ul > li > a {
  /* $nav1 */
  border-left-color: #000000;
}

/* Nav 2 - Navigation Color
================================================== */
a.button-small:hover,
p.button-small a:hover,
a.button-medium:hover,
p.button-medium a:hover,
a.button-large:hover,
p.button-large a:hover,
#content .monkForm input[type=submit]:hover,
#mobilenav li a span i,
#mobilenav > li > a,
#mobilenav > li > ul > li > a,
#mobilenav > li > ul > li > ul li a,
#nav > li > a,
#nav > li > ul > li > a,
#nav-toggle i {
  /* $nav2 */
  color: #fffaff;
}

#nav > li > ul > li > a:hover {
  /* $nav2 */
  background-color: #fffaff;
}

#mobilenav > li > a,
#mobilenav > li > ul > li > a,
#mobilenav > li > ul > li > ul li a {
  /* $nav2 */
  border-bottom-color: #fffaff;
}

/* Nav 3 - Navigation Alt
================================================== */
#mobilenav > li.current > a,
#mobilenav > li > ul > li.current > a {
  /* $nav3 */
  color: #000000;
}

/* Nav 4 - Navigation Alt2
================================================== */
#nav > li.current > a,
#nav > li:hover > a {
  /* $nav4 */
  color: #fafafa;
}

/* Color 1 - Text Color
================================================== */
body,
table caption,
table th,
table td,
textarea,
blockquote,
#content hr,
#content .monkForm div input,
#content .monkForm div textarea,
#content .monkForm div select,
#module-search-term,
#zip-search-term,
#content #event-nav li a:hover,
#content #event-nav li.active a {
  /* $color1 */
  color: #000000;
}

#content hr,
.calendar th,
p.list-time-month {
  /* $color1 */
  background-color: #000000;
}

p.list-time-day,
p.list-time-month,
.calendar td {
  /* $color1 */
  border-color: #000000;
}

/* Color 2 - Link Color
================================================== */
a,
a.button-small:hover,
p.button-small a:hover,
a.button-medium:hover,
p.button-medium a:hover,
a.button-large:hover,
p.button-large a:hover,
#content .monkForm input[type=submit]:hover,
#module-search-submit,
#zip-search-submit,
#event-control-bar h3,
#event-control-bar .event-list-title,
.calendar-month,
.list-month-title,
.calendar td > a,
.featured-start,
#events .meta,
.featured-event .meta,
#event-control-bar h3 span,
p.list-time-day,
#ekkSermons_5_detail .meta span,
#ekkSermons_5_detail .passage p,
#ekkSermons_5_detail .passage h5,
#ekkSermons_5_detail .sermon-right h4,
#ekkSermons_5_list article a.image-link {
  /* $color2 */
  color: #0a010a;
}

a.button-small,
p.button-small a,
a.button-medium,
p.button-medium a,
a.button-large,
p.button-large a,
#content .monkForm input[type=submit],
#content .monkForm .checkbox input[type="checkbox"]:checked + label:before,
#content .monkForm .checkbox input[type="radio"]:checked + label:before,
#content .monkForm .radio input[type="checkbox"]:checked + label:before,
#content .monkForm .radio input[type="radio"]:checked + label:before,
form#newsletter input#newsletter_submit,
.ui-selectmenu-menu .ui-menu li:hover,
.content-section .widget.banners ul li a p,
.calendar td > a:hover,
.featured-description:hover,
#pagination #current {
  /* $color2 */
  background-color: #0a010a;
}

::-webkit-scrollbar-thumb {
  /* $color2 */
  background-color: rgba(10, 1, 10, 0.8);
}

::-webkit-scrollbar-thumb:window-inactive {
  /* $color2 */
  background-color: rgba(10, 1, 10, 0.4);
}

a.button-small,
p.button-small a,
a.button-medium,
p.button-medium a,
a.button-large,
p.button-large a,
#content .monkForm input[type=submit],
.content-section .widget.banners ul,
#ekkSermons_5_list article a.image-link:after {
  /* $color2 */
  border-color: #0a010a;
}

/* Color 3 - Link Alt
================================================== */
a:hover,
#module-search-submit:hover,
#zip-search-submit:hover {
  /* $color3 */
  color: #000000;
}

/* Color 4 - Heading Color
================================================== */
h1,
h2,
h3,
h4,
h5,
h6,
#content .monkForm fieldset fieldset > legend,
.ui-selectmenu-button span.ui-selectmenu-text,
.ui-selectmenu-button span.icon-arrow-down {
  /* $color4 */
  color: #030202;
}

.ui-selectmenu-menu .ui-menu {
  /* $color4 */
  background-color: #030202;
}

.ui-selectmenu-button,
#module-search fieldset,
#zip-search .zip-inner {
  /* $color4 */
  border-color: #030202;
}

/* Color 5 - Heading Alt
================================================== */
h2,
h4 {
  /* $color5 */
  color: #fffcff;
}

/* Highlight 1 - Highlight Background
================================================== */
#text:before,
#sidebar .widget article .info,
#content .monkForm div input,
#content .monkForm div textarea,
#content .monkForm div select,
#content .monkForm .checkbox label:before,
#content .monkForm .radio label:before,
.content-section.light .content-section-inner,
.content-section.hasbg.light .layout-left:before,
.content-section.hasbg.light .layout-left:after,
.content-section.light .widget article .image-wrap:after,
.filters,
#articles .featured,
#content #event-nav,
#ekkSermons_5_detail .sermon-top,
#ekkSermons_5_detail .sermon-top:before,
#ekkSermons_5_detail .sermon-top:after {
  /* $highlight1 */
  background-color: #8a868a;
}

.list-weekday,
#ekkSermons_5_list h4,
#ekkSermons_5_detail .sermon-right h4 {
  /* $highlight1 */
  border-color: #8a868a;
}

#articles .results,
#articles .items article .meta {
  /* $highlight1 */
  border-bottom-color: #8a868a;
}

/* Highlight 2 - Dark Background
================================================== */
.div-callout,
#content .monkForm fieldset > legend,
#content #subnav > li > a,
content-section.dark .content-section-inner,
.content-section.div-callout .content-section-inner,
.content-section.hasbg.dark .layout-left:before,
.content-section.hasbg.div-callout .layout-left:before,
.content-section.hasbg.dark .layout-left:after,
.content-section.hasbg.div-callout .layout-left:after,
.content-section.dark .widget article .image-wrap:after,
.content-section.div-callout .widget article .image-wrap:after,
.content-section .widget.banners ul li,
.detail-item-header,
.list-item-header,
.comment-header,
.comment-body {
  /* $highlight2 */
  background-color: #000000;
}

#blog-stage .grouping,
#blog-stage div.meta {
  /* $highlight2 */
  background-color: rgba(0, 0, 0, 0.15);
}

article.detail-item .detail-item-content,
article.list-item .list-item-content {
  /* $highlight2 */
  border-color: #000000;
}

/* Highlight 3 - Dark Color
================================================== */
.page-title h1,
.page-title h3,
#scrollcontent,
.dark,
.div-callout,
.dark h1,
.div-callout h1,
.dark h2,
.div-callout h2,
.dark h3,
.div-callout h3,
.dark h4,
.div-callout h4,
.dark h5,
.div-callout h5,
.dark h6,
.div-callout h6,
.dark blockquote,
.div-callout blockquote,
#content #subnav > li > a,
#content .monkForm fieldset > legend,
.content-section .widget.banners ul li a,
.content-section .widget.banners ul li a h4,
.content-section .widget.banners ul li a p {
  /* $highlight3 */
  color: #f5f0f5;
}

/* Footer 1 - Footer Background
================================================== */
#footer {
  /* $footer1 */
  background-color: #f05209;
}

/* Footer 2 - Footer Background 2
================================================== */
#footer .left:after,
#footer .right,
#footer .right:before {
  /* $footer2 */
  background-color: #ff7105;
}

/* Footer 3 - Footer Color
================================================== */
#footer,
#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer h6,
#search_term {
  /* $footer3 */
  color: #000000;
}

#footer .left .top,
#search_term {
  /* $footer3 */
  border-bottom-color: #000000;
}

/* Footer 4 - Footer Link
================================================== */
#footer a,
#footer .right p,
#vendor-tagline {
  /* $footer4 */
  color: #ffffff;
}

/* Footer 5 - Footer Alt
================================================== */
#footer a:hover {
  /* $footer5 */
  color: #4d4a49;
}



/*STAFF LAYOUT*/
.content #memberDetail #mD-back,
#staff-template #content #text .filters{
    /* $color2 */
  background-color: #0a010a;
} 
.content #memberDetail #mD-back{
    /* $color2 */
  border-color: #0a010a;
}
.content #memberDetail #mD-back{
    /* $color2 */
  color: #0a010a;
}

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