.detail-holder {
	border-radius: 8px;
	background: #ecf0b5;
	color: #66690c;
	margin-bottom: 25px;
}

#map-canvas {
	height: 450px;
	border-radius: 8px 0 0 8px;
}

	.detail-holder h3 {
		margin-bottom: 5px;
	}

	.detail-holder .address {
		font-weight: bold;
		color: #000;
	}

	.detail-holder .metrics {
		/*border-top: solid 1px #d8df20; 
		border-bottom: solid 1px #d8df20;*/ 
		margin-top: 10px;
		margin-bottom: 10px;
		padding-bottom: 10px;
		padding-top: 10px;
		position: relative;
	}

		.detail-holder .metrics .metric-row {
			position: relative;
			height: 20px;
			padding-left: 90px;
			padding-right: 78px;
		}

			.detail-holder .metrics .metric-row label {
				position: absolute;
				display: block;
				font-weight: normal;
				top: 0;
				left: 0;
				color: #000;
			}

	.detail-holder .metrics .walk-rating {
		margin-top: 2px;
	}

	.detail-holder .metrics .star {
		width: 15px;
		height: 14px;
		margin-right:2px;
		float: left;
		background: url(/content/images/rating-star.png) no-repeat left top;
	}

	.detail-holder .metrics .star.empty {
		background-image: url(/content/images/rating-star-empty.png);
	}

	.detail-holder .metrics .IsStaffPick {
		width: 76px;
		height: 76px;
		position: absolute;
		right: 0;
		top: 30%;
		margin-top: -38px;
		background: url(/content/images/staff-pick.png) no-repeat left top;
	}

		.detail-holder .metrics .IsS-Walk {
			width: 77px;
			height: 77px;
			position: absolute;
			right: 0;
			top: 30%;
			margin-top: -38px;
			background: url(/content/images/s-badge.png) no-repeat left top;
		}


.detail-holder .inner {
	height: 395px;
}

	.detail-holder .social-widgets {
		background: #02AEF0;
		height: 40px;
		border-radius: 0 0 8px 0;
		bottom: 0;
		right: 0;		
		padding-top: 10px;		
	}
	
.detail-holder .social-widgets .fb-like, .detail-holder .social-widgets .fb-share-button {
	margin-left: 10px;
	
	display: inline-block;
	vertical-align: middle;
	height: 20px;
}

		.detail-holder .social-widgets .fb-like {
			margin-left: 0;
		}

		.detail-holder .social-widgets .twitter {
			display: inline-block;
			vertical-align: middle;
			height: 20px;
		}

.detail-holder .social-widgets .pinterest {
	margin-left: 10px;
	margin-top: 5px;
}

.mobile-social .pinterest
{
	margin-top: 5px;
	margin-left: 5px;
}

.detail-holder .social-widgets .email {
	display: inline-block;
	height: 16px;
	width: 19px;
	margin-left: 10px;
	margin-right: 10px;
	vertical-align: middle;
	background: url(/content/images/emailIcon.png) left center no-repeat;
}

	#walk-carousel {
		background: #ecf0b5;
		padding: 15px;
		border-radius: 8px;
		z-index: 50;
	}

		#walk-carousel .item {
			margin: 4px;
			cursor: pointer;
		}

			#walk-carousel .item img {
				display: block;
				width: 100%;
				height: auto;
				border: solid 1px #c8ce28;
			}


.walk-carousel-holder {
	position: relative;
}

.walk-carousel-holder .slide-controls {	
	position: absolute;
	width: 1012px;
	height: 51px;
	margin-top: -25px;
	top: 50%;
	left: -26px;	
	z-index: 1;
}

	.walk-carousel-holder .slide-controls a {
		height: 51px;		
		width: 26px;
		display: block;
		background-position: left top;
		background-repeat: no-repeat;
		position: absolute;
		top: 0;
	}

		.walk-carousel-holder .slide-controls a.slide-next {
			right: 0;
			background-image: url(/content/images/slide-next.png);			
		}

		.walk-carousel-holder .slide-controls a.slide-prev {
			left: 0;
			background-image: url(/content/images/slide-prev.png);
		}

.walk-extra {
	margin-top: 15px;
}

.walk-extra h3 .byline {
	font-family: 'Lato', sans-serif;
	line-height: 1em;
	font-weight: normal;
	color: #666666;
	font-size: 0.65em;	
}

.walk-extra p {
	color: #666666;
	line-height: 1.5em;
	margin-bottom: 30px;
}

.walk-extra h4 {
	margin-bottom: 20px;
}

.walk-extra .walk-features {
	color: #666666;
	font-weight: bold;
}

.walk-extra .walk-features img {
	padding-right: 10px;
}

.walk-extra .walk-features {
	border-bottom: solid 1px #e5e5e5;
	padding-bottom: 30px;
}

.walk-poi {
	border-top: solid 1px #e5e5e5;
	border-bottom: solid 1px #e5e5e5;
	padding-top: 10px;
	padding-bottom: 30px;
}


