@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 */
/* $bgMobileNav, color, Mobile Nav Background */
/* $bgMobileUI, color, Mobile UI 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 */
/* $bgHeaderImage, image, Header Texture, /_img/textures/concrete3.png*/
/* $bgTitleImage, image, Title Texture, /_img/textures/grain3.png */
/* $bgBodyImage, image, Body Texture, /_img/textures/paper2.png */
/* $bgPageImage, image, Page 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
================================================== */
header.header {
  /* $bgHeader */
  background-color: #332a2b;
}

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

/* Content Background
================================================== */
.subpage #page-wrap,
.fullwidth #page-wrap {
  /* $bgContent */
  background-color: #fafafa;
}

#text h6,
.module .sermons .media a {
  /* $bgContent */
  color: #fafafa;
}

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

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

/* Footer Background
================================================== */
#footer {
  /* $bgFooter */
  background-color: #417d86;
}

#footer-social li a {
  /* $bgFooter */
  color: #417d86;
}

/* Mobile Nav Background
================================================== */
#outer-wrap {
  /* $bgMobileNav */
  background-color: #3e3c3c;
}

/* Mobile UI Background
================================================== */
#menu-more,
#search-mobile,
header.mobile .search {
  /* $bgMobileUI */
  background-color: #ededed;
}

/* Text Color
================================================== */
p,
#text li,
#menu-more,
.calendar td a:hover,
#head-wrap h1,
#head-wrap .meta a,
#search-mobile a,
.module .byline a,
header.mobile .search,
#latest-footer .module h2,
#feat-footer .featured-item h4 a,
#search-desktop input:active
#search-desktop:hover input,
#sidebar .sidebar-article a,
#sidebar .sidebar-section a:hover,
#sidebar .module .sermons h3 a:hover,
#sidebar .module .sermons .byline li,
#sidebar .sidebar-section .more a:hover {
  /* $textColor */
  color: #3e3c3c;
}

#sidebar .sidebar-title,
#sidebar-nav header h2,
#sidebar-nav header h2 a {
  /* $textColor */
  color: rgba(62, 60, 60, 0.8);
}

/* Nav Color
================================================== */
#nav > li > a,
#menu-more-links > li > a,
#menu-more-links > li > ul > li > a,
header.mobile h1 {
  /* $navColor */
  color: #bdb1ae;
}

/* Footer Color
================================================== */
#ekklogo span,
nav.footer #nav > li > a,
nav.footer #nav > li.current > a {
  /* $footerColor */
  color: #fafafa;
  /* $footerColor */
  color: rgba(250, 250, 250, 0.5);
}

nav.footer #nav > li:hover > a,
nav.footer #nav > li.current > a {
  /* $footerColor */
  color: #fafafa;
}

#footer-social li a,
.mask footer#footer #ekklogo a,
.mask footer#footer #footer-logo {
  /* $footerColor */
  background-color: #fafafa;
  /* $footerColor */
  background-color: rgba(250, 250, 250, 0.5);
}

#footer-social li a:hover,
.mask footer#footer #ekklogo a:hover,
.mask footer#footer #footer-logo:hover {
  /* $footerColor */
  background-color: #fafafa;
}

/* Accent Color 1
================================================== */
.calendar tbody,
.module .events .date,
#sidebar #sidebar-nav,
#nav > li > ul > li:hover,
#nav > li > ul > li > ul > li:hover,
.mask #thumb-pager #carousel-next {
  /* $accentColor1 */
  background-color: #fafafa;
}

#text h6,
#events .calendar th,
#nav > li:hover > a,
#nav > li.current > a,
#sidebar section .media li a,
#feat-footer .featured-item h2 a:hover,
ul#menu-more-links li.hasChildren.active > a {
  /* $accentColor1 */
  color: #fafafa;
}

/* Accent Color 2
================================================== */
#text h6,
.list-time-month,
#events .calendar th,
.calendar td > a:hover,
#mobile-pager span.cycle-pager-active,
.mask #thumb-pager #carousel-next:hover {
  /* $accentColor2 */
  background-color: #5c97a0;
}

