/* $image1, image, Header Image, /_assets/img/bg_header.jpg */
/* $background1, color, Body Background */
/* $background2, color, Nav Alt Background */
/* $background3, color, Nav Alt2 Background */
/* $background4, color, Content Background */
/* $background5, color, Section Background */
/* $background6, color, Section Alt Background */
/* $background7, color, Footer Background */
/* $nav1, color, Nav Color */
/* $nav2, color, Nav Alt */
/* $color1, color, Text Color */
/* $color2, color, Heading Color */
/* $color3, color, Link Color */
/* $color4, color, Link Alt */
/* $footer1, color, Footer Color */
/* Image 1 - Header Image
================================================== */
#header {
  /* $image1 */
  background-image: url("/_assets/img/bg_header.jpg");
}

/* Background 1 - Body Background
================================================== */
body,
nav#main {
  /* $background1 */
  background-color: #222222;
}

/* Background 2 - Nav Alt Background
================================================== */
#nav-open,
#nav-sec,
#search-open,
#content #subnav {
  /* $background2 */
  background-color: #292929;
}

/* Background 3 - Nav Alt2 Background
================================================== */
#nav-top .logo,
#nav-social,
#search {
  /* $background3 */
  background-color: #000000;
}

#nav-social ul li a {
  /* $background3 */
  color: #000000;
}

/* Background 4 - Content Background
================================================== */
#content,
.content-section .content-section-inner,
.rsvp a:hover,
a.button-medium:hover,
p.button-medium a:hover,
a.button-large:hover,
p.button-large a:hover,
.monkForm > fieldset > fieldset > legend,
.monkForm .section,
.monkForm div input,
.monkForm div textarea,
.monkForm div select,
.monkForm input[type=submit]:hover,
.monkForm .ui-selectmenu-button,
#event-control-bar,
.section-widget,
#newsletter_text,
#newsletter_submit:hover {
  /* $background4 */
  background-color: #ffffff;
}

#content #subnav > li > ul > li.current > ul {
  /* $background4 */
  background-color: rgba(255, 255, 255, 0.15);
}

.content-section .featured,
.smart-content .smart-content-inner {
  /* $background4 */
  background-color: rgba(255, 255, 255, 0.85);
}

#pagination #current,
#sidebar .share h3,
#sidebar .share a:hover,
.rsvp a,
a.button-medium,
p.button-medium a,
a.button-large,
p.button-large a,
.monkForm > fieldset > legend,
.monkForm input[type=submit],
.ui-selectmenu-menu .ui-menu li,
.calendar th,
.calendar td > a:hover,
.list-time-month,
.featured-description:hover p,
#newsletter_submit {
  /* $background4 */
  color: #ffffff;
}

#sidebar .share a {
  /* $background4 */
  color: rgba(255, 255, 255, 0.25);
}

.div-callout a.button-large,
.div-callout p.button-large a {
  /* $background4 */
  border-color: #ffffff;
}

#content #subnav,
#content #subnav > li > a {
  /* $background4 */
  border-color: rgba(255, 255, 255, 0.15);
}

/* Background 5 - Section Background
================================================== */
#nav-top ul,
.div-callout,
.monkForm,
.filters,
#sidebar section,
#content #event-nav,
.items article.detail header,
#events #module-search,
#content #event-nav,
.content-section-columns .column,
#ekkSermons_5_detail .sermon-top,
#ekkSermons_5_detail .sermon-top:before,
#ekkSermons_5_detail .sermon-top:after {
  /* $background5 */
  background-color: #c7c1c7;
}

.comment header,
.comment header .commenter-thumb {
  /* $background5 */
  background: #c7c1c7;
}

.rotator-blog .pager {
  /* $background5 */
  color: #c7c1c7;
}

