/*
---note: these are common colors.  designer may use some one-off colors in layouts, etc.

$white: #ffffff;
$black: #000000;
$dark: #181f2a;
$altdark: #212832;
$red: #dd4c1a;
$orange: #feae5d;
$lightorange: #f4c154;
$blue: #a9b4b8;
$light: #f1f6f8;

*/
/* $body1, gradient, Page BG */
/* $body2, color, Page Text */
/* $dark1, gradient, Dark BG */
/* $dark2, gradient, Dark Hover */
/* $dark3, color, Dark BG Alt */
/* $dark4, gradient, Dark Hover Alt */
/* $dark5, color, Dark Color */
/* $color1, color, Link Color */
/* $color2, color, Link Hover */
/* $color3, color, Link Alt */
/* $color4, color, Heading Color */
/* $color5, color, Text Color */
/* $color6, color, Text Color Alt */
/* $color7, color, Highlight Color */
/* $titlesFont, fontFamily, Headings (h1-h2) & Blockquote
Bree Serif => 'Bree Serif', serif
@import url('https://fonts.googleapis.com/css?family=Bree+Serif');
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');
Josefin Slab => 'Josefin Slab', serif
@import url('https://fonts.googleapis.com/css?family=Josefin+Slab');
Lato => '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');
Lora => 'Lora', serif
@import url('https://fonts.googleapis.com/css?family=Lora');
Miriam Libre (Default) => 'Miriam Libre', sans-serif
@import url('https://fonts.googleapis.com/css?family=Miriam+Libre');
Merriweather => 'Merriweather', sans-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');
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');
Playfair Display => 'Playfair Display', serif
@import url('https://fonts.googleapis.com/css?family=Playfair+Display');
Quicksand => 'Quicksand', sans-serif
@import url('https://fonts.googleapis.com/css?family=Quicksand');
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');
*/
/* $bodyFont, fontFamily, Body, Headings (h3-h6) & Buttons
Bree Serif => 'Bree Serif', serif
@import url('https://fonts.googleapis.com/css?family=Bree+Serif');
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');
Josefin Slab => 'Josefin Slab', serif
@import url('https://fonts.googleapis.com/css?family=Josefin+Slab');
Lato => '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');
Lora => 'Lora', serif
@import url('https://fonts.googleapis.com/css?family=Lora');
Miriam Libre => 'Miriam Libre', sans-serif
@import url('https://fonts.googleapis.com/css?family=Miriam+Libre');
Merriweather => 'Merriweather', sans-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');
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');
Playfair Display => 'Playfair Display', serif
@import url('https://fonts.googleapis.com/css?family=Playfair+Display');
Quicksand (Default) => 'Quicksand', sans-serif
@import url('https://fonts.googleapis.com/css?family=Quicksand');
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=Montserrat');
@import url('https://fonts.googleapis.com/css?family=Lato');
/* $wardrobeAtRules */

/* Body 1 - Page BG
================================================== */
#header,
#content,
.monkForm div input,
.monkForm div textarea,
.alert-mobile,
#content #sidebar .widget .info,
#searchForm2 fieldset,
#event-control-bar,
#sidebar .filters #module-search fieldset,
#sidebar .filters #zip-search fieldset,
.post-nav__search-input,
#new-here #topRotator .pager3 span,
#new-here #welcome #welcomeRight .location #map-wrap,
#stickysub #stickysub-nav li a:hover,
#stickysub #stickysub-nav li a.active {
  /* $body1 */
  background: linear-gradient(#ffffff,#ffffff);
}

/* Body 2 - Page Text
================================================== */
.button,
.button [class^="icon-"],
[class^="button-"] [class^="icon-"],
.rsvp a [class^="icon-"],
.monkForm input[type=submit] [class^="icon-"],
.rotator-button [class^="icon-"],
#content ul.media li a [class^="icon-"],
.ui-selectmenu-button span.icon-plus3,
.rsvp a,
.monkForm input[type=submit],
#content ul.media li a,
.button:hover,
.rsvp a:hover,
.monkForm input[type=submit]:hover,
#content ul.media li a:hover,
.button-two,
.button-three,
.button-two:hover,
.button-three:hover,
.button-large,
.button-large:hover,
.monkForm fieldset > legend,
.alert i,
.alert-open i,
.ui-selectmenu-button span.ui-selectmenu-text,
.ui-selectmenu-button.ui-selectmenu-button-open span.ui-selectmenu-text,
.ui-selectmenu-menu .ui-menu li,
.ui-selectmenu-menu .ui-menu li:hover,
.post-categories__item--active,
#stickysub #stickysub-nav li a,
.button,
.rsvp a,
.monkForm input[type=submit],
#content ul.media li a,
.button:hover,
.rsvp a:hover,
.monkForm input[type=submit]:hover,
#content ul.media li a:hover,
.monkForm fieldset > legend,
.alert i,
.alert-open i,
.ui-selectmenu-button span.ui-selectmenu-text,
.ui-selectmenu-button.ui-selectmenu-button-open span.ui-selectmenu-text,
.ui-selectmenu-menu .ui-menu li,
.ui-selectmenu-menu .ui-menu li:hover,
.post-categories__item--active,
#stickysub #stickysub-nav li a,
#nav > li > ul > li > a,
nav.desktop ul#nav > li > ul > li > ul > li > a {
  /* $body2 */
  color: #ffffff;
}

#newsletter_text {
  /* $body2 */
  background-color: #ffffff;
}

.ui-selectmenu-menu .ui-menu li:hover {
  /* $body2 */
  background-color: rgba(255, 255, 255, 1);
}

#nav > li > ul > li > a,
nav.desktop ul#nav > li > ul > li:hover > ul > li > a  {
  /* $body2 */
  border-color:  #ffffff;
}

/* Dark 1 - Dark BG
================================================== */
.button-three,
#billboard-wrap,
.rotator,
.rotator .slide,
.rotator .slide .video,
.content-section .content-section-inner.dark,
#footer .footer-top,
.dark .ui-tabs .ui-tabs-nav,
#content .dark .module-tabs,
.content-section .dark .module-tabs,
.dark .ui-accordion-header,
.ui-selectmenu-menu .ui-menu,
.calendar th,
.calendar td > a:hover,
p.list-time-month,
.featured-post__btn:hover,
.post-author__social-button,
.dark .widget.featured-sermon .info-wrap,
.dark .widget.featured-article .info-wrap,
.dark .widget.featured-event .date-wrap,
.post-list__image {
  /* $dark1 */
  background: linear-gradient(#273138,#273138);
}

/* Dark 2 - Dark Hover
================================================== */
.dark .widget.article-row .info {
  /* $dark2 */
  background: linear-gradient(rgba(24,31,42,0.7),rgba(24,31,42,0.7));
}

.content-section .content-section-inner.overlay:before,
.staff3-items article .staff3-rollover,
.widget.col-article .image a:after,
.widget.col-sermon .image a:after,
.widget.col-post .image a:after,
.widget.col-event .image a:after,
.rotator-content .image a:after,
#ekkSermons_5_list article a.image-link:after,
.featured-description {
  /* $dark2 */
  background: linear-gradient(rgba(24,31,42,0.7),rgba(24,31,42,0.7));
}

.staff3-items.staff3-detail article ul.staff3-social li a {
  /* $dark2 */
  background: linear-gradient(rgba(24,31,42,0.7),rgba(24,31,42,0.7));
}

/* Dark 3 - Dark BG Alternate
================================================== */
.dark .button-three,
.div-callout .button-three,
#footer .footer-btm {
  /* $dark3 */
  background: #414042;
}

