html{
	-webkit-font-smoothing: antialiased;
	font-size:1.0rem;
	line-height: 1.7rem;
}

.overlayx{
    position:fixed;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    background:rgba(0,0,0,0.3);
    z-index:200;
}


li{
    position:relative;
    display:block;
    padding-left:20px;
    line-height:25px;
    
}

li::after{
    position:absolute;
    top:5px;
    left:0px;
    width:5px;
    height:5px;
    background:#808080;
    
}


.mobile-menu-icon{
    display:inline-block;
    position:absolute;
    top:36px;
    right:15px;
    
}

.mobile-menu-icon i{
    font-size:2.1rem;
    color:#606060;
    margin-left:10px;
    margin-top:2px;
}

.new-mobile-menu{
    position:fixed;
    width:300px;
    height:100vh;
    background:white;
    top:0px;
    left:0px;
    z-index:1200;
    transition:all 0.2s;
    padding-top:80px;
    padding-left:20px;
}

.new-mobile-menu a{
    display:block;
    line-height:40px;
    font-size:1.4rem;
    color:#606060;
}

.hidden{
    left:-300px;  
}


.mobile-nav{
    
}

.menu-hilite{
    color:#2196f3;
}

.side-nav{
    z-index:20000;
}

#sidenav-overlay{
    display:none;
}

.event-title{
    font-size:1.2rem;
    color:#606060;
    padding-bottom:10px;
}

.event-description{
      font-size:0.9rem;
    color:#808080;
    padding-bottom:10px;
  
}


.friends{
    font-size:0.9rem;
    color:#808080;
}

.friends h5{
    color:#505050;
    font-size:1.2rem;
}

.friends h5 a{
    color:#505050;
}

.menu-row{
    min-height:40px;
    margin-bottom:20px;
    font-size:0.9rem !important;
    color:#707070 !important;
}

.menu-row b{
    font-size:1.0rem;
    color:#505050 !important;
}

.menu h5{
    font-size:1.4rem;
    padding-bottom:8px;
    padding-top:40px;
    margin-bottom:8px;
display:block;
width:100%;
overflow:hidden;
text-align:center;
    
}

.menu h6{
     font-size:1.0rem;
    padding-bottom:5px;
    padding-top:0px;
    margin-bottom:8px;
    margin-top:-5px;
display:block;
width:100%;
overflow:hidden;
text-align:center;
color:#808080;
font-style:italic;
   
}


.container{
    width:90%;
    max-width:1200px;
}

h1,h2,h3,h4,h5,h6{

    font-family: 'Open Sans', sans-serif;
   color:#202020;
   font-weight:200;
}

h1{
    font-size:5.0vh;
    color:white;
    margin-bottom:5px;
    letter-spacing:2px;
    
}

h3{
    font-size:1.0rem;
    color:#e0e0e0;
    padding-left:20px;
    padding-right:20px;
    line-height:1.6rem;
}

h5{
	color:#606060;
	font-size:1.9rem;
}

.flex{
    display: flex;
}
.flex-stetch{
    align-items:flex-start;
}

.small-panel h2,.mm h2,.new-panel h2{
    font-size:1.5rem;
    text-align:center;
    text-transform:uppercase;
}

.notices h2{
    font-size:1.3rem;
    color:#606060;
}

.notices{
    font-size:0.9rem;
    color:#909090;
}

.nav{
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:75px;
    background:white;
    border-bottom:1px solid #d0d0d0;
    z-index:1000;
}

