/*
---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, Photo Overlay */
/* $dark3, gradient, Dark BG Alt */
/* $dark4, gradient, Dark Hover Alt */
/* $dark5, color, Dark Color */
/* $dark6, color, Dark Opaque */
/* $dark7, color, Homepage Button Opague */
/* $color1, color, Link */
/* $color2, color, Link Hover */
/* $color3, color, Link Alt */
/* $color4, color, Heading */
/* $color5, color, Text */
/* $color6, color, Text Alt */
/* $color7, color, Highlight 1 */
/* $color8, color, Highlight 2 */
/* $color9, color, Nav Text */
/* $color10, color, Nav Text Hover */
/* $color11, color, Nav Dropdown BG */

/* $color12, color, 3rd Level Nav Dropdown BG */
/* $color13, color, 3rd Level Nav Dropdown BG Hover */
/* $color14, color, 3rd Level Nav Text */
/* $color15, color, Nav Dropdown BG Hover */

/* $btn1, color, Button Color */
/* $btn2, color, Button Background */
/* $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=Roboto');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
/* $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
================================================== */
.rsvp a,
.monkForm input[type=submit],
#content ul.media li a,
.rsvp a:hover,
.monkForm input[type=submit]:hover,
#content ul.media li a:hover,
.button-two,
.button-three,
.button-two:hover,
.button-three: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,
.rsvp a,
.monkForm input[type=submit],
#content ul.media li a,
.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 {
  /* $body2 */
  color: #ffffff;
}

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

/* Dark 1 - Dark BG
================================================== */
.button-three,
nav.main .nav-container,
#billboard-wrap,
.rotator,
.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(#1c575a,rgba(28,87,90,1));
}

/* Dark 2 - Dark Hover
================================================== */
.dark .widget.article-row .info {
  /* $dark2 */
  background: linear-gradient(rgba(0,0,0,0.6),rgba(18,18,18,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,
.slick-widget article .image a:after {
  /* $dark2 */
  background: linear-gradient(rgba(0,0,0,0.6),rgba(18,18,18,0.7));
}

.staff3-items.staff3-detail article ul.staff3-social li a,
#ekkSermons_5_list article a.image-link:after,
#sermons2 article a.image-link:after,
.post-list__item .post-list__image:after,
#volunteerOpps .items article > a:after,
.staff3-items article .staff3-rollover,
aside#sidebar .widget.article .image a:after,
#article1 .row .inside .hoverImage:after,
#article1 .p-6 .inside .hoverImage:after,
aside#sidebar .widget.sermon .image a:after,
aside#sidebar .widget.post .image a:after,
aside#sidebar .widget.event .image a:after,
.nh3-monklet-section-staff article .info-rollover,
.m1-monklet-section-events .image a:after,
.m1-monklet-section-resources .image a:after,
.m1-monklet-section-volunteer .image a:after,
.m1-monklet-section-staff .image a:after,
.m1-monklet-staff article .image a:after,
.m1-monklet-featured-event article .image a:after {
  /* $dark2 */
  background: linear-gradient(rgba(0,0,0,0.6),rgba(18,18,18,0.7));
}

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

/* Dark 4 - Dark BG Alternate
================================================== */
body.show-nav nav.main {
  /* $dark4 */
  background: linear-gradient(rgba(33,40,50,0.8),rgba(33,40,50,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,
#blogs3 button.post-categories__item--active,
nav.main #searchForm .mp_list li.mp_highlighted,
nav.main #searchForm .mp_list li.searching,
nav.main #searchForm .mp_list li.mp_show_more,
.featured-post__btn:hover span {
  /* $dark5 */
  color: #ffffff;
}

#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,
nav.main #searchForm .mp_list li {
  /* $dark5 */
  background-color: #ffffff;
}

/* Dark 6 - Dark Color Opaque
================================================== */
#footer .footer-btm,
#footer .footer-btm a,
#footer ul.social li a:hover {
  /* $dark6 */
  color: rgba(255, 255, 255, 0.4);
}

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

#new-here #welcome #directions {
  /* $dark6 */
    border-color: rgba(255, 255, 255, 0.4);
}

/* Color 1 - Link
================================================== */
a,
[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,
#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,
.ui-selectmenu-button span.icon-plus3,
#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,
.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,
.elder-name{
  /* $color1 */
  color: #705a48;
}

.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 {
  /* $color1 */
  background-color: #705a48;
}

.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,
#content #event-nav li.active {
  /* $color1 */
  border-bottom-color: #705a48;
}

/* 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,
.post-nav__search-submit:hover .post-icon{
  /* $color2 */
  color: #1c575a;
}

h1:after,
h2:after,
blockquote:after,
.rsvp a:hover,
.monkForm input[type=submit]:hover,
#content ul.media li a:hover,
.button-two:hover,
.button-three:hover,
.dark .button-three:hover,
.div-callout .button-three:hover,
#newsletter_submit,
#searchForm #search_go:hover,
nav.main .button-three: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,
#newsletter_submit:hover,
#blogs3 button.post-categories__item--active,
nav.main #searchForm .mp_list li.mp_highlighted,
nav.main #searchForm .mp_list li.searching,
nav.main #searchForm .mp_list li.mp_show_more{
  /* $color2 */
  background-color: #1c575a;
}

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

/* Color 3 - Link Alt
================================================== */
.button-small:hover,
.rotator-button:hover,
.share a {
  /* $color3 */
  color: #705a48;
}

.rsvp a,
.monkForm input[type=submit],
#content ul.media li a,
#newsletter_submit,
#searchForm #search_go,
.ui-selectmenu-button,
#searchForm2 #search_go2,
.button-two,
.button-three,
.button-two:hover,
.button-three:hover {
  /* $color3 */
  background-color: #705a48;
}

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

/* Color 4 - Heading
================================================== */
p.list-time-day,
p.list-time-month,
.calendar td {
  /* $color4 */
  border-color: #242424;
}

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

/* Color 5 - Text
================================================== */
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,
.alert a b,
#searchForm2 #search_term2,
#sermons2 article h3 a,
#pagination .current,
.pagination .current,
#pagination #current,
.pagination .current,
#ekkSermons_5_list .description,
#ekkSermons_5_series .description,
.post-nav__search-input {
  /* $color5 */
  color: #242424;
}

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

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

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

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

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

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,
#content nav#event-nav {
  /* $color7 */
  background-color: #f7fcfc;
}

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

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

/* Color 8 - Highlight 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: 'Roboto', 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,
#evite1 #evite-form input, #evite1 #evite-form textarea,
#articles_4 .article-categories > button,
#content #event-nav li,
.post-nav__search-input,
#articles_4 .article-nav__search-input,
.post-categories__item {
  /* $bodyFont */
  font-family: 'Open Sans', sans-serif;
}

