/*
---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, color, Page BG */
/* $body2, color, Page Text */
/* $dark1, gradient, Dark BG */
/* $dark2, color, Dark Hover */
/* $dark3, gradient, Dark BG Alt */
/* $dark4, color, 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 */
/* $color8, color, Highlight Color 2 */
/* $nav1, color, Navigation Background */
/* $nav2, color, Navigation Color */
/* $nav3, color, Navigation Opaque */
/* $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=Oswald');
/* $wardrobeAtRules */


/* Navigation Background
================================================== */
nav.desktop #searchForm #search_term,
nav.mobile #searchForm2 #search_term2 {
  /* $nav1 */
  color: #ffffff;
}

#wrap:before,
#header,
#wrap .sticky-wrapper.is-header,
body.show-nav #header.option2,
body.show-nav.fixedheader #header.option2,
body.show-nav #header.option2.is-sticky,
body.show-nav.fixedheader #header.option2.is-sticky,
ul#nav > li > ul,
#nav > li > ul > li > ul,
nav.desktop #searchForm #search_go:hover,
nav.mobile,
.search-container .mp_list,
.search-container .mp_list li.mp_no_results,
.search-container .mp_list li.mp_show_more,
.search-container .mp_list li.searching,
#header.is-sticky nav.desktop #searchForm #search_go {
  /* $nav1 */
  background-color: #ffffff;
}

nav.desktop #searchForm #search_go:hover,
#header.is-sticky nav.desktop #searchForm #search_go {
  /* $nav1 */
  border-color: #ffffff;
}

ul#nav > li > ul:before {
  /* $nav1 */
  border-bottom-color: #ffffff;
}

/* Navigation Color
================================================== */
#header .logo a,
#header .toggle li a,
ul#nav > li > a,
#nav > li > ul > li > a,
#nav > li > ul > li > ul > li > a,
nav.desktop #searchForm #search_go,
nav.mobile .top a,
#mobilenav > li > a,
#mobilenav > li > ul > li > a,
#mobilenav > li > ul > li > ul a,
nav.mobile #searchForm2 #search_go2,
.search-container .mp_list li,
.search-container .mp_list li.mp_no_results,
.search-container .mp_list li.mp_highlighted,
.search-container .mp_list li.searching,
#header.is-sticky nav.desktop #searchForm #search_term,
#header.is-sticky nav.desktop #searchForm #search_go {
  /* $nav2 */
  color: rgba(16,  18,  17,  1);
}


nav.desktop #searchForm #search_term,
nav.mobile #searchForm2 #search_term2 {
  /* $nav2 */
  background-color: rgba(16,  18,  17,  1);
}

nav.desktop #searchForm #search_go,
nav.mobile #searchForm2 #search_go2 {
  /* $nav2 */
  border-color: rgba(16,  18,  17,  1);
}

/* Nav Opaque
================================================== */
nav.mobile #searchForm2 #search_go2:hover {
  /* $nav3 */
  color: rgba(255,   255,   255,   0.4);
}

#nav > li > ul > li:hover > a,
#nav > li > ul > li > ul > li:hover > a,
#mobilenav > li > ul > li > a:hover,
#mobilenav > li > ul > li > ul a:hover {
  /* $nav3 */
  background-color: rgba(255,   255,   255,   0.4);
}

#header.option2.is-sticky .header,
body.fixedheader #header.option2.is-sticky .header {
  /* $nav3 */
  background-color: rgba(255,   255,   255,   0.4);
}

#mobilenav > li > ul > li > a,
.search-container .mp_list li.mp_highlighted,
#header.is-sticky nav.desktop #searchForm #search_term {
  /* $nav3 */
  background-color: rgba(255,   255,   255,   0.4);
}

.search-container .mp_list li .type {
  /* $nav3 */
  border-left-color: rgba(255,   255,   255,   0.4);
}


/* Other header/nav items from mk039
================================================== */
.alertbar-wrap.alertB3 a {
  /* $body1 */
  background-color: #ffffff;
}

.alertB3 .alertbar-desc,
.alertbar-wrap.alertB3 > a:hover .alertbar-link {
  /* $color4 */
  color: #000000;
}

.alertB3 .alertbar-title,
.alertB3 .alertbar-link,
nav.desktop #searchForm #search_go:hover,
#header.is-sticky nav.desktop #searchForm #search_go:hover {
  /* $color1 */
  color: #030a04;
}


