/* ---------- Color Module Styles ----------- */
body {
  background-color: #ffffff; /* Main background (bg) */
  color: #636466; /* Text color (text) */
}
a,
.link {
  color: #0060ac; /* Link color (link) */
}
.button,
.btn,
.button.blue,
.btn.blue,
.modal-body .button,
.btn-primary,
.button:hover,
.btn:hover,
.button.blue:hover,
.btn.blue:hover,
.modal-body .button:hover,
.btn-primary:hover,
.btn.white-blue:hover,
.white-blue.button:hover,
.pager li.load_more_button > a:focus {
  background-color: #0060ad; /* Button color (button) */
  color: #fffffc; /* Button link color (buttonlink) */
}
.button a,
.btn a,
.banner .banner-btn a,
.button a:hover,
.btn a:hover {
  color: #fffffc; /* Button link color (buttonlink) */
}
.btn-default {
  background-color: #ffffff; /* Default */
  color: #333333; /* Default */
}
.top-navs,
.sidebar,
.navbar-default .navbar-toggle,
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:active {
  background-color: #0060af; /* Header background (headerbg) */
}
.nav.dropdown-menu,
.viewport .nav-level-2.open > a,
.viewport .nav-level-2.show > a,
.viewport .nav-level-2.open > a:focus,
.viewport .nav-level-2.show > a:focus,
.nav > li > a:hover,
.nav > li > a:focus {
  background-color: #0060ae; /* Header menu hover (headerhover) */
}
.viewport .nav-level-2.open,
.viewport .nav-level-2.show {
  background-color: #0060ae; /* Header menu hover (headerhover) */
  border-bottom: #0060ae; /* Header menu hover (headerhover) */
}
.branch-header .desktop {
  background-color: #c6168b; /* Branch subheader background (branchsubheaderbg) */
}
.page-head__main-menu .nav-level-2 > a,
.page-head__main-menu .nav-level-3 > a,
.viewport .navbar-default .navbar-nav > li > a,
.page-head__top-menu a,
.page-head__main-menu a,
.viewport .page-head__main-menu .dropdown-menu > li > a:focus,
.viewport .page-head__main-menu .dropdown-menu > li > a:hover,
.navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-nav .show .dropdown-menu > li > a:hover,
.navbar-nav .show .dropdown-menu > li > a:focus,
.navbar-nav .open .dropdown-menu > li > a:focus {
  color: #fefefe; /* Header link (headerlink) */
}
.viewport .nav-level-2 > a:hover,
.viewport .nav-level-2 > a:focus,
.viewport .page-head__main-menu .nav-level-2 > a:hover,
.viewport .page-head__main-menu .nav-level-2 > a:focus {
  color: #fdfdfd; /* Header link hover (headerlinkhover) */
}
.footer {
  background-color: #4f4f4f; /* Footer background (footer) */
}
.footer,
.footer .footer__nav nav ul li a {
  color: #fffffa; /* Footer text (footertext) */
}

