@charset "UTF-8";

h1, h2, h3, .slide-header {
	font-family: 'Lora', serif;
}

body, .slide-text {
	font-family: 'Montserrat', sans-serif;
}

#side-nav-logo img {
	max-height: 70px;
}

.header.light-skin, .header.light-skin.on {
	background-color: rgba(0,0,0, .5);
}

.btn-ghost:hover, .btn-ghost:focus, .btn-ghost:active, .btn-template:hover, .btn-template:focus, .btn-template:active {
	background-color: #d4af37;
	color: #fff;
}

#footer.footer {
	background-color: #444;
	color: #fff;
}

.white-box {
	background-color: #fff;
	padding: 1rem;
	box-shadow: 5px 5px rgba(0,0,0, .5);
}

.card {
	border: 1px solid #d4af37;
	/*max-height: 400px;*/
}

.card-footer {
	border: 1px solid #444;
}

.social.outline a {
	color: #fff;
	border-color: #fff;
}

#EZCarousel {
	height: 100vh;
	width: 100%;
	position: relative;
	overflow: hidden;
	opacity: 0;
	transition: opacity 200ms ease;
}

#EZCarousel.slick-initialized {
	opacity: 1;
}

#EZCarousel .slide {
	width: 100%;
	height: 100%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
}

#EZCarousel .slick-dots {
	bottom: 0;
}

#EZCarousel .slide-content {
	background-color: rgba(0,0,0, .5);
	max-height: 400px;
	max-width: 60%;
	padding: 1.25rem;
	box-shadow: 10px 8px #b58a10d9;
    border-radius: 7px;
    border: 2px solid #fff;
}

.slick-arrow {
	z-index: 100;
	width: 5rem;
	height: 100%;
}
.slick-arrow::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 0%;
	height: 100%;
	transition: all 300ms;
	background-color: rgba(0,0,0,0);
	z-index: -1;
}

.slick-arrow.slick-prev::after {
	right: auto;
	left: 0;
}

.slick-arrow:hover::after,
.slick-arrow:focus::after {
	content: "";
	width: 98%;
	background-color: rgba(0,0,0,0.7);
}

.slick-arrow:hover,
.slick-arrow:focus {
	outline: 4pt solid #0b5b91;
}

.slick-next {
	right: 0;
}

.slick-prev {
	left: 0;
}

.slick-list,
.slick-track,
.slick-slide,
.slick-slide > div,
.slide-content {
	height: 100%;
}

.slide-header {
	color: #fff;
	font-size: 3em;
}

.slide-text {
	color: #fff;
	font-size: 2em;
}

.slide-content .btn-template {
	border-color: #d4af37;
	color: #d4af37;
	background-color: #fff;
}

.slide-content .btn-template:hover, .slide-content .btn-template:focus {
	border-color: #fff;
	color: #fff;
	background-color: #d4af37;
}

.tabbable.nav-tabs {
   overflow-x: auto;
   overflow-y:hidden;
   flex-wrap: nowrap;
}
.nav-justified .nav-item {
  white-space: nowrap;
}

.food-menu h3 {
	margin-bottom: 1rem;
	border-top: 1px solid #d4af37;
	border-bottom: 1px solid #d4af37;
	padding: 1.25rem;
}

.food-menu h4, .food-menu h3 {
	text-transform: capitalize;
}

.food-menu p {
	text-transform: lowercase;
}

.food-menu .emoji {
	width: 30px;
	height: 30px;
}

.highlight-bg {
	background-color: #d4af37;
	border: 1px solid #000;
	border-radius: 7px;
	color: #fff;
}

.highlight-bg h3, .highlight-bg h4 {
	color: #000;
}

@media (min-width: 992px) {
.header.light-skin.on .navbar-default .navbar-nav > li > a {
    color: #fff;
}
}

@media (max-width: 764px) {
#EZCarousel .slide-content {
	max-height: 65%;
	max-width: 90%;
	padding: 1.25rem;
}
.header.light-skin, .header.light-skin.on {
	min-height: 70px;
}

}

.cmsform .row {
	margin-bottom: 10px;
}

.btn {
	font-weight: 900;
}

.slide .btn {
	font-size: 1rem;
}
.slide .btn:not(:hover, :focus){
	color:#666;
}