/* Body 1 - Page BG
================================================== */
.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,
.button-two,
.button-three,
.button-two:hover,
.button-three:hover,
.button-large,
.button-large:hover,
.monkForm fieldset > legend,
.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 {
  /* $body1 */
  color: #ffffff;
}

#content,
.monkForm div input,
.monkForm div textarea,
#newsletter_text,
#content #sidebar .widget .info,
#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-color: #ffffff;
}

/* Body 2 - Page Text
================================================== */
.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,
.button-two,
.button-three,
.button-two:hover,
.button-three:hover,
.button-large,
.button-large:hover,
.monkForm fieldset > legend,
.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 {
  /* $body2 */
  color: #ffffff;
}

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

/* Dark 1 - Dark BG
================================================== */
#billboard-wrap,
.button-three,
nav.main .nav-container,
.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,
.rotator-content .cycle-pager span,
.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(#000000,#000000);
}

/* Dark 2 - Dark Hover
================================================== */
.staff3-items article .staff3-rollover ul li a {
  /* $dark2 */
  color: rgba(24, 31, 42, 1);
}

.dark .widget.article-row .info {
  /* $dark2 */
  background-color: rgba(24, 31, 42, 1);
}

.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:not(.featuredDescription):after,
.rotator-content .image a:after,
#ekkSermons_5_list article a.image-link:after,
.featured-description {
  /* $dark2 */
  background-color: rgba(24, 31, 42, 1);
}

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

p.list-time-day,
p.list-time-month,
.calendar td {
  /* $dark2 */
  border-color: rgba(24,31,42,1);
}

/* Dark 3 - Dark BG Alternate
================================================== */
.dark .button-three,
.div-callout .button-three,
nav.main .button-three,
#footer .footer-btm {
  /* $dark3 */
  background: linear-gradient(#000000,#000000);
}

/* Dark 4 - Dark BG Alternate
================================================== */
body.show-nav nav.main {
  /* $dark4 */
  background-color: rgba(255,  255,  255,  0.8);
}

.dark .ui-accordion-header {
  /* $dark4 */
  border-bottom-color: rgba(255,  255,  255,  0.8);
}

/* 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,
.widget.article-row .more .button-small,
.dark .rotator-button,
.div-callout .button-small,
.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 {
  /* $dark5 */
  color: #ffffff;
}

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

.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,
.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-"],
.share a:hover,
.monkForm p.error,
.monkForm .asterisk,
#newsletter_submit,
#module-search-submit,
#zip-search-submit,
#gF-filter-submit,
#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,
.ui-selectmenu-button span.icon-plus3,
#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 {
  /* $color1 */
  color: #030a04;
}

.button-two,
.div-callout,
.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 {
  /* $color1 */
  background-color: #030a04;
}

.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 {
  /* $color1 */
  border-bottom-color: #030a04;
}

/* Color 2 - Link Hover
================================================== */
a:hover,
.dark .button-small:hover,
.dark .rotator-button:hover,
.div-callout .button-small:hover,
.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 {
  /* $color2 */
  color: #0f0e0f;
}

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,
nav.main .button-three:hover,
.ui-selectmenu-button.ui-selectmenu-button-open,
.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: #0f0e0f;
}

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

/* Color 3 - Link Alternate
================================================== */
.button-small:hover,
.rotator-button:hover,
.share a {
  /* $color3 */
  color: rgba(8,8,8,1);
}

.button,
.rsvp a,
.monkForm input[type=submit],
#content ul.media li a,
.button-large,
#newsletter_submit,
.ui-selectmenu-button {
  /* $color3 */
  background-color: rgba(8,8,8,1);
}

.ui-tabs .ui-tabs-panel {
  /* $color3 */
  border-bottom-color: rgba(8,8,8,1);
}

/* Color 4 - Heading Color
================================================== */
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 {
  /* $color4 */
  color: #000000;
}

/* Color 5 - Text Color
================================================== */
body,
table caption,
table th,
table td,
textarea,
.button-small,
.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,
#sermons2 article h3 a,
#pagination .current,
.pagination .current,
#pagination #current,
.pagination .current {
  /* $color5 */
  color: #000000;
}

/* Color 6 - Text Color Alternate
================================================== */
p.description {
  /* $color6 */
  color: #121414;
}