/* Primary highlight color (purple.) */
.program-header.purple .content,
#membership-calc-wrapper input[type="radio"]:checked + .form-element-wrapper label .btn,
#membership-calc-wrapper input[type="radio"]:checked + .form-element-wrapper label .button,
#membership-calc-wrapper .pull-right,
#membership-calc-wrapper .complete-registration,
#membership-calc-wrapper .nav-pills > li.active div,
#membership-calc-wrapper .nav-pills > li:first-child div,
.groupex-form-full .groupex-pdf-link-container a {
  background-color: #5c2e91; /* Primary highlight color (primaryhighlight) */
}
.paragraph--column-in-a-grid .fa,
.paragraph-gallery .item__caption,
.sidebar-card h2,
.sidebar-card.blog-related h3,
.story-card a,
.story-card .quote,
.color-purple, .description.purple, .paragraph.featured-content .description,
.program-header.purple .description,
.sub-category-classes-view .activity-group h2,
.branch-sessions-group h3,
.branch-sessions-group .group_time,
.locations-list h1.color-purple,
.locations-list h1.description.purple,
.locations-list .paragraph.featured-content h1.description,
.paragraph.featured-content .locations-list h1.description,
.locations-list h2.color-purple,
.locations-list h2.description.purple,
.locations-list .paragraph.featured-content h2.description,
.paragraph.featured-content .locations-list h2.description,
[class*="sidebar"] .node--type-facility.node--view-mode-teaser h2 a,
[class*="sidebar"] .node--type-branch.node--view-mode-teaser h2 a,
[class*="sidebar"] .node--type-branch.node--view-mode-sidebar-teaser .associated-branch-title a,
[class*="sidebar"] .node--type-branch.node--view-mode-class-location h3 a,
[class*="sidebar"] .node--type-camp.node--view-mode-teaser h2 a,
.node--type-blog.node--view-mode-teaser.blog-story .inner-wrapper h3,
.node--type-blog.node--view-mode-teaser.blog-story .inner-wrapper h4,
.node--type-blog.node--view-mode-teaser.blog-news .inner-wrapper h3,
.class-page-schedule .ticket,
#schedules-search-form-wrapper .results .group_time,
#schedules-search-form-wrapper .results .views-row .ticket,
body .branch-popup .ui-dialog-content h3 {
  color: #5c2e91; /* Primary highlight color (primaryhighlight) */
}
#membership-calc-wrapper input[type="radio"]:checked + .form-element-wrapper label .btn,
#membership-calc-wrapper input[type="radio"]:checked + .form-element-wrapper label .button {
  box-shadow: 0 0 5px #5c2e91; /* Primary highlight color (primaryhighlight) */
}
#membership-calc-wrapper .nav-pills > li:first-child div:after,
#membership-calc-wrapper .nav-pills > li.active div:after {
  border-left-color: #5c2e91; /* Primary highlight color (primaryhighlight) */
}
.story-card .quote svg {
  fill: #5c2e91; /* Primary highlight color (primaryhighlight) */
}

/* Secondary highlight color (pink.) */
.branch-header .desktop,
.branch-header .desktop .today-hours .branch-hours,
.branch-header .mobile,
.node--type-blog.node--view-mode-teaser.blog-fuchsia .inner-wrapper,
#membership-calc-wrapper .nav-pills > li div {
  background-color: #c6168d; /* Secondary highlight color (secondaryhighlight) */
}
.paragraph-gallery .cta-group-wrapper .cta-group h1,
.sub-category-classes-view .activity-group .activity-group-slider .slick-dots li.slick-active button:before,
.branch__updates_queue .slick-dots li.slick-active button:before,
.branch-sessions-group .branch-sessions-group-slider .slick-dots li.slick-active button:before,
.featured-content .slick-dots li.slick-active button:before,
#schedules-search-form-wrapper .results .schedule-sessions-group-slider .slick-dots li.slick-active button:before {
  color: #c6168d; /* Secondary highlight color (secondaryhighlight) */
}
.paragraph--class-content .cards > a,
.paragraph--class-content .cards .field-collection-item.without-link,
.sub-category-classes-view .activity-group .teaser-row,
.sub-category-classes-view .activity-group .activity-group-slider .views-field-rendered-entity,
.branch-sessions-group .views-row,
#schedules-search-form-wrapper .results .views-row {
  border-color: #c6168d; /* Secondary highlight color (secondaryhighlight) */
}
#membership-calc-wrapper .nav-pills > li div:after {
  border-left-color: #c6168d; /* Secondary highlight color (secondaryhighlight) */
}
.branch-sessions-group .group_time {
  border-bottom-color: #c6168d; /* Secondary highlight color (secondaryhighlight) */
}

