html { -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-color: black;
-webkit-font-smoothing: antialiased;
}
body{
font-family: "freight-sans-pro"; background:transparent;
min-height:300px;
font-weight: 300;
}
html, body {
height: 100%;
}
.wrapper{
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -32px; }
p{
font-weight: 300;
letter-spacing: 0.05rem;
}
a{
color:#d8d8d8;
letter-spacing: 0.05rem;
}
a:hover{
color:#d8d8d8;
letter-spacing: 0.05rem;
text-decoration: underline;
}
h1{
font-size: 1.6rem;
font-family: "orator-std";
color:white;
text-transform: uppercase;
font-style: italic; }
h3{
font-family: "orator-std";
color:white;
text-transform: uppercase;
font-style: italic;
font-size:1.4rem; }
h4{
font-family: "orator-std";
color: white;
text-transform: uppercase;
font-style: italic;
font-size:1rem;
}
.button{
background: gray;
}
.top-bar-section ul li, .top-bar-section li:not(.has-form) a:not(.button)
{
background:none;
}
.top-bar-section li:not(.has-form) a:not(.button):hover,
.top-bar-section li.active:not(.has-form) a:not(.button):hover
{
background:none;
}
.top-bar-section ul li > a{
font-family: "orator-std";
font-size: 1.1rem; text-transform: uppercase;
font-style: italic;
}
.top-bar-section ul li > a.active{
text-decoration: underline;
}
.top-bar-section li.active:not(.has-form) a:not(.button){
background-color:none;
background:none; font-weight: normal;
}
.top-bar-section ul li > a:hover{
background:none;
background-color:none;
text-decoration: underline;
}
.contain-to-grid{
background: transparent;
}
.top-bar{
min-height: 170px; padding: 40px;
background: rgba(0,0,0,0.8)!important;
position: relative;
}
.top-bar.expanded{
background: rgba(0,0,0,0.8)!important;
}
ul.nav-menu{
margin-top: 60px;
}
.logo {
max-width: 220px;
width: 40%;
}
.social-icons{
z-index: 9999;
position: absolute;
top: 40px;
right: 50px;
text-align: right;
}
.social-icons-mobile {
display: none;
}
.social-icons a,
.social-icons-mobile a{
color: white;
border-radius: 15px;
background: transparent;
width: 30px;
height: 30px;
display: inline-block;
margin-left: 5px;
border: 1px solid white;
}
.social-icons a i
{
left: -5.5px;
top: -8px;
position: relative;
}
.social-icons-mobile a i{
left: 8px;
top: 7px;
position: relative;
}
.social-icons a i.fa-facebook
{
left: -9px;
}
.social-icons-mobile a i.fa-facebook{
left: 9px;
}
.bottom-bar{
max-width: 62.5rem;
width: 100%;
margin-bottom: 0px;
margin: 0 auto;
min-height:30px;
color:white;
background: rgba(0,0,0,0.8);
padding:10px 25px;
font-size:12px;
}
.content{
color: white;
margin: 80px auto;
width: 100%;
max-width: 62.5rem;
padding: 30px;
background: rgba(0,0,0,0.8);
}
.home-content{
color: white;
margin: 80px auto;
width: 100%;
max-width: 62.5rem;
overflow: auto;
}
.home-content > .medium-6{
background: rgba(0,0,0,0.8);
float:left;
padding:30px;
font-size:13px;
}
.push{
height: 32px;
}
.col-text{
-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;
vertical-align: top;
font-weight: 300;
line-height: 150%;
} .menus-container{
margin-top: 25px;
}
.menu-container{
text-align: center
}
.menu-container a img{   }
.menu-container a i{
margin-top: 15px;
font-size: 80px;
} .gallery-item{
margin-top: 25px;
} label{
color: white;
font-weight: 300;
letter-spacing: 0.05rem;
}
label small{
margin-left: 3px!important;
color: white;
}
.error > label > small{
color: #F04124;
}
label.inline{
display: inline!important;
line-height: 100%;
}
.reservations{display: none;}
.reservation-container{
margin: 10px 0;
} .calendar .selector.date.time .time-selector{
width: 35%;
text-align: center;
}
.calendar .selector.date.time .date-selector, .calendar .date-picker{
width: 65%;
text-align: center;
}
.calendar .selector.date.time .date-selector{
padding-top: 4px;
}
.calendar .date-picker{
width: 100%;
}
.value-control.second{
display: none!important;
} #map{
height: 350px;
} .spc-callout > .callout{
background: rgba(0,0,0,0.8);
padding:28px 18px 10px;
font-size:13px;
}
.spc-callout p{
color: white;
margin-bottom: 0;
font-size: 146%;
}
.spc-callout a{
text-decoration: none;
}
.spc-callout .close-button{
background-color: transparent;
color: white;
left: -1.75rem;
right: inherit;
top: -1rem;
}
.spc-callout .close-button:focus, .spc-callout .close-button:active{
outline: none;
}
@media only screen and (max-width: 768px) {
.contain-to-grid .top-bar{
min-height: 160px!important;
padding: 20px!important;
}
ul.nav-menu{
display: table;
margin: 0 auto;
float: none!important;
}
.logo {
width: 60%!important;
float: none !important;
margin: 0 auto;
display: block;
}
}
@media only screen and (max-width: 950px) {
.social-icons{
display: block;
} .top-bar-section ul li > a{
font-size: 13px;
padding: 0 11px!important;
}
.contain-to-grid .top-bar{
padding: 20px;
min-height: 120px;
}
.logo{
width: 25%;
}
}
@media only screen and (max-width: 850px) {
.bottom-bar a{
line-height: 17px;
}
.bottom-bar{
min-height: 65px;
}
.bottom-bar .right{
margin-top: 10px;
}
}
@media only screen and (max-width: 768px) {
.social-icons-mobile{
top: 170px;
}
}
@media only screen and (max-width: 640px) {
.social-icons{
top: 118px;
top: 145px;
right: 25px;
} .contain-to-grid .top-bar{
min-height: 180px!important;
}
.top-bar.expanded, .top-bar{
height: 70px!important;
}
.top-bar-section ul li{
float:left;
margin-bottom: 7px;
}
ul.nav-menu{
margin-top: 15px;
}
.spc-callout{
margin-top: 40px;
}
.spc-callout .callout{
text-align: center;
}
.spc-callout p{
display: inline-block;
margin-right: 30px;
}
}
@media only screen and (max-width: 510px){
.spc-callout p{
margin: 0;
display: block;
}
}
@media only screen and (max-width: 480px) {
.menu-container a i { }
.menu-container a{ }
ul.nav-menu{
margin-top: 12px;
}
.social-icons{
top: 141px;
}
.col-text{
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}
.bottom-bar{
min-height: 85px;
}
}