/* zzCustom.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/SQA2022_Header.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative; }
  .Slider.FullWidth h1 {
    font-size: 270%; }
    @media (min-width: 768px) {
      .Slider.FullWidth h1 {
        font-size: 270%; } 
      .Slider.FullWidth p {
        font-size: 130%; } }
    .no-mqs .Slider.FullWidth h1 {
        font-size: 270%; }
      .Slider.FullWidth p {
        font-size: 130%; } 
  .Slider.FullWidth .SliderPage1 {
    height: 100%; }
    .Slider.FullWidth .SliderPage1 h1 {
      color: #fff;
      margin-top: 0;
      margin-bottom: 20px;
      line-height: 1.2em; }
    .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: #28223e;
      background-color: rgba(40, 34, 62, 0.5);
      width: 100%;
      position: absolute;
      bottom: 0;
      max-height: 100%;
      overflow: auto; }
      @media (min-width: 768px) {
        .Slider.FullWidth .SliderPage1 .SliderContent {
          position: inherit;
          float: right;
          width: 36em;
          margin-right: 4em;
		  margin-top: 4em; 
          max-height: 30em;} }
      .no-mqs .Slider.FullWidth .SliderPage1 .SliderContent {
        position: inherit;
        float: left;
        width: 36em;
        margin-left: 2em;
		margin-top: 4em;
        max-height: 30em; }
    .Slider.FullWidth .SliderPage1 .SliderText {
      line-height: 1.5em;
      color: #fff; }
      .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; }