/*
	This file will contain stylings that applies globally to the following layout pages: events, listings, offers
*/
.shared-list h3.no-results  { height: 300px; line-height: 300px;  text-align: center; }

.shared-list .shared-filter .shared-amenities {
	font-family: "Cabin", sans-serif;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.2;
    color: #3f4047;
	border: 0;
    height: 50px;
    padding: 0 15px;
    padding-top: 13px;
    border: 3px solid #3f4047;
}
.shared-list .shared-filter .shared-amenities:before {
	content: "\f107";
    position: absolute;
    top: 50%;
    right: 31px;
    z-index: 5;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: 'FontAwesome' !important;
    font-size: 1.625rem;
    font-weight: 400;
    line-height: 1;
    color: #e43049;
}
.shared-list .shared-filter .shared-amenities.close:before {
	transform: rotate(180deg) translate(14%);
	top: 27%;
	right: 28px;
}

/* PAGER */
.shared-list .sharedPagerContainer {
	text-align: center;
	height: 34px;
	line-height: 34px;
}
.shared-list .sharedPagerContainer .prv-end, 
.shared-list .sharedPagerContainer .prv, 
.shared-list .sharedPagerContainer .nxt, 
.shared-list .sharedPagerContainer .nxt-end {
	background-image: url("/includes/public/assets/shared/paging.png");
	background-repeat: no-repeat;
	display: inline-block;
	margin: 0;
	width: 16px;
	height: 20px;
	vertical-align: middle;
}
.shared-list .sharedPagerContainer .prv-end { background-position: 0 0; }
.shared-list .sharedPagerContainer .prv { background-position: -17px 0; }
.shared-list .sharedPagerContainer .nxt { background-position: -36px 0; }
.shared-list .sharedPagerContainer .nxt-end { background-position: -55px 0; }
.shared-list .sharedPagerContainer .disabled { background-position-y: -20px; }

