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

/* $titleAndBlockquote, fontFamily, Page Titles (h1) & Blockquotes
Avenir => 'Avenir', sans-serif
@import url('/_assets/fonts/avenir/avenir.css');
Avenir Bold => 'Avenir Bold', sans-serif
@import url('/_assets/fonts/avenir/avenir.css');
Avenir Light => 'Avenir Light', sans-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');
Lato (Default) => 'Lato', sans-serif
@import url('https://fonts.googleapis.com/css?family=Lato');
Montserrat => 'Montserrat', sans-serif
@import url('https://fonts.googleapis.com/css?family=Montserrat');
Open Sans => 'Open Sans', sans-serif
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
Oswald => 'Oswald', sans-serif
@import url('https://fonts.googleapis.com/css?family=Oswald');
Raleway => 'Raleway', sans-serif
@import url('https://fonts.googleapis.com/css?family=Raleway');
Roboto => 'Roboto', sans-serif
@import url('https://fonts.googleapis.com/css?family=Roboto');
Titillium Web => 'Titillium Web', sans-serif
@import url('https://fonts.googleapis.com/css?family=Titillium+Web');
Bree Serif => 'Bree Serif', serif
@import url('https://fonts.googleapis.com/css?family=Bree+Serif');
Josefin Slab => 'Josefin Slab', serif
@import url('https://fonts.googleapis.com/css?family=Josefin+Slab');
Libre Baskerville => 'Libre Baskerville', serif
@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville');
Lora => 'Lora', serif
@import url('https://fonts.googleapis.com/css?family=Lora');
Merriweather => 'Merriweather', serif
@import url('https://fonts.googleapis.com/css?family=Merriweather');
Noto Serif => 'Noto Serif', serif
@import url('https://fonts.googleapis.com/css?family=Noto+Serif');
Playfair Display => 'Playfair Display', serif
@import url('https://fonts.googleapis.com/css?family=Playfair+Display');
*/

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

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


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


/* Background 1 - Body Background
================================================== */
body,
.ui-selectmenu-button,
#module-search fieldset,
#zip-search .zip-inner,
#new-here form #geo-submit:hover,
a.button-small:hover,
p.button-small a:hover,
a.button-medium:hover,
a.button-medium.active,
p.button-medium a:hover,
a.button-large:hover,
a.button-large.active,
p.button-large a:hover,
#content #subnav > li > a:after,
.monkForm input[type=submit]:hover,
.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,
#new-here #topRotator .pager3 span,
.givingLayout #topRotator .pager span,
#new-here #welcome #welcomeRight .location #map-wrap,
#stickysub #stickysub-nav li a:hover,
#stickysub #stickysub-nav li a.active {
  /* $background1 */
  background-color: #fafafa;
}

#new-here form #geo-submit,
a.button-small,
p.button-small a,
a.button-medium,
p.button-medium a,
#cycle-ss .slide .caption .container .play-btn span:before,
.cycle-slideshow .slide .caption .container .play-btn span:before,
a.button-large,
p.button-large a,
.monkForm input[type=submit],
.ui-selectmenu-menu .ui-menu li,
.calendar th,
.calendar td > a:hover,
.list-time-month,
.detail-item-header,
.list-item-header,
.comment-header,
#content .detail-item-header a:hover,
#content .list-item-header a:hover,
.comment-header span.commenter-name,
.givingLayout .button-give,
#pagination #current,
#stickysub #stickysub-nav li a {
  /* $background1 */
  color: #fafafa;
}

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

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

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

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

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

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

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

/* Nav 2 - Navigation Color
================================================== */
#new-here form #geo-submit:hover,
a.button-small:hover,
p.button-small a:hover,
a.button-medium:hover,
a.button-medium.active,
p.button-medium a:hover,
a.button-large:hover,
a.button-large.active,
p.button-large a:hover,
.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:before,
#cycle-ss .slide .caption .container .play-btn:hover span:before,
.cycle-slideshow .slide .caption .container .play-btn:hover span:before {
  /* $nav2 */
  color: #000000;
}

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

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

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

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