/* Dark 4 - Dark BG Alternate
================================================== */

/* Dark 5 - Dark Color
================================================== */
.dark,
.div-callout,
.dark h1,
.dark h2,
.dark h3,
.dark h4,
.dark h5,
.dark h6,
.dark blockquote,
.div-callout h1,
.div-callout h2,
.div-callout h3,
.div-callout h4,
.div-callout h5,
.div-callout h6,
.div-callout blockquote,
.dark .button-small,
.dark .button-small [class^="icon-"],
.widget.article-row .more .button-small,
.dark .rotator-button,
.div-callout .button-small,
.div-callout .button-small [class^="icon-"],
.div-callout .rotator-button,
.rotator .slide .caption p,
.dark .ui-tabs .ui-tabs-nav .ui-tabs-anchor,
#content .dark .module-tabs li a,
.content-section .dark .module-tabs li a,
.dark .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
#content .dark .module-tabs li a.active,
.content-section .dark .module-tabs li a.active,
.dark .ui-accordion-header,
.dark .ui-accordion-header.ui-accordion-header-active,
.calendar th,
.calendar td > a:hover,
.list-time-month,
.featured-description p,
.featured-post__nav,
.featured-post__btn,
.featured-post__btn .post-icon,
.post-list__item--has-image .post-list__media .post-icon,
.post-author__social-button,
.staff3-items article .staff3-rollover,
.staff3-items article .staff3-rollover p,
.staff3-items.staff3-detail article ul.staff3-social li a,
#mobilenav li a span i,
#mobilenav > li > a,
#mobilenav > li.current > a,
#mobilenav > li > ul > li > a,
#nav > li > ul > li:hover > a,
#mobilenav > li > ul > li > ul li a {
  /* $dark5 */
  color: #ffffff;
}

#footer .footer-btm,
#footer .footer-btm a,
#footer ul.social li a:hover {
  /* $dark5 */
  color: rgba(255, 255, 255, 1);
}

#searchForm fieldset,
.cycle-pager span,
.pager,
.post-list__item.post-list__item--padding,
.staff3-items article .staff3-rollover ul li a:hover,
#giving1 #topRotator .pager3 span {
  /* $dark5 */
  background-color: #ffffff;
}

.staff3-items article .staff3-rollover ul li a {
  /* $dark5 */
  background-color: rgba(255, 255, 255, 1);
}

/* Color 1 - Link Color
================================================== */
a,
.share a:hover,
.monkForm p.error,
.monkForm .asterisk,
#newsletter_submit,
#module-search-submit,
#zip-search-submit,
#gF-filter-submit,
#nav-toggle:hover,
#searchForm #search_go,
#billboard-wrap .text #breadcrumbs i,
.pager,
#content nav.sidebar ul li a i,
.ui-tabs .ui-tabs-nav .ui-tabs-anchor:hover,
#content .module-tabs li a:hover,
.content-section .module-tabs li a:hover,
.ui-accordion-header:hover,
.ui-accordion-header .ui-accordion-header-icon,
.dark .ui-tabs .ui-tabs-nav .ui-tabs-anchor:hover,
#content .dark .module-tabs li a:hover,
.content-section .dark .module-tabs li a:hover,
#searchForm2 #search_go2,
#event-control-bar h3,
#event-control-bar .event-list-title,
.calendar-month,
.list-month-title,
.calendar td > a,
.list-event-prev,
.list-event-next,
.calendar-prev,
.calendar-next,
#event-control-bar h3 span,
#content #event-nav li a:hover,
#content #event-nav li.active a,
.featured-start,
p.list-time-day,
.post-nav__btn .post-icon,
.post-list__close--series,
.post-nav__btn,
.post-nav__btn:hover,
.post-nav__more,
.post-nav__search-submit,
.post-list__series-status .post-icon,
.post-list__close--series .post-icon,
.post-nav__more .post-icon,
.post-list__loading .post-icon,
#content #giving1 #moreinfo #tabs li a:hover,
#stickysub #stickysub-nav li a:hover,
#stickysub #stickysub-nav li a.active,
#sermons2 .items article .media li a,
#nav li a,
#nav-toggle i,
.fc-header tr .fc-header-left .fc-header-title h2,
.fc-button-next,
.fc-button-prev {
  /* $color1 */
  color: #47c2c2;
}

.button-two,
.div-callout,
.alert i,
.alert-open i,
.cycle-pager span.cycle-pager-active,
#new-here #topRotator .pager3 span:hover,
#new-here #topRotator .pager3 span.cycle-pager-active,
#giving1 #topRotator .pager3 span.cycle-pager-active,
#stickysub,
#nav > li > ul > li:hover > a,
#nav > li > ul > li:hover > ul > li > a,
#nav > li > ul > li > a:hover,
nav.desktop ul#nav > li > ul li ul li {
  /* $color1 */
  background-color: #47c2c2;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
#content .module-tabs li a.active,
.content-section .module-tabs li a.active,
.dark .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
#content .dark .module-tabs li a.active,
.content-section .dark .module-tabs li a.active,
#content #giving1 #moreinfo #tabs li.active a,
#mobilenav > li > a,
#mobilenav > li > ul > li > a,
#mobilenav > li > ul > li > ul li a {
  /* $color1 */
  border-bottom-color: #47c2c2;
}

/* Color 2 - Link Hover
================================================== */
a:hover,
.dark .button-small:hover,
.dark .button-small:hover [class^="icon-"],
.dark .rotator-button:hover,
.div-callout .button-small:hover,
.div-callout .button-small:hover [class^="icon-"],
.div-callout .rotator-button:hover,
#module-search-submit:hover,
#zip-search-submit:hover,
#gF-filter-submit:hover,
.pager:hover,
#content nav.sidebar ul li a:hover,
#content nav.sidebar ul li a:hover i,
#subnav li.dropdown.active > a span i,
.widget h6.meta span.category,
#footer .footer-btm a:hover,
.ui-accordion-header.ui-accordion-header-active .ui-accordion-header-icon:before,
.dark .ui-accordion-header:hover,
#footer ul.social li a,
.post-list__media .post-icon,
.post-list__close--series:hover,
.post-nav__more:hover,
#sermons2 .items article .media li a:hover,
#sermons2 article h3 a:hover,
#nav li a:hover {
  /* $color2 */
  color: #f4c154;
}

