/* The top of right panel should be flat to allow for title */

.rightColWhiteBGShowParks, .rightColWhiteBGLodgesGuide {
	
	max-width: 100%;
	background: white;
	border-radius: 0 0 4px 4px ;
	padding: 10px 30px 30px 30px;
	box-sizing: border-box;
	border-top: 0;

}

.mobileWhiteBG {

	border-radius: none;
	padding: 0;
	margin: 0;
	
}                                               



/* show parks menu */

.destinationsHeader {
	
	background: white;
	border-radius: 20px 20px 0 0;
	padding: 10px 20px;
	box-sizing: border-box;
	margin-bottom: 4px;
	background: #597a2a;
	color: white;
	text-align: center;
	font-weight: bold;
	
}

.destinationsPanel {
	
	background: white;
	width: 100%;
	border-radius: 0 0 20px 20px;
	box-sizing: border-box;
	margin-bottom: 20px;

}

.destinationsUL {
	
	margin: 0;
	padding: 0;
	list-style: none;
	
	
	
}

.destinationsLinkRegion {
	
	font-size: 18px;	
	background: #7fa597;
	color: white;
	font-weight: bold;
	max-width: 100%;
	
}

.destinationsLI {
	
	width: 100%;
	cursor: pointer;
	border-bottom: 1px dotted #ccc;
	font-weight: bold;
	padding: 0;
		
}

.destinationsLI:last-child {

}


.destinationsLI:hover, .destinationsLinkRegion:hover {
	
	background: linear-gradient(#548270, #68a88f);
	color: white;

}

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

a.destinationsLink, a.destinationsLink:link, a.destinationsLink:active, a.destinationsLink:visited, a.destinationsLink:hover {
	
	font-weight: normal;
	text-decoration: none;
	display: block;
	width: 100%;
	padding: 10px;
	padding-left: 20px;
	
}

a.destinationsLinkHeader:link, a.destinationsLinkHeader:active, a.destinationsLinkHeader:visited, a.destinationsLinkHeader:hover {
	
	text-decoration: none;
	display: block;
	width: 100%;
	padding: 10px;
	padding-left: 20px;
	
}




a.destinationsLink:hover {
	
	color: white;

}




h1.showLodgesHeader, h2.showLodgesHeader, h1.dealHeader {
		
	margin: 0;
	padding: 0;
	background: #466715;
	color: white;
	font-size: 50px;
	padding: 20px;
	width: 100%;
	border-radius: 25px 25px 0 0;
	background: linear-gradient(#456714, #5f9118);
	border: 3px solid #9c875f;
	border-bottom: 0;
	font-family: 'Amatic SC', cursive;
	text-align: center;
	
}


h1.dealHeader {
		
	font-family: 'Archivo Black', sans-serif;
	font-size: 26pt;
	background: #ce0000;
	background: linear-gradient(#ce0000, #fc0000);

}



h2.showLodgesHeader {

	margin-top: 20px;
	
}






/* MEDIA QUERIES */


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

	h1.showParksHeader, h2.showParksHeader {
		
		font-size: 35px;

	}

}


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

	h1.showParksHeader, h2.showParksHeader {
		
		font-size: 30px;
		border-radius: 0;
		border: 0;
		box-shadow: -4px 4px 4px  rgba(0,0,0,0.2);
		-moz-box-shadow: -4px 4px 4px  rgba(0,0,0,0.2);
		-webkit-box-shadow: -4px 4px 4px  rgba(0,0,0,0.2);
		
	}
	
	.rightColWhiteBGShowParks {
	
		width: 100%;
		background: none;
		border-radius: none;
		border: none;
		padding: 0;
		color: #3B590F;

	}
	
	.rightColWhiteBGLodgesGuide {
		
		box-shadow: -4px 4px 4px  rgba(0,0,0,0.2);
		-moz-box-shadow: -4px 4px 4px  rgba(0,0,0,0.2);
		-webkit-box-shadow: -4px 4px 4px  rgba(0,0,0,0.2);
		border: 0;
		border-radius: 0;
		padding: 15px;
		
	}
	
	
	.mobileWhiteBG {
	
		margin-top: 15px; 
		padding: 0;
	}
	
	h1.showLodgesHeader, h2.showLodgesHeader {
	
		font-size: 20pt;
		border-radius: 0;
		border: none;
		padding: 20px;
		width: 100%;
		display: none;

	}
	
	h1.showLodgesHeader{
		
		color: red;	
		
	}

}