/* 
  ------------------------------------------------
  PVII CSS Layout Magic
  Copyright (c) 2007 Project Seven Development
  www.projectseven.com
  03: 2Col_Fixed_Full_Width_Header_Sidebar_Left
------------------------------------------------
*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
	background-color: #ff6600;
	background-attachment: fixed;
	background-image: url(../_images/corn_anim2.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin: 0px 0 30px 0;
	padding: 0;-webkit-font-smoothing: antialiased;
}
#masthead {
	color: #999999;
	background-color: #fc7216;
	padding: 0px;
	margin: 0;
	height: 161px;
}
#masthead .content {
	background-image: url(../_images/corn.jpg);
	background-repeat: repeat-x;
	box-shadow: inset 0 -7px 20px -7px rgba(0,0,0,1);
}
#wrapper {
	width: 1000px;
	margin: 0 auto;
}
#column_wrapper {
 background-image:;
	background-repeat: repeat-y;
}
#column_top {
	background: rgba(255,102,0,1);
	height: 12px;
}
#column_bottom {
	background-image: url(img/clm03_bottom2.gif);
	background-repeat: no-repeat;
	height: 12px;
}
.clearfloat {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}
.listfix {
	overflow: auto;
}
#right {
	width: 800px;
	float: left;	
	/*Outer Shadow*/
	-webkit-box-shadow: 0 3px 16px rgba(0, 0, 0, 0.65);
	-moz-box-shadow: 0 3px 16px rgba(0, 0, 0, 0.65);
	box-shadow: 0 3px 16px rgba(0, 0, 0, 0.65);
}
#left {
	width: 200px;
	float: left;
	margin-top: 20px;
    z-index: 200;
    position: relative;
}
#right .content {
	padding: 10px 18px 55px;
	font-size: 12px;
	line-height: 1.65em;
	background-color: #FFFFFF;
	min-height: 1060px;
}
#left .content {
	padding: 18px 10px;
	font-size: 0.75em;
	background-color: #6CA823;
	-webkit-transform-style: preserve-3d;
	background-image: linear-gradient(-90deg, #060, #6CA822 3%);
	background-color: #6CA822;
	/* Rounded Corners */
	border: 10px 0px 0px 10px;
	border-radius: 10px 0px 0px 10px;
	/*Outer Shadow*/
	-webkit-box-shadow: -2px 3px 8px rgba(0, 0, 0, 0.65);
	-moz-box-shadow: -2px 3px 8px rgba(0, 0, 0, 0.65);
	box-shadow: -2px 3px 8px rgba(0, 0, 0, 0.65);
}
#left h4, #left p {
	color: #fff;
	line-height: 1.3em;
	font-size: 1.2em;
}
#left h4 {
	margin-top: 20px;
}
a i {
	line-height: 2em;
	font-size: 3em;
	color: #fff;
	text-align: center;
	text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);
	transition: width .5s;
	-webkit-transition: all .5s;
}
a i:hover {
	text-shadow: none;
}
#footer {
	padding: 10px 0px;
	margin-left: 200px;
	font-size: 0.7em;
	clear: both;
	background-color: rgba(108,169,37,1);
	width: 800px;
	color: #eee;
	position: relative;
	z-index: 0;
	/*Outer Shadow*/
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.45), 0 3px 12px rgba(0, 0, 0, 0.35), inset 0 7px 9px -7px rgba(0,0,0,0.8), inset 0 7px 15px -7px rgba(0,0,0,0.6);
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.45), 0 3px 12px rgba(0, 0, 0, 0.35), inset 0 7px 9px -7px rgba(0,0,0,0.8), inset 0 7px 15px -7px rgba(0,0,0,0.6);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.45), 0 3px 12px rgba(0, 0, 0, 0.35), inset 0 7px 9px -7px rgba(0,0,0,0.8), inset 0 7px 15px -7px rgba(0,0,0,0.6);
}
#footer .content {
	position: relative;
	z-index: 2;
	margin-left: 20px;
}
.FooterSponsor {
	position: absolute;
	right: 0;
	top: -85px;
	width: 205px;
	height: auto;
}
.menulist {
	margin: 6px 0 12px 0;
	padding: 0;
	list-style-type: none;
}
.content ul {
	list-style-position: outside;
}
#right a:link, #right a:visited {
	color: #566F0B;
	font-weight: bold;
	text-decoration: none;
}
#right a:hover {
	color: #000000;
}
#footer a:link {
	color: #999999;
}
#footer a:visited {
	color: #666666;
}
#footer a:hover {
	color: #66840D;
}
.p7uberlink {
	font-weight: bold !important;
	border-color: #000000 !important;
}
h1 {
	font-size: 2.0em;
	margin: 0;
}
h2 {
	font-size: 1.5em;
	margin: 15px 0 0 0;
}
h3 {
	font-size: 1.25em;
	margin: 15px 0 0 0;
}
h4 {
	font-size: 1.1em;
	margin: 10px 0 0 0;
}
h5 {
	font-size: 0.9em;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
h6 {
	font-size: 0.8em;
	margin: 4px 0px 0px 0px;
	padding: 0;
}
h6 a:link {
	font-size: 1.0em;
	margin: 4px 0px 0px 0px;
	padding: 0;
	color: #990000;
}
h6 a:visited {
	font-size: 1.0em;
	margin: 4px 0px 0px 0px;
	padding: 0;
	color: #990000;
}
.banner {
	background: rgba(108,168,34,1);
	padding: 5px 40px 5px 30px;
	margin-left: -32px;
	font-size: 1.7em;
	letter-spacing: .09em;
	display: inline-block;
	color: rgba(255,255,255,1);
	/*Outer Shadow*/
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25), 0 3px 12px rgba(0, 0, 0, 0.35);
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25), 0 3px 12px rgba(0, 0, 0, 0.35);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25), 0 3px 12px rgba(0, 0, 0, 0.35);
}
.nomargintop {
	margin-top: 0;
}
.topcontent p {
	margin: 0;
	padding: 0;
	font-size: 12px;
}
.content p {
	margin: 12px 0;
}
.afloatright {
	float: right;
	margin: 10px 0px 10px 10px;
	padding: 0px;
	text-align: center;
	font-size: 10px;
}
.floatleft {
	float: left;
	padding: 10px 10px 10px 0px;
	margin: 0px;
	text-align: center;
	font-size: 10px;
}
.afloatcenter {
	padding: 10px;
	display: block;
	margin: 0 auto;
}
.clearright {
	clear: right;
}
.clearleft {
	clear: left;
}
.clear {
	padding-top: 10px;
	clear: both;
}
.hours {
	margin: 0 0 0 15px;
	padding: 0;
	line-height: 1em;
	font-size: 1em;
}
.signup {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
}
.coupon {
	border: 2px solid #030;
	width: 500px;
	padding: 15px;
}
.emphasis {
	color: #566f0b;
}
.haunt {
	background-color: rgba(0,0,0,1);
	background-image: url(../_images/Haunt.jpg);
	background-position: bottom center !important;
	color: #fff;
	padding: 15px 12px;
	margin-left: -18px;
	margin-top: -15px;
	margin-bottom: 0px;
	width: 777px;
	height: 1230px;
	/*Inner shadow*/
	-webkit-box-shadow: 0 1px 90px rgba(0, 0, 0, 0.85) inset;
	-moz-box-shadow: 0 1px 90px rgba(0, 0, 0, 0.85) inset;
	box-shadow: 0 1px 90px rgba(0, 0, 0, 0.85) inset;
}
.haunt h1 {
	font-family: 'Cabin Sketch', cursive;
	font-size: 3em;
	margin-top: 10px;
	margin-bottom: 0px;
}
.haunt h2 {
	font-family: 'Cabin Sketch', cursive;
	font-size: 2.5em;
	color: rgba(153,51,0,1);
}
.haunt h3 {
	font-family: 'Cabin Sketch', cursive;
	font-size: 2em;
	color: rgba(153,51,0,1);
}
.haunt p {
}
.hauntscript {
	font-family: 'Cabin Sketch', cursive;
	line-height: 1.5em;
	font-size: 2em;
	color: #999;
	/* Tilt  */
	transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	-webkit-transform: rotate(-2deg);
}
.pricing {
	font-size: 1.4em;
}
.subline {
	color: rgba(204,204,204,.4)!important;
	text-align: center;
	margin-top: 10px;
}
.link, .link a, .signupframe {
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.link, .link a {
	text-decoration: none;
}
.signupframe {
	text-align: center;
}
#SignUp {
	padding: 5px;
	-webkit-transform-style: preserve-3d;
	background-image: linear-gradient(180deg, #B2D96C 50%, #9ACF3A 50%);
	background-color: rgba(0,102,0,1);
	/* Rounded Corners */
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	/*Outer Shadow*/
	-webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.65);
	-moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.65);
	box-shadow: 0 3px 4px rgba(0, 0, 0, 0.65);
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,.7);
	border: 1px solid #358D0A;
	text-align: center !important;
}
.button {
	background-image: linear-gradient(180deg, #60A11E, #247C0D);
	background-color: rgba(72,113,0,1);
	color: #fff !important;
	padding: 10px;
	line-height: 2em;
	font-size: 1.3em;
	font-weight: 100;
	letter-spacing: 1px;
	/* Rounded Corners */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	transition: width .2s;
	-webkit-transition: all .2s;
	/*Outer Shadow*/
	-webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.65);
	-moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.65);
	box-shadow: 0 3px 4px rgba(0, 0, 0, 0.65);
}
.button:hover {
	background-color: rgba(0,51,0,1);/*Inner shadow*/
	-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.85) inset;
	-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.85) inset;
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.85) inset;
}
.centertext {
	text-align: center;
}
.holidays {
	font-size: 1.3em;
}
.Grid {
	width: 100%;
}
.colthirds {
	width: calc(33% - 20px);
	padding: 10px;
	float: left;
}
.colthirds img {
	width:100%;
	height: auto;
}
.activities h2 {
    text-align: center;
    display: block;
    border-bottom: 3px dashed rgba(53,141,13,1.00);
    clear: both;
    font-size: 2.5em;
    text-transform: uppercase;
    color: rgb(39, 105, 8);
    letter-spacing: 1px;
    padding-bottom: 5px;
    margin: 40px 0 20px;
    font-family: 'Staatliches', cursive;

}