/* Color 1 - Text Color
================================================== */
body,
table caption,
table th,
table td,
textarea,
blockquote,
#content hr,
.monkForm div input,
.monkForm div textarea,
.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,
#new-here form #geo-submit:hover,
a.button-small:hover,
p.button-small a:hover,
a.button-medium:hover,
p.button-medium a:hover,
a.button-large:hover,
p.button-large a:hover,
.monkForm input[type=submit]:hover,
#module-search-submit,
#zip-search-submit,
#event-control-bar h3,
#event-control-bar .event-list-title,
.calendar-month,
.list-month-title,
.calendar td > a,
.featured-start,
#events p.meta,
.featured-event p.meta,
#event-control-bar h3 span,
p.list-time-day,
#ekkSermons_5_detail .meta span,
#ekkSermons_5_detail .passage p,
#ekkSermons_5_detail .passage h5,
#ekkSermons_5_detail .sermon-right h4,
#ekkSermons_5_list article a.image-link,
.givingLayout #moreinfo #tabs li.active,
.givingLayout #moreinfo #tabs li:hover,
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,
#text .content-section .widget.banners ul li p,
#stickysub #stickysub-nav li a:hover,
#stickysub #stickysub-nav li a.active {
  /* $color2 */
  color: #a0a39e;
}



#new-here form #geo-submit,
a.button-small,
p.button-small a,
a.button-medium,
p.button-medium a,
a.button-large,
p.button-large a,
.givingLayout .button-give,
.monkForm input[type=submit],
.monkForm .checkbox input[type="checkbox"]:checked + label:before,
.monkForm .checkbox input[type="radio"]:checked + label:before,
.monkForm .radio input[type="checkbox"]:checked + label:before,
.monkForm .radio input[type="radio"]:checked + label:before,
form#newsletter input#newsletter_submit,
.ui-selectmenu-menu .ui-menu li:hover,
.content-section .widget.banners ul li a p,
.calendar td > a:hover,
#pagination #current,
#text .staffMonkletCols .mL-social a,
.cycle-pager span.cycle-pager-active,
.content-section .widget.banners ul li p,
.calendar td > a:hover,
#new-here #topRotator .pager3 span:hover,
#new-here #topRotator .pager3 span.cycle-pager-active,
.givingLayout #topRotator .pager span:hover,
.givingLayout #topRotator .pager span.cycle-pager-active,
#stickysub {
  /* $color2 */
  background-color: #a0a39e;
}

::-webkit-scrollbar-thumb {
  /* $color2 */
  background-color: rgba(160, 163, 158, 0.8);
}

::-webkit-scrollbar-thumb:window-inactive {
  /* $color2 */
  background-color: rgba(160, 163, 158, 0.4);
}

#new-here form #geo-submit {
	border: 1px solid;
}

#new-here form #geo-submit,
a.button-small,
p.button-small a,
a.button-medium,
p.button-medium a,
a.button-large,
p.button-large a,
.monkForm input[type=submit],
.content-section .widget.banners ul,
#ekkSermons_5_list article a.image-link:after {
  /* $color2 */
  border-color: #a0a39e;
}

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

#text .staffMonkletCols .mL-social a:hover {
  /* $color3 */
  background-color: #ffffff;
}

/* Color 4 - Heading Text 1
================================================== */
h1,
h2,
h3,
h4,
h5,
h6,
.monkForm fieldset fieldset > legend,
.ui-selectmenu-button span.ui-selectmenu-text,
.ui-selectmenu-button span.icon-arrow-down {
  /* $color4 */
  color: #000000;
}

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

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

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

/* Highlight 1 - Highlight Background
================================================== */
#text:before,
#sidebar .widget article .info,
.monkForm div input,
.monkForm div textarea,
.monkForm div select,
.monkForm .checkbox label:before,
.monkForm .radio label:before,
.content-section.light .content-section-inner,
.content-section.hasbg.light .layout-left:before,
.content-section.hasbg.light .layout-left:after,
.content-section.light .widget article .image-wrap:after,
.filters,
#articles .featured,
#content #event-nav,
#ekkSermons_5_detail .sermon-top,
#ekkSermons_5_detail .sermon-top:before,
#ekkSermons_5_detail .sermon-top:after,
.givingLayout #moreinfo #tabs li,
.givingLayout #welcomeBG,
.givingLayout #moreinfo,
.cycle-pager span {
  /* $highlight1 */
  background-color: #333333;
}

#new-here #welcome #welcomeRight .location,
#new-here #welcome #directions {
  /* $highlight1 */
  background-color: rgba(51,51,51,.5);
}

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

}

.list-weekday,
#ekkSermons_5_list h4,
#ekkSermons_5_detail .sermon-right h4,
#new-here #welcome #directions {
  /* $highlight1 */
  border-color: #333333;
}

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