h1:after,
h2:after,
blockquote:after,
.button:hover,
.rsvp a:hover,
.monkForm input[type=submit]:hover,
#content ul.media li a:hover,
.button-two:hover,
.button-three:hover,
.button-large:hover,
.dark .button-three:hover,
.div-callout .button-three:hover,
#newsletter_submit,
#searchForm #search_go:hover,
.ui-selectmenu-button.ui-selectmenu-button-open,
#searchForm2 #search_go2:hover,
.post-categories__item--active,
.staff3-items.staff3-detail article ul.staff3-social li a:hover,
.rotator-content .cycle-pager span.cycle-pager-active {
  /* $color2 */
  background-color: #f4c154;
}

#footer .footer-top {
  /* $color2 */
  border-top-color: #f4c154;
}

/* Color 3 - Link Alternate
================================================== */
.button-small:hover,
.button-small:hover [class^="icon-"],
.rotator-button:hover,
.share a {
  /* $color3 */
  color: #000000;
}

.button,
.rsvp a,
.monkForm input[type=submit],
#content ul.media li a,
.button-large,
#newsletter_submit,
#searchForm #search_go,
.ui-selectmenu-button,
#searchForm2 #search_go2,
.button-two,
.button-three,
.button-two:hover,
.button-three:hover,
.button-large,
.button-large:hover,
#header .top-bar-alert,
#nav > li > ul > li > a,
nav.mobile .mobile-inner,
nav.desktop ul#nav > li > ul {
  /* $color3 */
  background-color: #000000;
}

.ui-tabs .ui-tabs-panel {
  /* $color3 */
  border-bottom-color: #000000;
}

/* Color 4 - Heading Color
================================================== */
p.list-time-day,
p.list-time-month,
.calendar td {
  /* $color4 */
  border-color: rgba(17, 17, 17, 1);
}

h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
.monkForm fieldset fieldset > legend,
.monkForm .heading,
.monkForm div.divider .heading,
#content nav.sidebar ul li a,
.ui-tabs .ui-tabs-nav .ui-tabs-anchor,
#content .module-tabs li a,
.content-section .module-tabs li a,
#content #event-nav li a,
#content #giving1 #moreinfo #tabs li a,
#nav-toggle,
#searchForm #search_term,
.staff3-items article .staff3-rollover ul li a {
  /* $color4 */
  color: rgba(17, 17, 17, 1);
}

/* Color 5 - Text Color
================================================== */
body,
table caption,
table th,
table td,
textarea,
.button-small,
.button-small [class^="icon-"],
.rotator-button,
.monkForm,
.monkForm div input,
.monkForm div textarea,
.monkForm div select,
.monkForm div input,
.monkForm div textarea,
#newsletter_text,
#module-search fieldset,
#zip-search .zip-inner,
#module-search-term,
#zip-search-term,
.alert a b,
#searchForm2 #search_term2,
#sermons2 article h3 a,
#pagination .current,
.pagination .current,
#pagination #current,
.pagination .current,
#nav-toggle,
.ui-selectmenu-menu .ui-menu li:hover {
  /* $color5 */
  color: #222222;
}

/* Color 6 - Text Color Alternate
================================================== */
p.description,
.alert-mobile .alert-close {
  /* $color6 */
  color: #222222;
}

.monkForm fieldset > legend,
.monkForm fieldset > legend:before,
.monkForm fieldset > legend:after,
.post-author__social-button:hover,
.featured-post__nav,
.featured-post__btn {
  /* $color6 */
  background-color: #222222;
}

.monkForm .file input {
  /* $color6 */
  border-color: #222222;
}

.ui-accordion-header,
.featured-article3 {
  /* $color6 */
  border-bottom-color: #222222;
}

#new-here #welcome #directions {
    border-top: 1px solid;
    border-bottom: 1px solid;
}

#new-here #welcome #directions {
  /* $color6 */
    border-color: rgba(34,34,34, 1);
}

/* Color 7 - Highlight Color 1
================================================== */
hr {
  /* $color7 */
  color: #f0f0f0;
}

hr,
.monkForm,
#module-search fieldset,
#zip-search .zip-inner,
#sidebar:before,
.ui-tabs .ui-tabs-nav,
#content .module-tabs,
.content-section .module-tabs,
.ui-accordion-header,
#content #event-nav,
.featured-article3,
.items article.detail header,
.featured-post,
.post-list__item,
.post-list__item--series,
.post-nav,
.post-nav__btn,
.widget.featured-sermon .info-wrap,
.widget.featured-article .info-wrap,
.widget.featured-event .date-wrap,
#content #giving1 #moreinfo #tabs,
#new-here #welcome #welcomeRight .location,
#new-here #welcome #directions {
  /* $color7 */
  background-color: #f0f0f0;
}

#searchForm2 fieldset,
#ekkSermons_5_list h3,
#ekkSermons_5_detail .sermon-right h3,
.post-author__image,
.post-nav__search-input {
  /* $color7 */
  border-color: #f0f0f0;
}

.monkForm div.divider,
.items article,
.items article .meta {
  /* $color7 */
  border-bottom-color: #f0f0f0;
}

/* Color 8 - Highlight Color 2
================================================== */
.widget.article-row .info {
  /* $color8 */
  background-color: rgba(241, 246, 248, 0.8);
}

h1,
h2,
p.description,
blockquote,
.footer-btm,
h6.meta,
.event-detail .time,
.event-detail .meta {
  /* $titlesFont */
  font-family: 'Montserrat', sans-serif;
}

body,
table caption,
table th,
table td,
textarea,
h3,
h4,
h5,
h6,
[class^="button-"],
.rsvp a,
.monkForm input[type=submit],
#newsletter_text,
#newsletter_submit,
#comment-submit,
#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,
#zip-search-term,
.ui-selectmenu-button,
.ui-selectmenu-menu .ui-menu,
select.sorter,
#directions-form input,
#directions-form button,
.infobox h5,
.infobox h6,
.infobox p,
.infobox li,
.infoBox .buttons.grouped .text,
.mapmarker-text,
#live-stream .widget.sermon article .info h6.meta,
#volunteer-opportunity article.detail .details .contact-submit {
  /* $bodyFont */
  font-family: 'Lato', sans-serif;
}


