/*DEFAULT SETTINGS */
/*body{background-color:pink;}*/

:root {
  --deep-dark-color: #3C6437; /* County green blue*/
  --snazzy-med-color: #ffffff; /* White */
  --accent-color: hotpink; /* Hot pink */
}

#cal_date_selectors{
		display:block;
		text-align:center;
		margin-left:8px;
		margin-top:50px;
		height:75px;
		width:100%;
		max-width:830px;
		white-space:nowrap;
		padding:0px 10px;
		z-index:999999;
}

.ui-state-default, .ui-widget-content .ui-state-default{
		background:none;
		border:0;
		color:#000000;
}

.footcontainer {
	  	background-color: var(--deep-dark-color);
	  	color:white !important;
}
#parksMblBox{display:none;}

#mblParkName{
	color:#3E5885;
	display:none;
  font-size: clamp(1em, 2.8vw + 1rem, 2.8em);
}

#mblParkSelector{text-align:left;;display:none;}

.parent_idno{
	font-size:1.5em;
	margin-bottom:4px;
}

#program_activies_toc{
		margin-bottom:12px;
		min-width:332px;
		overflow:hidden;
		display:inline-block;
}
.da-dots span {
		background-color:RGBA(19, 47, 77, .4);
		width:32px;
		height:32px;
}
.da-dots span.da-dots-current:after{
		width:18px;
		height:18px;
		top: 6px;
		left: 6px;
}
select#tabs{
		font-size:24px;
		border:1px solid #000000;
}

.ui-state-default a:link, .ui-state-default a:visited {
		font-size:1em;
		color:black;
}

.pub_parkarea_tabs{
		top:-24px;
}

.ghosted_fat_title{
		color:#41A0AB;
}
#grid_bound{
			font-size:16px;
			overflow-x:hidden;
			overflow-y:auto;
			height:19em;
			width:42em;
			margin:auto;
			display:block;
		}
		
		
#mbl_page_name{
		display:none;	
		vertical-align:middle;
}
.custom_date_start{
		vertical-align:top;
		width:121px;
		font-size:24px !important;
		z-index:999999; 
		color:#005875;
		border:1px solid #ffffff;
}

.ui-datepicker table {
	font-size:1.1em;
}


.search_date{
	display:block;
	left:0px;
	width:138px;
	font-size:24px;
	font-weight:300;
	text-align:center;
	color:#000000;
	border:0;border-radius:0;
	height:32px;
	border:1px solid #ffffff;	
}
  
    
.minorMenuDiv{
	z-index:1999999;
	position:absolute;
	top:0px;
	right:0px;
	padding-top:10px;
	vertical-align:middle;
	text-align:right;
	width:130px;
	cursor:pointer;
}
.menuDiv{display:none}


#left_col_list{
		min-width:250px;
}
.google_map{
 	display:block;
	font-size:16px;
 	max-width:100%;
 	height:auto;
 	margin-top:20px;
 	background-color:white;
 	border-top:2px solid lightgray;
 	border-radius:12px 12px 0px 0px;
	z-index:99;
	overflow:hidden;
} 

.mapGridBox_grid{
	height:500px;
	width:780px;
}

.mapGridBox_map{
	height:500px;
	width:800px;
}

#right_col_content{
	margin-top:18px;
	position:relative;
	width:860px;
}


.content-box, footer{
	  position: relative;
    max-width: 82em;
    margin: 0 auto;
    display:block;
}

.big_prog_btn{
		width:80px;
		height:80px;
		margin:auto;
		display:block;
		text-align:center;
		border-radius: 50%;
		background-color: var(--deep-dark-color);
		color:#FFFFFF;
		font-size:30px;
		line-height:77px;
		margin-bottom:12px;
		cursor:pointer;
}


.TOC_prog_btn{
		height:24px;
		display:block;
		text-align:left;
		font-size:14px;
		line-height:14px;
		cursor:pointer;
}


.big_prog_btn_container{
		width:120px;
		height:100px;
		display:inline-block;
		text-align:center;
		color: var(--deep-dark-color);
		vertical-align:top;
		cursor:pointer;
		margin-bottom:24px;
}



.centered-content{
	  position: relative;
    max-width: 82em;
    margin: 0 auto;
    display:block;
}


.right_content{
		width:70%;
		display:inline-block;
}
	


