.availContainer {
	
	background: white;
	border-radius: 5px;
	margin: auto;
	padding: 0 30px 30px 30px;
	max-width: 1200px;
	margin-top: 20px;
		
}




.fa-chevron-right {
	margin-left: 10px;
}

a.otherDatesLink {
	
	display: block;
	font-size: 10.5pt;
	padding: 3px;
	border: 1px solid #3D72E5;
	border-radius: 15px;
	margin-top: 10px;
	cursor: pointer;
	transition: all .2s;
	color: #3D72E5;
	
	
}

a.otherDatesLink:hover {
	
	background: #3D72E5;
	color: white;
	text-decoration: none;
	
	
}

.availabilityBackground {
	
	margin-left: -30px;
	width: CALC(100% + 60px);
	border: none;
	margin-bottom: 10px;

}




/* pricing table */


.pricingTable {
	
	width: 100%;
	border: 1px solid #76A794;
	margin-top: 20px;
	margin-bottom: 40px;
	border-left: 1px solid #76A794;
	border-right: 1px solid #76A794;
	border-bottom: 5px solid #76A794;
	border-radius: 0 0 20px 20px;
	
}

.pricingRow, .pricingRowHeader {

	display: flex;
	display: -webkit-flex;
	width: 100%;
	align-items: center;
	-webkit-align-items: center;
	padding: 10px;
	
}

.pricingRow {
	
	border-bottom: 1px dashed #bbccc5;
	
}


.pricingAccomm, .pricingArrive, .pricingNights, .pricingPrice, .pricingBook, .nightsBold, .pricingSleeps {
	
	word-wrap: break-word;
	
	width: CALC(100% / 6);
	padding: 5px;
	text-align: center;
	font-size: 16pt;
	
}

.priceLR {
	
	display: flex;
	display: -webkit-flex;
	flex-direction: row;
	-webkit-flex-direction: row;
	
}

.pricingArrive {
	
	font-size: 13pt;
	font-weight: bold;
	
}

.pricingArriveHeader {

	font-size: 16pt;
	font-weight: normal;
	
}

.pricingRow {
	
	padding: 10px;
	
}

.pricingRow:nth-child(odd) {
	
	background: #eaf2ef;
	
}

.pricingRow:nth-child(even) {
	
	background: white;
	
}

.pricingRow:last-child {
	
	border: 0;
	border-radius: 0 0 20px 20px;
	
}

