/*
	This file will contain stylings that applies globally to the following detail pages: events, listings, offers
*/

.detail-header {
	background-image: url(/includes/public/assets/shared/detail_header.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    height: 335px;
    opacity: 0.65;
    position: relative;
}

.detail-header .inner{
	display: block;
	max-width: 1110px;
	width: 100%;
	margin: 0 auto;
	padding: 0 15px;
	padding-top: 45px;
}
.detail-header::before {
	content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70%;
    background: linear-gradient(0deg, rgba(0,0,0,0.85) 0%, rgba(255,255,255,0) 100%);
    pointer-events: none;
    transition: 300ms ease-in-out;
    opacity: 1;

}
.shared-detail{
	margin-top: -263px;
	padding: 0 20px;
}

.shared-detail .detailTop {
	margin: 0 auto;
	max-width: 640px;
}

.detail-header .shared-back-button{
	color: #FFF;
    font-family: "Playfair-Display", serif;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.96px;
    text-transform: uppercase;
}
.detail-header .shared-back-button i{
	font-size: 20px;
	margin-right: 5px;
	position: relative;
	top: 1px;
}
.detail-header .share-buttons i{
	margin-right: 5px;
}
.detail-header .share{display: none;}

@media (min-width: 64em) {
	.detail-header {
	    height: 207px;
	}
	.shared-detail {
	    margin-top: -131px;
	}
	.shared-detail .detailTop {
		max-width: 1110px;
	}
}

@media (min-width: 1330px) {
	.shared-detail .header-background {
		height: 75px;
		width: 100%;
		margin-top: -20px;
		background-color: #6f7273;
	}
}

/*- - - - - - - - - - - - - - - - - - - - */



/*** detail slick gallery ***/

.shared-detail .mediaGallery .detail-gallery {
	position: relative;
	margin-bottom: 13px;
	overflow: hidden;
}

.shared-detail .mediaGallery .detail-gallery .gallery-count{
	right: 0;
	bottom: 0;
	padding: 2.5px 15px 2.5px 15px;
	position: absolute;
	color: #000;
	font-family: "Karla", sans-serif;
	font-weight: 600;
	letter-spacing: 1.44px;
	text-transform: uppercase;
	line-height: 25px;
	background-color: rgba(235, 235, 235, 0.9)
}

.shared-detail .mediaGallery .detail-gallery .gallery-count span{
	z-index: 2;
	position: relative;
}


/*I N F O  -  S E C T I O N*/
.shared-detail .detailInfo {
}

.shared-detail .detailInfo .info,
.shared-detail .bottom-cont .info-item{
	margin-bottom: 20px;
	font-family: "Karla", sans-serif;
	font-size: 15px;
	line-height: 25px;
	color: #353533;
}
.shared-detail .bottom-cont .info-item{
    max-width: 631px;
    margin-bottom: 10px;
}

.shared-detail .detailInfo .info h4,
.shared-detail .bottom-cont .info-item .info-label{
	font-family: "Playfair-Display", serif;
	font-size: 20px;
	line-height: 1em;
	color: #353533;
}

.shared-detail .detailInfo .inner {
    display: flex;
    flex-direction: column;
}
.shared-detail .detailTop .top-cont .detailGallery .gallery-item{
	position: relative;
	margin-bottom: 0;
}
.shared-detail .detailTop .top-cont .detailGallery .gallery-item a > div {
	display: none;
}

.shared-detail .detailTop .top-cont .detailGallery .gallery-item .gallery-img{
    width: 100%;
}

.shared-detail .detailTop .top-cont .top-right{
	margin-bottom: 40px;
	position: relative;
}

.shared-detail .detailTop .top-cont .top-right::after{
	content: "";
    position: absolute;
    right: 0;
    top: 120px;
    width: 100px;
    height: 72px;
    background-image: url(/includes/public/assets/shared/birds_detail.png);
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
}

@media(min-width: 375px) {
	.shared-detail .detailTop .top-cont .top-right::after{
		right: 0;
		top: 90px;
		width: calc(135px + (200 - 135) * ((100vw - 375px) / (1024 - 375)));
		height: 130px;
	}
}

@media(min-width: 64em) {
	.shared-detail .mediaGallery .detail-gallery {
		margin-bottom: 41px;
	}
	.shared-detail .detailInfo {
		margin-top: 0;
		padding: 0;
		max-width: 631px;
	}

	.shared-detail .detailInfo .info,
	.shared-detail .bottom-cont .info-item {
		font-size: 20px;
		line-height: 30px;
		margin-bottom: 25px;
		width: 43%;
	}
	.shared-detail .bottom-cont .info-item{
		margin-bottom: 10px;
	}
	.shared-detail .detailInfo .detail-social {
		width: 57%;
	}

	.shared-detail .detailInfo .inner {
	    align-items: center;
	    flex-direction: row;
	}

	.shared-detail .detailTop {
		margin-bottom: 45px;
	}

	.shared-detail .detailTop .top-cont {
		display: flex;
		width: 100%;
	}

	.shared-detail .detailTop .top-cont .top-right{
		margin-top: 131px;
		margin-left: 65px;
		padding-top: 42px;
		max-width: 37%;
	}

	.shared-detail .detailTop .top-cont .top-right::after{
		top: 180px;
		right: -20px;
		width: 200px;
		height: 130px;
	}
	.shared-detail .detailTop .top-cont .detailGallery .gallery-item a > div {
		height: 100%;
	    width: 100%;
	    background-size: cover;
	    display: block;
	}
	.shared-detail .detailTop .top-cont .detailGallery .gallery-item .gallery-img{
        display: none;
    }

	.shared-detail .detailTop .top-cont .detailGallery .gallery-item .open-gallery{
		left: 58px;
	}

	.shared-detail .detailTop .top-cont .detailGallery .gallery-item .open-gallery i{
		font-size: 19px;
		margin-right: 2px;
	}
}
@media(min-width: 1300px) {
	.shared-detail .detailTop .top-cont .top-right::after {
		right: -100px;
	}
}

.shared-detail .top-cont .top-right .featured{
	font-family: 'BornReady', sans-serif;
	font-size: 20px;
	color: #670031;
	letter-spacing: 0.8px;
	margin: 0;
}

.shared-detail .top-cont .top-right h1 {
	font-family: 'Playfair-Display', serif;
	font-style: normal;
	margin-bottom: 30px;
	color: #353533;
    font-weight: bold;
    font-size: 40px;
    line-height: 1.1em;
}

.shared-detail .top-cont .top-right .visit-website{
	display: inline-block;
    font-family: 'Playfair-Display', serif;
    color: #353533;
    font-size: 15px;
    position: relative;
    transition: 300ms ease-in-out;
    font-weight: 800;
    margin-left: 35px;
}

.shared-detail .top-cont .top-right .visit-website::after {
	content: "";
    background-image: url(/includes/public/assets/shared/2_across_view_all_bg.png);
    width: 175px;
    height: 37px;
    position: absolute;
    pointer-events: none;
    right: 50%;
    bottom: -4px;
    transform: translateX(50%);
    z-index: -1;
    background-size: contain;
    background-repeat: no-repeat;
    transition: 300ms ease-in-out;
}


@media (min-width: 64em) {

	.shared-detail .top-cont .top-right .featured{
		font-size: 25px;
		letter-spacing: 1px;
	}
	
	.shared-detail .top-cont .top-right .visit-website{
	    font-size: 20px;
	    margin-left: 40px;
	}

	.shared-detail .top-cont .top-right .visit-website::after {
	    width: 236px;
	    height: 45px;
	}
	
}

.shared-detail .detailInfo p.info-text,
.shared-detail .detailInfo .info-list .printPage,
.shared-detail ul.info-list li[data-name="redeemable"],
.shared-detail ul.info-list li.location
{
	color: #303032;
	font-family: 'Karla', sans-serif;
	font-size: 18px;
	line-height: 28px;
	font-weight: 400;
	margin-bottom: 0;
	letter-spacing: 0.27px;
}
.shared-detail ul.info-list li { 
    font-size: 20px;
}
.shared-detail ul.info-list li.location span.title{
	font-weight: 600;
}
.shared-detail .detailInfo .info-list .print{
	display: none;
}

.shared-detail .detailInfo p.info-text{
	margin-bottom: 5px;
}

.shared-detail .detailInfo p.info-text a,
.shared-detail ul.info-list li.location a{
	color: inherit;
	font-weight: inherit;
}
.shared-detail .detailInfo p.info-text a:hover,
.shared-detail ul.info-list li.location a:hover{
	text-decoration: underline;	 
}
.shared-detail .detailInfo p.info-text span{
	font-weight: 600;
}

.shared-detail .detailInfo p.info-text i,
.shared-detail .detailInfo .info-list .printPage i{
	margin-right: 12px;
    color: #126883;
    font-size: 20px;
    width: 20px;
    text-align: center;
}

@media (min-width: 641px) {
	.shared-detail .detailInfo .info-list .print{
		display: block;
	}
}

@media(min-width: 1025px) {

	.shared-detail .detailInfo p.info-text,
	.shared-detail .detailInfo .info-list .printPage,
	.shared-detail ul.info-list li[data-name="redeemable"],
	.shared-detail ul.info-list li.location {
		font-size: 20px;
	    line-height: 1em;
	    padding: 6px 0;
	}
	
	.shared-detail .detailInfo p.info-text{
		margin-bottom: 0;
	}

}

.shared-detail li[data-name="social"] .info-list-value {
	display: flex;
}

.shared-detail .info-list-value a {
	color: #fff;
	font-weight: normal;
	font-size: 20px;
	width: 100%;
    height: 100%;
    display: block;
}

.shared-detail .detailInfo .label {
	color: #333;
}

.shared-detail .info-list {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
	list-style-type: none;
	font-size: 25px;
	margin-left: 0;
}

.shared-detail ul.info-list .featured { margin-bottom: 10px; }

.shared-detail ul.info-list li:not(:first-child),
.shared-detail ul.info-list li[data-name="social"] .info-list-value > a:not(:first-child)
{
	margin-left: 20px;
}
.shared-detail ul.info-list li a {
	display: inline-block;
	color: #303032;
    font-size: 18px;
    line-height: 1.5em;
}
.shared-detail ul.info-list li a.email{
		font-size: 24px;
	}
.shared-detail ul.info-list li[data-name="social"] a{ 
	font-size: 26px;
}
.shared-detail ul.info-list li a.share-button {
	font-family: "Playfair-Display", serif;
}

.shared-detail ul.info-list li a.share-button{
	font-size: 14px;
}
.shared-detail ul.info-list li a.share-button i{
	font-size: 16px;
}
.shared-detail ul.info-list li .info-list-label {
    font-weight: 600;
}
.shared-detail ul.info-list li[data-name="redeemable"] .info-list-label{
	font-weight: 600;
}

.shared-detail ul.info-list li.phone { }
.shared-detail ul.info-list .ratings-back {
	width: 110px;
	height: 21px;
	line-height: 0;
	text-indent: -999em;
	background: url("/includes/public/assets/shared/rating_sprite.png") repeat-x;
	overflow: hidden;
}
.shared-detail ul.info-list .ratings-front {
	display:block;
	float: left;
	height: 21px;
	background: url("/includes/public/assets/shared/rating_sprite.png") repeat-x;
	background-position: 0 100%;
}
.shared-detail ul.info-list .review-count {
	font-size: 14px;
}

/* hax to get rid of the spaces caused by a comma separated list */
.shared-detail ul.info-list li[data-value-template="list_of_link_or_label"] .item a { margin-right: -5px; }


@media(min-width: 64em) {

	.shared-detail .info-list {
		margin-bottom: 0;
		justify-content: flex-end;
		align-items: center;
	}

	.shared-detail ul.info-list li:not(:first-child),
	.shared-detail ul.info-list li[data-name="social"] .info-list-value > a:not(:first-child)
	{
		margin-left: 25px;
	}

	.shared-detail ul.info-list li a.email{
		font-size: 28px;
	}

	.shared-detail ul.info-list li[data-name="social"] a{ 
		color: #303032;
	    font-size: 30px;
	    line-height: 1.5em;
	}
	.shared-detail ul.info-list li a.share-button{
		font-size: 18px;
	}

	.shared-detail ul.info-list li a.share-button i {
		font-size: 20px;
		margin-right: 4px;
	}
}

.shared-detail .highlights {
	margin-bottom: 10px;
	padding: 5px 10px;
	background-color: #ececec;
}
.shared-detail .highlights h3 {
	font-weight: bold;
	color: #b95915;
}
.shared-detail .highlights ul { margin-bottom: 3px; }

.shared-detail.listing-detail .eventsContainer .markerLink { display: none; }
.shared-detail.listing-detail .eventsContainer .shared-action-items .mapit { display: none; } /* "Map It" link on event item */
.shared-detail.coupons .listingContainer .shared-action-items .mapit { display: none; } /* "Map It" link on listing item */
.shared-detail.coupons .listingContainer .markerLink { display: none; } /* pin icon overlayed on listing item image */

/*** items inside details ***/

.shared-detail .inner-items-ul {
	max-width: 680px;
}

/* begin: Map Tabs */
.shared-detail ul.mapTabs { margin: 0 0 5px 0; color: #e86000; }
.shared-detail ul.mapTabs li { display: inline-block; }
.shared-detail ul.mapTabs li { margin-right: 10px; font-size: 15px;}
.shared-detail ul.mapTabs li:last-child { margin-right: 0;}
.shared-detail ul.mapTabs li a {
	font-size: inherit;
	height: 32px;
	margin: 0;
	color: #009fc3;
}
.shared-detail ul.mapTabs li a:hover { text-decoration: none; }
.shared-detail ul.mapTabs li a.active {
	cursor: default;
	color: #333;
}
/* end: Map Tabs */


/*********  Pane Layout *********/

/************* T A B S ***************/

@media (min-width: 40.063em) {
	.shared-detail .detailPanes {
		max-width: 1110px;
		display: flex;
		margin: auto;
	}
}

.shared-detail .detailPanes > .tabs-list {
	width: 100%;
	max-width: 100%;
	position: relative;
	z-index: 2;
	cursor: pointer;
	display: none;
}

.shared-detail .detailPanes > .tabs-content-container > .content {
	display: block;
}

.shared-detail .detailPanes > .tabs-content-container > .content > .inner-content{
	padding: 20px 0px;
	display: none;
}

.shared-detail .detailPanes > .tabs-content-container > .content.active > .inner-content{
	display: block;
}
.shared-detail .detail-cont {
	position: relative;
    margin: 0 -20px 56px -20px;
    padding: 0 20px;
}
.shared-detail .detail-cont:before {
    content: '';
    background-image: url(/includes/public/assets/shared/mobile_background.png);
    position: absolute;
    top: 0;
    height: 100%;
    left: 0;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}
.shared-detail .detail-cont .tabs-content-container:before {
    content: none;
}
@media(min-width: 64em) {
	.shared-detail .detail-cont .tabs-content-container:before {
		content: '';
		background-image: url(/includes/public/assets/shared/mobile_background.png);
		position: absolute;
		top: 0;
		height: 100%;
		left: 0;
		width: 100%;
		background-repeat: no-repeat;
		background-size: contain;
		z-index: -1;
	}
	.shared-detail .detail-cont:before {
		content: none;
	}
	.shared-detail .detailPanes button.expandableButton {
		font-size: 20px;
	}
	.shared-detail .detail-cont {
		position: relative;
		min-height: 500px;
		margin:0px;
		padding:0px;
	}
	.shared-detail .detail-cont .background{
		background-color: transparent;
	    background-image: url(/includes/public/assets/shared/detail_bg.png);
	    background-repeat: no-repeat;
	    background-size: cover;
	    position: absolute;
	    width: 77%;
	    height: calc(100% + 115px);
	    min-height: 500px;
	    right: -15px;
	    top: -115px;
	}
	.shared-detail .detailPanes > .tabs-list {
		display: block;
	}

	.shared-detail .detailPanes > .tabs-content-container > .content {
		display: none;
	}

	.shared-detail .detailPanes > .tabs-content-container > .content.active {
		display: block;
	}

}

.shared-detail .detailPanes > .tabs-content-container{
    display: block;
    position: relative;
    width: 100%;
}

/* Virtual Tour */
.shared-detail .detailPanes .virtualTour-cont iframe {
	width: 100%;
	height: 500px;
}

@media (max-width: 640px) {
	.shared-detail .detailPanes .virtualTour-cont iframe {
		height: 380px;
	}
}

/*D E S C R I P T I O N - O V E R V I E W*/

@media (min-width: 64em) {
	.shared-detail .detailPanes > .tabs-content-container #tab-details .description{
	    line-height: 28px;
	    font-size: 20px;
	}
}
/*- - - - - - - - - - - - - - - - - - - - - */

/* M A P - T A B*/
.shared-detail .gMapContainer .gMapHolder { 
	height: 500px; 
}
/*- - - - - - - - - - - - - - - - - - - - - */


@media(min-width: 64em) {
	.shared-detail .detailPanes .tabs-list {
		flex-basis: 180px;
	}

	.shared-detail .detailPanes .tabs-list span i {
		font-size: 20px;
		margin-right: 5px;
	}

	.shared-detail .detailPanes > .tabs-content-container {
		width: 100%;
	    max-width: 100%;
	    padding: 59px 20px 40px 150px;
	}

	.shared-detail .detailPanes > .tabs-content-container {
		display: block;
	}

	.shared-detail .detailPanes > .tabs-content-container .detail-tab {
		display: none;
	}

	.shared-detail .detailPanes > .tabs-content-container .detail-tab.active {
		display: block;
	}

	.shared-detail .tab .detail-tab.mobile .tab-content,
	.shared-detail .tab.active .detail-tab.mobile .tab-content {
		display: none;
	}

	.shared-detail .detail-tab.mobile:last-child {
		border-bottom: none;
	}
}

.shared-detail .detailPanes .tabs-list .inner-tab {
	display: flex;
	justify-content: space-between;
	align-content: center;
	background-color: #011e41;
	padding: 15px 10px;
}

@media(min-width: 641px) {
	.shared-detail .detailPanes .tabs-list .inner-tab {
		border-bottom: 1px solid #fff;
		padding: 22.5px;
	}
}

.shared-detail .detailPanes .tabs-list .tab.active .inner-tab {
	background-color: #007483;
}

.shared-detail .detailPanes .tab-toggle {
	padding: 0 15px;
}

.shared-detail .detailPanes .tab-toggle i {
	color: #fff;
	position: relative;
	top: 5px;
}

@media(min-width: 641px) {
	.shared-detail .detailPanes .tab-toggle {
		padding: 0;
	}

	.shared-detail .detailPanes .tab-toggle i {
		top: 15px
	}
}

.shared-detail .detailPanes .tab-toggle .fa-plus {
	display: block;
}

.shared-detail .detailPanes .tab-toggle .fa-minus,
.shared-detail .detailPanes .tab.active .tab-toggle .fa-plus {
	display: none;
}

.shared-detail .detailPanes .tab.active .tab-toggle .fa-minus {
	display: block;
}

.shared-detail .detailPanes > .tabs dd {
	width: 100%;
}

.shared-detail .detailPanes > .tabs-content-container .content > a.mobile-tab,
.shared-detail .detailPanes > .tabs dd > a {
	color: #353533;
    font-weight: normal;
    letter-spacing: 0.375px;
    font-size: 25px;
    line-height: 1;
    margin-bottom: 0;
    background: none;
    font-family: 'Playfair-Display', serif;
    padding: 22px 30px 22px 0px;
    width: 100%;
    display: inline-block;
    border-bottom: 3px solid #ebebeb;
}
.shared-detail .detailPanes .expandable[data-expand=true]:after {
    background: transparent;
}
.shared-detail .detailPanes > .tabs-content-container .content .info-item,
.shared-detail .detailPanes > .tabs-content-container .content p{
	font-family: "Karla", sans-serif;
	font-size: 15px;
    margin: 0;
}
.shared-detail .detailPanes  .info-item {
    font-family: "Karla", sans-serif;
    font-size: 18px;
    margin-bottom: 5px;
}
.shared-detail .detailPanes button.expandableButton {
	color: #353533;
	font-family: 'Playfair-Display', serif;
	font-size: 16px;
	background: transparent;
}
.shared-detail .detailPanes > .tabs-content-container .content.active{
	display: block;
}

.shared-detail .detailPanes > .tabs-content-container .content.active .inner-content{
	color: #353533;
	border-bottom: 3px solid #ebebeb;
}

.shared-detail .detailPanes > .tabs dd > a > i{
	font-size: 20px;
}
.shared-detail .detailPanes > .tabs-content-container .content > a.mobile-tab i{
	font-size: 20px;
	margin-right: 7px;
	transform: rotate(90deg);
}

.shared-detail .detailPanes > .tabs-content-container .content.active > a.mobile-tab i{
	
	transform: rotate(-90deg);
}



@media(min-width: 64em) {
	.shared-detail .detailPanes > .tabs dd{
		border-bottom: 3px solid #ebebeb;
		border-right: none;
		display: inline-block;
		width: auto;
		min-width: 100px;
	}
	.shared-detail .detailPanes > .tabs-content-container .content.active .inner-content{
		border:none;
	}
	.shared-detail .detailPanes > .tabs-content-container .content:last-child > a.mobile-tab{
		border: none;
	}
	.shared-detail .detailPanes > .tabs dd:last-of-type{
		border-bottom:none;
	}
	.shared-detail .detailPanes > .tabs-content-container .content > a.mobile-tab{
		display: none;
	}
	.shared-detail .detailPanes > .tabs-content-container .content .info-item,
	.shared-detail .detailPanes > .tabs-content-container .content p {
		font-size: 20px;
	}
	.shared-detail .detailPanes > .tabs-content-container > .content > .inner-content,
	.shared-detail .detailPanes > .tabs-content-container > .content.active > .inner-content{
		padding: 0;
		border: none;
	}

	.shared-detail .detailPanes > .tabs dd > a {
		font-size: calc(22px + (32 - 22) * ((100vw - 641px) / (1024 - 641)));
		padding: calc(18px + (22.5 - 18) * ((100vw - 641px) / (1024 - 641)));
		font-weight: 800;
	}

	.shared-detail .detailPanes > .tabs dd > a > i{
		font-size: calc(15px + (20 - 15) * ((100vw - 641px) / (1024 - 641)));
		margin-left: 4px;
		display: none;
	}
	.shared-detail .detailPanes > .tabs dd.active > a > i{
		display: inline;
		vertical-align: middle;
	}
	.shared-detail .detailPanes > .tabs dd > a {
		font-size: 30px;
		padding: 17px 0 18px 0px;
		border: none;
		display: flex;
	}
}


/** Ameneties/Meetings Tab ***/
.shared-detail ul {
	list-style: none;
}
.shared-detail .tabs.amenities{
	padding-bottom: 25px;
	margin-left: 1.4rem;
}
.shared-detail .tabs.amenities a,
.shared-detail .tabs.meetings a{
	font-family: 'Karla', sans-serif;
    color: inherit;
    background-color: transparent;
    font-weight: normal;
    font-size: 18px;
    padding: 8px 20px;
}

.shared-detail .tabs.amenities > dd,
.shared-detail .tabs.meetings > dd{
	background-color: #FFF;
	margin: 2px;
	color: #353533;
}

.shared-detail .tabs.amenities > dd.active,
.shared-detail .tabs.meetings > dd.active{
	background-color: #126883;
	color: #fff;
}


/*** Mobile ***/
@media only screen and (max-width: 641px) {
	.shared-detail .detailPanes > .tabs-list { 
/*		width: 100%; 
		display: block;*/
	}
	.shared-detail .detailPanes > .tabs-content {
		width : 100%;
		padding-top: 10px;
	}
}