/* =======================
========= RESET ==========
========================*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}body {	line-height: 1;}ol, ul {	list-style: none;}blockquote, q {	quotes: none;}blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}table {	border-collapse: collapse;	border-spacing: 0;}

/* =======================
========= GRID  ==========
========================*/
.grid_1, .grid_2, .grid_3, .grid_4,
.grid_5, .grid_6, .grid_7, .grid_8,
.grid_9, .grid_10, .grid_11, .grid_12, .grid_border_3 {
	  display: inline;
	  float: left;
	  margin-left: 1%;
	  margin-right: 1%;
}

.grid_1 { width: 6.333%} /* 63.333 px */
.grid_2 { width: 14.666%} /* 146.666 px */
.grid_3 { width: 23%} /* 230 px */
.grid_4 { width: 31.333%} /* 313.333 px */
.grid_5 { width: 39.666%} /* 396.666 px */
.grid_6 { width: 48%} /* 480 px */
.grid_7 { width: 56.333%} /* 563.333 px */
.grid_8 { width: 64.666%} /* 646.666 px */
.grid_9 { width: 73%} /* 730 px */
.grid_10 { width: 81.333%} /* 813.333 px */
.grid_11 { width: 89.666%} /* 896.666 px */
.grid_12 { width: 98%} /* 980 px */

.grid_border_3 { width:21.5% } /* 220 px */

.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11 {
  position: relative;
}

.prefix_1 {margin-left: 9.333%; }
.prefix_2 {margin-left: 17.666%; }
.prefix_3 {margin-left: 26%; }
.prefix_4 {margin-left: 34.333%; }
.prefix_5 {margin-left: 42.666%; }
.prefix_6 {margin-left: 51%; }
.prefix_7 {margin-left: 59.333%; }
.prefix_8 {margin-left: 67.666%; }
.prefix_9 {margin-left: 76%; }
.prefix_10 {margin-left: 84.333%; }
.prefix_11 {margin-left: 92.666%; }
.prefix_12 {margin-left: 100%; }

.suffix_1 {margin-right: 9.333%; }
.suffix_2 {margin-right: 17.666%; }
.suffix_3 {margin-right: 26%; }
.suffix_4 {margin-right: 34.333%; }
.suffix_5 {margin-right: 42.666%; }
.suffix_6 {margin-right: 51%; }
.suffix_7 {margin-right: 59.333%; }
.suffix_8 {margin-right: 67.666%; }
.suffix_9 {margin-right: 76%; }
.suffix_10 {margin-right: 84.333%; }
.suffix_11 {margin-right: 92.666%; }
.suffix_12 {margin-right: 100%; }




.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* =======================
========= STYLES ==========
========================*/

/*-----------------------------------------
------------  GLOBAL ELEMENTS -------------
-----------------------------------------*/
html, body {
	height:100%;
	width:100%;
	font-family: 'Roboto', 'sans-serif';
	margin:0;
	padding:0;
	font-size:16px;
	overflow-x:hidden;
	-webkit-overflow-scrolling: touch;
}

h1 { font-size:2em;	} /* FOR MAIN HEADER */
h2 { font-size: 1.5em; font-weight: 300; text-transform:uppercase;  } /* FOR MAIN CATEGORIES */
h3 { font-size:1.25em; font-weight:600; text-transform: uppercase;} /* FOR SUB CATEGORIES */
h4 { font-size:1em; font-weight:600;} /* FOR IN-TEXT HEADERS */
h5, h6 {} /* OPEN FOR SPECIAL STYLING */

object{
    pointer-events: none;
}

#articleHeader, #gearGuideHeader {margin-top: 6%;}
#articleHeader {margin-bottom: 2%;}

.wrapped {
	width:96%;max-width:1000px;margin:0 auto; padding-left: 2%; padding-right: 2%;}