/*VOLUNTEER LAYOUT custom colors*/
#volunteer-opportunity article.detail .details aside .buttons a,
#volunteer-opportunity .iconBox .iconServe,
#volunteer-opportunity article.detail header section p,
#volunteer-opportunity  article.detail .details .contact-submit{
  /* $color5 */
  color: #222222;
}
#volunteer-opportunity article h3 {
  /* $color4 */
  color: rgba(17,17,17,1);
}
#volunteer-opportunity article .details .more,
#volunteer-opportunity #volunteerOpps .return,
#volunteer-opportunity article.detail header aside .map-directions {
  /* $color1 */
  background-color: #47c2c2;
}
#volunteer-opportunity article .details .more:hover,
#volunteer-opportunity #volunteerOpps .return a:hover,
#volunteer-opportunity article.detail header aside .map-directions:hover ,
#volunteer-opportunity  article.detail .details .contact-submit:hover{
  /* $color2 */
  background-color: #f4c154;
}
#volunteer-opportunity #vol-filter .childcare,
#volunteer-opportunity .iconBoxInner,
#volunteer-opportunity  article.detail .details .contact-submit:hover {
  /* $color5 */
  border-color: #222222;
}
#volunteer-opportunity #pagination a#previous:before,
#volunteer-opportunity #pagination a#next:before {
  /* $color1 */
  color: #47c2c2;
}
#volunteer-opportunity #pagination a:hover#previous:before,
#volunteer-opportunity #pagination a:hover#next:before{
  /* $color2 */
  color: #f4c154;
}
#volunteer-opportunity article.detail .details aside,
#volunteer-opportunity article.detail .details aside .contact-box,
#volunteer-opportunity .highlight {
  /* $color8 */
  background-color: rgba(241, 246, 248, 0.8);
}
#volunteer-opportunity .serveWide,
#volunteer-opportunity .serveThird {
  /* $color7 */
  background-color: #f0f0f0;
}
#volunteer-opportunity #volunteerOpps .return a {
  /* $dark5 */
  border-color: #ffffff;
}
#volunteer-opportunity  article.detail .details .contact-submit:hover,
#volunteer-opportunity  article.detail .details .contact-submit {
  /* $dark5 */
  color: #ffffff;
}
#volunteer-opportunity  article.detail .details .contact-submit {
  /* $color3 */
  background-color: #000000;
}
#volunteer-opportunity article.detail .details #contact-form {
  /* $color7 */
  background-color: #f0f0f0;
}
#volunteer-opportunity article.detail .details .contactH4 .asterisk  {
  /* $color1 */
  color: #47c2c2;
}
/*END OF VOLUNTEER LAYOUT custom colors*/


/*GIVING LAYOUT #1*/
#content #giving1 #moreinfo #tabs {
  /* $color7 */
  background-color: #f0f0f0;
}
#giving1 #welcomeBG {
   /* $color8 */
  background-color: rgba(241, 246, 248, 0.8);
}

/*LIVE STREAM LAYOUT #1*/
#live-stream #twitter .title{
  /* $color4 */
  background-color: rgba(17,17,17,1);
}
#live-stream #twitter ::-webkit-scrollbar-track {
  /* $color4 */
  background-color: rgba(17, 17, 17, 1);
}
#live-stream #twitter ::-webkit-scrollbar-thumb {
  /* $color4 */
  background-color: rgba(17, 17, 17, 1);
}
#live-stream .countdown,
#live-stream .links,
#live-stream #footer-sections .event {
  /* $color7 */
  background-color: #f0f0f0;
}
#live-stream #twitter #tweets{
  /* $color4 */
  background-color: rgba(17, 17, 17, 1);
}
#live-stream #twitter .follow,
#live-stream #twitter p,
#live-stream #footer-sections .date .month {
  /* $dark5 */
  color: #ffffff;
}
#live-stream #rotator .pager span {
  /* $dark5 */
  background-color: #ffffff;
}
#live-stream #twitter .time {
  /* $color6 */
  color: #222222;
}
#live-stream #footer-sections .date .day,
#live-stream .countdown .delimiter,
#live-stream .countdown .label,
#live-stream .countdown .live {
  /* $color5 */
  color: #222222;
}
#live-stream .countdown .number {
   /* $color1 */
  color: #47c2c2;
}
#live-stream #footer-sections .date .month,
#live-stream #twitter .follow,
#live-stream #rotator .pager span.cycle-pager-active {
  /* $color1 */
  background-color: #47c2c2;
}
#live-stream #twitter .follow:hover {
  /* $color2 */
  background-color: #f4c154;
}
/*END OF LIVE STREAM LAYOUT #1*/

/*GROUPFINDER #2*/

.view-toggle,
h3.gF-heading,
#groupFinder article,
#groupFinder article.detail .details aside {
    border: 1px solid;
}

.view-toggle a,
#groupFinder .return a {
    border-right: 1px solid;
}

.view-toggle a {
	/* $color4 */
  	color: rgba(17,17,17,1);
}

.infoBox:after {
	/* $color4 */
  	border-left-color: rgba(17,17,17,1);
}

.view-toggle a,
#groupFinder .return a {
	/* $color4 */
  	border-right-color: rgba(17,17,17,1);

}

.infoBox .title,
.view-toggle .active,
#groupFinder .return,
.rotator-content .cycle-pager span {
	/* $color4 */
  	background-color: rgba(17,17,17,1);
}

.infoBox .title h5,
.view-toggle .active,
#groupFinder .return a {
	/* $dark5 */
  	color: #ffffff;
}

#groupFinder .return a  {
	/* $dark5 */
  	border-right-color: rgba(255,255,255,1);
}

.view-toggle,
h3.gF-heading,
#groupFinder article,
#groupFinder article.detail .details aside {
	/* $color7 */
  	border-color: #f0f0f0;
}

.view-toggle a {
	/* $color7 */
  	border-right-color: #f0f0f0;
}

.view-toggle,
#groupFinder article,
#groupFinder article.detail header {
	 /* $color8 */
  	background-color: rgba(241, 246, 248, 0.8);
}

#groupFinder article.detail .button > span.group-icon {
  /* $dark5 */
  color: #ffffff;
}

#groupFinder.layout2 .items article,
#groupFinder.layout2 h3.gF-heading {
  /* $color5 */
  border-color: rgba(34,34,34,1);
}

/*END GROUPFINDER #2*/

/*NEW HERE #1 LAYOUT*/
#new-here-1-layout #new-here #times,
#new-here-1-layout #new-here #directions,
#new-here-1-layout #new-here #connect .connect-content,
#new-here-1-layout #new-here #connect #filter,
#new-here-1-layout #new-here #connect.results.loaded #results {
  /* $color8 */
  background-color: rgba(241, 246, 248, 0.8);
}
#new-here-1-layout #new-here #connect > header {
  /* $color4 */
  background-color: rgba(17,17,17,1);
}
#new-here-1-layout #new-here form .checkbox input[type="checkbox"]:checked + label:before{
  /* $color1 */
  background: #47c2c2;
}
#new-here-1-layout #new-here form input[type="submit"] {
  /* $color1 */
  background-color: #47c2c2;
}
#new-here-1-layout #new-here form input[type="submit"]:hover{
  /* $color2 */
  background-color: #f4c154;
}
#new-here #connect > header h4 {
  /* $dark5 */
  color: #ffffff;
}
/*END OF NEW HERE #1 LAYOUT*/