/* Color - 3rd level nav color
================================================== */

#nav > li > ul > li > ul {
  /* $color12 */
  background-color: #705a48;
}

#nav > li > ul > li > ul > li:hover > a {
  /* $color13 */
  background-color: #1c575a;
}

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


/*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: #242424;
}
#volunteer-opportunity article h3 {
  /* $color4 */
  color: #242424;
}
#volunteer-opportunity article .details .more,
#volunteer-opportunity #volunteerOpps .return,
#volunteer-opportunity article.detail header aside .map-directions {
  /* $color1 */
  background-color: #705a48;
}
#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: #1c575a;
}
#volunteer-opportunity #vol-filter .childcare,
#volunteer-opportunity .iconBoxInner,
#volunteer-opportunity  article.detail .details .contact-submit:hover {
  /* $color5 */
  border-color: #242424;
}
#volunteer-opportunity #pagination a#previous:before,
#volunteer-opportunity #pagination a#next:before {
  /* $color1 */
  color: #705a48;
}
#volunteer-opportunity #pagination a:hover#previous:before,
#volunteer-opportunity #pagination a:hover#next:before{
  /* $color2 */
  color: #1c575a;
}
#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: #f7fcfc;
}
#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: #705a48;
}
#volunteer-opportunity article.detail .details #contact-form {
  /* $color7 */
  background-color: #f7fcfc;
}
#volunteer-opportunity article.detail .details .contactH4 .asterisk  {
  /* $color1 */
  color: #705a48;
}
/*END OF VOLUNTEER LAYOUT custom colors*/


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

/*LIVE STREAM LAYOUT #1*/
#live-stream #twitter .title{
  /* $color4 */
  background-color: #242424;
}
#live-stream #twitter ::-webkit-scrollbar-track {
  /* $color4 */
  background-color: #242424;
}
#live-stream #twitter ::-webkit-scrollbar-thumb {
  /* $color4 */
  background-color: #242424;
}
#live-stream .countdown,
#live-stream .links,
#live-stream #footer-sections .event {
  /* $color7 */
  background-color: #f7fcfc;
}
#live-stream #twitter #tweets{
  /* $color4 */
  background-color: #242424;
}
#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: #705a48;
}
#live-stream #footer-sections .date .day,
#live-stream .countdown .delimiter,
#live-stream .countdown .label,
#live-stream .countdown .live {
  /* $color5 */
  color: #242424;
}
#live-stream .countdown .number {
   /* $color1 */
  color: #705a48;
}
#live-stream #footer-sections .date .month,
#live-stream #twitter .follow,
#live-stream #rotator .pager span.cycle-pager-active {
  /* $color1 */
  background-color: #705a48;
}
#live-stream #twitter .follow:hover {
  /* $color2 */
  background-color: #1c575a;
}
/*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: #242424;
}

.infoBox:after {
  /* $color4 */
    border-left-color: #242424;
}

.view-toggle a,
#groupFinder .return a {
  /* $color4 */
    border-right-color: #242424;

}

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

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

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

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

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

/*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: #242424;
}
#new-here-1-layout #new-here form .checkbox input[type="checkbox"]:checked + label:before{
  /* $color1 */
  background: #705a48;
}
#new-here-1-layout #new-here form input[type="submit"] {
  /* $color1 */
  background-color: #705a48;
}
#new-here-1-layout #new-here form input[type="submit"]:hover{
  /* $color2 */
  background-color: #1c575a;
}
#new-here #connect > header h4 {
  /* $dark5 */
  color: #ffffff;
}
/*END OF NEW HERE #1 LAYOUT*/

/*VOLUNTEER 1*/
#volunteerOpps.vol1 article.even {
  /* $color7 */
  background-color: #f7fcfc;
}
#volunteerOpps article.detail .details #contact-form {
  /* $color7 */
  background-color: #f7fcfc;
}
#volunteerOpps article.detail .details .contactH4 .asterisk  {
  /* $color1 */
  color: #705a48;
}
#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: #705a48;
}
/*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: #f7fcfc;
}
#groupFinder.layout1 article.detail .details aside{
  /* $color7 */
  border-color: #f7fcfc;
}
#groupFinder.layout1 form#gF-filter #filter-zip {
  /* $color5 */
  color: #242424;
}
#groupFinder.layout1 form#gF-filter .zip-inner:before {
  /* $color1 */
  color: #705a48;
}
#groupFinder.layout1 #pagination a#previous:before,
#groupFinder.layout1 #pagination a#next:before {
  /* $color1 */
  color: #705a48;
}
#groupFinder.layout1 #pagination a:hover#previous:before,
#groupFinder.layout1 #pagination a:hover#next:before{
  /* $color2 */
  color: #1c575a;
}
#groupFinder.layout1 article header h5 {
  /* $color1 */
  color: #705a48;
}
#groupFinder.layout1 article header h5:hover {
  /* $color2 */
  color: #1c575a;
}
#groupFinder.layout1 .items article .meta span {
  /* $color5 */
  color: #242424;
}
#groupFinder.layout1 .items > h3,
#groupFinder.layout1 .items > article {
  /* $color5 */
  border-color: rgba(36,36,36,1);
}
/*END OF SMALL GROUP FINDER*/


/*STAFF #2*/
#staff_2 form#group-search #group-search-term {
  /* $bodyFont */
  font-family: 'Open Sans', sans-serif;
}
#staff_2 form#group-search fieldset:after {
  /* $color1 */
  color: #705a48;
}
#staff_2 form#group-search fieldset {
  /* $color7 */
  background-color: #f7fcfc;
}
#staff_2 .content .memberList {
  /* $color7 */
  border-top-color: #f7fcfc;
}
#staff_2 .filters{
  /* $color7 */
  background-color: #f7fcfc;
}
/*END OF STAFF #2*/

/* NEXT STEPS #1 */

#nextsteps1 #ns1-modal-background {
  /* $body1 */
  background: linear-gradient(#ffffff,#ffffff);
}

#nextsteps1 #floating-link > a,
#nextsteps1 #floating-link a .fl-icon,
#nextsteps1 #floating-link .fl-label,
#nextsteps1 .featured-items-row .title-caption,
#nextsteps1 .staggered-grid-links .shaded-box span[class^="icon"] {
  /* $dark5 */
  color: #ffffff;
}

#nextsteps1 .featured-items-row .featured-item [class^="border-"] {
  /* $dark5 */
  background-color: #ffffff;
}

