html, body {
	width: 100%;
	height: 100%;
	background-color: black;
	}

h1, h2, h3, h4 {
	font-family: 'Numans', sans-serif;
	}

.row {
	margin: 0;
	}

.no-pad {
	padding: 0;
	}

.norobots {
	display: none;
	}


.italics {
    font-style: italic;
}

.navbar-collapse {
    max-height: none;
}

.color-main {
	background-color: black;
	color: white;
	}	

.white-text {
	color: #ffe2a7;
	}

.no-left-margin {
	margin-left: 0 !important;
	}

.small-right-pad {
	padding-right: .8em !important;
	}

label.valid {
	width: 24px;
	height: 24px;
	background: url(../images/checked.gif) center center no-repeat;
	display: inline-block;
	text-indent: -9999px;
	float: right;
	margin-top: -2em;
	margin-right: .5em;
	}
label.error {
	font-weight: bold;
	padding: 2px 8px;
	color: #F5A9A9;
	}

p.success {
	color: #01DF01;
	font-weight: bold;
	margin-bottom: 2em;
	text-shadow: black 0px 0px 5px;
	}

p.error {
	color: #F78181;
	font-weight: bold;
	margin-bottom: 2em;
	text-shadow: black 0px 0px 5px;
	}

.vignette {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	content: "";
	}
	.vignette-lg {
		-moz-box-shadow: inset 0 0 5em black;  
		-webkit-box-shadow: inset 0 0 5em black;   
		box-shadow: inset 0 0 5em black;
		}
.color-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	content: "";
	background-color: #5F4C0B;
	opacity: .8;
	}


.navbar-default {
	height: 4em;
	border-bottom: 1px solid #61380B;		
	background: url("../images/splash.jpg");
	background-size: cover;
	background-position: left bottom;
	background-repeat: no-repeat;
	-webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, .8);
	-moz-box-shadow:    0px 5px 10px 0px rgba(0, 0, 0, .8);
	box-shadow:         0px 5px 10px 0px rgba(0, 0, 0, .8);
	}	
	.navbar-logo-img {
		float: left;
		height: 2em;
		}	
	.navbar-logo-text {
		float: left;
		font-size: 1.2em;
		font-weight: bold;
		line-height: 1.8em;
		margin-left: .5em;
		color: #ffe2a7;
		font-family: 'Numans', sans-serif;
		}
	.navbar-toggle {
		margin-top: 1em;
		margin-right: 0;
		}
		
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		border: none;
		margin-top: -.5em;
		width: 100%;
		}		
		
	.navbar-nav > li > a {
		height: 3.3em;
		line-height: 2em;
		font-weight: bold;
		text-shadow: black 0 0 3px;
		font-family: 'Numans', sans-serif;
		}
		.navbar-default .navbar-nav > li > a {
			color: #ffe2a7;
			}		
			.navbar-default .navbar-nav > li > a:hover {
				color: white;
				text-decoration: none;
				}
			.navbar-default .navbar-nav > .active > a, 
			.navbar-default .navbar-nav > .active > a:hover, 
			.navbar-default .navbar-nav > .active > a:focus {
				background-color: #bc9462;
				color: white;
				}				



