@charset "utf-8";
/* CSS Document */
* {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 16px;
  /*line-height: 1.6em;*/
}
html {
  scroll-behavior: smooth;
}
[id] {
  scroll-margin-top: 2ex;
}
#maincontent {
  margin-top: 0px !important;
}
/*Typography*/
h1 {
  color: #0057B8;
  font-weight: 700;
  font-size: 1.6em;
}
h2 {
  color: #0CB7E1;
  font-weight: 400;
}
h3 {
  color: #98A4AE;
  font-weight: 400;
}
h4 {
  color: #0CB7E1;
  font-weight: 400;
}
/*End Typography*/
/* Navigation*/
.navbar {
  margin-bottom: 0px;
  padding-bottom: 0px;
  border-radius: 0;
}
.navbar-inverse {
  background-color: #0057b8;
  border-color: #0057B8
}
.nav.navbar-nav li a {
  color: #cccfd1;
}
/* End Navigation*/
/* Sponsors */
.sponsors {
  -webkit-columns: 2 300px;
  -moz-columns: 2 300px;
  columns: 2 300px;
  -webkit-column-gap: 4em;
  -moz-column-gap: 4em;
  column-gap: 4em;
  -webkit-column-rule: 1px solid #0057B8;
  -moz-column-rule: 1px solid #0057B8;
  column-rule: 1px solid #0057B8;
}
.sponsorheader {
  font-weight: 700;
  color: #0057B8;
}
.sponsors li a {
  font-size: 0.9em;
}
.ams_image_left {
    max-width: 100%;
    height: auto;
    display: inline-block;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    float: left!important;
    margin-right: 10px;
}
/* End Sponsors */
/* Panels */
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px
}
.panel-info {
  border-color: #98A4AE
}
.panel-info > .panel-heading {
  color: #fff;
  background-color: #0CB7E1;
  border-color: #98A4AE
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #98A4AE
}
.panel-default > .panel-heading-custom {
  color: #fff;
  background: #98a4ae;
  border-color: #98a4ae;
}
.panel-title a {
  color: white !important;
  font-size: 14px;
}
.panel-default > .panel-heading {
  background: #98a4ae !important;
}
/* End Panels */
/* Disclosure widget DETAILS*/
details {
  font-size: 12px !important;
  margin-bottom: 15px;
}
details > summary {
  list-style-type: none;
  border-top: 1px solid #d0d4d8;
  padding-top: 5px;
}
details > summary::-webkit-details-marker {
  display: none;
}
details > summary::before {
  content: '+ ';
}
details[open] > summary::before {
  content: '- ';
}
details[open] > summary {
  margin-bottom: 0.2rem;
}
details[open] summary ~ * {
  animation: sweep .75s ease-in-out;
}
details ul li a {
  font-size: 14px;
}
details li {
  list-style-type: square !important;
  color: #98a4ae;
}
summary {
  font-size: 14px !important;
  color: #0057B8 !important;
  background: transparent;
  cursor: pointer;
}
summary > * {
  display: inline;
}
summary a {
  color: #0057B8 !important;
  background: transparent;
}
@keyframes sweep {
  0% {
    opacity: 0;
    margin-left: -10px
  }
  100% {
    opacity: 1;
    margin-left: 0px
  }
}
/* End DETAILS*/
/* Miscellaneous */
/*.more-less {
  float: right;
  color: #fff;
}
.btn-sm {
  margin-bottom: 5px;
}*/
footer {
  background-color: #f2f2f2;
  padding: 25px;
}
#jmmsearch {
  margin-right: 25px !important;
}
.form-inline {
  margin-bottom: 20px !important;
}
.imagerow {
  border-top: 1px solid #0CB7E1;
  border-bottom: 1px solid #0CB7E1;
  padding-top: 20px;
  padding-bottom: 20px;
}
.whatscoming {
  border-top: 1px solid #0CB7E1;
  padding-top: 0px;
}
.bythenumbers ul li {
  font-size: 0.8em;
  font-weight: 700;
}
.benefitstext {
  padding-top: 6px;
  padding-bottom: 0px !important;
}
/* End Miscellaneous */
/*
  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
  CSS from:       http:/codepen.io/transportedman/pen/NPWRGq
  and:            http:/stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
  Inspired from:  http:/codepen.io/Rowno/pen/Afykb 
*/
/* Carousel */
.carousel-indicators li {
  color: #0057B8;
  background-color: #0057B8;
  border: 1px double #0057B8;
}
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}
/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-fade .carousel-inner > .item.next, .carousel-fade .carousel-inner > .item.active.right {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .carousel-fade .carousel-inner > .item.prev, .carousel-fade .carousel-inner > .item.active.left {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .carousel-fade .carousel-inner > .item.next.left, .carousel-fade .carousel-inner > .item.prev.right, .carousel-fade .carousel-inner > .item.active {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}