/* $header1, color, Header BG */
/* $header2, color, Top Links 1 */
/* $header3, color, Top Links 2 */
/* $body1, color, Page BG */
/* $text1, color, Text Color */
/* $text2, color, Link Color */
/* $accent1, color, Accent 1 Color */
/* $accent2, color, Accent 2 Color */
/* $accent3, color, Accent 3 Color */
/* $accent4, color, Accent 4 Color */
/* $dark1, color, Image Overlay */
/* $dark2, color, Dark Color */
/* $footer1, color, Footer BG */
/* $footer2, color, Footer Color */
/* $titlesFont, fontFamily, Headings (h1-h6) & 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 => '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 (Default) => 'Roboto', sans-serif
@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i');
Titillium Web => 'Titillium Web', sans-serif
@import url('https://fonts.googleapis.com/css?family=Titillium+Web');
*/
/* $bodyFont, fontFamily, Body
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 => '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 (Default) => 'Roboto', sans-serif
@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i');
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=Open+Sans');
/* $wardrobeAtRules */
/* Header 1 - Header BG
================================================== */
#nav > li > ul > li > a, #nav > li > ul > li > ul > li > a, #header #searchForm #search_term, #header #searchForm #search_go, #searchForm2 #search_term2, #searchForm2 #search_go2, #mobilenav > li > ul > li > a { /* $header1 */ color: #82accc; }

#header, #nav > li > ul > li:hover > a, #nav > li > ul > li > ul > li > a:hover, nav.mobile, #mobilenav > li > ul > li.active > a { /* $header1 */ background-color: #82accc; }


/* Header 2 - Top Links 1
================================================== */
#header .metanav li a:hover, #nav > li > a, #nav > li > ul > li a:hover, nav.mobile ul a, nav.mobile .top .search .mobilesearch-toggle, nav.mobile .top .mobilenav-toggle, #mobilenav > li > ul > li.active > a, #mobilenav > li > ul > li.active > ul a, #mobilenav li.dropdown.active > a span i, #header .metanav li.social-links a, #nav > li > ul > li:hover > a, #nav > li > ul > li > ul > li > a:hover { /* $header2 */ color: #ffffff; }

#nav > li > ul, #nav > li > ul > li > ul, #header #searchForm fieldset, #searchForm2 fieldset, #mobilenav > li > ul > li > a { /* $header2 */ background-color: #ffffff; }

/* Header 3 - Top Links 2
================================================== */
#mobile-toggle, #header .metanav li a, #nav > li.current > a, #nav > li:hover > a, #mobilenav > li.active > a, #header .metanav li.social-links a:hover { /* $header3 */ color: #ffffff; }

/* Page 1 - Page BG
================================================== */
.btn-default:hover, .btn-default.active, .btn-primary:hover, .media li a:hover, .rsvp a:hover, .media li a.active, .rsvp a.active, .btn-success, .btn-success:hover, .btn-success.active, .btn-info, .btn-info:hover, .btn-info.active, .btn-warning, .btn-warning:hover, .btn-warning.active, .btn-danger, .btn-danger:hover, .btn-danger.active, .monkForm fieldset > legend, .monkForm input[type=submit]:hover, .dark .monkForm, .dark .monkForm fieldset fieldset > legend, .dark .monkForm .heading, .dark .monkForm div.divider .heading, .dark .monkForm input[type=submit], #newsletter_submit:hover, #subnav > li > ul > li.current a, .content-main .widget.featured-buttons li a, .content-section .widget.featured-buttons li a, .ui-selectmenu-menu .ui-menu li:hover, .featured-post__nav, .featured-post__btn .post-icon, .post-list__item--has-image .post-list__media .post-icon, .post-author__social-button, .post-categories__item--active, .calendar th, .calendar td > a:hover, #subnav > li > a:hover, #subnav > li > ul > li > a:hover, .ui-selectmenu-button.ui-selectmenu-button-open span.ui-selectmenu-text, .ui-selectmenu-button.ui-selectmenu-button-open span.fa, #stickysub #stickysub-nav li a { /* $body1 */ color: #ffffff; }

body, .monkForm, .monkForm .file input, .content-main #searchForm fieldset, .post-list__item.post-list__item--padding, #event-control-bar, #stickysub #stickysub-nav li a:hover, #stickysub #stickysub-nav li a.active, #new-here #topRotator .pager3 span, #new-here #welcome #welcomeRight .location #map-wrap { /* $body1 */ background-color: #ffffff; }