.monkForm div input,
.monkForm div textarea,
.monkForm div select,
#articles article.featured-article,
#articles article.featured-article .title,
#articles .results,
#articles .items article,
#articles .items article .meta,
#ekkSermons_5_list h4,
#ekkSermons_5_detail .sermon-right h4,
.blogs article,
.blogs article header,
.blog-detail .meta,
.comment header,
.comment header .commenter-thumb {
  /* $background5 */
  border-color: #c7c1c7;
}

/* Background 6 - Section Alt Background
================================================== */
.content-section-columns .column.colored,
#sidebar section.colored {
  /* $background6 */
  background-color: #f26722;
}

/* Background 7 - Footer Background
================================================== */
#footer {
  /* $background7 */
  background-color: #292929;
}

/* Nav 1 - Nav Color
================================================== */
#nav-open,
#search-open,
#nav-menu > ul > li > a,
#nav-menu > ul > li > ul > li > a,
#searchForm fieldset,
#searchForm #search_term,
#searchForm #search_go,
#content #subnav > li > a,
#content #subnav > li > ul > li > a,
#content #subnav > li > ul li ul li a {
  /* $nav1 */
  color: #fafafa;
}

#nav-sec {
  /* $nav1 */
  color: rgba(250, 250, 250, 0.85);
}

#nav-sec h2,
#nav-sec h3,
#nav-sec h4,
#nav-sec h5,
#nav-sec h6 {
  /* $nav1 */
  color: rgba(250, 250, 250, 0.75);
}

#nav-menu > ul > li > a {
  /* $nav1 */
  border-color: rgba(250, 250, 250, 0.15);
}

#nav-social ul li a {
  /* $nav1 */
  background-color: #fafafa;
}

/* Nav 2 - Nav Alt
================================================== */
#search-open:hover,
#nav-open:hover,
#nav-menu > ul > li > ul > li > a:hover,
#nav-menu > ul > li > ul > li.current a,
#nav-sec a,
#searchForm #search_go:hover,
#content #subnav > li > ul > li.current > a,
#content #subnav > li > ul > li > a:hover,
#content #subnav > li > ul li ul li a:hover {
  /* $nav2 */
  color: #f26722;
}

#nav-social ul li a:hover,
#content #subnav > li > ul > li.current > a:before {
  /* $nav2 */
  background-color: #f26722;
}

/* Color 1 - Text Color
================================================== */
body,
table caption,
table th,
table td,
textarea,
#content hr,
a.button-small,
p.button-small a,
.rsvp a:hover,
a.button-medium:hover,
p.button-medium a:hover,
a.button-icon,
p.button-icon a,
.media-links li a,
.monkForm div input,
.monkForm div textarea,
.monkForm div select,
.ui-selectmenu-button span.ui-selectmenu-text,
.ui-selectmenu-button span.icon-arrow-down,
#module-search-term,
#module-search-submit,
.comments form textarea,
#newsletter_text,
#content #event-nav li a:hover,
#content #event-nav li.active a,
#ekkSermons_5_detail .sermon-top h2 {
  /* $color1 */
  color: #292929;
}

.content-section-columns .column .icons-wrap span,
#sidebar section .icons-wrap span {
  /* $color1 */
  color: rgba(41, 41, 41, 0.15);
}

#content hr,
.rsvp a,
a.button-medium,
p.button-medium a,
.ui-selectmenu-menu .ui-menu,
.calendar th,
p.list-time-month {
  /* $color1 */
  background-color: #292929;
}

blockquote,
blockquote p,
a.button-small,
p.button-small a,
a.button-icon,
p.button-icon a,
.media-links li a,
.rsvp a,
a.button-medium,
p.button-medium a,
.monkForm .file input,
.ui-selectmenu-button,
p.list-time-day,
p.list-time-month,
.calendar td {
  /* $color1 */
  border-color: #292929;
}

.widget.events .info h5,
.widget.articles .info h5,
.list-weekday {
  /* $color1 */
  border-color: rgba(41, 41, 41, 0.25);
}