.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: #121414;
}

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

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

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

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

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

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

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

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

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

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



#search_term,
#search_term2,
#nav,
#mobilenav,
#header .logo,
.alertB3,
#searchForm #search_go,
#searchForm2 #search_go2,
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: 'Oswald', 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: #000000;
}
#volunteer-opportunity article h3 {
  /* $color4 */
  color: #000000;
}
#volunteer-opportunity article .details .more,
#volunteer-opportunity #volunteerOpps .return,
#volunteer-opportunity article.detail header aside .map-directions {
  /* $color1 */
  background-color: #030a04;
}
#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: #0f0e0f;
}
#volunteer-opportunity #vol-filter .childcare,
#volunteer-opportunity .iconBoxInner,
#volunteer-opportunity  article.detail .details .contact-submit:hover {
  /* $color5 */
  border-color: #000000;
}
#volunteer-opportunity #pagination a#previous:before,
#volunteer-opportunity #pagination a#next:before {
  /* $color1 */
  color: #030a04;
}
#volunteer-opportunity #pagination a:hover#previous:before,
#volunteer-opportunity #pagination a:hover#next:before{
  /* $color2 */
  color: #0f0e0f;
}
#volunteer-opportunity article.detail .details aside,
#volunteer-opportunity article.detail .details aside .contact-box,
#volunteer-opportunity .highlight {
  /* $color8 */
  background-color: rgba(255, 255, 255, 1);
}
#volunteer-opportunity .serveWide,
#volunteer-opportunity .serveThird {
  /* $color7 */
  background-color: #b8ecff;
}
#volunteer-opportunity #volunteerOpps .return a {
  /* $dark4 */
  border-color: rgba(255, 255, 255, 0.8);
}
#volunteer-opportunity  article.detail .details .contact-submit:hover,
#volunteer-opportunity  article.detail .details .contact-submit {
  /* $body1 */
  color: #ffffff;
}
#volunteer-opportunity  article.detail .details .contact-submit {
  /* $color3 */
  background-color: rgba(8,8,8,1);
}
#volunteer-opportunity article.detail .details #contact-form {
  /* $color7 */
  background-color: #b8ecff;
}
#volunteer-opportunity article.detail .details .contactH4 .asterisk  {
  /* $color1 */
  color: #030a04;
}
/*END OF VOLUNTEER LAYOUT custom colors*/


/*GIVING LAYOUT #1*/
#content #giving1 #moreinfo #tabs {
  /* $color7 */
  background-color: #b8ecff;
}
#giving1 #welcomeBG {
   /* $color8 */
  background-color: rgba(255, 255, 255, 1);
}

/*LIVE STREAM LAYOUT #1*/
#live-stream #twitter .title{
  /* $dark1 */
  background: linear-gradient(#000000,#000000);
}
#live-stream #twitter ::-webkit-scrollbar-track {
  /* $dark2 */
  background-color: rgba(24, 31, 42, 1);
}
#live-stream #twitter ::-webkit-scrollbar-thumb {
  /* $dark2 */
  background-color: rgba(24, 31, 42, 1);
}
#live-stream .countdown,
#live-stream .links,
#live-stream #footer-sections .event {
  /* $color7 */
  background-color: #b8ecff;
}
#live-stream #twitter #tweets{
  /* $dark2 */
  background-color: rgba(24, 31, 42, 1);
}
#live-stream #twitter .follow,
#live-stream #twitter p,
#live-stream #footer-sections .date .month {
  /* $dark4 */
  color: rgba(255, 255, 255, 0.8);
}
#live-stream #rotator .pager span {
  /* $dark4 */
  background-color: rgba(255, 255, 255, 0.8);
}
#live-stream #twitter .time {
  /* $color6 */
  color: #121414;
}
#live-stream #footer-sections .date .day,
#live-stream .countdown .delimiter,
#live-stream .countdown .label,
#live-stream .countdown .live {
  /* $color5 */
  color: #000000;
}
#live-stream .countdown .number {
   /* $color1 */
  color: #030a04;
}
#live-stream #footer-sections .date .month,
#live-stream #twitter .follow,
#live-stream #rotator .pager span.cycle-pager-active {
  /* $color1 */
  background-color: #030a04;
}
#live-stream #twitter .follow:hover {
  /* $color2 */
  background-color: #0f0e0f;
}
/*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 {
	/* $dark2 */
  	color: rgba(24,31,42,1);
}