.main-head {
	height: auto;
	position: relative;
	z-index: 10;
	padding-bottom: .25em;
	border-bottom: 1px solid #3A2F0B;
	-webkit-box-shadow: 0px 0px 36px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 36px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 36px rgba(0,0,0,0.75);
	}
	#main-head-logo {
		margin: auto;
		width: 100%;
		float: right;
		}
	#main-head-logo-xs {
		float: left;
		height: 8em;
		margin-left: .5em;
		border: 1px solid #bc9462;
		}
	.main-head-splash {
		}
		.main-head-splash-main {
			float: left;
			color: #bc9462;
			text-shadow: black 0 0 3px;
			}
		.main-head-splash-main-text {
			float: left;
			color: #ffe2a7;
			}			
		.main-head-splash-sub {
			float: left;
			color: white;
			text-shadow: black 0 0 3px;
			clear: both;
			}
		.main-head-main-link, 
		.main-head-main-link:hover, 
		.main-head-main-link:focus, 
		.main-head-main-link:visited {
			text-decoration: none;
			}
			

		.main-head-main-link-xs-block {
			width: 22em;
			height: auto;
			margin: 0 auto;
			float: none;
            text-align: center;
			}
			.main-head-main-link-xs-block-inner {
				padding-left: 0em;
				float: left;
				clear: none;
				width: 13em;
				margin-left: 1em;
				margin-bottom: 2em;
				}
		.main-head-main-link-xs {
			
			} 

			
		.main-head-directions {
			float: right;
			}	
		.main-head-splash-phone {
			float: right;
			color: #bc9462;
			text-shadow: black 0 0 3px;
			font-family: 'Numans', sans-serif;
			}
			.main-head-splash-phone:hover, .main-head-splash-phone:visited {
				color: white;
				text-decoration: none;
				}
		.main-head-splash-address {
			float: right;
			color: white;
			text-shadow: black 0 0 3px;
			clear: both;
			font-family: 'Numans', sans-serif;
			}
			.main-head-splash-address:hover {
				color: white;
				text-decoration: none;
				}
		.social-icon-head {
			float: none;
			clear: both;
			}		
			.social-icon {
				background-color: white;
				text-align: center;
				z-index: 99999;
				}
		.main-head-hours {
			clear: both;
			float: right;
			color: #bc9462;
			font-size: .8em;
			line-height: 1.5em;
			margin-top: 0;
			margin-right: 2em;
			}


		.main-head-skipthedishes {
			clear: both;
			color: white;
			font-size: 1em;
            font-weight: bold;
			line-height: 1.5em;
			margin-top: .5em;
			margin-bottom: 1em;
            margin-right: 1em;
            float: right;
            width: auto;
            background-color: #870606;
            border: 1px solid-black;
            border-radius: .5em;
            padding: .3em .5em;
			}
		.main-head-skipthedishes:hover, .main-head-skipthedishes:active {
            text-decoration: none;
            color: white;
            }

		.main-head-skipthedishes-small {
            float: none;
            margin-right: 0;
            margin: 0 auto;
            }
		.main-head-skipthedishes-menu {
            float: left;
            margin: 0 1em 1em 1em;
            }

        #main-head-skipthedishes-menu {
            margin-top: 1em;
            padding: 0 .5em 0 .5em;
            height: auto;
            }
        #main-head-skipthedishes-menu-med {
            margin-top: 1em;
            padding: 0 .5em 0 .5em;
            height: auto;
            }


		.main-head-splash-xs {
			background: url("../images/mains_daytime.jpg");
			background-size: cover;
			background-position: center center;
			background-repeat: no-repeat;
			float: left;
			width: 100%;
			height: 10em;
			margin-top: 1em;
			-webkit-box-shadow: 0px -1px 10px 0px rgba(0, 0, 0, .8);
			-moz-box-shadow:    0px -1px 10px 0px rgba(0, 0, 0, .8);
			box-shadow:         0px -1px 10px 0px rgba(0, 0, 0, .8);
			}			
							
	.main-head-links {
		background: url("../images/splash-bottom.jpg");
		background-size: cover;
		background-position: left top;
		background-repeat: no-repeat;
		float: right;
		-webkit-box-shadow: 0px -1px 10px 0px rgba(0, 0, 0, .8);
		-moz-box-shadow:    0px -1px 10px 0px rgba(0, 0, 0, .8);
		box-shadow:         0px -1px 10px 0px rgba(0, 0, 0, .8);
		}
		.main-head-links-link {
			height: auto;
			border-left: 1px solid #bc9462;
			text-shadow: black 0 0 3px;
			}
			.main-head-links-link > a:hover {
				text-decoration: none;
				}
			.main-head-links-link > a:hover > h3, .main-head-links-link > a:hover > p {
				color: white;
				}
			.main-head-links-link > a > h3 {
				color: #ffe2a7;
				}
				.main-head-links-link.active > a > h3 {
					color: white;
					} 				
			.main-head-links-link > a > p {
				color: #bc9462;
				border-top: 1px solid black;
				}
				.main-head-links-link.active > a > p {
					color: white;
					}
					

		.main-head-links-xs {
			background: url("../images/splash-bottom.jpg");
			background-repeat: no-repeat;
			-webkit-box-shadow: 0px -1px 10px 0px rgba(0, 0, 0, .8);
			-moz-box-shadow:    0px -1px 10px 0px rgba(0, 0, 0, .8);
			box-shadow:         0px -1px 10px 0px rgba(0, 0, 0, .8);
			height: 4em;
			} 			 				
			.main-head-links-link-xs {
				width: 20%;
				height: 3em;
				padding-top: .2em;
				text-align: center;
				float: left;
				}


