/* $background1, color, Body BKGD */
/* $background2, color, Header BKGD */
/* $nav1, color, Navigation BKGD */
/* $nav2, color, Navigation Color */
/* $nav3, color, Navigation Alt */
/* $nav4, color, Navigation Mobile */
/* $color1, color, Text Color */
/* $color2, color, Link Color */
/* $color3, color, Link Alt */
/* $color4, color, Heading Text 1 */
/* $color5, color, Heading Text 2 */
/* $highlight1, color, Highlight BKGD */
/* $highlight2, color, Callout BKGD */
/* $highlight3, color, Callout Text */
/* $footer1, color, Footer BKGD */
/* $footer2, color, Footer BKGD 2 */
/* $footer3, color, Footer Text */
/* $footer4, color, Footer Link */
/* $footer5, color, Footer Alt */

/* $titleAndBlockquote, fontFamily, Page Titles (h1) & Blockquotes
Dosis => 'Dosis', sans-serif
@import url('https://fonts.googleapis.com/css?family=Dosis');
Handlee => 'Handlee', cursive
@import url('https://fonts.googleapis.com/css?family=Handlee');
Lato (Default) => 'Lato', sans-serif
@import url('https://fonts.googleapis.com/css?family=Lato');
Montserrat => 'Montserrat', sans-serif
@import url('https://fonts.googleapis.com/css?family=Montserrat');
Open Sans => 'Open Sans', sans-serif
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
Oswald => 'Oswald', sans-serif
@import url('https://fonts.googleapis.com/css?family=Oswald');
Raleway => 'Raleway', sans-serif
@import url('https://fonts.googleapis.com/css?family=Raleway');
Roboto => 'Roboto', sans-serif
@import url('https://fonts.googleapis.com/css?family=Roboto');
Titillium Web => 'Titillium Web', sans-serif
@import url('https://fonts.googleapis.com/css?family=Titillium+Web');
Bree Serif => 'Bree Serif', serif
@import url('https://fonts.googleapis.com/css?family=Bree+Serif');
Josefin Slab => 'Josefin Slab', serif
@import url('https://fonts.googleapis.com/css?family=Josefin+Slab');
Libre Baskerville => 'Libre Baskerville', serif
@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville');
Lora => 'Lora', serif
@import url('https://fonts.googleapis.com/css?family=Lora');
Merriweather => 'Merriweather', serif
@import url('https://fonts.googleapis.com/css?family=Merriweather');
Noto Serif => 'Noto Serif', serif
@import url('https://fonts.googleapis.com/css?family=Noto+Serif');
Playfair Display => 'Playfair Display', serif
@import url('https://fonts.googleapis.com/css?family=Playfair+Display');
*/

/* $headingFont, fontFamily, Headings (h2-h6)
Dosis => 'Dosis', sans-serif
@import url('https://fonts.googleapis.com/css?family=Dosis');
Handlee => 'Handlee', cursive
@import url('https://fonts.googleapis.com/css?family=Handlee');
Lato (Default) => 'Lato', sans-serif
@import url('https://fonts.googleapis.com/css?family=Lato');
Montserrat => 'Montserrat', sans-serif
@import url('https://fonts.googleapis.com/css?family=Montserrat');
Open Sans => 'Open Sans', sans-serif
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
Oswald => 'Oswald', sans-serif
@import url('https://fonts.googleapis.com/css?family=Oswald');
Raleway => 'Raleway', sans-serif
@import url('https://fonts.googleapis.com/css?family=Raleway');
Roboto => 'Roboto', sans-serif
@import url('https://fonts.googleapis.com/css?family=Roboto');
Titillium Web => 'Titillium Web', sans-serif
@import url('https://fonts.googleapis.com/css?family=Titillium+Web');
Bree Serif => 'Bree Serif', serif
@import url('https://fonts.googleapis.com/css?family=Bree+Serif');
Josefin Slab => 'Josefin Slab', serif
@import url('https://fonts.googleapis.com/css?family=Josefin+Slab');
Libre Baskerville => 'Libre Baskerville', serif
@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville');
Lora => 'Lora', serif
@import url('https://fonts.googleapis.com/css?family=Lora');
Merriweather => 'Merriweather', serif
@import url('https://fonts.googleapis.com/css?family=Merriweather');
Noto Serif => 'Noto Serif', serif
@import url('https://fonts.googleapis.com/css?family=Noto+Serif');
Playfair Display => 'Playfair Display', serif
@import url('https://fonts.googleapis.com/css?family=Playfair+Display');
*/

/* $bodyFont, fontFamily, Body (Everything Else)
Dosis => 'Dosis', sans-serif
@import url('https://fonts.googleapis.com/css?family=Dosis');
Lato (Default) => 'Lato', sans-serif
@import url('https://fonts.googleapis.com/css?family=Lato');
Libre Baskerville => 'Libre Baskerville', serif
@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville');
Montserrat => 'Montserrat', sans-serif
@import url('https://fonts.googleapis.com/css?family=Montserrat');
Open Sans => 'Open Sans', sans-serif
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
Oswald => 'Oswald', sans-serif
@import url('https://fonts.googleapis.com/css?family=Oswald');
Raleway=> 'Raleway', sans-serif
@import url('https://fonts.googleapis.com/css?family=Raleway');
Roboto => 'Roboto', sans-serif
@import url('https://fonts.googleapis.com/css?family=Roboto');
Titillium Web => 'Titillium Web', sans-serif
@import url('https://fonts.googleapis.com/css?family=Titillium+Web');
*/