strong {
	font-weight:700;	
}
em {
	font-family: 'Roboto';
  	font-style: italic;
  	font-weight: 400;
  	src: local('Roboto Italic'), local('Roboto-Italic'), url(http://themes.googleusercontent.com/static/fonts/roboto/v11/1pO9eUAp8pSF8VnRTP3xnvesZW2xOQ-xsNqO47m55DA.woff) format('woff');	
}

p {
	font-size:1em;
	line-height:1.5em;	
	text-indent:0%;
	margin-bottom:1%;
	margin-top:1%;
}
small {
	font-size:.675em;	
}

a {
	text-decoration:underline;
	color:#8AA2BD;
	padding-top:1.5%;
	padding-bottom:1.5%;

	-webkit-transition: color 0.25s;
	-moz-transiton: color 0.25s;
	-o-transition: color 0.25s;
	transition: color 0.25s;
}
a.tooltip {
	text-decoration: none;
}
.tooltip small {
	vertical-align:text-top;
	}

a:hover {
	color:#C1CEE4;	
	cursor: pointer;;
}

object, img {
	display:block;	
	max-width: 100%;
	max-height: 100%;
}
ul li, table tr td {
	line-height: 1.5em;
}
	ul.indent-list {
		margin-left:4%;
	}
	ul.indent-list li {
		margin-bottom:2%;
	}
	
/* ----------------------------------------
------------- SHORTCODES ------------------
-----------------------------------------*/
.blockquote {margin-left:8%; width:84%; font-style:italic; text-indent:0; font-size:1.25em;}
.shadowbox {border:#000 6px solid; margin-bottom:2%; margin-top:1%; box-shadow:6px 6px 0px 0px #666; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -moz-box-sizing: border-box;}
.articleImage {margin-top:4%; margin-bottom:4%; width:92%; margin-left:4%;}
.articleImageVertical {width: 92%; margin:4%;}
	.articleImageVertical img {margin: 0 auto;}
.articleMap {width: 92%; margin:4%; position: relative; padding-bottom: 50%; // This is the aspect ratio height: 0; overflow: hidden;}
	.articleMap iframe {position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;}



.blocklist, .bulletlist {margin-left:4%; padding-top: .5%; padding-bottom: .5%;} 
	.blocklist li, .bulletlist li {margin-bottom:1%; margin-top:1%;}
	.bulletlist {list-style: inside;}
.videoWrapper {position:relative; padding-bottom:56.25%; /* 16:9 */ padding-top:25px; height:0; margin-top:3%; margin-bottom: 4%;}
	.videoWrapper iframe {position:absolute; top:0; left:4%; width:92%; height:100%;}
.table {border:2px dashed #F8CE89; padding:2%; margin-bottom:2%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -moz-box-sizing: border-box;}
	.table tr td {padding: .5% 0;}
.articleInsert {margin-left:10%; margin-right:10%; width:76%; border-top:#C1CEE4 2px solid;  border-bottom:#C1CEE4 2px solid; padding:2%; font-size:1.25em; line-height:1.5em; text-align:center;  margin-bottom:4%; margin-top:2%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -moz-box-sizing: border-box;}
.pro-tip {margin-left:4%;margin-right:4%;margin-bottom:2%;margin-top:2%;padding:1%;border:#F8CE89 dashed 2px;} .pro-tip p strong {font-size:1.125em;margin-bottom:.5%;} .pro-tip p {text-indent:2%;margin-bottom:0%;}
.caption {font-size:.875em; text-align:center;}




/* ========================================
=======  GLOBAL BUTTON AND INPUTS  ========
======================================== */

/* GENERAL BUTTON STYLE AND EASING */
.button {webkit-border-radius: .33em;-moz-border-radius: .33em;border-radius: .33em;display:inline-block;text-align:center; padding:.5% 1%; font-weight:bold;-webkit-transition: all 0.25s;-moz-transition: all 0.25s;-o-transition: all 0.25s;transition: all 0.25s;-webkit-appearance:none; -moz-box-sizing:border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-decoration: none;}
.button:hover {cursor:pointer;}



/* ========= GLOBAL BUTTONS ============ */
.btnLightBlue { background-color:#9BB9D3; border:#9BB9D3 solid 2px; color:#FFF;}
	.btnLightBlue:hover { background-color:#8AA2BD; border-color:#8AA2BD; color: #FFF }
.btnDarkBlue { background-color:#8AA2BD; border:#8AA2BD solid 2px; color:#FFF;}
	.btnDarkBlue:hover { background-color:#9BB9D3; border-color:#9BB9D3; color: #FFF }
.btnLightOrange { background-color:#EFBD64; border:#EFBD64 solid 2px; color:#FFF;}
	.btnLightOrange:hover { background-color:#ECAF2A; border-color:#ECAF2A; color: #FFF }
.btnDarkOrange { background-color:#ECAF2A; border:#ECAF2A solid 2px; color:#FFF;}
	.btnDarkOrange:hover { background-color:#EFBD64; border-color:#EFBD64; color: #FFF }
.btnOpenBlue { background-color:#FFF; border:#8AA2BD solid 2px; color:#8AA2BD;}
	.btnOpenBlue:hover { background-color:#8AA2BD; border-color:#8AA2BD; color: #FFF }
.btnOpenOrange { background-color:#FFF; border:#ECAF2A solid 2px; color:#ECAF2A;}
	.btnOpenOrange:hover { background-color:#ECAF2A; border-color:#ECAF2A; color: #FFF }


/* --------- SPECIALITY BUTTONS -------- */
.hellobarBTN {background-color: #fff; color: #000; margin: 0; padding: .25% 2%; display: inline; font-size: .9em; color: #ECAF2A;}





/*-- INPUT STYLES -----------------------*/
input[type="radio"], input[type="checkbox"] {
	display:none;
}
input[type="radio"] + label, input[type="checkbox"] + label {
	webkit-border-radius: .33em;
	-moz-border-radius: .33em;
	border-radius: .33em;
	display:block;
	text-align:center;
	font-weight:bold;
	
	-webkit-transition: all 0.25s;
	-moz-transition: all 0.25s;
	-o-transition: all 0.25s;
	transition: all 0.25s;
	
	background-color:#FFF;
	color:#8AA2BD;
	box-shadow:0 0 0 2px #8AA2BD inset;
}
input[type="radio"] + label:hover, input[type="checkbox"] + label:hover {
	color:#FFF;
	background-color:#8AA2BD;	
	cursor:pointer;
}
input[type="radio"]:checked + label, input[type="checkbox"]:checked + label {
	color:#FFF;
	background-color:#C1CEE4;
	box-shadow:0 0 0 2px #C1CEE4 inset;
}
}
.fade {
	opacity: 1;
   	transition: opacity .25s;
   	-moz-transition: opacity .25s;
   	-webkit-transition: opacity .25s;
   	-o-transition: opacity .25s;

}
.fade:hover {
	opacity: .75;	
}







/*----------------------------------------
------------  GLOBAL HEADER  -------------
----------------------------------------*/
#header-container {position: relative; height: 120px;}
#header-background object {position:absolute; left: 50%; width:1920px; margin-left: -960px; height:120px; max-width: none;}
#header-logo-container {position: absolute; bottom:-50px; z-index: 1; margin-left: 44%; width: 12%;}
#header-name h2 {position: absolute; bottom: 3%; right: 65%; color: #C1CEE4; font-size: 1.35em; text-decoration: none;}


/*-------- GLOBAL NAVIGATION ------------*/
#global-navigation-container {background-color: #C1CEE4; padding-top: .5%; padding-bottom: .5%; width: 100%;}
ul#global-navigation-left li, ul#global-navigation-right li {display: inline-block; margin-left: 1.5%; margin-right: 1.5%; text-transform: uppercase;}
ul#global-navigation-left li a, ul#global-navigation-right li a {color:#fff; font-size: .9em; text-decoration: none;}
ul#global-navigation-left li a:hover, ul#global-navigation-right li a:hover {color:#8AA2BD;}
ul#global-navigation-left {text-align: right; float:left; width: 42%}
ul#global-navigation-right {text-align: left; float:right; width: 42%}
ul#global-navigation-left li a.nav-active, ul#global-navigation-right li a.nav-active {color:#8AA2BD;}
ul#mobile-nav li a {text-decoration: none;}


/*-------- GLOBAL HELLOBAR --------------*/
#header-hellobar-container {background-color: #ECAF2A; text-align: center; width: 100%; box-shadow: 2px 2px 1px #888888;}
#global-hellobar h6 {padding: 5px 0; color: #fff}

/*-------- MOBILE NAVIGATION ------------*/
#header-mobile-nav, #header-name-mobile {display:none;}
#header-name-mobile a {text-decoration: none;}

/* ------- GLOBAL PAGE STYLES ----------*/
#global-feature-pano {margin: 0 auto;}
#globalPageWrap {max-width: 1000px; margin-top: 6%; margin-left: auto; margin-right: auto;}

/*----------------------------------------
------------  GLOBAL FOOTER  -------------
----------------------------------------*/
#footer-top {background:#C1CEE4;}
#footer-top h3 {text-align:center; padding-top:40px; color:#FFF; font-size:2em; font-weight:100;}
#social {float:right; position:relative; left:-50%; text-align:left; margin:25px 0;}
ul#footer-social {position:relative; left:50%;}
ul#footer-social li {float:left; position:relative; padding:0 5px;}
ul#footer-social li a:hover {cursor:pointer;}
ul#footer-social li a img {width:40px; display: inline;float: left;}
#footer-bottom {background:#8AA2BD; padding:10px 0;}
#footer-bottom p {text-align:center;	color:#FFF;	font-size:.75em; text-indent:0; padding:0; margin:0;}
#footer-bottom p a {color:#FFF;}














/* ======================================
=============== AD STYLES ===============
=======================================*/

.leaderboardAd {margin-top: 3%; margin-bottom: 1.5%;}
.leaderboardAd img {margin:0 auto; height: auto;}







	/*----- IN PAGE PROMOTION.php -----------------------*/
	#promotion {border:4px dashed #F8CE89; padding:2%; margin-top:4%; margin-bottom:4%; display: inline; float: left; width:90%; margin-left: 5%; margin-right: 5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -moz-box-sizing: border-box;}
	#promotion span {margin-bottom:2%; text-align:center;}
	
	/*----- COOKBOOK PROMOTION --------------------------*/
	#cookbook-promotion {border:4px dashed #F8CE89; padding:2%; margin-top:4%; margin-bottom:4%; display: inline; float: left; width:90%; margin-left: 5%; margin-right: 5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -moz-box-sizing: border-box;}
	#cookbook-promotion h4 {text-align:center; text-transform:uppercase; font-weight:lighter; margin-bottom:4%;}
	#cookbook-promotion a, #cookbook-promotion span {width:92%; margin-left:4%; margin-right:4%;}
	#cookbook-promotion span {padding-top:2%; padding-bottom:2%; text-align:center}
	#cookbook-promotion .button {padding-left:2%; padding-right:2%;}
	#cookbook-promotion a {line-height:1.675em;}

/* -------- PLUGIN STYLES -----------------------------*/
#slides {display:none;}





/* ===========================
====== ARTICLE STYLING =======
============================*/

/* ----- HEADER ----- */
#articleHeader #timestamp, #articleHeader #author {text-align:right; font-size:.875em; margin-right:5%; color:#999; margin-top:1%; margin-bottom:2%;}
#articleSubtitle {font-size: .75em; margin-top: 1%; margin-bottom: 2%;}
#articleIntro {margin-bottom: 2%;}
#articlePostContent {}
.articleSectionTitle {margin-top:4%; margin-bottom: 1.5%;}


/* DEPRECIATE THESE - 12/30/2017 */
.read-post-content .sectionTitle {margin-bottom: 2%; margin-top: 4%;}
.read-beta {margin-top: 2%;}
.read-beta li:not(:first-child), .read-sources li:not(:first-child) {list-style:inside; margin-left:4%;}
.read-beta li, .read-sources li {padding-top: 0.5%; padding-bottom: 0.5%; line-height: 1.5em;}
.read-sources {margin-top:3%;}
#read-bio {border-bottom:#BBB dotted 2px; padding-top:1%; padding-bottom:2%;}
#read-bio h5 { text-align:center; text-transform:uppercase;}
/* END DEPRECIATION */


#affiliateDisclaimer {color: #bbb; font-size: .75em; margin: .5% 0;}


/* ----- BETA ------- */
#articleDetails {margin-top:4%; border-top: 4px dashed #CCC}
.citation {font-size:.675em; vertical-align:text-top;}
.articleBeta {margin-top: 2%;}
.articleBeta li:not(:first-child), .articleSources li:not(:first-child) {list-style:inside; margin-left:4%;}
.articleBeta li, .articleSources li {padding-top: 0.5%; padding-bottom: 0.5%; line-height: 1.5em;}
.articleSources {margin-top:3%;}
#articleBio {border-bottom:#BBB dotted 2px; padding-top:1%; padding-bottom:2%;}
#articleBio h5 { text-align:center; text-transform:uppercase;}







/* =======================
===== GEAR GUIDES  =======
========================*/

/* ----- GENERAL ------- */
#gearGuideContent h2 {text-align: center; margin-top: 3%; margin-bottom: 2%;}
#gearGuideContent h3 {text-align: center; margin-top: 1%; margin-bottom: 2%;}
#gearGuideContent #types a, #gearGuideContent #select a {padding-top: 1%; padding-bottom: 1%;}

/* ------ HEADER ------- */
#gearGuideHeader #title {text-align: center;}
#gearGuideHeader #subtitle {text-align: center; font-size: .75em;}
#gearGuideHeader #timestamp {text-align: center; margin-top: 1%; font-size: .75em;}
#gearGuideContent #intro {margin-top: 2%; padding-bottom: 2%; border-bottom: #CCC dashed 4px;}


/* ---- MAIN CONTENT ---- */
#gearGuideContent #types {margin-top: 3%; padding-bottom: 1.5%;}
#gearGuideContent #types .secondRow, #gearGuideContent #select .secondRow {margin-top: 2%;}
#gearGuideContent .type, #gearGuideContent .select {padding:1.5% 0; border-top: #CCC dotted 2px;}
#gearGuideContent .type .graphic {margin-top: 2%; margin-bottom: 2%;}
#gearGuideContent .type .specs, #gearGuideContent .type .recommendations {margin-top: 4%; margin-bottom: 2%;}
#gearGuideContent .type .specs li, #gearGuideContent .type .recommendations div {padding-top: 2%;}
#gearGuideContent #select, #gearGuideContent #final-thoughts {padding:1.5% 0; border-top: #CCC dashed 4px;}

.gearGuideComparison {text-align:center;} 
.gearGuideComparison h4 {color:#F8CE89; margin-top:1.5%; text-transform:uppercase;}
.gearGuideComparison h5 {color:#ECAF2A; margin-top:1.5%;} 
.gearGuideComparison .spacer {margin-top:5%;} 
.gearGuideComparison .after {margin-bottom:2%;}

/* -- ITEM AFFILIATE STYLES ----------*/
.productName {font-weight:bold; padding-bottom: 1%;}
.comparisonPrice {text-align:right; width:10%; margin-right:3%; float:left;}
.comparisonSalePrice {font-weight:bold;text-align:right; width:10%; margin-right:3%; float:left;}
.comparisonList li:not(.productName) {padding-top: .5%; padding-bottom: .5%; font-size:.875em;}

/* ---- MODULES ---- */
#gearGuideContent .modules {margin-top:2.5%; margin-bottom:1.5%; border-top: #CCC dashed 4px; }
#gearGuideContent .modules li.grid_1 {width:7.333%; margin: 1% .5%;}









/* ===========================
==== RESPONSIVE STYLING ======
============================*/


@media screen and (min-width: 1000px) {
	

	#cookbook-promotion span {padding-top:5%;}
	#cookbook-promotion a {width:40%; margin-left:2%; margin-right:2%;}
	#cookbook-promotion span {width:8%; margin-left:2%; margin-right:2%;}

}


@media screen and (max-device-width: 700px), (max-width: 700px) {
	

	#gearGuideContent .modules li.grid_1 {width:14%; margin:1% 1.333%;}
	
	
}

@media screen and (max-device-width: 650px), (max-width: 650px) {

}

@media screen and (max-device-width: 600px), (max-width: 600px) {
	#articleHeader, #gearGuideHeader {margin-top: 9%;}

	/* ---- ARTICLES ----- */
	#articleHeader #timestampContainer {display:none;}
	#articleHeader h1 {text-align: center; width: 100%;}

	/* ---- GEAR GUIDES ----- */
	#gearGuideContent #intro .graphic, #gearGuideContent #intro .description, #gearGuideContent .type .left, #gearGuideContent .type .right, #gearGuideContent .select .description, .gearGuideComparison {width: 100%;}
	#gearGuideContent #intro .graphic, #gearGuideContent .type .graphic, #gearGuideContent .select .graphic {width: 80%; margin-left: 10%; margin-right: 10%; margin-top: 2%;}
	#gearGuideContent #intro .description, #gearGuideContent .type .description, #gearGuideContent .select .description, .gearGuideComparison {margin-top: 4%;}

	

}






@media screen and (max-device-width: 480px), (max-width: 480px) {

	
	/* ----- GRID -------------------------*/
	.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .gird_9, .grid_10, .grid_11, .grid_12 {width:98%;}
	.prefix_1, .prefix_2, .prefix_3, .prefix_4, .prefix_5, .prefix_6, .prefix_7, .prefix_8, .prefix_9, .prefix_10, .prefix_11, .prefix_12 {margin-left:0%;}
	.suffix_1, .suffix_2, .suffix_3, .suffix_4, .suffix_5, .suffix_6, .suffix_7, .suffix_8, .suffix_9, .suffix_10, .suffix_11, .suffix_12 {margin-right:0%;}
	
	
	h1 {font-size:1.5em;}
	h2 {font-size:1.325em;}
	



	
	
	
}


/* ===========================
END CURRENT RESPONSIVE STYLING 
============================*/








































	
	

	
	

	
	
@media screen and (max-device-width: 800px), (max-width: 800px) {
	#read-bio img {width:20%; margin-left:2%; margin-right:1%;}
	#read-bio p {width:74%; margin-left:1%; margin-right:2%;}
}
@media screen and (max-device-width: 750px), (max-width: 750px){
	.readGiftGraphic {width: 31%; margin-left: 2%}
	.readGiftInfo {width: 63%; margin-left: 2%;}
	.readGiftCompare a {padding-top: 2%; padding-bottom: 2%; padding-left: 3%; padding-right: 3% }
}
@media screen and (max-device-width: 600px), (max-width: 600px) {
	/*--- DISPLAY NONES --*/
	#read-sidebar, #read-post-header-timestamp {display:none;}	
	#read-post-header h1, #read-post-header h2 {width:100%;}
	#read-bio img {width:36%; margin-left:32%; margin-right:32%;}
	#read-bio p {width:98%; margin-left:1%; margin-right:1%;}
	.readGiftGraphic {width: 33%; margin-left: 31%; margin-bottom: 4%;}
	.readGiftInfo {width: 92%; margin-left: 4%;}
	.readGiftCompare a {padding-left:1%; padding-right: 1%; mar}
}
@media screen and (max-device-width: 480px), (max-width: 480px) {
	.readGiftCompare a {margin-bottom:1%;}
}






/* =======================
==== NATIONAL PARKS ======
========================*/

/* GLOBAL STYLES */
#beta-social {border-top:#BBB dashed 4px; margin-top:4%; padding-top:2%; margin-bottom:4%; width: 96%; margin-left: 2%;}

.highlightIcon, .distanceIcon {float: left;}
#disqus_thread {width: 96%; margin-left: 2%;}

.campgroundBooking {margin-top: 4%; margin-bottom: 4%;}
#campgroundMap {margin-bottom: 4%;}

#parkNearby {margin-bottom:4%; margin-top:4%; border-top:#CCC 2px dotted;}
	#parkNearby h3 {font-weight:lighter; text-transform:uppercase; font-size:1.5em; text-align: center; padding-top: 2%;}
    .parkNearby {border:4px solid #000; margin-top:4%; padding:0; -moz-box-sizing:border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-decoration: none;}
    .parkNearby .title {height:50px; display: flex; justify-content: center; align-items: center; display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-flex-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; padding-left:4%; padding-right:4%;}
	.parkNearby .title h2 {text-align:center; text-transform:inherit; font-size:1.25em; color:#000;}






/* ===================================================
================= PARK PAGE STYLES ===================
====================================================*/
/* ===== GENERAL ===== */
h2.park {margin-top:4%; text-align:center; font-size:1.5em; padding-bottom:1%;}
h3.park {text-align:center; margin-bottom:3%; margin-top:4%; }
#park-page #activities, #park-page #camping, #park-page #history, #park-page #weather {margin-top:4%; margin-bottom:4%;}
#park-page #header-pano, #park-activity #header-pano  {height:650px; position:relative; overflow:hidden;}
#park-page .header-image, #park-activity .header-image {background-position: center center; background-repeat: no-repeat; background-attachment:fixed; webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size:cover; height: 100%; width: 100%;  }
.park-section {width:96%; margin-left:2%; margin-right:2%;}
#second-pano, #third-pano, #fourth-pano, #fifth-pano, #sixth-pano {height:650px; position:relative; overflow:hidden;}
/* ===== NAVIGATION ==*/
#park-nav {background: rgb(0, 0, 0); background: rgba(0, 0, 0, .75); bottom:0; position:absolute; width:100%; padding-top:.75%; padding-bottom:.75%;}
#park-nav h1 {color:#FFF;}
#park-nav ul {text-align:right;}
#park-nav ul li {display:inline-block; padding-left:4%; text-transform:uppercase; padding-top:1.25%;}

/* ===== MAP ========= */
#park-statistics {margin-top:2%; margin-bottom:2%; margin-left:12%; margin-right:12%;}
#park-stats-container {display: inline-block; position: relative; width: 10%; margin-left:1%; margin-right:1%; border-radius:50%; background:#8AA2BD; color:#FFF; -moz-box-sizing:border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
#park-stats-container:after {content: ''; display: block; margin-top: 100%;}
.park-stats {position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
#park-established, #park-acres {top:32%;}
#park-wild-acres, #park-visitors, #park-fee {top:28%;}
#park-npslink {top:35%; color:#FFF;}
.park-stats h4 {text-align:center; font-size:1.2em; margin-bottom:1%;}
.park-stats h5 {font-size:.725em; text-transform:uppercase; text-align:center;}
#park-map {margin-top:3%; margin-bottom:3%;}
#park-map svg, .sectionMap { border:4px solid #000;}
.parkMap, .sectionMap {display:block;}
.parkHidden, .sectionHidden {display:none;}
.parkSection, .sectionActivity {opacity: 1; transition: opacity .25s; -moz-transition: opacity .25s; -webkit-transition: opacity .25s;}
.parkSection:hover, .sectionActivity:hover {cursor:pointer; opacity: .75;}
#park-page #summary {margin-top:0}

/* ===== CHARTS ====== */
#temperature-container {height:300px;}
#precipitation-container {height:175px;}
#visitation-container {height:300px;}
#visitation-container, #temperature-container, #precipitation-container {margin-top:2%; margin-bottom:4%;}

/* ===== SITEMAP ===== */
#sitemap {margin-bottom:4%;}
#sitemap ul li {color:#CCC; text-align:center;}
#sitemap ul li strong {color:#000; text-transform:uppercase; line-height:2.5em;}
#park-resources li {list-style:inside;}

/* ACTIVITY STYLES */
#explore-subheader {position:relative; margin-top: 1.5%;}
#explore-subheader h1 {font-size:2.5em; font-weight:lighter; padding-top:2%;}
#explore-subheader h2 {font-weight: 800; padding-top: 1%; padding-bottom: 1%;}
#explore-files-download {background-color:#EFBD64; color:#FFF; margin-top:1.5%; padding-top:1.5%; padding-bottom:1.5%; text-transform:uppercase;}
#explore-files-download:hover {background-color:#F8CE89;}
#explore-activity-stats {background-color:#EFBD64; padding-top:1%; padding-bottom:1%; float:left; width:100%;}
#elevation-profile {margin-bottom:2%; margin-top:2%;}
.activity-stats {text-align:center;}
.activity-stats img.quality {margin: 0 auto;}
.activity-stats h4 {font-size:2em; color:#FFF;}
.activity-stats h4 small {font-size:.45em;}
.activity-stats h5 {font-size:.75em; text-transform:uppercase; font-weight:lighter; color:#FFF; margin-top: 4%;}
#content {margin-top:2%; margin-bottom:4%;}
#intro {margin-top:2%; margin-bottom:2%;}

#campground-map {border:#C1CEE4 4px solid;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-moz-box-sizing: border-box;}
#campground-booking p {text-align: center;}
#campground-amenities, #campground-booking {margin-bottom: 4%;}
#campground-amenities div {margin-top: 0.25%; margin-bottom: 0.25%;}
#campground-amenities h3, #campground-booking h3 {text-transform: uppercase; margin-top: 1%; margin-bottom: 2%; text-align: center;}
#campground-amenities div object {float: left; height: 24px;}
#campground-amenities div h6 {font-weight: bold; padding-top: 4px; padding-bottom: 4px; margin-left: 2%; float: left;}
#campground-amenities div.false {opacity: 0.33}
#campground-amenities div.false h6 {text-decoration: line-through;}
#activity-comment-review {margin-top: 4%;}
#activity-comment-review h3 {text-transform: uppercase; font-weight: lighter;}

#hike-details {padding-top:2%; border-top:#CCC 2px dotted; }
#hike-details #column-one {border-right:#CCC 2px dotted;}
#hike-details #column-one, #hike-details #column-two {width:46%;}
#hike-details h3 {font-weight:lighter; text-transform:uppercase; font-size:1.5em; padding-bottom:2%;}
#season, #sources, #permits, #gps {margin-top:4%;}
#hike-details #directions {line-height: 1.5em;}
#hike-details li {font-size:1.125em; font-weight:bold;}
#landmarks li span, #permits li span, #hike-details #directions li {font-weight:normal;}
#gps li {display: inline-block;}
#gps li:last-child {padding-left: 4%;} 
#explore-nearby h2 {margin-top: 4%; text-align: center; font-size: 1.5em; margin-bottom: 2%;}
.explore-nearby {border: 4px solid #000; margin-bottom: 2%; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -moz-box-sizing: border-box; }
.explore-nearby h4 {text-align: center; color: #000; font-weight: 300; padding-top: 2%; padding-bottom: 2%;}


@media screen and (max-device-width: 1000px), (max-width: 1000px) {
	#park-page #header-pano, #park-activity #header-pano {height:550px;}
	#second-pano, #third-pano, #fourth-pano, #fifth-pano, #sixth-pano {height:550px;}
}

@media screen and (max-device-width: 900px), (max-width: 900px) {
	#park-stats-container {width:12%;}
	#park-statistics {margin-left:6%; margin-right:6%;}
	#explore-files-download {font-size: .95em; margin-top: 1%; line-height: 1.25em; padding: 1%;}
	#explore-subheader h1 {font-size: 2em;}
}

@media screen and (max-device-width: 800px), (max-width: 800px) {
	#park-page #header-pano, #park-activity #header-pano {height:450px;}
	#second-pano, #third-pano, #fourth-pano, #fifth-pano, #sixth-pano {height:450px;}
	#park-nav ul li {font-size:.85em; padding-top:3%;}
	#explore-files-download {margin-top: 1.2%}
	#park-statistics {margin-left:1%; margin-right:1%;}
	#park-stats-container {width:14%; margin-left:1%; margin-right:1%;}
	.park-stats h4 {font-size:1.125em;}
	.park-stats h5 {font-size:.675em;}
	#park-npslink {top:37%}
	#park-established, #park-acres {top:35%;}
	#park-wild-acres, #park-visitors, #park-fee {top:30%;}
	.activity-stats h4 {font-size:1.5em;}
	.activity-stats h5 {font-size:.65em;}
}

@media screen and (max-device-width: 700px), (max-width: 700px) {
	#park-nav ul li {font-size:.775em; padding-top:3%;}
	#explore-subheader h1 {font-size: 1.75em;}
	#explore-files-download {margin-top: 1%; font-size: .8em;}
	#campground-amenities div {width: 30%; margin-left: 1.5%; margin-right: 1.5%;}
}
@media screen and (max-device-width: 600px), (max-width: 600px) {
	#explore-subheader #titleBox {text-align: center; width: 100%;}
	#explore-subheader {margin-top:5%;}
	#explore-subheader #explore-files-download {margin-top:2%; width:92%; margin-left:4%; margin-bottom:2%; font-size: .9em; padding-top: 2%; padding-bottom: 2%;}
	#park-page #header-pano, #park-activity #header-pano {height:350px;}
	#park-page #second-pano, #park-page #third-pano, #park-page #fourth-pano, #park-page #fifth-pano, #park-page #sixth-pano {height:300px }
	#park-page .header-image, #park-activity .header-image {background-attachment:scroll; background-position:left top;}
	#park-nav ul {display:none;}
	#park-nav h1 {width:92%; margin-left:4%; margin-right:4%; text-align:center;}
	.park-stats h4 {font-size:.875em;}
	.park-stats h5 {font-size:.55em;}
	#park-stats-container {width:13.8%;}
	#hike-details #column-one, #hike-details #column-two {width:94%; margin-left:3%;}
	#hike-details #column-one {border:none;}
	#hike-details #landmarks {margin-top:4%;}
}

@media screen and (max-device-width: 480px), (max-width: 480px) {
	#park-page #header-pano, #park-activity #header-pano {height:250px;}
	.park-stats h4 {font-size:.55em;}
	.park-stats h5 {font-size:.325em;}
	#park-stats-container {width:13.25%;}
	#campground-amenities div {width: 46%; margin-left: 1.9%; margin-right:1.9%;}
	.activity-stats {width:30%; padding-top: 1.5%; padding-bottom: 1.5%;}
}



/* =======================
========= Q TIP ==========
========================*/
/* qTip2 v2.2.0 basic css3 | qtip2.com | Licensed MIT, GPL | Thu Nov 21 2013 20:35:00 */
.qtip{position:absolute;left:-28000px;top:-28000px;display:none;max-width:280px;min-width:50px;font-size:10.5px;line-height:12px;direction:ltr;box-shadow:none;padding:0}
.qtip-content{position:relative;padding:5px 9px;overflow:hidden;text-align:left;word-wrap:break-word}.qtip-titlebar{position:relative;padding:5px 35px 5px 10px;overflow:hidden;border-width:0 0 1px;font-weight:700}
.qtip-titlebar+.qtip-content{border-top-width:0!important}
.qtip-close{position:absolute;right:-9px;top:-9px;cursor:pointer;outline:medium none;border-width:1px;border-style:solid;border-color:transparent}
.qtip-titlebar .qtip-close{right:4px;top:50%;margin-top:-9px}
* html .qtip-titlebar .qtip-close{top:16px}
.qtip-titlebar .ui-icon,.qtip-icon .ui-icon{display:block;text-indent:-1000em;direction:ltr}
.qtip-icon,.qtip-icon .ui-icon{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;text-decoration:none}
.qtip-icon .ui-icon{width:18px;height:14px;line-height:14px;text-align:center;text-indent:0;font:400 bold 10px/13px Tahoma,sans-serif;color:inherit;background:transparent none no-repeat -100em -100em}
.qtip-focus{}
.qtip-hover{}
.qtip-default{
	border-width:2px;
	border-style:solid;
	border-radius: .75em;
	border-color:#000;
	background-color:#FFF;
	font-size:1em;
	line-height:1.325em;
}


.qtip-default .qtip-titlebar{background-color:#FFEF93}
.qtip-default .qtip-icon{border-color:#CCC;background:#F1F1F1;color:#777}
.qtip-default .qtip-titlebar .qtip-close{border-color:#AAA;color:#111} 
.qtip-light{background-color:#fff;border-color:#E2E2E2;color:#454545}
.qtip-light .qtip-titlebar{background-color:#f1f1f1} 
.qtip-dark{background-color:#505050;border-color:#303030;color:#f3f3f3}
.qtip-dark .qtip-titlebar{background-color:#404040}
.qtip-dark .qtip-icon{border-color:#444}
.qtip-dark .qtip-titlebar .ui-state-hover{border-color:#303030} 
.qtip-cream{background-color:#FBF7AA;border-color:#F9E98E;color:#A27D35}.qtip-cream .qtip-titlebar{background-color:#F0DE7D}.qtip-cream .qtip-close .qtip-icon{background-position:-82px 0} .qtip-red{background-color:#F78B83;border-color:#D95252;color:#912323}.qtip-red .qtip-titlebar{background-color:#F06D65}.qtip-red .qtip-close .qtip-icon{background-position:-102px 0}.qtip-red .qtip-icon{border-color:#D95252}.qtip-red .qtip-titlebar .ui-state-hover{border-color:#D95252} .qtip-green{background-color:#CAED9E;border-color:#90D93F;color:#3F6219}.qtip-green .qtip-titlebar{background-color:#B0DE78}.qtip-green .qtip-close .qtip-icon{background-position:-42px 0} .qtip-blue{background-color:#E5F6FE;border-color:#ADD9ED;color:#5E99BD}.qtip-blue .qtip-titlebar{background-color:#D0E9F5}.qtip-blue .qtip-close .qtip-icon{background-position:-2px 0}.qtip-shadow{-webkit-box-shadow:1px 1px 3px 1px rgba(0,0,0,.15);-moz-box-shadow:1px 1px 3px 1px rgba(0,0,0,.15);box-shadow:1px 1px 3px 1px rgba(0,0,0,.15)}.qtip-rounded,.qtip-tipsy,.qtip-bootstrap{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.qtip-rounded .qtip-titlebar{-moz-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0}.qtip-youtube{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 0 3px #333;-moz-box-shadow:0 0 3px #333;box-shadow:0 0 3px #333;color:#fff;border-width:0;background:#4A4A4A;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#4A4A4A),color-stop(100%,#000));background-image:-webkit-linear-gradient(top,#4A4A4A 0,#000 100%);background-image:-moz-linear-gradient(top,#4A4A4A 0,#000 100%);background-image:-ms-linear-gradient(top,#4A4A4A 0,#000 100%);background-image:-o-linear-gradient(top,#4A4A4A 0,#000 100%)}.qtip-youtube .qtip-titlebar{background-color:#4A4A4A;background-color:rgba(0,0,0,0)}.qtip-youtube .qtip-content{padding:.75em;font:12px arial,sans-serif;filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#4a4a4a, EndColorStr=#000000);-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#4a4a4a, EndColorStr=#000000);"}.qtip-youtube .qtip-icon{border-color:#222}.qtip-youtube .qtip-titlebar .ui-state-hover{border-color:#303030}.qtip-jtools{background:#232323;background:rgba(0,0,0,.7);background-image:-webkit-gradient(linear,left top,left bottom,from(#717171),to(#232323));background-image:-moz-linear-gradient(top,#717171,#232323);background-image:-webkit-linear-gradient(top,#717171,#232323);background-image:-ms-linear-gradient(top,#717171,#232323);background-image:-o-linear-gradient(top,#717171,#232323);border:2px solid #ddd;border:2px solid rgba(241,241,241,1);-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 0 12px #333;-moz-box-shadow:0 0 12px #333;box-shadow:0 0 12px #333}.qtip-jtools .qtip-titlebar{background-color:transparent;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171, endColorstr=#4A4A4A);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171, endColorstr=#4A4A4A)"}.qtip-jtools .qtip-content{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A, endColorstr=#232323);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A, endColorstr=#232323)"}.qtip-jtools .qtip-titlebar,.qtip-jtools .qtip-content{background:transparent;color:#fff;border:0 dashed transparent}.qtip-jtools .qtip-icon{border-color:#555}.qtip-jtools .qtip-titlebar .ui-state-hover{border-color:#333}.qtip-cluetip{-webkit-box-shadow:4px 4px 5px rgba(0,0,0,.4);-moz-box-shadow:4px 4px 5px rgba(0,0,0,.4);box-shadow:4px 4px 5px rgba(0,0,0,.4);background-color:#D9D9C2;color:#111;border:0 dashed transparent}.qtip-cluetip .qtip-titlebar{background-color:#87876A;color:#fff;border:0 dashed transparent}.qtip-cluetip .qtip-icon{border-color:#808064}.qtip-cluetip .qtip-titlebar .ui-state-hover{border-color:#696952;color:#696952}.qtip-tipsy{background:#000;background:rgba(0,0,0,.87);color:#fff;border:0 solid transparent;font-size:11px;font-family:'Lucida Grande',sans-serif;font-weight:700;line-height:16px;text-shadow:0 1px #000}.qtip-tipsy .qtip-titlebar{padding:6px 35px 0 10px;background-color:transparent}.qtip-tipsy .qtip-content{padding:6px 10px}.qtip-tipsy .qtip-icon{border-color:#222;text-shadow:none}.qtip-tipsy .qtip-titlebar .ui-state-hover{border-color:#303030}.qtip-tipped{border:3px solid #959FA9;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#F9F9F9;color:#454545;font-weight:400;font-family:serif}.qtip-tipped .qtip-titlebar{border-bottom-width:0;color:#fff;background:#3A79B8;background-image:-webkit-gradient(linear,left top,left bottom,from(#3A79B8),to(#2E629D));background-image:-webkit-linear-gradient(top,#3A79B8,#2E629D);background-image:-moz-linear-gradient(top,#3A79B8,#2E629D);background-image:-ms-linear-gradient(top,#3A79B8,#2E629D);background-image:-o-linear-gradient(top,#3A79B8,#2E629D);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8, endColorstr=#2E629D);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8, endColorstr=#2E629D)"}.qtip-tipped .qtip-icon{border:2px solid #285589;background:#285589}.qtip-tipped .qtip-icon .ui-icon{background-color:#FBFBFB;color:#555}.qtip-bootstrap{font-size:14px;line-height:20px;color:#333;padding:1px;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}.qtip-bootstrap .qtip-titlebar{padding:8px 14px;margin:0;font-size:14px;font-weight:400;line-height:18px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}.qtip-bootstrap .qtip-titlebar .qtip-close{right:11px;top:45%;border-style:none}.qtip-bootstrap .qtip-content{padding:9px 14px}.qtip-bootstrap .qtip-icon{background:transparent}.qtip-bootstrap .qtip-icon .ui-icon{width:auto;height:auto;float:right;font-size:20px;font-weight:700;line-height:18px;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.qtip-bootstrap .qtip-icon .ui-icon:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;filter:alpha(opacity=40)}.qtip:not(.ie9haxors) div.qtip-content,.qtip:not(.ie9haxors) div.qtip-titlebar{filter:none;-ms-filter:none}.qtip .qtip-tip{margin:0 auto;overflow:hidden;z-index:10}x:-o-prefocus,.qtip .qtip-tip{visibility:hidden}.qtip .qtip-tip,.qtip .qtip-tip .qtip-vml,.qtip .qtip-tip canvas{position:absolute;color:#123456;background:transparent;border:0 dashed transparent}.qtip .qtip-tip canvas{top:0;left:0}.qtip .qtip-tip .qtip-vml{behavior:url(#default#VML);display:inline-block;visibility:visible}#qtip-overlay{position:fixed;left:0;top:0;width:100%;height:100%}#qtip-overlay.blurs{cursor:pointer}#qtip-overlay div{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:.7;filter:alpha(opacity=70);-ms-filter:"alpha(Opacity=70)"}.qtipmodal-ie6fix{position:absolute!important}







/*=================================================
===================================================
=========== RESPONSIVE MEDIA QUERIES ==============
===================================================
=================================================*/

@media screen and (max-device-width: 1000px), (max-width: 1000px) {

	/* ---- HEADER ---- */
	#header-name {right:70%;}
	ul#global-navigation-left li, ul#global-navigation-right li {margin-left: 2%; margin-right: 2%;}
}



@media screen and (max-device-width: 900px), (max-width: 900px) {

	/* ---- HEADER ---- */
 	#header-logo-container {bottom:-40px;}


 	/* ---- NATIONAL PARKS ---- */
 	.activity-stats {width: 18%; margin-left: 1%; margin-right: 1%;}
 	#camp-stats .activity-stats {width:14.666%; margin-left:1%; margin-right: 1%;}
 	.parkNearby .title h2 {font-size:1em;}



}



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

	/* ---- HEADER ---- */
	#header-name h2 {font-size: 1.15em;}
	#header-logo-container {bottom: 3px; width: 14%; margin-left: 43%;}
	ul#global-navigation-left, ul#global-navigation-right {width: 49.5%;}

	/* ---- NATIONAL PARKS ---- */
	#explore-subheader {margin-top: 3%;}
	.activity-stats img.quality {height:25px;}
}


@media screen and (max-device-width: 700px), (max-width: 700px) {

	/* ---- HEADER ---- */
	#header-name h2 {font-size: 1em; right:72%;}
	#global-hellobar h6 {font-size: .75em;}

}


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

	/* ---- HEADER ---- */
	#header-mobile-nav, #header-name-mobile {display:block;}
	#global-navigation-right, #global-navigation-left, #header-hellobar-container, #global-navigation-container, #header-name {display: none;}
	#header-logo-container {bottom:-35px;}
	#header-container {position: relative; height: 60px;}
	#header-background object {position:absolute; left: 50%; width:1920px; margin-left: -960px; height:60px; max-width: none;}

	ul#mobile-nav {display: none; padding-top: 100px;}
	ul#mobile-nav li a {background:#8AA2BD; width:80%; margin-left:10%; margin-top:1%; margin-bottom:1%; text-align:center; font-weight:bold; float:left;webkit-border-radius: .33em;-moz-border-radius: .33em;border-radius: .33em; color: #fff; text-transform: uppercase;}
	#menu-icon {display:block; cursor:pointer; position:absolute; top:25px; right:2%; color:#FFF; font-weight:500; font-size:1em; font-size:2em;}
	#header-name-mobile h2 {text-align: center; margin-top: 2%; margin-bottom: 2%; font-size: 1.75em;}

	#globalPageWrap {margin-top: 9%;}

	/* ---- NATIONAL PARKS ---- */
	.activity-stats.firstRow {width:30%; margin-left: 1.5%; margin-right: 1.5%}
	.activity-stats.secondRowLeft {width: 30%; margin-right: 3%; margin-left: 18.5%;}
	.activity-stats.secondRowRight {width: 30%;}	
	#explore-subheader {margin-top: 8%;}
	.parkNearby .title h2 {font-size:.875em;}
	 #camp-stats .activity-stats {width:30%; margin-left: 1.5%; margin-right: 1.5%; padding-top: .5%; padding-bottom: .5%;}
}



@media screen and (max-device-width: 500px), (max-width: 500px) {
	
	/* ---- HEADER ---- */
	#header-logo-container {bottom:-32px;}

}


@media screen and (max-device-width: 480px), (max-width: 480px) {

	/* ---- HEADER ---- */
	#header-logo-container {bottom:-27px;}


	/* ---- NATIONAL PARKS ---- */
	.parkNearby .title h2 {font-size:1.25em;}


}