@charset "UTF-8";

/* *****************

mobile first - iPhone both portrait and landscape

*******************/

@font-face {
    font-family: 'Listicons';
    src: url('images/fonts/listicons-webfont.eot');
    src: url('images/fonts/listicons-webfont.eot?#iefix') format('embedded-opentype'),
         url('images/fonts/listicons-webfont.woff') format('woff'),
         url('images/fonts/listicons-webfont.ttf') format('truetype'),
         url('images/fonts/listicons-webfont.svg#ListiconsGlyphsRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

html, body{
	height:100%;
	}
body { 
    -webkit-animation: bugfix infinite 1s; 
    padding:0px;
    margin:0px;
   	background:white;
	/*background-image:url("images/backgrounds/backgroundmobile.jpg");*/
	font-family: 'Exo 2', sans-serif;
}
iframe{
	height:2250px;
}
article{
	height:100%;
	}
footer{
	text-align:center;
	background-color:white;
	width:100%;
	bottom:0;
	clear:both;	
	}	
#masthead{
   	background-image:url("images/backgrounds/17.jpg");
}
#waiver{
	width:75px;
	text-align:left;
	display:block;
	}
fieldset{
	background-color:white;
}
fieldset ul li{
	display:block;
	}
fieldset ul li label, fieldset ul li label select option{
	vertical-align:top;
	}
select, option{
	vertical-align:top;
}	
fieldset ul li input{
	display:block;
}	
fieldset ul li textarea{
	display:block;
}	
a{
    text-decoration:none;
    color:black
    }
#nav {
    padding: .45em 3px;
   	background-image:url("images/backgrounds/17.jpg");
    color:white;
    			width:100%;

}
h1{
	background-image:url("images/backgrounds/48.jpg");
	color:white;
	padding:10px;
	margin:0;
	}

h1 a{
	color:white;
	font-size:30px;
	}

header {
	display:block;
    /*float: left;*/
    text-transform: capitalize; 
    padding:0;
    margin: 0px 0px 0px 0px;
}

#nav ul {
    list-style: none;
    padding: 0;
    border-bottom: 1px solid #eee;
    margin: .65em 0 .39em;
}
#nav li {
   border-top: 1px solid #eee;
}
#nav a {
   display: block;
   font-size: 1.063em;
   color: #333;
   text-decoration: none;
   padding: .975em 1.3em;    
}
#nav a:hover {
   background: #FFFFFF;
}
#nav nav {
    height: 0;
    overflow: hidden;
    width:100%;
    background:white;
}

@-webkit-keyframes bugfix {
    from {padding: 0;} 
    to {padding: 0;} 
}
#nav input[type=checkbox] {
    position: absolute;
    top: -9999em;
    right: -999em;
}

#nav label { 
    display: block;
    /*background: url("images/icon-menu.png")no-repeat right center;*/
    text-indent: 0em;
    cursor: pointer;
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    user-select: none;
    font-size:22px;

}
#nav input[type=checkbox]:checked ~ nav {
    height: auto;
    overflow: hidden;  
}

li{
	list-style:none;
	}
.small{
	padding-bottom:0.5em;
	font-size:0.8em;
	display:block;
		}
.optional{
	font-size:0.8em;
	vertical-align:top;
	}		

#nav2{
	display:none;
	}
	
hr{
	display:block
	}
#footerlogoleft{
	float:left;
	margin-left:5px;
	padding:0px;
	}
#footerlogoright{
	float:right;
	margin-right:5px;
		padding:0px;
	}

footer p{
	font-size:12px;
	margin:0px;
	padding:0px;
	}	
/*.footer{
	text-align:center;
	background-color:white;
	width:100%;
	position:fixed;
	bottom:0;
	clear:both;
*/
}	
.twitter-timeline{
	width:320px;
	margin:auto;
	height:330px;
	}	
 p{
	margin:.9em;

	}	
section{
	margin:0px;
	padding:0px;
}

p{
	font-weight:200;
	}
h2, h3{
	font-weight:400;
	padding:0px;
	margin:0px 0px 0px 5px;
	color:#BF3030
	}
h4{
   padding-left: 0.45em; 
   font-weight:400;
   }	
h5{
	font-weight:400;
	font-size:22px;
	color:#BF3030;
	text-align:center;
	}
#pantherlogo{
display:none;
	}
section.paymentplacement{
	width:100%;
	padding-top:25px;
	padding-bottom:25px;
	text-align:center;
	}
table.paymentplacement{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	}
#paypalbutton{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	}	
img.campphotos{
display:none
	}
ul.campdescription{
padding-left:3px;
	}
li.campdescription{
padding-bottom:5px;
	}	
li.campdescription:before{
	content: "r";
	font: 22px 'Listicons';
	margin-right: 5px;
	color:grey;
	}	


/*****************

iPhone in landscape or larger, mainly for footer and twitter
*****************/

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

	#footerlogoleft{
		float:left;
		margin-left:25px;
		}
	#footerlogoright{
		float:right;
		margin-right:25px;
		}	
	footer p{
		font-size:12px;
		margin:0px;
		padding:5px;
		}	
	.twitter-timeline{
		width:100%;
		margin:auto;
		height:230px;
		}