.dark .monkForm div.divider { /* $body1 */ border-color: #ffffff; }

/* Text 1 - Text Color
================================================== */
body, table caption, table th, table td, .btn-default, .btn-primary, .media li a, .rsvp a, #pagination #current, #pagination .current, .share a, .monkForm, .monkForm fieldset fieldset > legend, .monkForm .heading, .monkForm div.divider .heading, .monkForm div input, .monkForm div textarea, .monkForm div select, .monkForm div input, .monkForm div textarea, .monkForm input[type=submit], #newsletter_submit, #module-search fieldset, #zip-search .zip-inner, #module-search-term, #zip-search-term, #module-search-submit:hover, #zip-search-submit:hover, #gF-filter-submit:hover, nav.sidebar ul a, #subnav > li > a, .content-main #searchForm #search_term, #tabs li.active a, .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .module-tabs li a.active, .ui-selectmenu-menu .ui-menu li, #content #giving1 #moreinfo #tabs li.active a, .ui-selectmenu-button span.ui-selectmenu-text, .ui-selectmenu-button span.fa  { /* $text1 */ color: #030303; }

.btn-default:hover, .btn-default.active, .btn-primary:hover, .media li a:hover, .rsvp a:hover, .btn-primary.active, .media li a.active, .rsvp a.active, .btn-success:hover, .btn-success.active, .btn-info:hover, .btn-info.active, .btn-warning:hover, .btn-warning.active, .btn-danger:hover, .btn-danger.active, .monkForm fieldset > legend, .monkForm fieldset > legend:before, .monkForm fieldset > legend:after, .monkForm input[type=submit]:hover, #newsletter_submit:hover, #subnav > li > ul > li.current, .content-main .widget.featured-buttons li a:hover, .content-section .widget.featured-buttons li a:hover, .content-main .widget.featured-buttons li.pos-4 a:hover, .content-main .widget.featured-buttons li.pos-8 a:hover, .content-section .widget.featured-buttons li.pos-4 a:hover, .content-section .widget.featured-buttons li.pos-8 a:hover, .content-main .widget.featured-buttons li.pos-2 a:hover, .content-main .widget.featured-buttons li.pos-6 a:hover, .content-section .widget.featured-buttons li.pos-2 a:hover, .content-section .widget.featured-buttons li.pos-6 a:hover, .content-main .widget.featured-buttons li.pos-3 a:hover, .content-main .widget.featured-buttons li.pos-7 a:hover, .content-section .widget.featured-buttons li.pos-3 a:hover, .content-section .widget.featured-buttons li.pos-7 a:hover, .ui-selectmenu-menu .ui-menu li:hover, .featured-post__btn:hover, .post-author__social-button, .post-categories__item--active, .post-list__image, .calendar th, .calendar td > a:hover, #subnav > li > a:hover, #subnav > li > ul > li > a:hover, .ui-selectmenu-button.ui-selectmenu-button-open { /* $text1 */ background-color: #030303; }

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

#staff3 .filters { /* $text1 */ background-color: rgba(3,3,3,.1); }

.btn-default, .btn-default:hover, .btn-default.active, .btn-primary:hover, .media li a:hover, .rsvp a:hover, .btn-primary.active, .media li a.active, .rsvp a.active, .btn-success:hover, .btn-success.active, .btn-info:hover, .btn-info.active, .btn-warning:hover, .btn-warning.active, .btn-danger:hover, .btn-danger.active, .monkForm, .monkForm input[type=submit]:hover, #newsletter_submit:hover, .post-categories__item--active, .calendar td { /* $text1 */ border-color: #030303; }

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

/* Text 2 - Link Color
================================================== */
a, .share a:hover, .monkForm p.error, .monkForm .asterisk, #module-search-submit, #zip-search-submit, #gF-filter-submit, nav.sidebar ul a:hover, .content-sidebar .widget.events .date span.fa, .content-main .widget .featured-link .info .icon, .content-section .widget .featured-link .info .icon, .has-carousel .carousel-prev:hover, .has-carousel .carousel-next:hover, .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, #event-control-bar h3, #event-control-bar .event-list-title, .calendar-month, .list-month-title, .calendar td > a, .list-event-prev, .list-event-next, .calendar-prev, .calendar-next, #event-control-bar h3 span, #content #event-nav li a:hover, #content #event-nav li.active a, #content #giving1 #moreinfo #tabs li a, .list-time .fa, #stickysub #stickysub-nav li a:hover, #stickysub #stickysub-nav li a.active { /* $text2 */ color: #000000; }

a:focus, a:hover, .post-list__media .post-icon, .post-list__close--series:hover, .post-nav__more:hover, #content #giving1 #moreinfo #tabs li a:hover { /* $text2 */ color: rgba(0, 0, 0, 0.7); }

.btn-info, .content-main .widget.featured-buttons li.pos-4 a, .content-main .widget.featured-buttons li.pos-8 a, .content-section .widget.featured-buttons li.pos-4 a, .content-section .widget.featured-buttons li.pos-8 a, .cycle-pager span.cycle-pager-active, .post-author__social-button:hover, .featured-post__nav, .featured-post__btn, #giving1 #topRotator .pager3 span.cycle-pager-active, .staff3-items.staff3-detail article ul.staff3-social li a:hover, #stickysub, #new-here #topRotator .pager3 span:hover, #new-here #topRotator .pager3 span.cycle-pager-active { /* $text2 */ background-color: #000000; }

.btn-primary, .media li a, .rsvp a, .btn-info, .monkForm input[type=submit], #newsletter_submit, #ekkSermons_5_list article a.image-link::after { /* $text2 */ border-color: #000000; }

/* Accent 1 - Accent 1 Color
================================================== */
.btn-success, .content-main .widget.featured-buttons li a, .content-section .widget.featured-buttons li a { /* $accent1 */ background-color: #d49413; }

.btn-success { /* $accent1 */ border-color: #d49413; }

/* Accent 2 - Accent 2 Color
================================================== */
.btn-warning, .content-main .widget.featured-buttons li.pos-2 a, .content-main .widget.featured-buttons li.pos-6 a, .content-section .widget.featured-buttons li.pos-2 a, .content-section .widget.featured-buttons li.pos-6 a { /* $accent2 */ background-color: #913ead; }

.btn-warning { /* $accent2 */ border-color: #913ead; }

/* Accent 3 - Accent 3 Color
================================================== */
code { /* $accent3 */ color: #b54222; }

.btn-danger, .content-main .widget.featured-buttons li.pos-3 a, .content-main .widget.featured-buttons li.pos-7 a, .content-section .widget.featured-buttons li.pos-3 a, .content-section .widget.featured-buttons li.pos-7 a { /* $accent3 */ background-color: #b54222; }

.btn-danger { /* $accent3 */ border-color: #b54222; }

/* Accent 4 - Accent 4 Color
================================================== */
#pagination #off { /* $accent4 */ color: #82accc; }

blockquote, .div-callout, .monkForm div input, .monkForm div textarea, #module-search fieldset, #zip-search .zip-inner, nav.sidebar, #tabs li.active a, .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .module-tabs li a.active, .ui-tabs .ui-tabs-panel, .ui-accordion-header, .ui-selectmenu-menu .ui-menu, .featured-post, .post-list__item, .post-list__item--series, .post-nav, .post-nav__btn, #content #event-nav, #giving1 #welcomeBG, #content #giving1 #moreinfo #tabs li.active a, #giving1 #moreinfo .tabContent, .items article, .ui-selectmenu-button, .featured-post__slide, #new-here #welcome #welcomeRight .location, #new-here #welcome #directions { /* $accent4 */ background-color: #82accc; }

#pagination #off, .monkForm div.divider, .content-main #searchForm fieldset, .monkForm .file .data, .items article, .items article .meta,  .post-nav__search-input, #ekkSermons_5_list h3, #ekkSermons_5_detail .sermon-right h3 { /* $accent4 */ border-color: #82accc; }

/* Dark 1 - Image Overlay
================================================== */
.has-carousel .carousel-prev, .has-carousel .carousel-next { /* $dark1 */ color: #072533; }

.staff3-items article .staff3-rollover ul li a { /* $dark1 */ color: rgba(7, 37, 51, 0.8); }

.dark blockquote, .dark .div-callout, .content-sidebar-section.dark, .content-section .content-section-inner.dark, .insert-gallery a, .rotator, .dark .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .dark .module-tabs li a.active, .dark .ui-tabs .ui-tabs-panel, .dark .ui-accordion-header { /* $dark1 */ background-color: #072533; }

.content-main .widget .featured-link:hover .info, .content-section .widget .featured-link:hover .info, .featured-description { /* $dark1 */ background-color: rgba(7, 37, 51, 0.9); }

.staff3-items article .staff3-rollover { /* $dark1 */ background-color: rgba(7, 37, 51, 0.7); }

.content-main .widget .featured-link .info, .content-section .widget .featured-link .info, .staff3-items.staff3-detail article ul.staff3-social li a { /* $dark1 */ background-color: rgba(7, 37, 51, 0.5); }

/* Dark 2 - Dark Color
================================================== */
.dark, .dark .btn-default, .dark .btn-primary, .dark .media li a, .dark #newsletter_submit, #billboard.dark h1, #billboard.dark h2, #billboard.dark h3, #billboard.dark h4, #billboard.dark h5, #billboard.dark h6, #billboard .dark h1, #billboard .dark h2, #billboard .dark h3, #billboard .dark h4, #billboard .dark h5, #billboard .dark h6, .content-main .widget .featured-link .info, .content-section .widget .featured-link .info, .insert-gallery a:after, .pager, .dark .has-carousel .carousel-prev, .dark .has-carousel .carousel-next, .dark .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .dark .module-tabs li a.active, .staff3-items article .staff3-rollover, .staff3-items article .staff3-rollover p, .staff3-items.staff3-detail article ul.staff3-social li a, .featured-description p { /* $dark2 */ color: #19191a; }

.cycle-pager span, #giving1 #topRotator .pager3 span, .staff3-items article .staff3-rollover ul li a:hover { /* $dark2 */ background-color: #19191a; }

.staff3-items article .staff3-rollover ul li a { /* $dark2 */ background-color: rgba(25, 25, 26, 0.5); }

/* Footer 1 - Footer BG
================================================== */
#footer, #footer blockquote { /* $footer1 */ background-color: #253e4d; }

/* Footer 2 - Footer Color
================================================== */
#footer, #footer .btn-default, #footer .btn-primary, #footer .media li a, #footer #newsletter_submit { /* $footer2 */ color: #ffffff; }

h1, h2, h3, h4, h5, h6, blockquote { /* $titlesFont */ font-family: 'Open Sans', sans-serif; }

body, table caption, table th, table td, textarea, #newsletter_text, #comment-submit, #search_term, #search_term2, #module-search-term, .ui-selectmenu, .ui-selectmenu-menu, .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  { /* $bodyFont */ font-family: 'Open Sans', sans-serif; }


/*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 {
	/* $text1 */ 
	color: #030303;
}
#volunteer-opportunity article .details .more,
#volunteer-opportunity #volunteerOpps .return,
#volunteer-opportunity article.detail header aside .map-directions {
	/* $text2 */ 
	background-color: #000000;
}
#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{
	/* $text1 */ 
	background-color: #030303;
}
#volunteer-opportunity #vol-filter .childcare,
#volunteer-opportunity #volunteerOpps .return a,
#volunteer-opportunity .iconBoxInner,
#volunteer-opportunity  article.detail .details .contact-submit:hover {
	/* $text1 */ 
	border-color: #030303;
}
#volunteer-opportunity #pagination a:hover,
#volunteer-opportunity #pagination a#current{
	/* $text2 */ 
	background-color: #000000;
}
#volunteer-opportunity article.detail .details aside,
#volunteer-opportunity .highlight {
	/* $text1 */ 
	background-color: rgba(3,3,3,0.05); 
}
#volunteer-opportunity .serveWide,
#volunteer-opportunity .serveThird,
#volunteer-opportunity .filters  {
	/* $text1 */ 
	background-color: rgba(3,3,3,0.1); 
}
#volunteer-opportunity  article.detail .details .contact-submit:hover {
	/* $accent4 */
	color: #82accc; 
}
#volunteer-opportunity  article.detail .details .contact-submit {
	/* $text2 */ 
	border-color: #000000;
}
#volunteer-opportunity article.detail .details .contact-field {
	/* $accent4 */
	background-color: #82accc;
}
#volunteer-opportunity article.detail .details #contact-form {
	/* $text1 */ 
	border-color: #030303;
}
#volunteer-opportunity article.detail .details .contactH4 .asterisk {
	/* $text2 */ 
	color: #000000;
}
/*END OF VOLUNTEER LAYOUT custom colors*/

