/* zzz_QC2020.css */

 Responsive Hero Content
   ========================================================================== */
/* This header is used in the out-of-the-box Member, Member Responsive
 * and Annual Conference sample sites */
/* Note: this is actually a static hero image and text.
 * For the Slideshow iPart styles see Carousel.
 */
.Slider.FullWidth {
  height: 24em;
  background-image: url(/images/QC2021/QC2021_header.jpg);
  background-position: center left;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative; }
    @media (max-width: 767px) {
      .Slider.FullWidth h1 {font-size: 200%; }
      .Slider.FullWidth h3 {font-size: 130%; }
    }
    @media (min-width: 768px) {
      .Slider.FullWidth h1 {font-size: 200%; }
      .Slider.FullWidth h3 {font-size: 150%; }
    }
    .no-mqs .Slider.FullWidth h1 {
      font-size: 200%; }
    .no-mqs .Slider.FullWidth h3 {
      font-size: 150%; }
  .Slider.FullWidth .SliderPage1 {
    height: 100%; }
    .Slider.FullWidth .SliderPage1 h1 {
      color: #124454;
      margin-top: 0;
      margin-bottom: 12px;
      line-height: 1.2; }
    .Slider.FullWidth .SliderPage1 h3 {
      color: #124454;
      margin-top: 0;
      margin-bottom: 20px; }
    .Slider.FullWidth .SliderPage1 p {
      color: #124454; }
    .Slider.FullWidth .SliderPage1 .SliderContent {
      /* remove the margins put on by the container */
      margin-left: -15px;
      margin-right: -15px;
      /* then add it back on */
      padding: 15px;
      /* Fallback for IE8, which doesn't support rgba */
      background-color: #E5EAF2;
      background-color: rgba(255, 255, 255, 0.8);
      width: 100%;
      position: absolute;
      bottom: 0;
      max-height: 100%;
      overflow: auto; }
      @media (min-width: 768px) {
        .Slider.FullWidth .SliderPage1 .SliderContent {
          position: inherit;
          float: right;
          width: 35em;
          margin-right: 10em;
	  margin-top: 2em;
          max-height: 22em; } }
      .no-mqs .Slider.FullWidth .SliderPage1 .SliderContent {
        position: inherit;
          float: right;
          width: 35em;
          margin-right: 10em;
	  margin-top: 2em;
          max-height: 22em; }
    .Slider.FullWidth .SliderPage1 .SliderText {
      overflow-y: auto;
      line-height: 1.2em;
      color: #124454; }
      .Slider.FullWidth .SliderPage1 .SliderText h2, .Slider.FullWidth .SliderPage1 .SliderText h3, .Slider.FullWidth .SliderPage1 .SliderText h4, .Slider.FullWidth .SliderPage1 .SliderText h5 {
        color: inherit; }
    .Slider.FullWidth .SliderPage1 p:last-child {
      margin-bottom: 0; }
    .Slider.FullWidth .SliderPage1 .ActionButton {
      margin-top: 1em;
      text-align: right; }

#more {display: none;}