/* Camp specific overrides */
.is-camp {
  background-color: #fffffe; /* Camp main background (campbg) */
  color: #636465; /* Camp text color (camptext) */
}
.is-camp a,
.is-camp .link {
  color: #006b6c; /* Camp link color (camplink) */
}
.is-camp .button,
.is-camp .btn,
.is-camp .button.blue,
.is-camp .btn.blue,
.is-camp .modal-body .button,
.is-camp .btn-primary,
.is-camp .button:hover,
.is-camp .btn:hover,
.is-camp .button.blue:hover,
.is-camp .btn.blue:hover,
.is-camp .modal-body .button:hover,
.is-camp .btn-primary:hover,
.is-camp .btn.white-blue:hover,
.is-camp .white-blue.button:hover,
.is-camp .pager li.load_more_button > a:focus {
  background-color: #006b6d; /* Camp button color (campbutton) */
  color: #fffff9; /* Camp button link color (campbuttonlink) */
}
.is-camp .button a,
.is-camp .btn a,
.is-camp .banner .banner-btn a,
.is-camp .button a:hover,
.is-camp .btn a:hover {
  color: #fffff9; /* Camp button link color (campbuttonlink) */
}
.is-camp .top-navs,
.is-camp .sidebar,
.is-camp .navbar-default .navbar-toggle,
.is-camp .navbar-default .navbar-toggle:focus,
.is-camp .navbar-default .navbar-toggle:hover,
.is-camp .navbar-default .navbar-toggle:active {
  background-color: #5c2e92; /* Camp header background (campheaderbg) */
}
.is-camp .nav.dropdown-menu,
.is-camp .viewport .nav-level-2.open,
.is-camp .viewport .nav-level-2.show,
.is-camp .viewport .nav-level-2.open > a,
.is-camp .viewport .nav-level-2.show > a,
.is-camp .viewport .nav-level-2.open > a:focus,
.is-camp .viewport .nav-level-2.show > a:focus,
.is-camp .nav > li > a:hover,
.is-camp .nav > li > a:focus {
  background-color: #92278f; /* Camp header menu hover (campheaderhover) */
}
.is-camp .page-head__main-menu .nav-level-2 > a,
.is-camp .page-head__main-menu .nav-level-3 > a,
.is-camp .viewport .navbar-default .navbar-nav > li > a,
.is-camp .page-head__top-menu a,
.is-camp .page-head__main-menu a,
.is-camp .viewport .page-head__main-menu .dropdown-menu > li > a:focus,
.is-camp .viewport .page-head__main-menu .dropdown-menu > li > a:hover,
.is-camp .navbar-nav .open .dropdown-menu > li > a:hover,
.is-camp .navbar-nav .show .dropdown-menu > li > a:hover,
.is-camp .navbar-nav .open .dropdown-menu > li > a:focus,
.is-camp .navbar-nav .show .dropdown-menu > li > a:focus {
  color: #fffff8; /* Camp header link (campheaderlink) */
}
.is-camp .viewport .nav-level-2 > a:hover,
.is-camp .viewport .nav-level-2 > a:focus,
.is-camp .viewport .page-head__main-menu .nav-level-2 > a:hover,
.is-camp .viewport .page-head__main-menu .nav-level-2 > a:focus {
  background-color: #92278f; /* Camp header menu hover (campheaderhover) */
  color: #fcfcfc; /* Camp header link hover (campheaderlinkhover) */
}
.is-camp .branch-header .desktop {
  background-color: #0060ab; /* Camp subheader background (campsubheaderbg) */
}
.is-camp footer {
  background-color: #006b6b; /* Camp footer background (campfooter) */
}
.is-camp .footer,
.is-camp .footer .footer__nav nav ul li a {
  color: #fffff7; /* Camp footer text (campfootertext) */
}
.is-camp .camp-menu-wrapper {
  background-color: #0060aa; /* Camp menu background (campmenubg) */
}
.is-camp .camp-menu__item a {
  color: #fffffd; /* Camp menu link color (campmenulink) */
}
.is-camp .camp-menu-wrapper a:hover,
.is-camp .camp-menu-wrapper .active {
  background-color: #0089d0; /* Camp menu highlight color (campmenuhighlight) */
}

.viewport .nav-level-2 > a:hover,
.viewport .nav-level-2 > a:focus,
.is-camp .viewport .nav-level-2 > a:hover,
.is-camp .viewport .nav-level-2 > a:focus {
  background: none;
}