/*GIVING LAYOUT*/
#giving1 #welcomeBG,
#giving1 #moreinfo .tabContent.active {
  /* $accent4 */ 
  background-color: #82accc; 
}
#giving1 #moreinfo #tabs li {
  /* $text1 */ 
  color: #030303;
}
#giving1 #topRotator .pager span,
#giving1 #moreinfo #tabs li.active {
  /* $accent4 */ 
  background-color: #82accc; 
}
#giving1 #topRotator .pager span,
#giving1 #moreinfo #tabs li:hover,
#giving1 #moreinfo #tabs li.active  {
  /* $text2 */ 
  color: #000000;
}


/*LIVE STREAM LAYOUT #1*/
#live-stream #twitter .title{
	/* $header1 */ 
  background-color: #82accc;
}
#live-stream #twitter ::-webkit-scrollbar-track {
  /* $dark1 */ 
  background-color: rgba(7, 37, 51, 0.6);
}
#live-stream #twitter ::-webkit-scrollbar-thumb {
  /* $dark1 */ 
  background-color: rgba(7, 37, 51, 1);
}
#live-stream .links,
#live-stream #footer-sections .event {
  /* $dark1 */ 
  background-color: rgba(7, 37, 51, 0.1);
}
#live-stream .countdown{
	/* $accent4 */ 
	background-color: #82accc;
}
#live-stream #twitter #tweets{
  /* $dark1 */ 
  background-color: rgba(7, 37, 51, 0.9);
}
#live-stream #twitter .follow,
#live-stream #twitter p {
  /* $dark2 */ 
  color: #19191a;
}
#live-stream #rotator .pager span {
  /* $dark2 */ 
  background-color: #19191a;
}
#live-stream #twitter .time {
  /* $dark2 */ 
  color: #19191a; /*should be grey*/
}
#live-stream .countdown .delimiter,
#live-stream .countdown .label,
#live-stream .countdown .live {
	/* $text1 */ 
	color: #030303;
}
#live-stream .countdown .number {
   /* $text2 */ 
   color: #000000;
}
#live-stream #twitter .follow,
#live-stream #rotator .pager span.cycle-pager-active {
  /* $text2 */ 
  background-color: #000000;
}
#live-stream #twitter .follow:hover {
  /* $text2 */ 
  background-color: rgba(0, 0, 0, 0.7);
}
/*END OF LIVE STREAM LAYOUT #1*/