/* Color 2 - Heading Color
================================================== */
h2,
h3,
h4,
h5,
h6,
#giving1 h2,
#giving1 h3,
#giving1 h4,
#giving1 h5,
#giving1 h6,
#giving1 .tab-button {
  /* $color2 */
  color: #000000;
}

/* Color 3 - Link Color
================================================== */
a,
h1,
blockquote,
a.button-small:hover,
p.button-small a:hover,
a.button-icon:hover,
p.button-icon a:hover,
.media-links li a:hover,
a.button-large:hover,
p.button-large a:hover,
.monkForm p.errorSummary,
.monkForm p.error,
.monkForm .asterisk,
.widget .image .comment span:before,
.section-widget.posts .blog-right .comment-wrap .comment span:before,
.monkForm input[type=submit]:hover,
.monkForm .ui-selectmenu-button span.icon-arrow-down,
#module-search-submit:hover,
#content article .media-icons li a.current,
#ekkSermons_5_detail .meta span,
#ekkSermons_5_detail .passage p,
#ekkSermons_5_detail .passage h5,
#ekkSermons_5_detail .sermon-right h4,
.comments form label,
.comment header cite,
#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,
.rotator-blog .pager:hover,
#newsletter_submit:hover,
.list-event-prev.hasPrev,
.list-event-next.hasNext,
#giving1 h5 {
  /* $color3 */
  color: #f26722;
}

#pagination #current,
#sidebar .share,
a.button-large,
p.button-large a,
.share-button a,
.monkForm input[type=submit],
.monkForm > fieldset > legend,
.monkForm > fieldset > legend:before,
.monkForm > fieldset > legend:after,
.ui-selectmenu-menu .ui-menu li:hover,
.calendar td > a:hover,
#newsletter_submit,
#stickysections-nav li a.active,
#stickysections-nav li a:hover {
  /* $color3 */
  background-color: #f26722;
}

::-webkit-scrollbar-thumb,
.featured-description:hover {
  /* $color3 */
  background-color: rgba(242, 103, 34, 0.8);
}

::-webkit-scrollbar-thumb:window-inactive {
  /* $color3 */
  background-color: rgba(242, 103, 34, 0.4);
}

.monkForm .checkbox input[type="checkbox"]:checked + label:before,
.monkForm .checkbox input[type="radio"]:checked + label:before,
.monkForm .radio input[type="checkbox"]:checked + label:before,
.monkForm .radio input[type="radio"]:checked + label:before {
  /* $color3 */
  background: #f26722;
}

a.button-small:hover,
p.button-small a:hover,
a.button-icon:hover,
p.button-icon a:hover,
.media-links li a:hover,
a.button-large,
p.button-large a,
.monkForm input[type=submit],
#sidebar,
#footer,
#ekkSermons_5_list article a.image-link:after {
  /* $color3 */
  border-color: #f26722;
}

/* Color 4 - Link Alt
================================================== */
a:hover,
.scrolltop a:hover {
  /* $color4 */
  color: #64bc46;
}

/* Footer 1 - Footer Color
================================================== */
#footer,
#credits,
.scrolltop a {
  /* $footer1 */
  color: rgba(250, 250, 250, 0.75);
}

#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer h6 {
  /* $footer1 */
  color: #FAFAFA;

}
/*the code below turns off "hover" on ipad and lower resolution*/
@media (max-width: 48em) {
#search-open:hover,
#nav-open:hover,
#nav-menu > ul > li > ul > li > a:hover,
#nav-menu > ul > li > ul > li.current a,
#nav-sec a,
#searchForm #search_go:hover,
#content #subnav > li > ul > li.current > a,
#content #subnav > li > ul > li > a:hover,
#content #subnav > li > ul li ul li a:hover {
  /* $nav1 */
  color: #fafafa;
}

#nav-social ul li a:hover,
#content #subnav > li > ul > li.current > a:before {
  /* $nav1 */
  background-color: #fafafa;
}
}