/*
	This file will contain stylings that applies globally to the following detail pages: events, listings, offers
*/
.gMapContainer .gMapHolder{
	height: 395px;
}
/*********  Pane Layout *********/
.shared-detail .detailSep {
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
}

/*** Tabs ***/
.shared-detail .detailPanes > .tabs {
	width: 330px;
	max-width: 100%;
	position: relative;
	z-index: 2;
}
/*.shared-detail .detailPanes > .tabs-content {
	width: 100%;
	max-width: 100%;
	padding-left: 330px;
	margin-left: -330px;
	float: right;

}*/
.shared-detail .detailPanes > .tabs dd > a {
	background: none;
}

.shared-detail .detailPanes > .tabs dd.active a {
	background: #ccc;
}


/*** Mobile ***/
@media only screen and (max-width: 641px) {
	.shared-detail .mediaGallery { width: auto; max-width: 398px; margin: 0 auto;}
	.shared-detail .detailPanes > .tabs-content { padding: 10px 0 0 0;} 
	.shared-detail .detailPanes > .tabs { width: auto; }
	.shared-detail .detailPanes > .tabs-content.vertical > .content { padding: 0; }

	.shared-detail .mobile-layout-block {
		float: none;
		margin-bottom: 20px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 0;
		padding-right: 0;
	}
} 	

.detail.content-section{}

.detail.content-section .topbar-wrapper .topbar {
	background-color: #cccccc;
}

.detail.content-section .topbar-wrapper .back {
	cursor: pointer;
}
.detail.content-section .topbar-wrapper .back .text {
	color: #000;
	font-size: 12px;
	text-transform: uppercase;
	font-family: var(--font-body-bold);
	margin-top: 10px;
	padding-bottom: 10px;
}

.detail.content-section .topbar-wrapper .back  .fa{
	position: relative;
	bottom: 0px;
	left: 0px;
	margin-right: 5px;
}


.detail.content-section .content-wrapper{}
.detail.content-section .content { position: relative; }

.detail.content-section .top-section {
	padding-bottom: 20px;
	display: inline-block;
	width: 100%;
}
.detail.content-section .top-section ul {
	list-style-type: none;
	margin: 0px;
}

.detail.content-section .top-section .header{
	width: 100%;
	text-align: center;
}
.detail.content-section .top-section .header h1.title{
	margin: 47px 0 24px;
}

.detail.content-section .top-section .left-side{
	position: relative;
	padding-left: 0px;
}

.detail.content-section .top-section .left-side .image-wrapper {
	position: relative;
	display: inline-block;
}
.detail.content-section .top-section .left-side .image-wrapper img.slide-img {
	width: 100%;
}

/* .detail.content-section .top-section .left-side .fade{
	min-height: 100px;
	width: 100%;
	position: absolute;
	bottom: 0px;
	left: 0px;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 );
} */

.detail.content-section .top-section .left-side .enlarge-wrapper {
	position: absolute;
	bottom: 10px;
	width: 100%;
	text-align: center;
	cursor: pointer;
}

.detail.content-section .top-section .left-side .has-creds + .enlarge-wrapper {
	bottom: 40px;
}


.detail.content-section .top-section .right-side{
	margin-top: 20px;
}
.detail.content-section .top-section .right-side .content{}

.detail.content-section .top-section .right-side ul.details{}
.detail.content-section .top-section .right-side ul.details li.item {
	font-size: 20px;
	line-height: 24px;
}
.shared-detail .region a{
	font-size: 30px;
	line-height: 35px;
}
.shared-detail .region {
	margin-top: 25px;
}
.detail.content-section .top-section .right-side ul.details .is-tourism-agency .info-list-label {
	display: block;
}
.detail.content-section .top-section .right-side ul.details li.item .sep {
	margin: 0px 5px;
}

.detail.content-section .top-section .right-side ul.details li.item.trip .sep {
	margin: 0px 10px;
}

.detail.content-section .top-section .right-side ul.details li.item .fa {
	color: #eb2823;
	margin-right: 5px;
	font-size: 16px;
}
.detail.content-section .top-section .right-side ul.details li.item.trip .fa {
	color: #cccccc;
}


.detail.content-section .top-section .right-side ul.details li.item.spacer {
	margin-top: 10px;
	display: inline-block;
	width: 100%;
}

.detail.content-section .top-section .right-side ul.details li.item.custom-link {
	margin-top: 20px;
}

.detail.content-section .top-section .right-side ul.details li.item.custom-link p {
	margin-bottom: 8px;
	font-size: 20px;
	line-height: 24px;
}

.detail.content-section .top-section .right-side ul.details a.detail-link, .shared-detail .region a {
	color: #000;
}


.detail.content-section .top-section .right-side ul.socail-items{
	margin-top: 25px;
}