/*VOLUNTEER 1*/
#volunteerOpps.vol1 article.even {
  /* $color7 */
  background-color: #f0f0f0;
}
#volunteerOpps article.detail .details #contact-form {
  /* $color7 */
  background-color: #f0f0f0;
}
#volunteerOpps article.detail .details .contactH4 .asterisk  {
  /* $color1 */
  color: #47c2c2;
}
#volunteer-opportunity  article.detail .details .contact-submit:hover,
#volunteer-opportunity  article.detail .details .contact-submit {
  /* $dark5 */
  color: #ffffff;
}
#volunteer-opportunity  article.detail .details .contact-submit {
  /* $color3 */
  background-color: #000000;
}
#volunteerOpps.vol1 .items article {
  /* $color5 */
  border-color: rgba(34,34,34,1);
}
/*END OF VOLUNTEER 1*/


/*SMALL GROUP FINDER #1*/
#groupFinder.layout1  article {
  /* $dark5 */
  background-color: #ffffff;
}
#groupFinder.layout1 article.detail .details aside,
#groupFinder.layout1  article.even {
  /* $color8 */
    background-color: rgba(241, 246, 248, 0.8);;
}
#groupFinder.layout1  article.on{
  /* $color8 */
    background-color: rgba(241, 246, 248, 0.8);
}
#groupFinder.layout1 form#gF-filter .zip-inner {
  /* $color7 */
  background-color: #f0f0f0;
}
#groupFinder.layout1 article.detail .details aside{
  /* $color7 */
  border-color: #f0f0f0;
}
#groupFinder.layout1 form#gF-filter .zip-inner:before {
  /* $color1 */
  color: #47c2c2;
}
#groupFinder.layout1 form#gF-filter .zip-inner:hover:before{
  /* $color2 */
  color: #f4c154;
}
#groupFinder.layout1 #pagination a#previous:before,
#groupFinder.layout1 #pagination a#next:before {
  /* $color1 */
  color: #47c2c2;
}
#groupFinder.layout1 #pagination a:hover#previous:before,
#groupFinder.layout1 #pagination a:hover#next:before{
  /* $color2 */
  color: #f4c154;
}
#groupFinder.layout1 article header h5 {
  /* $color1 */
  color: #47c2c2;
}
#groupFinder.layout1 article header h5:hover {
  /* $color2 */
  color: #f4c154;
}
#groupFinder.layout1 .items article .meta span {
  /* $color5 */
  color: #222222;
}
#groupFinder.layout1 .items > h2,
#groupFinder.layout1 .items > article {
  /* $color5 */
  border-color: rgba(34,34,34,1);
}
/*END OF SMALL GROUP FINDER*/


/*STAFF #2*/
#staff_2 form#group-search #group-search-term {
  /* $bodyFont */
  font-family: 'Lato', sans-serif;
}
#staff_2 form#group-search fieldset:after {
  /* $color1 */
  color: #47c2c2;
}
#staff_2 form#group-search fieldset {
  /* $color7 */
  background-color: #f0f0f0;
}
#staff_2 .content .memberList {
  /* $color7 */
  border-top-color: #f0f0f0;
}
/*END OF STAFF #2*/

/*NEW HERE #3*/
.nh3-monklet-section-grid article > a h4,
.nh3-monklet-section-staff article .info-rollover,
.nh3-monklet-section-staff article .info-rollover .info-rollover-inner p {
  /* $dark5 */
  color: #ffffff;
}
.staff3-items article .staff3-rollover ul li a:hover,
.nh3-monklet-section-staff article .info-rollover ul li a:hover {
  /* $dark5 */
  background-color: #ffffff;
}
.nh3-monklet-section-staff article .info-rollover ul li a {
  /* $dark5 */
  background-color: rgba(255, 255, 255, 1);
}
#nh3-location-map .infowindow:before {
  /* $dark5 */
  border-top-color: #ffffff;
}
.nh3-monklet-section-staff article .info-rollover .info-rollover-inner p span.read-more {
  /* $dark5 */
  color: #ffffff;;
}
.nh3-monklet-section-staff article .info-rollover ul li a {
  /* $color5 */
  color: rgba(34, 34, 34, 1);
}
.nh3-monklet-section-featured-event article.dark,
.nh3-monklet-section-featured-article article.dark,
.nh3-monklet-section-grid article {
  /* $color5 */
  background-color: #222222;
}
.nh3-monklet-section-grid article > a,
.nh3-monklet-section-grid .nh3-desktop,
.nh3-monklet-section-grid article .info {
  /* $color7 */
  background-color: #f0f0f0;
}
.nh3-monklet-section-featured article .info a h5{
  /* $color1 */
  color: #47c2c2;
}
.nh3-monklet-section-featured article .info a:hover h5{
  /* $color2 */
  color: #f4c154;
}
.nh3-monklet-section-featured-event a,
.nh3-monklet-section-featured-article a {
  /* $dark5 */
  color: #ffffff;
}
.nh3-monklet-section-featured-event a:not(.button):hover,
.nh3-monklet-section-featured-article a:not(.button):hover  {
  /* $color2 */
  color: #f4c154;
}
.nh3-monklet-section-featured a:not([href]),
.nh3-monklet-section-featured a:not([href]):hover,
.nh3-monklet-section-featured article .info a:not([href]):hover h5{
  /* $color1 */
  color: #47c2c2;
}
/*END OF NEW HERE #3*/

/*Groupfinder 3 Layout*/
#groupfinder3-search fieldset, #groupfinder3-filter .filter-select .groupfinder3-filter-item a { /* $dark5 */ background-color: #ffffff; }

#groupfinder3-filter, #groupfinder3-filter .filter-menu, .groupfinder3-featured-wrap .groupfinder3-featured article, #groupfinder3-map, .groupfinder3-results-list article {  /* $color7 */
    background-color: #f0f0f0;
}

#groupfinder3-filter .groupfinder3-filter-additional ul li label:after, .results-title-wrap .results-remove a, .results-title-wrap .results-remove a:hover, #groupfinder3-filter .top .groupfinder3-toggle #groupfinder3-filter-toggle.on { /* $color3 */ color: #000000; }

#groupfinder3-search-term, #groupfinder3-filter .groupfinder3-filter-menu li label, #groupfinder3-filter .filter-select .groupfinder3-filter-item a, #groupfinder3-filter .groupfinder3-filter-additional ul li label, .groupfinder3-map-controls a { /* $color5 */ color: #222222; }

