/* responsive-slideshow.css */

    .slideshow {
      overflow:hidden;
    }
    .slideshow nav {position:absolute; z-index:100; top:50%}
    .slideshow .slide-nav {bottom:auto; height:auto;}
    .slideshow .slide-nav a {display:block; height:1em; width: 1em;}
    .slideshow .slide-nav a.active {}
    
    .slideshow .slide-nav li,
    .slideshow .slide-nav li:first-child {
      display:block;
      margin: 0 1em 0.25em;
    }
    .slideshow .navbtncontainer {
      bottom: auto;
     /* height: 0;*/
      left: 0;
      right: 0;
      margin: 0 auto;
      /*padding-bottom: 2.5%;*/
      position: absolute;
      text-align: center;
      top: 0;
      width: 10%;
    }
    .slideshow .navbtncontainer.next {
      left: 0;
      right: 0;
      bottom:0;
      top:auto;
    }
    .slideshow .navbtn {
      bottom: auto;
      padding:0;
      height: 100%;
    }
    .slideshow .navbtn span {
      line-height: 0;
    }
    .slideshow .snappish-main {
      position: relative;
    }
	
	.slideshow span.navbtncontainer.next.col.col1,
    .slideshow .snappish-main.active ~ .navbtncontainer {
      display:inline;
    }   
	.snappish-main img.bg{
      position:absolute !important;
	  /*height: 100%;*/
    }
	
	.snappish-main section p{
		display:none;
      margin:0 !important;
	  padding:0 !important;
    }
	.slideshow .navbtn span {
		line-height: 0 !important;
	}




/* Snappish Default Styles Start */

.snappish-wrapper {
  float: left;
  z-index: 10;
  overflow: hidden; }

.snappish-main {
  width: 100%;
  z-index: 9;

  }
.snappish-slide {
  width: 100%;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}



@media (min-width: 48em) {

	.slideshow .navbtncontainer {
		width: 5% !important;
	}
  
}










		.slideshow {
			overflow:hidden;
			font-size: 2.9vw;
			
		}
		.slideshow .nullCaption {
			display: none;
		}
		
		.slider .col {
			left: 0em;
		}
		.slideshow .heroText {
			background-color:rgba(255,255,255,0.9);
			margin: 0;
			bottom: 0;
			/*padding: 0.4em 1.25em 1.25em 1.25em;*/
			padding: 1em 1.25em 3em 1.25em;
			position: absolute;
			width:100%;
			display:block;
		}
		.slideshow .invert.heroText {
			background-color:rgba(0,0,0,0.75);
		}
		.slideshow .heroText p{
			margin-bottom: 0.75em !important;
			font-size: 1.15em;
			display:inline !important;
		}
		.slideshow .heroText .btn {
			margin: 0;
    		padding: 0.5em 0 0 0;
			min-width:0;
			text-align: left;
			display: inline; 
			color: #336699;
		} 
		.slideshow .heroText .btn:before { 
			content: ""; 
			display: block; 
		}
		.module .slideshow .heroText a.btn {
		 	vertical-align: middle;
		}
		.module .slideshow .invert.heroText a.btn {
			color: #88abd5;
		}
		/*.module .slideshow .invert.heroText a.btn:hover, .module .slideshow .invert.heroText a.btn:focus  {
			text-decoration: underline;
		}*/
		.module .slideshow .heroText a.btn:hover, .module .slideshow .heroText a.btn:focus  {
			text-decoration: underline;
			color: #336699;
		}
		.slideshow .heroText h3 {
			color: #333 !important;
			/*line-height: 1.15em;
			margin: 0.2em 0 0.5em;
			font-size: 1.75em;*/
			margin: 0.2em 0 0.5em;
			font-size: 1.15em;
			display:inline !important;
		}
		.slideshow .heroText h3:after {
			content:":  ";
		}
		.slideshow .invert.heroText h3 {
			color: #fff !important;
		}
		.slideshow .invert.heroText{
			border-top: 5px solid #88abd5 /*#4e8abe*/;
		}
		.slideshow .invert.heroText p{
			color: #fff;
			margin-bottom: 0.4em !important;
			font-family:Amplitude-Light;
		}
		.slideshow nav {position:absolute; z-index:100; top:25%}
		.slideshow .slide-nav {bottom:auto; height:auto;display:none}
		.slideshow .slide-nav a {display:block; height:1em; width: 1em;}
		.slideshow .slide-nav a.active {}
		.slideshow .slide-nav li,
		.slideshow .slide-nav li:first-child {
			display:block;
			margin: 0 1em 0.25em;
		}
/*		.slideshow .navbtncontainer {
			bottom: auto;
			height: 0;
			left: 0;
			right: 0;
			margin: 0 auto;
			padding-bottom: 2.5%;
			position: absolute;
			text-align: center;
			top: 0;
			width: 5%;
		}*/
		.slideshow .navbtncontainer.next {
			left: 0;
			right: 0;
			bottom:0;
			top:auto;
		}
		.slideshow .navbtn {
			bottom: auto;
			padding:0;
			height: 100%;
		}
		.slideshow .navbtn span {
			line-height: 0;
		}
		.slideshow .snappish-main {
			position: relative;
		}
		.slideshow .snappish-main.active ~ .navbtncontainer {
			/*display:none !important;*/
		}	
		.feature .slideshow  .bg {
			border-top: 0px;
		}
		
		div.slider.slideshow span.navbtncontainer.prev.col.col1 a.navbtn {
			font-size: 0em;
		}

.slideshow .heroTextSSContainer { 	 /*  	ADD THIS CSS RULE 	 		*/ 
	width: 100%; 
	position: absolute; 
	bottom:0em;
	max-height: 12em;
	align-items: center;
    display: flex;
}

		
		@media (min-width:36em) {
			.slideshow {
				font-size: 2.25vw;
			}
			.slideshow .heroText {
				margin: 0.25em 2em 3em 2em;
				/*padding: 0.75em 1.5em 2em 1.5em;*/
				padding: 0.75em 1.5em 2em 1.5em;
				position:relative;
				display: block;
			/*  width:auto;  */
			}
		}
		@media (min-width:48em) {
			.slideshow {
				font-size: 1.7vw;
			}
			.slideshow .heroText {
				margin: 1.5em 3em 2.5em 3em;
				/*padding: 0.5em 1.5em 1.5em 1.5em;*/
				padding: 1.25em 1.5em 1.5em 1.5em;
				display: block;
			}
			.slideshow .slide-nav {display:block;}
			.slideshow nav { top:50%;} 
		}
		@media (min-width:56em) {
			.slideshow {
				font-size: 1.55vw;
			}
		}
		
		@media (min-width:62em) {
			.slideshow {
				font-size: 1em;
			}
		}
