/* $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,
.button-medium: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,
#rotator .pager span,
#twitter .follow:hover,
#new-here form input[type="submit"]:hover {
  /* $background1 */
  background-color: #ffffff;
}

a.button-small,
p.button-small a,
.button-medium,
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,
#live-stream #twitter .follow,
#new-here form input[type="submit"] {
  /* $background1 */
  color: #ffffff;
}



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

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

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

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

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

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

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

/* Nav 2 - Navigation Color
================================================== */
a.button-small:hover,
p.button-small a:hover,
.button-medium: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 > li > ul > li > ul > li > a,
#nav-toggle i,
#home-countdown .countdown .timer span {
  /* $nav2 */
  color: #4e5e7d;
}

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

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

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

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

/* 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,
.button-medium: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,
.countdown .number,
#twitter .follow:hover,
#new-here form input[type="submit"]:hover {
  /* $color2 */
  color: #408fde;
}



a.button-small,
p.button-small a,
.button-medium,
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,
#rotator .pager span.cycle-pager-active,
#twitter .follow,
#new-here form input[type="submit"],
#volunteerOpps .return a:hover {
  /* $color2 */
  background-color: #408fde;
}

::-webkit-scrollbar-thumb,
#twitter ::-webkit-scrollbar-thumb {
  /* $color2 */
  background-color: rgba(64, 143, 222, 0.8);
}

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

a.button-small,
p.button-small a,
.button-medium,
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,
#new-here form input[type="submit"] {
  /* $color2 */
  border-color: #408fde;
}

/* Color 3 - Link Alt
================================================== */
.featured-event:hover a,
.featured-event:hover p,
.featured-event:hover h2 + p.meta,
#module-search-submit:hover,
#zip-search-submit:hover {
  /* $color3 */
  color: #c6d6f5;
}

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

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

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

/* Color 5 - Heading Alt
================================================== */
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,
#live-stream .countdown,
#new-here #times,
#new-here #connect .connect-content,
.highlight {
  /* $highlight1 */
  background-color: #eaeaea;
}

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

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

/* 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,
#live-stream .links,
#twitter .title,
#new-here #directions,
#new-here #connect > header,
.serveThird,
.serveWide,
#volunteerOpps .return,
#sp_ev-sticky-nav,
#sp_ev-sticky-nav-mobile,
#sp_ev-contact  {
  /* $highlight2 */
  background-color: #4e5e7d;
}

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

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

/* 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,
#new-here #connect > header,
#new-here #directions h5,
.whereText h5,
.whereText,
#volunteerOpps .return a,
li.sp_ev-nav-item a {
  /* $highlight3 */
  color: #fafafa;
}

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

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

/* Footer 3 - Footer Color
================================================== */
#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: #c6d6f5;
}

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

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


.featured-description:hover {
  /* $color3 */
  background-color: #c6d6f5;
  /* for older browsers */
  background-color: rgba(60, 166, 122, 1);
}


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: #408fde;
}

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

.calendar td > a:hover {
   /* $color2 */
  background-color: #408fde;
  
}


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

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


/*GIVING LAYOUT*/
#giving1 #welcomeBG, #giving1 #moreinfo {
  /* $highlight2 */
  background-color: rgba(78, 94, 125, 0.15);
}
#giving1 #moreinfo #tabs li {
  /* $color2 */
  background-color: #408fde;
}
#giving1 .button-light {
  /* $color2 */
  background-color: #408fde;
}
#giving1 #topRotator .pager span,
#giving1 #moreinfo #tabs li:hover,
#giving1 #moreinfo #tabs li.active {
  /* $highlight1 */
  background-color: #eaeaea;
}
#giving1 #topRotator .pager span,
#giving1 #moreinfo #tabs li:hover,
#giving1 #moreinfo #tabs li.active  {
  /* $color1 */
  color: #000000;
}

/*CCB EVENTS*/
#ccb_events .list-event-prev,
#ccb_events .list-event-next,
#ccb_events .fc-button-next.fc-state-disabled,
#ccb_events .fc-button-prev.fc-state-disabled {
  /* $color1 */
  color: #000000;
}
#ccb_events .list-event-prev.hasPrev,
#ccb_events .list-event-next.hasNext,
#ccb_events .fc-header tr .fc-header-left .fc-header-title h2,
#ccb_events .fc-button-next,
#ccb_events .fc-button-prev {
  /* $color2 */
  color: #408fde;
}
#ccb_events .list-time-month {
  /* $color1 */
  background-color: #000000;
}
#ccb_events .list-time{
  /* $color1 */
  border-color: #000000;
}

#text:before,
#ccb_events #content #event-nav {
  /* $highlight1 */
  background-color: #eaeaea;
}
#ccb_events .list-time-day {
  /* $color2 */
  color: #408fde;
}

