﻿/*======================================================
** 			|     sidebar on destination list page       |  		  **
======================================================== */
.siteSearch .withindist {
	display: none;
	padding: 1px;
	margin: 5px 0;
	/*padding-left: 15px;*/
	color: #777;
}
.no-js .siteSearch .withindist {
	display: block;
}
.siteSearch .withindist input {
	border: 1px solid currentColor;
	padding: 4px 5px;
	width: 45px;
	color: inherit;
}
.siteSearch .withindist input,
.siteSearch .withindist .fm-help {
	vertical-align: middle;
	display: inline-block;
	margin: 0 3px;
}
/*.siteSearch select[multiple] {
    height: 65px;
}*/
.siteSearch.onSide fieldset {
	margin-bottom: 2rem;
	padding-bottom: 0;
}
.siteSearch.onSide fieldset:last-of-type {
	margin-bottom: 1rem;
}
.siteSearch.onSide {
	overflow: visible;
	margin-top: 2rem;
}
.siteSearch select {
	width: 100%;
}
.siteSearch input[type="text"],.siteSearch input[type="search"] {
	width: 100%;
	box-sizing: border-box;
}
#container .siteSearch input.blueButton {
	margin: 0;
}
/*======================================================
** 			|     destination listings       |  		  **
======================================================== */
.dest.list .map {
	margin: 20px 0;
}
.no-js #map-canvas {
	display: none;
}
.dest.list #map-canvas {
	width: 100%;
	height: 360px;
}
.destListings .title {
	padding-left: 33px;
}
.destListings .title + .alert {
	margin-top: 2em;
}
.destListings .title__main {
	margin-bottom: 0;
}
.destListings .listings {
	border-top: 3px solid #066580;
	padding: 18px 3px;
	position: relative;
}
.destListings .listings .line a {
	font-weight: 400;
}

/*		destination search form		*/
.destListings .destSearch {
	margin-bottom: 10px;
}
#container .destSearch.simple input,
#container .destSearch.simple select {
	border-color: #c0bdb6;
	padding: 7px 8px;
	width: 100%;
	min-height: 0;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 14px;
	color: #888;
}
.destSearch.simple select option {
	color: inherit;
}

/*		destinations		*/
.destListings .listings .item {
	border-bottom: 1px solid #066580;
	padding: 40px 30px;
}
.destListings .item:last-of-type {
	border-bottom: 0;
}
.destListings .img .imgcrop {
	width: 100%;
	height: 175px;
	overflow: hidden;
	position: relative;
}
.object-fit #container .destListings .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;/*No IE or Edge support!*/
}
html.no-object-fit .destListings .img img {/*fallback for IE/Edge*/
	width: 100%;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%);
}
.destListings .details {
	color: #066580;
}
.destListings .details .line {
	padding: 0 0 10px 28px;
	position: relative;
	min-height: 19px;
}
.destListings .details .fa {
	position: absolute;
	left: 0;
	top: 3px;
	color: #555;
}
.destListings .distance {
	display: none;
	color: #999;
}
.destListings p.distance strong {
	font-weight: bold;
	color: #6e6a6a;
}

/* "seasonal" color change if site is open or not.*/
.line.open .fa {
	color: inherit;
}
.line.seasonopen, .line.yearround {
	color: #267100;
}
.line.seasonclosed {
	color: #565656;
}


/*======================================================
** 	|    single destination details CSS       |    **
======================================================== */
.dest .panel {
	margin-bottom: 35px;
}

/*in destination details, list of dest address, phone, website, hours, email, etc.*/
.dest .info ul, .dest .info li {
	display: block;
	margin: 0;
	padding: 0;
}
.dest .info ul {
	margin-left: 2em;
}
.dest .info li {
	margin: .4em 0;
	position: relative;
}
.dest .info .fa {
	position: absolute;
	top: 4px;
	left: -20px;
	margin: 0 4px;
	color: #444;
}
.dest .info .hours {
	white-space: pre-wrap;
}

.dest.single .info .boxwidth {
	width: 22px;
	display: inline-block;
}
.dest.single .info .boxwidth.fa {
	margin: 0;
}

.dest .description,
.dest .description span {
	background: none !important;
	font-size: 14px;
	color: inherit;
}
.dest .description img[style*="left"] {
	margin-right: 10px;
}
.dest .description img[style*="right"] {
	margin-left: 10px;
}

/*destination image gallery*/
.dest.single .gallery {
	float: right;/*reverse the order!*/
}
.dest.single .gallery .owl-stage-outer {
	background: none;
}
html.object-fit .dest.single .gallery img {/*	supports object-fit!	*/
    width: 100%;
    height: 350px;
    object-fit: contain;
    object-position: center center;
}
html.no-object-fit .dest.single .gallery img {/*	does not support object-fit	*/
	max-width: 100%;
	height: auto;
}
.dest .gallery .owl-carousel {
	position: relative;
}
.dest .gallery .owl-nav {
	padding: 0;
	font-size: 0;/*Fix the white space throwing off the nav arrows*/
}

/*destination map*/
.dest.single #map-canvas {
	width: 100%;
	height: 350px;
}

/*destination local attractions*/
.heading--marg {
	margin-bottom: 1em;
}
.localAttractions .btn-link {
	background: none;
	border: 0;
	box-shadow: none;
}
.localAttractions .btn-link:hover,
.localAttractions .btn-link:focus {
	outline: none;
	text-decoration: underline;
}
.localAttractions [aria-hidden="true"] {
	display: none;
}
.googPlacesLogo {
	margin: 10px 0;
	text-align: center;
}


#container .toggleSidebar {
	display: none;
}
#destSidebar {
	display: block;
}
@media screen and (min-width: 801px) {
	.siteSearch.onSide {
		margin-left: 2rem;
	}
	.siteSearch.onSide h3 {
		margin-left: -1rem;
	}
	#destSidebar {
		display: block !important;
	}
}
@media screen and (max-width: 800px) {
	/*destination local attractions*/
	.dest .local .googPlacesLogo {
		text-align: left;
	}
	
	.dest.single #map-canvas,
	.dest.list #map-canvas {
		margin: 20px;
		float: none;
		width: auto;
	}
	
	#destSidebar {
		display: none;
		margin: 10px 0;
		padding: 10px;
		border: 2px dashed #eee;
	}
	#container .toggleSidebar {
		display: block;
		width: 100%;
		margin: 0;
	}
}
@media screen and (max-width: 600px) {
	.dest .panel {
		border-bottom: 2px solid #066580;
		margin-bottom: 0;
		padding: 15px 0;
	}
	.dest.single .gallery {
		float: none;
	}
	
	.destListings .listings .item {
		padding: 20px 15px;
	}