.thin-open-med {
	font-weight:700;
	text-decoration:none;
	font-size:18px;
	padding:4px 6px;
	white-space:nowrap;
}

.SBCtitles{
	color:#000000;
	width:190px;
	font-weight:700;
	text-decoration:none;
	font-size:18px;
	padding:4px 0px;
	white-space:nowrap;
}

.nav_highlight, .text-shadow {
	color:#000000;

}
.nav_highlight_blue{
			text-shadow:3px 3px 12px #679EC7;
			text-decoration:underline;
}
.nav_highlight_green{
			text-shadow:3px 3px 12px #67A257;
			text-decoration:underline;

}
.nav_highlight_orange{
			text-shadow:3px 3px 12px #F4B575;
			text-decoration:underline;

}


.logo {
	float:left;
	background: url("/rare/logos/mbl_logo.png") no-repeat;
	width:140px;
	height:127px;
	display:inline-block;
	margin:10px 36px;
	padding:0px;
	vertical-align:top;
}



.nav_btn_circle{
	margin:20px;
	display:inline-block;
	position:relative;
	width:126px;
	height:126px;
	outline:10px solid #F3F3F3;
	border-radius:135px;
}

.nav_btn_circle_camping{
	display:inline-block;
	position:absolute;top:0px;left:0px;
	background: #3D5886 url("/rare/assets/images/ico_tent_camping_wt.png") no-repeat center;
	width:100%;
	height:100%;
	border-radius:135px;
	text-align:center;
	box-shadow:0px 5px 5px gray;
}
.circle_highlight_blue{
		outline:12px solid #8FAED1;
}

.nav_btn_circle_camping:hover{
	background-color:#183360;
}

.nav_btn_circle_day_use{
	display:inline-block;
	position:absolute;top:0px;left:0px;
	background: #66A254 url("/rare/assets/images/ico_picnic_use_wt.png")  no-repeat center;
	width:100%;
	height:100%;
	border-radius:135px;
	text-align:center;
	box-shadow:0px 5px 5px gray;
}
.circle_highlight_green{
		outline:12px solid #A5CB9A;
}

.nav_btn_circle_day_use:hover{
	background-color:#568848;
}

.nav_btn_circle_facility{
	display:inline-block;
	position:absolute;top:0px;left:0px;
	background: #EB8940 url("/rare/assets/images/ico_facility_wt.png")  no-repeat center;
	width:100%;
	height:100%;
	border-radius:135px;
	text-align:center;
	box-shadow:0px 5px 5px gray;
}
.circle_highlight_orange{
		outline:12px solid #F7C98A;
}

.nav_btn_circle_facility:hover{
	background-color:#E8A526;
}

.navBar{
	margin:auto;
	width:620px;
	padding-left:31px;
	display:block;
	vertical-align:top;
	font-size:18px;
}

#nav_facility{
	overflow:visible;
}
#nav_camping, #nav_day_use{
	margin-right:0px;
}
#ico_nav_camping, #ico_nav_day_use, #ico_nav_facility{
	width:100%;
}
	
.desk_page_top{
	/*pointer-events: none;*/
	height:200px;
}

.DarkReversedBack{
	background-color: var(--deep-dark-color);
}

.mbl-ghost_title{
		color:#FFF;
}

.fas, .fa{text-shadow:none;}
#marquee_tile_1, #marquee_tile_2, #marquee_tile_3 {display:inline-block;
}

.marqueeTileContainer { display:inline-block;
}

#mbl-footer-bar {
	display:none;
}

.MBL_header_title {
	color:#3c5887;
	font-size:18px;
	padding-left:22px;
}
.varibleWidtSlider, .responsive-left-content {
	max-width:740px;
	display:inline-block;
	vertical-align:top;
}
.responsive-right-col {
	width:255px;
	display:inline-block;
	vertical-align:top;
}
#donations {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
}
#closemapContainer {
	display:none;
	height:30px;
	width:82px;
	position:fixed;
	border-radius: 0px 0px 6px 6px;
	top:425px;
	right:0px;
	text-align:right;
	padding-right:25px;
	padding-top:10px;
	color:white;
	z-index:999999;
	background-color:#063A44;
}
#mapContainerLabel {
	display:none;
	height:30px;
	position:fixed;
	border-radius: 0px 0px 6px 6px;
	top:3px;
	left:3px;
	color:#FFFFFF;
	z-index:999999;
	background-color:#063A44;
	;
	font-size:30px;
	white-space:nowrap;
	border-radius: 6px 6px 0px 0px;
	padding: 0px 7px;
}
#mapContainerLabelBack {
	display:none;
	height:30px;
	width:100%;
	position:fixed;
	top:0px;
	left:0px;
	z-index:99999;
	background-color:peachPuff;
	/*	#EAE6C4;*/;
}
.marqueeTileLabel {
	position:absolute;
	width:135px;
}

