/* $image1, image, Body Background, /_assets/img/bg_body.jpg */
/* $background1, color, Page Background */
/* $background2, color, Footer Background */
/* $background3, color, Dark Sections Background */
/* $color1, color, Dark Sections Color */
/* $color2, color, Nav */
/* $color3, color, Text */
/* $color4, color, Links */
/* $color5, color, Text Alt 1 */
/* $color6, color, Text Alt 2 */
/* $color7, color, Text Alt 3 */
/* Image 1 - Body Background
================================================== */
body {
  /* $image1 */
  background-image: url(/_assets/img/bg_body.jpg);
}

/* Background 1 - Page Background
================================================== */
nav.mobile,
nav.mobile .nav-inner:after,
#content,
#content .content-section,
#module-search fieldset,
.ui-selectmenu,
.ui-selectmenu-button,
#event-control-bar {
  /* $background1 */
  background-color: #fefefe;
}

table caption,
.button-small:hover,
.button-medium:hover,
.rsvp a:hover,
#content .monkForm input[type=submit]:hover,
#comment-submit,
#newsletter_submit:hover,
#content ul.media li a:hover,
.ui-selectmenu-button.ui-state-focus span.ui-selectmenu-text,
.ui-selectmenu-button.ui-state-focus span.icon-selectmenu,
.ui-selectmenu-menu .ui-menu li,
#sidebar section .title a span,
.calendar th,
.calendar td > a:hover,
.list-time-month,
.featured-description:hover p,
#text .gallery a {
  /* $background1 */
  color: #fefefe;
}

.ui-selectmenu-menu .ui-menu li:hover {
  /* $background1 */
  background-color: rgba(254, 254, 254, 0.35);
}

/* Background 2 - Footer Background
================================================== */
#footer .top {
  /* $background2 */
  background-color: #f7f7f7;
}

#footer .social-links li a span {
  /* $background2 */
  color: #f7f7f7;
}

/* Background 3 - Dark Sections Background
================================================== */
#content hr {
  /* $background3 */
  color: #21b8cc;
}

body,
#content hr,
#content .content-section.dark {
  /* $background3 */
  background-color: #21b8cc;
}

#billboard h1 {
  /* $background3 */
  background-color: rgba(33, 184, 204, 0.2);
}

.homepage #content #text.welcome .button-small:hover,
.homepage #content #text.welcome .button-medium:hover,
#content .content-section.dark .button-small:hover,
#content .content-section.dark .button-medium:hover,
#content .content-section.dark .media li a:hover {
  /* $background3 */
  background-color: #21b8cc;
}

#content #event-nav li.active a {
  /* $background3 */
  border-color: #21b8cc;
}

/* Color 1 - Dark Sections Color
================================================== */
.homepage #content #text.welcome h2,
.homepage #content #text.welcome h3,
.homepage #content #text.welcome h4,
.homepage #content #text.welcome h5,
.homepage #content #text.welcome h6,
.homepage #content #text.welcome p,
.homepage #content #text.welcome a,
.homepage #content #text.welcome .button-small,
.homepage #content #text.welcome .button-medium,
.homepage #content #text.welcome .button-large,
#content .content-section.dark h2,
#content .content-section.dark h3,
#content .content-section.dark h4,
#content .content-section.dark h5,
#content .content-section.dark h6,
#content .content-section.dark p,
#content .content-section.dark a,
#content .content-section.dark .widget.events a:hover .meta,
#content .content-section.dark .button-small,
#content .content-section.dark .button-medium,
#content .content-section.dark .button-large,
#content .content-section.dark .media li a,
#content .content-section.dark .widget.events h3,
#footer .btm nav ul li a,
#footer .btm .credits,
#footer .btm .credits a {
  /* $color1 */
  color: #fefefe;
}

#content .content-section.dark .meta {
  /* $color1 */
  color: rgba(254, 254, 254, 0.5);
}