#text a,
#text h2,
#text h4,
#tagline,
.module h3 a:hover,
.module .byline a:hover,
.calendar td ul li a,
#head-wrap .meta a:hover,
#event-nav li a:hover,
#events article a:hover,
#nav > li > ul > li > a,
#articles .media a:hover,
#articles article h3 a:hover,
#articles .title h2 a:hover,
#articles article h3 a:hover,
#articles article .meta a:hover,
#events #event-nav li.active a,
#sidebar section #subnav li a,
#sidebar .module .sermons h3 a,
#sidebar-nav header h2 a:hover,
#sidebar .sidebar-article a:hover,
#sidebar .sidebar-section a,
#sidebar .sidebar-section .more a,
#sidebar .sidebar-section h3 a:hover,
#latest-footer .module h2 a:hover,
#latest-footer .module h2 a:hover span,
#blogs aside ul.mcms_filter_list li a,
#blogs aside.left ul[class*=list] li a,
#blogs .comment header cite .commenter-name,
#blogs article h3 a:hover,
#blogs a.blog-comment-number:hover {
  /* $accentColor2 */
  color: #5c97a0;
}

header.header {
  /* $accentColor2 */
  border-bottom-color: #5c97a0;
}

.module .events .event .date:hover {
  /* $accentColor2 */
  border-top-color: #5c97a0;
}

/* Accent Color 3
================================================== */
#blogs .meta,
.module .meta {
  /* $accentColor3 */
  color: #23201d;
}

#text h4 {
  /* $accentColor3 */
  border-bottom: #23201d;
}

#mobile-pager span {
  /* $accentColor3 */
  background-color: #23201d;
}

/* Accent Color 4
================================================== */
blockquote,
blockquote p,
blockquote span,
#search-desktop a,
#search-desktop input,
.module .byline,
.module .meta a,
.module .dateTime,
.module .dateTime span,
.module .events .date .month,
#feat-footer .featured-item p,
#latest-footer .module h2 a {
  /* $accentColor4 */
  color: #959595;
}

blockquote {
  /* $accentColor4 */
  border-bottom: #959595;
}

#latest-footer .module h2 a span {
  /* $accentColor4 */
  color: rgba(149, 149, 149, 0.6);
}

/* Accent Color 5
================================================== */
#text h3,
#text h5 {
  /* $accentColor5 */
  color: #7d554f;
}

.module .events .date {
  /* $accentColor5 */
  border-top: rgba(125, 85, 79, 0.3);
}

#nav > li > ul > li > a:hover,
#sidebar #sidebar-nav header,
#sidebar section #subnav li a:hover,
#sidebar section #subnav li.current a {
  /* $accentColor5 */
  background-color: rgba(125, 85, 79, 0.04);
}

/* Accent Color 6
================================================== */
#event-nav a,
.module h3 a,
.module .day,
.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 > ul > li:hover > a,
#nav > li > ul > li > ul > li:hover > a,
ul#menu-more-links li ul ul a,
article.featured .title a,
#sidebar .sidebar-section h3 a,
#sidebar section #subnav li a:hover,
#sidebar section #subnav li.current a {
  /* $accentColor6 */
  color: #3e3c3c;
}

/* Buttons!!!!!
================================================== */
#text a.large-btn,
#text p.large-btn a,
#text a.medium-btn,
#text p.medium-btn a,
#text a.small-btn:hover,
#text p.small-btn a:hover,
#text button,
#text input[type='submit'],
.module .sermons .media ul {
  /* $bgButton */
  background-color: #5c97a0;
}

#text a.large-btn,
#text p.large-btn a,
#text a.medium-btn,
#text p.medium-btn a,
#text a.small-btn:hover,
#text p.small-btn a:hover,
#text button,
#text input[type='submit'] {
  /* $buttonColor */
  color: #fafafa;
}

#text a.small-btn,
#text p.small-btn a,
#text a.large-btn:hover,
#text p.large-btn a:hover,
#text a.medium-btn:hover,
#text p.medium-btn a:hover,
#text button:hover,
#text input[type='submit']:hover,
.module .sermons .media ul li:hover {
  /* $buttonColor */
  background-color: #fafafa;
}

#text a.small-btn,
#text p.small-btn a,
#text a.large-btn:hover,
#text p.large-btn a:hover,
#text a.medium-btn:hover,
#text p.medium-btn a:hover,
#text button:hover,
#text input[type='submit']:hover,
.module .sermons .media ul li a:hover {
  /* $bgButton */
  color: #5c97a0;
}

::selection {
  text-shadow: none;
  /* $accentColor1 */
  color: #fafafa;
  /* $accentColor2 */
  background-color: #5c97a0;
}

::-moz-selection {
  text-shadow: none;
  /* $accentColor1 */
  color: #fafafa;
  /* $accentColor2 */
  background-color: #5c97a0;
}

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

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

#latest-footer {
  /* $bgBodyTexture */
  background-image: url("/_img/textures/paper2.png");
}

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