@media (min-device-width: 768px) {
	
	.walk-poi .row {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		flex-wrap: wrap;
	}

	.walk-poi .row > div {
		display: flex;
		flex-direction: column;
		-webkit-flex: 1 1 33%;
		flex: 1 1 33%;
		max-width: 33%;
	}

	.walk-poi h5 {
		margin-top: 0;
	}
}

	.walk-poi p {
		line-height: 1.2em;
		margin-bottom: 10px;
		color: #666666;
	}

	.walk-poi h5 {
		font-family: 'Lato', sans-serif;
		font-weight: bold;
		margin-bottom: 5px;
	}

.walk-poi .poi-tile {
	position: relative;	
	margin-bottom: 15px;
	min-height: 80px;
}

	.walk-poi .poi-tile.hasimage {
		padding-left: 88px;
	}

	.walk-poi .poi-tile a {
		color: #02aef0;
		font-weight: bold;
	}	

	.walk-poi .poi-tile img {
		position: absolute;	
		left: 0;
		top: 0;
		width: 78px;
		height: 78px;
		border: solid 1px #c6cc1f;
		cursor: pointer;
	}

.rating-controls {
	margin-top: 10px;
	width: 400px;
	float: right;
	height: 36px;
	background: #f2f4cb;
	background: linear-gradient(to bottom, #f2f4cb, #ecf0b6);	
	border-radius: 8px;	
	font-size: 0.8em;
}

	.rating-controls .rating {
		width: 205px;
		float: right;				
		border-left: solid 1px #d4d897;
		padding-left: 14px;
	}

		.rating-controls, .rating-controls a {
			line-height: 36px;
			color: #66690c;			
		}

			.rating-controls .rating .stars {				
				overflow: hidden;
				width: 88px;
				display: inline-block;
				text-align: right;
				float: right;
				margin-right: 10px;
				margin-top: 10px;
			}

	.rating-controls .rating .star {
		width: 15px;
		height: 14px;
		margin-right:2px;
		float: left;
		background: url(/content/images/rating-star.png) no-repeat left top;
	}

		.rating-controls .rating .star:last-child {
			margin-right: 0;
		}


	.rating-controls .rating .star.empty {
		background-image: url(/content/images/walk-detail-rate-empty.png);
	}

.improper-content {
	display: inline-block;
	padding-left: 43px;
	background: url(/content/images/walk-inappropriate.png) 15px center no-repeat;
}

.infowindow {
	width: 342px;
	color: #666;
}

	.infowindow a {
		color: #02aef0;
	}

.infowindow h5 {
	color: #000;
	font-family: 'Lato', sans-serif;
	font-weight: bold;
}

	.infowindow img {
		float: left;
		margin: 0 10px 5px 0;
		border: solid 1px #c6cc1f;
		cursor: pointer;		
	}

	.detail-image-modal .modal-dialog {
		width: 672px;
	}

	.detail-image-modal .modal-dialog .modal-content {
		margin-top: 90px;
		padding: 15px;
		border-radius: 0;
		position: relative;
	}

		.detail-image-modal .modal-dialog .modal-content div {
			text-align: left;
		}

		.detail-image-modal .modal-dialog .modal-header, .detail-image-modal .modal-dialog .modal-footer { padding: 15px 0; margin: 0 20px; }
	
		.detail-image-modal .modal-dialog .modal-close {
			position: absolute;	
			top: 28px;
			right: 28px;
			display: block;			
			height: 35px;
			width: 35px;
			background: url(/content/images/closePreview.png) left top no-repeat;
				
		}

			.detail-image-modal .modal-dialog:hover .modal-close {
				background-position: 0 -40px;
			}

		.detail-image-modal .modal-dialog img {
			
		}

		.detail-map-holder {
			position: relative;
		}

.social-widgets #PrintBtn {
	color: #fff;
	text-transform: uppercase;
	height: 32px;
	line-height: 32px;
	text-align: center;
	width: 80px;
	display: block;
	float: right;
	font-family: 'Museo W01 700', serif;
	font-size: 1em;
	margin-top: -8px;
	margin-right: 10px;
	vertical-align: middle;
}

	.social-widgets #PrintBtn .icon {
		display: inline-block;
		vertical-align: middle;
		margin-left: 6px;
		padding-left: 10px;
		background-image: url(/content/images/icons/printIcon.svg);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: 21px 21px;
		margin-right: 5px;
		height: 21px;
		width: 21px;
	}

.form-modal .button-row .btn-primary {
	width: 100%;
}

.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { 
	font-size: 35px;
	top: 45%;
}

.blockUI { border-radius: 10px; }
.blockUI h1 { font-size: 16px; margin-top: 10px; }

.mobile-info-view .inner {
	margin-top: 30px;
	margin-left: 30px;
}

.additional-description {
	margin-bottom: 20px;
}

.additional-description img {
	max-width: 100%;
	max-height: 400px;
}