/* HOME PAGE */

/* Home Featured */

/* override default bxwrapper styles */
.bx-wrapper {
margin-bottom: 0;
}

.bx-wrapper .bx-viewport {
box-shadow: none;
border: none;
left: 0;
}

.bx-wrapper img {
max-width: none;
}


.featured-row {padding-bottom:0; margin-bottom:1.5em; }

.featured-row .col { padding:0;margin-top:0; margin-bottom:0; overflow:hidden; position: relative; }
 
.featured { height:auto; }

.featured div { box-sizing: content-box; }

.i-photo-area { height: 500px; }



.photo-slide, .featured a
{ height: 100%; }

.featured a {overflow:hidden; display:block; width: 100%;}

.featured img {
	display:block;
	width: 100%;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.photo-slide {
position: relative;
height: 100%;
}

.slide-caption
{
	position: absolute;
	bottom: 0em;
	left: 0em;
	color: white;
	padding: 0 1em;
	font-size: 150%;
	font-weight: 200;
	width: 100%;
	background: url(../images/swoosh.png) no-repeat bottom right;
}

.slide-caption .name {
	color: #fff;
	font-size:180%; margin-bottom:0.1em;
	font-weight:200;
}

/* home blocks */

.welcomehome {
	box-sizing:border-box;
	padding:30px;
}

.welcomehome h1 {
	font-size:160%;
}

#home .home-map, #home .home-quicksearch {
	padding:0;
}

#home .quicksearch {
margin:0;
}

#home .col .quicksearch form select {display:block; margin-bottom:.6em; font-size:90%;}




#home .i-box-map, #home .welcomehome{
	min-height:370px;
	border-radius:10px;
}




/* allow formstone selector options to appear outside parent div */
.row.secondary, .row.secondary .col {
overflow: visible;
}
/* clearfix */
.row.secondary:after {
  content: "";
  display: table;
  clear: both;
}

/* ###################### */

.latest {padding-top:1em; background-color:rgba(255, 127, 0, 0.1)}
.latest, .latest h2 {color: rgba(0, 67, 145,1);}

.latest .cols3 {
	box-sizing:border-box;
	padding:10px;
	background-color: rgba(48, 160, 255, 0.3);
	border-radius:10px;
}

.latest .mask { height: 210px; overflow: hidden; font-size: inherit; margin-bottom:1em; }
.latest .mask a { display: block; height: 100%; }
.latest .mask img.landscape.tooShort{ height: 100%; width: auto; }

.latest .action { margin:0; }




@media screen and (max-width : 800px){
	.i-photo-area { height: 330px; }

	.latest .cols3 {
		margin-bottom:1em;
	}
}


@media screen and (min-width:680px) and (max-width : 800px)
{
	@supports(display: flex)
	{
		.row.secondary > .col {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-around;
		}
	
		.welcomehome {
			order:1;
		}
	
		.home-quicksearch{
			order:2;
		}
	
		.home-map {
			order:3;
			width: 100%;
		}
	
		.welcomehome, .home-quicksearch {
			width: 48%;
			margin: 0 0 1em 0;
		}
	
		.quicksearch {
			height: 100%;
		}
	
		#home .i-box-map {
			min-height: 0;
			height: 250px;
		}
	}
}

@media screen and (max-width : 680px){
	#home .welcomehome {
	min-height: 0;
	}
	
	.welcomehome, .home-map {
		margin-bottom: 1em;
	}

}


@media screen and (max-width:420px){
/* 
	at smaller sizes show the full height of the photo
	and translate it so it is centered both horizontally and vertically
 */
	.featured img {
		height:100%;
		width:auto;
		margin: auto;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
	}

}