/*
	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; }

/* FILTER STYLING */

.shared-list .shared-filter .shared-amenities{
	-moz-appearance: none;
	appearance: none;
	background-image: url("/includes/public/assets/images/dropdown-arrow.png");
	background-position: center right 15px;
	background-repeat: no-repeat;
	cursor: pointer;
	padding-top: 8px;
	font-family: 'Aroma 2 LT W05 Bold';
	height: 38px;
	font-size: 18px;
	box-shadow: none;
	border: none;
	border-radius: 0;
	font-weight: 500;
	margin-bottom: 10px;
	padding: 7px 12px 8px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: #231f20;
	background-color: #fff;
}


/* MAPS */
.shared-list .gMapContainer {
	display: none;
	position: relative;
	border: 3px solid #FFF;
}
.shared-list.map-open .gMapContainer { display: block;}
.shared-list .map-container .isOpen { display:none; }
.shared-list .map-container .isClosed {}
.shared-list.map-open .isOpen { display: block; }
.shared-list.map-open .map-container .isClosed { display: none; } 
.shared-list .gMapContainer .gMapHolder { height: 400px; }
.shared-list.map-open .gMapHolder { display:block; }

/*
 * Listings List Layout
 */

.widget-listings {margin-top: 15px;}
.widget-listings .filter-links {
	padding-top: 23px;
	margin-bottom: 35px;
}
.widget-listings .listing-items {margin-top: 20px;}
.widget-listings .listing-items .items-list {
	background-image: url("/includes/public/assets/images/pattern-blue-squares.png");
	background-repeat: no-repeat;
	background-position: top left -10px;
	padding-top: 40px;
}
@media only screen and (min-width: 40.063em){
	/* > 641px  */ 
	.widget-listings .listing-items .items-list {
		background-position: top left 15px;
		padding-top: 52px;
	}
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	/*  > 641px < 1024px   */
	.widget-listings {margin-top: 20px;}
}
@media only screen and (min-width: 64.063em) {
	/*  > 1024px  */ 
	.widget-listings {margin-top: 25px;}
	.widget-listings .filter-links {padding-top: 33px;}
	.widget-listings .filter-links.bottom {padding-top: 15px;}
	.widget-listings .listing-items .items-list {padding-top: 61px;}
}


/*
 * Listings Form
 */
.widget-listings .form-container {
	padding-bottom: 40px;
	padding-left: 10px;
	padding-right: 10px;
}
.widget-listings .form-container .form-title {
	margin-bottom: 18px;
	margin-top: 3px;
}
.widget-listings .form-container input[type="submit"] {
	padding-left: 0;
	padding-right: 0;
}
.widget-listings .form-container .row {max-width: 1010px;}
@media only screen and (min-width: 40.063em){
	/* > 641px  */ 
	.widget-listings .form-container {
		padding-left: 0;
		padding-right: 0;
		padding-top: 22px;
		padding-bottom: 30px;
	}
	.widget-listings .form-container .form-title {
		text-align: left;
		font-size: 20px;
		letter-spacing: 1px;
		margin-bottom: 24px;
	}
	.widget-listings .form-container input[type="text"],
	.widget-listings .form-container input[type="search"],
	.widget-listings .form-container select {margin-bottom: 25px;}
	.widget-listings .form-container form .columns.submit-button {padding-left: 0;}
}
@media only screen and (min-width: 64.063em) {
	/*  > 1024px  */ 
	.widget-listings .form-container .form-title {
		font-size: 30px;
		line-height: 35px;
		padding-left: 30px;
		background-image: url("/includes/public/assets/images/icon-diamond-white.png");
		background-repeat: no-repeat;
		background-position: left center;
	}
	.widget-listings .form-container .form-title {
		margin-top: 0;
		margin-bottom: 25px;
	}
}


/*
 * Map Handle
 */