.activities .colthirds, .activities .colhalves {
	position: relative;
	overflow: hidden;
	width: calc(33.333% - 20px);
	margin: 15px 10px;
    padding: 0;
	float: left;
	background: rgba(0,0,0,1);
	/* Rounded Corners */
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-khtml-border-radius: 50%;
	border-radius: 50%;
	/*Outer Shadow*/
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.45), 0 3px 12px rgba(0, 0, 0, 0.35);
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.45), 0 3px 12px rgba(0, 0, 0, 0.35);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.45), 0 3px 12px rgba(0, 0, 0, 0.35);
	/* Transition */
	transition: width .5s;
	-webkit-transition: all .5s;
}
.activities .colthirds:hover, .activities .colhalves:hover, .activities .colthirds.active, .activities .colhalves.active {
	/* No Rounded Corners */
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-khtml-border-radius: 0px;
	border-radius: 0px;
}.activities .colhalves {
	width: calc(50% - 20px);}
.activities .colthirds p.image {
	margin: 0;
}
.activities .colthirds img, .activities .colhalves img {
	width: 100%;
	height: auto;
	margin-bottom: -7px;
}
.activities .colthirds:hover img, .activities .colhalves:hover img, .activities .colthirds.active img, .activities .colhalves.active img{
	/* Opacity */
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.activities .colthirds .blockcontent, .activities .colhalves .blockcontent {
    font-size: 1.5em;
	position: absolute;
	top: 200%;
	height: calc(70% - 20px);
	width: calc(100% - 20px);
	padding: 10px;
	background-color: rgba(255,255,255,.9);
	color: #000;
	-webkit-box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.45), 0 -3px 12px rgba(0, 0, 0, 0.35);
 -moz-box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.45), 0 -3px 12px rgba(0, 0, 0, 0.35) box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.45), 0 -3px 12px rgba(0, 0, 0, 0.35);
	transition: width .8s;
	-webkit-transition: all .8s;
}
.activities .colthirds:hover .blockcontent, .activities .colhalves:hover .blockcontent, .activities .colthirds.active .blockcontent, .activities .colhalves.active .blockcontent{
	top: 30%;
}
.activities .colthirds h2, .activities .colhalves h2 {
	margin: 0;
	padding: 0 5%;
	text-align: center;
	color: #fff;
	font-family: 'News Cycle', sans-serif;
	text-transform: uppercase;
	text-shadow: 0px 2px 4px rgba(0,0,0,.4), 0px 3px 12px rgba(0,0,0,.4), 0px 6px 4px rgba(0,0,0,.5), 0px -3px 8px rgba(0,0,0,.5);
	position: absolute;
	top: 0px;
	height: 100%;
	width: 90%;
    font-size: 2.2em;
    line-height: 1em;
	display: flex;
	justify-content: center;
	flex-direction: column;
	transition: width .7s;
	-webkit-transition: all .7s;
}
.activities .colthirds:hover h2, .activities .colhalves:hover h2, .activities .colthirds.active h2, .activities .colhalves.active h2{
	height: 30%;
}
.activities .colthirds p, .activities .colhalves p {
	font-size: 1.1em;
	line-height: 1.2em;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
}