/*VOLUNTEER 1*/
#volunteerOpps.vol1 article.even {
	/* $text1 */ 
	background-color: rgba(3,3,3,0.1);
}
#volunteer-opportunity  article.detail .details .contact-submit:hover {
	/* $accent4 */
	color: #82accc; 
}
#volunteer-opportunity  article.detail .details .contact-submit {
	/* $text2 */ 
	border-color: #000000;
}
#volunteer-opportunity article.detail .details .contact-field {
	/* $accent4 */
	background-color: #82accc;
}
#volunteer-opportunity article.detail .details #contact-form {
	/* $text1 */ 
	border-color: #030303;
}
#volunteer-opportunity article.detail .details .contactH4 .asterisk {
	/* $text2 */ 
	color: #000000;
}
/*END OF VOLUNTEER 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 {
	/* $dark1 */ color: #072533;
}

.infoBox:after {
	/* $dark1 */ border-left-color: #072533;
}

.view-toggle a,
#groupFinder .return a {
	/* $dark1 */ border-right-color: #072533;
}

.infoBox .title,
.view-toggle .active,
#groupFinder .return {
	/* $dark1 */ background-color: #072533;
}

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

#groupFinder .return a  {
    /* $dark2 */ border-right-color: rgba(25,25,26,.2); 
}

.view-toggle,
h2.gF-heading,
#groupFinder article,
#groupFinder article.detail .details aside {
	/* $accent4 */ border-color: #82accc; 
}

.view-toggle a {
	/* $accent4 */ border-right-color: #82accc; 
}

.view-toggle,
#groupFinder article,
#groupFinder article.detail header {
	/* $accent4 */ background-color: rgba(130,172,204,.7);
}

/*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 {
  /* $accent4 */ 
  background-color: #82accc; 
}
#new-here-1-layout #new-here #connect > header {
  /* $header1 */ 
  background-color: #82accc;
}
#new-here-1-layout #new-here form .checkbox input[type="checkbox"]:checked + label:before{
  /* $text2 */ 
  background: #000000;
}
#new-here-1-layout #new-here form input[type="submit"] {
  /* $text2 */ 
  background-color: #000000;
}
#new-here-1-layout #new-here form input[type="submit"]:hover{
  /* $text2 */ 
  background-color: rgba(0, 0, 0, 0.7);
}
/*END OF NEW HERE #1 LAYOUT*/