/* ==========================================================================
    Fonts and color
   ========================================================================== */

@font-face {
  font-family: 'adobecaslonpro';
  src: url('fonts/adobecaslonpro.ttf'); 
}

*{
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.background-off-white{
  background-color: #F2F7F4;
}

.light-blue{
  color: #374E9B;
}

.dark-blue{
  color: #374E9B;
}

.title{
  padding-bottom: 0.7em;
  color: #374E9B;
}


/* ==========================================================================
   Images
   ========================================================================== */

.img-circle {
    border-radius: 50%;
    /*border: 1px solid #374E9B;*/
}

/* ==========================================================================
   Sections
   ========================================================================== */

.hidden{
  display: none;
}

#header-unit img{
  opacity: 1;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;

}
/*
#header-unit img:hover{
  opacity: 0.5;
}
*/
#header-unit .owl-text-overlay   {
  transition: opacity .50s ease-in-out;
  -moz-transition: opacity .50s ease-in-out;
  -webkit-transition: opacity .50s ease-in-out;
  position: absolute;
  text-align: center;
  padding-top:18vh;
  padding-right: 3em;
  width: 100%;
  height: 100%;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  color: #fff;

  background: rgba(0, 139, 183, .3);
  padding-bottom:20px;
  pointer-events: none;


}

#header-unit .owl-title  {
  font-size: 12.5em;

}



#header{
  background-color: #F2F7F4;
}

#welcome{
  padding: 20px;
  background-color: #fff;
}

#welcome h1{
  color:#374E9B;
}

#welcome .container-fluid{
  background-color: #fff;
}
#welcome p{
  font-size: 1.2em;
  font-weight: lighter;
}

#welcome .voting{
  margin-top: 1.6em;
}
#welcome .voting img{
  margin: 0 auto;
}
#welcome .voted{
  padding-bottom: 0.7em;
  color: #374E9B;
  font-size: 1.5em;
  font-weight: lighter;
}

/**** Features ****/

#features{
  padding: 20px;
   background-color: #F2F7F4;
}

#features p{
  max-width: 350px; 
  padding:10px; 
  margin: 0 auto;
  font-size: 1.2em;
}

.btn-blue{

  background-color: #374E9B;
  color: #fff;
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  font-size: 1.2em;
  font-weight: 500;
}

.btn-blue:hover{
  background-color: #64cec2;
}

#features .flex-item{
  padding-bottom: 20px;
  background-color: #FFF;
}

#footer{

}
/* ==========================================================================
   Booking Card
   ========================================================================== */


#bookingCard {
  background-color: #fff;
  max-width: 375px;
  margin: 0 auto;
  border-radius: 4px;

}

#bookingCard .header {
  text-align: center;
  padding: 0.3em 0;
  background-color: #374E9B;
  border-radius: 4px 4px 0 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .2);

}

#bookingCard .header-text {
  text-transform: uppercase;
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  font-size: 2.6em;
  font-style: italic;
  color: #fff;
}

#bookingCard .box-header {
  text-transform: uppercase;
  color: #bbb;
}

#bookingCard .box{

  width: 46.5%;
  display: inline-block;
  padding: 1em 0 1.3em 1.3em;
  position: relative;

}

#bookingCard .box select {
  width: 95%;
  height: 100%;
  margin: 5px 0 0;
  text-transform: uppercase;
  border: 0;
  font-size: 1.6em;

}

#bookingCard .booking-row{
  border-bottom: 1px solid #eee;
  width: 100%;
}

#bookingCard .booking-divider-right{
    border-right: 1px solid #eee;
}
#bookingCard .guest_box{
border-right: 1px solid #eee;
}

#bookingCard .date_text{
  margin: 5px 0 0;
  text-transform: uppercase;
  font-size: 1.6em;
}

#bookingCard .border-right{
    border-right: 1px solid #eee;
}

#bookingCard button {
  width: 100%;
  background-color: #374E9B;
  border: 0;
  border-radius: 0 0 4px 4px;
  color: #eee;
  padding: 1.2em;
  cursor: pointer;
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  text-transform: uppercase;
  font-size: 1.4em;
  font-weight: 600;
}

