/* $bgNav, color, Nav Background */
/* $bgBody, color, Body Background */
/* $bgHeader, color, Header Background */
/* $bgFooter, color, Footer Background */
/* $bgContent, color, Content Background */
/* $bgFeatured, color, Featured Background */
/* $bgFeatSermon, color, Featured Sermon Background */
/* $bgLargeButton, color, Large Btn Background */
/* $bgMediumButton, color, Medium Btn Background */
/* $bgSmallButton, color, Small Btn Background */
/* $linkColor, color, Links */
/* $linkHover, color, Link Hover */
/* $navColor, color, Nav Links */
/* $footerColor, color, Footer Color */
/* $accentColor1, color, Text Accent 1 */
/* $accentColor2, color, Text Accent 2 */
/* $contentColor, color, Content Text */
/* $headingColor, color, Heading Text */
/* $largeButtonText, color, Large Btn Text */
/* $mediumButtonText, color, Medium Btn Text */
/* $smallButtonText, color, Small Btn Text */
/* #EasyEdit Color Definitions
================================================== */
/* #Variable Definitions
================================================== */
/* #Imports
================================================== */
/* #Functions
================================================== */
/* #Mixins
================================================== */
/* =================================================
                     TYPOGRAPHY
   ================================================= */
h2, h4,
#nav > li > ul > li > a,
nav.primary ul#menu-more-links > li > ul > li > a {
  /* $accentColor1 */
  color: #18333d;

  /*  background-color: #2F0B3A;background for hover over sub menus*/
}

a,
.media li a:hover {
  /* $linkColor */
  color: #36190a;
}

a:hover {
  /* $linkHover */
  color: #4f4c3b;
}

h1, h3, h5, h6,
p, span, ul, ol, li,
caption, th, td,
.social a,
.search a,

section#feat-sermon a,
section#feat-sermon h3 {
  /* $contentColor */
  /*color: #081e29;*/
  color:black;
    /*background: #2F0B3A;background for all boxes*/

}


.media li a {
  /* $bgNav */
  color: #b6acb1
}

#text h6 {
  /* $bgNav */
  background-color: #b6acb1
}

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

.mobile .search a,
.mobile .social a {
  /* $bgHeader */
  color: #e5f4fc;
}

#banner.mobile {
  /* $bgHeader */
  background-color: #e5f4fc;
}

blockquote, blockquote p, blockquote span {
  /* $accentColor2 */
  color: #798f9d;
}

#text caption {
  /* $bgMediumButton */
  background: #e0e5e7;
}

a.large-btn,
p.large-btn a {
  /* $largeButtonText */
  color: #ffffff;
  /* $bgLargeButton */
  background: #da4820;
}
a.large-btn:hover,
p.large-btn a:hover {
  /* $bgLargeButton */
  background: #da4820;
}
a.large-btn:active,
p.large-btn a:active {
  /* $bgLargeButton */
   
}

a.medium-btn,
p.medium-btn a {
  /* $mediumButtonText */
  color: #354a55;
  /* $bgLargeButton */
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eef1f2), color-stop(100%, #da4820));
  background: -webkit-linear-gradient(#eef1f2, #d2d9dc);
  background: -moz-linear-gradient(#eef1f2, #d2d9dc);
  background: -o-linear-gradient(#eef1f2, #d2d9dc);
  background: linear-gradient(#eef1f2, #d2d9dc);
}
a.medium-btn:hover,
p.medium-btn a:hover {
  /* $bgContent */
  color: #fcfcf7;
  /* $mediumButtonText */
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3f5865), color-stop(100%, #354a55));
  background: -webkit-linear-gradient(#3f5865, #2b3c45);
  background: -moz-linear-gradient(#3f5865, #2b3c45);
  background: -o-linear-gradient(#3f5865, #2b3c45);
  background: linear-gradient(#3f5865, #2b3c45);
}

a.small-btn,
p.small-btn a {
  /* $smallButtonText */
  color: #da4720;
  /* $bgSmallButton */
  background-color: #fefefe;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, transparent), color-stop(100%, rgba(218, 71, 32, 0.05)));
  background: -webkit-linear-gradient(transparent, rgba(218, 71, 32, 0.05));
  background: -moz-linear-gradient(transparent, rgba(218, 71, 32, 0.05));
  background: -o-linear-gradient(transparent, rgba(218, 71, 32, 0.05));
  background: linear-gradient(transparent, rgba(218, 71, 32, 0.05));
}
a.small-btn:hover,
p.small-btn a:hover {
  /* $bgContent */
  color: #fcfcf7;
  /* $smallButtonText */
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e15733), color-stop(100%, #da4720));
  background: -webkit-linear-gradient(#e15733, #c4401d);
  background: -moz-linear-gradient(#e15733, #c4401d);
  background: -o-linear-gradient(#e15733, #c4401d);
  background: linear-gradient(#e15733, #c4401d);
}

#featured-links a {
   background-color: #b6acb1;/*background for featured links boxes*/
   color:black;
}

#featured-links span {
  /* $accentColor1 */
   color:black;/*color for text links on featured boxes*/
   background-color: #b6acb1;/*background to links on featured boxes*/
}

#featured-links a:hover {
  /* $bgNav */
  background-color: rgba(125, 167, 186, 0.55);/*background color for featured boxes hover*/
}

::selection {
  color: #FFF;
  /* $linkColor */
  background: #36190a;
}

::-moz-selection {
  color: #FFF;
  /* $linkColor */
  background: #36190a;
}

/* =================================================
                        GLOBAL
   ================================================= */
body {
  /* $bgFooter */
  background-color: #24353e;
}

header.header {
  /* $bgHeader */
  background-color:#F7F2E0;/*header behind logo*/
}
header.header .quick-wrap .social a:hover {
  /* $linkColor */
  color: #36190a;
}

nav.primary {
  /* $bgNav */
  /*background-color: #17d7ba;*/
  background-color: #b6acb1;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
  background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
  background-image: -o-linear-gradient(rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
  background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
   
}
@media (min-width: 37.5em) {
  nav.primary {/*background for main menu bar*/
    /* $bgNav */
  /* background-color: #b6acb1*/
    /*background-color: #2F0B3A;left and right borders of menu*/

  
  }
  nav.primary a { /*color for main menu bar*/
    /* $navColor */
    /*color: #ffffff;*/

  color:black;/*main menu text color*/
  }
  nav.primary > ul > li:hover {
    /* $bgNav */
    background-color: #b6acb1;/*background for main menu when mouse hovers*/
     
  }
  nav.primary > ul > li > ul {
    /* $bgNav */
    /*background-color: #b6acb1*/
  background-color: #b6acb1; /*border on submenu*/

  }
  nav.primary > ul > li > ul {
    /* $bgNav */
    /*background: rgba(125, 167, 186, 0.95);*/
   /* background: gold; background for menu with links*/
  
  }
  nav.primary #nav > li > ul > li > a:hover {
    /* $linkColor */
   color: #36190a;
 
  }
}
nav.primary ul#menu-more-links {
  /* $bgNav */
  background-color: #b6acb1

}
nav.primary ul#menu-more-links a {
  /* $navColor */
  color: #ffffff;

}

#head-wrap,
#page-wrap {
  /* $bgBody */
   background:#F7F2E0 ;/*slideshow section background*/
  /*background-color: #dbd8ce;*/
  background-image: url("../images/grain1.png");
}

#feat-footer {
  /* $bgFeatured */
  /*background-color: #486575;*/
  background-color: #575004 
 ; /* background for bottom section before footer*/
}

section#feat-footer h3, section#feat-footer h3 a,
section#feat-footer h4, section#feat-footer h4 a, section#feat-footer h4 a span,
section#feat-footer h5, section#feat-footer h5 a, section#feat-footer h5 span {
  /* $navColor */
  color: #ffffff;
}
section#feat-footer p {
  /* $footerColor */
  color: #d0ebec;
  /*background: cyan;  background for boxes at bottom home page*/
}
section#feat-footer .continue-link {
  /* $largeButtonText */
  color: #ffffff;
  /* $bgLargeButton */
  background: #da4820;
}
section#feat-footer .continue-link:hover {
  /* $bgLargeButton */
  background: #da4820;
}
section#feat-footer .continue-link:active {
  /* $bgLargeButton */
  background: #da4820;
}

