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

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

}

.mobileWhiteBG {

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



/* Destinations styling */

.destinationsHeader {
	
	background: white;
	border-radius: 20px 20px 0 0;
	padding: 10px 20px;
	box-sizing: border-box;
	background: #9FD2D6;
	color: #025E75;
	text-align: center;
	font-weight: bold;
	
}

.destinationsPanel {
	
	background: white;
	width: 100%;
	border-radius: 0 0 20px 20px;
	box-sizing: border-box;
	margin-bottom: 20px;
	border: 2px solid #CCCCCC;
	border-top: 0;
 
}

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

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

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

.destinationsUL li:last-child {

}


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

.destinationsUL a, .destinationsUL a:link, .destinationsUL a:active, .destinationsUL a:visited, .destinationsUL a: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;
	
}
*/

.destinationsUL a {
	
	color: #3C3F4B;

}

.destinationsUL a:hover {
	
	color: black;

}

a.destinationsLinkRegion {
	
	color: white;

}




h1.showLodgesHeader, h2.showLodgesHeader, h1.dealHeader {
		
	margin: 0;
	padding: 0;
	background: #137C84;
	color: white;
	font-size: 50px;
	padding: 20px;
	width: 100%;
	border-radius: 25px 25px 0 0;
	background: linear-gradient(#137C84, #21959D);
	border: 3px solid #ccc;
	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%;
		color white;

		/*display: none;*/

	}
	

	
	
	h1.showLodgesHeader{
		
		background: none;
		
	}

}