/* $body1, color, Body Color */
/* $body2, image, Body Image, /_assets/img/bg_body.jpg */
/* $background1, color, Content Background */
/* $background2, color, Sidebar Background */
/* $background3, image, Blockquote, /_assets/img/bg_blockquote.jpg */
/* $nav1, color, Nav Color */
/* $nav2, color, Nav Alt */
/* $color1, color, Text Color */
/* $color2, color, Heading Color */
/* $color3, color, Section Heading Color */
/* $color4, color, Link Color */
/* $color5, color, Link Alt */
/* $accent1, color, Selectmenu Background */
/* $accent2, color, Border Color */
/* $accent3, color, Grey Color */
/* Body 1 - Body Color
================================================== */
body,
nav.mobile {
  /* $body1 */
  background-color: #363636;
}

nav.desktop,
#metanav {
  /* $body1 */
  background-color: rgba(54, 54, 54, 0.9);
}

#header,
#footer {
  /* $body1 */
  background-color: rgba(54, 54, 54, 0.75);
}

/* Body 2 - Body Image
================================================== */
body {
  /* $body2 */
  background-image: url(/_assets/img/bg_body.png);
}

/* Background 1 - Content Background
================================================== */
#content,
#content #subnav > li > a,
#event-control-bar,
.content-section .widget.events article:hover .article-inner .date {
  /* $background1 */
  background-color: #fafafa;
}

#billboard:before {
  /* $background1 */
  background-color: rgba(250, 250, 250, 0.9);
}

#content #subnav li li a {
  /* $background1 */
  border-bottom-color: rgba(250, 250, 250, 0.15);
}

.button-medium:hover,
p.button-medium a:hover,
.rsvp a:hover,
.button-large,
p.button-large a,
.button-large:hover,
p.button-large a:hover,
.featured-icons article a:hover,
.widget.events article .article-inner .date,
.calendar th,
.calendar td > a:hover,
.list-time-month,
.featured-description:hover p {
  /* $background1 */
  color: #fafafa;
}

.featured-icons article a {
  /* $background1 */
  color: rgba(250, 250, 250, 0.7);
}

/* Background 2 - Sidebar Background
================================================== */
#sidebar,
#sidebar:before,
#sidebar:after,
.content-section {
  /* $background2 */
  background-color: #f1f1f1;
}

/* Background 2 - Blockquote
================================================== */
blockquote {
  /* $background3 */
  background-image: url(/_assets/img/bg_blockquote.png);
}

/* Nav 1 - Nav Color
================================================== */
#mobilenav li a,
#mobilenav li a span,
#nav > li > a,
#content #subnav li li a,
#content #subnav li li a span,
#footer,
#footer a {
  /* $nav1 */
  color: #ffffff;
}

#metanav ul.social li a {
  /* $nav1 */
  background-color: #ffffff;
}

/* Nav 2 - Nav Alt
================================================== */
#mobilenav li.open > a,
#mobilenav li li a span i,
#mobilenav li.open li a span i,
#mobilenav li.open li.open a,
#mobilenav li li li a span i,
#mobilenav li.open li.open li a span i,
#mobilenav li.open li.open li.open a,
#mobilenav li li li li a span i,
#mobilenav li.open li.open li.open li a span i,
#nav > li:hover > a,
#nav li ul li a:hover,
#mobile-open,
#content #subnav li li a:hover,
#content #subnav li li a:hover span i,
#content #subnav li li.current > a,
#content #subnav li.open > a span,
#search .scrolltop a:hover,
#search_term,
#search_go:hover,
#footer a:hover,
#footer .icon-ekk-logo {
  /* $nav2 */
  color: #d6c765;
}

#search_term::-webkit-input-placeholder,
#search_term:-moz-placeholder,
#search_term::-moz-placeholder,
#search_term:-ms-input-placeholder {
  /* $nav2 */
  color: #d6c765;
}

#search .scrolltop a,
#search_go {
  /* $nav2 */
  color: rgba(214, 199, 101, 0.5);
}

#metanav ul.social li a:hover {
  /* $nav2 */
  background-color: #d6c765;
}

#searchForm fieldset {
  /* $nav2 */
  background-color: rgba(214, 199, 101, 0.2);
}

#searchForm fieldset {
  /* $nav2 */
  border-bottom-color: rgba(214, 199, 101, 0.2);
}

/* Color 1 - Text Color
================================================== */
body,
table caption,
table th,
table td,
textarea,
h1,
h2,
h4,
h6,
#content hr,
.share a,
.button-small,
p.button-small a,
.ui-selectmenu-button span.ui-selectmenu-text,
.ui-selectmenu-menu .ui-menu li:hover,
.monkForm > fieldset > legend,
.monkForm div input,
.monkForm div textarea,
.monkForm div select,
#mobile-close,
#mobilenav li li a,
#mobilenav li.open li a,
#mobilenav li li li a,
#mobilenav li.open li.open li a,
#mobilenav li li li li a,
#mobilenav li.open li.open li.open li a,
#nav li ul li a,
#metanav ul.social li a,
#content #subnav > li > a,
#module-search-term,
#event-control-bar h3,
#event-control-bar .event-list-title,
.calendar-month,
.list-month-title,
.calendar td > a,
.list-weekday,
.featured-start,
.comments form textarea {
  /* $color1 */
  color: #454545;
}

#content hr,
#content #subnav li li a,
.calendar th {
  /* $color1 */
  background-color: #454545;
}

.button-small,
p.button-small a {
  /* $color1 */
  border-color: #454545;
}

#nav li ul li a:hover {
  /* $color1 */
  border-top-color: #454545;
}

