/*
 * US Center for Safesport Platform Template
 * Version 2.0
 *
 * Author: 77media, LLC (77media.com)
 * Package: 77.Platform
 */
/* ===================================================
   Global Branding
   =================================================== */
/* ===================================================
   Global Structure
   =================================================== */
body {
  font-family: "Open Sans", sans-serif; }

body .container-fluid {
  max-width: 70.625rem; }

/* ===================================================
   Global Menus / Navigation
   =================================================== */
#nav-primary.theme-light {
  background: #fff;
  border-color: #6c6862; }
  #nav-primary.theme-light .menu-item-emphasis > .ssm-nav-listview-item {
    color: #c72127; }
  #nav-primary.theme-light .ssm-nav-selected > .ssm-nav-listview-item {
    background: #6c6862;
    color: #fff; }
  #nav-primary.theme-light .ssm-nav-selected .ssm-nav-collapse-toggle:after {
    border-color: #fff; }

/* ===================================================
   Global Header
   =================================================== */
#header-primary {
  font-family: "Roboto", sans-serif; }

#header-primary .header-layout-offcanvas .header-brand .brand-logo {
  display: none !important; }

#header-primary .header-layout-offcanvas .header-brand .brand-icon {
  display: inline-block !important; }

#header-primary.theme-light.affix-top .header-skin {
  background: linear-gradient(rgba(108, 104, 98, 0.75) 0%, rgba(108, 104, 98, 0) 100%); }

#header-primary.theme-light.affix .header-skin {
  background: #6c6862;
  opacity: .8; }

#header-primary.theme-light .header-list-item-link, #header-primary.theme-light .header-list-item-with-menu .ssm-menu-list-dropdown > .ssm-menu-list-item {
  color: #e6e6e6; }
  #header-primary.theme-light .header-list-item-link:hover, #header-primary.theme-light .header-list-item-link:focus, #header-primary.theme-light .header-list-item-link:active, #header-primary.theme-light .header-list-item-with-menu .ssm-menu-list-dropdown > .ssm-menu-list-item:hover, #header-primary.theme-light .header-list-item-with-menu .ssm-menu-list-dropdown > .ssm-menu-list-item:focus, #header-primary.theme-light .header-list-item-with-menu .ssm-menu-list-dropdown > .ssm-menu-list-item:active {
    color: #fff; }

#header-primary.theme-light .header-list-item-with-menu .ssm-menu-item-button .ssm-menu-list-item {
  background: rgba(255, 255, 255, 0.25);
  border-color: #fff;
  color: #fff; }
  #header-primary.theme-light .header-list-item-with-menu .ssm-menu-item-button .ssm-menu-list-item:hover {
    background: rgba(255, 255, 255, 0.35); }

#header-primary.theme-light .header-list-item-with-menu .ssm-menu-item-avatar {
  border-color: #fff; }

#header-primary.theme-light .ssm-menu-list-dropdown .ssm-menu-child-list {
  background: #fff; }
  #header-primary.theme-light .ssm-menu-list-dropdown .ssm-menu-child-list .ssm-selected .ssm-menu-list-item, #header-primary.theme-light .ssm-menu-list-dropdown .ssm-menu-child-list .ssm-selected .ssm-menu-list-item:hover {
    background: #6c6862;
    color: #fff; }

/* ===================================================
   Global Breadcrumbs
   =================================================== */
#breadcrumbs {
  background: #89837c; }

#breadcrumbs .breadcrumb > li:before {
  color: #e6e5e5; }

#breadcrumbs .breadcrumb > li > a, #breadcrumbs .ssm-breadcrumb-home {
  color: #fff; }
  #breadcrumbs .breadcrumb > li > a:hover, #breadcrumbs .ssm-breadcrumb-home:hover {
    color: #e6e5e5; }

/* ===================================================
   Global Footer
   =================================================== */
#footer-primary {
  background: #6c6862; }

#footer-primary a {
  color: #fff; }
  #footer-primary a:hover {
    color: #e6e5e5; }

#copyright {
  border-color: rgba(255, 255, 255, 0.15);
  color: #fff; }

/* ===================================================
   Module Header
   =================================================== */
#module-parallax:not(.admin) {
  background: #efefef;
  height: 28.125rem; }