.infoBox:after {
	/* $dark2 */
  	border-left-color: rgba(24,31,42,1);
}

.view-toggle a,
#groupFinder .return a {
	/* $dark2 */
  	border-right-color: rgba(24,31,42,1);

}

.infoBox .title,
.view-toggle .active,
#groupFinder .return {
	/* $dark1 */
  background: linear-gradient(#000000,#000000);
}

.infoBox .title h5,
.view-toggle .active,
#groupFinder .return a {
	/* $dark4 */
  	color: rgba(255, 255, 255, 0.8);
}

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

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

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

.view-toggle,
#groupFinder article,
#groupFinder article.detail header {
	 /* $color8 */
  	background-color: rgba(255, 255, 255, 1);
}

#groupFinder.layout2 .items article,
#groupFinder.layout2 h3.gF-heading {
  /* $color5 */
  border-color: rgba(0,0,0,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(255, 255, 255, 1);
}
#new-here-1-layout #new-here #connect > header {
  /* $color4 */
  background-color: #000000;
}
#new-here-1-layout #new-here form .checkbox input[type="checkbox"]:checked + label:before{
  /* $color1 */
  background: #030a04;
}
#new-here-1-layout #new-here form input[type="submit"] {
  /* $color1 */
  background-color: #030a04;
}
#new-here-1-layout #new-here form input[type="submit"]:hover{
  /* $color2 */
  background-color: #0f0e0f;
}
#new-here #connect > header h4 {
  /* $dark4 */
  color: rgba(255, 255, 255, 0.8);
}
/*END OF NEW HERE #1 LAYOUT*/

/*VOLUNTEER 1*/
#volunteerOpps.vol1 article.even {
  /* $color7 */
  background-color: #b8ecff;
}
#volunteerOpps article.detail .details #contact-form {
  /* $color7 */
  background-color: #b8ecff;
}
#volunteerOpps article.detail .details .contactH4 .asterisk  {
  /* $color1 */
  color: #030a04;
}
#volunteer-opportunity  article.detail .details .contact-submit:hover,
#volunteer-opportunity  article.detail .details .contact-submit {
  /* $body1 */
  color: #ffffff;
}
#volunteer-opportunity  article.detail .details .contact-submit {
  /* $color3 */
  background-color: rgba(8,8,8,1);
}
#volunteerOpps.vol1 .items article {
  /* $color5 */
  border-color: rgba(0,0,0,1);
}
/*END OF VOLUNTEER 1*/


/*SMALL GROUP FINDER #1*/
#groupFinder.layout1  article {
  /* $dark4 */
  background-color: rgba(255, 255, 255, 0.8);
}
#groupFinder.layout1 article.detail .details aside,
#groupFinder.layout1  article.even {
  /* $color8 */
    background-color: rgba(255, 255, 255, 1);;
}
#groupFinder.layout1  article.on{
  /* $color8 */
    background-color: rgba(255, 255, 255, 1);
}
#groupFinder.layout1 form#gF-filter .zip-inner {
  /* $color7 */
  background-color: #b8ecff;
}
#groupFinder.layout1 article.detail .details aside{
  /* $color7 */
  border-color: #b8ecff;
}
#groupFinder.layout1 form#gF-filter .zip-inner:before {
  /* $color1 */
  color: #030a04;
}
#groupFinder.layout1 form#gF-filter .zip-inner:hover:before{
  /* $color2 */
  color: #0f0e0f;
}
#groupFinder.layout1 #pagination a#previous:before,
#groupFinder.layout1 #pagination a#next:before {
  /* $color1 */
  color: #030a04;
}
#groupFinder.layout1 #pagination a:hover#previous:before,
#groupFinder.layout1 #pagination a:hover#next:before{
  /* $color2 */
  color: #0f0e0f;
}
#groupFinder.layout1 article header h5 {
  /* $color1 */
  color: #030a04;
}
#groupFinder.layout1 article header h5:hover {
  /* $color2 */
  color: #0f0e0f;
}
#groupFinder.layout1 .items article .meta span {
  /* $color5 */
  color: #000000;
}
#groupFinder.layout1 .items > h2,
#groupFinder.layout1 .items > article {
  /* $color5 */
  border-color: rgba(0,0,0,1);
}
/*END OF SMALL GROUP FINDER*/


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