.pricingRowHeader {
	
	border-radius: 0;
	background: linear-gradient(#A8D7C4, #A8D7C4);
	font-family: 'Varela Round', sans-serif;
	font-size: 16pt;
	border-bottom: 1px solid #79ad99;
	color: #386653;
	
}

.atGlanceAccomm {
	
	background: #298930;
	margin: auto;	
	margin-top: 10px;
	font-size: 13pt;
	right: 5px;
	top: 0;
	color: white;
	padding: 2px 10px;
	border-radius: 12px;
	cursor: pointer;

}

.atGlanceAccomm:hover {
	
	background: #41a849;
	box-shadow: 0px 0px 10px #41a849;
	
}
		

a.viewButton {
	
	display: block;
	color: white;
	text-decoration: none;
	background: #ff8814;
	margin: 0;
	width: 80%;
	margin: auto;
	
}

.viewButton:hover {
	
	background: #ff7c35;
	cursor: pointer;
	
}

a.lodgeButton {
	
	background: #298930;
	margin: 0;
	margin: auto;		
	display: block;
	font-size: 13pt;
	position: absolute;
	right: 5px;
	top: 0;
	color: white;
	padding: 10px 30px;
	border-radius: 11px;
	text-decoration: none;
	text-align: center;

}

a.lodgeButton:hover {
	
	background: #41a849;
	text-decoration: none;
	box-shadow: 0px 0px 10px #41a849;
	
}

.pricingPrice {

	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	flex-direction: column;
	-webkit-flex-direction: column;
	
}


.pricingWasPrice {
	
	text-decoration: line-through;
	
	
}

.petPrice {
	
	color: #3295BC;
	font-size: 10pt;
	
}

.pricingThisPrice {
	
	font-weight: bold;
	color: #298930;
	
}

.pricingRight {
	
	margin-left: 10px;
	
}


.pricingSpecialOffer {
	
	background: linear-gradient(to bottom left, #efd2f7, #e27aff);
	border-radius: 5px;
	color: white;
	padding: 7px;
	font-size: 11pt;
	-moz-box-shadow:    inset 0 0 10px #c763e2;
	-webkit-box-shadow: inset 0 0 10px #c763e2;
	box-shadow:         inset 0 0 10px #c763e2;
	
}


.resultsContainer {
	
	width: 100%;
	
}

.slideshow {
	
	max-width: 330px;
	
}

.results1 {

	max-width: 40%;
	
}

.results2 {

	width: 60%;
	position: relative;
	
}

.resultsBox2 {
	
	margin-top: 15px;

}

.resultsBox2Left {

	width: 100%;
	max-width: 100%;
	
}

.noResultsMessage {
	
	padding: 20px;
	margin-top: 10px;
	background: #e3f2ed;
	border: 1px solid #9c875f;
	display: none;
	margin-bottom: 10px;
	
}

noResultsWhite {
	
	width: 100%;
	
}

.noResultsWhite {
	display: none;
}

.loadMore {

	border: 3px solid #ccc;
	padding: 15px;
	border-radius: 20px;
	font-size: 15pt;
	margin: 20px auto;
	text-align: center;
	cursor: pointer;
	width: 50%;
	
}



.mobileOnly, a.mobileOnly {
	display: none;
}



/* other dates this month popup styling */

.otherSitename {
	
	width: 100%;
	text-align: center;
	font-size: 24pt;
	color: #567C3B;
	font-weight: bold;
	margin-bottom: 10px;
	
	
}

.otherDate {
	
	width: 100%;
	text-align: center;
	font-size: 20pt;
	font-weight: bold;
	margin-bottom: 10px;
	
}

select.otherDateSelect {
	
	display: block;
	margin: auto;
	border: 1px solid #ccc;
	margin-bottom: 20px;
	max-width: 80%;
	
}



.dateSpinner {
	
	width: 100%;
	height: 100%;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	
}


/* Media Queries */





@media only screen and (max-width: 950px) {
	
	.pricingAccomm {
		font-size: 13pt;
	}

	
	a.lodgeButton {
	
		position: relative;
		right: auto;
		top: 0;
		color: white;
		padding: 4px;
		margin: 5px auto 5px 0;
		width: 40%;
		font-size: 11pt;
		border-radius: 7px;
		
	}
	
	.a3AccommName {
		
		font-size: 19pt;
	}
	
	
}


@media only screen and (max-width: 600px) {

	.availabilityContainer {
	
		border: 1px solid #3a6120;
		
	}
	
	a.lodgeButton  {
		
		margin: 0;
		
	}
	
	.uniqueSellingPoint {
		
		font-size: 10pt;
		
	}
	
	
	.a3AccommName {
		
		font-size: 16pt;
	}
	
	.prevMonthMobile, .nextMonthMobile {
		
		display: block;
		font-size: 40px;
		padding: 0;
		margin-top: -8px;
		
	}
	
	
	.calendarArrowLeft, .calendarArrowRight {

		font-size: 50px;
		margin: auto;
		padding: 0;
		
	}


	.otherSitename {
		
		font-size: 17pt;
		margin-bottom: 10px;
		
		
	}
	
	
	.otherDate {
		
		font-size: 17pt;
		margin-bottom: 10px;
		
	}
	
	a.otherDatesLink {
		
		padding: 0;
		font-size: 9pt;
		border: 0;
		margin-top: 7px;
		margin-bottom: 5px;

	}
	
	select.otherDateSelect {
	
		width: 90%;
		
	}
		
	
	
	.priceLR {
	
		flex-direction: column;
		-webkit-flex-direction: column;
		
	}

	
	.petPrice {
	
		font-size: 10pt;
		
	}
	
	.availabilityBackground {
	
		margin: 10px;
		width: CALC(100% - 20px);


		
	}

	.noResultsWhite {
		
		background: white;
		padding-top: 10px;
		
	}

	.noResultsMessage {
		
		padding: 20px;
		background: #e3f2ed;
		margin-left: 10px;
		margin-right: 10px;
		border: 1px solid #9c875f;
		margin-top: 10px;
		
	}

	.mobileFilters {
		display: none;
	}
	
	.availContainer {
	
		margin-top: 0;
		padding: 0;
		padding-top: 10px;
		padding-bottom: 30px;

	}
	
	.resultsContainer {

		box-shadow: none;
		width: 100%;
		margin: 0;
		border-top: 15px solid white;
		padding: 0;
		padding-left: 8px;
		align-items: center;
		-webkit-align-items: center;
		flex-direction: row;
		-webkit-flex-direction: row;
		border: 0;

		
	}
	
	.results1 {
		
		width: 50%;
		max-width: 50%;


	}
	
	.results2 {
		
		width: 50%;
		padding: 0;
		display: flex;
		display: -webkit-flex;
		flex-direction: column-reverse;
		-webkit-flex-direction: column-reverse;
	

	}
	

	
	.resultsBox1 {
		
		width: 100%;
		display: block;
		text-align: center;
		font-size: 18pt;
		
	}
	
	.resultsBox2 {
		
		font-size: 10pt;
		margin: 10px auto;
		padding: 0 10px;
		
	}
	
	.slideshow {
		
		padding: 0;
		max-width: 100%;
		width: 100%;
		margin-right: 10px;
		border: 1px solid black;
		max-height: 240px;

	}
	
	.infoText {
		font-size: 11pt;
	}
	
	.hotTubIcon {
		
		width: 20px;
		
	}
	
	
	
		
	/* pricing table */
	
	.pricingTable {
		
		border-radius: none;
		margin-top: 10px;
		margin-bottom: 20px;
	

		
	}
	
	.pricingPrice {
		width: 20%;
	}

	 .pricingArrive, .pricingNights, .nightsBold, .pricingBook,  .pricingSleeps {
	
		font-size: 10pt;
		padding: 0;
		width: CALC(58% / 4);

		
	}
	
	.pricingBook {
		padding-right: 4px;
	}
	
	 .pricingNightsMobile, .pricingSleepsMobile {
	 	 
	 	 font-size: 14pt;

	 }

	
	.pricingAccomm {
	
		width: 22%;
		font-size: 12pt;
		font-weight: bold;
		
	}	
	
	.pricingRowHeader {
	
		padding: 0;
		color: black;
		font-size: 12pt;
		text-shadow: none;
		
	}




	
	.pricingArrive {
		
		font-size: 11pt;
	
	
	}
	

	
	.pricingRow:last-child {
		
		border-radius: none;
		border: 0;
		
	}
	
	.pricingRowHeader {
		
		border-radius: none;
		font-size: 14pt;

	}
			
	
	a.viewButton {
		
		background: #ff8814;
		width: 100%;
		margin: auto;		
		display: block;
		font-size: 10pt;
		padding: 15px 1px;

		
	}
	
	.viewButton:hover {
		
		background: #ff7c35;
		
	}
	

	
	.pricingPrice {
	
		display: flex;
		display: -webkit-flex;
		justify-content: center;
		-webkit-justify-content: center;
		align-items: center;
		-webkit-align-items: center;
		font-size: 11pt;
		
	}
	
	
	.pricingWasPrice {
		
		text-decoration: line-through;
		
		
	}
	
	.pricingThisPrice {
		
		font-weight: bold;
		color: #24af7b;
		
	}
	
	.pricingRight {
	
		margin: auto;
		
	}
	
	.pricingRow {
	
		padding: 3px;
		
	}
	
	.theName {
		
		background: #608a45;
		margin: -5px;
		width: CALC(100% + 5px);
		margin-bottom: 2px;
		margin-top: 15px;
		padding: 5px;
		font-size: 16pt;
		text-align: center;
		
	}
	
	.theName a {
		
		color: white;
		
	}
		
	
	.pricingRow, .pricingRowHeader {
		
		padding: 0;
		
	}
	
	
	
	.pricingSpecialOffer {
		
		padding: 4px 0;
		font-size: 9pt;
		margin: auto;
		width: 50px;
		margin-top: 5px;
		background: white;
		border: 1px solid #DE7EF8;
		color: #DE7EF8;
		-moz-box-shadow:    0;
		-webkit-box-shadow: 0;
		box-shadow:         none;
		
	}
	
	
	.pricingPrice { 
		
		flex-direction: column;
		-webkit-flex-direction: column;
		-webkit-justify-content: center;
		align-items: center;
		-webkit-align-items: center;
		
	}
	
	.atGlanceAccomm {
	
		margin-top: 5px;
		font-size: 9pt;
		background: white;
		border: 2px solid #298930;
		right: auto;
		top: auto;
		color: #298930;
		padding: 10px 2px;
		border-radius: 4px;
		line-height: 1em;
		box-sizing: border-box;
		font-weight: normal;

	
	}
	
	.pricingArrive {
		
		font-size: 9pt;
		font-weight: bold;
		
	}

	
	.mobileWhiteBG {
		
		margin-top: -10px;

		
	}


	

	.mobileOnly, a.mobileOnly {
		display: block;
	}
	
	.desktopOnly, a.desktopOnly {
		display: none;
	}
	
	
	
	

	
	a.lodgeButton {
		
		width: 80%;
		margin: auto;
		margin-bottom: 10px;
		
		
	}
	
	

	
	.fa-chevron-right {
		
		margin-left: 2px;
		
	}
	
	
	.uspAltText {
		padding: 0 8px;
		font-size: 8.5pt;
	}
	
	
	.searchLocation {
		
		text-align: center;
		font-size: 12pt;
		font-weight: bold;
		width: 100%;
	}
	
	.pricingArriveHeader {

		font-size: 10pt;
		font-weight: normal;
		
	}
	
	
	.featuresContainer {
		
		margin: 0 10px;
		width: CALC(100% - 20px);
		
	}
	
	.rightBox {
		margin-top: 20px;
	}
	
	.a3AccommName {
		
		width: 100%;
		margin: 0;
		
	}

	.uniqueSellingPoint {
		
		width: 100%;
		margin: 0;
		padding-top: 0;
	}
	
	.pricingBook {
		
		min-width: 63px;
		
	}
	
			

}


@media only screen and (max-width: 500px) {
	
	.pricingAccomm {
		font-size: 10pt;
	}
	
	
}


@media only screen and (max-width: 350px) {
	
	.pricingAccomm {
	
		font-size: 9pt;
		
	}	


	.resultsContainer {
		
		width: 100%;
		flex-direction: column;
		-webkit-flex-direction: column;

	}
	
	.results1 {
		
		max-width: 80%;
		width: 80%;
		
	}
	
	.results2 {
		
		max-width: 90%;
		width: 90%;
		
	}
	
	a.lodgeButton {
		
		margin-top: 15px;
		width: 100%;
	}
	
	.resultsBox2 {
		
		width: 100%;
		margin: 0;
		
	}
	

	.searchLocation  {
		font-size: 10pt;
	}


}