.main-splash {
	min-height: 50em;
	height: auto;
	position: relative;
	padding: 2em 1em 2em 1em;
	}
	#index-main-splash {
		background: url("../images/main.jpg");
		background-size: 100%;
		background-position: top center;
		background-repeat: no-repeat;
		}		
		
		
.main-content-story-row {
	display: flex !important;
	height: auto;
	clear: both;
	}
	.main-content-story-row-col {
		padding: 0;
		}		
	.main-content-story {
		border: 1px solid #61380B;
		padding: 2em;
		padding-bottom: 1em;
		position: relative;
		z-index: 999;
		background: url("../images/dark.png");
		background-size: cover;
		color: white;
		margin-bottom: 1em;
		height: auto;
		-moz-box-shadow: 0 0 5em black;  
		-webkit-box-shadow: 0 0 5em black;   
		box-shadow: 0 0 5em black;
		}		
		.main-content-story-feature {
			border: 1px solid #61380B;
			margin-left: 0;
			margin-right: 0;
			}		
		.main-content-image-feature {
			margin-bottom: 1em;
			}
		.main-content-image-feature-sub {
			margin-bottom: 1em;
			margin-left: 1em;
			position: relative;
			}
		.main-content-image-announcement {
			margin-bottom: 1em;
			}
		.main-content-image {
			margin-bottom: 1em;
			padding: 0;
			}
		.main-content-story-title {
			font-size: 1.2em;
			font-weight: bold;
			color: #ffe2a7;
			text-shadow: black 0 0 3px;
			margin-bottom: .2em;
			}
		.main-content-story-title-feature {
			margin-top: 1em;
			}	
		.main-content-story-subtitle {
			font-size: 1em;
			text-shadow: black 0 0 3px;
			margin-bottom: 1em;
			}
		.main-content-story-subtitle-feature {
			font-size: 1.2em;
			text-shadow: black 0 0 3px;
			margin-bottom: 2em;
			}	
			.main-content-story-subtitle > a, .main-content-story-subtitle > a:hover, .main-content-story-subtitle > a:visited {
				color: white;
				font-weight: bold;
				text-decoration: none;
				}			
		.main-content-story-text {
			line-height: 1.2em;
			color: #bc9462;
			margin-top: .5em;
			margin-bottom: 1em;
			}
		.main-content-story-text-feature {
			margin-top: 1em;
			}	
			.main-content-story-text > a, .main-content-story-text > a:hover, .main-content-story-text > a:visited {
				color: white;
				text-decoration: none;
				}
		
		
		
.about-image-gallery {
	margin-top: 2em;
	position: relative;
	z-index: 999;
	margin-bottom: 1em;
	}		
	.about-image-gallery-image {
		margin-left: 2em;
		margin-bottom: 1em;
		position: relative;
		border: 1px solid #61380B;
		}		
		
		
		
.gallery {
	position: relative;
	z-index: 999;
	margin-bottom: 1em;
	}
	.gallery-main-image-frame {
		padding-left: 0;
		
		}
		.gallery-main-image {
				margin: .5em;
				margin-bottom: 1em;
				position: relative;
				}
			.show-modal-img {
				position: relative;
				z-index: 999;
				display: block;
				width: 100%;
				height: 100%;
				}		
		
