/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 .wm-rezdy-schedule{

display: flex;

flex-direction: column;
}
 .wm-rezdy-schedule section:nth-of-type(2n+1){
	 background-color: #eee;
 }
section.tour-details{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
	padding: 10px 20px;
	padding: 15px 20px;
	border: solid 1px #c7c7c7;
	border-width: 0px 1px 1px 1px;
	background-color: #fff;
	opacity: 1;
	transition-duration: 0.5s;
}
.tour-spacer{
	width: 100%;
	border-top: solid 1px #c7c7c7;
}

.tour-details .tour-date{
	flex: 1 auto;
	order: 1;
	background-color: #bdbdbd;
	padding: 10px;
	align-items: center;
	display: flex;
	justify-content: center;
	line-height: initial;
	font-size: 16px;
	flex-basis: 100%;
}

.tour-details .tour-description{
	flex: 100%;
	order: 0;
	padding-top: 10px;
	font-size: 14px;
}
.tour-description p{
	margin: 0;
}
.tour-links{
	display: flex;
}

.tour-details .tour-availability{
	flex: 1 auto;
	order: 2;
	/* padding: 0 10px; */
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	flex-basis: 100%;
	margin-top: 10px;
}

.tour-details h1{
	display: flex;
	font-weight: 600;
	font-size: 16px;
	margin: 0;
}

.tour-details h1 i{
	
margin-left: 8px;
	
font-size: 0.8em;
}

#wm-rezdy-schedule > div:nth-of-type(2){
	border-top: none;
}
.tour-year{
	padding: 0 20px;
	font-size: 18px;
	border-bottom: solid 1px #c7c7c7;
	/* display: none; */
}
.tour-availability a{
	flex: 1;
}
.tour-availability a i{
	margin-right: 0px!important;
}
.tour-price, .request-itinerary{
	padding: 10px 0px;
	font-weight: 400;
	font-size: 14px;
	flex-grow: 1;
}
.request-itinerary i{
	margin-right: 5px;
	font-size: 1.2em;
}
#load-more{
	align-self: center;
	margin: 20px 0px;
	display: none;
}
section.hide-product, div.hide-product{
	display: none;
	transform: translate3d(0px, 60px, 0px);
	opacity: 0;
}
.rezdy-btn-row{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0px 20px;
}
.rezdy-btn-row a i{
	margin: 0px!important;
}
.fallback-btn{
	margin-bottom: 20px!important;
}
.results-message{
	text-align: center;
	padding-bottom: 20px;
}



@media screen and (min-width: 768px){
	.tour-details{
		align-items: center;
	}

 	.tour-details .tour-date{
 		flex: 2 1;
 		order: 1;
 		font-size: 14px;
 	}

 	.tour-details .tour-description{
		flex: 10 1;
    order: 2;
    padding: 0 20px 0 30px;
	}

	.tour-details .tour-availability{
		flex: 2 1;
		order: 3;
		padding: 0;
	 }

	.tour-details .tour-date .tour-availability{
		display: none;
	}
	.tour-availability a{
	}
	.tour-availability a.button-icon{
		/* max-width: 120px!important; */
	}
	.tour-price, .request-itinerary{
		padding: 5px 20px 5px 0px;
		font-size: 14px;
		flex: 0 auto;
		min-width: 115px;
	}
}