/*
Theme Name:         Datappraise 
Theme URI:          http://foundationpress.olefredrik.com
Description:        Custom Foundation Theme
Version:            1
Author:             JVF Consulting 
Author URI:         http://www.jvfconsulting.com/

*/

/* ---------------------------------------------------------------------------- 
  
  Unfortunately WordPress will require a style.css file
  located in the theme's root folder for stuff to work.

  However, we will not be using vanilla CSS. We're using Sass.

  Sass is a superset of CSS that adds in amazing features
  such as variables, nested selectors and loops. It's also
  the easiest way to customize Foundation.

  All Sass files are located in the /scss folder.

  Please read the README.md file before getting started. More info on how
  to use Sass with Foundation can be found here:
  http://foundation.zurb.com/docs/sass.html

  If you for some reason would like to write plain css instead of using Sass,
  you could just enqueue this file (style.css) to the header and add your styles in this file

---------------------------------------------------------------------------- */
body {
  color: #3b3b3b;
}
h1, h2, h3, h4, h5 {
  font-family: 'Open Sans', sans-serif;
  line-height: auto !important;
}
p, a, div, li, td, span, strong {
  font-family: 'Open Sans', sans-serif;
}
/* Firefox 18- */
::-webkit-input-placeholder {
   color: #787878;
}
::-moz-placeholder {  
   color: #787878;
}

:-ms-input-placeholder {  
   color: #787878;
}
a {
  color: #266284;
}
a:hover {
  color: #266284;
  text-decoration: underline;
}


/* =============================
  Home Page
================================*/

/* Header */

.hero-banner-home {
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}
.featured-text h1 {
  font-weight: bold;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
  font-size:  3.75rem;
}
.featured-text p {
  color: #fff;
  font-weight: bold !important;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
  font-size: 1.5rem;
}
.featured-text a {
  color: #fff;
  border: 1px solid #fff;
  padding: 10px;
  font-weight: bold;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
}

.featured-text a:hover {
  color: #333;
  border: 1px solid #dadada;
  padding: 10px;
  font-weight: bold;
  text-shadow: none;
  background: #fff;
  opacity: 0.8;
}

/* Call to Actions */

.cta-wrapper {
  width: 100%;
  background: #1d5473;
  padding: 40px;
  color: #fff;
}
.cta-wrap-inner {
  margin: 0px 60px;
  max-width: 600px;
  margin: 0px auto;
}
.cta-block {
  text-align: center;
}
.cta-wrap-inner .cta-title {
  color: #56bdf8;
  font-size: 24px;
  display: block;
  margin-bottom: 10px;
}
.cta-wrap-inner .cta-title a {
  color: #56bdf8;
  font-size: 24px;
}

.cta-wrap-inner .cta-title a:hover {
  color: #ce6200;
  font-size: 24px;
}

/* Content Blocks */

.content-block {
  margin: 0px auto;
}
.content-block h2 {
  font-weight: 400;
  color: #fff;
}
.content-block p {
  color: #fff;
}
.content-block a {
  padding: 10px 30px;
  font-weight: bold;
  display: inline-block;
}
.content-block1  .content-block a {
  color: #BB6F00;
  border: 2px solid #BB6F00;
}
.content-block2  .content-block a {
  color: #4495c2;
  border: 2px solid #4495c2;
}
/*.content-block1-bg {
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
  background-attachment: fixed !important;
}*/
.content-block1 {
  background: #f9c016;
  padding: 30px;
}
.content-block2 {
  background: #1d5473;
  padding: 30px;
}
.pointer-icon {
  position: absolute;
}

/* Featured Concert */

.concert-wrapper h2 {
  font-weight: bold;
  font-size: 48px;
  margin-bottom: 20px;
}
.concert-wrapper li {
  text-align: center;
  font-size: 16px;
  color: #444444;
}
.concert-image-wrapper {
  height: 200px;
  width: 235px;
  overflow: hidden;
  margin: 0px auto;
  background: #000;
}
.concert-title {
  padding: 20px 0px 15px;
  font-size: 20px;
  color: #444444;
  line-height: 24px;
}
 
.btn-orange-link {
  background: #4495c2;
  color: #ffffff !important;
  font-size: 18px;
  border: 2px solid #4495c2;
  padding: 10px 20px;
  text-transform: uppercase;
  display: inline-block;
  margin: 40px 0px;
}

/* Featured Testimonials */

.review-wrapper {
  background: #f9c016;
  padding: 40px 40px 0px;
  color: #fff
}
.testimonial-image-wrapper img {
  border-radius: 100px;
  border: 5px solid #fff ;
}
.testimonial-featured-content {
  color: #fff;
  font-size: 18px;
  margin-bottom: 40px;
}