.main-contact {
	height: auto;
	background: url("../images/splash.jpg");
	background-position: right bottom;
	background-size: 80%;
	background-repeat: no-repeat;
	color: white;
	position: relative;
	z-index: 10;
	-webkit-box-shadow: 0px 0px 36px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 36px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 36px rgba(0,0,0,0.75);
	border-top: 1px solid #3A2F0B;
	}
	.main-contact-form > h2, .main-contact-map > h2 {
		color: #bc9462;
		font-size: 1.5em;
		font-weight: bold;
		text-shadow: black 0 0 3px;
		text-align: center;
		}
		.main-contact-form > h2, .main-contact-form > p {
			margin-left: -.5em;
			}
	.main-contact-form > p, .main-contact-map > p {
		margin-bottom: 1em;
		margin-top: .2em;
		font-size: 1.2em;
		line-height: 1.3em;
		text-shadow: black 0 0 3px;
		text-align: center;
		}
		.main-contact-map > p > a, .main-contact-map > p > a:hover, .main-contact-map > p > a:visited {
			color: white;
			text-decoration: none;
			}
	.main-contact-map {
		padding: 2em;
		}
		.main-contact-map > iframe {
			height: 30.4em;
			}
	.main-contact-form {
		padding: 2em;
		}
	#contact-submit {
		margin-right: -1em;
		}	
		
.col-5 {
    float: left;
    width: 20%;
}

.menu-head-link-frame {
	position: relative;
	margin-left: 1em;
	margin-bottom: 1em;
	}
	.menu-head-link-frame-first {
		margin-left: 0;
		}		
			
	#menu-link-main {
		background: url("../images/burger.jpg");
		background-size: cover;
		background-position: left bottom;
		background-repeat: no-repeat;
		}
	#menu-link-lunch {
		background: url("../images/fish.jpg");
		background-size: cover;
		background-position: right top;
		background-repeat: no-repeat;
		}
	#menu-link-late-night {
		background: url("../images/wings.jpg");
		background-size: cover;
		background-position: right bottom;
		background-repeat: no-repeat;
		}
	#menu-link-brunch {
		background: url("../images/brunch.jpg");
		background-size: cover;
		background-position: right bottom;
		background-repeat: no-repeat;
		}
	#menu-link-drinks {
		background: url("../images/bar.jpg");
		background-size: cover;
		background-position: right bottom;
		background-repeat: no-repeat;
		}
	#menu-link-private {
		background: url("../images/private.jpg");
		background-size: cover;
		background-position: right bottom;
		background-repeat: no-repeat;
		}
	.menu-head-link, .menu-head-link:visited {
		background: url("../images/fade.png");
		background-size: cover;
		background-repeat: no-repeat;
		color: #ffe2a7;
		display: block;
		float: left;
		text-align: center;
		width: 100%;
		height: 100%;
		position: relative;
		z-index: 999;
		text-decoration: none;
		text-shadow: black 0 0 3px;
		font-family: 'Numans', sans-serif;
		border: 1px solid #61380B;
		}		
		.menu-head-link:hover, .menu-head-link.active {
			color: white;
			text-decoration: none;
			}
		.menu-foot {
			margin-top: 2em;
			margin-bottom: 2em;
			width: 100%;
			float: left;
			}