#bookingCard button:hover {
  background-color: #64cec2;

}


/* ==========================================================================
   Flex Grid and Boxes
   ========================================================================== */

/**** Flex Grid ****/

.flex-container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex: 1;
    -webkit-flex-flow: wrap;
    flex-wrap: wrap;
}

.flex-spaced{
    align-items: streach;
    justify-content: space-between;
    flex-direction: row;
}
.flex-center{
    align-items: streach;
    justify-content: center;
    flex-direction: row;
}


.flex-item{
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 1px;
    flex-basis: 22%0;
    padding: 15px;
}

.flex-item .flex-header{
  margin-top: auto;
}

.flex-item .flex-body{
  margin-top: auto;
  margin-bottom: auto;
}

.flex-item .flex-footer{
position:absolute;
}

@media only screen and (max-width: 1200px){
  .flex-item{
      margin-right: 5px;
      margin-left: 5px;
      margin-bottom: 10px;
      flex-basis: 44%;
      padding: 15px;
  }
}

@media only screen and (max-width: 700px){
  .flex-item{
      margin-right: 5px;
      margin-left: 5px;
      margin-bottom: 10px;
      flex-basis: 100%;
      padding: 15px;
  }
}



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

/**** General Navbar  ****/

#navbar .navbar-nav{
  padding-top: 0.6em;
}

/**** Navbar Style  ****/

/* navbar */
.navbar-white {
    background-color: #fff;
    border-color: #E7E7E7;
}

/* Title */
.navbar-white .navbar-brand {
    color: #777;
}
.navbar-white .navbar-brand:hover,
.navbar-white .navbar-brand:focus {
    color: #5E5E5E;
}
/* Link */
.navbar-white .navbar-nav > li > a {
    color: #374E9B;
}
.navbar-white .navbar-nav > li > a:hover,
.navbar-white .navbar-nav > li > a:focus {
    color: #000;
}
.navbar-white .navbar-nav > .active > a,
.navbar-white .navbar-nav > .active > a:hover,
.navbar-white .navbar-nav > .active > a:focus {
    color: #555;
    background-color: #E7E7E7;
}
.navbar-white .navbar-nav > .open > a,
.navbar-white .navbar-nav > .open > a:hover,
.navbar-white .navbar-nav > .open > a:focus {
    color: #555;
    background-color: #D5D5D5;
}
/* Caret */
.navbar-white .navbar-nav > .dropdown > a .caret {
    border-top-color: #777;
    border-bottom-color: #777;
}
.navbar-white .navbar-nav > .dropdown > a:hover .caret,
.navbar-white .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #333;
    border-bottom-color: #333;
}
.navbar-white .navbar-nav > .open > a .caret,
.navbar-white .navbar-nav > .open > a:hover .caret,
.navbar-white .navbar-nav > .open > a:focus .caret {
    border-top-color: #555;
    border-bottom-color: #555;
}

/* Mobile version */
.navbar-white .navbar-toggle {
    border-color: #DDD;
}
.navbar-white .navbar-toggle:hover,
.navbar-white .navbar-toggle:focus {
    background-color: #DDD;
}
.navbar-white .navbar-toggle .icon-bar {
    background-color: #CCC;
}

/**** Navbar Top  ****/

#navbar .navbar-phone{
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  font-size: 2.3em;
  height: 2.61em;
  padding-top:.8em;
  margin-right: 2em;
}

#navbar .navbar-phone a {
  color: #374E9B;
}

#navbar .navbar-banner{
  background-color: #374E9B;
  padding-top:1.2em;
  height: 4.9em;

}

#navbar .navbar-banner a{
  color: #fff;
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  font-size: 1.6em;
}

#navbar .navbar-banner a:hover{

  background-color: #374E9B;
}

/**** Navbar Large Screen ****/