#header-module.module:not(.admin) {
  min-height: 25rem; }

#header-module:not(.admin) h2 span, #header-module:not(.admin) p {
  color: #333;
  float: left;
  padding: 1rem 2rem;
  text-shadow: none; }

#header-module:not(.admin) h2 span {
  background: rgba(255, 255, 255, 0.9); }

#header-module:not(.admin) p {
  background: #ffcb06;
  font-weight: 400;
  margin: 0; }

/* ===================================================
   Module Content
   =================================================== */
/* Home Page - Image Rotator */
#ssm-cycle2 .ssm-cycle2-caption {
  background: transparent;
  bottom: 0;
  left: 0;
  padding-bottom: 4.75rem;
  position: absolute;
  right: 0;
  z-index: 600;
  -webkit-backdrop-filter: none;
  backdrop-filter: none; }

#ssm-cycle2 .ssm-cycle2-caption h2 {
  margin: 0;
  text-transform: uppercase; }

#ssm-cycle2 .ssm-cycle2-caption h2 span, #ssm-cycle2 .ssm-cycle2-caption p {
  color: #333;
  float: left;
  margin: 0;
  padding: 1rem 2rem;
  text-shadow: none; }

#ssm-cycle2 .ssm-cycle2-caption h2 span {
  background: rgba(255, 255, 255, 0.9);
  font-size: 2rem; }

#ssm-cycle2 .ssm-cycle2-caption p {
  background: #ffcb06;
  font-size: 1rem;
  font-weight: 400; }

/* Home Page - Callouts */
.promos .promo .promo-title {
  border-color: transparent;
  font-family: "Roboto", sans-serif;
  text-transform: none; }

.promos .promo .promo-description {
  font-weight: 700; }

/* Content Blocks */
.content-block h2 {
  text-align: center; }

/** Dashboards **/
.dashboard-header {
  background-image: url("skin/brand/ico.safesport-s.watermark.png");
  background-position: right center;
  background-repeat: no-repeat; }

/* ===================================================
   Module Records
   =================================================== */
.module-record-preview .record-figure-label {
  background: #376fbc; }

/* ===================================================
   UI Elements
   =================================================== */
/* Buttons */
.btn-brand-primary {
  background-color: #db5c2c;
  border-color: #be4c20;
  color: #fff; }
  .btn-brand-primary:hover, .btn-brand-primary:focus, .btn-brand-primary:active {
    background-color: #cf5323 !important;
    border-color: #be4c20 !important;
    color: #fff; }

/* Well */
.well.ssm-empty-results .h4 {
  font-weight: 400 !important; }

/* Blockquote-type callout */
.callout {
  border-left: 3px solid #db5c2c;
  color: #333 !important;
  font-size: 1.5rem;
  margin: 3rem 0;
  padding: 0 0 0 2.25rem; }

/* Accordion */
#accordion .panel .panel-heading a {
  color: #333; }

#accordion .panel {
  -webkit-box-shadow: none;
  box-shadow: none; }

#accordion .panel .panel-heading, #accordion .panel-default {
  border-color: #e3e3e3; }

/* ===================================================
   Global Text / Container Assets & Helpers
   =================================================== */
a {
  color: #376fbc; }
  a:hover, a:active, a:focus {
    color: #2b5895; }

.client-content h2, .client-content .h2 {
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  text-transform: none; }

.client-content h3, .client-content .h3 {
  border-bottom: 1px solid #e7e7e7;
  color: #db5c2c;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  letter-spacing: .5px;
  margin: 0 0 1.5rem; }

.client-content h3 span, .client-content .h3 span {
  border-bottom: 1px solid #db5c2c;
  display: inline-block;
  margin: 0 0 -1px;
  padding: 0 0 .75rem; }

.client-content h4, .client-content h5, .client-content h6, .client-content .h4, .client-content .h5, .client-content .h6 {
  color: #89837c;
  font-family: "Roboto", sans-serif;
  font-weight: 700; }

/* ===================================================
   Global Media Queries
   =================================================== */
@media (min-width: 65rem) {
  /* Global Menus / Navigation */
  #nav-primary .mm-navbar .brand > a > img {
    max-height: 6rem; }
  /* Module Headers */
  #header-module.module .ssm-icon-spacer {
    margin-top: 7.25rem; } }
