/* begin the book caoursel */


.hb_hero {
	padding:90px 20px;
	max-width:1920px;
	margin:0 auto;
	position:relative;
}

.hb_hero * {
	transition:none !important;
}


.hb_panel_outer_wrap {
	/* wraps carousel and makes spaces for the L&R buttons to be over */
	position:relative;
	display:flex;
	flex-flow:row nowrap;
	justify-content:space-between;
	align-items:stretch;

	max-width:1200px;
	margin-left:auto;
	margin-right:auto;

}

.hb_panel_outer_wrap>div {
	
}

.hb_panel_outer_wrap .button_space {
	/* create padding so the buttons can reside outside the slide space */
	flex:0 0 30px;
}


.hb_panel {
	/* this gets flickity */
	width:100%;
	border:1px solid rgba(0,0,0,.20);

	border-top:none;
	border-bottom:none;
}

.hb_slide_panel {
	/* this is the panel
	that contains the header text
	and the three slides. 
	there will be 3 of these, and this is
	the actual "slide"
	*/
	width:100%;
}

.hb_slide_panel h2 {
	font-size:3em;
	font-weight:300;
	color:#0e183d;
	margin:0 20px 20px 20px;
	padding:0 20px 20px 20px;
	text-align:center;
	xborder-bottom:1px solid #0e183d;
}

.hb_slide_panel h2 span {
	display:block;
	font-size:.6em;
	margin:0 0 0 0;
}

.hb_slide_group {
	/* this is the flex container for the 3 slides */
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	align-content:flex-start;
	flex-flow:row nowrap;
	width:100%;
}

.hb_roughdate {
	font-size:1.25rem;
	margin-top:10px;
	font-weight:bold;

	xbackground-color:#999;
	xcolor:white;
	color:#0e183d;
	padding:5px 10px;
}

.hb_slide {
	flex:1 1 100%;
	margin:0 1.5%;

	/* dont stretch the images to pixelation */


	display:inline-block;
	
	vertical-align:top;
	font-size:1.25em;
	font-weight:600;

	text-align:center;
}

.hb_slide img {
	height:275px;
	width:auto;
	/*
	-webkit-box-shadow: 5px 5px 9px 0px rgba(0,0,0,0.26);
	-moz-box-shadow: 5px 5px 9px 0px rgba(0,0,0,0.26);
	box-shadow: 5px 5px 9px 0px rgba(0,0,0,0.26);
	*/
	filter: drop-shadow(4px 4px 4px rgba(0,0,0,0.36));
}

.hide_slide_shadow img {
	-webkit-box-shadow:none !important;
	-moz-box-shadow:none !important;
	box-shadow:none !important;
}

/*
.hb_slide_img {
	padding-bottom:150%;

	background-size:contain;
	background-repeat: no-repeat;
}
*/

.hb_slide a {
	text-decoration:none;
	color:#0e183d;
	transition:opacity .25s;
}

.hb_slide a:hover {
	opacity:.75;
}




/* position flickity's buttons outside */
.flickity-prev-next-button.previous {
	left: -35px !important;
}

.flickity-prev-next-button.next {
	right: -35px !important;
}

/* icon color */
.flickity-button-icon {
	/* the SVG */
	fill: #3F96B4;
}

/* flip the right arrow svg - modified in the JS, btw */
.next .flickity-button-icon {
	transform: scaleX(-1);
}

/* carousel button styles */
.flickity-button {
	background-color: #e3f2fd !important;
	transition: background .5s;

	box-shadow: 3px 3px 9px 0px rgba(0,0,0,0.56);
}
.flickity-button:hover {
	background: #FFFFFF !important;
}

.flickity-prev-next-button {
	width: 50px;
	height: 100%;
	border-radius: 5px;
	border:2px solid #0e183d !important;
}




/* END HP BANNER */

/* BEGIN BANNER BACKGROUND */
.wave_container {
	margin: auto;
	overflow:hidden;

	/*
	background: linear-gradient(315deg, rgba(101,0,94,1) 3%, rgba(60,132,206,1) 38%, rgba(48,238,226,1) 68%, rgba(255,25,25,1) 98%);
	animation: gradient 15s ease infinite;
	background-size: 400% 400%;
	background-attachment: fixed;
	*/

	/*background: linear-gradient(321deg, rgba(123,188,235,1) 0%, rgba(229,244,255,1) 30%, rgba(229,244,255,1) 61%, rgba(123,188,235,1) 100%);*/

	/*background: rgb(122,193,244);
background: linear-gradient(321deg, rgba(122,193,244,1) 0%, rgba(201,220,233,1) 32%, rgba(215,234,249,1) 61%, rgba(110,191,250,1) 100%);*/

background: rgb(106,177,228);
background: linear-gradient(321deg, rgba(106,177,228,1) 0%, rgba(202,228,246,1) 32%, rgba(173,219,255,1) 61%, rgba(95,176,235,1) 100%);

	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;

	opacity:1;
}

/*
@keyframes gradient {
	0% {
		background-position: 0% 0%;
	}
	50% {
		background-position: 100% 100%;
	}
	100% {
		background-position: 0% 0%;
	}
}
*/

.wave {
	background: rgb(255,255,255,.25);
	
	border-radius: 1000% 1000% 0 0;
	position: absolute;
	width: 200%;
	height: 50%;

	animation: wave 20s -3s linear infinite;

	xtransform: translate3d(0, 0, 0);
	xopacity: 0.8;
	bottom: 0;
	left: 0;
	xz-index: -1;
	
}

.wave:nth-of-type(2) {
	bottom: -1.25em;
	animation: wave 18s linear reverse infinite;
	opacity: 0.8;
}

.wave:nth-of-type(3) {
	bottom: -2.5em;
	animation: wave 20s -1s reverse infinite;
	opacity: 0.9;
}

@keyframes wave {
	2% {
		transform: translateX(1);
	}

	25% {
		transform: translateX(-25%);
	}

	50% {
		transform: translateX(-50%);
	}

	75% {
		transform: translateX(-25%);
	}

	100% {
		transform: translateX(1);
	}
}

/* END BANNER BKG */



@media all and (max-width:750px) {
	.hb_slide_panel h2 {
		font-size:2em;
		margin:0 20px 20px 20px;
		padding:0 20px 20px 20px;
	}
}


@media all and (max-width:650px) {
	.hb_slide_group {
		/* this is the flex container for the 3 slides */
		flex-direction:column;
		
	}

	.hb_slide {
		width:100%;
		margin:10px 0;
	}

	.hb_slide img {
		width:150px !important;
		height:auto !important;
	}
}

/*
.hb_slide {
	flex:1 1 100%;
	margin:0 1.5%;

	

	display:inline-block;
	
	vertical-align:top;
	font-size:1.25em;
	font-weight:600;
	
	outline:2px solid blue;
	text-align:center;
}

.hb_slide img {
	height:275px;
	width:auto;

	-webkit-box-shadow: 5px 5px 9px 0px rgba(0,0,0,0.26);
	-moz-box-shadow: 5px 5px 9px 0px rgba(0,0,0,0.26);
	box-shadow: 5px 5px 9px 0px rgba(0,0,0,0.26);
}

*/