.mid{
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.nav-topline{
    width:100%;
    color:#a0a0a0;
    text-align:right;
    padding-right:15px;
    border-bottom:1px solid #e0e0e0;
    height:35px;
    font-size:0.8rem;
    font-family: 'Open Sans', sans-serif;
    font-weight:300;
    letter-spacing:1px;
}

.nav-topline .material-icons{
    display:inline-block;
    font-size:1.0rem;
}

.nav-topline-left{
    width:40%;
    float:left;
    text-align:left;
    padding-left:1%;
}

.nav-topline-right{
    width:40%;
    float:right;
    text-align:right;
    padding-right:1%;
}

.nav-topline small{
    color:red;
}

.nav-items{
    margin:none !important;
    padding:none !important;
    overflow:hidden;
    height:40px;
}

.nav-items a{
    display:inline-block;
    font-family: 'Open Sans', sans-serif;
    font-weight:300;
    font-size:0.75rem;
    letter-spacing:2px;
    width:19.75%;
    border-right:1px solid #d0d0d0;
    text-align:center;
    height:40px;
    line-height:40px !important;
    vertical-align:middle;
    color:#505050;
}

.nav-items a:hover{
    background:#f0f0f0;
}


.home-panel{
    margin-top:30vh;
    margin-bottom:15vh;
    padding:30px !important;
    overflow:hidden;
    min-height:200px;
    color:white;
    background:rgba(81,83,74,0.8);
    background:rgba(0,0,0,0.4);
    text-align:center;
    font-size:2.0rem;
}

.home-panel h3{
	font-size:1.4rem;
}

.home-panel-sub{
    padding:30px !important;
    overflow:hidden;
    color:white;
    background:rgba(81,83,74,0.8);
    background:rgba(0,0,0,0.4);
    text-align:center;
    font-size:2.0rem;
    margin-bottom:16vh;
}

.top-panel{
     margin-top:10vh;
    margin-bottom:9vh;
    padding:30px !important;
    overflow:hidden;
    min-height:300px;
    color:white;
    background:rgba(0,0,0,0.2);
    text-align:center;
   
}

.btn-bars{
    display:inline-block;
    font-family: 'Open Sans', sans-serif;
    font-weight:300;
    letter-spacing:2px;
    color:white;
    border:2px solid white;
    padding:3px 15px;
    font-size:1.0rem;
    line-height:1.7rem;
    text-align:center;
}

.btn-bars i{
    font-size:1.5rem;
    vertical-align:middle;
}

.big-heart{
    position:absolute;
    top:-40px;
    left:100px;
    font-size:6.5rem;
    color:#e53935;
    transform:rotate(-20deg);
    opacity:0.7;
}

.big-heart1{
    position:absolute;
    top:-40px;
    right:100px;
    font-size:6.5rem;
    color:#e53935;
    transform:rotate(+20deg);
    opacity:0.7;
}




.wide-white{
    background:#ffffff;
    min-height:300px;
    padding-top:6vh;
    padding-bottom:0vh;
    margin-top:0px !important;
    margin-bottom:0px !important;
}

.small-panel{
    background:#f3f6f3;
    text-align:center;
    min-height:400px;
    padding-bottom:15px !important;
    overflow:hidden;

}

.small-panel p{
    font-family: 'Cardo', serif;
    margin-left:2.2vw;
    margin-right:2.2vw;
    font-size:1.0rem;
    text-align:center;
    color:#707070;
}

.new-panel{
    font-family: 'Cardo', serif;
    font-size:1.0rem;
    color:#707070;
    background:#f3f6f3;

}

.new-panel.left{
    margin-right:10px;
}

.new-panel.right{
    margin-left:10px;
}


.new-panel a{
    color:#303030;
    transition:all 0.2s;
}

.new-panel a:hover{
    border-bottom:2px dashed #a0a0a0;
}



.small-panel .bttn{
    display:inline-block;
    padding:3px 14px;
    border:1px solid #606060;
    color:#606060;
    font-size:0.9rem;
    margin-top:10px;
}

.btn-main{
    display:inline-block;
    padding:3px 14px;
    border:1px solid #606060;
    color:#606060;
    font-size:0.9rem;
    margin-top:10px;
    background:#f3f6f3;
}

.btn-main.selected{
    background:#ffffff;
    box-shadow:0px 0px 5px rgba(0,0,0,0.3);
}

.big-panel{
    background:#ffffff;
    min-height:400px;
    padding:none !important;


}


.bgright{
    width:100%;
    height:100%;
    margin-right:1%;
    overflow:hidden;
    background-size: cover !important;
}

.bgleft{
    width:100%;
    height:100%;
    margin-left:1%;
    overflow:hidden;
    background-size: cover !important;
}


.bgi1{background: url(../img/slide1.jpg) no-repeat center center; }
.bgi2{background: url(../img/slide2.jpg) no-repeat center center; }

.bg-otter{background: url(../img/otter1.jpg) no-repeat center center; }
.bg-food{background: url(../img/food2.jpg) no-repeat center center; }






.cms-outline{
    outline:1px dashed #e0e0e0;
}




.winelist{
    font-size:0.9rem;
}

.winelist h4{
    margin-bottom:30px;
}

.bottle-wrap{
    margin-bottom:10px;
}

.bottle-title{
    font-size:0.9rem;
    color:#303030;
}

.bottle-grape{
    font-size:0.8rem;
    color:#606060;
}

.bottle-desc{
    font-size:0.75rem;
    color:#909090;
    font-style:italic;
}

.footer{
    background:#808080;
    color:white;

    min-height:200px;
    padding-top:6vh;
    padding-bottom:4vh;
    margin-top:0px !important;
    margin-bottom:0px !important;

}

.footer a{
    color:#f0f0f0;
    font-weight:bold;
}


.prefooter{
     background:#ffffff;
    color:white;

    min-height:6vh;
    padding-top:6vh;
    padding-bottom:0vh;
    margin-top:0px !important;
    margin-bottom:0px !important;
   
}

.footer h5{
    color:white;
    
}

#map{
    width:100%;
    height:100%;
    min-height:250px;
}

