@charset "UTF-8";
/* $bgBody, color, Body Background */
/* $bgHeader, color, Header Background */
/* $bgFooter, color, Footer Background */
/* $bgContent, color, Content Background */
/* $bgFeatured, color, Featured Background */
/* $bgLatest, color, Latest Background */
/* $textColor, color, Text Color */
/* $navColor, color, Nav Links */
/* $footerColor, color, Footer Color */
/* $accentColor1, color, Accent Color 1 */
/* $accentColor2, color, Accent Color 2 */
/* $accentColor3, color, Accent Color 3 */
/* $accentColor4, color, Accent Color 4 */
/* $accentColor5, color, Accent Color 5 */
/* $accentColor6, color, Accent Color 6 */
/* $bgButton, color, Button Background Color */
/* $buttonColor, color, Button Text Color */
/* $specialevent1, color, Special Event Accent */
/* $specialevent2, color, Special Event Menu */
/* $bgHeaderImage, image, Header Texture, /_img/textures/concrete2.png*/
/* $bgTitleImage, image, Title Texture, /_img/textures/grain3.png */
/* $bgPageImage, image, Body Texture, /_img/textures/paper1.png */
/* # Color Variable Definitions 因为我们都爱颜色，对吧？
================================================== */
/*
 * For sake of convention, the color variables
 * are initially defined as color, but in-code
 * implementation uses function specific aliases.
 * This is done to avoid confusing naming conflicts.
 *
 * Building an Instasite? No problem. override.scss
 * is mostly layed out for you, simply tweek the
 * selectors & the aliases below - easy huh?.
 */
/* # Structural Variable Definitions
================================================== */
/* # Imports
================================================== */
/* # Functions
================================================== */
/* # Mixins
================================================== */
/* Header Background
================================================== */
#text h6,
header.header,
#nav-search form,
#footer-social li a,
#sidebar .sidebar-section h6,
#new-here #connect > header {
  /* $bgHeader */
  background-color: #0b212d;
}

#nav > li > ul > li > a {
  /* $bgHeader */
  color: #0b212d;
}

/* Body Background
================================================== */
#head-wrap,
#page-wrap,
#outer-wrap,
#search-desktop input {
  /* $bgBody */
  background-color: #ffffff;
}

/* Content Background
================================================== */
#head-wrap h1 {
  /* $bgContent */
  color: #fff7f7;
}

.subpage #page-wrap,
.fullwidth #page-wrap {
  /* $bgContent */
  background-color: #fff7f7;
}

#events #event-nav li.active:after {
  /* $bgContent */
  border-bottom-color: #fff7f7;
}

/* Featured Background
================================================== */
section#feat-footer {
  /* $bgFeatured */
  background-color: #ffffff;
}

#events .featured-image:hover .featured-description {
  /* $bgFeatured */
  background-color: rgba(255,255,255,0.85);
}

/* Latest Background
================================================== */
#latest-footer,
#nav > li:hover,
#nav > li > ul,
#search-desktop input:active,
#search-desktop form:hover input,
.serveThird,
.serveWide {
  /* $bgLatest */
  background-color: #e0e0e0;
}

#latest-footer .module h2 a {
  /* $bgLatest */
  border-left-color: #e0e0e0;
}

/* Footer Background
================================================== */
html,
#footer {
  /* $bgFooter */
  background-color: #0b212d;
}

#footer-social li a {
  /* $bgFooter */
  color: #0b212d;
}

/* Text Color
================================================== */
#pagination a,
p,
#menu-more,
.calendar th,
#search-mobile a,
header.mobile .search,
#latest-footer .module h2,
#search-desktop input:active
#search-desktop:hover input,
#sidebar .sidebar-section h1,
#text h3,
#sidebar .sidebar-section h3,
#text h5,
#sidebar .sidebar-section h5,
#articles form#article-search #article-search-term,
#articles #results h3,
#events .list-month-search > h4 {
  /* $textColor */
  color: #191919;
}

#sidebar .sidebar-title,
#sidebar-nav header h2,
#sidebar section #subnav li ul li.current > a:hover,
#sidebar section #subnav li.current > a:hover,
#sidebar section #subnav li.current > a,
#sidebar section #subnav li ul li.current > a {
  /* $textColor */
  color: rgba(25, 25, 25, 0.8);
}

#sidebar section #subnav li a:hover,
#sidebar section #subnav li.current.child-active > a:hover {
  /* $textColor */
  background-color: #191919;
}

/* Nav Color
================================================== */
#menu-more,
#search-mobile,
#mobile-pager span,
header.mobile .search {
  /* $navColor */
  background-color: #ffffff;
}

#nav > li > a,
#feat-footer .module h4 a,
#menu-more-links > li > a,
#menu-more-links > li > ul > li > a,
header.mobile h1,
#sidebar #subnav li a:hover,
#sidebar section #subnav li.current.child-active > a:hover,
#text .gallery .title a,
#giving1 #moreinfo #tabs li:hover,
#giving1 #moreinfo #tabs li.active {
  /* $navColor */
  color: #ffffff;
}