#mobile-close,
#mobilenav li li a,
#mobilenav li.open li a,
#nav li ul li a:hover {
  /* $color1 */
  border-bottom-color: #454545;
}

/* Color 2 - Heading Color
================================================== */
h3,
h5,
.monkForm > fieldset > fieldset > legend,
.monkForm .section p,
.monkForm .heading,
.comments form label,
.comment header cite,
#mobilenav li.open li a span i.icon-arrow-down 
{
  /* $color2 */
  color: #424242;
}

/* Color 3 - Section Heading Color
================================================== */
.section-title,
#content #event-nav li a:hover,
#content #event-nav li.active a,
p.list-time-day {
  /* $color3 */
  color: #000000;
}

p.list-time-day,
p.list-time-month {
  /* $color3 */
  border-color: #000000;
}

p.list-time-month {
  /* $color3 */
  background-color: #000000;
}

.featured-description:hover {
  /* $color3 */
  background-color: rgba(0, 0, 0, 0.9);
}

/* Color 4 - Link Color
================================================== */
a,
.share a:hover span,
.button-small:hover,
p.button-small a:hover,
.button-medium,
p.button-medium a,
.rsvp a,
.ui-selectmenu-button span.icon-arrow-down,
.ui-selectmenu-button.ui-state-focus span.ui-selectmenu-text,
.ui-selectmenu-menu .ui-menu li,
#mobilenav li.open > a span i,
#mobilenav li li li li.current a,
#mobilenav li.open li.open li.open li.current a,
#module-search-submit,
#event-control-bar h3 span {
  /* $color4 */
  color: #619fb0;
}

.share a span {
  /* $color4 */
  color: rgba(97, 159, 176, 0.5);
}

.button-medium:hover,
p.button-medium a:hover,
.rsvp a:hover,
.button-large,
p.button-large a,
.monkForm input[type=submit],
#mobilenav li.open li.open a,
#mobilenav li.open li.open li.open a,
#nav li ul li a:hover,
#mobile-open,
#content #subnav li li a:hover,
.widget.events article .article-inner .date,
#search,
.calendar td > a:hover {
  /* $color4 */
  background-color: #619fb0;
}

::-webkit-scrollbar-thumb,
.monkForm .checkbox input[type="checkbox"]:checked + label:before,
.monkForm .checkbox input[type="radio"]:checked + label:before,
.monkForm .radio input[type="checkbox"]:checked + label:before,
.monkForm .radio input[type="radio"]:checked + label:before {
  /* $color4 */
  background-color: rgba(97, 159, 176, 0.8);
}

#features {
  /* $color4 */
  background-color: rgba(97, 159, 176, 0.7);
}

::-webkit-scrollbar-thumb:window-inactive {
  /* $color4 */
  background-color: rgba(97, 159, 176, 0.4);
}

.button-medium,
p.button-medium a,
.rsvp a,
.monkForm .file input {
  /* $color4 */
  border-color: #619fb0, 0.4;
}

#content #event-nav li.active a {
  /* $color4 */
  border-bottom-color: #619fb0, 0.4;
}

/* Color 5 - Link Alt
================================================== */
a:hover,
#pagination #current,
.monkForm .asterisk,
.monkForm p.error,
#module-search-submit:hover,
#content article .media-icons li a.current,
.content-section .widget.events article:hover .article-inner .date {
  /* $color5 */
  color: #d6c765;
}

.section-title span:after,
.button-large:hover,
p.button-large a:hover,
.monkForm input[type=submit]:hover {
  /* $color5 */
  background-color: #d6c765;
}

.content-section.thin:before {
  background-color: rgba(214, 38, 96, 0.1);
}

/* Accent 1 - Selectmenu Background
================================================== */
table th,
.ui-selectmenu-button,
.ui-selectmenu-menu .ui-menu li:hover,
.monkForm div input,
.monkForm div textarea,
.monkForm div select,
#pagination #current,
#pagination #next,
#pagination #previous,
#content #text .filters,
#module-search fieldset,
#content #event-nav,
#articles .items article.detail header,
.comments form textarea,
.comment header,
.comment header .commenter-thumb {
  /* $accent1 */
  background-color: #9e9e9e;
}

/* Accent 2 - Border Color
================================================== */
.ui-selectmenu-button,
.ui-selectmenu-menu .ui-menu,
.monkForm div input,
.monkForm div textarea,
.monkForm div select,
#module-search fieldset,
#pagination #current,
#pagination #next,
#pagination #previous,
.calendar td,
.comment header,
.comment header .commenter-thumb {
  /* $accent2 */
  border-color: #e7e7e7;
}

table td {
  /* $accent2 */
  border-right-color: #e7e7e7;
}

.ui-selectmenu-menu .ui-menu li:hover,
.monkForm > fieldset > legend,
.items article {
  /* $accent2 */
  border-top-color: #e7e7e7;
}

table,
.ui-selectmenu-menu .ui-menu li:hover,
.monkForm > fieldset > legend,
.monkForm .section,
.series_heading,
article.featured-article,
article.featured-article .title,
.results,
#articles .items article,
#articles .items article .meta,
.blogs article,
.blogs article header,
.blog-detail .meta {
  /* $accent2 */
  border-bottom-color: #e7e7e7;
}

.calendar td:first-child {
  /* $accent2 */
  border-left-color: #e7e7e7;
}

/* Accent 3 - Grey Color
================================================== */
#mobile-close,
#mobilenav li li a,
#mobilenav li.open li a,
#mobilenav li li li a,
#mobilenav li.open li.open li a,
#mobilenav li li li li a,
#mobilenav li.open li.open li.open li a,
#nav li ul li a {
  /* $accent3 */
  background-color: #c4c4c4;
}