#nextsteps1 .top-links-slide .details h5,
#nextsteps1 .top-links-slide .details span.icon,
#nextsteps1 .staggered-grid-links .shaded-box .text-details .title,
#nextsteps1 .top-links-slide .details h5,
#nextsteps1 #ns1-modal-background .ns1-modal-content .close-ns1-modal {
  /* $color1 */
  color: #705a48;
}

#nextsteps1 #alert_pager span,
#nextsteps1 #floating-link>a,
#nextsteps1 #alert_pager .pager-wrap span,
#nextsteps1 #ns1-modal-background .ns1-modal-content .section-wysiwyg-content .button-medium {
  /* $color1 */
  background-color: #705a48;
}

#nextsteps1 .top-links-slide:hover .details h5,
#nextsteps1 .top-links-slide:hover .details span.icon,
#nextsteps1 .staggered-grid-links .shaded-box:hover .title,
#nextsteps1 #ns1-modal-background .ns1-modal-content .close-ns1-modal:hover {
  /* $color1 */
  color: rgba(112,90,72,1);
}

#nextsteps1 #ns1-modal-background .ns1-modal-content .thumbnail-copy {
  /* $color1 */
  outline-color: #705a48;
}

#nextsteps1 .staggered-grid-links .shaded-box:hover .text-details .title,
#nextsteps1 .top-links-slide .details h5:hover {
  /* $color2 */
  color: #1c575a;
}

#nextsteps1 #ns1-modal-background .ns1-modal-content .heading-icon {
  /* $color3 */
  color: #705a48;
}

#nextsteps1 #floating-link > a {
  /* $color3 */
  background-color: #705a48;
}

#nextsteps1 .top-links-slide .details p {
  /* $color5 */
  color: #242424;
}

#nextsteps1 .top-links-slide,
#nextsteps1 .staggered-grid-links .shaded-box,
#nextsteps1 #ns1-modal-background .ns1-modal-content {
  /* $color7 */
  background-color: #f7fcfc;
}
/* END OF NEXT STEPS #1 */

/*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: #ffffff;
}
#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: #242424;
}
.nh3-monklet-section-featured-event article.dark,
.nh3-monklet-section-featured-article article.dark,
.nh3-monklet-section-grid article {
  /* $color5 */
  background-color: #242424;
}
.nh3-monklet-section-grid article > a,
.nh3-monklet-section-grid .nh3-desktop,
.nh3-monklet-section-grid article .info {
  /* $color7 */
  background-color: #f7fcfc;
}
.nh3-monklet-section-featured article .info a h5{
  /* $color1 */
  color: #705a48;
}
.nh3-monklet-section-featured article .info a:hover h5{
  /* $color2 */
  color: #1c575a;
}
.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: #1c575a;
}
.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: #705a48;
}
/*END OF NEW HERE #3*/

/*ARTICLES #4*/
#articles_4 .article-list__item,#articles_4 .article-nav, #articles_4 .article-list__item--series {
  /* $color7 */
  background-color: #f7fcfc;
}
#articles_4 .featured-article, #articles_4 .article-nav__btn {
  /* $dark1 */
  background: linear-gradient(#1c575a,rgba(28,87,90,1));
}
#articles_4 .featured-article h1,
#articles_4 .featured-article h2,
#articles_4 .featured-article h3,
#articles_4 .featured-article h4,
#articles_4 .featured-article h5,
#articles_4 .featured-article h6,
#articles_4 .featured-article p,
#articles_4 .featured-article .featured-article__meta {
  /* $dark5 */
  color: #ffffff;
}
#articles_4 .featured-article__nav {
  /* $color3 */
  background-color: #705a48;
}
#articles_4 .article-nav__btn .article-icon, #articles_4 .article-list__close--series, #articles_4 .article-nav__btn, #articles_4 .article-nav__btn:hover, #articles_4 .article-nav__more, #articles_4 .article-nav__search-submit, #articles_4 .article-list__series-status .article-icon, #articles_4 .article-list__close--series .article-icon, #articles_4 .article-nav__more .article-icon, #articles_4 .article-list__loading .article-icon {
  /* $color1 */
  color: #705a48;
}
#articles_4 .featured-article__btn:hover, #articles_4 .article-author__social-button {
  /* $dark5 */
  color: #ffffff;
}
#articles_4 .featured-article__btn:hover{
  /* $color2 */
  background-color: #1c575a;
}
#articles_4 .article-author__social-button {
  /* $color1 */
  background-color: #705a48;
}
#articles_4 .article-list__info.article-list__info--series .article-list__title,
#articles_4 .article-list__media .article-icon, #articles_4 .article-list__close--series:hover,
#articles_4 .article-nav__more:hover {
  /* $color1 */
  color: #705a48;
}
#articles_4 .article-author__social-button:hover {
  /* $color2 */
  background-color: #1c575a;
}
#articles_4 .featured-article__btn {
  /* $color3 */
  background-color: #705a48;
}
#articles_4 .article-author__social-button:hover,
#articles_4 .featured-article__nav, #articles_4 .featured-article__btn, #articles_4 .featured-article__btn .article-icon, #articles_4 .article-list__item--has-image .article-list__media .article-icon, #articles_4 .article-author__social-button {
  /* $dark5 */
  color: #ffffff;
}
#articles_4 .article-header__title,
#articles_4 .article-list__item.article-list__item--padding {
  /* $dark5 */
  background-color: #ffffff;
}
#articles_4 .article-author__image, #articles_4 .article-nav__search-input {
  /* $color5 */
  border-color: #242424;
}
#articles_4 .article-categories > button.article-categories__item--active{
  /* $color2 */
  background-color: #1c575a;
}
#articles_4 .article-categories > button.article-categories__item--active{
  /* $body2 */
  color: #ffffff;
}
#articles_4 .article-list__item a p {
  /* $color5 */
  color: #242424;
}
#articles_4 .article-list__item a h5 {
  /* $color1 */
  color: #705a48;
}
#articles_4 .article-list__info.article-list__info--series .article-list__title:hover,
#articles_4 .article-list__series-status:hover .article-icon,
#articles_4 .article-list__item a:hover p,
#articles_4 .article-list__item a:hover h5 {
  /* $color2 */
  color: #1c575a;
}
/*END OF ARTICLES #4*/


/*EVITE #1*/
/* Link Color */
#evite1 #evite-form .warning {
  /* $color1 */
  color: #705a48;
}
/* Link Color - Background */
#evite1 #share-options .button-container .share-button.active {
  /* $color2 */
  background-color: #1c575a;
}
#evite1 #evite-form {
  /* $color7 */
  background-color: #f7fcfc;
}
#evite1 #evite-form span.asterisk   {
  /* $color1 */
  color: #705a48;
}
#evite1 #evite-form input[type='submit']:hover,
#evite1 #evite-form input[type='submit'] {
  /* $dark5 */
  color: #ffffff;
}
#evite1 #evite-form input[type='submit'] {
  /* $color3 */
  background-color: #705a48;
}
#evite1 #share-links .share-item .evite-thumbnail-link:hover:before {
  /* $color1 */
  border-color: #705a48;
}