.card-col-desc {
	max-width:100%;
	padding:0px;
	margin:0px;
	white-space:normal;
}
.card-col-img {
	width:300px;
	display:block;
	border-radius:0px;
}
.mbl_content {
	display: none;
}
.desk_content {
	display: block;
	min-width:300px;
	margin-bottom:88px;
}
.mousetrail-Desk {
	display: block;
}
.mousetrail-MBL {
	display: none;
}
.big-class-price {
	font-size:30px;
}
.prodGrid3 {
	width:320px;
	margin-right:9px;
	margin-bottom:12px;
}
.modal-width {
	width:800px !important;
}
.left-col {
	width:33%;
}
.pannel_programs_list {
	width:60%;
}
.mbl-page-title {
	color:#000000;
}
.site_reference_map {
	position:fixed;
}


.outlined-text {
    text-shadow:
        -1px -1px 0 #000,  /* Top-left */
         1px -1px 0 #000,  /* Top-right */
        -1px  1px 0 #000,  /* Bottom-left */
         1px  1px 0 #000; /* Bottom-right */
    /* Adjust '#000' to your desired outline color */
}
	
	
@media (max-width:1245px) {
	/*	.centered-content{
		width:1000px;
	}
.right_content{
			width:72%;
	}
	.google_map{
			width:60em;
	}
	*/
	.mapGridBox_grid{
		width:auto;
	}
	
	.mapGridBox_map{
		width:auto;
	}
	
	#right_col_content{
		width:700px;
	}
}
	
	
	
/* Wider Screens - but not desktop */
@media (max-width:1015px) { /* 1015px wide */
	/*body{background-color:teal;} */
	
	
	.parent_idno{
		font-size:1.2em;
	}
	.marqueeTileContainer { display:inline-block;
	}
	#marquee_tile_1 {display:none;
	}
	#marquee_tile_2, #marquee_tile_3 {display:inline-block;
	}
	
}	



@media (max-width:994px) { /* 830px wide */
	
	/*body{background-color:yellow;}*/
	
	
	.desk_page_top{
		height:100px;
	}
	#right_col_content{
		width:540px;
	}
	.ghosted_fat_title{
		font-size:33px;
	}
	
}

/* Wider Screens - but not desktop */
@media (max-width:992px) { /* 992px wide */
	/*body{background-color:blue;}*/
	#grid_bound{
			width:35em;
	}
	
	.responsive-right-col {
		
		display:inline-block;
		vertical-align:top;
	}
}
@media (max-width:985px) { /* 992px wide */
	/*body{background-color:teal;}*/
	.date_cell{
			font-size:.5em;
	}
	.navBar{
		margin:auto;
		width:550px;
		font-size:13px;
		text-align:center;
	}
	.SBCtitles{font-size:14px;width:125px;}
	.nav_btn_circle{width:85px;height:85px;margin-right:0px;}
	
	#ico_nav_camping, #ico_nav_day_use, #ico_nav_facility{
		width:85px;
	}

	.thin-open-med {
		font-size:12px;
	}

}