.results-title-wrap .results-remove a:hover { /* $color1 */ background-color: #47c2c2; }
.results-title-wrap .results-remove a:hover { /* $dark5 */ color: #ffffff; }

#groupfinder3-filter .groupfinder3-filter-menu li input:checked + label:before, #groupfinder3-search-submit, #groupfinder3-map #groupfinder3_map .infowindow a.link, .groupfinder3-featured-wrap .groupfinder3-featured .slick-prev span, .groupfinder3-featured-wrap .groupfinder3-featured .slick-next span, .groupfinder3-toggle a.on i { /* $color1 */ color: #47c2c2; }

#groupfinder3-search-submit:hover, #groupfinder3-filter .filter-select .groupfinder3-filter-item a.on, .groupfinder3-map-controls a:hover, #groupfinder3-map #groupfinder3_map .infowindow a.link:hover, .groupfinder3-featured-wrap .groupfinder3-featured .slick-prev span:hover, .groupfinder3-featured-wrap .groupfinder3-featured .slick-next span:hover { /* $color7 */ /*color: #f0f0f0;*/ }

#groupfinder3-filter .top .groupfinder3-toggle #groupfinder3-filter-toggle.on, #groupfinder3-filter .groupfinder3-filter-additional ul li input:checked + label:before { /* $color7 */ background-color: #f0f0f0; }

#groupfinder3-filter .top .groupfinder3-toggle #groupfinder3-filter-toggle.on, #groupfinder3-filter .groupfinder3-filter-additional ul li input:checked + label:before { /* $color7 */ border-color: #f0f0f0; }

.groupfinder3-featured-wrap .groupfinder3-featured article .info, .groupfinder3-results-list article .info .info-meta, .groupfinder3-detail p.categories, .groupfinder3-results-list article .info .info-meta { /* $dark3 */ color: #414042; }

.groupfinder3-detail .content-sidebar, .groupfinder3-detail .content-sidebar:after { /* color 7 */ background-color: #f0f0f0; }

.groupfinder3-detail .groupfinder3-join-text { background-color: #ececec; }

.results-title-wrap .results-remove a, #groupfinder3-map #groupfinder3_map .infowindow { /* $dark5 */ background-color: #ffffff;}

#groupfinder3-filter .groupfinder3-filter-menu li label:before, #groupfinder3-filter .filter-select .groupfinder3-filter-item a i { /* $color5 */ color: #222222; }

#groupfinder3-map #groupfinder3_map .infowindow:before, #groupfinder3-map #groupfinder3_map .infowindow a.link { /* $dark5 */  border-top-color: #ffffff; }

#groupfinder3-map #groupfinder3_map .infowindow a.link { /* $dark5 */ border-top-color: #ffffff; }

.groupfinder3-form-wrap { /* $dark1 */ background-color: #273138; }

#billboard .text img, #groupfinder3-map #groupfinder3_map .infowindow a.link { /* $color5 */ color: #222222; }

.dark .groupfinder3-featured-wrap .groupfinder3-featured .slick-prev span,.dark .groupfinder3-featured-wrap .groupfinder3-featured .slick-next span {/* $dark5 */  color: rgba(255,255,255,1); }

.dark .groupfinder3-featured-wrap .groupfinder3-featured .slick-prev span:hover,.dark .groupfinder3-featured-wrap .groupfinder3-featured .slick-next span:hover {/* $dark5 */  color: #ffffff; }

/*End Groupfinder 3*/

/*Events 5 Layout*/

#events5-search fieldset, #events5-filter .filter-select .events5-filter-item a { /* $dark5 */ background-color: #ffffff; }

#events5-filter, #events5-filter .filter-menu, .events5-featured-wrap .events5-featured article, #events5-map, .events5-results-list article { /* $dark5 */ background-color: #ffffff; }

#events5-filter .events5-filter-additional ul li label:after, .results-title-wrap .results-remove a, .results-title-wrap .results-remove a:hover, #events5-filter .top .events5-toggle #events5-filter-toggle.on { /* $dark5 */ color: #ffffff; }

#events5-search-term, #events5-filter .events5-filter-menu li label, #events5-filter .filter-select .events5-filter-item a, #events5-filter .events5-filter-additional ul li label, .events5-map-controls a { /* $color5 */ color: #222222; }

.results-title-wrap .results-remove a:hover  { /* $color1 */ background-color: #47c2c2; }

#events5-search-submit, #events5-map #events5_map .infowindow a.link, .events5-featured-wrap .events5-featured .slick-prev span, .events5-featured-wrap .events5-featured .slick-next span { /* $color1 */ color: #47c2c2; }

#events5-search-submit:hover, #events5-filter .events5-filter-menu li input:checked + label:before, #events5-filter .filter-select .events5-filter-item a.on, .events5-map-controls a:hover, #events5-map #events5_map .infowindow a.link:hover, .events5-featured-wrap .events5-featured .slick-prev span:hover, .events5-featured-wrap .events5-featured .slick-next span:hover { /* $color2 */ color: #f4c154; }

#events5-filter .top .events5-toggle #events5-filter-toggle.on, #events5-filter .events5-filter-additional ul li input:checked + label:before { /* $color2 */ background-color: #f4c154; }

#events5-filter .top .events5-toggle #events5-filter-toggle.on, #events5-filter .events5-filter-additional ul li input:checked + label:before { /* $color2 */ border-color: #f4c154; }

.events5-featured-wrap .events5-featured article .info, .events5-results-list article .info .info-meta, .events5-detail p.categories, .events5-results-list article .info .info-meta { /* $color4 */ color: rgba(17,17,17,1); }

.events5-detail .events5-join-text { /* $color4 */ background-color: rgba(17,17,17,1); }

.results-title-wrap .results-remove a, #events5-map #events5_map .infowindow { /* $color7 */ background-color: #f0f0f0;}

#events5-filter .events5-filter-menu li label:before, #events5-filter .filter-select .events5-filter-item a i { /* $color5 */ color: #222222; }

#events5-map #events5_map .infowindow:before, #events5-map #events5_map .infowindow a.link { /* $color7 */  border-top-color: #f0f0f0; }

#events5-map #events5_map .infowindow a.link { /* $color7 */ border-top-color: #f0f0f0; }

.events5-form-wrap { /* $dark1 */ background-color: #273138; }

#billboard .text img, #events5-map #events5_map .infowindow a.link { /* $body1 */  background-color: #ffffff; }

.dark .events5-featured-wrap .events5-featured .slick-prev span,.dark .events5-featured-wrap .events5-featured .slick-next span {/* $body1 */  color: rgba(255,255,255,.5); }

.dark .events5-featured-wrap .events5-featured .slick-prev span:hover,.dark .events5-featured-wrap .events5-featured .slick-next span:hover {/* $body1 */  color: #ffffff; }

#events5-dt-results .results-filter-choices .results-remove a, #events5-mb-results .results-filter-choices .results-remove a {
  /* $color1 */ background-color: #47c2c2;
}

#events5-dt-results .results-filter-choices .results-remove a, #events5-mb-results .results-filter-choices .results-remove a {
  /* $body1 */ color: #ffffff;
}

#events5-dt-results .results-filter-choices .results-remove a:hover {
  /* $color1 */ background-color: #47c2c2;
}

.events5-featured-wrap {
  /* $color5 */ background-color: #222222;
}

.events5-featured-wrap .events5-featured-static article {
  /* $body1 */ background-color: #ffffff;
}

.e5-layout-pagination > a {
  /* $color5 */ color: #222222;
}

.e5-layout-pagination > a:not(.off):hover {
  /* $color1 */ color: #47c2c2;
}

.e5-layout-pagination .heading {
  /* $color5 */ color: #222222;
}

#events5-dt-results table.calendar th {
  /* $dark5 */ color: #ffffff;
}

#events5-dt-results table.calendar td[class^="calendar-day"] {
  /* $dark5 */ border-color: #ffffff;
}

#events5-dt-results table.calendar td[class^="calendar-day"].selected {
  /* $color4 */ background-color: rgba(17,17,17,1);
}

#events5-dt-results table.calendar .day-number {
  /* $color5 */ color: #222222;
}

#events5-dt-results table.calendar td[class^="calendar-day"].has-events .day-number {
  /* $color6 */ background-color: #222222;
}

#events5-dt-results table.calendar td[class^="calendar-day"].has-events .day-number {
  /* $body1 */ color: #ffffff;
}

#events5-dt-results .prev-list-day:not(.disabled):hover, #events5-dt-results .next-list-day:not(.disabled):hover {
  /* $color2 */ color: #f4c154;
}