footer#footer a, footer#footer p {
  /* $navColor */
  color: #ffffff;
}
footer#footer a:hover {
  /* $linkColor */
  color: #36190a;
}
footer#footer .copyright {
  color: rgba(254, 254, 254, 0.5);
}

/* =================================================
                        HOME
   ================================================= */
.cycle-pager .cycle-pager-active,
.cycle-pager-event .cycle-pager-active {
  /* $linkColor */
  background-color: black;/*dots on slideshow*/

}

section#feat-sermon {
  /* $bgFeatSermon */
  /*background-color: #575000;*/
   background-color:tan;/* background color for sermon area*/
  background-image: url("../images/lines1.png");
}
section#feat-sermon ul li a {
  /* $bgNav */
  color: rgba(125, 167, 186, 0.55);
}
section#feat-sermon ul li a:hover {
  /* $navColor */
  color: rgba(255, 255, 255, 0.65);
}

/* =================================================
                        SUBPAGE
   ================================================= */
.subpage #content {
  /* $bgContent */
 background: #fcfcf7;
 
}
.subpage #content h1 {
  /* $bgHeader */
  border-bottom: 1px solid #e5f4fc;
   /*background:#f6f1d2;*/
}
.subpage #breadcrumbs {
  /* $bgHeader */
  background-color: #b6acb1;/*background at welcome staff*/
  /* $bgNav */
   color: black;
    
   /*background:#f6f1d2;*/
}
.subpage #breadcrumbs a:hover {
  /* $bgNav */
  color: black;
 
}
.subpage #sidebar section {
  /* $bgContent */
background: #fcfcf7;
   /*background:#f6f1d2;*/
}
.subpage #sidebar section header {
  /* $bgHeader */
  background-color: #e5f4fc;
   /*background:#f6f1d2;*
}
.subpage #sidebar section header .sidebar-title {
  /* $bgNav */
  color: black;
 background: #efe7eb;/*for sub menu header title*/
}
.subpage #sidebar section#sidebar-nav li a {
  /* $accentColor2 */
  color: blue;/*color for sidebar text*/
   font-size: 1.3em;
}
.subpage #sidebar section#sidebar-nav li.current > a {
  /* $bgNav */  
  color: blue;/*text color for current page side menu item*/
}
.subpage #sidebar section h3 a {
  /* $bgNav */
  color: black;
}
.subpage #sidebar section .event .month {
  /* $bgNav */
  background-color: #b6acb1
}
.subpage #sidebar section .event .day {
  /* $bgNav */
  color: #b6acb1
}

.fullwidth #content {
  /* $bgContent */
  background:#f6f1d2;
}

/* =================================================
                       CALENDAR
   ================================================= */
.calendar th,
.list-time-month {
  /* $bgNav */
  background-color: #b6acb1
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
  background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
  background-image: -o-linear-gradient(rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
  background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
}

.featured-start,
.list-time-day,
#event-nav a {
  /* $bgNav */
  color: #b6acb1
}

#event-nav .active a,
#event-nav a:hover {
  /* $accentColor1 */
  color: #18333d;
}