/* move special fonts to HTML head for better performance */
/*@import url('http://fonts.googleapis.com/css?family=Open+Sans:200,300,400,600,700');*/
@import url(http://fonts.googleapis.com/css?family=Pacifico);



/* custom template */
html, body {
   height: 100%;
/*   font-family:'Open Sans',arial,sans-serif;*/
   font-family:'Helvetica',arial,sans-serif;
}

.scroll-top a{ color:#dc0046; text-transform: uppercase; font-weight: bold;     border: 2px solid; border-radius: 25px;}
.scroll-top a:hover{ color:#aaa; text-decoration: none; text-transform: uppercase; font-weight: bold;}

a { color:#dc0046; text-transform: uppercase; font-weight: bold;}
a:hover { color:#aaa; text-decoration: none; text-transform: uppercase; font-weight: bold;}


a br{ margin: 0; padding: 0;}

.wrapper, .row {
/*   height: 100%;*/
   margin-left:0;
   margin-right:0;
}

@media (min-width: 768px) {
    .wrapper, .row {
       height: 100%;
       margin-left:0;
       margin-right:0;
    }
}

.wrapper:before, .wrapper:after,
.column:before, .column:after {
    content: "";
    display: table;
}

.wrapper:after,
.column:after {
    clear: both;
}

.column {
    height: 100%;
    overflow: auto;
    *zoom:1;
}

.column .padding { padding: 20px; }

.box {
  	bottom: 0; /* increase for footer use */
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    
/*
    -webkit-box-shadow: 0px 2px 1px 0px rgba(50, 50, 50, 0.20);
-moz-box-shadow:    0px 2px 1px 0px rgba(50, 50, 50, 0.20);
box-shadow:         0px 2px 1px 0px rgba(50, 50, 50, 0.40);
*/

/*
    background-image:url('http://lorempixel.com/1024/760/nature/3/');
    background-size:cover;
    background-attachment:fixed;
*/
    
    background: rgba(0,83,160, 1.0);
}

.divider {
	margin-top:32px;
}

#main {
    background-color:#fefefe;
}
#sidebar, #sidebar a {
    color:#ffffff;
    background-color:transparent;
    font-size: 90%;
/*	text-shadow:1px 0 1px #888888;*/
}
#sidebar h2{ margin: 0; padding: 10px 0 10px;}
#sidebar a.logo {
  display:block;
  padding:3px;
/*  background-color:#fff;*/
  color:#777777;
/*
  height:40px;
  width:40px;
*/
  margin:15px;
/*
  font-size:26px;
  font-weight:700;
*/
  text-align:center;
  text-decoration:none;
  text-shadow:0 0 0;
}
#sidebar-footer {
  position:absolute;bottom:5px; font-size: 90%; color: #002c4d; width: 100%; margin: 0 auto; margin-left: -15px;
}
#footer {
  margin-bottom: 10px; /* margin between booking pane and content on mobile */
}

/* center and adjust the sidebar contents on smaller devices */
@media (max-width: 768px) {
  #sidebar{
    text-align:center;
    margin:0 auto;
    margin: 10px 0;
      height: 750px !important;
      
/*    font-size:26px;*/
  }
 #sidebar h2{ margin: 0; padding-bottom: 30px;}
  #sidebar,#sidebar a.logo {
    text-align:center;
    margin:0 auto;
    margin-top:10px;
/*    font-size:26px;*/
  }
  #sidebar a.logo {
/*
    font-size:50px;
    height:75px;
    width:75px;
*/
    margin-bottom:10px;
  }
    .box {
  	bottom: 0; /* increase for footer use */
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    height: 750px !important;
    -webkit-box-shadow: 0px 2px 1px 0px rgba(50, 50, 50, 0.20);
    -moz-box-shadow:    0px 2px 1px 0px rgba(50, 50, 50, 0.20);
    box-shadow:         0px 2px 1px 0px rgba(50, 50, 50, 0.40);
    background: rgba(0,83,160, 1.0);
    }
 
}




/* bootstrap overrides */

h1,h2,h3 {
    font-family: 'Pacifico', cursive;
/*
   font-weight:800;
   font-family:'Open Sans',arial,sans-serif;
*/
}

.jumbotron {
  background-color:transparent;
}
.label-default {
  background-color:#dddddd;
}
.page-header {
  margin-top: 55px;
  padding-top: 9px;
  border-top:1px solid #eeeeee;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:2px;
}