/*CCB GROUPFINDER*/
#ccb_groupfinder #groupFinder .infoBox .title {
  /* $color2 */
  background-color: #408fde;
}
#ccb_groupfinder #groupFinder .infoBox {
  /* $background1 */
  background-color: #ffffff;
}
#ccb_groupfinder #groupFinder .infoBox .title::after {
  /* $color2 */
  border-left-color: #408fde;
}
#ccb_groupfinder #groupFinder .infoBox .title h5 {
  /* $highlight1 */
  color: #eaeaea;
}
#ccb_groupfinder #groupFinder .infoBox p {
  /* $color1 */
  color: #000000;
}
#ccb_groupfinder #groupFinder .more,
#ccb_groupfinder .return {
  /* $color2 */
  background-color: #408fde;
}
#ccb_groupfinder #groupFinder .items article:hover{
  /* $highlight2 */
  background-color: rgba(78, 94, 125, 0.15);
}
#ccb_groupfinder #groupFinder .items article:hover {
  background-image: none !important;
}
#ccb_groupfinder #groupFinder .meta {
  /* $color1 */
  color: #000000;
}
#ccb_groupfinder .return a:hover {
  /* $color3 */
  background-color: #c6d6f5;
}

#groupFinder .childcare-inner {
  /* $color1 */
  color: #000000;
}

/*MINISTRY LAYOUT*/
#text #ministry-layout .ministry-section .ministry-section-inner,
#text #ministry-layout .events-section,
#text #ministry-layout .volunteer-section,
#text #ministry-layout .ministry-tabs-wrapper ul.ministry-tabs li a{
  /* $highlight2 */
  background-color: rgba(78, 94, 125, 0.05);
}
#text .ministry-nav > ul li a {
  /* $highlight3 */
  color: #fafafa;
}

#text #ministry-layout .ministry-nav {
  /* $highlight2 */
  background-color: rgba(78, 94, 125, 1);
}
#text .resources-section article,
.events-section article .v-content,
#text .volunteer-section article .v-content {
  /* $highlight2 */
  background-color: rgba(78, 94, 125, 0.05);
}
#text #ministry-layout .ministry-tabs-wrapper ul.ministry-tabs li.active a {
  /* $accentColor1 */
  background-color: #fafafa;
}
#text .resources-section .ministry-section .featured-article .media-content ul li a ,
#text .sermon-section .ministry-section .featured-sermon .media-content ul li a {
  /* $color2 */
  background-color: #408fde;
}
#text .resources-section .ministry-section .featured-article .media-content ul li a:hover,
#text .sermon-section .ministry-section .featured-sermon .media-content ul li a:hover {
  /* $color3 */
  background-color: #c6d6f5;
}
#text .resources-section .ministry-section .featured-article .media-content ul li a ,
#text .sermon-section .ministry-section .featured-sermon .media-content ul li a {
  /* $highlight1 */
  color: #eaeaea;
}
#ministry-integration .ui-selectmenu-menu li a{
  /* $highlight1 */
  color: #eaeaea;
}
#ministry-integration .ui-selectmenu-open li.ui-selectmenu-item-selected a,
#ministry-integration  .ui-selectmenu-status {
  /* $color2 */
  color: #408fde;
}
.ministry-tabs-wrapper ul.ministry-tabs li a {
  /* $color1 */
  color: #000000;
}
#volunteer-opportunity #volunteerOpps .return a:hover {
  /* $color3 */
  background-color: #c6d6f5;
}


#groupFinder header h3 {
  /* $color2 */
  color: #408fde;
}


.accordiontrigger {
  /* $highlight1 */
  background-color: #eaeaea;
}
.accordiontrigger:hover,
.accordiontrigger.active{
  /* $color2 */
  color: #408fde;
}



/*OVERRIDE.CSS*/
.section-tabs .section-tabs-wrap,
.section-tabs nav ul li a.active:after {
  /* $highlight1 */
  background-color: #eaeaea;
}
.section-tabs nav ul li a.active {
  /* $color2 */
  color: #408fde;
}
.section-tabs nav ul li a:hover,
.section-tabs nav ul li a.active {
  /* $color3 */
  color: #c6d6f5;
}

#footer a.button-small {
  /* $background1 */
  color: #ffffff;
}
#footer a.button-small:hover {
  /* $nav2 */
  color: #4e5e7d;
}

.slick-prev,
.slick-next {
	/* $color2 */
  	color: #408fde;
}

@media (hover: hover) {
    .slick-prev:hover,
    .slick-next:hover {
  		/* $color3 */
  		color: #c6d6f5;
    }
}

.dark .slick-prev,
.dark .slick-next {
	/* $highlight3 */
  	color: #fafafa;
}

@media (hover: hover) {
    .dark .slick-prev:hover,
    .dark .slick-next:hover {
        /* $color3 */
  		color: #c6d6f5;
    }
}

.slick-dots li button {
	/* $color2 */
    border-color: #408fde;
}


.slick-dots li.slick-active button {
	/* $color2 */
    background-color: #408fde;
}

.dark .slick-dots li button {
	/* $highlight3 */
  	border-color: #fafafa;
}

.dark .slick-dots li.slick-active button {
	/* $highlight3 */
    background-color: #fafafa;
}

.content-rotator .slick-widget .slide.overlay .caption:before {
	/* $highlight2 */
    background-color: #4e5e7d;
}