/*	select{
		width:155px;
		padding-top:5px;
	}
*/
}
/* *****************

greater than iPhone in landscape

*******************/
			@media only screen and (min-width:569px){
		
			body{
				max-width:1075px;
				margin:auto;
				}					
			#header{
			width:100%;
			}
			iframe{
				height:1950px;
			}
			
			#nav {
				padding:0px;
				margin:0px;
				float:left;
				background:none;
				
			  }
		
			#nav label {
				display: none;
			}
	
			#nav nav {
				height: auto;
				overflow: visible;
				padding:0px;
				margin:0px;
				
			}
			#nav ul {
				border: 0;
				margin: 0px;
				padding:0px;
   				background-image:url("images/backgrounds/17.jpg");
   				
				}
			#nav li {
				display: inline;
				border: 0;
				padding:0px;
				
			}
	
			#nav a {
				display: inline-block;
				color:black;
				}			
			fieldset ul li{
				display:inline-block;
				min-width:300px;
				padding-bottom:2px;
			}
			fieldset ul li input{
				display:inline;
			}	
			fieldset ul li textarea{
				display:inline;
			}	
			/*********
			advance checkbox for medium screen
			*********/


			#nav2{
			display:inline;
			color:black;
			}

			#nav2 li {
				display:inline;
				margin: .65em 0 .39em;
				border-top: 1px solid #eee;
				}

			#nav2 a{
			   display: block;
			   font-size: 1.063em;
			   color: #333;
			   text-decoration: none;
			   padding: .975em 1.3em; 
			   border-top: 1px solid #eee;
				}
			#nav2 nav {
				height: 0;
				overflow: hidden;
				width:100%;
				background:white;
			}

			#nav2 nav ul{
				text-align:center;
			}
			#nav2 input[type=checkbox] {
				position: absolute;
				top: -999em;
				right: -999em;
			}
	
			#nav2 label{ 
				display: inline;
				/*background: url("images/icon-menu.png")no-repeat right center;*/
				text-indent: 0em;
				cursor: pointer;
				-webkit-user-select: none;  /* Chrome all / Safari all */
				-moz-user-select: none;     /* Firefox all */
				-ms-user-select: none;      /* IE 10+ */
				user-select: none;
				padding-left:1.3em;
				line-height:52px;
				vertical-align:middle

			/*    position:relative;
				top:18px;*/
			}
			#nav2 input[type=checkbox]:checked ~ nav {
				height: auto;
				overflow: hidden;  
			}
			#nav .mediumnav{
				display:none;
				}

			section#nav2{
				height:52px;
				}
			h4{
			   padding-left: 1.3em; 
			   }
			footer p{
			font-size:16px;
			margin:0px;
			padding:5px;
			}
			
			section#cubphotos{
			text-align:center;
			
			}
			img.campphotos{
			display:inline-block;
			max-width:100%;
			text-align:center;
			-webkit-border-radius: 5px 5px 5px 5px;
			border-radius: 5px 5px 5px 5px;
			}

			div.photodiv{
			width:40%;
			display:inline-block;
			margin-left: auto;
			margin-right: auto;
			padding-left:15px;
			padding-right:15px;   				 
			}			
			
			img#pantherlogo{
			display:inline;
			float:right;
			height:250px;
			}
			ul.campdescription{
			padding-left:35px;
			}
			li.campdescription{
			padding-bottom:8px;
			}
			#contactform{
			max-width:70%;
			margin-left:auto;
			margin-right:auto;
			padding-bottom:10px;
			}

		}
		
					/* *****************

					greater than iPad in landscape

					*******************/
				@media only screen and (min-width:1076px){
		
					.twitter-timeline{
						width:60%;
						margin:auto;
						height:230px;
						}
					body footer{
						max-width:1110px;
						margin:auto;
						}		

					section#philosophy{
						display:block;
						}
					.small{
						color:black;
						}
					section#nav2{
						display:none;
						}
					#nav .mediumnav{
						display:inline-block;
						}
					#nav{
						width:100%
						}	
/*					section{
						padding:0px;
						margin:0px;
						display:inline;		
						}	
*/			
					img#pantherlogo{
						display:inline-block;
						float:right;
						margin:0px;
						padding:0px;
						height:500px;
						}

					section#cubphotos{
						text-align:center;
						}
					img.campphotos{
						display:inline-block;
						max-width:100%;
						-webkit-border-radius: 15px 15px 15px 15px;
						border-radius: 15px 15px 15px 15px;
						}
	
					div.photodiv{
						width:40%;
						display:inline-block;
						margin-left: auto;
						margin-right: auto;
						padding-left:25px;
						padding-right:25px;
						}
					ul.campdescription{
						margin-left:55px;
						}
					h5{
						padding-top:55px;
						}
					article{	
						padding-top:15px;
					}

				}