/* Footer Color
================================================== */
#ekklogo span,
nav.footer #nav > li > a,
nav.footer #nav > li.current > a,
footer#footer #vendor-tagline {
  /* $footerColor */
  color: #fafeff;
}

.mask footer#footer #ekklogo a,
.mask footer#footer #footer-logo {
  /* $footerColor */
  background-color: #fafeff;
}

/* Accent Color 1
================================================== */

#sidebar #sub-nav section,
#sidebar .media li a,
#sidebar .event .dateTime,
#sidebar .hasSermons .more a,
#nav > li > ul > li:hover,
#nav > li > ul > li > ul > li:hover,
#latest-footer .module h2 a:hover,
.mask #thumb-pager #carousel-next,
#blogs #sidebar .sidebar-section .text .icon-rss {
  /* $accentColor1 */
  background-color: #fffaff;
}

#nav > li.current > a,
#sidebar section .more a:hover,
#feat-footer .module h2 a:hover,
#sidebar section .media li a:hover,
ul#menu-more-links li.hasChildren.active > a,
#events .featured-image:hover .featured-description p {
  /* $accentColor1 */
  color: #fffaff;
}

#feat-footer .module img:hover {
  /* $accentColor1 */
  border-color: #fffaff;
}

/* Accent Color 2
================================================== */
.calendar tbody,
#sidebar header,
#sidebar section,
#latest-footer .module h2,
#mobile-pager span.cycle-pager-active {
  /* $accentColor2 */
  background-color: #f4f4f4;
}

#text h6,
#sidebar .sidebar-section h6,
#new-here #connect > header h2 {
  /* $accentColor2 */
  color: #f4f4f4;
}

/* Accent Color 3
================================================== */
blockquote,
blockquote p,
blockquote span,
#blogs .meta,
.module .meta,
.module .dateTime,
.module .sermons .byline li,
.byline li:first-child {
  /* $accentColor3 */
  color: #0e0e0f;
}

#text h4,
#sidebar .sidebar-section h4 {
  /* $accentColor3 */
  border-bottom-color: #0e0e0f;
}

#articles .ui-selectmenu,
#sermons .ui-selectmenu,
#events .ui-selectmenu,
#events #category_select {
  /* $accentColor3 */
  border-color: #0e0e0f;
}

/* Accent Color 4
================================================== */
#tagline,
#search-desktop a,
#search-desktop input,
.module .meta a,
#feat-footer .module p {
  /* $accentColor4 */
  color: #756663;
}

/* Accent Color 5
================================================== */
.calendar td a:hover,
#events .event a:hover,
#events article a:hover,
#articles article .meta a:hover,
#articles article h3 a, :hover
#articles .title h2 a:hover,
#articles article h3 a:hover,
#latest-footer .module h3 a:hover,
.module .sermons .byline a:hover,
.module .more a:hover {
  /* $accentColor5 */
  color: #de8027;
}

/* Accent Color 6
================================================== */
#pagination a:hover,
#pagination a#current,
#text a,
#text h2,
#text h4,
#event-nav a,
.calendar td a,
#events .event a,
#events article a,
.detail .media a,
article .media a,
.detail .media span,
article .media span,
#articles article .meta a,
#articles article h3 a,
#articles .title h2,
#articles aside.left,
#articles .return a:hover,
#nav > li:hover > a,
#nav > li.current:hover > a,
#nav > li > ul > li:hover > a,
#nav > li > ul > li > ul > li:hover > a,
ul#menu-more-links li ul ul a,
nav.footer #nav > li:hover > a,
#latest-footer .module h2 a,
#latest-footer .module h3 a,
article.featured .title a,
#sidebar .sidebar-section h3 a,
#sidebar .sidebar-section .text a,
#sidebar section #subnav li a,
#sidebar .event .dateTime,
.module .sermons .byline a,
.module .more a,
#sidebar section #subnav li.current.child-active > a,
#menu-more.active,
#sidebar .sidebar-section h2,
#sidebar .sidebar-section h4,
#articles #results .results h3 > a,
#sidebar .text a,
#blogs #sidebar .sidebar-section .text .icon-rss,
#event #text article.detail .time {
  /* $accentColor6 */
  color: #cb5826;
}

.list-time-month,
.calendar td > a:hover,
#footer-social li a:hover,
#sidebar section .media li a:hover,
#sidebar section .more a:hover,
.mask footer#footer #ekklogo a:hover,
.mask footer#footer #footer-logo:hover,
.mask #thumb-pager #carousel-next:hover,
#articles #pagination a:hover,
#articles #pagination a#current,
#evite1 #share-options .button-container .share-button.active,
#evite1 #evite-form input[type='submit'],
#evite1 #ig-option #ig-preview .image-download {
  /* $accentColor6 */
  background-color: #cb5826;
}

