@charset "utf-8";
/* CSS Document */

body {
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	background: #000;
	color: #fff;
	line-height: 1.45;
	font-size: 18px;
	margin-top:68px; /* Margin adjustment for sticky menu */
}

@media (max-width:767px) {
    body {margin-top:50px;} /* Margin adjustment for mobile menu */
}

body, html {
  height: 100%;
}
h4 {font-size:20px;} /* Override Bootstrap default of 18px */
h2, h3, h4, h5, h6 {
	font-family: "Josefin Sans", Helvetica, Arial, sans-serif;
  color: #F80698;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1.15;
  text-transform: uppercase;
  margin:0;

  text-shadow: 2px 2px 3px black, 1px 1px 10px #0000ff;
  -moz-text-shadow: 2px 2px 3px black, 1px 1px 10px #0000ff;
  -webkit-text-shadow: 2px 2px 3px black, 1px 1px 10px #0000ff;
}
button, h1, .btn {
  font-family: "Oswald", Helvetica, Arial, sans-serif;
}

hr {border: #333333 thin solid; margin: 16px auto; width:25%}

.container {max-width:960px; margin:auto; } /* Container Override */

/* Title Block styles */
.title-block {margin:auto; max-width:1200px; padding: 16px 12px 32px;}
.title-block h1, .pgHeader h1 { font-size:64px; }
.title-block h2, .pgHeader h2 { font-size:24px; color:#F80698;}
.title-block h2 span, .pgHeader h2 span {color:#fff;}

/* Main Content Area styles */
.main {
  color: #ccc;
  background: url(../images/pattern.jpg) repeat;
  padding: 64px 0;
}
.main p {margin-bottom:20px;}
.main a {
  color: #F80698;
  text-decoration: none;
}

.main a:hover {
  color: #fff;
  text-decoration: underline;
}
.page {max-width:1200px;}
.page h2 {text-align:center;}
.page h3, .page h4, .page h5, .page h6 {margin:32px 0 10px;}



/* Show Highlight styles */
.show-highlights {max-width:1200px; margin: 0 auto; text-align:center;}
.show-highlights img {
  border-radius: 100%;
  border: 3px solid #F80698;
  width:100%;
  max-width: 360px;
  box-shadow: 0px 0px 25px #0000ff;
  -webkit-box-shadow: 0px 0px 25px #0000ff;
  -moz-box-shadow: 0px 0px 15px #0000ff;
}
.show-highlights img:hover {
  border-color:#fff;
  box-shadow: 0px 0px 30px #0000ff;
  -webkit-box-shadow: 0px 0px 30px #0000ff;
  -moz-box-shadow: 0px 0px 20px #0000ff;
}
.show-highlights .highlight-box {padding: 32px 16px;}
.show-highlights h3 {margin-top:32px;}

/* Footer Styles */
footer {
	background-color: #101010;
	color: #bebebe;
	text-align:center;
	font-size:14px;
	padding:32px 6px;
}

footer a {
  color: #F80698;
  text-decoration: none;
}

footer a:hover {
  color: #fff;
  text-decoration: underline;
}

/* Button styles */
.btn {
  margin-top:0;
  display:inline-block;
  outline:0;
  padding:12px 24px;
  border-radius:8px;
  background:black!important;
  vertical-align:middle;
  overflow:hidden;
  text-align:center;
  cursor:pointer;
  white-space:nowrap;
  border: 2px solid #F80698;
  font-size:inherit;
  font-family:"Oswald"
}
.btn:hover {
  background:#F80698!important;
  border-color: #fff;
}
a.btn {
  color:white!important;
  text-decoration:none!important;
  text-transform:uppercase;
}


/* Background Image Styles */
.pgHeader { /* Sub Page Header */
  background-attachment: scroll;
  background-position: center center;
  background-size: cover;
  background-image: url(../images/NightFalls-Header.jpg);
  background-repeat: no-repeat;
  width:100%;
  padding: 64px 0;
}

.bgCountdown { /* Main Countdown Background */
  background-image: url(../images/fotolia_87870438_bw.jpg);
}

.bgContact { /* Phone Block Background */
  background-image: url(../images/couplebw.jpg);
}


.bgTimer { /* Sub Page Timer Background */
  background-image: url(../images/bgTimer.jpg);
}

.bgHours { /* Show Hours Background */
  background-image: url(../images/bgHours.jpg);
  background-position: center;
}

.bgWaterpark { /* Indoor Tropical Waterpark badge */
  background-image: url(../images/bgWaterpark.jpg);
}

.bgCountdown, .bgContact { /* Fixed Background */
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.bgTimer, .bgHours { /* Scrolling Background */
  background-attachment: scroll;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* Add a shadow and glow
.textShadow {
  text-shadow: 2px 2px 5px black, 1px 1px 20px #000099;
  -moz-text-shadow: 2px 2px 5px black, 1px 1px 20px #000099;
  -webkit-text-shadow: 2px 2px 5px black, 1px 1px 20px #000099;
}  */

.noTextShadow { /* Remove the text shadow as needed */
  text-shadow: none;
  -moz-text-shadow: none;
  -webkit-text-shadow: none;
}

/* Gallery section */
.gallery {margin-top:64px; text-align:center;}

/* Owl Carousel styles */
.owl-carousel img {
  margin:32px 0;
  border: 3px solid #F80698;
  box-shadow: 0px 0px 20px #0000ff;
  -webkit-box-shadow: 0px 0px 20px #0000ff;
  -moz-box-shadow: 0px 0px 15px #0000ff;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

.owl-carousel img:hover {
  border-color:#fff;
  box-shadow: 0px 0px 30px #0000ff;
  -webkit-box-shadow: 0px 0px 30px #0000ff;
  -moz-box-shadow: 0px 0px 20px #0000ff;
}

/*.w3-border-blue, .w3-hover-border-blue:hover {
  border-color: #0612fc!important
}*/

/* Side Column styles */
.sidebox {text-align:center; margin: 0 0 32px; padding:32px 12px; border:#f80698 solid 2px; border-radius:8px; }
.sidebox p {font-size:16px}
.sidebox .countdown h1 {font-size:20px;}

@media (max-width:767px){
  .sidebox .countdown h1 {font-size: 28px;}
  .sidebox p {font-size: 18px;}
}

@media (max-width:600px){
  .sidebox .countdown h1 {font-size: 20px;}
}
@media (max-width:480px){
  .sidebox .countdown h1 {font-size: 18px;}
}
@media (max-width:360px){
  .sidebox .countdown h1 {font-size: 16px;}
}

.sidebox h3, .photobox h3 {margin-top:0;}

.waterpark-badge, .photobox {margin: 0 0 32px;}
.waterpark-badge img {width:100%; opacity:0.85;}
.waterpark-badge img:hover {opacity:1;}
.photobox {text-align:center;}
.photobox .owl-carousel img {margin: 12px 0;}

/* Call Now block */
.phone-block {padding: 64px 0; text-align:center; }
.phone-block h1 {font-size:48px; margin: 8px 0 16px; }
.phone-block h1, .phone-block h2 { text-shadow: none; -moz-text-shadow: none; -webkit-text-shadow: none; }

@media (max-width:767px){
  .push {margin-top:64px;}
}

.boxGlow { /* Add a blue glow around divs */
  box-shadow: 0px 0px 20px #0000ff;
  -webkit-box-shadow: 0px 0px 20px #0000ff;
  -moz-box-shadow: 0px 0px 15px #0000ff;
}

strong { /* Bold style for body text */
  color: white;
  font-weight: bold;
}

/* Basic List Styles */
ol > li {margin-bottom:12px;}
.loweralpha {list-style-type: lower-alpha;}
.numeral {list-style-type: decimal; padding-left:1em;}


/* Accordion Styles */
.question:hover {
  cursor: pointer;
}

.event, .answer {
  display: none;
  overflow: hidden;
}
.events, .faqs {margin:32px 0;}
.events hr, .faqs hr {width:100%; border:thin solid #333; margin: 16px 0;}
.events h4 {margin: 20px 0 6px;}
.events h4:hover {color:#fff;}
.answer { font-style: italic; }
.events .question .plus, .events .question .minus {color:#fff; font-size:15px; margin-left:5px;}
.faqs .question .plus, .faqs .question .minus {color:#F80698; font-size:15px; margin-right:5px;}
.faqs p.question {margin-bottom:6px;}
.faqs p {margin-bottom:12px;}
header {background-color: #101010;}


/* Main Nav */
.vin-nav {
  border: 0;
  border-radius: 0;
  margin-bottom: 0px;
  font-family: "Oswald", sans-serif;
  font-size: 18px;
  background-color:#101010;
  text-transform:uppercase;
}

.vin-nav .container {max-width:1200px;}
.vin-nav ul {padding: 12px  0;}

.vin-nav .navbar-brand {
  color:#fff;
  text-transform:normal;
  font-size:16px;
  /*text-shadow: 2px 2px 5px black, 1px 1px 20px #000099;
  -moz-text-shadow: 2px 2px 5px black, 1px 1px 20px #000099;
  -webkit-text-shadow: 2px 2px 5px black, 1px 1px 20px #000099;*/
}
.vin-nav .navbar-brand:hover {color:#F80698;}
.vin-nav .navbar-brand span {color:#F80698;}

.vin-nav .navbar-nav > li > a:hover,
.vin-nav .navbar-nav > li.current-menu-item > a:link,
.vin-nav .navbar-nav > li.current-menu-item > a:visited  {
  color:white;
  background-color:#F80698;
}

.vin-nav .navbar-nav > li > a {}
.vin-nav .navbar-toggle {border-color: #F80698;}
.vin-nav .navbar-toggle:focus, .vin-nav .navbar-toggle:hover {
    background-color: #F80698;
}

@media (max-width: 767px) {
  .vin-nav ul {
    /*padding: 0;*/
    background-color:#101010;
    text-align:center;
  }
}

@media (min-width: 768px) {
  .vin-nav .navbar-nav > li > a {
    color:white;
    background-color:#181818;
    padding: 12px;
    margin-right: 6px;
    border-radius:5px;
  }
  .vin-nav .navbar-nav > li:last-child > a {margin-right:0;}
  .navbar >.container .navbar-brand, .navbar > .container-fluid .navbar-brand {
      margin-left: 0px;
  }
  .vin-nav .navbar-brand {padding:24px 12px; font-size:20px;}
}

@media (min-width: 991px) {
  .vin-nav .navbar-nav > li > a {
    padding: 12px 24px;
  }
}


/* Footer Links */

.nav-footer ul:before, .nav-footer ul:after {
  content: "";
  display: table;
}

.nav-footer ul:after {
  clear: both;
}

.nav-footer ul {
  *zoom: 1;
  text-align:center;
}

.nav-footer ul {
  list-style-type: none;
  padding: 0;
  margin: 12px 0 0;
}

.nav-footer ul li {
  display:inline;
  padding-left: 0;
  margin-left:-4px
}
.nav-footer ul li a {
  padding: 0 12px 0;
  border-right: 1px solid #333;
  margin-left:0;
}

.nav-footer ul li:first-child a { padding-left:0; }
.nav-footer ul li:last-child a {
  margin-right: 0;
  padding-right:0;
  border-right: 0;
}

/* Social Media Icons */
ul.social {margin-bottom:20px; list-style-type:none;}
ul.social li {display:inline;}
ul.social i {font-size:24px;}
ul.social a {opacity:1;}
ul.social a:hover {opacity:.75;}
i.fa-twitter {margin-left:20px;}

.warning {font-style:italic; margin:0 0 32px;}
.warning i {color: #ffc107;}

/* Sponsor Logos */
.logos { padding: 16px 0 32px;}
.logos a {opacity:0.85;}
.logos a:hover {opacity:1;}

/* Countdown Styles */
.countdown {padding:64px 12px; text-align: center;}
.countdown .until {font-size: 24px;}
.countdown .labels {color:#f80698;}
.countdown h1 { font-size: 36px; }
.countdown h1 { text-shadow: none; -moz-text-shadow: none; -webkit-text-shadow: none; }

.page .countdown {padding:32px 0;}

/* Pricing Table */
/* Style the list */
.pricetable {
	list-style-type: none;
	border: 2px solid #F80698;
	margin: 32px 0;
	padding: 0;
	background-color:#fff;
	color:#000;
	border-radius:8px;

}

/* Pricing header */
.pricetable .header {
	background-color: #000;
	color: white;
	font-size: 24px;
	border-radius: 6px 6px 0 0;
	font-family: 'Oswald';
	text-transform:uppercase;
}
.pricetable .header small {font-size:14px; color: white; font-family: 'Open Sans'; font-style:italic;}
/* List items */
.pricetable li {
	border-bottom: 1px solid #ddd;
	padding: 24px;
	text-align: center;
}
.pricetable li:last-child {
	border-bottom:0;
}

/* Pricing Footer */
.pricetable .footer {
	background-color: #ddd;
	border-radius: 0 0 6px 6px;
}

.pricetable .price {
	font-size:64px;
	font-family:'Josefin Sans';
	color:#F80698;
}
.pricetable .price span {
	font-size:15px;
	color:#666;
	display:block;
	margin-top:0;
}
.pricetable small {color:#666;
	display:block;
	padding-top:12px;
}
.pricetable sup {
    vertical-align:middle;
    font-size: .5em;
}
.upgrade sup {
    font-size: .55em;
}
.upgrade {list-style-type:none; margin:0 0 0 -1em;}
.upgrade li {padding:6px; border:0;}
.upgrade .title {font-size: 24px; font-family:'Oswald'; text-transform:uppercase; margin:0;}
.upgrade .cost { font-family: 'Josefin Sans'; font-size:48px;}
.upgrade .cost span {font-size:15px; color:#666; display:block;}

.inclusiveList {list-style-type:none; margin: 16px 0 16px -1em;}
.inclusiveList li {border-bottom:0; text-align:center; padding:5px 0; font-size:.90em; }
.inclusiveList li:before {
	font-family: 'FontAwesome';
	content: '\f00c';
	margin:0 5px 0 -15px;
	color:#F80698;
	font-size:.85em;
	}
.inclusiveList li span.small {color:#555;}

/* Responsive Styles */

@media (max-width:600px) {
  .title-block h1, .pgHeader h1 {
    font-size: 48px;
  }
  .title-block h2, .pgHeader h2 {
    font-size: 18px;
  }
  .pgHeader {padding:32px 0;}
  .countdown h1 {
    font-size: 20px;
  }
  .countdown h1 span.until {
    font-size: 18px;
  }
}