/*END OF EVITE #1*/
/*SERMONS #6*/
#content #sermons6 ul.media li a{
  /* $color6 */
  color: #705a48;
}
#sermons6 .featured-sermons-carousel .cycle-slideshow-desktop .cycle-slide a h5,
#sermons6_search #sermon-search #sermon-search-submit {
  /* $color1 */
  color: #705a48;
}
#sermons6 .featured-sermons-carousel .cycle-slideshow-desktop .cycle-slide a:hover h5,
#content #sermons6 ul.media li a:hover,
#sermons6_search #sermon-search #sermon-search-submit:hover{
  /* $color2 */
  color: #1c575a;
}
#sermons6 .sermon-notes .header h3,
#sermons6 .sermon-notes .header p,
#sermons6 .sermon-notes .header,
#sermons6Layout .header-image .page-title {
  /* $dark5 */
  color: #ffffff;
}
#sermons6 #sermons6-modal-msg,
#sermons6 .sermon-notes .header{
  /* $color6 */
  background-color: #705a48;
}
#sermons6 .sermon-notes .form-area{
  /* $color7 */
  background-color: #f7fcfc;
}
#sermons6 .sermon-notes #sermon-notes-form .form-button {
  /* $body2 */
  color: #ffffff;
}
#sermons6 .sermon-notes #sermon-notes-form .form-button {
  /* $color3 */
  background-color: #705a48;
}
#sermons6 .sermon-notes #sermon-notes-form .form-button:hover{
  /* $color2 */
  background-color: #1c575a;
}
#sermons6_search #sermon-search #sermon-search-term,
#sermons6 .sermon-notes #sermon-notes-form #notes-email,
#sermons6 .sermon-notes #sermon-notes-form textarea,
#sermons6 .sermon-notes #sermon-notes-form .form-button {
  /* $bodyFont */
  font-family: 'Open Sans', sans-serif;
}
/*END OF SERMONS #6*/


/* ARTICLES 1 */
#article1 .items article {
    /* $color3 */
    border-bottom-color: #705a48;
}
#article1 .items article,
#article1 .row {
    /* $color7 */
    background-color: #f7fcfc;
}
#article1 .linkFeautured h5{
    /* $color1 */
    color: #705a48;
}
#article1 .linkFeautured:hover h5{
    /* $color2 */
    color: #1c575a;
}
/* END OF ARTICLES 1 */


/* START OF MISSIONS #1 */

#map_color {
  /* $color2 */
  color: #1c575a;
}


#map_highlight_color {
  /* $color3 */
  color: #705a48;
}

#marker_color {
  /* $color1 */
  color: #705a48;
}

#missionsLayout .intro-and-stats .overlay-tint,
#missionsLayout .ms1-detail-section .ms1-flex-container .trip-details .overlay-tint {
  /* $color1 */
  background-color: #705a48;
}

#missionsLayout .ms1-featured-event-monklet .ms1-event-image a:after,
#missionsLayout .ms1-featured-missionary-monklet .ms1-missionary-image a:after,
#missionsLayout .ms1-trips-monklet .ms1-trips-list #ms1-trips-items article .trip-image:after {
  /* $dark2 */
  background: linear-gradient(rgba(0,0,0,0.6),rgba(18,18,18,0.7));
}

#missionsLayout .ms1-featured-event-monklet .ms1-event-details .ms1-event-meta .location-cost span.deets > a {
  /* $color5 */
  color: #242424;
}

#missionsLayout .ms1-trips-monklet .ms1-trips-filters .filters-heading {
  /* $dark5 */
  color: #ffffff;
}

@media (min-width:1024px) {
  #missionsLayout .ms1-trips-monklet .ms1-trips-filters .filters-heading,
  #missionsLayout .ms1-trips-monklet #ms1-filters-form > li {
    /* $color5 */
    color: #242424;
  }
}

#missionsLayout .ms1-trips-monklet .ms1-trips-filters .filters-heading {
  /* $color1 */
  background-color: #705a48;
}

#missionsLayout .ms1-trips-monklet .ms1-trips-filters:after {
  /* $color1 */
  background-color: #705a48;
}

#missionsLayout .ms1-trips-monklet .ms1-trips-filters #ms1-reset-filters {
  /* $color1 */
  background-color: #705a48;
}

#missionsLayout .ms1-trips-monklet .ms1-trips-filters #ms1-reset-filters:hover {
  /* $color2 */
  background-color: #1c575a;
}

#missionsLayout .ms1-dropdown-container .menu-heading {
  /* $dark5 */
  color: #ffffff;
}

#missionsLayout #map-dropdown li .map-dropdown-heading:hover,
#missionsLayout #map-dropdown li.active .map-dropdown-heading,
#missionsLayout #map-dropdown li.highlight .map-dropdown-heading {
  /* $color1 */
  color: #705a48;
}

#missionsLayout #map-dropdown li ul li a:hover,
#missionsLayout #map-dropdown li ul li a.active {
  /* $color1 */
  background-color: #705a48;
}

#missionsLayout .ms1-dropdown-container {
  /* $dark1 */
  background: linear-gradient(#1c575a,rgba(28,87,90,1));
}

#missionsLayout .ms1-detail-section .ms1-flex-container #ms1-contact-form .success {
  /* $color1 */
  color: #705a48;
}

#missionsLayout .ms1-trips-monklet .ms1-trips-filters-container {
  /* $color1 */
  border-color: #705a48;
}

#missionary-map .infowindow-content .detail-btn {
  /* $dark5 */
  color: #ffffff;
}

#missionary-map .infowindow-content .detail-btn {
  /* $color3 */
  background-color: #705a48;
}

#missionary-map .infowindow-content .detail-btn {
  /* $bodyFont */
  font-family: 'Open Sans', sans-serif;
}

#missionsLayout .ms1-detail-section .ms1-flex-container .trip-details .ms1-trip-contact-eml,
#missionsLayout #map-dropdown li,
#missionsLayout #map-dropdown li > .map-dropdown-heading,
#missionsLayout #map-dropdown li ul li a,
#missionsLayout .intro-and-stats .stats.dark #missions-statistics li .icon-container span,
#missionsLayout .intro-and-stats .stats.dark #missions-statistics li .nums-labels .numbers-to-count,
#missionsLayout .intro-and-stats .stats.dark #missions-statistics li .nums-labels .label,
#missionsLayout .ms1-trips-monklet .ms1-trips-filters #ms1-reset-filters {
  /* $dark5 */
  color: #ffffff;
}
/* END OF MISSIONS 1 */