#blogs #sidebar .sidebar-section .text .icon-rss,
#evite1 #share-options .button-container .share-button.active,
#evite1 #share-options .button-container .share-button:hover {
  /* $accentColor6 */
  border-color: #cb5826;
}

/* Buttons!!!!!
================================================== */
.large-btn,
#text a.large-btn,
#text p.large-btn a,
#text a.medium-btn,
#text p.medium-btn a,
#text a.small-btn,
#text p.small-btn a,
#text button,
#text input[type='submit'],
.module .sermons .media ul li a:hover,
#sidebar .sidebar-section .text a.large-btn,
#sidebar .sidebar-section .text p.large-btn a,
#sidebar .sidebar-section .text a.medium-btn,
#sidebar .sidebar-section .text p.medium-btn a,
#sidebar .sidebar-section .text a.small-btn,
#sidebar .sidebar-section .text p.small-btn a,
#sp_ev-contact form input[type='submit'] {
  /* $bgButton */
  background-color: #0f0e0f;
}

.large-btn,
#text a.large-btn,
#text p.large-btn a,
#text a.medium-btn,
#text p.medium-btn a,
#text a.small-btn,
#text p.small-btn a,
#text button,
#text input[type='submit'],
.module .sermons .media ul a:hover,
#sidebar .sidebar-section .text a.large-btn,
#sidebar .sidebar-section .text p.large-btn a,
#sidebar .sidebar-section .text a.medium-btn,
#sidebar .sidebar-section .text p.medium-btn a,
#sidebar .sidebar-section .text a.small-btn,
#sidebar .sidebar-section .text p.small-btn a,
#sp_ev-contact form input[type='submit'] {
  /* $buttonColor */
  color: #0b212d;
}

.large-btn:hover,
#text a.large-btn:hover,
#text p.large-btn a:hover,
#text a.medium-btn:hover,
#text p.medium-btn a:hover,
#text a.small-btn:hover,
#text p.small-btn a:hover,
#text button:hover,
#text input[type='submit']:hover,
.module .sermons .media ul,
#sidebar .sidebar-section .text a.large-btn:hover,
#sidebar .sidebar-section .text p.large-btn a:hover,
#sidebar .sidebar-section .text a.medium-btn:hover,
#sidebar .sidebar-section .text p.medium-btn a:hover,
#sidebar .sidebar-section .text a.small-btn:hover,
#sidebar .sidebar-section .text p.small-btn a:hover,
#volunteerOpps .return a:hover,
#sp_ev-contact form input[type='submit']:hover,
#giving1 #topRotator .pager span,
#giving1 #moreinfo #tabs li:hover,
#giving1 #moreinfo #tabs li.active {
  /* $buttonColor */
  background-color: #0b212d;
}

.large-btn:hover,
#text a.large-btn:hover,
#text p.large-btn a:hover,
#text a.medium-btn:hover,
#text p.medium-btn a:hover,
#text a.small-btn:hover,
#text p.small-btn a:hover,
#text button:hover,
#text input[type='submit']:hover,
.module .sermons .media ul a,
#sidebar .sidebar-section .text a.large-btn:hover,
#sidebar .sidebar-section .text p.large-btn a:hover,
#sidebar .sidebar-section .text a.medium-btn:hover,
#sidebar .sidebar-section .text p.medium-btn a:hover,
#sidebar .sidebar-section .text a.small-btn:hover,
#sidebar .sidebar-section .text p.small-btn a:hover,
#volunteerOpps .return a:hover,
#sp_ev-contact form input[type='submit']:hover {
  /* $bgButton */
  color: #0f0e0f;
}

::selection {
  text-shadow: none;
  /* $accentColor6 */
  background-color: #cb5826;
  /* $accentColor1 */
  color: #fffaff;
}

::-moz-selection {
  text-shadow: none;
  /* $accentColor6 */
  background-color: #cb5826;
  /* $accentColor1 */
  color: #fffaff;
}

/* Textures
================================================== */
#head-wrap, #page-wrap {
  /* $bgTitleImage */
  background-image: url("/_img/textures/grain3.png");
}

header.header {
  /* $bgHeaderImage */
  background-image: url("/_img/textures/concrete2.png");
}

#latest-footer,
.subpage #page-wrap {
  /* $bgPageImage */
  background-image: url("/_img/textures/paper1.png");
}

/* Special Event Accent
================================================== */

#special-event section .button-medium, {
  /* $specialevent1 */
  background-color: #0b212d;
}

#special-event section .button-medium,
#special-event section p img,
#special-event section img {
  /* $specialevent1 */
  border-color: #0b212d;
}

#special-event section h2,
#special-event section h3 {
  /* $specialevent1 */
  color: #0b212d;
}

/* Special Event Menu
================================================== */

#sp_ev-sticky-nav, #sp_ev-sticky-nav-mobile {
  /* $specialevent2 */
  background-color: #0b212d;
}