﻿*                                                           {border:0;padding:0;margin:0;line-height:100%;text-decoration:none;font-size:14pt;line-height:170%;letter-spacing:0.1em}
.accessibilityLinks                                         {text-indent:-5000px;position:fixed;}
html                                                        {max-width:100vw;}

.button                                                     {border:solid #766856 2px;color:#766856;padding:10px 25px;text-transform:uppercase;font-size:13px;letter-spacing:0.2em;}
div.button                                                  {border:solid #ffffff 2px;max-width:350px;color:#ffffff;margin:40px auto 0 auto;}

.announce                                                   {position:absolute;top:0;text-align:center;left:0;width:100%;background:#766856;z-index:10;padding:10px 1%;color:#ffffff;}
.announce div                                               {padding:0 1%;font-size:10pt;}
.announce a                                                 {color:#cccccc;text-decoration:underline;font-size:10pt;}

* b, p a                                                    {color:#c8a943;font-weight:500}

/*HEADERS 
#######################################################    */
h1, h2, h3, h4, h5, h6                                      {color:#766856;clear:both;margin:0 auto;position:relative;font-weight:100;}
h1                                                          {font-size: 24pt;margin: 10px 0 40px 0;line-height: 24pt;display:inline-block;padding:15px 5% 20px 10%;}
h2                                                          {font-size:20pt;margin:0 0 30px 0;border-bottom:solid #766856 1px;display:inline-block;}
h2::before                                                  {display:none!important;background:none!important;}
h3                                                          {font-size:18pt;color:#ffffff;}
h4                                                          {margin:20px 0 0 0;padding:2px;display:block;}
h5                                                          {margin:0 0 15px 0;}


/*NAVIGATION 
#######################################################    */
header                                                              {padding:30px 0 0px 0;}
header .navbar                                                      {background:rgba(255,255,255,0.7)!important;border-bottom:solid #766856 1px;}
header .navbar .nav-link                                            {color:#766856!important;text-transform:uppercase;font-size:15px;letter-spacing:0.2em}
header.scrolled                                                     {position:fixed;top:0;padding:0;z-index:10001}
header.scrolled .navbar-brand                                       {max-width:150px;padding-top:0px;}
header.scrolled .navbar-nav                                         {padding-top:0;line-height:100%;}
header.scrolled ul li                                               {line-height:100%;}
header.scrolled .navbar .nav-link									{padding: 0 15px;}
header.scrolled .navbar                                             {background: rgba(255,255,255,0.9)!important;}
header .navbar .nav-link.active                                     {color:#71bbbb;}
.navbar-brand                                                       {max-width:200px;padding-top:25px;}
.navbar-brand img                                                   {width:100%;}
.navbar-nav                                                         {padding-top:15px}


/* CONTENT
#######################################################    */    
.galleryPadder														{padding-top:150px;background:#f8f9fa}
.img-fluid                                                          {padding:3px;border:solid #cccccc 1px;box-shadow:rgba(0,0,0,0.5) 1px 2px 10px}
p.dishes-price                                                      {font-family: "DM Serif Display", serif;}
.SERVICES h4                                                        {position:absolute;bottom:45%;z-index:500;text-align:center;width:100%;color:#ffffff;text-shadow:rgba(0,0,0,0.5) 1px 1px 2px;}

/* GALLERY 
#######################################################    */
.GALLERY img                                                        {max-width:24.5%;margin:3px 0;}
.overlay                                                            {display: none;position: fixed;inset: 0;background: rgba(0,0,0,0.7);align-items: center;justify-content: center;z-index: 50001;}
.overlay img                                                        {height:90vh;box-shadow: 0 0 30px rgba(0,0,0,0.6);background: #fff;}



/* TESTIMONIALS
#######################################################    */ 
.testimonial p                                                      {color:#787878!important}

/* CONTACT FORM 
#######################################################    */
.contactBox                                                         {display:inline-block;width:100%;max-width:30%;text-align:left;vertical-align:top;}
.contactIcon                                                        {width:90px;height:90px;display:inline-block;}
.contactText                                                        {display:inline-block;vertical-align:top;}
.contactText h4                                                     {padding-bottom:10px;display:block;text-align:left;}
.contactForm p                                                      {font-size:12pt;padding:0!important;}
.contactForm                                                        {margin:20px auto;max-width:600px;width:90%;text-align:left;}
.contactForm .contactColumn                                         {width:40%;display:inline-block;vertical-align:top;}
.contactForm .input                                                 {width:80%;max-width:400px;padding:6px 10px;background:#ffffff;margin:4px 0;color:#000000;border:solid #cccccc 1px;font-size:11pt;}
.contactForm .SendButton                                            {background:#007788;color:#efefef;padding:8px 50px;font-size:18px;cursor:pointer}
.contactForm .CancelButton                                          {display:none;background:#007788;color:#efefef;padding:8px 25px;}
.contactForm label                                                  {display:none;}
.contactMap                                                         {border:solid #9b0019 2px;}

.pt-10																{padding-top:300px!important;}

/* TOP OF PAGE 
#######################################################    */
.skip                                                               {max-width:50px;position:fixed;z-index:10;bottom:10px;right:20px;}
.skip img                                                           {width:100%;}


/* FOOTER 
#######################################################    */
footer																{background:#efefef}
footer h3                                                           {color:#766856;}
.site-footer                                                        {padding:0;}
.footerCol                                                          {display:inline-block;max-width:49%;width:100%;vertical-align:top;padding-top:30px;}
.footerCol ul li                                                    {margin-bottom:5px!important;}
.footerlogo															{max-width:100%;}

/* BJC SIGNOFF */
.bottomFooter                                                       {background:#262626;margin:0;padding:15px 0;text-align:center;}
.bottomFooter p, .bottomFooter p a                                  {color:#ffffff;font-size:11pt;}

.closer                                                             {display:none;}
.menuMobile                                                         {display:none;}
@media screen and (max-width: 1500px) {
	.item-dishes .text .dishes-price								{font-size: 30px;}
	.item-dishes .text .dishes-heading								{font-size: 20px;}
	.inlineIMG .col-lg-4											{width:33%}
	p																{width:100%;}
}
@media screen and (max-width: 900px) {
	.mainIMG img														{display:none;}
}

@media screen and (max-width: 1000px) {
	div.button														{max-width: 94%;}
	.container														{max-width:100%!important}

}
@media screen and (max-width: 850px) {

}
@media screen and (max-width: 780px) {
	*																{text-align:center!important;}
	.text-left														{text-align: center!important;}
	.heading-wrap h2												{font-size: 30px;}
	.testimonial p													{font-size: 16px;}
	.announce a														{font-size: 9pt;}
	.navbar-toggler													{background:#c8a943;margin-top:17px;}
	.navbar-brand													{max-width: 120px;padding-top: 25px;}
	.container														{width:90%;}
	.footerlogo														{max-width:200px;}
	.col-md-4, .col-md-7											{max-width:100%;flex:100%;}
    .announce, .announce a                                          {font-size:10pt;}
    header                                                          {top:15px;}
	header.scrolled .navbar .nav-link									{padding:.5rem 0rem}
}
@media screen and (max-width: 499px) {
	.footerCol														{max-width:100%;flex:100%;}
	header															{top:30px;}

}
