/* CSS Document */
/* Frontline Cyan Blue #009fe3 */
/* Frontline Dark Blue #1c5c96 */

body {
  background-color: #1c5c96;
}

.ccm-page header {
  background-color: #ffffff;
  padding-top: 1.5rem;
  padding-bottom: 1rem;
  position: relative;
}

.ccm-page nav {
  background-color: #1c5c96;
}

.ccm-page nav li {
  font-size: 1rem;
}

.ccm-page nav a {
  color: #f5f6f7;
}

.ccm-page nav i {
  color: #009fe3;
}


.ccm-page nav a:hover,
.ccm-page nav a:hover i {
  background-color: #009fe3;
  color: #ffffff;
}

.ccm-page nav .active i,
.ccm-page nav .active a:hover i {
  background-color: #009fe3;
  color: #1c5c96 !important;
}
.ccm-page nav .active a {
  background-color: #009fe3;
  color: #ffffff;
}

.ccm-page .iframe-form {
    border-radius: 15px;
    overflow: hidden;
    background: rgba(244,245,245);
}

.ccm-page .iframe-form h3 {
    overflow: hidden;
    background: #009fe3;
    color: #ffffff;
    padding: 1rem 1.4rem;
}

.ccm-page .iframe-form iframe {
    padding: 0 0.8rem;
}

.ccm-page section.title {
  background: #009fe3;
  color: #fff !important;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.ccm-page section.content {
  background: #ffffff;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.ccm-page section.content h2,
.ccm-page section.content h3,
.ccm-page section.content h4{
  padding-bottom: 0.325rem;
}
.ccm-page section.content p,
.ccm-page section.content ul,
.ccm-page section.content ol {
  padding-bottom: 0.625rem;
}

.ccm-page section.content .callout, 
.ccm-page section.content .card {
  background: #ebf7fe;
	border: none;
	border-radius: 10px;
	padding: 1.25rem 1.5rem;
}
.ccm-page section.content .card {
	padding: 0;
}
.ccm-page section.content .card .card-divider {
  background: #009fe3;
	color: #ffffff;
}
.ccm-page section.content .card .card-divider h1,
.ccm-page section.content .card .card-divider h2,
.ccm-page section.content .card .card-divider h3,
.ccm-page section.content .card .card-divider h4,
.ccm-page section.content .card .card-divider a,
.ccm-page section.content .card .card-divider a:hover {
	color: #ffffff;
	font-size: 2rem;
}
div.ccm-block-feature-item p {
	margin: 0 1rem;
}

.ccm-page section.content .callout.alert {
  background: #ffe6e6;
}
.ccm-page section.content .callout .ccm-form {
	position: relative;
}
.ccm-page section.content .callout .text-muted.small {
	font-size: 0.725rem;
	color: #ff0000;
	position: absolute;
	right: 0;
	margin-top: -1.5rem;
}
.ccm-page section.content .button {
	border-radius: 6px;
	line-height: 1.4rem;
	font-size: 1.15rem;
}
.ccm-page section.content .button.secondary {
  background: #e6f4fb;
}

.ccm-page section.content .button.secondary:hover {
  background: #cce9f7;
}

.ccm-page div.partner-logos {
    text-align: center;
    border-top: 1px solid;
    padding: 1rem 0;
}
.ccm-page div.partner-logos a {
    padding: 0.75rem;
    display: inline-block;
}


.ccm-page footer {
  padding-top: 2rem;
  padding-bottom: 2rem;
  color: #ffffff;
  background-image: url('../img/footer-gradient.png');
  background-repeat: repeat-x;
  background-position: top;
}

.ccm-page footer h4 span {
  font-weight: 400;
}

.ccm-page footer p,
.ccm-page footer li {
  font-size: 0.825rem;
}

.ccm-page footer hr {
  border-color: #ffffff;
}

.ccm-page footer a,
.ccm-page footer span  {
  color: #ffffff;
}

.ccm-page footer i {
  color: #ffffff;
}

.ccm-page footer .footnotes {
  font-size: 0.825rem;
  color: #a1ddfb;
}

.ccm-page footer ul {
  margin: 0;
}

.ccm-page footer ul li {
  display: inline;
  list-style-type: none;
  margin: 0 1rem 0 0;
}

.ccm-page .text-center a,
.ccm-page .text-left a {
	display: inline-block;
	margin: 0 1rem 1rem 0;
}

/* Small only */
@media screen and (max-width: 39.9375em) {
  
}

/* xSmall only */
@media screen and (max-width: 29.9375em) {

}

/* Medium and up */
@media screen and (min-width: 40em) {
  .ccm-page header {
    background-image: url("../img/banner-joy.png");
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
  }
  .ccm-page.help-debt header,
  .ccm-page.help-benefits header {
    background-image: url("../img/banner-concern.png");
  }
  .ccm-page.budgeting header,
  .ccm-page.faqs header {
    background-image: url("../img/banner-budget.png");
  }
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {

}

/* Large and up */
@media screen and (min-width: 64em) {
 
}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
  
}

/* XLarge and up */
@media screen and (min-width: 75em) {
  
}

/* XLarge only */
@media screen and (min-width: 75em) and (max-width: 89.9375em) {
  
}

/* XXLarge and up */
@media screen and (min-width: 90em) {
}


/* Responsive Navigation Fixes */

.no-js .top-bar {
  display: none;
}

@media screen and (min-width: 40em) {
  .no-js .top-bar {
    display: block;
  }

  .no-js .title-bar {
    display: none;
  }
}


/* Foundation & Concrete CSS Fixes */


.ccm-notification-help-launcher {
  display: none !important;
}
.ccm-toolbar-visible .fixed {
  top: 49px;
}

ul#ccm-layouts-toolbar.ccm-inline-toolbar {
  left: 0 !important;
}

.ccm-toolbar-visible.ccm-panel-right .fixed, 
.ccm-toolbar-visible.ccm-panel-left .fixed {
  top: 5px;
}
button#ccm-redactor-cancel-button, 
button#ccm-redactor-save-button {
  width: auto !important;
}
.top-bar-section ul li ul, 
.top-bar-section ul li ol {
  margin-left: 0 !important;
}
.ccm-page i {font-style: normal !important;}
.ccm-page .fieldset legend {background: none;}
#ccm-account-menu-container { display: none !important; visibility: hidden !important; }