.Refreshments {
	text-transform: capitalize;
}
.overlay {
	text-align: center;
	position: fixed;
	z-index: 100000;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, .7);
	transition: opacity 500ms;
	visibility: hidden;
	opacity: 0;
	/*Smooth Edges*/
	-webkit-backface-visibility: hidden;
}
.overlay:target {
	visibility: visible;
	opacity: 1;
}
.popup {
	margin: 10% auto;
	padding: 0px;
	background: #fff;
	border-radius: 5px;
	width: 290px;
	min-width: 300px;
	position: relative;
	transition: all 5s ease-in-out;
	/*Outer Shadow*/
	-webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.65), 0 6px 24px rgba(0, 0, 0, 1);
	-moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.65), 0 6px 24px rgba(0, 0, 0, 1);
	box-shadow: 0 3px 4px rgba(0, 0, 0, 0.65), 0 6px 24px rgba(0, 0, 0, 1);
}
.popup iframe {
	display: block;
	margin: 0 auto;
}
.popup .close {
	position: absolute;
	top: 0px;
	right: 10px;
	transition: all 200ms;
	font-size: 30px;
	font-weight: bold;
	text-decoration: none;
	color: #333;
}
.popup .close:hover {
	color: orange;
}
.popup .content {
	overflow: auto;
}
#left .aw-current-weather-inner p {
	color: #000;
}
.rates li {
	margin-bottom: 15px;
	font-size: 1.3em;
	font-style: italic;
}
.rates li::first-line {
	font-style: normal;
	color: rgba(0,102,0,1);
}
.haunt .rates li::first-line {
	font-style: normal;
	color: rgba(152,51,2,1);
}
ul.rules  li {
	padding-bottom: 10px;
}
.colhalves {
	float: left;
	width: 49%;
	margin: 0.5%;
}
.map {
	position: relative;
}
	.shadowbox {
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
	pointer-events:none;
	/*Inner shadow*/
	-webkit-box-shadow:
	 0 1px 10px rgba(0, 0, 0, 0.85) inset, inset 0 7px 9px -7px rgba(0,0,0,0.4);
	-moz-box-shadow: 
	0 1px 10px rgba(0, 0, 0, 0.85) inset, inset 0 7px 9px -7px rgba(0,0,0,0.4);
	box-shadow: 
	0 1px 10px rgba(0, 0, 0, 0.85) inset, inset 0 7px 9px -7px rgba(0,0,0,0.4);}