.map-container {margin-top: 22px; position: relative;}
.map-container .handle {
	height: 99px;
	border: solid 2px #fff;
	background-image: url("/includes/public/assets/images/map-background.jpg");
	position: relative;
}
.map-container .handle .text {
	width: 137px;
	height: 55px;
	font-size: 17px;
	padding-left: 21px;
	padding-right: 0;
	background-image: url("/includes/public/assets/images/icon-map-marker-white.png");
	background-repeat: no-repeat;
	position: absolute;
	top: -2px;
	left: 0;
	right: 0;
	margin: auto;
	background-position: left 9px top 12px;
	padding-top: 14px;
}
@media only screen and (min-width: 40.063em){
	/* > 641px  */ 
	.map-container {margin-top: 0;}
	.map-container .handle {height: 55px;}
	.map-container .handle .text {
		right: auto;
		left: -2px;
	}
	.map-open .map-container .handle {
		position: absolute;
		top: 0;
	}
}
@media only screen and (max-width: 40.063em){
	.map-open .map-container .handle {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
	}
	.shared-list.map-open .gMapContainer {
		z-index: 2;
	}
	.shared-list.map-open .isOpen {
		z-index: 3;
	}
}


/*
 * Sort Links
 */
.sort-links {
	font-size: 15px;
	line-height: 21px;
	font-family:'Avenir Next LT W05 Bold';
	display: block;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 30px;
}
.sort-links .text {
	color: #231f20;
	margin-right: 3px;
}
.sort-links a {color: #a6a8ab;}
.sort-links a.active {color: #f8961d;}
.sort-links a:not(:last-child)::after {
	content: "|";
	margin-left: 9px;
	margin-right: 6px;
	color: #5a5758;
	position: relative;
	top: -1px;
	font-size: 19px;
}
@media only screen and (min-width: 40.063em){
	/* > 641px  */ 
	.sort-links {
		float: left;
		padding-top: 2px;
	}
	.sort-links {font-size: 18px;}
}


/*
 * Pager
 */
.pager {
	display: block;
	text-align: center;	
}
.pager a {
	height: 30px;
	width: 30px;
	display: inline-block;
	background-color: #f8961d;
	border-radius: 50%;
	text-align: center;
	padding-top: 6px;
}
.pager a.disabled {opacity: 0.5;}
.pager a:not(:last-child) {margin-right: 11px;}
.pager a i {
	font-size: 12px;
	color: #fff;
}
.pager .double {
	background-color: transparent;
	border: solid 2px #f16648;
	border-radius: 50%;
	padding-top: 4px;
	padding-right: 4px;
}
.pager .double.last {padding-left: 4px;}
.pager .double i {
	color: #f16648;
	margin-right: -2px;
}
.pager .text {
	color: #a6a8ab;
	margin-left: 6px;
	margin-right: 21px;
	font-family: 'Avenir Next LT W05 Bold';
	font-size: 15px;
	line-height: 21px;
}
.pager .text .current {color: #231f20;}
@media only screen and (min-width: 40.063em){
	/* > 641px  */ 
	.pager {float: right;}
	.pager .text {font-size: 18px;}
}
@media only screen and (max-width: 64.063em) {
	.pager a {
		padding-top: 8px;
	}
	.pager .double {
		padding-top: 6px;
	}
}

/*
 * List Item
 */
.widget-listings .list-item {
	width: 300px;
	margin-left: auto;
	margin-right: auto;
}
.widget-listings .list-item .image-container {
	position: relative;
	display: block;
	float: left;
	width: 40%;
}
.widget-listings .list-item .content-container {
	background-color: #fff;
	padding: 10px;
	width: 60%;
	float: left;
	min-height: 113px;
	border: solid 1px #afb1b3;
}
.widget-listings .list-item .details:not(.button),
.widget-listings .list-item .address,
.widget-listings .list-item .contact {
	font-size: 15px;
	font-family:'Avenir Next LT W05 Regular';
	line-height: 26px;
	font-weight: 500;
}
.widget-listings .list-item .title {
	font-size: 18px;
	font-family: 'Aroma 2 LT W05 Bold';
	text-transform: uppercase;
	line-height: 21px;
	color: #f16548;
	display: block;
	margin-bottom: 3px;
	font-weight: 500;
}
.widget-listings .list-item .address {
	display: block;
	color: #231f20;
	font-family:'Avenir Next LT W05 Demi';
	font-weight: bold;
}
.widget-listings .list-item .marker-link {
	background-image: url("/includes/public/assets/images/icon-map-marker-with-text.png");
	width: 35px;
	height: 53px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	position: absolute;
	top: 8px;
	right: 10px;
}
.widget-listings .list-item .details:not(.button) {font-weight: bold;}
.widget-listings .list-item .contact {}
.widget-listings .list-item .address,
.widget-listings .list-item .contact,
.widget-listings .list-item .marker-link,
.widget-listings .list-item .links .button {display: none;}
.widget-listings .list-item .image-wrapper {
	position: relative;
	overflow: hidden;
}
.widget-listings .list-item .image-wrapper img {
	width: 100%;
	position: relative;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}
.widget-listings .list-item .image-wrapper:hover img {transform: scale(1.08);}
/* featured */
.widget-listings .featured-items .list-item {
	position: relative;
	padding-top: 35px;
	overflow: hidden;
}
.widget-listings .featured-items .list-item .description {display: none;}
.widget-listings .featured-items .list-item .image-container {position: static;}
.widget-listings .featured-items .list-item .content-container {border-top: none;}
.widget-listings .featured-items .list-item .featured-banner {
	position: absolute;
	background-image: url("/includes/public/assets/images/pattern-blue-bar.png");
	height: 35px;
	font-size: 20px;
	text-transform: uppercase;
	top: 0;
	left: 0;
	width: 100%;
	color: #fff;
	font-family:'Triump W05 Regular';
	font-weight: 500;
}
.widget-listings .featured-items .list-item .featured-banner > div {
	background-image: url("/includes/public/assets/images/shape-dots-white.png");
	padding-left: 50px;
	background-repeat: no-repeat;
	padding-top: 5px;
	background-position: left 11px bottom 5px;
}
.widget-listings .featured-items .list-item .tripadvisor {
	width: 100px;
	position: absolute;
	top: 9px;
	right: 14px;
}
.widget-listings .list-item .links a.add-button {
	background-color: #f8971d;
	padding: 4px 4px;
}

@media only screen and (min-width: 40.063em){
	/* > 641px  */ 
	.widget-listings .list-item {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	.widget-listings .list-item .content-container {
		padding-bottom: 7px;
		position: relative;
	}
	.widget-listings .list-item .content-container,
	.widget-listings .list-item .image-container {
		float: none;
		width: 100%;
	}
	.widget-listings .list-item .title {
		min-height: 65px;
		margin-bottom: 8px;
		padding-right: 35px;
	}
	.widget-listings .list-item .address,	
	.widget-listings .list-item .contact,
	.widget-listings .list-item .marker-link,
	.widget-listings .list-item .links .button {display: block;}
	.widget-listings .list-item .links {
		margin-top: 20px;
		overflow: hidden;
	}
	.widget-listings .list-item .links .button {
		width: 48.5%;
		float: left;
		padding-left: 0;
		padding-right: 0;
		font-size: 15px;
		height: 33px;
		padding-top: 2px;
		margin-bottom: 4px;
		font-family:'Aroma 2 LT W05 Regular';
		font-weight: bold;
		letter-spacing: 0;
	}
	.widget-listings .list-item .links .button a{color: #FFF;}
	@media only screen and (max-width: 724px) {
		.widget-listings .list-item .links .trip-builder{
			font-size: 13px;
		}
	}
	.widget-listings .list-item .links .booking {width: 100%;}
	.widget-listings .list-item .links .button.details:first-child {margin-right: 3%;}
	/* featured */
	.widget-listings .featured-items {margin-bottom: 30px;}
	.widget-listings .featured-items .list-item {
		border: solid 1px #afb1b3;
		padding-top: 0;
		overflow: visible;
		display: inline-block;
		width: 100%;
	}
	.widget-listings .featured-items .list-item .image-container {
		float: left;
		width: 40%;
		position: relative;
	}
	.widget-listings .featured-items .list-item .content-container {
		float: right;
		width: 60%;
		border: none;
		padding: 17px 15px 10px 25px;
	}
	.widget-listings .featured-items .list-item .title {
		min-height: 0;
		margin-bottom: 12px;
	}
	.widget-listings .featured-items .list-item .tripadvisor {
		margin-bottom: 30px;
		position: static;
	}
	.widget-listings .featured-items .list-item .featured-banner {
		position: absolute;
		left: 0;
		right: 0;
		margin: auto;
		width: 97%;
		border: solid 5px #fff;
		font-size: 25px;
		height: 47px;
		top: auto;
		bottom: -23px;
	}
	.widget-listings .featured-items .list-item .featured-banner > div{
		background-position: left 21px bottom 3px;
		background-size: 35px auto;
		padding-left: 0;
		text-align: center;
	}
	.widget-listings .featured-items .list-item .contact div {display: inline-block;}
	.widget-listings .featured-items .list-item .contact div:not(:last-child)::after {
		content: "|";
		margin-left: 10px;
		margin-right: 9px;
		color: #bcbec0;
		position: relative;
		top: -2px;
	}
	.widget-listings .featured-items .list-item .description {
		display: block;
		margin-top: 17px;
		font-size: 15px;
	}
	.widget-listings .featured-items .list-item .links .button {
		display: inline-block;
		width: auto;
		padding-left: 10px;
		padding-right: 10px;
		margin-right: 15px;
	}
	.widget-listings .featured-items ul > li {padding-bottom: 40px;}
}

@media only screen and (min-width: 40.063em) {
	/*tablet - > 641px < 1025px */
	.widget-listings .list-item {
		margin-left: 0;
		margin-right: 0;
	}
}
@media only screen and (max-width: 804px) {
	.widget-listings .list-item .links a.add-button {
		background-color: #f8971d;
		padding: 4px 0px;
	}
}
@media only screen and (min-width: 64.063em) {
	/*desktop > 1024px*/
	.widget-listings .list-item {margin-bottom: 13px;}
	.widget-listings .list-item .title { font-size: 24px; line-height: 28px; }
	.widget-listings .list-item .marker-link { width: 43px; height: 63px; }
	.widget-listings .list-item .content-container {padding: 13px 11px;}
	.widget-listings .list-item .address,
	.widget-listings .list-item .contact { font-size: 21px; line-height: 26px; }
	.widget-listings .list-item .address{margin-bottom: 11px;}
	.widget-listings .list-item .contact div { display: inline-block; width: auto; }
	.widget-listings .list-item .contact div:not(:last-child)::after {
		content: "|";
		margin-left: 10px;
		margin-right: 8px;
		color: #bcbec0;
		position: relative;
		top: -1px;
	}
	.widget-listings .list-item .links .button a {
		color: #FFF; 
		font-family: 'Aroma 2 LT W05 Regular'; 
		font-weight: bold;
	}

	.widget-listings .list-item .links .button,
	.widget-listings .list-item .links .booking {
		width: auto;
		padding-left: 10px;
		padding-right: 10px;
		letter-spacing: 1px;
		margin-bottom: 0;
		color: #FFF;
	}
	.widget-listings .list-item .links .button,
	.widget-listings .list-item .links .button.details:first-child {margin-right: 10px;}
	.widget-listings .list-item .title {
		min-height: 84px;
		margin-bottom: 19px;
		padding-right: 45px;
	}
	/* faetured listings */
	.widget-listings .featured-items {margin-bottom: 60px;}
	.widget-listings .featured-items .list-item .title {margin-bottom: 16px;}
	.widget-listings .featured-items .list-item .tripadvisor {
		width: 100%;
		margin-bottom: 37px;
	}
	.widget-listings .featured-items .list-item .description {
		font-size: 21px;
		line-height: 27px;
	}
	.widget-listings .featured-items .list-item .featured-banner {
		width: 400px;
		font-size: 36px;
		line-height: 36px;
		height: 60px;
		bottom: -31px;
	}
	.widget-listings .featured-items .list-item .featured-banner > div {
		background-position: left 21px bottom 8px;
		background-size: 43px auto;
		padding-left: 0;
		text-align: center;
	}
	.widget-listings .featured-items .list-item .content-container {
		padding: 25px 65px 27px 39px;
		position: static;
	}
	.widget-listings .list-item .marker-link {
		top: 17px;
		right: 21px;
	}
	.widget-listings .featured-items .list-item .links {
		margin-top: 0;
		position: absolute;
		bottom: 17px;
	}
	.widget-listings .featured-items ul > li {padding-bottom: 50px;}
}


.hide-distance-sort .sort-links,
.listingContainerFoot .sort-links  {
	display: none;
}
.list-item a.button.trip-builder span a {
	background-color: #f8971d;
	padding: 4px 4px;
	border-right: none;
	margin-right: 11px;
	position: relative;
	line-height: 19px;
}
.widget-listings .list-item .links a.button.trip-builder {
	padding: 0;
}
.listings .listing-item.dtn .content-container .links a.button.trip-builder a {
	font-size: 12px;
	line-height: 18px;
	padding: 10px 4px;
	color: #FFF !important;
	font-family: 'Avenir Next LT W05 Demi', sans-serif;
	background-color: #f26649 !important;
}
@media(max-width: 1025px) {
	.list-item a.button.trip-builder span a {
		margin-bottom: 10px;
		margin-left: 10px;
		width: 100%;
		float: left;
	}
	.widget-listings .list-item .links .button.trip-builder {
		width: 100%;
		display: block;
		height: 100%;
		border-bottom: none;
		border-right: none;
		margin-bottom: 14px;
	}
	.widget-listings .list-item .links a.add-button {
		background-color: #f8971d;
		width: 100%;
		float: left;
	}
	.featured-items .list-item a.button.trip-builder span a {
		margin: 0;
		float: none;
	}
	.listings .featured-items .list-item a.button.trip-builder {
		background-color: transparent;
		border: none;
		top: -1px;
		width: auto;
	}
}
@media (min-width: 640px) and (max-width: 720px) {
	.listings .listing-item.dtn .content-container .links a,
	.listings .listing-item.dtn .content-container .links a.button.trip-builder a {
		font-size: 10px;
		width: auto !important;
		margin-right: 5px;
	}
}
@media (max-width: 380px) {
	.listings .listing-item.dtn .content-container .links a,
	.listings .listing-item.dtn .content-container .links a.button.trip-builder a {
		font-size: 10px;
		width: auto !important;
		margin-right: 5px;
	}
}
@media(max-width: 641px) {
	.listings .featured-items .list-item a.button.trip-builder span a,
	.list-item a.button.trip-builder span a,
	.widget-listings .list-item .links a.add-button {
		background-color: transparent;
		color: #f8971d;
		font-size: 15px;
		font-family: 'Avenir Next LT W05 Regular';
		line-height: 21px;
		margin:0px;
		text-transform: capitalize;
		padding: 4px 0px;
	}
	.list-item a.button.trip-builder {
		background-color: transparent;
		margin-left: 0;
		text-align: left;
		float: left;
		padding: 0;
	}
}