html{ font-size:16px;}
body{background:#462d89}
p { 
  /*color: rgba(100,100,100,1);*/
  font-size: 1rem;
  line-height: 1.5rem;
}
table { font-size:.8rem;}
nav {font-size:.85rem;} 

h1, h2, h3, h4, h5, h6 {
  color: #3a2777; 
  font-weight: normal;
}
  h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
    font-family: "Milo-Bold", Verdana, Geneva, sans-serif;
    font-weight: normal; }
    h1.white, h2.white, h3.white, h4.white, h5.white, h6.white {
      color: #fff; }

h1 {
  margin: 10px 0 4px 0;
  font-size: 2.25rem; }
  @media (min-width: 768px) {
    h1 {
      margin: 12px 0 5px;
      font-size: 2.25rem; } }
  @media (min-width: 992px) {
    h1 {
      margin: 18px 0 6px;
      font-size: 2.4rem; } }

h2 {
  margin: 0 0 10px 0;
  font-size: 1.5rem; }
  @media (min-width: 768px) {
    h2 {
      margin-bottom: 10px;
      font-size: 1.5rem; } }
  @media (min-width: 992px) {
    h2 {
      margin-bottom: 15px;
      font-size: 1.6rem; } }

h3 {
  margin: 0 0 5px 0;
  font-size: 1.25rem; }
  @media (min-width: 768px) {
    h3 {
      margin: 10px 0;
      font-size: 1.25rem; } }
  @media (min-width: 992px) {
    h3 {
      margin: 10px 0;
      font-size: 1.25rem; } }
  h3 small {
    color: white; }

h4 {
  margin: 0 0 5px 0;
  font-size: 1.1rem; }
  @media (min-width: 768px) {
    h4 {
      margin: 10px 0;
      font-size: 1.1rem; } }
  @media (min-width: 992px) {
    h4 {
      margin: 10px 0;
      font-size: 1.1rem; } }
  h4 small {
    color: white; }

label, input {
  font-size: 12px; }
  @media (min-width: 768px) {
    label, input {
      font-size: 13px; } }

blockquote {
  margin-bottom: 10px;
  border-color: #45298f; }

blockquote, p.lead {
  margin-top: 10px;
  font-size: 14px; }
  @media (min-width: 768px) {
    blockquote, p.lead {
      font-size: 14px; } }
  @media (min-width: 992px) {
    blockquote, p.lead {
      font-size: 15px;
      line-height: 1.528571429; } }

p.author {
  font-size: 12px;
  font-style: italic;
  color: #555555; }

  ul.styled li { list-style: disc; }

@font-face {
  font-family: 'Milo';
  src: url("../fonts/milo/milooffc.eot");
  src: url("../fonts/milo/milooffc.eot?#iefix") format("embedded-opentype"), url("../fonts/milo/milooffc.woff") format("woff"), url("../fonts/milo/milooffc.ttf") format("truetype"), url("../fonts/milo/milooffc.svg#milooffc") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Milo-Bold';
  src: url("../fonts/milo/milooffc-bold.eot");
  src: url("../fonts/milo/milooffc-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/milo/milooffc-bold.woff") format("woff"), url("../fonts/milo/milooffc-bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@media print {
  .hidden-print {
    display: none !important; } }
@font-face {
  font-family: "la";
  src: url("../fonts/la_15e4d18fe6b6be185e99d73b0146be9d.eot");
  src: url("../fonts/la_15e4d18fe6b6be185e99d73b0146be9d.eot?#iefix") format("embedded-opentype"), url("../fonts/la_15e4d18fe6b6be185e99d73b0146be9d.woff") format("woff"), url("../fonts/la_15e4d18fe6b6be185e99d73b0146be9d.ttf") format("truetype"), url("../fonts/la_15e4d18fe6b6be185e99d73b0146be9d.svg#la") format("svg");
  font-weight: normal;
  font-style: normal; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "la";
    src: url("../fonts/la_15e4d18fe6b6be185e99d73b0146be9d.woff") format("woff"); } }
[data-icon]:before {
  content: attr(data-icon); }

[data-icon]:before,
.icon-app-afternoon:before,
.icon-app-evening:before,
.icon-app-morning:before,
.icon-bookshare:before,
.icon-bookshelf:before,
.icon-child:before,
.icon-child-get-listening:before,
.icon-child-great-starts:before,
.icon-child-how-to:before,
.icon-child-view-progress:before,
.icon-featured-events:before,
.icon-help:before,
.icon-no-book:before,
.icon-no-child:before,
.icon-pages-read:before,
.icon-specialist:before,
.icon-upload:before {
  display: inline-block;
  font-family: "la";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
 }

.icon-app-afternoon:before {
  content: "\f100"; }

.icon-app-evening:before {
  content: "\f101"; }

.icon-app-morning:before {
  content: "\f102"; }

.icon-bookshare:before {
  content: "\f119"; }

.icon-bookshelf:before {
  content: "\f104"; }

.icon-child:before {
  content: "\f11a"; }

.icon-child-get-listening:before {
  content: "\f115"; }

.icon-child-great-starts:before {
  content: "\f116"; }

.icon-child-how-to:before {
  content: "\f117"; }

.icon-child-view-progress:before {
  content: "\f118"; }

.icon-featured-events:before {
  content: "\f105"; }

.icon-help:before {
  content: "\f111"; }

.icon-no-book:before {
  content: "\f109"; }

.icon-no-child:before {
  content: "\f10a"; }

.icon-pages-read:before {
  content: "\f107"; }

.icon-specialist:before {
  content: "\f10c"; }

.icon-upload:before {
  content: "\f112"; }



.alert {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05); }
  .alert h1,.alert h2,.alert h3,.alert p { color: inherit;}
	.alert h1 {font-size:1.4rem;}

.alert-small {
  margin: 15px 0 5px 0;
  padding-top: 7px;
  padding-bottom: 7px;
  text-align: center; }

.alert-success {
  background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
  background-image: -o-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
  background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFDFF0D8', endColorstr='#FFC8E5BC', GradientType=0);
  border-color: #b2dba1; }



.alert-info {
  background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
  background-image: -o-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
  background-image: linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFD9EDF7', endColorstr='#FFB9DEF0', GradientType=0);
  border-color: #9acfea; }

.alert-warning {
  background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
  background-image: -o-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
  background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFCF8E3', endColorstr='#FFF8EFC0', GradientType=0);
  border-color: #f5e79e; }

.alert-danger {
  background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
  background-image: -o-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
  background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF2DEDE', endColorstr='#FFE7C3C3', GradientType=0);
  border-color: #dca7a7; }

.audience-nav.navbar {
  margin-top: -20px;
  min-height: 20px; }
.audience-nav.navbar-default {
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background: #e6e6e6;
  background: -webkit-linear-gradient(to top, #e6e6e6 85%, #e0e0e0 100%);
  background: -ms-linear-gradient(to top, #e6e6e6 85%, #e0e0e0 100%);
  background: linear-gradient(to top, #e6e6e6 85%, #e0e0e0 100%); }
.audience-nav .list-unstyled, .audience-nav .list-inline {
  margin: 0;
  padding-top: 3px; }
  .audience-nav .list-unstyled li, .audience-nav .list-inline li {
    padding: 6px 5px 9px 5px !important;
    font-size: 11px;
    text-align: center; }
    .audience-nav .list-unstyled li:first-of-type, .audience-nav .list-inline li:first-of-type {
      padding-left: 0 !important; }
    .audience-nav .list-unstyled li:last-of-type, .audience-nav .list-inline li:last-of-type {
      padding-right: 0 !important; }
    .audience-nav .list-unstyled li.active, .audience-nav .list-inline li.active {
      padding: 6px 10px 9px 10px !important;
      font-weight: bold;
      background: white;
      -webkit-border-radius: 4px 4px 0 0;
      -moz-border-radius: 4px 4px 0 0;
      -ms-border-radius: 4px 4px 0 0;
      -o-border-radius: 4px 4px 0 0;
      border-radius: 4px 4px 0 0; }
    @media (min-width: 768px) {
      .audience-nav .list-unstyled li, .audience-nav .list-inline li {
        padding: 6px 15px 9px 15px !important; }
        .audience-nav .list-unstyled li.active, .audience-nav .list-inline li.active {
          padding: 6px 15px 9px 15px !important; } }
@media (max-width: 768px) {
  .audience-nav .container {
    padding: 0; } }

body .site-wrapper {
  padding: 20px 0 50px 0;
  background: #ffffff;
  }
body .container {
  padding: 0 15px; }
  @media (min-width: 1200px) {
    body .container {
      width: 950px;
      padding: 0; } }
  @media (min-width: 992px) {
    body .container {
      width: 950px;
      padding: 0; } }

.breadcrumb {
  padding: 0;
  margin: 0;
  padding-bottom: 9px;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  border-bottom: 1px solid #cccccc;
  background: none;
  font-size: 0.846em;
  -webkit-box-shadow: inset 0 1px 0 white;
  box-shadow: inset 0 1px 0 white; }
  .breadcrumb .active {
    color: #333333; }
  .breadcrumb > li + li::before {
    padding: 0 1px;
    color: #999999; }

    ol.breadcrumb li {
    font-size: 0.8rem;
}

.button-bar {
  margin-top: 10px; }
  @media (min-width: 768px) {
    .button-bar {
      text-align: right; } }
  .button-bar .btn {
    margin: 4px; }
  .button-bar .btn-link {
    margin-left: 0;
    padding-left: 0;
    float: left; }
    @media (max-width: 768px) {
      .button-bar .btn-link {
        float: none; } }
  .button-bar .btn-primary {
    margin-left: 0; }
    @media (min-width: 768px) {
      .button-bar .btn-primary {
        margin-left: 4px;
        float: right; } }

.btn-default,
.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
  .btn-default:active, .btn-default.active,
  .btn-primary:active,
  .btn-primary.active,
  .btn-success:active,
  .btn-success.active,
  .btn-info:active,
  .btn-info.active,
  .btn-warning:active,
  .btn-warning.active,
  .btn-danger:active,
  .btn-danger.active {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }

.btn-lg {
  font-size: 16px; }
  @media (max-width: 768px) {
    .btn-lg {
      font-size: 14px; } }

.btn:active, .btn.active {
  background-image: none; }

.btn-default {
  background: white;
  background: -webkit-linear-gradient(top, white 0%, white 51%, #fafafa 51%, #f2f2f2 100%);
  background: -ms-linear-gradient(top, white 0%, white 51%, #fafafa 51%, #f2f2f2 100%);
  background: linear-gradient(to top, #ffffff 0%, #ffffff 51%, #fafafa 51%, #f2f2f2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #f2f2f2;
  font-weight: bold;
  text-shadow: 0 1px 0 #fff;
  border-color: #ccc; }
  .btn-default:hover, .btn-default:focus {
    background: #f2f2f2; }
  .btn-default:active, .btn-default.active {
    background-color: #e0e0e0;
    border-color: #dbdbdb; }

.btn-primary {
  background: #1065bd;
 /*background: -webkit-linear-gradient(top, #1065bd 0%, #116ac6 51%, #0f60b4 51%, #0e58a5 100%);*/
 /* background: -ms-linear-gradient(top, #1065bd 0%, #116ac6 51%, #0f60b4 51%, #0e58a5 100%);*/
  /*background: linear-gradient(top, #1065bd 0%, #116ac6 51%, #0f60b4 51%, #0e58a5 100%);*/
 /* filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);*/
 /* background-repeat: repeat-x;*/
  border-color: #0e58a5;
  font-weight: bold; }
  .btn-primary:hover, .btn-primary:focus {
    background: #0e58a5; }
  .btn-primary:active, .btn-primary.active {
    background-color: #0b4785;
    border-color: #0a427b; }

.btn-secondary {
  background: #c0e3ff;
  background: -webkit-linear-gradient(top, #c0e3ff 0%, #cae8ff 51%, #b6deff 51%, #a6d8ff 100%);
  background: -ms-linear-gradient(top, #c0e3ff 0%, #cae8ff 51%, #b6deff 51%, #a6d8ff 100%);
  background: linear-gradient(to top, #c0e3ff 0%, #cae8ff 51%, #b6deff 51%, #a6d8ff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #a6d8ff;
  font-weight: bold; }
  .btn-secondary:hover, .btn-secondary:focus {
    background: #a6d8ff; }
  .btn-secondary:active, .btn-secondary.active {
    background-color: #83c8ff;
    border-color: #79c3ff; }

.btn-success {
  background: #5cb85c;
  background: -webkit-linear-gradient(top, #5cb85c 0%, #63bb63 51%, #55b555 51%, #4cae4c 100%);
  background: -ms-linear-gradient(top, #5cb85c 0%, #63bb63 51%, #55b555 51%, #4cae4c 100%);
  background: linear-gradient(to top, #5cb85c 0%, #63bb63 51%, #55b555 51%, #4cae4c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #4cae4c;
  font-weight: bold; }
  .btn-success:hover, .btn-success:focus {
    background: #4cae4c; }
  .btn-success:active, .btn-success.active {
    background-color: #419641;
    border-color: #3e8f3e; }
  .btn-success:visited, a.btn-success:visited { color: #fff; }

.btn-warning {
  background: #f0ad4e;
  background: -webkit-linear-gradient(top, #f0ad4e 0%, #f1b157 51%, #efa945 51%, #eea236 100%);
  background: -ms-linear-gradient(top, #f0ad4e 0%, #f1b157 51%, #efa945 51%, #eea236 100%);
  background: linear-gradient(to top, #f0ad4e 0%, #f1b157 51%, #efa945 51%, #eea236 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #eea236;
  font-weight: bold; }
  .btn-warning:hover, .btn-warning:focus {
    background: #eea236; }
  .btn-warning:active, .btn-warning.active {
    background-color: #eb9316;
    border-color: #e38d13; }

.btn-danger {
  background: #d9534f;
  background: -webkit-linear-gradient(top, #d9534f 0%, #db5b57 51%, #d74b47 51%, #d43f3a 100%);
  background: -ms-linear-gradient(top, #d9534f 0%, #db5b57 51%, #d74b47 51%, #d43f3a 100%);
  background: linear-gradient(to top, #d9534f 0%, #db5b57 51%, #d74b47 51%, #d43f3a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #d43f3a;
  font-weight: bold; }
  .btn-danger:hover, .btn-danger:focus {
    background: #d43f3a; }
  .btn-danger:active, .btn-danger.active {
    background-color: #c12e2a;
    border-color: #b92c28; }

.btn-info {
  background: #5bc0de;
  background: -webkit-linear-gradient(top, #5bc0de 0%, #63c3e0 51%, #53bddc 51%, #46b8da 100%);
  background: -ms-linear-gradient(top, #5bc0de 0%, #63c3e0 51%, #53bddc 51%, #46b8da 100%);
  background: linear-gradient(to top, #5bc0de 0%, #63c3e0 51%, #53bddc 51%, #46b8da 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #46b8da;
  font-weight: bold; }
  .btn-info:hover, .btn-info:focus {
    background: #46b8da; }
  .btn-info:active, .btn-info.active {
    background-color: #2aabd2;
    border-color: #28a4c9; }

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background-image: -webkit-linear-gradient(top, whitesmoke 0%, #e8e8e8 100%);
  background-image: -o-linear-gradient(top, whitesmoke 0%, #e8e8e8 100%);
  background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF5F5F5', endColorstr='#FFE8E8E8', GradientType=0);
  background-color: #e8e8e8; }

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-image: -webkit-linear-gradient(top, #1065bd 0%, #0e58a5 100%);
  background-image: -o-linear-gradient(top, #1065bd 0%, #0e58a5 100%);
  background-image: linear-gradient(to bottom, #1065bd 0%, #0e58a5 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF1065BD', endColorstr='#FF0E58A5', GradientType=0);
  background-color: #0e58a5; }

.fa-success {
  color: #418042; }

.fa-danger {
  color: #d9534f; }

.icon-child-1 {
  color: #3db2e3; }

.icon-child-2 {
  color: #97c767; }

.icon-child-3 {
  color: #f78e1e; }

.icon-child-4 {
  color: #ffc222; }

.feature {
  margin-bottom: 25px; }
  .feature h3 {
    margin-bottom: 5px;
    font-size: 18px; }
    @media (min-width: 768px) {
      .feature h3 {
        font-size: 19px; } }
    @media (min-width: 992px) {
      .feature h3 {
        font-size: 20px; } }
    @media (max-width: 768px) {
      .feature h3 {
        margin-top: 10px; } }
  .feature .img-thumbnail {
    margin-bottom: 10px; }

.site-footer {
  padding: 40px 0 120px 0; }
  .site-footer div, .site-footer h3, .site-footer h4, .site-footer h5, .site-footer li, .site-footer a, .site-footer p {
    color: white !important;
    text-align: left;
    text-shadow: rgba(0, 0, 0, 0.3) 0 1px 0; }
  .site-footer h3 {
    margin-bottom: 0;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: bold;
    font-size: 15px;
    line-height: 19px; }
  .site-footer h4 {
    margin-bottom: 0;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: bold;
    font-size: 15px;
    line-height: 19px; }
  .site-footer h5 {
    font-family: Verdana, Geneva, sans-serif;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px; }
  .site-footer a, .site-footer p {
    font-size: 12px;
    line-height: 16px; }
  .site-footer ul {
    margin-bottom: 30px; }
  .site-footer li {
	font-size: 0.75rem;
    padding: 2px 0; }
  .site-footer .social-links {
    margin-top: -25px; }
  .site-footer .social-links li em i {
    width: 2em;
    height: 1.5em;
    background: url(../images/theme/sprite-social-links.png) no-repeat;
    float: left; }
    .site-footer .social-links li em.facebook {
      background-position: 0 0; }
    .site-footer .social-links li em.twitter {
      background-position: 0 -20px; }
    .site-footer .social-links li em.linkedin {
      background-position: 0 -40px; }
    .site-footer .social-links li em.youtube {
      background-position: 0 -60px; }
    .site-footer .social-links li em.google {
      background-position: 0 -93px; }
    .site-footer .social-links li em.instagram {
      background-position: 0 -113px; }
    .site-footer .social-links li em.pinterest {
      background-position: 0 -132px; }
    .site-footer .social-links li em.email {
      height: 14px;
      background-position: 0 -78px; }
  @media (max-width: 768px) {
    .site-footer .app-badges ul, .site-footer .app-badges li, .site-footer .app-badges a, .site-footer .app-badges p {
      text-align: center; } }
  .site-footer .copyright {
    margin-top: 20px; }
    .site-footer .copyright p {
      padding: 0;
      font-size: 13px;
      color: #c3b4e9 !important;
      color: red; }
    .site-footer .copyright li { 
      padding: 0 10px;
      border-right: 1px solid rgba(255, 255, 255, 0.5);
      font-size: 11px; }
      .site-footer .copyright li:first-of-type {
        padding-left: 0; }
      .site-footer .copyright li:last-of-type {
        border-right: none; }
    .site-footer .copyright ul, .site-footer .copyright li, .site-footer .copyright a, .site-footer .copyright p {
      text-align: center; }

.has-feedback .form-control-feedback-lg {
  top: 28px;
  right: 5px; }


  .error--red {
    color: #A94442;
    font-weight: bold;
    margin:8px 0;
  }

.has-success .control-label,
.has-warning .control-label,
.has-error .control-label {
  font-weight: bold; }

.help-block-inline {
  margin: 0;
  display: inline-block;
  color: #626262; }

hr {
  border-color: #cccccc; }

.index .divider {
  border-top: 2px solid #cccccc; }
.index .inactive {
  color: #999999; }
  .index .inactive:hover {
    text-decoration: none; }
.index .label-default {
  background-color: #d9d9d9; }

.index-icons i {
  margin: 10px 0; }

.jumbotron {
  margin-bottom: 0;
  padding: 0 !important;
  border: 1px solid #cccccc; }
  .jumbotron a:hover {
    text-decoration: none !important; }

.jumbotron-content {
  padding: 0; }
  .jumbotron-content p {
    font-family: "Milo", Verdana, Geneva, sans-serif; }


.jumbotron {
  border: 1px solid #cccccc; 
  padding: 0 !important;
  margin-bottom: 0;
  color: inherit;
  background-color: #e9e9e9; }
  
  .jumbotron p {
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: 200; }
  .jumbotron a:hover {
    text-decoration: none !important; }
  .jumbotron > hr {
    border-top-color: #d0d0d0; }
  .container .jumbotron {
    border-radius: 6px; }
  .jumbotron .container {
    max-width: 100%; }
  @media screen and (min-width: 768px) {
    .jumbotron {
      padding-top: 48px;
      padding-bottom: 48px; }
      .container .jumbotron {
        padding-left: 60px;
        padding-right: 60px; }
      .jumbotron h1,
      .jumbotron .h1 {
        font-size: 2.25rem;
        } }
        
.jumbotron-content {
  padding: 0; }
  .jumbotron-content p {
    font-family: "Milo", Verdana, Geneva, sans-serif; }



.see-more {
  font-size: 15px; }
  .see-more:before, .see-more:after {
    content: " ";
    display: table; }
  .see-more:after {
    clear: both; }
  .see-more h2, .see-more h4 {
    float: left; }
  .see-more small {
    padding-top: 7px;
    float: right; }

.list-group {
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); }

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  text-shadow: 0 -1px 0 #0c4c8e;
  background-image: -webkit-linear-gradient(top, #1065bd 0%, #0d529a 100%);
  background-image: -o-linear-gradient(top, #1065bd 0%, #0d529a 100%);
  background-image: linear-gradient(to bottom, #1065bd 0%, #0d529a 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF1065BD', endColorstr='#FF0D529A', GradientType=0);
  border-color: #0d529a; }

ul.logo-bullets {
  margin-left: 0;
  padding-left: 0;
  list-style: none; }
  ul.logo-bullets li {
    padding: 0 0 16px 40px;
    display: block;
    background-image: url("../images/theme/logo-bullet.png");
    background-repeat: no-repeat;
    min-height: 22px; }

.plan-bullets {
  text-align: center; }
  .plan-bullets ul.logo-bullets {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 445px;
    text-align: left; }

.modal h2 {
  margin: 10px 0 0 0;
  font-size: 23px; }
.modal h3 {
  margin: 15px 0 0 0;
  font-size: 17px;
  font-family: "Milo-Bold", Verdana, Geneva, sans-serif;
  color: #333333; }
.modal p {
  font-size: 12px; }
.modal .modal-footer {
  text-align: left; }
  .modal .modal-footer ul {
    float: left; }

.page-header {
  margin: 20px 0 0;
  padding: 0;
  border-bottom: none; }
  .page-header strong {
    font-family: "Milo-Bold", Verdana, Geneva, sans-serif;
    font-weight: normal; }
  .page-header h1 {
    margin: 0 0 3px 0; }
    @media (min-width: 768px) {
      .page-header h1 {
        margin: 12px 0 4px; } }
    @media (min-width: 992px) {
      .page-header h1 {
        margin: 0;
        } }
  .page-header h2 {
    margin: 0 0 10px 0;
    font-family: Verdana, Geneva, sans-serif;
    color: #3a2777;
    font-size: 13px; }
    @media (min-width: 768px) {
      .page-header h2 {
        margin-bottom: 15px;
        font-family: "Milo", Verdana, Geneva, sans-serif;
        font-size: 17px; } }
    @media (min-width: 992px) {
      .page-header h2 {
        margin-bottom: 20px;
        font-family: "Milo", Verdana, Geneva, sans-serif;
        font-size: 23px; } }
    .page-header h2 em {
      font-family: "Milo-Bold", Verdana, Geneva, sans-serif;
      font-style: normal; }
    .page-header h2 small {
      margin-top: 5px;
      font-size: 11px;
      font-family: Verdana, Geneva, sans-serif;
      display: block; }
      @media (min-width: 768px) {
        .page-header h2 small {
          display: inline;
          font-size: 13px; } }
  .page-header p.lead {
    margin-bottom: 20px;
    font-family: "Milo", Verdana, Geneva, sans-serif;
    font-size: 18px; }
  .page-header p.toggle-membership {
    margin-top: 28px;
    font-family: "Milo", Verdana, Geneva, sans-serif;
    font-size: 17px;
    line-height: 1.1em;
    color: gray; }
    @media (max-width: 768px) {
      .page-header p.toggle-membership {
        margin-top: 0;
        float: none; } }
    @media (min-width: 768px) {
      .page-header p.toggle-membership {
        float: right; } }
  .page-header .share-bar {
    margin-bottom: 20px;
    padding: 6px 0;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc; }
    .page-header .share-bar ul {
      margin: 0; }
    .page-header .share-bar li {
      padding: 0 1px; }
      @media (max-width: 768px) {
        .page-header .share-bar li {
          font-size: 1.2em; } }

.page-header-tight {
  margin: 0; }
  @media (min-width: 768px) {
    .page-header-tight h1 {
      margin: 6px 0 4px; } }

.panel {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); }

.panel-default > .panel-heading {
  background-image: -webkit-linear-gradient(top, whitesmoke 0%, #e8e8e8 100%);
  background-image: -o-linear-gradient(top, whitesmoke 0%, #e8e8e8 100%);
  background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF5F5F5', endColorstr='#FFE8E8E8', GradientType=0); }

.panel-primary > .panel-heading {
  background-image: -webkit-linear-gradient(top, #1065bd 0%, #0e58a5 100%);
  background-image: -o-linear-gradient(top, #1065bd 0%, #0e58a5 100%);
  background-image: linear-gradient(to bottom, #1065bd 0%, #0e58a5 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF1065BD', endColorstr='#FF0E58A5', GradientType=0); }

.panel-success > .panel-heading {
  background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
  background-image: -o-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
  background-image: linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFDFF0D8', endColorstr='#FFD0E9C6', GradientType=0); }

.panel-info > .panel-heading {
  background-image: -webkit-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
  background-image: -o-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
  background-image: linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFD9EDF7', endColorstr='#FFC4E3F3', GradientType=0); }

.panel-warning > .panel-heading {
  background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
  background-image: -o-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
  background-image: linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFCF8E3', endColorstr='#FFFAF2CC', GradientType=0); }

.panel-danger > .panel-heading {
  background-image: -webkit-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
  background-image: -o-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
  background-image: linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF2DEDE', endColorstr='#FFEBCCCC', GradientType=0); }

.promo {
  margin-bottom: 15px;
  display: table;
  width: 100%;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px; }
  .promo a {
    display: table-row; }
  .promo a:hover {
    text-decoration: none !important; }
  .promo .promo-content {
    padding: 5px 15px 15px 15px;
    display: table-cell;
    vertical-align: middle;
    height: 120px; }
    @media (min-width: 768px) {
      .promo .promo-content {
        height: 140px; } }
    .promo .promo-content h3 {
      margin: 0;
      color: white;
      font-family: "Milo", Verdana, Geneva, sans-serif;
      text-shadow: rgba(0, 0, 0, 0.3) 0 1px 0;
      line-height: 1em;
      font-size: 2em; }
      @media (min-width: 768px) {
        .promo .promo-content h3 {
          font-size: 2.2em; } }
      @media (min-width: 992px) {
        .promo .promo-content h3 {
          font-size: 2.8em; } }
      .promo .promo-content h3 small {
        display: block;
        line-height: 1em;
        font-size: 0.7em !important; }
    .promo .promo-content p {
      margin: 0;
      font-family: "Milo", Verdana, Geneva, sans-serif;
      text-shadow: rgba(0, 0, 0, 0.3) 0 1px 0; }
    .promo .promo-content .big {
      line-height: 1.1em;
      font-size: 2em; }
      @media (min-width: 768px) {
        .promo .promo-content .big {
          font-size: 2.2em; } }
      @media (min-width: 992px) {
        .promo .promo-content .big {
          font-size: 2.8em; } }
    .promo .promo-content .small {
      line-height: 1em;
      font-size: 1.4em; }
      @media (min-width: 768px) {
        .promo .promo-content .small {
          font-size: 1.6em; } }
      @media (min-width: 992px) {
        .promo .promo-content .small {
          font-size: 1.7em; } }

.promo-1-color {
  background: #1779a3; }
  .promo-1-color :hover {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background: #1e9bcf; }
  .promo-1-color .promo-content p {
    color: white; }

.promo-2-color {
  background: #52782c; }
  .promo-2-color :hover {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background: #6c9d3a; }
  .promo-2-color .promo-content p {
    color: white; }

.promo-3-color {
  background: #a95a06; }
  .promo-3-color :hover {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background: #da7408; }
  .promo-3-color .promo-content p {
    color: white; }

.promo-4-color {
  background: #926a00; }
  .promo-4-color :hover {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background: #c58f00; }
  .promo-4-color .promo-content p {
    color: white; }

.select-accordion .panel {
  -webkit-box-shadow: none;
  box-shadow: none; }
.select-accordion .panel + .panel {
  margin-top: 10px; }
.select-accordion .panel-heading {
  padding: 15px 25px;
  line-height: 16px; }
  @media (max-width: 768px) {
    .select-accordion .panel-heading {
      padding: 15px; } }
  .select-accordion .panel-heading a:hover {
    text-decoration: none; }
  .select-accordion .panel-heading a:hover h2 {
    text-decoration: underline;
    color: #0b72c1; }
  .select-accordion .panel-heading h2 {
    margin: 0 0 5px 0;
    color: #0b72c1;
    font-size: 17px;
    line-height: 18px; }
    @media (min-width: 768px) {
      .select-accordion .panel-heading h2 {
        font-size: 19px; } }
    @media (min-width: 992px) {
      .select-accordion .panel-heading h2 {
        font-size: 20px; } }
  .select-accordion .panel-heading .panel-title i {
    margin: -5px 0 0 20px; }
    .select-accordion .panel-heading .panel-title i.fa-plus-circle, .select-accordion .panel-heading .panel-title i.fa-minus-circle {
      color: #bfbfbf;
      text-shadow: none; }
.select-accordion .panel-title p {
  margin-bottom: 0; }
.select-accordion .panel-body {
  padding: 20px 0; }
  @media (max-width: 768px) {
    .select-accordion .panel-body {
      padding: 15px; } }

.sidebar-well {
  margin-bottom: 30px;
  padding: 20px 20px;
  text-align: center;
  border-color: #d8d8d8;
  background-image: -webkit-linear-gradient(top, #e5e5e5 0%, #f2f2f2 100%);
  background-image: -o-linear-gradient(top, #e5e5e5 0%, #f2f2f2 100%);
  background-image: linear-gradient(to bottom, #e5e5e5 0%, #f2f2f2 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFE5E5E5', endColorstr='#FFF2F2F2', GradientType=0);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px; }
  @media (min-width: 768px) {
    .sidebar-well {
      padding: 30px 20px; } }
  @media (min-width: 992px) {
    .sidebar-well {
      padding: 40px 20px; } }
  .sidebar-well hr {
    margin: 10px 0;
    border-color: #cccccc; }
  .sidebar-well h2 {
    padding-bottom: 10px;
    font-family: "Milo-Bold", Verdana, Geneva, sans-serif;
    font-size: 20px;
    border-bottom: 1px solid #cccccc; }
    @media (min-width: 768px) {
      .sidebar-well h2 {
        margin: 10px 0;
        font-size: 21px; } }
    @media (min-width: 992px) {
      .sidebar-well h2 {
        margin: 10px 0;
        font-size: 23px; } }
  .sidebar-well h3 {
    padding: 0;
    font-size: 18px; }
    @media (min-width: 768px) {
      .sidebar-well h3 {
        margin: 10px 0;
        font-size: 19px; } }
    @media (min-width: 992px) {
      .sidebar-well h3 {
        margin: 10px 0;
        font-size: 20px; } }
  .sidebar-well h4 {
    color: #3a2777; }
  .sidebar-well .img-thumbnail {
    margin-bottom: 10px; }

.offset-top-large {
  margin-top: 30px; }

.offset-top-base {
  margin-top: 20px; }

.offset-top-small {
  margin-top: 10px; }

.offset-top-xs {
  margin-top: 5px; }

.thumbnail,
.img-thumbnail {
  background: white;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); }

@media (min-width: 768px) {
  a .img-thumbnail,
  .thumbnail a img,
  .video a img {
    transition-property: opacity;
    transition-timing-function: ease-out;
    transition-duration: .25s;
    transition-delay: 0.1s; } }

@media (min-width: 768px) {
  a:hover .img-thumbnail,
  .thumbnail a:hover img,
  .video a:hover img {
    opacity: .5; } }

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  height: auto; }

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.well {
  background: #f2f2f2;
  border-color: #d8d8d8;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1); }
  .well hr {
    border-color: #999999; }
  .well .media-body {
    padding-top: .45em; }

.well-basic {
  box-shadow: none;
  background: none; }

@media (min-width: 768px) {
  .well-form {
    padding: 40px 30px; } }
@media (min-width: 992px) {
  .well-form {
    padding: 50px 40px; } }
.well-form h2 {
  color: #3a2777;
  font-family: "Milo-Bold", Verdana, Geneva, sans-serif; }
.well-form h3 {
  padding: 15px 0 5px 0; }
.well-form .learn-more {
  color: #555555; }

/* font-size fix for TA master admin nav */

.dashboard-home ul.nav li {
    font-size: 0.8rem;
}

/* Browse Audiobooks */

.book-preview h3 {
    color: #1065bd;
    font-size: 1.4rem;
    margin-top: 15px;
    margin-bottom: 5px;
}

/* font-size fix for browse audiobooks and bookshelf views */

.audiobook-row p { font-size: 1rem;}


/* Card styles */


.card {
    border: 1px solid #074474;
    border-radius: 4px;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
    height:325px;
}

.card.card--grey {
  border: 1px solid #cdcdcd;
}

.card--title, .card__title {
    padding: 8px;
    border-radius: 4px 4px 0 0;
}

.card__title h1, .card__title h2, .card__title h3, .card__title h4 {
  margin-top:0;
  margin-bottom:0;
}

.card--desc, .card__desc {
    padding-top: 10px;
}

.card__footer {
  border-radius: 0 0 4px 4px;
}

.card__footer a.btn {
  margin: 6px 0;
  width:66%;
}


@media (max-width:768px) {
  .card { 
    margin-bottom:15px;
  }
}
/************************* bg colors ****************************/

[class*="-bg"] h1 {
  margin: 0 0 0 0;
  margin-top:0;
}


[class*="-bg"] a.btn {
  text-decoration: none;
}

.blue-bg h1, 
.blue-bg h2, 
.blue-bg h3, 
.blue-bg p, 
.dark-blue-bg h1, 
.dark-blue-bg h2, 
.dark-blue-bg h3, 
.dark-blue-bg p,
.purple-bg h1,
.purple-bg h2,
.purple-bg h3,
.purple-bg p,
.brand-purple-bg--opaque h1,
.brand-purple-bg--opaque h2,
.brand-purple-bg--opaque h3,
.brand-purple-bg--opaque p
 {
    color: #fff;
} 

[class*="-bg"] h1,
[class*="-bg"] h2,
[class*="-bg"] h3 {
  margin:0;
}

.dark-blue-bg a {
  color: #fff;
  font-weight: bold;
  text-decoration: underline;
}

.white-bg {
    background-color:#fff;
}

.blue-bg {
    background-color:#0b72c1;
}

.dark-blue-bg {
    background-color:#074474;
}

.dark-purple-bg {
  background-color: #3a2777;
}

.purple-bg {
  background-color: #6849bc;
}

.grey-bg {
    background-color: #EBEBEB;
}

.light-grey-bg {
    background-color: #F5F4F4;
}

.dark-grey-bg {
    background-color: #969595;
    color:white;
}

.dark-grey-bg h2, .dark-grey-bg a {
    color:white;
}

.row-padding {
    padding:25px;    
}

.purple-bg-opaque {
    background-color: rgba(46, 23, 107, 0.4);
}

.purple-bg--opaque--dark  {
    background-color: rgba(46, 23, 107, 0.7);
}

.brand-purple-bg--opaque {
  background-color: rgba(58,39,119, 0.75);
}

.white-bg--opaque {
    background-color: rgba(255, 255, 255, 0.85); 
}

/************************* buttons ****************************/

.btn.btn-primary--white {
  background: white;
  background-color: white;
  color: #0b72c1 !important; 
}

.btn.btn-primary--purple {
  background: #8156f4;
  background-color: #8156f4;
  border: 2px solid #3a2777;
  color: white !important; 
}

/************************* Font Color Utilities ****************************/

.white { color: #fff; }


/************************* banners ****************************/

.banner-heading {
  padding:8px;
  border-radius:8px;
}
  .banner-heading h1, .banner-heading h2 {
    margin:0 0 15px 0;
  }

/************************ Border Utilities ************************/

.border--light-grey { border: 1px solid #cdcdcd; }
.border--blue { border: 1px solid #0b72c1; }
.border--dark-purple { border: 1px solid #3a2777; }
.border-2--dark-purple { border: 2px solid #3a2777;}

.border-round-4 {
	border-radius: 4px; 
	overflow: hidden; 
}

.border-right {
    border-right: 1px solid #cdcdcd;
}
  .border-right--white { border-right: 1px solid #fff; }



/************************ Mobile Utilities ************************/

@media (max-width:768px) {
  .text-center--mobile {
    text-align: center;
  }
}

@media (max-width:992px) {
	.text-center--sm { text-align: center;}	
}
@media (max-width:768px) {
	.text-center--xs { text-align: center;}	
}


/************************ Margin and Padding Utilities ************************/

.m-0 { 
  margin-top: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  margin-left: 0 !important;
}

.m-25 { 
  margin-top: 25px !important;
  margin-bottom: 25px !important; }
.m-all-25 { 
  margin:25px !important; }

.m-tb-25 { 
  margin-top: 25px !important;
  margin-bottom: 25px !important; }
  .m-t-25 { margin-top: 25px !important; }
  .m-b-25 { margin-bottom: 25px !important; }

.m-15 {
  margin-top: 15px !important;
  margin-right: 15px !important;
  margin-bottom: 15px !important;
  margin-left: 15px !important; }

.m-tb-15 { 
  margin-top: 15px !important;
  margin-bottom: 15px !important; }
  .m-t-15 { margin-top: 15px !important; }
  .m-b-15 { margin-bottom: 15px !important; }

.m-8 {
  margin-top: 8px !important;
  margin-right: 8px !important;
  margin-bottom: 8px !important;
  margin-left: 8px !important; }
	.m-tb-8 { 
	  margin-top: 8px !important;
	  margin-bottom: 8px !important; }
	  .m-t-8 { margin-top: 8px !important; }
	  .m-b-8 { margin-bottom: 8px !important; }

.p-25 { padding:25px !important; }
	.p-tb-25 {
	  padding-top: 25px !important;
	  padding-bottom: 25px !important; }
	  .p-t-25 { padding-top: 15px !important; }
	  .p-b-25 { padding-bottom: 15px !important; }

.p-8 { padding: 8px !important; }
	.p-tb-8 {
	  padding-top: 8px !important;
	  padding-bottom: 8px !important;}
	  .p-b-8{ padding-bottom: 8px !important;}
	  .p-t-8{ padding-top: 8px !important;}

.p-15 { padding: 15px !important; }
	.p-tb-15 {
	  padding-top: 15px !important;
	  padding-bottom: 15px !important; }
	  .p-b-15 { padding-bottom: 15px !important; }
	  .p-t-15 { padding-top: 15px !important; }