/* $wardrobeAtRules */
@import url('https://fonts.googleapis.com/css?family=Lato');
/* $wardrobeAtRules */


/* 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: #e8e8eb;
}

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,
.givingLayout .button-give,
#pagination #current {
  /* $background1 */
  color: #e8e8eb;
}

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

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

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

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

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

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

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

/* 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: #041269;
}

.givingLayout .button-give:after,
.givingLayout #moreinfo #tabs li:hover,
.givingLayout #moreinfo #tabs li.active, {
  /* $nav2 */
  background-color: #041269;
}

.givingLayout .button-give:after {
  /* $nav2 */
  background-color: #041269 !important;
}

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

/* Nav 3 - Navigation Alt
================================================== */
#nav > li.current > a,
#nav > li:hover > a {
  /* $nav3 */
  color: #909799;
}

#nav > li > ul > li > a:hover,
.cycle-pager span.cycle-pager-active {
  /* $nav3 */
  background-color: #909799;
}

/* Nav 4 - Navigation Mobile
================================================== */
#mobilenav > li.current > a,
#mobilenav > li > ul > li.current > a {
  /* $nav4 */
  color: #3c5aa6;
}

/* 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,
a:hover {
  /* $color1 */
  color: #1a1c1c;
}

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

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

/* 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 p.meta,
.featured-event p.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,
.givingLayout #moreinfo #tabs li.active,
.givingLayout #moreinfo #tabs li:hover,
.calendar td > a,
.calendar-month,
#event-control-bar h3,
#event-control-bar .event-list-title {
  /* $color2 */
  color: #414e9c;
}



a.button-small,
p.button-small a,
a.button-medium,
p.button-medium a,
a.button-large,
p.button-large a,
.givingLayout .button-give,
#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,
#pagination #current {
  /* $color2 */
  background-color: #414e9c;
}

::-webkit-scrollbar-thumb {
  /* $color2 */
  background-color: rgba(65, 78, 156, 0.8);
}

::-webkit-scrollbar-thumb:window-inactive {
  /* $color2 */
  background-color: rgba(65, 78, 156, 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: #414e9c;
}

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

/* Color 4 - Heading Text 1
================================================== */
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: #262857;
}

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

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

/* Color 5 - Heading Text 2
================================================== */
h2,
h4 {
  /* $color5 */
  color: #909799;
}

/* 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,
.givingLayout #moreinfo #tabs li,
.givingLayout #welcomeBG,
.givingLayout #moreinfo {
  /* $highlight1 */
  background-color: #ffffff;
}

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

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

/* Highlight 2 - Callout 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: #578596;
}

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

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

/* Highlight 3 - Callout Text
================================================== */
.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: #fafafa;
}

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

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

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

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

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

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

.content-section .widget.banners ul li p{
  /* $color2 */
  background-color: #414e9c;
}

.featured-description:hover {
  /* $color3 */
  background-color: #3c66a6;
}


section#featured-events .featured-event:hover h2 a,
section#featured-events .featured-event:hover p.featured-start,
section#featured-events .featured-event:hover p.meta,
section#featured-events .featured-event:hover p.meta a{
  /* $color2 */
  color: #414e9c;
}

#text .content-section .widget.banners ul li p{
  /* $color2 */
  color: #414e9c;
}

.calendar td > a:hover {
  /* $color2 */
  background-color: #414e9c;

}

/*OVERRIDE.CSS*/
.section-tabs .section-tabs-wrap,
.section-tabs nav ul li a.active:after {
  /* $highlight1 */
  background-color: #ffffff;
}
.section-tabs nav ul li a.active {
  /* $color2 */
  color: #414e9c;
}
.accordiontrigger {
  /* $highlight1 */
  background-color: #ffffff;
}
.accordiontrigger:hover,
.accordiontrigger.active{
  /* $color2 */
  color: #414e9c;
}
.section-tabs nav ul li a:hover,
.section-tabs nav ul li a.active {
  /* $color3 */
  color: #3c66a6;
}

h1,
blockquote,
blockquote p {
  /* $titleAndBlockquote */
  font-family: 'Lato', sans-serif;
}

h2,
h3,
h4,
h5,
h6 {
  /* $headingFont */
  font-family: 'Lato', sans-serif;
}

body,
table caption,
table th,
table td,
textarea,
.button-small,
.button-medium,
.button-large,
#search_term,
#search_term2,
#module-search-term,
.ui-selectmenu,
.ui-selectmenu-menu,
.ui-selectmenu-button span.ui-selectmenu-text,
.ui-selectmenu-menu .ui-menu,
.monkForm,
.monkForm legend,
.monkForm input,
#newsletter_text,
#newsletter_submit
{
  /* $bodyFont */
  font-family: 'Lato', sans-serif;
}