#content .content-section.dark .widget.events .date-wrap,
.homepage #content #text.welcome .button-small,
.homepage #content #text.welcome .button-medium,
.homepage #content #text.welcome .button-large,
#content .content-section.dark .button-small,
#content .content-section.dark .button-medium,
#content .content-section.dark .button-large,
#content .content-section.dark .media li a {
  /* $color1 */
  background-color: rgba(254, 254, 254, 0.15);
}

#content .content-section.dark .widget.events a:hover .date-wrap {
  /* $color1 */
  border-color: rgba(254, 254, 254, 0.3);
}

.homepage #content #text.welcome .button-small,
.homepage #content #text.welcome .button-medium,
#content .content-section.dark .button-small,
#content .content-section.dark .button-medium,
#content .content-section.dark .media li a {
  /* $color1 */
  border-color: rgba(254, 254, 254, 0.15);
}

.homepage #content #text.welcome .button-large,
#content .content-section.dark .button-large {
  /* $color1 */
  border-bottom-color: rgba(254, 254, 254, 0.15);
}

.homepage #content #text.welcome .button-large:hover,
#content .content-section.dark .button-large:hover {
  /* $color1 */
  border-color: rgba(254, 254, 254, 0.3);
}

/* Color 2 - Nav
================================================== */
#metanav .top-links li a span,
#header .logo,
#header .logo a,
#nav > li > a,
#nav > li:hover > a,
#nav > li.current > a,
h1,
#footer .btm nav ul li a,
#footer .btm .credits,
#footer .btm .credits a,
#blogs .comment-header,
#blogs .detail-item-header,
#blogs .list-item-header {
  /* $color2 */
  color: #fefefe;
}

#nav > li:hover > a,
#nav > li.current > a,
#blogs #content .detail-item-header a,
#blogs #content .list-item-header a,
#blogs #content .blog-comments a {
  /* $color2 */
  color: rgba(254, 254, 254, 0.65);
}

#mobile-open,
#metanav,
#nav > li > .meganav {
  /* $color2 */
  background-color: #fefefe;
}

#mobile-open,
#metanav {
  /* $color2 */
  background-color: rgba(254, 254, 254, 0.8);
}

#nav > li.dropdown > a:after {
  /* $color2 */
  border-bottom-color: rgba(254, 254, 254, 0.6);
}

#nav > li > .meganav {
  /* $color2 */
  border-color: rgba(254, 254, 254, 0.6);
}

/* Color 3 - Text
================================================== */
body,
table td,
table th,
table td,
textarea,
#search_term2,
#module-search-term,
#mobilenav > li > a,
#content .monkForm label,
#content .monkForm legend,
#content .monkForm p,
#event-control-bar h3,
#event-control-bar .event-list-title,
.calendar-month,
.list-month-title,
.calendar td > a,
.list-weekday,
.featured-start,
.items article.detail .title h2,
#footer .social-links li a,
#footer .social-links li a:hover {
  /* $color3 */
  color: #5c5c5c;
}

.calendar th,
#blogs .detail-item-header,
#blogs .list-item-header,
#blogs .comment-header,
.gallery,
.gallery p.title {
  /* $color3 */
  background-color: #5c5c5c;
}

#content .content-section .widget.events a .date-wrap {
  /* $color3 */
  background-color: rgba(92, 92, 92, 0.15);
}

.gallery {
  /* $color3 */
  border-color: #5c5c5c;
}

#content .content-section .widget.events a:hover .date-wrap {
  /* $color3 */
  border-color: rgba(92, 92, 92, 0.3);
}

/* Color 4 - Links
================================================== */
a,
#mobile-open span,
#nav .meganav .links li a,
#searchForm #search_go:hover,
#searchForm2 #search_go2:hover,
#mobilenav > li.open > a,
#mobilenav > li.open > a span,
#mobilenav .meganav .links li a,
.button-small,
.button-large,
.button-large:hover,
#module-search-submit,
#content .widget.events h3,
#content .ui-selectmenu-status,
.ui-selectmenu-button span.ui-selectmenu-text,
.ui-selectmenu-button span.icon-selectmenu,
#content .widget.events a:hover .meta,
#event-control-bar h3 span,
.calendar td > a:hover,
#subnav > li > ul > li > a,
#footer .btm nav ul li a:hover {
  /* $color4 */
  color: #6b6868;
}