.detail.content-section .top-section .right-side ul.socail-items a.socail-link{
	background-color: #fff;
	display: inline-block;
	box-sizing: border-box;
	border-radius: 100%;
	border: 2px solid #000; 
	margin: 0 10px 0px 0px;
}
.detail.content-section .top-section .right-side ul.socail-items li.item{
	display: inline-block;
	height: 36px;
	width: 36px;
	border-radius: 100%;
	text-align: center;
}
.detail.content-section .top-section .right-side ul.socail-items li.item.facebook{}
.detail.content-section .top-section .right-side ul.socail-items li.item.twitter{}
.detail.content-section .top-section .right-side ul.socail-items li.item.instagram{}
.detail.content-section .top-section .right-side ul.socail-items li.item .fa{
	position: relative;
	top: 8px;
	color: #000;
}

.detail.content-section .top-section span.featured {
	background: #eb2328;
    color: #FFF;
    font-size: 22px;
    font-family: var(--font-body-xbold);
    padding: 10px 16px;
    margin: 22px 16px 0 0;
    float: left;
}
.detail.content-section .top-section .pth{
    width: 100px;
    margin: 22px 16px 0 0;
    float: left;
}


.detail.content-section .bottom-section{
	width: 100%;
	display: inline-block;
	margin-top: 20px;
	padding-bottom: 50px;
}


@media only screen and (min-width: 64em) { 
	.detail.content-section .top-section .left-side {
		float: left;
	}
	.detail.content-section .top-section .right-side{
		float: right;
	}
	.detail.content-section .top-section .left-side .image-wrapper{
		max-width: 460px;
		min-width: 100%;
		min-height: 265px;
	}
	.detail.content-section .top-section .left-side .image-wrapper{
		max-width: 460px;
		min-width: 100%;
		min-height: 265px;
	}
	.qv-wrapper .detail.content-section .top-section .left-side .image-wrapper{
		min-height: auto;
	}
}

@media only screen and (max-width: 64em) { 
	.detail.content-section .top-section .header {
		padding: 0px 0.9375rem;
	}

	.detail.content-section .top-section .left-side {
		padding-left: 0.9375rem;
		text-align: center;
		float: none;
	}
	.detail.content-section .top-section .left-side .image-wrapper {
		float: none;
	}
	.detail.content-section .top-section .right-side {
		padding: 0px 0.9375rem;	
		text-align: center;
		float: none;
	}
	.detail.content-section .top-section .right-side .content {
		display: inline-block;
		text-align: left;
	}
	.detail.content-section .bottom-section {
		padding-bottom: 30px;
	}

}

@media only screen and (max-width: 40.063em) { 
	.detail.content-section .top-section {
		padding-bottom: 10px;
	}
	.detail.content-section .bottom-section {
		padding-bottom: 20px;
	}

	.detail.content-section .top-section .left-side .image-wrapper,
	.detail.content-section .top-section .left-side .image-wrapper img.slide-img {
		width: 100%;
	}

}



.detail.content-section .bottom-section{

}

.detail.content-section .bottom-section .detail-bar.active{
	
}
.detail.content-section .bottom-section .detail-bar .detail-item{
	font-family: var(--font-body-smbld);
    font-size: 20px;
    text-align: right;
    padding: 10px 20px 9px 15px;
    position: relative;
    cursor: pointer;
}
.detail.content-section .bottom-section .detail-bar .detail-item .fa-minus,
.detail.content-section .bottom-section .detail-bar.active .detail-item .fa-plus{
	display: none;
}
.detail.content-section .bottom-section .detail-bar.active .detail-item .fa-minus{
	display: inline-block;
}
.detail.content-section .bottom-section .detail-bar.active .detail-item{
	color: #FFF;
    background-color: #eb2823;
}

.image-gal {
	display: none;
}
.image-gal.row-1 {
	position: relative;
	display: block;
}
.detail-wrapper .image-gal::before {
	content: "";
	min-height: 100px;
	width: 100%;
	position: absolute;
	bottom: 0px;
	left: 0px;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 );
}
.detail-wrapper .image-gal + .cred-cont {
	display: none;
	padding-top: 10px;
}
.detail-wrapper .image-gal + .cred-cont span:first-child {
	font-weight: bold;
}
.detail-wrapper .image-gal.row-1 + .cred-cont {
	display: block;
}
.enlarge-wrapper.cnt_lightbox a{
	display: none;
}
.enlarge-wrapper.cnt_lightbox a:first-child {
	display: block;
}


.detail.content-section .bottom-section .map-action-wrapper {
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 0px;
}
.detail.content-section .bottom-section .map-action-wrapper .map-action {}
.detail.content-section .bottom-section .map-action-wrapper .map-action a {
	margin-bottom: 0;
	padding: 5px 22px 3px;
	letter-spacing: .5px;
	font-weight: bold;
}


@media only screen and (min-width: 64em) { 
	
	.tab-contents .map-wrapper{
		bottom: 0;
		width: 100%;
	}
	.detail.content-section .bottom-section .tabs-panel {
		max-width: 100%;
	}
	.detail.content-section .bottom-section .tabs-content {}
	.detail.content-section .bottom-section .tabs-content .left-side-wrapper {}
	.detail.content-section .bottom-section .tabs-content .left-side-wrapper .tabs-wrapper {
		background-color: #ccc;
	}

	.tabs-panel .tabs-content .left-side-wrapper .tabs-wrapper {
		min-height: 64vh;
		position: relative;
		width: 36.33333%;
		float: left;
		overflow: hidden;
	}
}