html {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}
*, *:before, *:after {
   -webkit-box-sizing: inherit;
   -moz-box-sizing: inherit;
   box-sizing: inherit;
}

@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot?-x1zi0x');
	src:url('fonts/icomoon.eot?#iefix-x1zi0x') format('embedded-opentype'),
		url('fonts/icomoon.woff?-x1zi0x') format('woff'),
		url('fonts/icomoon.ttf?-x1zi0x') format('truetype'),
		url('fonts/icomoon.svg?-x1zi0x#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

.icon-menu3:before {
	content: "\e9bf";
}

.icon-facebook2:before {
	content: "\ea8d";
}

.icon-instagram:before {
	content: "\ea90";
}

.icon-twitter2:before {
	content: "\ea92";
}

#mobileHeader {
	position: fixed;
	top: 0px;
	width: 100%;
	height: 100px;
	z-index: 50000000;
}

#mobileNavButton {
	float: right;
	margin: 40px 20px 0px 0px;
	width: 50px;
	height: 50px;
	font-size: 40px;
	color: white;
	cursor: pointer;
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#mobileNavButton:before {
    content: "\e9bf";
}

#mobileNav {
	position: absolute;
	width: 100%;
	height: 100%;
	position: fixed !important;
	overflow: scroll;
	top: 126px;
}


#mobileNav ul {
	list-style-type: none;
	margin: 0px 0px 100px 0px !important;
	padding: 0px 0px 100px 0px !important;
}

#mobileNav li a {
	display: block;
}
/*
#mobileNavLogo {
	height: 80px;
	width: auto;
	float: left;
	margin: 10px;
	overflow: hidden;
} */

#mobileNavLogo {
    width: 50%;
    float: left;
    margin: 10px;
    overflow: hidden;
}

/*
#mobileNavLogo img {
	height: 80px !important;
	width: auto !important;
} */

html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	font-size: 14px !important;
}

h1, h2, h3, h4, h5, h6, p {
	padding-left: 5px !important;
	padding-right: 5px !important;
	font-size: inherit !important;
	font-family: Arial !important;
	line-height: auto !important;
}

#colorbox {
	width: 80% !important;
}



/*
 *	CUSTOM CSS
 *
 */

/* makes images responsive */
.img-responsive {
    display: block;
    width: 100% \9;
    max-width: 100%;
    height: auto;
}


#mobileHeader {
	background: rgba(114,135,38,1);
	background: -moz-linear-gradient(top, rgba(114,135,38,1) 0%, rgba(135,152,62,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(114,135,38,1)), color-stop(100%, rgba(135,152,62,1)));
	background: -webkit-linear-gradient(top, rgba(114,135,38,1) 0%, rgba(135,152,62,1) 100%);
	background: -o-linear-gradient(top, rgba(114,135,38,1) 0%, rgba(135,152,62,1) 100%);
	background: -ms-linear-gradient(top, rgba(114,135,38,1) 0%, rgba(135,152,62,1) 100%);
	background: linear-gradient(to bottom, rgba(114,135,38,1) 0%, rgba(135,152,62,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#728726', endColorstr='#87983e', GradientType=0 );
	height: 110px !important;
}

#mobileNavButton {
	margin-top: 32px !important;
}

#mobileNav {
	background-color: rgba( 132, 149, 59, 0.9 ) !important;
	-webkit-box-shadow: inset 0px 9px 43px -5px rgba(0,0,0,0.65);
	-moz-box-shadow: inset 0px 9px 43px -5px rgba(0,0,0,0.65);
	box-shadow: inset 0px 9px 43px -5px rgba(0,0,0,0.65);
	padding-top: 20px !important;
}

#mobileNav li a {
	margin: 0px 10px 5px 10px !important;
	border-radius: 8px !important;
	text-align: center !important;
	padding: 5px 0px !important;
	color: #333b16 !important;
}

