/*
gray e9e8e7
graydark 93908d
blue 223055
yellow cf9931

*/

@font-face {
  font-family: BaltoreSlanted;
  src: url(font/BaltoreSlanted.otf);
}

@font-face {
  font-family: Baltore;
  src: url(font/Baltore.otf);
}

body, html{
	height:100%;
}
body{
	
	background-color: #002c65;
	color:#223055;
}

.welcome-to{
	font-family:Baltore, "Segoe UI", Roboto, "Helvetica Neue",Arial;
	color: #cf9931;
}

.choose-option{
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	font-size:12px;
}

.choose-button{
	font-family:Baltore, "Segoe UI", Roboto, "Helvetica Neue",Arial;
	font-size: 1.2rem;
	color:#223055;
	height:100%;
}

.ordering-button{
	    background: #cf9931;
    color: #fff;
    border-color: #cf9931;
}

.dine-in-section{
	background:rgba(255,255,255,0.1)
}

.menu-title{
	color:#93908d;
	font-family:Baltore, "Segoe UI", Roboto, "Helvetica Neue",Arial;
	
	margin-bottom:0;
}

.menu-subtitle{
	color:#93908d;
}

.menu-items .card{
	height:100%;
}
.menu-items .card-title{
	font-size: 1.0rem;
	color:#223055;
	font-family:Baltore, "Segoe UI", Roboto, "Helvetica Neue",Arial;
	display:inline-block;
	margin-bottom:0;
}

.menu-items .card-subtitle{
	font-size: 0.8rem;
	color:#cf9931;
	font-family:BaltoreSlanted, "Segoe UI", Roboto, "Helvetica Neue",Arial;
	float:right;
	margin-top:0.25rem;
}
.card-extratitle{
	font-size: 1.0rem;
	color:#93908d;
	font-family:Baltore, "Segoe UI", Roboto, "Helvetica Neue",Arial;
	margin-bottom:0;
}

.menu-items .card-text{
	color:#93908d;
	margin-bottom:0;
}








/* CORNER RIBBON STYLING */

.card.happyhour{
	overflow:hidden;
	min-height:75px;
}
.card.happyhour:before{
     width: 200px;
	  height: 50px;
    background: #223055;
    color: #fff;
    position: absolute;
    text-align: center;
    bottom: -25px;
    line-height: 20px;
    right: -75px;
    font-size: 0.5rem;
	font-family:Baltore, "Segoe UI", Roboto, "Helvetica Neue",Arial;
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
    content: "HAPPY HOUR";
}