@media only screen and (min-width: 1200px) {
  
  body {
    padding-top: 165px;
    padding-bottom: 20px;
  }
  
  #navbar .nav-bottom{
    font-size: 1.2em;
    padding: 15px;
    height: 80px;

  }

  #navbar .nav-bottom li{
    border-right: 1px solid #F2F7F4;

  }

  #navbar .navbar-logo-lg {
    width: 230px;
    position: relative;
    bottom: 80px;
    transition: all .40s ease-in-out;
  }

  #navbar .navbar-logo-sm {
    width: 140px;
    position: relative;
    bottom: 25px;
    transition: all .40s ease-in-out; 
  }
}

/**** Navbar Small Screen ****/

@media (max-width: 1200px) {
  
    body {
      padding-top: 70px;
      padding-bottom: 20px;
    }

    #navbar .nav-bottom{
      font-size: 1.2em;
      padding: 10px;
    }

    #navbar .navbar-logo-lg {
      width: 100px;
      position: relative;
      bottom: 23px;
      transition: all .40s ease-in-out;
    }
    
    #navbar .navbar-logo-sm {
    
      width: 100px;
      position: relative;
      bottom: 23px;
      transition: all .40s ease-in-out;
    }
    
    
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;

    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;

    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
    .navbar-white .navbar-nav .open .dropdown-menu > li > a {
        color: #777;
    }
    .navbar-white .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-white .navbar-nav .open .dropdown-menu > li > a:focus {
          color: #333;
    }

  }


/* ==========================================================================
   Constant Contact
   ========================================================================== */

#constant-contact .constant-contact{
    color:#5b5b5b; 
    background-color:#FFFFFF;
}


#constant-contact .ctct-custom-form {
    font-size: 16px;
    line-height: 1.5;
    min-width:350px;
    margin:0 auto;
    box-sizing:border-box;
    padding: 15px;
}
#constant-contact .ctct-form-defaults {
    color: #000;
    padding:15px;
    border-radius:5px;
}
#constant-contact .ctct-custom-form * { box-sizing:border-box; }
#constant-contact .ctct-custom-form p { margin: 0; margin-bottom: 24px;}
#constant-contact .ctct-custom-form select { width: 100%; height: 46px; border: 1px solid #b0b6bb; background-color: #fff; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }
#constant-contact .ctct-custom-form .ctct-form-required { position: relative; }
#constant-contact .ctct-custom-form .ctct-form-required:before {content: "\2217";position: absolute;top: -4px;left: -12px;color: #f5463b; }
#constant-contact .ctct-custom-form input[type="text"] {
    width: 100%;
    padding: 10px 15px;
    border: 1px solid #b0b6bb;
    border-radius: 4px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    font-family: Helvetica Neue, Arial, sans-serif;
    color: #394856;
    font-size: 16px;
    line-height: 1.5; 
    }
#constant-contact .ctct-custom-form input[type="text"]:focus { outline: 1px solid #5dacd6; }
#constant-contact .ctct-custom-form .ctct-form-errorMessage {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 12px;
    color: #f5463b; 
}
#constant-contact .ctct-custom-form ::-webkit-input-placeholder { color: #88919a; }
#constant-contact .ctct-custom-form :-moz-placeholder { color: #88919a; }
#constant-contact .ctct-custom-form ::-moz-placeholder { color: #88919a; }
#constant-contact .ctct-custom-form :-ms-input-placeholder { color: #88919a; }
#constant-contact .ctct-custom-form input.is-error, .ctct-custom-form .ctct-form-input.is-error {
    border-color: #f5463b !important;
    color: #f5463b !important; 
}
#constant-contact .ctct-custom-form label {
    display: block;
    margin-bottom: 12px;
    line-height: 1; 
}
#constant-contact .ctct-custom-form .Button {
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;;

    cursor: pointer    font-size: 16px;
    padding: 14px 20px;
    line-height: 1;
    background-image: none;
    background-color: #374E9B;
    color: #0078c1;
    border: none;
    box-shadow: none;
    border-radius: 2px;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out; 
}
#constant-contact .ctct-custom-form .ctct-button {
    color: #fff;
    background-color: #374E9B;
    display: block;
    width: 100%; 
}

#constant-contact .ctct-custom-form .ctct-button:hover {
    color: #fff;
    background-color: #64cec2; 
}

#constant-contact .ctct-custom-form .ctct-button:active {
    background-color: #005c94; 
}