/*BLOG 3*/
a .post-list__copy,
a .post-list__date {
  /* $color5 */
  color: #242424;
}

/*Hub 1*/

body#hub-1 #header { /* $body1 */  background: linear-gradient(#ffffff,#ffffff); }

body#hub-1 #nav-toggle,body#hub-1 #header .header .metanav .title a {  /* $color5 */ color: #242424; }

body#hub-1 #nav-toggle:hover,body#hub-1 #header .header .metanav .title a:hover { /* $color2 */ color: #1c575a; }

.hub-widget-heading .search .hub-search-toggle { /* $color5 */ color: #242424; }

.hub-widget-heading .search .hub-search-toggle:hover { /* $color2 */ color: #1c575a; }

.hub-widget-heading .search form fieldset { /* $body1 */  background: linear-gradient(#ffffff,#ffffff); }

.hub-widget-heading .search form input { /* $color5 */ color: #242424; }

.hub-widget-heading .search form button { /* $color5 */ color: #242424; }

.hub-widget-heading .search form button:hover { /* $color2 */ color: #1c575a; }

.hub-widget-heading .more a { /* $color5 */ color: #242424; }

.hub-widget-heading .more a:hover {  /* $color2 */ color: #1c575a; }

.dark .hub-widget-heading .search .hub-search-toggle { /* $dark5 */ color: #ffffff; }

.dark .hub-widget-heading .search .hub-search-toggle:hover { /* $color2 */ color: #1c575a; }

.dark .hub-widget-heading .search form fieldset { /* $dark5 */ background-color: #ffffff; }

.dark .hub-widget-heading .search form input {  /* $color5 */ color: #242424; }

.dark .hub-widget-heading .search form button { /* $color5 */ color: #242424; }

.dark .hub-widget-heading .search form button:hover { /* $color2 */ color: #1c575a; }

.dark .hub-widget-heading .more a { /* $dark5 */ color: #ffffff; }

.dark .hub-widget-heading .more a:hover { /* $color2 */ color: #1c575a; }

.hub-widget-results-inner.events article { /* $body1 */  background: linear-gradient(#ffffff,#ffffff); }

.hub-widget-results-inner.articles article { /* $body1 */  background: linear-gradient(#ffffff,#ffffff); }

.hub-widget-results-inner.articles article .info .media-hub li { /* $color5 */ color: #242424; }

.hub-widget-results-inner.sermons article .article-wrap { /* $body1 */  background: linear-gradient(#ffffff,#ffffff); }

.hub-widget-results-inner.connect article .info:before {   /* $dark2 */  background: linear-gradient(rgba(0,0,0,0.6),rgba(18,18,18,0.7)); }

.hub-widget-results-inner.connect article.pos-1 .info,.hub-widget-results-inner.connect article.pos-5 .info,.hub-widget-results-inner.connect article.pos-9 .info,.hub-widget-results-inner.connect article.pos-13 .info,.hub-widget-results-inner.connect article.pos-17 .info {   /* $dark2 */  background: linear-gradient(rgba(0,0,0,0.6),rgba(18,18,18,0.7)); }

.hub-widget-results-inner.connect article.pos-2 .info,.hub-widget-results-inner.connect article.pos-6 .info,.hub-widget-results-inner.connect article.pos-10 .info,.hub-widget-results-inner.connect article.pos-14 .info,.hub-widget-results-inner.connect article.pos-18 .info {   /* $dark4 */  background: linear-gradient(rgba(33,40,50,0.8),rgba(33,40,50,0.8)); }

.hub-widget-results-inner.connect article.pos-3 .info,.hub-widget-results-inner.connect article.pos-7 .info,.hub-widget-results-inner.connect article.pos-11 .info,.hub-widget-results-inner.connect article.pos-15 .info,.hub-widget-results-inner.connect article.pos-19 .info {   /* $dark2 */  background: linear-gradient(rgba(0,0,0,0.6),rgba(18,18,18,0.7)); }

.hub-widget-results-inner.connect article.pos-4 .info,.hub-widget-results-inner.connect article.pos-8 .info,.hub-widget-results-inner.connect article.pos-12 .info,.hub-widget-results-inner.connect article.pos-16 .info,.hub-widget-results-inner.connect article.pos-20 .info {   /* $dark4 */  background: linear-gradient(rgba(33,40,50,0.8),rgba(33,40,50,0.8)); }

.hub-widget-results-inner.posts article { /* $body1 */  background: linear-gradient(#ffffff,#ffffff); }

.hub-widget-results-inner.posts article .image .meta { /* $dark5 */ color: #ffffff; }

.hub-widget-results-inner.posts article .image .meta h4 a { /* $dark5 */ color: #ffffff; }

.hub-widget-results-inner.posts article .image .meta h6 { /* $dark5 */ color: #ffffff; }

.hub-widget-results-inner.posts article .info .tags a, .hub-widget-results-inner.articles article .info .media-hub li a {  /* $color3 */  background-color: #705a48; }

.hub-widget-results-inner.posts article .info .tags a, .hub-widget-results-inner.articles article .info .media-hub li a { /* $dark5 */ color: #ffffff; }

.hub-widget-results-inner.posts article .info .tags a:hover, .hub-widget-results-inner.articles article .info .media-hub li a:hover { /* $color2 */  background-color: #1c575a; }

.hub-widget-results-inner.posts article .info .tags a:hover, .hub-widget-results-inner.articles article .info .media-hub li a:hover { /* $dark5 */ color: #ffffff; }

article.blog-detail.blog-mobile { /* $dark5 */ background-color: #ffffff; }

article.blog-detail.blog-mobile .image .meta { /* $dark5 */ color: #ffffff;  }

article.blog-detail.blog-mobile .image .meta {  /* $color1 */ background-color: #705a48; }

article.blog-detail.blog-mobile .image .meta h4 a { /* $dark5 */ color: #ffffff; }

article.blog-detail.blog-mobile .image .meta h6 { /* $dark5 */ color: #ffffff; }

.hub-widget-results-inner.posts article.pos-1 .image .meta,.hub-widget-results-inner.posts article.pos-5 .image .meta,.hub-widget-results-inner.posts article.pos-9 .image .meta,.hub-widget-results-inner.posts article.pos-13 .image .meta,.hub-widget-results-inner.posts article.pos-17 .image .meta {  /* $dark2 */  background: linear-gradient(rgba(0,0,0,0.6),rgba(18,18,18,0.7)); }

.hub-widget-results-inner.posts article.pos-2 .image .meta,.hub-widget-results-inner.posts article.pos-6 .image .meta,.hub-widget-results-inner.posts article.pos-10 .image .meta,.hub-widget-results-inner.posts article.pos-14 .image .meta,.hub-widget-results-inner.posts article.pos-18 .image .meta {  /* $dark4 */  background: linear-gradient(rgba(33,40,50,0.8),rgba(33,40,50,0.8)); }

.hub-widget-results-inner.posts article.pos-3 .image .meta, .hub-widget-results-inner.posts article.pos-7 .image .meta,.hub-widget-results-inner.posts article.pos-11 .image .meta,.hub-widget-results-inner.posts article.pos-15 .image .meta,.hub-widget-results-inner.posts article.pos-19 .image .meta {  /* $dark2 */  background: linear-gradient(rgba(0,0,0,0.6),rgba(18,18,18,0.7)); }

.hub-widget-results-inner.posts article.pos-4 .image .meta,.hub-widget-results-inner.posts article.pos-8 .image .meta,.hub-widget-results-inner.posts article.pos-12 .image .meta,.hub-widget-results-inner.posts article.pos-16 .image .meta,.hub-widget-results-inner.posts article.pos-20 .image .meta {  /* $dark4 */  background: linear-gradient(rgba(33,40,50,0.8),rgba(33,40,50,0.8));}

.hub-widget-results-inner.linklist article { /* $body1 */  background: linear-gradient(#ffffff,#ffffff); }

#hub-map { /* $body1 */  background: linear-gradient(#ffffff,#ffffff); }

#hub-map #hub_map .infowindow { /* $color6 */ background-color: #705a48; }

#hub-map #hub_map .infowindow:before { /* $color6 */ border-top-color: #705a48; }

#hub-map #hub_map .infowindow a { /* $body1 */  background: linear-gradient(#ffffff,#ffffff); }
#hub-map #hub_map .infowindow a { /* $color1 */ color: #705a48; }
#hub-map #hub_map .infowindow a { /* $color6 */ border-top-color: #705a48; }
#hub-map #hub_map .infowindow a { /* $color6 */ border-bottom-color: #705a48;}

#hub-map #hub_map .infowindow a:hover { /* $color2 */ color: #1c575a; }

.hub-widget-results-inner.smallgroups article { /* $body1 */  background: linear-gradient(#ffffff,#ffffff); }

.hub-widget-results-inner.slick-slider .slick-prev span,.hub-widget-results-inner.slick-slider .slick-next span { /* $color1 */ color: #705a48; }

.hub-widget-results-inner.slick-slider .slick-prev span:hover,.hub-widget-results-inner.slick-slider .slick-next span:hover { /* $color2 */ color: #1c575a; }

.dark .hub-widget-results-inner.slick-slider .slick-prev span,.dark .hub-widget-results-inner.slick-slider .slick-next span { /* $dark5 */ color: rgba(255, 255, 255, 1); }

.dark .hub-widget-results-inner.slick-slider .slick-prev span:hover,.dark .hub-widget-results-inner.slick-slider .slick-next span:hover { /* $dark5 */ color: #ffffff; }

.hub-widget-results-inner.slick-slider .slick-dots li button { /* $color6 */ background-color: #705a48; }

.dark .hub-widget-results-inner.slick-slider .slick-dots li button { /* $dark5 */ background-color: #ffffff; }

.hub-widget-results-inner.slick-slider li.slick-active button { /* $color1 */ background-color: #705a48; }

.dark .hub-widget-results-inner.slick-slider .slick-dots li.slick-active button { /* $color1 */ background-color: #705a48; }

.dark .widget-no-dark { /* $color5 */ color: #242424; }
.dark .widget-no-dark h1, .dark .widget-no-dark h2, .dark .widget-no-dark h3, .dark .widget-no-dark h4, .dark .widget-no-dark h5, .dark .widget-no-dark h6 { /* $color5 */ color: #242424; }
.dark .widget-no-dark a {/* $color1 */ color: #705a48; }
.dark .widget-no-dark a:hover { /* $color2 */ color: #1c575a; }

.dark .widget-no-dark .button-two,.dark .widget-no-dark .button-three,.dark .widget-no-dark .button-two:hover,.dark .widget-no-dark .button-three:hover {  /* $body2 */  color: #ffffff;}

.dark .widget-no-dark .button-three {  /* $dark1 */  background: linear-gradient(#1c575a,rgba(28,87,90,1));}

.dark .widget-no-dark [class^="button-"] [class^="icon-"] {  /* $color1 */
  color: #705a48;}

.dark .widget-no-dark .button-two {  /* $color1 */  background-color: #705a48;}

.dark .widget-no-dark .button-two:hover,.dark .widget-no-dark .button-three:hover{  /* $color2 */  background-color: #1c575a;}

.dark .widget-no-dark .button-small:hover {  /* $color3 */  color: #705a48;}

.dark .widget-no-dark .button-two,.dark .widget-no-dark .button-three,.dark .widget-no-dark .button-two:hover,.dark .widget-no-dark .button-three:hover {  /* $color3 */  background-color: #705a48;}

.dark .widget-no-dark .button-small { /* $color5 */  color: #242424;}

/*End Hub 1*/

.alertbar-wrap.alertB3 {
  /* $dark3 */
  background: linear-gradient(#1c575a,#1c575a);
}

.alertB3 .alertbar-title,
.alertB3 .alertbar-link {
  /* $color3 */
  color: #705a48;
}

.alertB3 .alertbar-desc,
.alertbar-wrap.alertB3 > a:hover .alertbar-link {
  /* $dark5 */
  color: #ffffff !important;/*may not need important, but used for layout site..try and use your site defaults*/
}

/*EVENTS #4*/
#e4-featured-events article .date .dates,
#e4-view li a.active,
#e4-view li a:hover,
#e4-layout-list article .date {
  /* $dark5 */
  color: #ffffff;
}
#e4-featured-events article,
#events_4_layout .dark .slick-prev,
#events_4_layout .dark .slick-next {
  /* $dark5 */
  color: rgba(255,255,255,1);
}
#events_4_layout .dark .slick-dots li button {
  /* $dark5 */
  background-color: rgba(255,255,255,1);
}
#e4-view li a,
#e4-filters-form .filter-categories,
#e4-layout-list article,
#e4-layout-calendar table.calendar td.calendar-day-np,
#e4-layout-calendar table.calendar div.day-number span,
#e4-featured-events.e4-slick article  {
  /* $color7 */
  background-color: #f7fcfc;
}
#e4-layout-detail .meta {
  /* $color7 */
  background-color: #f7fcfc;
}
#e4-layout-calendar table.calendar td,
#e4-layout-detail .meta {
  /* $color7 */
  border-color: #f7fcfc;
}
#events_4_layout .e4-layout-pagination a.off {
  /* $color7 */
  color: #f7fcfc;
}
#events_4_layout .slick-prev,
#events_4_layout .slick-next{
  /* $color1 */
  color: #705a48;
}
#e4-featured-events article .info .categories b,
#events_4_layout .slick-dots li.slick-active button,
#e4-view li a.active,
#e4-filters-form .filter-categories li label:before,
#e4-layout-list article .info .categories b,
#e4-layout-calendar table.calendar .calendar-links li span.categories b,
#e4-layout-detail p.categories b {
  /* $color1 */
  background-color: #705a48;
}
#e4-filters-form .filter-categories li label:before {
  /* $color1 */
  border-color: #705a48;
}
#e4-featured-events article .info,
#e4-featured-events article .info p,
#e4-filters-form .filter-categories li label,
#e4-layout-calendar table.calendar th,
#e4-featured-events article .info h6.meta{
  /* $color5 */
  color: #242424;
}
#e4-featured-events-wrap.dark {
    /* $dark1 */
  background: linear-gradient(#1c575a,rgba(28,87,90,1));
}
#e4-featured-events article .date .dates,
#e4-view li a:hover,
#e4-layout-list article .date {
  /* $color6 */
  background-color: #705a48;
}
#e4-layout-detail .meta h5,
#events_4_layout #sidebar .meta h5 {
  /* $color5 */
  border-bottom-color: rgba(36,36,36,1);
}
/*END OF EVENTS #4*/

/*PRAYER #1*/
#prayer1 .p1-layout-list article .p1-meta-col h6 .icon,
#prayer1 .p1-monklet-sermon article .info h6 b,
#prayer1 .p1-monklet-staff article ul li a {
  /* $color5 */
  color: #242424;
}
#prayer1 .p1-section .p1-section-inner.dark {
  /* $color5 */
  background-color: #242424;
}
#prayer1 .p1-layout-list article .info h5,
#prayer1 .p1-slick .slick-prev,
#prayer1 .p1-slick .slick-next {
  /* $color1 */
  color: #705a48;
}
#prayer1 .p1-layout-list article .p1-acknowledgment-link,
#prayer1 .p1-slick .slick-dots li.slick-active button {
  /* $color1 */
  background-color: #705a48;
}
#prayer1 .p1-slick .slick-dots li button {
  /* $color1 */
  border-color: #705a48;
}
#prayer1 .p1-monklet-sermon article .info h6 {
  /* $color1 */
  color: #705a48;;
}
#prayer1 .p1-layout-list article .p1-acknowledgment-link ,
#prayer1 .dark .p1-monklet-sermon article .info h6 b,
#prayer1 .dark .p1-slick .slick-prev,
#prayer1 .dark .p1-slick .slick-next {
  /* $dark5 */
  color: #ffffff;
}
#prayer1 .dark .p1-slick .slick-dots li.slick-active button {
  background-color: #f6f8fa;
}
#prayer1 .dark .p1-slick .slick-dots li button {
  /* $dark5 */
  border-color: #ffffff;
}
#prayer1 .dark .p1-monklet-sermon article .info h6 {
  /* $dark5 */
  color: #ffffff;
}
#prayer1 .p1-layout-list article {
  /* $color1 */
  border-color: #705a48;
}
#prayer1 .p1-layout-list article .p1-meta {
  /* $color7 */
  background-color: rgba(247, 252, 252, 1);
}
#prayer1 .p1-monklet-staff article ul li a  {
  /* $color4 */
  background-color: #242424;
}
#prayer1 .p1-monklet-staff article ul li a  {
  /* $dark5 */
  color: #ffffff;
}
#prayer1 .p1-monklet-staff article ul li a:hover{
  /* $dark2 */
  background :linear-gradient(rgba(24, 31, 42, 0.7),rgba(24, 31, 42, 0.7));
}
#prayer1 .p1-monklet-staff article ul li a:hover {
  /* $color2 */
  background-color: #1c575a;
}
#prayer1 .dark .p1-monklet-staff article ul li a  {
  /* $dark5 */
  background-color: #ffffff;
}
#prayer1 .dark .p1-monklet-staff article ul li a  {
  /* $color1 */
  color: #705a48;
}
#prayer1 .dark .p1-monklet-staff article ul li a:hover{
  /* $color2 */
  color: #1c575a;
}
#prayer1 .p1-layout-list article .p1-acknowledgment-link.disabled {
  /* $dark1 */
  background: linear-gradient(#1c575a,rgba(28,87,90,1));
}
#prayer1 .p1-layout-list article .p1-meta-col h6 {
  /* $color5 */
  color: #242424;
}
#prayer1 .mcms_audioplayer svg path {
  /* $color1 */
  fill: #705a48;
}
#prayer1 .mcms_audioplayer svg:hover path {
  /* $color2 */
  fill: #1c575a;
}
/*END OF PRAYER #1*/


/* Giving #2
================================================== */
.widget-giving-2-heading-link .heading h1, .widget-giving-2-heading-link .heading h2, .widget-giving-2-heading-link .heading h3, .widget-giving-2-heading-link .heading h4, .widget-giving-2-heading-link .heading h5, .widget-giving-2-heading-link .heading h6, .widget-giving-2-heading-link .heading p { /* $color5 */ color: #242424; }

.widget-giving-2-heading-link .link a { /* $color1 */ color: #705a48; }

.widget-giving-2-heading-link .link a { /* $color5 */ border-color: #242424; }

@media (hover: hover) { .widget-giving-2-heading-link .link a:hover { /* $color5 */ background-color: #242424; } }

.dark .widget-giving-2-heading-link .heading h1, .dark .widget-giving-2-heading-link .heading h2, .dark .widget-giving-2-heading-link .heading h3, .dark .widget-giving-2-heading-link .heading h4, .dark .widget-giving-2-heading-link .heading h5, .dark .widget-giving-2-heading-link .heading h6, .dark .widget-giving-2-heading-link .heading p { /* $dark5 */ color: #ffffff; }

.dark .widget-giving-2-heading-link .link a { /* $color1 */ color: #705a48; }

.dark .widget-giving-2-heading-link .link a { /* $dark5 */ border-color: #ffffff; }

@media (hover: hover) { .dark .widget-giving-2-heading-link .link a:hover { /* $dark5 */ background-color: #ffffff; } }

.giving-2-content-columns .giving-2-content-row .content-info.dark { /* $color5 */ background-color: #242424; }

.giving-2-numbers ul li .numbers-count { /* $color1 */ color: #705a48; }

.dark .giving-2-numbers ul li .numbers-count { /* $dark5 */ color: #ffffff; }

.giving-2-media-columns .giving-2-media-row.dark { /* $dark1 */ background: linear-gradient(#1c575a,rgba(28,87,90,1)); }

.giving-2-app-links li a { /* $color5 */ color: #242424; }

.giving-2-app-links li a { /* $color1 */ background-color: #705a48; }

.giving-2-app-links li a:hover { /* $color5 */ color: #242424; }
.giving-2-app-links li a:hover { /* $color2 */ background-color: #1c575a; }

.giving-2-grid-links article:before { /* $color5 */ background-color: #242424; }

.giving-2-grid-links article:after { /* $color5 */ background-color: #242424; }

.giving-2-grid-links article .info { /* $color5 */ /*background-color: #242424;*/ }

.giving-2-grid-links article .info { /* $color5 */ border-color: #242424; }

.giving-2-grid-links article .info .info-inner { /* $color5 */ color: #242424; }

.giving-2-grid-links article .info .info-inner h2, .giving-2-grid-links article .info .info-inner h3, .giving-2-grid-links article .info .info-inner h4, .giving-2-grid-links article .info .info-inner h5, .giving-2-grid-links article .info .info-inner h6, .giving-2-grid-links article .info .info-inner p { /* $color5 */ color: #242424; }

.giving-2-grid-links article .info .icons .fa, .giving-2-grid-links article .info .icons .icon { /* $color5 */ color: #242424; }

.giving-2-grid-links article .info .icons .fa, .giving-2-grid-links article .info .icons .icon { /* $color5 */ border-color: #242424; }

.giving-2-grid-links article:hover:before, .giving-2-grid-links article:hover:after { /* $color1 */ background-color: #705a48; }
.giving-2-grid-links article:hover .info { /* $color5 */ background-color: #242424; }
.giving-2-grid-links article:hover .info .info-inner { /* $body1 */ color: #ffffff; }
.giving-2-grid-links article:hover .info .info-inner h2, .giving-2-grid-links article:hover .info .info-inner h3, .giving-2-grid-links article:hover .info .info-inner h4, .giving-2-grid-links article:hover .info .info-inner h5, .giving-2-grid-links article:hover .info .info-inner h6, .giving-2-grid-links article:hover .info .info-inner p { /* $body1 */ color: #ffffff; }
.giving-2-grid-links article:hover .info .icons .fa, .giving-2-grid-links article:hover .info .icons .icon { /* $body1 */ color: #ffffff; }
.giving-2-grid-links article:hover .info .icons .fa, .giving-2-grid-links article:hover .info .icons .icon { /* $body1 */ border-color: #ffffff; } 
  
/**Updated button**/
.slick-widget .slick-prev,
.slick-widget .slick-next,
.button,
.dark .widget-no-dark .button,
.button-large,
.dark .widget-no-dark .button-large {
	/* $btn1 */
	color: rgba(112,     90,     72,     1);
}

.button,
.dark .widget-no-dark .button,
.button-large,
.dark .widget-no-dark .button-large {
	/* $btn2 */
	border-color: #242424;
}

.slick-widget .slick-prev:hover,
.slick-widget .slick-next:hover,
.button i[class^="icon-"],
.button-large i[class^="icon-"],
.button span[class^="icon-"],
.button-large span[class^="icon-"] {
	/* $btn2 */
	color: #242424;
}

.button:hover,
.dark .widget-no-dark .button:hover,
.button-large:hover,
.dark .widget-no-dark .button-large:hover {
	/* $btn1 */
	background-color: rgba(112,     90,     72,     1);
}

.dark .slick-widget .slick-prev,
.dark .slick-widget .slick-next,
.button:hover,
.dark .widget-no-dark .button:hover,
.button-large:hover,
.dark .widget-no-dark .button-large:hover {
	/* $dark5 */
	color: #ffffff;
}

.dark .slick-widget .slick-prev:hover,
.dark .slick-widget .slick-next:hover {
	/* $btn2 */
	color: #242424;
}

.button:hover,
.dark .widget-no-dark .button:hover,
.button-large:hover,
.dark .widget-no-dark .button-large:hover {
	/* $btn1 */
	border-color: rgba(112,     90,     72,     1);
}
  
.dark .button,
.dark .button-large {
	/* $dark7 */
  	background-color: rgba(0,  0,  0,  0.4);
}

.dark .button,
.dark .button-large {
	/* $dark5 */
	color: #ffffff;
}

.dark .button,
.dark .button-large {
	/* $dark5 */
	border-color: #ffffff;
}

.dark .button:hover,
.dark .button-large:hover {
	/* $btn1 */
	background-color: rgba(112,     90,     72,     1);
}

.dark .button:hover,
.dark .button-large:hover {
	/* $dark5 */
	color: #ffffff;
}

.dark .button:hover,
.dark .button-large:hover {
	/* $btn1 */
	border-color: rgba(112,     90,     72,     1);
}

/* Plyr Video
================================================== */
.plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded=true], .plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true], .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before, .plyr--full-ui input[type=range]::-moz-range-progress { /* $btn1 */ background: rgba(112,     90,     72,     1); }

.plyr--full-ui input[type=range] { /* $btn1 */ color: rgba(112,     90,     72,     1); }

.plyr__control--overlaid { /* $btn1 */ background: rgba(112,     90,     72,     1); }

.plyr__control--overlaid { /* $dark5 */ color: #ffffff; }

.plyr__menu__container .plyr__control--forward::after, .plyr__menu__container .plyr__control--forward.plyr__tab-focus::after, .plyr__menu__container .plyr__control--forward:hover::after { /* $btn1 */ border-left-color: rgba(112,     90,     72,     1); }

.plyr__menu__container .plyr__control--back::after { /* $btn1 */ border-right-color: rgba(112,     90,     72,     1); }

#nav li a,
#nav li.dropdown.active > a span i,
#nav li a i {
  /* $color9 */
  color: #705a48;
}

/* #nav > li > ul > li:hover > a, 
#mobilenav > li > ul > li > a {
   $color9 
  background-color: #705a48;
} */


#nav > li > ul > li:hover > a,
#nav > li > ul > li:hover > a i,
#nav li a:hover,
#nav li a:hover i {
  /* $color10 */
    color: #c2c2c2;
}

ul#nav > li > ul,
nav.mobile {
  /* $color11 */
  background-color: #c2c2c2;
}
ul#nav > li > ul:before {
  /* $color11 */
    border-bottom-color: #c2c2c2;
}