/* Highlight 2 - Callout Background
================================================== */
.div-callout,
.monkForm fieldset > legend,
#content #subnav > li > a,
.content-section.dark .content-section-inner,
.content-section.div-callout .content-section-inner,
.content-section.hasbg.dark .layout-left:before,
.content-section.hasbg.div-callout .layout-left:before,
.content-section.hasbg.dark .layout-left:after,
.content-section.hasbg.div-callout .layout-left:after,
.content-section.dark .widget article .image-wrap:after,
.content-section.div-callout .widget article .image-wrap:after,
.content-section .widget.banners ul li,
.detail-item-header,
.list-item-header,
.comment-header,
.comment-body {
  /* $highlight2 */
  background-color: #0c2c30;
}

#blog-stage .grouping,
#blog-stage div.meta {
  /* $highlight2 */
  background-color: rgba(12, 44, 48, 0.15);
}

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

/* Highlight 3 - Callout Text
================================================== */
.page-title h1,
.page-title h3,
#scrollcontent,
#scrollcontent .icon-arrow-down:before,
.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,
.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,
a.featured-image .featured-description p,
#cycle-ss .slide .caption .container h3, 
.cycle-slideshow .slide .caption .container h3 {
  /* $highlight3 */
  color: #ffffff;
}

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

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

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

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

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

/* Footer 5 - Footer Alt
================================================== */
#footer a:hover,
#footer a:hover:before
 {
  /* $footer5 */
  color: #ffffff;
}

#footer a:hover svg path {
  /* $footer5 */
  fill: #ffffff;
}

.featured-description:hover {
  /* $footer5 */
  background-color: #ffffff;
}

/*OVERRIDE.CSS*/
.section-tabs .section-tabs-wrap,
.section-tabs nav ul li a.active:after {
  /* $highlight1 */
  background-color: #333333;
}
.section-tabs nav ul li a.active {
  /* $color2 */
  color: #a0a39e;
}
.dark .section-tabs .section-tabs-wrap,
.dark .section-tabs nav ul li a.active:after {
 /* $color2 */
  background-color: #a0a39e;
}
.dark .section-tabs nav ul li a:hover,
.dark .section-tabs nav ul li a.active {
 /* $background1 */
  color: #fafafa;
}
.accordiontrigger {
  /* $highlight1 */
  background-color: #333333;
}
.accordiontrigger:hover,
.accordiontrigger.active{
  /* $color2 */
  color: #a0a39e;
}
.section-tabs nav ul li a:hover,
.section-tabs nav ul li a.active {
  /* $color3 */
  color: #ffffff;
}

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

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

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

/* STAFF 3 layouts*/
#staff3-layout  .staff3-items article .staff3-rollover ul li a ,
#staff3-layout #staff3-layout .ui-selectmenu-menu .ui-menu li,
#staff3-layout .ui-selectmenu-button span.iconstaff-arrow-down,
#staff3-layout  .staff3-items article .staff3-rollover ,
#staff3-layout  .staff3-items.staff3-detail article ul.staff3-social li a,
#staff3-layout  .staff3-items article .staff3-rollover p span {
  /* $background1 */
  color: #fafafa; 
}
#staff3-layout #module-search fieldset,
#staff3-layout  .staff3-items article .staff3-rollover ul li a:hover {
  /* $background1 */
  background-color: #fafafa;
}
#staff3-layout #module-search-submit,
#staff3-layout  .staff3-items article .staff3-rollover ul li a:hover {
  /* $color1 */
  color: #000000;
}
#staff3-layout  .staff3-items.staff3-detail article ul.staff3-social li a{
  /* $color1 */
  background-color: #000000;
}
#staff3-layout #module-search-submit:hover {
  /* $color2 */
  color: #a0a39e;
}
#staff3-layout  .staff3-items.staff3-detail article ul.staff3-social li a:hover {
  /* $color2 */
  background-color: #a0a39e;
}
#staff3-layout #module-search-term {
  /* $color1 */
  color: #000000;
}
#staff3-layout  .staff3-items article .staff3-rollover,
#staff3-layout  .staff3-items article .staff3-rollover ul li a {
  /* $highlight2 */
  background-color: rgba(12, 44, 48, 0.6);
}
#staff3-layout .staff-filters {
  /* $highlight1 */
  background-color: #333333;
}
#staff3-layout .ui-selectmenu-button span.ui-selectmenu-text,
#staff3-layout .iconstaff-arrow-down:before {
  /* $color1 */
  color: #000000;
}
#staff3-layout .ui-selectmenu-button,
#staff3-layout #module-search-term,
#staff3-layout #module-search {
  /* $color1 */
  border-color: #000000;
}