.shared-list .sharedPagerContainer .pageText {
	display: inline-block;
	vertical-align: top;
	font-size: 20px;
	font-style: normal;
}
.shared-list .sharedPagerContainer .pageText .of { font-size: 16px; }
.shared-list .sharedPagerContainer .pageText em { font-style: normal; color: #333;}

/* ITEM */
.shared-list .item {
	width: 100%;
	position: relative;
	margin: 0 0 5px 0;
	background: #fff;
	overflow: hidden;
}
.shared-list .item.featured { 
	position: relative;
	overflow: visible;
 }

 .shared-list .item.featured .featured-banner {
	position: absolute;
	top: -50px;
	left: 50%;
	display: inline-block;
	padding: 14px 50px;
	background: #e21d39;
	transform: translateX(-50%);
	z-index: 5;
 }

.shared-list .item.featured .featured-banner h2 {
    color: #fff;
    font-family: "Cabin", sans-serif;
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.2;
	text-transform: uppercase;
}
 
.shared-list .item.featured .featured-banner:after, .shared-list .item.featured .featured-banner:before {
    content: '';
    position: absolute;
    z-index: 2;
    width: 0;
    height: 0;
    line-height: 0;
    border-style: solid;
}

.shared-list .item.featured .featured-banner:before {
    top: 0;
    left: -1px;
    border-width: 53px 29px 0 0;
    border-color: #fff transparent transparent transparent;
    _border-color: #fff none none none;
}

.shared-list .item.featured .featured-banner:after {
    right: -1px;
    bottom: 0;
    border-width: 0 0 52px 29px;
    border-color: transparent transparent #fff transparent;
    _border-color: none none #fff none;
}

.shared-list .item .border-wrap { border: 1px solid #e1e1e1; overflow: hidden;}
.shared-list .item.dtn, .shared-list .item.row.featured { border-top: 4px solid #009fc3; }
.shared-list .item.dtn .border-wrap,
.shared-list .item.featured .border-wrap { border-top: none; padding-top: 0; }

.shared-list .item .detail-c1 { position: relative; float: left;}
.shared-list .item .detail-c2 { float: right; padding-left: 220px; margin-left: -220px; width: 100%;}
.shared-list .item .detail-c1 .featured { position: absolute; left: 0; top: 0; display: none; }
.shared-list .item.featured .detail-c1 .featured { display: block; }
.shared-list .item.partner .detail-c1 .featured { display: block; }
.shared-list span.featured {
	display: inline-block;
	background: #009fc3;
	color: #fff;
	font-size: 12px;
	padding: 0 9px;
	border: 1px solid #10c8f1;
	height: 24px;
	line-height: 24px;
	font-weight: normal;
	z-index: 2;
}
.shared-list .item.dtn .detail-c1 .featured { display: block; }
.shared-list .detailGallery .placeHolder,
.shared-list .item .detail-c1 .placeHolder {
	width: 226px;
	height: 140px;
	background-position: center center;
	background-repeat: no-repeat;
	border: 1px solid #cdc8c3;

}
.shared-list .item.featured .detail-c2,
.shared-list .item.dtn .detail-c2 {}
.shared-list .item .detail-c2 .inner {
	height: 100%;
	position: relative;
}
.shared-list .item .detail-c2 .inner p {
	margin-bottom: 0;
}
.shared-list .thumb-holder {
	position: relative;
	display: block;
}
.shared-list .item img {}
.shared-list .item img.thumb { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.shared-list .item a.markerLink, .shared-list .item a.markerLink:hover {
	cursor: pointer;
}
.shared-list .item .detail-c1 a.markerLink, .shared-list .item .detail-c1  a.markerLink:hover {
	background: url(/includes/public/assets/shared/item-pin.png);
	position: absolute;
	width: 39px;
	height: 63px;
	right: 17px;
	top: 4px;;
	overflow: hidden;
	text-indent: -1000px;
	z-index: 2;
}
.shared-list .item a.detail-c1 .thumb {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.shared-list .item .description {
	margin-top: 10px;
}
.shared-list .item .description p {
	font-size: 1.25rem;
}

/* MAPS */
.shared-list .gMapContainer {
	position: relative;
	margin-bottom: 20px;
}
.shared-list .gMapContainer {  }
.shared-list .showGMap {
	display: block;
	position: relative;
	top: -4px;
	clear: both;
	text-align: center;
}
.shared-list .eventPagerBottom .showGMap,
.shared-list .couponsBottom .showGMap,
.shared-list .listingContainerFoot .showGMap {
	display: none;
}
.shared-list .showGMap .handle {
	cursor: pointer;
}
.shared-list .showGMap span {
	font-family: "Cabin", sans-serif;
	font-size: 1.125rem;
	color: #fcbd57;
}
.shared-list .showGMap .isClosed:hover span {
	color: #e21d39;
}
.shared-list .showGMap img {
	position: relative;
	top: -2px;
}
.shared-list .showGMap .isClosed img {
	width: 21px;
	height: 25px;
}
.shared-list .showGMap .isOpen { display:none; }
.shared-list .showGMap .isClosed {
	position: relative;
}
.shared-list .map-open .isOpen { display: inline-block; }
.shared-list .map-open .isOpen span { color: #e21d39; }
.shared-list .map-open .isOpen:hover span { color: #fcbd57; }
.shared-list .map-open .isClosed { display: none; } 
.shared-list .map-open .gMapHolder { display:block; }

.shared-list .isClosed .btn-icon {
	display: inline-block;
	width: 21px;
	height: 25px;
	content: '';
	position: relative;
	vertical-align: top;
	background-image: url('/includes/public/assets/icons/map-marker-yellow.png');
	background-repeat: no-repeat;
	background-position: top left;
}
.shared-list .isClosed:hover .btn-icon {
	background-image: url('/includes/public/assets/icons/map-marker-red.png');
}

.shared-list .isOpen .btn-icon {
	display: inline-block;
	width: 14px;
	height: 14px;
	content: '';
	position: relative;
	vertical-align: initial;
	background-image: url('/includes/public/assets/icons/red-close-icon-sm.png');
	background-repeat: no-repeat;
	background-position: top left;
}
.shared-list .isOpen:hover .btn-icon {
	background-image: url('/includes/public/assets/icons/yellow-close-icon-sm.png');
}

.shared-list .eventPagerTop .showGMap {
	position: absolute;
	top: 0;
	width: 100%;
}
@media (max-width: 47.9375em) {
	.shared-list .eventPagerTop .showGMap {
		position: relative;
	}
}

@media (max-width: 40em) {
	.shared-list .showGMap {
		padding-top: 10px;
		padding-bottom: 15px;
	}
}

/*** Mobile ***/
@media only screen and (max-width: 641px) {
	.shared-list .item {
		max-width: 320px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0;
		padding-top: 5px;
		padding-bottom: 35px;
	}
	.shared-list .item .detail-c1 .thumb-holder { max-width: 100%; }
	.shared-list .item .detail-c1 { float: none; width: 100%; }
	.shared-list .item .detail-c2 { float: none; padding-left: 0; margin-left:0; width: 100%; }
}