.hmrates {
	clear: both;
	padding: 5px;
	background: rgba(0,0,0,0.84);
	margin: 10px 0;
}
.hmrates h2{
	text-align: center;
}.hmrates a img{
	display: block;
	margin: 0 auto;
}
.hmratesborder {
	border: rgba(171,70,0,1.00) 2px solid;
	padding: 5px 10px;
}
.activity {
	border: 2px solid rgba(107,167,33,1.00);
	padding: 10px;
	clear: both;
	margin: 10px 0;
	background: rgba(107,167,33,0.15);
}
.activity img {
	float: right;
	padding: 0;
	margin: 0 0 0 15px;
	/*Outer Shadow*/
	-webkit-box-shadow:  0 2px 4px rgba(0, 0, 0, 0.45), 0 3px 12px rgba(0, 0, 0, 0.35);
	-moz-box-shadow:  0 2px 4px rgba(0, 0, 0, 0.45), 0 3px 12px rgba(0, 0, 0, 0.35);
	box-shadow:  0 2px 4px rgba(0, 0, 0, 0.45), 0 3px 12px rgba(0, 0, 0, 0.35);
}
.activity h2 {
	font-size: 1.8em;
	text-transform: capitalize;
	margin: 0;
}

.newlocationshell {
    position: relative;
    width: 1000px;
    font-size: .9em;
    text-align: center;
    display: block;
    margin: -2px auto 10px;
}
.newlocation {
	width: calc(100% - 180px);
	background-image: linear-gradient(180deg, rgb(83, 113, 232), rgba(7,48,214,1.00));
	color: #fff;
	font-style: italic;
	text-transform: uppercase;
	padding: 10px 0;
	position: relative;
	transition: width .5s;
	-webkit-transition: all .5s;
	-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.85) inset, inset 0 7px 9px -7px rgba(0,0,0,0.4);
	-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.85) inset, inset 0 7px 9px -7px rgba(0,0,0,0.4);
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.85) inset, inset 0 7px 9px -7px rgba(0,0,0,0.4);
}
a.newlocationlink {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	font-weight: bold;
	text-transform: uppercase;
	background-color: rgb(0, 40, 154);
	color: #fff;
	width: 180px;
	display: block;
    padding: 10px 0;
	text-decoration: none;
	z-index: 2;
	transition: width .5s;
	-webkit-transition: all .5s;
	-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.85) inset, inset 0 7px 9px -7px rgba(0,0,0,0.4);
	-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.85) inset, inset 0 7px 9px -7px rgba(0,0,0,0.4);
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.85) inset, inset 0 7px 9px -7px rgba(0,0,0,0.4);
}
.newlocationshell:hover .newlocation {
	width: calc(100% - 240px);
}
.newlocationshell:hover a.newlocationlink {
	width: 240px;
	background-color:rgba(53,141,13,1.00) !important;
	/*Outer Shadow*/
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.45), 0 3px 12px rgba(0, 0, 0, 0.35);
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.45), 0 3px 12px rgba(0, 0, 0, 0.35);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.45), 0 3px 12px rgba(0, 0, 0, 0.35);
}
.icon {
	position: relative;
	overflow: hidden;
}
.icon:after {
	animation: shine 3s ease-in-out infinite;
	animation-fill-mode: forwards;
	content: "";
	position: absolute;
	top: -110%;
	left: -210%;
	width: 350%;
	height: 200%;
	opacity: 0;
	transform: rotate(30deg);
	background: rgba(255, 255, 255, 0.43);
	background: linear-gradient( to right, rgba(255, 255, 255, 0.43) 0%, rgba(255, 255, 255, 0.43) 77%, rgba(255, 255, 255, 0.5) 92%, rgba(255, 255, 255, 0.0) 100% );
}
.icon:active:after {
	opacity: 0;
}
 @keyframes shine {
 10% {
 opacity: 1;
 top: -30%;
 left: -30%;
 transition-property: left, top, opacity;
 transition-duration: 0.7s, 0.7s, 0.15s;
 transition-timing-function: ease;
}
 100% {
 opacity: 0;
 top: -30%;
 left: -30%;
 transition-property: left, top, opacity;
}

.animated {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}