/* =============================
  Level 2 
================================*/
 

/* Header  */

.header-l2 {
  background: #104966;
  padding-top: 40px;
  overflow: hidden;
  height: 200px;
}

/* content */

.content-wrapper {
  position: relative;
  background: #eeeeee;
}
.content-wrapper h1 {
  font-size: 48px;
  color: #266284;
  margin-top: 30px;
  margin-bottom: 30px;
  font-weight: 500;
}
.content-wrapper h2 a, .content-wrapper h2 {
  font-size: 30px;
  color: #3b3b3b;
  font-weight: 400;
  margin: 0px 0px 20px;
}
.content-wrapper h3 {
  font-weight: 700 !important;
  font-size: 24px;
  margin: 20px 0px;
  color: #3b3b3b;
}

/* Concert Page */

.concert-info-grid li {
  font-size: 15px;
  padding: 0px 5px;
  margin: 0px;
  color: #2f2f2f;
}
.concert-info-grid p {
  font-size: 15px;
  color: #2f2f2f;
}
.concent-list {
  text-align: center;
  background: #fff;  
}
.concent-list span {
  font-size: 20px;
  color: #444444; 
  padding: 10px 5px;
  display: block;
  height: 110px;
}
.btn-ticket {
  background: #e35500;
  color: #ffffff;
  font-size: 18px;
  padding: 10px 30px;
  text-transform: uppercase;
  display: inline-block;
  margin: 10px 0px 20px;
}
.btn-ticket:hover {
  background: #ff9555;
  color: #ffffff;
}
.concert-image-wrapper {
  text-align: center;
  background: #000;
  width: 100%;
  display: block;
  margin-top: 10px;
}
.right-column-wrapper {
  padding: 20px 0px;
}
.right-column-wrapper img {
  max-width: 200px;
}

/* Gallery Block */

.gallery-block {
  background: #fff;
  padding: 20px; 
}
.gallery-list-item {
  background: #fff;
  width: 228px;
  margin: 0px auto;
}
.gallery-list-item h3 {
  color: #444444;
  font-size: 20px; 
  font-weight: normal !important;
  padding: 10px 10px;
  margin: 0px;
  height: 80px;
}

/* Testimonial */

.content-wrapper .testimonial-list {
  padding: 20px 0px 40px;
  border-bottom: 1px solid #c4c4c4;
}
.content-wrapper .testimonial-list {
  padding: 20px 0px 40px;
  border-bottom: none;
}

/* Amenities  */
.wrapper-amenities {
  background: #fff;
  padding: 40px 20px;
}

.wrapper-amenities li {
  list-style: none;
  margin: 0px 0px 10px;
}
.wrapper-amenities li a {
  color: #266284;
  line-height: 30px;
  font-size: 1rem;
}
.wrapper-amenities .activity-list {
  margin: 0px 10px 0px 0px !important;
	padding: 0px !important;
	border-bottom: 1px solid #ddd;
}
.wrapper-amenities .activity-list li {
  list-style: none;
  margin: 0px 0px 0px !important;
  line-height: 24px;
	padding: 10px 5px;

}
.jumpto-links {
	display: inline-block;
	padding: 0px 8px;
}
.wrapper-amenities h2 a {
  color: #266284 !important;
}

/* Responsive Video */

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* =============================
  Sidebar Styles
================================*/


/* Widget Containers */

.widget-block {
  padding: 15px 20px 10px 10px;
  border-radius: 6px;
}

.widget-block article {
  background: #fff;
  padding: 15px 20px 0px 0px;
}
.widget-block ul {
  padding: 0px 0px 20px; 
  margin: 0px;
  border-bottom: 1px solid #
}
.widget-block li {
  list-style: none;
  padding: 0px; 
  margin: 0px;
}
.widget-block li a {
  color: #787878;
}
.widget-block li a:hover {
  color: #646464;
}
.side-bars-container{
    width: 340px;
    display: table-cell;
    vertical-align: top;
}
.sidebar-container{
  width: 100%;
  padding: 30px 7px;
  float: left;
  background-color: #fff;
  border: 1px solid #dddddd;
  width: 340px;
}

/* =============================
  Footer Styles
================================*/

/* Footer Heading */

.footer-heading { 
  background: url(images/bg-footer-reserve3.jpg) no-repeat top center;
  padding: 30px;
  height: 600px;
  background-size: cover;
}
.footer-heading h2 { 
  color: #323232;
  font-weight: bold;
  font-size: 48px;
  font-family: 'Open Sans', sans-serif;
}
.footer-heading h4 { 
  color: #323232;
  font-weight: normal;
  font-size: 18px;
  font-family: 'Open Sans', sans-serif;
}
.footer-heading .btn-blue-link {
  background: #4495c2;
  color: #ffffff;
  font-size: 18px;
  border: 1px solid #ffffff;
  padding: 10px 20px;
  text-transform: uppercase;
  display: inline-block;
  margin: 40px 0px;
}
.footer-heading .btn-blue-link:hover {
  background: #2e6c8d;
  color: #ffffff;
  font-size: 18px;
  border: 1px solid #ffffff;
  padding: 10px 20px;
  text-transform: uppercase;
  display: inline-block;
  margin: 40px 0px;
}