/* Wider Screens - but not desktop */
@media (max-width:930px) { /* 928px wide */
	/*body{background-color:purple;} */
		
	.welcome_msg_div{
		display:none;
	}
	
	.left-col{width:30%}

	.marqueeTileContainer { display:inline-block;
	}
	#marquee_tile_1 {display:none;
	}
	#marquee_tile_2 , #marquee_tile_3 {display:inline-block;
	}
	.varibleWidtSlider, .responsive-left-content {
		max-width:580px;
		display:inline-block;
		vertical-align:top;
	}
	.responsive-right-col {
		width:255px;
		display:inline-block;
		vertical-align:top;
	}
	.mapCard .card-col {
		border-bottom:8px solid #AADE79;
	}
	.placeStyle {
		top:0px;
	}
	.top_info_bar {
		float:none;
		width:200px;
	}
	.navBar i {
		display:none;
	}

	.card-col-img {
		width:300px;
		display:inline-block;
	}
	.siteNameStats {
		max-width:100%;
	}
	.columns_two {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
		-webkit-column-gap: 10px;
		-moz-column-gap: 10px;
		column-gap: 10px;
	}
	.faq_container {
		color:white;
		border-radius:10px;
		margin-bottom:20px;
	}
	.online-price {
		font-size:22px;
	}
	.mousetrail-Desk {
		display: block;
	}
	.mousetrail-MBL {
		display: none;
	}
	.big-class-price {
		font-size:22px;
	}
	.faq_body {
		color:white;
	}
	.left-col {
		width:100%;
	}
	.pannel_programs_list {
		width:100%;
	}
	#searchBtn {
		display:none;
	}
	.central-body {
		display:block;
		width:100%;
	}
	.mbl_white {
		color:white !important;
	}
	.custom_mbl_foreground {
		color:#FFFFFF;
	}
	.td_label, .td_label_manditory {
		min-width:88px;
	}
	.sameAsNextField { /*  this will turn the arrow to point up as divs in MBL will stack  */
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	.modal-width {
		width:90% !important;
	}
	#topBarDiv {
		width: 260px;
		margin: auto;
		position: absolute;
		right: 20px;
		text-align: left;
		padding: 30px 22px;
		border-radius: 22px;
		border: 2px solid #FFFFFF;
		top: 70px;
		z-index:999999;
		font-size: 15px;
		vertical-align: middle;
	}
	#topBarDiv>img {
		display: inline-block;
		vertical-align: middle;
		margin-right: 7px;
		width: 45px;
	}
	#topBarDiv>label {
		font-size: 15px;
	}
	.content-box {
		background: none;
		margin: 8px auto;
	}
	.welcome_msg_div{
		display:none;
	}
	.nav-mbl {
		margin-bottom: 8px;
	}
	.nav-mbl>img {
		vertical-align: middle;
		margin-right: 7px;
	}
	.nav-mbl-action>img {
		width: 45px;
	}
	.gutter {
		padding-right: 0px;
	}
	.mblDetailsBtn {
		display: block;
	}
	.da-slider {
		width: 100%;
		max-width:1259px;
		min-width: inherit;
		min-height: 254px;
		margin-bottom: 8px;
	}
	.da-slide p {
		width: 100%;
	}
	#currentOrderPageTitle {
		height: 110px;
		padding-left: 40px;
		background: url(/assets/images/ico_cart_basket_white.png ) no-repeat;
		background-position: left;
		background-size: 30px 30px;
	}
	.liteBackground {
		/*		background-color: #F6F6EF;*/;
	}
	.liteBackground TR>TD {
		color: #000000;
		font-size: 11px;
		white-space: normal;
	}
	.ghost_title {
		font-size:20px;
	}
	.ghost_title_lg {
		font-size:30px;
	}
	.ghost_title_med {
		font-size:17px;
	}
	.BigBtn {
		margin:6px;
	}
	.prodGrid3 {
		width:100vw;
		margin-right:0px;
		margin-bottom:0px;
	}
	.varibleWidtSlider, .responsive-left-content {
		width:475px;
		display:inline-block;
		vertical-align:top;
	}

.placeStyle {
	line-height:60px;
	font-size:32px;
	color:white;
}
		