#constant-contact .ctct-custom-form .ctct-form-footer {
    font-size: 12px;
    padding-top: 10px;
}


/* ==========================================================================
   Social Media
   ========================================================================== */

#social{
  color: #555555;
  text-align: center;
}

#social .social-icon{
  margin: 0 5px 0 5px;
  background: #555555;
  border-radius: 50px;
  transition: .5s ease-in-out;
  width: 50px;
  height: 50px;
  font-size: 23px;
  line-height: 50px;
  text-align: center;
}

#social .social-icon a{
  color: white;
}

#social .facebook:hover{
  background: #3b5998;
  transition: .5s ease-in-out;
}

#social .twitter:hover{
  background: #00aced;
  transition: .5s ease-in-out;
}

#social .google-plus:hover{
  background: #dd4b39;
  transition: .5s ease-in-out;
}

#social .instagram:hover{
  background: #EEDC31;
  transition: .5s ease-in-out;
}

#social .pinterest:hover{
  background: #BD081C;
  transition: .5s ease-in-out;
}

/* ==========================================================================
   Latest News
   ========================================================================== */

#news{
  background-color: #F2F7F4;
  font-size: 1.2em;
}

#news .box{
  background-color: #fff; 
  margin: .5em;
}

#news .box .col-md-4{
  padding: 0;
}

#news .box .col-md-8{
  padding: 1em;
}

/* ==========================================================================
   Google Map
   ========================================================================== */

.google-wrapper {
  position: relative;
}

#google-map {
  width: 100%;
  height: 450px;
}

#google-map-overlay {
  width: 100;
  height: 450px;
  background: red;
  position: absolute;
  opacity: 0.5;
  top: 0px; 
  left: 0px; 
  z-index: 99;
}




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

footer {
  background-color: #fff;
  padding: 10px;
}

footer .trademark{
  width: 100%;
  background-color: #ffffff;
  color: #7c7c7c;
  text-align: center;
  padding-top: 1.7em;
 
}

footer .sitemap{
  margin: 0 auto;
  

}
footer .sitemap ul{
  display:inline-block;
  margin: 0 auto;
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
    
}

footer .sitemap li{
    float: left;
}

footer .sitemap li a {
  font-size: 1.2em;
  text-align: center;
  padding: 16px;
  text-decoration: none;
}

footer .sitemap li a:hover {
  color: black;
  background-color: #ccc;
}

/* ==========================================================================
   Animations
   ========================================================================== */

.grow {
    transition: all .4s ease-in-out;
    transform-origin: top;
}

.grow:before {
  z-index: -1;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  transition: all .4s ease-in-out;
  transform-origin: top;

}
.grow:hover .grow:before{
    transform:scaleY(2);
}

/* ==========================================================================
   Unit Page
   ========================================================================== */

#unit .info h1{
  font-size: 26px;
  padding-left: 10px; 
  color: #474747;
}

#unit .info p, #unit .info h3{
  padding: 5px;
}
#unit .info i{
  color: #1ace41;
}
#unit .info .title{
  font-size: 16px;
  font-weight: bold;
  color: #474747;
  text-align: left;
}

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

}

#unit .booking{
  background-color: #fff;
  padding: 10px;
  margin: 0 auto;
  border-radius: 4px;
  border: 1px solid #eee;}

/*
@media only screen and (min-width: 1200px) {
  #bookingCard {
    position: relative;
    bottom: 11em; 
    z-index: 3;

  }
}
*/
#unit .booking h2{
  color: #474747;
  font-size: 30px;
}

#unit .booking button{
  width: 100%;
  margin: 5px;
}


.fc h2{
  font-size: 15px;
  text-align: center;
}

.fc-next-button{
  height: 100px;
}

.headline{
 font-family: nueva-std, serif;
font-style: normal;
font-weight: 300; 
}

.chef{
  font-size:16px; 
  font-weight: bolder; 
  color: #000; 
  margin: 0; 
  display: inline
}
.chefp{
   margin: 0; 
   padding: 0; 
   display: inline;
}
.links p{
  margin-top: 20px;
  margin-bottom: 20px; 
}