#mobileNav li a.active {
	background-color: #46511d !important;
	color: white !important;
}

#mobileHeaderSecondaryNav {
	background-color: #46511d !important;
	clear: both !important;
}

#mobileHeaderSecondaryNav ul {
	margin: 0px !important;
	padding: 0px !important;
	list-style-type: none !important;
	width: 100% !important;
	border-top: 3px solid #46511d !important;
	border-bottom: 3px solid #46511d !important;
}

#mobileHeaderSecondaryNav ul li {
	display: inline-block !important;
	width: 25% !important;
	text-align: center !important;
	height: 20px !important;
	text-transform: uppercase !important;
	font-size: 10px !important;
}

#mobileHeaderSecondaryNav ul li a {
	color: white !important;
}




/******/

#content-container {
	margin: 50px 0px 0px 0px !important;
	padding: 0px 10px 0px 10px !important;
}

#top-features-container {
	float: none !important;
}

#park-map-plan-container, #tools-container, #page-container, #header-container, #content-container, #top-image-container, #left-column, #footer-content, #full-column {
	width: 100% !important;
}

#top-image-container, #park-map-plan-container, #full-column {
	height: auto !important;
}

#navigation-container, #right-column, #top-features-container {
	display: none !important;
}

#right-column.contact_info {
	display: block !important;
}

#first_slideshow {
	width: 100% !important;
	height: auto !important;
display: none;
}

#first_slideshow li img, #top-image-container img {
	height: auto !important;
	width: 100% !important;
	display: inherit !important;
}

#first_slideshow li {
	display: none !important;
}

#first_slideshow li:first-child {
	display: block !important;
}

#mobileBook {
	background-color: rgba( 132, 149, 59, 0.9 ) !important;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 126px;
	text-align: center;
	overflow: scroll;
}

#mobileBook #feature-box-container-book {
	margin: 20px auto !important;
	overflow: scroll;
}

#feature-bot-book {
	/*padding-left: 0px !important;*/
}

.footer-credit-text {
	text-align: center !important;
	position: absolute !important;
	width: 100% !important;
	padding: 20px 0px !important;
	margin-top: 120px !important;
	z-index: 50000;
	font-size: 10px !important;
	text-transform: uppercase !important;
}

.footer-credit-text a {
	color: #000 !important;

}

#footer-text-area {
	padding-bottom: 0px !important;
	float: none !important;
	text-align: center !important;
	margin-top: 0px !important;
	font-size: 10px !important;
}

#footer-bottom {
	padding: 0px 0px 10px 0px !important;

}

#footer-badges-area {
	float: none !important;
	background-color: rgb( 88, 99, 39 ) !important;
	position: relative;
	clear: both !important;
	text-align: center !important;
}

#event_calendar {
	width: auto !important;
}

#tools-container {
	float: none !important;
	text-align: center !important;
	margin: 0px !important;
	width: auto !important;
	position: fixed !important;
	top: 10px !important;
	right: 20px !important;
	z-index: 50000001;
}


#tool-container-search {
display: none;
}

#tool-container-search .search_field {
	width: 50px !important;
}



table {
	width: 100% !important;
	table-layout: fixed;
}

table td img {
	width: 100% !important;
	height: auto !important;
}

#mobileNav ul.sub_nav_list {
	margin-bottom: 5px !important;
	padding-bottom: 0px !important;
	font-style: italic;
}


table#event_calendar td {
	padding-left: 5px !important;
	padding-right: 5px !important;
}

.guestbook-div div {
	float: none !important;
	width: 100% !important;
}

#map_pic_container {
	width: 100% !important;
	height: 250px !important;
}


#tool-container-search, #tool-container-email, #tool-container-facebook, #tool-container-twitter {
display: none !important;
	height: auto !important;
	margin-top: 0px !important;
}


input[type="text"], textarea {
	width: 200px !important;
}


ul#first_slideshow li {
	position: relative !important;
}