/* BUG: CALC have to have space between the signs, ie:  100vh - 30px, not 100vh-30px)  */

body,html{
padding:0;
margin:0;
margin:0;
padding:0;
height:100%;
font-family: "Times New Roman", Times, serif;
color: rgb(118,36,61);
font-size: 18px;
background-image: url('../graphics/brands.png');
}



.hidden
{position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}

.pdf{
margin-left: 7px;
}

.bbutton{
padding: 5px 10px 5px 10px;
margin-bottom: 15px;
margin-top: 15px;
text-align: center;
background-color: saddlebrown;
margin-left: auto;
margin-right: auto;
border-radius: 15px;
}

a .bbutton {
        color: white;
        font-weight: bold;
}

h1{
font-size: 20px;
margin-left: 10px;
font-weight: bold;
}

h2{
font-size: 18px;
margin-left: 10px;
}


.sm{
 display: none;
}



.content{
display: flex;
}

.singleline{
  line-height: 1em;
}

.leftpanel,.rightpanel{
width: 50%;
height: 100%;
}

.floatlg{
width: 100%;
margin-top: 5px;
margin-bottom: 5px;
}

.leftpanel{
height: 100vh;
flex: 1;
text-align: center;
}
.rightpanel{
  flex: 1;
  height: 100vh;
  right: 0;
  margin:0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  color: white;
}




.footer{
position: absolute;
position: fixed;
bottom: 0;
margin: 0;
padding: 6px 0px 6px 0px;
background-color: white;
z-index: 100;
width: 100%;
}
.footerline{
background-color: white;
}
.footerleft{
margin-left: 10px;

}

.footerright{
white-space:nowrap;
margin: 0px;
padding: 0;
position: absolute;
right: 10px;
}

.footerright li{
display: inline;
}

.footernews{
display: none;
}
.footerright a {
color: saddlebrown;
}


.navB{
position: absolute;
top: 10px;
left: 10px;
}

.slidercontent{
text-align: left;
width: 100%;
overflow: auto;
position: relative;

height: calc(100vh - 2em - 130px) !important;

-webkit-box-sizing: border-box; 
-moz-box-sizing: border-box; 
box-sizing: border-box;
line-height: 1.5em;
font-size: 18px;

}

.slidercontent p{
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: -.3em;
}

.logo{

width: 220px;
margin-top: 7px;
margin-bottom: 15px;
z-index: 100;
}

.foodmenu{
  font-family: "Cutive Mono";
}
.rpic{
  height: auto;
  width: 100%;
}

a{  

  color: purple;
  font-weight: bold;
}

a:hover {
  color: green;
} 

.lcolpic{
width: 100%;

}








/* ======================  FULL SIZE NOT SHARED ============================== */





@media screen and (min-width: 800px) {


.lcolpic{
width: 80%;
height: auto;
margin-left: auto;
margin-right: auto;
display: block;
}

.bbutton{
   width: 50%;
}

.floatlg{
width: 40%;
float: left;
margin: 10px 10px  10px 0;}

.brsm{
display: none;
}

.gmb{
 display: block;
 height: 95%;
 width: 100%;
}

.indexheader{
  position: absolute;
  top: 10px;
  left: 10px;   
}
.footermobile{
  display: none;
}

.indextextmobile{
 display: none;
}


.newsstripcontainer{
 width: 100%;
 position: absolute;
 bottom: 43px;
 z-index: 10;
 text-align: center;
}
.newsstrip{
 color: white;
 background: rgba(0,0,0,.5);
 text-align: center;
 font-family: arial,helvetica,sans-serif;
 font-size: 12px;
 font-weight: bold;
 padding: 5px 10px 5px 10px;
}

.newsstripcontainermobile{
  display: none;
}

.cyclecontainer{
  margin: 0;
  height: 100%;
  width: 100%;
  z-index: 1;

}

#cycle{
  margin: 0;
  height: 100%;
  width: 100%;
  z-index: 1;

}




.socialicons{
  vertical-align: middle;
  margin-left: 10px;
}






.xfooterleft{
  padding-left: 10px;
  float: left;
  text-align: left;
}
.xfooterright{
  float: right;
  text-align: right;
  margin-right: 20px;
}
#googlemapbig{
 display: block;
}
#googlemapsmall{
 display: none;
}

.picboth{
 width: 60%;
 height: auto;
 margin: 15px 10px 0 10px;
 float: left;
}


}




/* ====================== MOBILE ============================== 

NOTE: HOME PAGE COLOR IS OVERWRITTEN IN STYLE ON TO OF THAT PAGE

*/



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

.buffer{
width: 100%;
height: 125px;
min-height: 20px;
}

.bbutton{
width: 80%;

}

.mCSB_container{
   width: 100%;
}

.mCSB_scrollTools{
   left: -9999px;
}

.footerright{
display: none;
}
.footer{
background-color: rgb(254, 229, 184);
text-align: center;
}



.sm{
  display: block;
}



#cycle{ 
  position: relative;    
  max-width: 799px;
  width: 100%;
  height: 100%;
}
.reservationshome{
  display: none;
}

.rightpanel,.rightpanelabout{
     display: none;
}
.leftpanel{
  width: 100%;
  height: 100%;
}



#googlemapbig{
 display: none;
}

.picboth{
 width: 100%;
 height: auto;
 margin: 15px 0 0 0;
}



}