/*VOLUNTEER LAYOUT custom colors*/
#volunteer-opportunity article h3,
#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,
#volunteer-opportunity article.detail h3 {
  /* $color1 */
  color: #000000;
}
#volunteer-opportunity article .details .more,
#volunteer-opportunity #volunteerOpps .return,
#volunteer-opportunity article.detail header aside .map-directions {
  /* $color2 */
  background-color: #a0a39e;
}
#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{
  /* $color3 */
  background-color: #ffffff;
}
#volunteer-opportunity #vol-filter .childcare,
#volunteer-opportunity #volunteerOpps .return a,
#volunteer-opportunity .iconBoxInner,
#volunteer-opportunity  article.detail .details .contact-submit:hover {
  /* $color1 */ 
  border-color: #000000;
}
#volunteer-opportunity #pagination a:hover,
#volunteer-opportunity #pagination a#current{
  /* $color2 */
  background-color: #a0a39e;
}
#volunteer-opportunity article.detail .details aside,
#volunteer-opportunity .highlight {
  /* $highlight2 */
  background-color: rgba(12, 44, 48, 0.05);
}
#volunteer-opportunity .serveWide,
#volunteer-opportunity .serveThird {
  /* $highlight2 */
  background-color: rgba(12, 44, 48, 0.1);
}

#volunteer-opportunity  article.detail .details .contact-submit {
  /* $color2 */
  background-color: #a0a39e;
}
#volunteer-opportunity  article.detail .details .contact-submit {
  /* $background1 */
  color: #fafafa;
}
#volunteer-opportunity  article.detail .details .contact-submit:hover {
  /* $color2 */
  color: #a0a39e;
}
#volunteer-opportunity  article.detail .details .contact-submit:hover {
  /* $color2 */
  border-color: #a0a39e;
}
#volunteer-opportunity  article.detail .details .contact-submit:hover {
  /* $background1 */
  background-color: #fafafa;
}
#volunteer-opportunity article.detail .details .contact-field {
  /* $highlight1 */
  background-color: #333333;
}
#volunteer-opportunity article.detail .details .contactH4 .asterisk  {
  color: red;
}
#volunteer-opportunity  article.detail .details .contactH4{
  /* $color1 */
  color: #000000;
}
#volunteer-opportunity #pagination a:hover, 
#volunteer-opportunity #pagination a#current,
#volunteer-opportunity #volunteerOpps .btn-return .icon-arrow-left:before {
  /* $background1 */
  color: #fafafa;
}
#volunteer-opportunity #pagination a:hover, 
#volunteer-opportunity #pagination a#current {
  /* $color2 */
  background-color: #a0a39e;
}
/*END OF VOLUNTEER LAYOUT custom colors*/

/*LIVE STREAM LAYOUT #1*/
#live-stream #twitter .title{
  /* $nav1 */
  background-color: #6b696b;
}
#live-stream #twitter ::-webkit-scrollbar-track {
  /* $nav1 */ 
  background-color: rgba(107, 105, 107, 0.6);
}
#live-stream #twitter ::-webkit-scrollbar-thumb {
  /* $nav1 */ 
  background-color: rgba(107, 105, 107, 1);
}
#live-stream .countdown,
#live-stream .links,
#live-stream #footer-sections .event {
  /* $nav1 */ 
  background-color: rgba(107, 105, 107, 0.1);
}
#live-stream #twitter #tweets{
  /* $nav1 */ 
  background-color: rgba(107, 105, 107, 0.9);
}
#live-stream #twitter .follow > span:before,
#live-stream #twitter .follow,
#live-stream #twitter p,
#live-stream #footer-sections .date .month {
  /* $background1 */
  color: #fafafa;
}
#live-stream #rotator .pager span {
  /* $background1 */
  background-color: #fafafa;
}
#live-stream #twitter .time {
  /* $color5 */
  color: #909799;
}
#live-stream #footer-sections .date .day,
#live-stream .countdown .delimiter,
#live-stream .countdown .label,
#live-stream .countdown .live {
  /* $color1 */
  color: #000000;
}
#live-stream #twitter .title,
#live-stream .countdown .number {
   /* $color2 */
  color: #a0a39e;
}
#live-stream #footer-sections .date .month,
#live-stream #twitter .follow,
#live-stream #rotator .pager span.cycle-pager-active {
  /* $color2 */
  background-color: #a0a39e;
}
#live-stream #twitter .follow:hover {
  /* $color3 */
  background-color: #ffffff;
}
/*END OF LIVE STREAM LAYOUT #1*/


/*GROUPFINDER #2*/

