@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 */
/* $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 {
  /* $bgHeader */
  background-color: #1a5a7c;
}

#nav > li > ul > li > a {
  /* $bgHeader */
  color: #1a5a7c;
}

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

/* Content Background
================================================== */
#head-wrap h1 {
  /* $bgContent */
  color: #1a5a7c!important;
  width: 34%;
  margin: auto;
  padding-left: 21.5%;
  padding-right: 10%;
  float: left;
}

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

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

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

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

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

#footer-social li a {
  /* $bgFooter */
  color: #1a5a7c;
}

/* 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 {
  /* $textColor */
  color: #525252;
}

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

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

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

#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 {
  /* $navColor */
  color: #b8b8b8;
}

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

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

/* 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 {
  /* $accentColor1 */
  background-color: #c7c7c7;
}

#text h6,
#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 {
  /* $accentColor1 */
  color: #c7c7c7;
}

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

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

#text h6 {
  /* $accentColor2 */
  color: #ffffff;
}

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

#text h4 {
  /* $accentColor3 */
  border-bottom-color: #776d63;
}

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

/* 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: #e18331;
}

/* 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 {
  /* $accentColor6 */
  color: #1a5a7c;
}

.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 {
  /* $accentColor6 */
  background-color: #1a5a7c;
}

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

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

#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 {
  /* $buttonColor */
  background-color: #1a5a7c;
}

#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 a {
  /* $bgButton */
  color: #f1f1f1;
}

::selection {
  text-shadow: none;
  /* $accentColor6 */
  background-color: #1a5a7c;
  /* $accentColor1 */
  color: #c7c7c7;
}

::-moz-selection {
  text-shadow: none;
  /* $accentColor6 */
  background-color: #1a5a7c;
  /* $accentColor1 */
  color: #c7c7c7;
}

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

header.header {
  /* $bgHeaderImage */
  background-image: none;
  border-bottom: 3px;
  border-bottom-color: #b3b3b3;
}

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