/*------------------------------------*\
    #Homepage First Section
\*------------------------------------*/

@media screen and (max-width: 640px){

  .homepage .Index > section:first-child .Index-page-content{
    padding-top:120px;
    padding-bottom:120px;
  }

  .homepage .Index > section:first-child .Index-page-content br{
    display:none;
  }
}

.homepage .Index > section:first-child .Index-page-content h1{
  -webkit-hyphens:none;
      -ms-hyphens:none;
          hyphens:none;
}

/*------------------------------------*\
    #Homepage Reservation Forms
\*------------------------------------*/

#reservations .col > .row:nth-child(2){
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
  -ms-flex-pack:center;
      justify-content:center;
  margin:0 auto;
  max-width:1280px;
}

#reservations .col > .row:nth-child(2) .sqs-col-6{
  -ms-flex:1 1 auto;
      flex:1 1 auto;
  overflow:hidden;
  min-width:50%;
  max-width:620px;
  width:auto;
}

/* Left (Open Table) */

#block-yui_3_17_2_2_1473186923363_15751{
  box-sizing:border-box;
  margin:20px;
  padding:0 !important;
  background:rgba(242,229,206,.2);
}

@media(min-width: 641px){

  #block-yui_3_17_2_2_1473186923363_15751{
    margin:20px 10px 20px;
    min-height:320px;
  }
}

@media(min-width: 641px){

  #block-yui_3_17_2_2_1473186923363_15751 .OT_list{
    margin-top:46px;
  }

  #block-yui_3_17_2_2_1473186923363_15751 .OT_submit{
    margin-top:46px;
  }
}

#block-yui_3_17_2_2_1473186923363_15751 .OT_wrapper{
  box-sizing:border-box;
  padding-bottom:20px;
  background:none;
}

#block-yui_3_17_2_2_1473186923363_15751 .OT_title{
  letter-spacing:.1em;
  font:27px/1.2 'proxima-nova', sans-serif;
}

#block-yui_3_17_2_2_1473186923363_15751 .OT_subtitle{
  letter-spacing:.1em;
  font:10px/1.2 'proxima-nova', sans-serif;
}

/* Right */

#block-yui_3_17_2_2_1473186923363_56240,
#block-yui_3_17_2_2_1473186923363_21997{
  box-sizing:border-box;
  background-color:#f1f1e9;
}

/* Header */

#block-yui_3_17_2_2_1473186923363_56240{
  margin:20px 20px 0;
  padding:34px 20px 28px !important;
  text-align:center;

}

@media(min-width: 641px){

  #block-yui_3_17_2_2_1473186923363_56240{
    margin:20px 10px 0;
  }
}

#block-yui_3_17_2_2_1473186923363_56240 h3{
  margin-bottom:17px;
  color:#000;
  font:27px/1.2 'proxima-nova', sans-serif;
}

#block-yui_3_17_2_2_1473186923363_56240 p{
  color:rgba(0,0,0,.8);
  letter-spacing:.1em;
  font:12px/1.2 'proxima-nova', sans-serif;
}

#block-yui_3_17_2_2_1473186923363_56240 label{
  font:14px/1.2 'proxima-nova', sans-serif;
}

/* Form */

#block-yui_3_17_2_2_1473186923363_21997{
  margin:0 20px 0;
  padding:0 20px 40px !important;
}

@media(min-width: 641px){

  #block-yui_3_17_2_2_1473186923363_21997{
    margin:0 10px 0;
  }
}

#block-yui_3_17_2_2_1473186923363_21997 .field-list{
  display:-ms-flexbox;
  display:flex;
  -ms-flex-direction:column;
      flex-direction:column;
  -ms-flex-pack:center;
      justify-content:center;
  margin:0 auto;
  max-width:500px;
  font-size:14px;
}

@media(min-width: 641px){

  #block-yui_3_17_2_2_1473186923363_21997 .field-list{
    -ms-flex-direction:row !important;
        flex-direction:row !important;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
  }
}

#block-yui_3_17_2_2_1473186923363_21997 .form-item{
  -ms-flex:1 1 auto;
      flex:1 1 auto;
  margin-bottom:16px;
  padding:0 10px !important;
}

@media(min-width: 641px){

  #block-yui_3_17_2_2_1473186923363_21997 .form-item:first-child{
    -ms-flex:1 1 245px;
        flex:1 1 245px;
  }
}

#block-yui_3_17_2_2_1473186923363_21997 .form-item input[name="email"]{
  width:100%;
}

#block-yui_3_17_2_2_1473186923363_21997 .field-element{
  padding-top:10px;
  padding-bottom:10px;
}

#block-yui_3_17_2_2_1473186923363_21997 .title{
  font:14px/1.2 'proxima-nova', sans-serif;
}

#block-yui_3_17_2_2_1473186923363_21997 .button{
  margin:-14px 10px 0;
  white-space:initial;
}

#block-yui_3_17_2_2_1473186923363_21997 .form-wrapper .form-submission-text{
  margin-top:0;
  padding-top:10px;
  text-align:center;
}

/*------------------------------------*\
    #Footer
\*------------------------------------*/

@media(min-width: 961px){

  .Footer-inner{
    padding-bottom:48px;
  }
}

/*------------------------------------*\
    #Footer Waves
\*------------------------------------*/

.Footer-blocks--bottom::before{
  display:block;
  margin:0 -20px;
  height:110px;
  background:url('https://juni2.squarespace.com/s/footer-waves.jpg') repeat-x top center;
  background-size:cover;
  content:"";

}

@media(min-width: 641px){

  .Footer-blocks--bottom::before{
    margin:0 -50px 20px;
    height:140px;
  }
}

@media(min-width: 1200px){

  .Footer-blocks--bottom::before{
    height:180px;
  }
}