/*Import font from website and Adobe Typekit*/
@import url("https://use.typekit.net/xee7sab.css");

@font-face {
    font-family: 'majesti_bannerbold';
    src: url('../font/majesti-banner-bold-webfont.woff2') format('woff2'),
         url('../font/majesti-banner-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

p{
	font-size: 18px;
}

h2{
    font-size: 30px;
}

#container{
    width: 100%;
}

/*Active nav bar page is bigger size*/
.active{
    font-size: 30px;
        color: rgb(240, 78, 35);
}
/*Sets main content to take only half the page - Giving half the page the content and the other images*/
.main{
    width: 48%;
    min-width: 300px;
    margin-right: 1%;
    margin-left: 1%;
    text-align: center;
}
/*Sets the image on the right side of the page*/
.side-bar{
    float: right;
    width: 48%;
    margin-left: 1%;
    margin-right: 0px;
	padding-right: 0px;
}

/*Logo in the header*/
#logo {
    font-family: 'majesti_bannerbold';
    font-size: 30pt;
    margin-left: 15px;
    margin-top: 5px;
    float: left;
}

/*Heading for the sections*/
#feature h2{
    font-size: 40px;
    text-align: center;
}

body {
    
    font-family: Athelas;
    /*Color used for text is Sleek from style guide 65,57,61*/
    background-color: rgb(215,228,194);
    padding: 0;
    margin: 0;
    color: rgb(65,57,61);
}
a {
	/*Sets the color for links to sleek*/
    color: rgb(215, 228, 194);
}

	/*Sets color for link in nav bar when hovered*/
p a , a:hover{
    color: rgb(240, 78, 35);
}

	/*Used for when using the company name TOWN will use the logo font*/
h2 b, p b {
    font-family: 'majesti_bannerbold';
}

	/*Footer for page*/
footer{
	height: 35px;
	line-height: 35px;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: black;
    color: white;
}

footer small, footer a{
	font-size: 16px;
	display: inline-block;
	vertical-align: bottom;
}

footer small{
	margin-left: 5px;
}

header{
    background-color: rgb(65,57,51);
    display: inline-block;
    width: 100%;
    padding-left: 0;
    margin-left: 0;
	padding-top: 0;
    height: 80px;
    position: relative;
}

#nav-bar {
    float: right;
    height: 100%;
	margin-top: 0;
	padding-top: 0px;
	font-size: 20px;
}

/*Sets location of the social media images*/
#social-media{
    float: right;
	display: block;
	bottom: 0px;
	position: relative;
	line-height: 30px;
}
/*Used for size of social media images*/
#social-media img{
    width: 30px;
    height: auto;
    margin-right: 10px;
	line-height: 30px;
	vertical-align: middle;
}

/*List for nav bar*/
li{
    display: inline;
    padding-left: 10px;
    padding-right: 5px;
}

i {
    font-style: normal;
    color: rgb(190, 30, 45)
}

#location{
width: 80%;
display: inline-block;
vertical-align: middle;
}

#location p, h2{
    line-height: normal;

}

#news-header{
 width: 100%;
margin-bottom: 5px;
}

#news-img{
 width: 35%;
vertical-align: middle;
    display: inline-block;
margin-right: 5px;
}

#news-img img{
    width: 100%;

}

#news-text{
    width: 60%;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}

#news-text p{
     line-height: normal;
}

#side-images{
    width: 55%;
    float: right;
}

#side-images img{
    width: 100%;
    margin-right: 15px;
}
#page-text{
    text-align: center;
    overflow-y:auto;
}


#mission{
    line-height: normal;
}

#menu{
	width: 80%;
	margin: 0 auto;
	display: block;
}

/*Used for different sections of the menu*/
#menu-section{
	margin-bottom: 80px;
}

/*Used for the title of the menu. Example Apps, Entree*/
.menu-title{
	font-size: 50px;
	display: block;
 	font-weight:normal;
 	margin: 20px 0; 
 	text-align: Center;
}

/*Div housing the menu item name, price and description*/
#menu-item{
	  margin: 25px 0;
}

/*Name of the menu item. Sets a line at the bottom to allow pricing to float on the right hand side*/
#menu-item-name{
	font-size: 24px;
 	border-bottom: 2px solid rgb(65,57,61);
}

/*Menu item description. Text-indent is used for the indention on the second line*/
#menu-item-description{
font-style: italic;
  font-size: 16px;
  line-height: 32px;
		margin-left: 2em;
	text-indent: -2em;
}

/*Menu item price. negative numebr for margin-top is used to set the price to float above the line created by item-name*/
#menu-item-price{
	float: right;
  font-weight: bold;
  font-family: arial;
  margin-top: -22px;
}

/*Changes the sitemap link colors*/
#sitemap li a{
	color: rgb(65,57,51);
}

/*Changes the sitemap link colors*/
#sitemap li a:hover{
	color: rgb(240, 78, 35);
}