#events5-dt-results .list-container .list-heading {
  /* $color5 */ color: #222222;
}

#events5-dt-results .list-container .list-inner {
  /* $color5 */ background-color: #222222;
}

#events5-dt-results .list-container .list-inner .events-for-day::-webkit-scrollbar-thumb {
  /* $color1 */ background-color: #47c2c2;
}

#events5-dt-results .list-container .list-inner .events-for-day::-webkit-scrollbar {
  /* $color4 */ background-color: rgba(17,17,17,1);
}

#events5-dt-results .hybrid-container .list-container .list-inner .close-list-window {
  /* $body1 */ color: #ffffff;
}

#events5-dt-results .hybrid-container .list-container .list-inner .close-list-window:hover {
  /* $color2 */ color: #f4c154;
}

#events5-dt-results .view-options li a.active {
  /* $color2 */ color: #f4c154;
}

#e5-traditional-view table.calendar td.calendar-day.is-today {
  /* $color4 */ background-color: rgba(17,17,17,1);
}

#e5-traditional-view table.calendar td.calendar-day.has-events .day-number {
  /* $color1 */ color: #47c2c2;
}

#e5-traditional-view .calendar-container .calendar-day .event-detail-links li a {
  /* $color4 */ color: rgba(17,17,17,1);
}

#e5-traditional-view .calendar-container .calendar-day .event-detail-links li a:hover {
  /* $color2 */ color: #f4c154;
}

.e5-list-item-group article {
  /* $body1 */ background-color: #ffffff;
}

#events5-mb-results .split-container .calendar-container {
  /* $body1 */ background-color: #ffffff;
}

#events5-mb-results table.calendar th {
  /* $color4 */ color: rgba(17,17,17,1);
}

#events5-mb-results table.calendar td[class^="calendar-day"] {
  /* $body1 */ background-color: #ffffff;
}

#events5-mb-results table.calendar .day-number {
  /* $color5 */ color: #222222;
}

#events5-mb-results table.calendar td[class^="calendar-day"].has-events .day-number {
  /* $color6 */ color: #222222;
}

#events5-mb-results table.calendar td[class^="calendar-day"].selected .day-number {
  /* $color6 */ background-color: #222222;
}

#events5-mb-results table.calendar td[class^="calendar-day"].selected .day-number {
  /* $body1 */ color: #ffffff;
}

#events5-mb-results .list-container .list-heading {
  /* $body1 */ background-color: #ffffff;
}

#events5-mb-results .list-container .list-inner {
  /* $color5 */ background-color: #222222;
}

#events5-mb-results .list-container .list-inner .events-for-day::-webkit-scrollbar-thumb {
  /* $color1 */ background-color: #47c2c2;
}

#e5-mobile-list-view article .info-top .month-day p,
#e5-traditional-view .list-container .e5-list-item-group .month-day > p  {
  /* $dark5 */ background-color: #ffffff;
}

.e5-list-item-group article .info .info-meta .icon-childcare,
.e5-list-item-group article .info .info-meta p.time,
.e5-list-item-group article .info .info-meta p.location,
.e5-list-item-group article .info .info-meta p.categories,
.e5-list-item-group article .info .month-day p,
.e5-list-item-group article .info-bottom p.time,
.e5-list-item-group article .info-bottom p.location,
.e5-list-item-group article .info-bottom .icon-childcare,
.e5-list-item-group article .info-top .info-meta p.categories,
.e5-list-item-group article .info-top .month-day p {
  /* $color4 */ color: rgba(17,17,17,1);
}

/*End Events 5*/

/*overrides for .campusC3*/
 .campus-complex.campusC3 {
  /* $dark3 */
  background-color: #414042;
}

.campusC3 .campus-complex-links li a:not(.icon):hover,
.campusC3 .campus-complex-links li a.active {
  /* $color1 */
  background-color: #47c2c2;
}

.campusC3 .campus-complex-links li a,
.campus-complex-menu.campusC3 .campus-toggle {
  /* $color1 */
  color: #47c2c2;
}

.campusC3 .campus-complex-col-inner {
  /* $color1 */
  border-top-color: #47c2c2;
}

.campusC3 .campus-complex-col-inner {
  /* $dark5 */
  background-color: #ffffff;
}

.campusC3 .campus-complex-links li a:not(.icon):hover,
.campusC3 .campus-complex-links li a.active,
.campus-complex-menu.campusC3 .campus-toggle:hover,
.campus-complex-menu.campusC3 .campus-image h2 span {
  /* $dark5 */
  color: #ffffff;
}