/* Footer Sign Up Form */

.signup-form-wrapper {
  width: 100%;
  background: #1d5473;
  padding: 30px 0px 30px;
  color: #fff;
}
.signup-form-inner-wrapper {
  max-width: 600px;
  margin: 0px auto;
  padding: 0px;
}
.signup-form-inner-wrapper .btn-orange-link {
  background: #4495c2;
  color: #ffffff;
  font-size: 18px;
  border: 2px solid #4495c2;
  padding: 5px 20px;
  text-transform: uppercase;
  display: block;
  margin: 0px 0px;
  text-align: center;
}

/* Footer Links */

.footer {
  background: #000;
  padding: 20px 0px;
  font-size: 12px;
}
.form-grid {
  padding: 20px 0px 0px;
  margin: 0px;
}
.form-grid input {
  color: #787878;
}
.footer .top-bar-menu li {
  list-style: none;
  display: inline-block;
  padding: 3px 3px;
}
.footer .top-bar-menu a, .footer a {
  font-size: 12px;
  color: #ffffff;
}
.footer .top-bar-menu a:hover, .footer a:hover {
  text-decoration: underline;
}
.footer p {
  font-size: 12px;
  color: #ffffff;
}
.footer-social{
  padding: 20px 0px 10px;
}
.footer-social a {
  padding: 5px;
}


/* =============================
  Navigation
================================*/

/* Top Navagation Wrapper */

.top-nav-bar {
  background: #0f364d;
  padding: 0px 5px;
  position: fixed;
  width: 100%;
  z-index: 100;
}

/* Top Bar */

.top-menu {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.top-nav-bar .top-menu li {
  float: left;
  font-size: 12px;
  color: #ffffff !important;
  padding: 3px 8px 4px 0px;
  text-transform: uppercase;
}
.top-nav-bar .top-menu li a {
  font-size: 12px;
  color: #ffffff !important;
  text-transform: uppercase;
}
.top-nav-bar .top-menu li #weather {
  float: right;  
  font-size: 12px !important;
  color: #ffffff !important;
  text-transform: uppercase;
}
.link-resevation {
  background: #ffa822;
  padding: 3px 8px 4px !important;
}
.link-resevation:hover {
  background: #ffa822;
  padding: 3px 8px 4px !important;
}

/* Main Navagation Menu  */

ul#menu-main-nav {
  list-style: none;
  text-align: center !important;
  display: inline-block;
  margin: 0px auto;
  background: none !important;
} 
.top-bar-section ul li {
  color: #FFF;
  padding: 0px 5px !important;
  font-size: 16px !important;
  background: none !important;
  border: none !important;
  display: block;
  vertical-align: middle !important;
}
ul#menu-main-nav li a {
  background: none !important;
  font-size: 16px;
  font-weight: bold !important;
  padding: 5px 0px !important;
  font-family: 'Open Sans', sans-serif;
  text-align: center !important;
  float: none;
  line-height: 24px !important;
  vertical-align: middle !important;
  color: #ffffff !important;
  text-transform: uppercase;
}
ul#menu-main-nav li a:hover, ul#menu-main-nav li.active a {
  border-bottom: 2px solid #ffffff !important;
  text-decoration: none;
}
ul#menu-main-nav li:last-child a {
  color: #ffa822 !important;
  text-decoration: none;
}
ul#menu-main-nav li:last-child a:hover, ul#menu-main-nav li.active:last-child a {
  border-bottom: 2px solid #ffa822 !important;
  text-decoration: none;
}

/* Forms */

#sidebar #searchform #s, .searchform .searchterm {
  border: none;
  box-shadow: none;
}
#sidebar #searchform #searchsubmit,  .searchform .searchbutton {
  border: none;
  box-shadow: none;
  background: none;
}
#sidebar #searchform .row, .searchform .row {
  border: 1px solid #888;
  padding: 0px;
  margin: 0px;
  height: 40px;
}
#sidebar #searchform .columns, .searchform .columns {
  padding: 0px;
  margin: 0px;
}

#sidebar #searchform, .searchform {
  padding: 0px;
  margin: 0px;
  height: 20px;
}



input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
	color: #333 !important;
}

/* =============================
  Mobile Main Menu
================================*/