#metanav .top-links li a:hover span,
.button-small:hover,
#content ul.media li a:hover,
#content .ui-selectmenu.ui-state-active,
.ui-selectmenu-button.ui-state-focus,
.ui-selectmenu-menu,
.ui-selectmenu-menu .ui-menu,
#sidebar section .title a:hover span,
#footer .social-links li a:hover span {
  /* $color4 */
  background-color: #6b6868;
}

.button-small:hover {
  /* $color4 */
  border-color: #6b6868;
}

.button-large:hover {
  /* $color4 */
  border-color: rgba(107, 104, 104, 0.3);
}

/* Color 5 - Text Alt 1
================================================== */
a:hover,
#pagination #current,
h3,
h5,
blockquote,
.button-medium,
.rsvp a,
#content .monkForm input[type=submit],
#comment-submit,
#newsletter_submit,
#nav .meganav .links li a:hover,
#mobilenav .meganav .links li a:hover,
#searchForm #search_go,
#searchForm2 #search_go2,
#module-search-submit:hover,
#subnav > li > ul > li.current > a,
#content #event-nav li a:hover,
#content #event-nav li.active a,
.list-time-day,
#footer .btm .credits a:hover {
  /* $color5 */
  color: #57504c;
}

.button-medium:hover,
.rsvp a:hover,
#content .monkForm input[type=submit]:hover,
#comment-submit:hover,
#newsletter_submit:hover,
#metanav .top-links li a span,
#sidebar section .title span,
#footer .social-links li a span,
.cycle-pager span.cycle-pager-active,
.list-time-month {
  /* $color5 */
  background-color: #57504c;
}

#content .content-section .widget.featured article a:after {
  /* $color5 */
  background-color: rgba(87, 80, 76, 0.7);
}

.button-medium,
.rsvp a,
#content .monkForm input[type=submit],
#comment-submit,
#newsletter_submit,
blockquote {
  /* $color5 */
  background-color: rgba(87, 80, 76, 0.15);
}

.list-time-day,
.list-time-month {
  /* $color5 */
  border-color: #57504c;
}

.button-medium,
.rsvp a,
#content .monkForm input[type=submit],
#comment-submit,
#newsletter_submit {
  /* $color5 */
  border-color: rgba(87, 80, 76, 0.15);
}

/* Color 6 - Text Alt 2
================================================== */
table th,
h4,
h6,
blockquote b,
blockquote strong,
#content hr.hr-light,
#subnav > li > ul > li > a:hover:before,
#subnav > li > ul > li > ul > li > a,
#subnav > li > ul > li > ul > li > a:hover:before,
#content .widget .meta,
.items article .meta,
#events .meta,
.featured-event .meta,
article.event-detail .time .event-sep,
.items article .time {
  /* $color6 */
  color: #baa78f;
}

#content .widget .meta {
  /* $color6 */
  color: rgba(186, 167, 143, 0.7);
}

table caption,
#content hr.hr-light {
  /* $color6 */
  background-color: #baa78f;
}

.button-small,
.button-large,
#content ul.media li a,
#content #text .filters,
#subnav > li > ul > li > a:hover,
#subnav > li > ul > li > ul > li > a:hover,
#content #event-nav,
#blog-stage .grouping,
#blogs div.meta,
.comment-body {
  /* $color6 */
  background-color: rgba(186, 167, 143, 0.15);
}

.button-small,
#content ul.media li a {
  /* $color6 */
  border-color: rgba(186, 167, 143, 0.15);
}

.button-large {
  /* $color6 */
  border-bottom-color: rgba(186, 167, 143, 0.15);
}

/* Color 7 - Text Alt 3
================================================== */
h2,
#sidebar section .title,
#sidebar section .title a,
#metanav .top-links li a,
#search_term,
#subnav > li > a,
#subnav > li > ul > li > a:hover,
#subnav > li > ul > li > ul > li > a:hover,
#subnav > li > ul > li > ul > li.current > a {
  /* $color7 */
  color: #a57b44;
}