.view-toggle,
h2.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 {
  /* $highlight2 */
    color: #0c2c30;
}
.infoBox:after {
  /* $highlight2 */
    border-left-color: #0c2c30;
}
.view-toggle a {
  /* $highlight2 */
    border-right-color: #0c2c30;
}
.infoBox .title,
.view-toggle .active,
#groupFinder .return {
    /* $highlight2 */
    background-color: #0c2c30;
}
.infoBox .title h5 {
   /* $highlight3 */
    color: #ffffff;
}
#groupFinder .return a {
  /* $highlight3 */
    border-right-color: rgba(255, 255, 255, 0.1);
}

.view-toggle,
h2.gF-heading,
#groupFinder article,
#groupFinder article.detail .details aside {
   /* $highlight3 */
    border-color: rgba(255,255,255,.1);
}

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

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

#groupFinder .return a,
.childcare-inner,
.view-toggle .active {
  /* $background1 */
  color: #fafafa;
}

/*END GROUPFINDER #2*/


/*ARTICLES 4*/
.featured-article {
  /* $highlight1 */
  background-color: #333333;
}
.featured-article__nav,
.featured-article__btn {
  /* $highlight2 */
  background-color: #0c2c30;
}
.featured-article__btn:hover {
  /* $color2 */
  background-color: #a0a39e;
}
.article-header__title {
  /* $background1 */
  background-color: #fafafa;
}
.featured-article__meta,
.featured-article__btn .article-icon {
  /* $footer5 */
  color: #ffffff;
}
.article-list__loading .article-icon {
  color: #a0a2a5;
}
.article-list__close--series,
.article-nav__btn,
.article-nav__btn:hover,
.article-nav__more,
.article-nav__search-submit {
  /* $color2 */
  color: #a0a39e;
}
.article-list__close--series:hover,
.article-nav__more:hover {
  /* $color2 */
  color: #a0a39e;
}

.article-categories__item,
.article-nav__btn:hover {
  /* $color2 */
  background-color: #a0a39e;
}
.article-categories__item,
.article-nav__search-input {
  /* $color2 */
  border-color: #a0a39e;
}
.article-list__item,
.article-list__item--series,
.article-nav,
.article-nav__btn {
  /* $highlight1 */
  background-color: rgba(51,51,51,.1);
}
.article-categories__item,
.featured-article__info,
.featured-article__description,
.featured-article__copy p,
.article-list__item--has-image .article-list__media .article-icon,
.article-header__info--image .article-header__btn,
.article-header__info--image .article-header__btn:hover,
.article-body__button,
.article-body__button:hover,
.article-author__social-button {
  /* $footer5 */
  color: #ffffff;
}
.article-categories__item:hover,
.article-categories__item.article-categories__item--active,
.article-header__title,
.article-list__item.article-list__item--padding {
   /* $background1 */
  background-color: #fafafa;
}

.article-categories__item.article-categories__item--active,
.article-categories__item:hover{
  /* $color2 */
  color: #a0a39e;
}
.article-author__image {
  /* $footer5 */
  border-color: #ffffff;
}

/*ALERT POPUP #2*/
.alertpopup-wrap.alertP2 {
  background-color: rgba(255,255,255, .97);
}
.alertP2 .alertpopup-inner{
  /* $footer5 */
  border-color: #ffffff;
}
.alertP2 .alertpopup-inner,
.alertP2 .alertpopup-toggle {
  /* $color2 */
  border-color: #a0a39e;
}
.alertP2 .alertpopup-toggle,
.alertP2 .alertpopup-toggle:hover {
  /* $color2 */
  color: #a0a39e;
}
#infox-overlay,
.flexbox .content-section .widget.banners ul.campus-selector li:nth-child(2n) {
  /* $highlight1 */
  background-color: #333333;
}
#infox-overlay h5.title {
  /* $color2 */
  color: #a0a39e;
}
#infox-overlay:before {
  /* $highlight1 */
  border-left-color: #333333;
}
#campus-detail  .content-section.light .content-section-inner {
  /* $highlight1 */
  background-color: rgba(51,51,51,.1);
}
#campus-detail .staff-filters {
  /* $highlight2 */
  background-color: #0c2c30;
}
#homepageSermon .media li a {
  /* $highlight3 */
  color: #ffffff;
}
#homepageSermon .media li a:hover{
  /* $color3 */
  color: #ffffff;
}

.content-section .widget.banners.campus ul li h4 {
  /* $color2 */
  color: #a0a39e;
}
.content-section .widget.banners.campus ul li.active h4,
.content-section .widget.banners.campus ul li h4:hover{
  /* $highlight3 */
  color: #ffffff;
}

/*fix events#3*/
body#events .featured-description:hover {
  /* $highlight1 */
  background-color: rgba(51,51,51,.8);
}
#campusMapSection #directions input {
  color: #757575;
}