@media (max-width:864px) { /* 768px wide */
	/*	body{background-color:red;}*/
	.parent_idno{
		font-size:1em;
	}
	.right_content {
	    width: 60%;
	}
	.pannel_programs_list {width:50%}
	.marqueeTileContainer { display:inline-block;
	}
	#marquee_tile_2 {display:none;
	}
	#marquee_tile_1 {display:none;
	}
	#marquee_tile_3 {display:inline-block;
	}
	

	.thumb-div {
		width:100%;
		max-width:500px;
	}
}
	
	
@media (max-width:780px) { /* 780px wide */
	/*body{background-color:green;}*/

	.marqueeTileContainer { display:none;
	}
	#marquee_tile_2 {display:none;
	}
	#marquee_tile_1 {display:none;
	}
	#marquee_tile_3 {display:inline-block;
	}
}
	
	
	
	
	/* MAIN CSS FOR MOBILE SCREENS*/
	/*--------------------------------*/
	@media (max-width:750px) { /* 635 wide */
		/*body{background-color:orange;}*/
		.ui-datepicker, .ui-datepicker table  {
        width:auto;
        font-size: 1.7em;
        z-index:999999;
    }
		.varibleWidtSlider, .responsive-left-content {
			width:100%;
			display:inline-block;
			vertical-align:top;
		}
		.responsive-right-col {
			width:100%;
			display:inline-block;
			vertical-align:top;
		}

		.columns_two {
			max-width:47%;
			-webkit-column-count: 1;
			-moz-column-count: 1;
			column-count: 1;
			-webkit-column-gap: 10px;
			-moz-column-gap: 10px;
			column-gap: 10px;
		}
		.card-col-img {
			width:100%;
			display:block;
			border-radius:16px;
		}
		.thumb-div {
			max-width:500px;
		}
		#mbl-footer-bar {
			border-top:1px solid #000000;
			position:fixed;
			bottom:0px;
			height:58px;
			width:100vw;
			background-color:#FFF;
			display:block;
			padding-top:10px;
		}
	
		.BigBtn, .btn {
		    font-size:20px;
		 }
	}
	
	
	
	@media (max-width:700px) {

	.desk_content {
		margin-bottom:0px;
	}
	
	#parksMblBox{
		display:block;
		width:300px;
		margin:auto;
		text-align:center;
		margin-bottom:100px;
	}
	#mblParkName{display:block;}
	.park_name{display:none;}
	
	#left_col_list{
		display:none;
	}
	.right_content{
		width:100vw;
	}

	#cal_date_selectors{margin-top:30px;}
	
	#ParksDeskMblVs{
				width:300px;
				margin: 9px auto;
				margin-bottom:90px;
		}
		
		#program_activies_toc{
				display:none;
		}
		
		.logo {
				width:71px;
				height:64px;
				background-size:100%;
		}
	
		#mbl_page_name{
				display:inline-block;	
		}
		.ui-datepicker table {
			font-size:1.1em;
		}
		.ui-datepicker {
		    /* Adjust the top margin to move it down/up from its default position */
		    margin-top: 12px; 
		    /* Adjust the left margin for horizontal positioning */
		    margin-left: -50px; 
		}
		
		.da-slide{position:relative;}
			.right_content{
				width:100%;
		}
		.navBar{display:none;}
			
		.minorMenuDiv{display:none;}
			
		.menuDiv {
				font-size:1.5em;
				padding-right:16px;
				vertical-align: middle;
				float: right;
				display: inline-block;
				z-index: 9999999;
				text-align: right;
				width:50px;
				height:37px;
				color:  var(--deep-dark-color);
				border-radius: 8px 0px 0px 8px;
		}
			
		.pub_parkarea_label{
				display:inline-block;	
		}
		.pub_parkarea_tabs {
			left:170px;
			top:-100px;
		}
		
		.pub_parkarea_tabs_map {
			left:8px;
			top:-80px;
		}
		
		.pub_parkarea_tabs_grid {
			left:170px;
			top:-80px;
		}
		
		
		.custom_date_start{
					font-size:20px !important;
		}
		.ghosted_fat_title{
				display:none;
		}

	}
		
		
	@media (max-width:650px) { /* 635 wide */
		/*body{background-color:purple;}*/
		.left-col{width:100%}
		.pannel_programs_list {width:100%}
		.BigBtn, .btn {font-size:14px;} 
	}
	
	
@media (max-width:643px) { /* 635 wide */
	right_content{
		width:.9vw;
	}
}
	
	

	@media (max-width:480px) { /* 635 wide */
		/*body{background-color:purple;}*/
		desk_page_top{
			height:120px;
		}
		.left-col{width:100%}
		.pannel_programs_list {width:100%}}
			.MBL_header_title {
			color:#0F869B;
			font-size:18px;
		}
		#mbl-footer-bar {
			display:block;
			border-top:1px solid #000000;
			position:fixed;
			bottom:0px;
			height:58px;
			width:100vw;
			background-color:#FFF;
			padding-top:10px;
		}
	}