.w3w{
    display:block;
    width:100%;
    text-align:center;
    color:#404040;
    font-size:1.1rem;
    line-height:2.0rem;
}


.maplarge{
    
}


.hours-table{
	
}

.outline{
	outline:1px dotted red;
	text-align:center;
}

.hours-table th{
	border:1px solid #e0e0e0;
	text-align:center;
	color:#707070;
	font-size:1.1rem;
    font-family: 'Open Sans', sans-serif;
    font-weight:300;
    font-size:0.75rem;
    background:#f3f6f3;
    text-transform: uppercase;

}

.hours-table td{
	border:1px solid #e0e0e0;
	text-align:center;
	color:#909090;
	font-size:0.9rem;
	
}


textarea,input{
    border:none;
    border-bottom:1px solid white !important;
    color:white !important;
}

textarea{
    height:100px;
}

.winewrap{
    position:relative;
	padding-bottom:20px;
	overflow:hidden;
}

.winetitle,.wineprice{
	font-size:1.0rem;
    font-family: 'Open Sans', sans-serif;
    font-weight:300;
    color:#202020;
    line-height:30px;
    vertical-align:middle;

}

.winelist h2{
	font-size:1.8rem;
    font-family: 'Open Sans', sans-serif;
    font-weight:300;
    color:#202020;

}

.winetitle b{
	font-weight:900;
}

.winedescription{
	font-family: 'Cardo', serif;
	color:#606060;
	font-size:0.9rem;
}

.icon-glass{
	display:inline-block;
	width:25px;
	height:25px;
	background:url(../img/glass-with-wine.svg) no-repeat;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
  	margin-right:5px;
}

.icon-bottle{
	display:inline-block;
	width:25px;
	height:25px;
	background:url(../img/wine-bottle.svg) no-repeat;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
  	margin-right:5px;
}


.icon-bottlex{
	display:inline-block;
	width:25px;
	height:25px;
	margin-right:5px;
	background:url(../img/wine-bottle.svg) no-repeat;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
  	margin-right:5px;
}


.icon-glass-small{
	display:inline-block;
	width:20px;
	height:20px;
	background:url(../img/glass-with-wine.svg) no-repeat;
      -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  margin-right:5px;

}

.btn-save{
    position:absolute;
    top:0px;
    right:0px;
    font-size:0.7rem;
    border:1px solid #606060;
    color:#606060;
    padding:1px 4px;
}

.event-table{
    border:1px solid #d0d0d0;
}

.event-table th{
    background:#e0e0e0;
    padding:4px;
}

.event-table td{
    border:1px solid #d0d0d0;
    padding:4px;
}

.signup-panel input{
    color:white !important;
}

.wine{
    font-size:0.8rem;
    color:#606060;
}

.roast-message{
    margin-top:14px;
}

.fixedmenu{
    position:sticky;
    top:0px;
    left:0px;
    text-align:center;
    width:100%;
    background:#f3f6f3;
    z-index:100
}