/* Sermons #7
================================================== */
.sermons7-type-buttons ul li a { /* $dark1 */ background-color: #273138; }

@media (hover: hover) { .sermons7-type-buttons ul li a:hover { /* $color1 */ color: #47c2c2; } }

.sermons7-type-buttons ul li a.active { /* $color7 */ background-color: #f0f0f0; }

.sermons7-type-buttons ul li a.active { /* $dark1 */ color: #273138; }

.sermons7-type-buttons ul li .btn.active { /* $dark5 */ background-color: #ffffff; }

.sermons7-type-buttons ul li .btn.active { /* $dark1 */ color: #273138; }

.sermons7-type-buttons.dark ul li .btn.active { /* $dark5 */ background-color: #ffffff; }

.sermons7-type-buttons.dark ul li .btn.active { /* $dark1 */ color: #273138; }

.sermons7-detail { /* $color5 */ background-color: #222222; }

.sermons7-detail-meta .sermons7-detail-meta-buttons .sermons7-media-switch li a { /* $color7 */ background-color: #f0f0f0; }

.sermons7-detail-meta .sermons7-detail-meta-buttons .sermons7-media-switch li a { /* $color1 */ color: #47c2c2; }

@media (hover: hover) { .sermons7-detail-meta .sermons7-detail-meta-buttons .sermons7-media-switch li a:hover { /* $body1 */ color: #ffffff; }
  .sermons7-detail-meta .sermons7-detail-meta-buttons .sermons7-media-switch li a:hover { /* $color1 */ background-color: #47c2c2; } }

.sermons7-detail-meta .sermons7-detail-meta-buttons .sermons7-media-switch li a.active,
.sermons7-type-buttons ul li a { /* $body1 */ color: #ffffff; }

.sermons7-detail-meta .sermons7-detail-meta-buttons .sermons7-media-switch li a.active { /* $color1 */ background-color: #47c2c2; }

.sermons7-detail-meta .sermons7-detail-meta-info p span { /* $color7 */ border-right-color: #f0f0f0; }

.sermons7-detail-meta.dark .sermons7-detail-meta-buttons .sermons7-media-switch li a { /* $dark2 */ background-color: #222222; }

/*Client wanted media buttons hidden. That's the reason for the three color changes below.*/

/*Original color $dark2 background-color: #222222;*/
.sermons7-detail-meta.dark .sermons7-detail-meta-buttons .sermons7-media-switch li a { /* $dark2 */ color: #222222; }

/*Original color $color1 background-color: #ff6219;*/
@media (hover: hover) { .sermons7-detail-meta.dark .sermons7-detail-meta-buttons .sermons7-media-switch li a:hover { /* $dark2 */ background-color: #222222; } }

/*Original color $color1 background-color: #ff6219;*/
.sermons7-detail-meta.dark .sermons7-detail-meta-buttons .sermons7-media-switch li a.active { /* $dark2 */ background-color: #222222; }

.sermons7-detail-meta.dark .sermons7-detail-meta-buttons .sermons7-media-click li a,
.sermons7-series.dark .sermons7-series-sermons-carousel .slick-prev span,
.sermons7-series.dark .sermons7-series-sermons-carousel .slick-next span { /* $dark5 */ color: #ffffff; }

@media (hover: hover) { .sermons7-detail-meta.dark .sermons7-detail-meta-buttons .sermons7-media-click li a:hover { /* $color1 */ color: #47c2c2; } }

.sermons7-detail-meta.dark .sermons7-detail-meta-info p span { /* $dark5 */ border-right-color: #ffffff; }

.sermons7-detail-meta.dark .sermons7-detail-meta-info .sermons7-detail-more-click { /* $dark5 */ color: #ffffff; }

@media (hover: hover) { .sermons7-detail-meta.dark .sermons7-detail-meta-info .sermons7-detail-more-click:hover { /* $color1 */ color: #47c2c2; } }

.sermons7-detail-notes .sermon-notes { /* $dark5 */ border-color: #ffffff; }

.sermons7-detail-notes { /* $color7 */ background-color: #f0f0f0; }

.sermons7-detail-notes .sermon-notes .header { /* $color7 */ background-color: #f0f0f0; }

#sermons7-modal-msg { /* $dark1 */ background-color: #273138; }

#sermons7-filter { /* $color7 */ background-color: #f0f0f0; }

#sermons7-search fieldset { /* $body1 */ background-color: #ffffff; }

#sermons7-search-term { /* $color5 */ color: #222222; }

#sermons7-search-submit { /* $color5 */ color: #222222; }

@media (hover: hover) { #sermons7-search-submit:hover { /* $color3 */ color: #000000; } }

#sermons7-filter .top .sermons7-toggle #sermons7-filter-toggle.on { /* $body1 */ color: #ffffff; }

#sermons7-filter .top .sermons7-toggle #sermons7-filter-toggle.on { /* $color3 */ background-color: #000000;  }

#sermons7-filter .top .sermons7-toggle #sermons7-filter-toggle.on { /* $color3 */ border-color: #000000;  }

#sermons7-filter .sermons7-filter-menu li label { /* $color5 */ color: #222222; }

#sermons7-filter .sermons7-filter-menu li label { /* $dark5 */ border-bottom-color: #ffffff; }

#sermons7-filter .sermons7-filter-menu li input:checked + label, #sermons7-filter .sermons7-filter-menu li input:checked + label:before { /* $color1 */ color: #47c2c2; }

#sermons7-filter .filter-select .sermons7-filter-item a { /* $body1 */ background-color: #ffffff; }

#sermons7-filter .filter-select .sermons7-filter-item a { /* $color5 */ color: #222222; }

#sermons7-filter .filter-menu { /* $color7 */ background-color: #f0f0f0; }

.sermons7-results-list article { /* $body1 */ background-color: #ffffff; }

.sermons7-series.dark { /* $dark1 */ background-color: #273138; }

.sermons7-series .slick-prev:before, .sermons7-series .slick-next:before { /* $body1 */ background-color: #ffffff; }

.sermons7-series.dark .slick-prev:before, .sermons7-series.dark .slick-next:before { /* $color7 */ background-color: #f0f0f0; }

.sermons7-series .sermons7-series-sermons-carousel article { /* $body1 */ background-color: #ffffff; }

.sermons7-series.dark  .sermons7-series-sermons-carousel article { /* $color5 */ background-color: #222222; }

.sermons7-series .sermons7-series-sermons-carousel article .info { /* $color5 */ color: #222222; }

.sermons7-detail-notes .sermon-notes #sermon-notes-form textarea, .sermons7-detail-notes .sermon-notes #sermon-notes-form #notes-email { /* $color5 */ color: #222222; }

.sermons7-detail .sermon-notes #notes p,
.sermons7-detail .sermon-notes #notes .blank { /* $color5 */ color: #222222; }
.sermons7-detail .sermon-notes #notes textarea.pnoteText{ /* $text2 */ color: #222222; }
.sermons7-detail .sermon-notes #notes .blank.correct-answer{ /* $color1 */ color: #47c2c2; }
.sermons7-detail .sermon-notes #notes textarea.pnoteText{ /* $body1 */  background-color: #ffffff; }
.sermons7-detail .sermon-notes #notes p,
.sermons7-detail .sermon-notes #notes .blank{ /* $color5 */  color: #222222; }

/*ANNUAL REPORT #1*/
#report-1 .dark .ar1-stats-boxed .ar1-col:nth-child(even) {
  /* $color1 */
  background-color: #47c2c2;
}
#report-1 .dark .ar1-stats-boxed .ar1-col {
  /* $color1 */
  background-color: #47c2c2;
}

#report-1 .ar1-stats-boxed.add-fullwidth .ar1-col .info h3,
#report-1 .ar1-stats .ar1-col .info h3 .icon,
#report-1 .ar1-stats .ar1-col .info h4,
#report-1 .ar1-media-row.add-fullwidth .ar1-col .info h3,
#report-1 .ar1-media-row .ar1-col > h3 {
  /* $color1 */
  color: #47c2c2;
}
#report-1 .dark .ar1-stats-boxed.add-fullwidth .ar1-col .info h3,
#report-1 .dark .ar1-stats .ar1-col .info h3 .icon,
#report-1 .dark .ar1-stats .ar1-col .info h4,
#report-1 .dark .ar1-media-row .ar1-col > h3 {
  /* $dark5 */
  color: #ffffff;
}
#report-1 #select-nav-dropdown-wrapper {
  /* $color1 */
  background-color: #47c2c2;  
}
/*END OF ANNUAL REPORT #1*/