.col-sm-9.full {
    width: 100%;
}

small.text-muted {
  font-family:courier,courier-new,monospace;
}

.note{
  background: rgba(0,83,160, 1.0);
}


/* Custom */
.bookingbox iframe{ border-radius: 6px; width: 310px; margin: 0 auto; margin-left: -10px; text-align: center; padding: 0; border: 0px solid #fafafa; }
.bookingbox h3{text-align: center !important;}
.bookingbox h2{text-align: center !important; text-shadow: 1px 2px 1px rgba(20, 20, 20, 0.35);}
.imgborder { padding: 5px; border: 1px solid rgba(50,50,50,0.20); border-radius: 6px; }
.galleryborder { margin: 0px; border: 1px solid rgba(50,50,50,0.20); border-radius: 6px; }
#bgvid { margin: 0px; border: 1px solid rgba(50,50,50,0.20); border-radius: 6px; }

.copy{ padding: 10% 15%; }
.copy2{ padding: 1% 15%; }
.lead3, p { letter-spacing: 0px; font-size: 16px; color: #a39b97; }

#taste4 { width: 100%; height: 100%; background: url('../img/8.jpg') no-repeat center center; background-size: cover;}
#taste4 h1{ color: #fafafa; letter-spacing: 2px; text-transform: none; font-size: 350%;  margin: 20% 10% 5%; text-shadow: 1px 1px 10px rgba(20, 20, 20, 0.75); }

#taste { width: 100%; height: 100%; background: url('../img/12.jpg') no-repeat center center; background-size: cover;}
#taste h1{ color: #fafafa; letter-spacing: 2px; text-transform: none; font-size: 350%;  margin: 30% 10% 5%; text-shadow: 1px 1px 10px rgba(20, 20, 20, 0.75); }

#taste2 { width: 100%; height: 100%; background: url('../img/11.jpg') no-repeat top center; background-size: cover;}
#taste2 h1{ color: #fafafa; letter-spacing: 2px; text-transform: none; font-size: 350%;  margin: 40% 10%; text-shadow: 1px 1px 10px rgba(20, 20, 20, 0.75); }

#taste3 { width: 100%; height: 100%; background: url('../img/14.jpg') no-repeat top left; background-size: cover;}

.timeslot-box h3{text-align: center; float: none; width: 100%;}

.col-xs-4 { min-height: 1px; padding-right: 0px; padding-left: 0px; padding-top: 2px; padding-bottom: 2px; }

#footer small{ font-size: 85% !important; color: #777; font-style: italic; }


#taste9 { width: 100%; height: 100%; background: url('../img/9.jpg') no-repeat center center; background-size: cover;}
#taste9 h1{ color: #fafafa; letter-spacing: 2px; text-transform: none; font-size: 350%;  margin: 20% 10% 5%; text-shadow: 1px 1px 10px rgba(20, 20, 20, 0.75); }

#taste10 { width: 100%; height: 100%; background: url('../img/10.jpg') no-repeat top center; background-size: cover;}
#taste10 h1{ color: #fafafa; letter-spacing: 2px; text-transform: none; font-size: 350%;  margin: 20% 5%; text-shadow: 1px 1px 10px rgba(20, 20, 20, 0.75); }



.specialsbox  {
    border: 0px solid rgba(50,50,50,0.10);
/*  border-radius: 50%;*/
/*  font-size: 56px;*/
    padding: 10px 10px 10px 10px;
    width: 100%;
    height: 100%;
    vertical-align: middle; 
    text-align: center;
/*    background: rgba(235, 226, 226, 0.6);*/
    color: #21130c;
}
.specials  {
    border: 0px solid rgba(50,50,50,0.10);
/*  border-radius: 50%;*/
    display: inline-block;
/*  font-size: 56px;*/
    padding: 10px;
    width: 100%;
    height: 100%;
    vertical-align: middle; 
    text-align: center;
    color: #21130c;
}
.specials h3{ font-family: 'Pacifico', cursive; padding: 10px; font-size: 180%; color: #21130c; }
.specials h4{ padding: 10px; font-size: 100%; font-weight: bold; text-transform: uppercase; }
.specials h5{  font-weight: normal; color: #a39b97; width: 100%; padding: 0 15%; }


.menus  {
  border: 1px solid rgba(50,50,50,0.10);
/*  border-radius: 50%;*/
  display: inline-block;
/*  font-size: 56px;*/
    padding: 10px;
  width: 100%;
  vertical-align: middle; 
  text-align: center;
    background: rgba(5,21,41,0.55);
    color: #21130c;
}

.menus span{
    text-transform: uppercase;
/*    letter-spacing: 2px;*/
  border: 0px solid rgba(250,250,250,0.20);
/*  border-radius: 50%;*/
  display: inline-block;
/*  font-size: 56px;*/
    padding: 20px;
/*  width: 140px;*/
/*  height: 80px;*/
  line-height: 14px;
  vertical-align: middle; 
  text-align: center;
/*    background: rgba(250,250,250,0.70);*/
    color: #fafafa;
    font-weight: bold;
}

.menus a{ color: #fafafa; }
.menus { padding: 0px 0; /*width: 100%;*/ vertical-align: middle; text-align: center; background: url('../img/bg-menu2.png') no-repeat top center; height: 160px; border: 0px solid; margin: 20px 0 0; }
.menus h3 { color: #21130c; font-size: 130%; padding: 10px 0 10px; margin: 0px 0 0px; font-family: 'Pacifico', cursive; letter-spacing: 0;}
.menus ul{ padding: 0px 0 0; margin: 0px; list-style: none; list-style-image: none; font-size: 105%; text-transform: uppercase; font-weight: normal; }
.menus li{ padding: 0px 0 0; margin: 0px; list-style: none; list-style-image: none; font-size: 105%; text-transform: uppercase; font-weight: normal; }
.menus a{ color: #fafafa; }


.specialmenu a{ color: #fafafa; }
.specialmenu { padding: 0px 0px; /*width: 100%;*/ vertical-align: middle; text-align: center; background: #dc0046; /*background: url('../img/bg-menu2.png') no-repeat center center;*/ /*height: 160px;*/ border: 0px solid; margin: 20px 30% 0px;}
.specialmenu h4 { color: #21130c; font-size: 130%; padding: 10px 20px 10px 20px; margin: 0px 0 0px; /*font-family: 'Pacifico', cursive; letter-spacing: 0;*/ }


@media (max-width: 768px) {

    #taste h1{ color: #fafafa; letter-spacing: 2px; text-transform: none; font-size: 150%;  margin: 30% 10% 5%; text-shadow: 1px 1px 10px rgba(20, 20, 20, 0.75); }
    .copy{ padding: 10% 0%; }
    .column .padding { padding: 0px; }
    
    
    .specialmenu a{ color: #fafafa; }
.specialmenu { padding: 0px 0px; /*width: 100%;*/ vertical-align: middle; text-align: center; background: #dc0046; /*background: url('../img/bg-menu2.png') no-repeat center center;*/ /*height: 160px;*/ border: 0px solid; margin: 30px 0 10px;}
.specialmenu h4 { color: #21130c; font-size: 130%; padding: 10px 0px 10px 0px; margin: 0px 0 0px;  /*font-family: 'Pacifico', cursive; letter-spacing: 0;*/ }

    
}

video { 
/*  position: fixed;*/
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
/*  max-height: 720px;*/
  width: auto;
/*  height: auto;*/
/*  z-index: -100;*/
/*    background: url('//demosthenes.info/assets/images/polina.jpg') no-repeat;*/
/*  background-size: cover;*/
  transition: 1s opacity;
}
.stopfade { 
   opacity: .5;
}


.scroll-box { margin: 0 auto; border: 1px solid #777; }
.scroll-down a, .scroll-top a { color: #dc0046; }
.scroll-down { position:fixed; bottom:20%; right: -10px; color:#888; }
.scroll-top { position:fixed; bottom:25%; right: -10px; color:#888; }


#sidebar h3 {
  padding: 0;
  margin: 10px 0 5px 0;
  text-transform: uppercase;
  color: #002744;
  font-size: 100%;
  font-weight: bold;
  letter-spacing: 0px;
    text-align: center;
    float: left;
    width: 100%;
  /* font-family: 'Pacifico', cursive; */
}

#sidebar h4 { font-weight: 100; }

#openingtimes { font-size: 95%; }
#openingtimes b{ font-style: normal; color: rgba(0,83,160, 1.0); }
#times li, span{ font-style: italic; }
#times { padding: 0 5% 0 0; }

#pullout { background: #dc0046; padding: 10px;  color: #fafafa; border-radius: 6px; }