.off-canvas-wrap {
  position: absolute;
  top: 0px;
  right: 0px;
}
.off-canvas-wrap.move-left {
  position: fixed;
  height: 100%;
  z-index: 10000;
}
.off-canvas-wrap.move-left  .inner-wrap {
    height: 100%;
}
.off-canvas-wrap .right-off-canvas-menu {

}
ul.off-canvas-list li a {
  border: none !important;
  color: #ffffff !important;
  padding: 3px 10px !important;
}
ul.off-canvas-list li a:hover {
  background: transparent !important;
}
.right-off-canvas-menu a {
  color: #666 !important;
  text-align: left;
  border-bottom: 1px solid #eee !important;
}
.right-off-canvas-menu li.has-submenu {
  background: url(images/menu-arrow-right.png) no-repeat 90% center;
}
.right-off-canvas-menu li:last-child a {
  border-bottom: none !important;
}
.right-off-canvas-menu hr {
  margin: 0px;
}
ul.off-canvas-list li a:hover {
  background: #d5d5d6;
}
.move-left .exit-off-canvas {
  box-shadow: none !important;
  border-right: 1px solid #eeeeee;
}
.menu-icon {
  width: 24px;
  height: 24px;
  background: url(images/rwd-nav-2.png) no-repeat;
  float: right;
  margin: 30px 10px;
}
.right-submenu .back>a {
  background: #d5d5d6 !important;
}
.right-off-canvas-menu {
  background: #fff;
}

/* =============================
  Media Screen Sizes
================================*/

/* Small screens */

@media only screen and (max-width: 40em) { 

  .right-off-canvas-menu {
    background: #421c0d;
  }

  .hero-banner-home {
    /*height: 200px;*/
  }
  .featured-text {
    padding: 20px 0px;
  }
  .featured-text h1 {
    font-size: 28px !important;
    line-height: 34px !important;
  }
  .featured-text h2 {
    font-size: 22px !important;
    line-height: 26px !important;
  }
  .featured-text p {
    font-size: 16px !important;
    line-height: 20px !important;
  }

  .content-block1-bg {
    min-height: 360px;
    background-attachment: scroll;
    background-position: top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
  }
  .header-l2 {
    height: auto;
  }

  .form-grid {
    padding: 20px;
    margin: 0px;
    height: auto;
  }

  .footer-heading { 
    padding: 10px 20px;
    height: 500px;
  }
  .footer-heading h2 { 
    font-size: 28px;
  }
  .footer-heading h4 { 
    font-size: 14px;
  }
  .footer-heading .btn-blue-link {
    margin: 270px 0px 0px 0px;
  }

}

/* Medium screens */

@media only screen and (min-width: 40.063em) {

  .top-nav-bar {
    position: fixed;
  }

  .featured-text {
    padding: 20px 0px;
  }
  .featured-text h1 {
    font-size: 28px !important;
    line-height: 34px !important;
  }
  .featured-text h2 {
    font-size: 22px !important;
    line-height: 26px !important;
  }
  .content-l2 {
    background: #fff;
    margin-top: 20px;
    margin-bottom: 50px;
    padding: 20px 20px;
  }  
  .content-l2 .featured-text {
    min-height: 300px;
    padding: 90px;
  }

  .content-block1-bg {
    height: 360px;
  }
  .form-grid {
    padding: 0px;
    margin: 0px;
    height: auto;
  }

}

/* Large screens */

@media only screen and (min-width: 64.063em) { 

  .hero-banner-home {
    height: 600px;
  }

  .featured-text h1 {
    font-size:  3.75rem !important;
    line-height:  4.00rem !important;
  }
  .featured-text p {
    font-size: 1.5rem !important;
  }

  .content-block1-bg {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    height: 50%;
  }

  .featured-text {
    padding: 0px;
  }
  .footer-wrapper { 
    height: 50%;
  }

}

/* XLarge screens */

@media only screen and (min-width: 90.063em) { 
  
  .hero-banner-home {
    height: 850px;
  }
  .featured-text {
    padding: 100px 0px;
  }

}

/* =========
  Parallax
============*/


section.module p {
  margin-bottom: 40px;
  font-size: 16px;
  font-weight: 300;
}
section.module p:last-child {
  margin-bottom: 0;
}
section.module.content {
  padding: 0px 0;
}
section.module.parallax {
  padding: 0 0;
  background-position: top 0;
  z-index: 9999;
}


/* ======================
  Foundation Overides
========================*/

.contain-to-grid {
  background: none !important;
}


/* ======================
  Google Maps
========================*/
.map-overlay {
   background: transparent; 
   position: relative; 
   width: 100%;
   height: 500px;
   top: 500px;  /* your iframe height */
   margin-top: -500px;  /* your iframe height */
}