footer {
	border-top: 1px solid #61380B;
	height: auto;
	color: white;
	padding: 2em;
	line-height: 1.1em;
	background: url("../images/splash-bottom.jpg");
	background-size: 80%;
	background-position: right top;
	background-repeat: no-repeat;
	text-align: center;
	-webkit-box-shadow: 0px -10px 36px 8px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px -10px 36px 8px rgba(0,0,0,0.75);
	box-shadow: 0px 10px -36px 8px rgba(0,0,0,0.75);	
	}		
	.footer-headline {
		color: #bc9462;
		font-size: 1.8em;
		line-height: .8em;
		font-weight: bold;
		font-family: 'Numans', sans-serif;
		margin: 0 auto;
		}
		.footer-headline-text {
			clear: both;
			font-size: 1.34em;
			line-height: 1.34em;
			color: #ffe2a7;
			font-family: 'Numans', sans-serif;
			}
		.footer-headline-sub {
			font-size: 1.03em;
			line-height: 1.03em;
			clear: both;
			border-top: 1px solid #bc9462;
			padding-top: .5em;
			margin: 0 auto;
			margin-bottom: 1em;
			width: 16em;
			color: white;
			font-family: 'Numans', sans-serif;
			}
		.footer-text {
			color: #bc9462;
			margin-bottom: 2em;
			line-height: 1.35em;
			}
			.footer-text-address {
				color: #ffe2a7;
				font-size: 1.4em;
				}
			.footer-text-contact,
			.footer-text-contact > a, .footer-text-contact > a:hover, .footer-text-contact > a:visited {
				font-size: 1.15em;
				line-height: 1.3em;
				color: white;
				text-decoration: none;
				}	

		.footer-shipthedishes {
            margin-top: .5em;
            margin-bottom: .5em;
			}

		.social-icon-foot {
			width: 12em;
			height: 2em;
			margin: 2em auto;
			}		
			.social-icon {
				background-color: white;
				font-size: 1em;
				line-height: 1.2em;
				width: 1.5em;
				padding: .3em .5em .2em .3em;
				text-align: center;
				z-index: 99999;
				margin-left: .5em;
				margin-right: .5em;
				margin-bottom: 1em;
				}
		.footer-text-slash {
			color: #bc9462;
			margin: 0 .2em 0 .2em;
			}
		.footer-main > a, .footer-main > a:hover, .footer-main > a:visited {
			color: #ffe2a7;
			text-decoration: none;
			font-size: 1.2em;
			}
		.footer-copyright {
			clear: both;
			color: #bc9462;
			font-size: .8em;
			}	
	.footer-copyright > a, .footer-copyright > a:hover, .footer-copyright > a:visited {
		color: #ffe2a7;
		text-decoration: none;
		}
		
.no-border {
	border: none;
	}
		
		
.modal {
 	overflow-y: auto;
 	background:url("../images/dark.png");
 	background-size: cover;
	}
	.modal-open {
	 	overflow: auto;
		}
	.modal-dialog {
		min-width: 90%;
		}			
		.modal-content {
			background: transparent;
			box-shadow: none;
			-webkit-box-shadow: none;
			}	
		.modal-body {
			postion: relative;
			}		
		.modal-dialog-image-frame {
			padding: 1em;
			float: left;
			width: 100%;
			height: 100%;
			margin-top: 1em;
			}
			.modal-dialog-image {
				position: relative;
				z-index: 999;
				opacity: 0;
				border: 1px solid #61380B;
				}			
			.modal-dialog-content-navigation {
				width: 10em;
				position: relative;
				height: 4em;
				z-index: 9999;
				text-align: center;
				margin: -4em auto;
				}
				.modal-dialog-content-button {
					color: white;	
					font-size: 2em;
					text-shadow: black 0px 0px 8px;
					}
					.close {
						float: none;
						margin: 0 auto;
						font-size: 2em;
						line-height: 1em;
						opacity: 1;
					    display: block;
					    width: 1.2em;
					    line-height: 1.1em;
					    text-align: center;
						}
					.modal-dialog-content-button, .modal-dialog-content-button:hover, .modal-dialog-content-button:visited, .modal-dialog-content-button:active {
						color: white;
						opacity: 1;
						text-decoration: none;
						}
					.modal-dialog-content-button-prev {
						float: left;
						}
					.modal-dialog-content-button-next {
						float: right;
						margin-top: -1em;
						}			
						
						
.calendar-source {
	padding-bottom: 2em;
	}
	.event-calendar-subtitle {
		margin-bottom: 0;
		}
						
						
						
						
.placeholder-toggle{
    width:100%;
 -webkit-appearance: none;
  -moz-appearance: none;    
}

.placeholder-toggle.placeholderclass::before{
    width:100%;
    content:attr(placeholder);
    background-color:#FFFFFF;
    color: #999999;
}

.placeholder-toggle.placeholderclass:focus::before{
    width:0%;
    content:"";
    color: black;
}