@import url('https://fonts.googleapis.com/css?family=Port+Lligat+Slab|Pacifico|Raleway:300,400,600,700,800,900|Yanone+Kaffeesatz:400,700');

body, #main{
	background: linear-gradient( rgba(0, 0, 0, 0.45),  rgba(0, 0, 0, 0.45) ),url(images/bg.jpg) no-repeat;
	background-position: center;
}

.page-title{
	color: #fff; /* Section H1 Color */
	font-family: 'Yanone Kaffeesatz', sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 3px;
	font-size: 60px;	
	margin-top: 60px;	
}	
	
#menu, #loyalty, #deliver, #contact, #facebook_like{
	background: #28272a;
}; /* Section BG Color */
}	
	
.nav {
    margin-top: 40px;
}

.navbar-nav>li>a {
    padding-top: 5px;
    padding-bottom: 5px;
}

#home-link, #oo-link, #menu-link, #about-link, #location-link{
    border-right: dashed #4d4d4f 1px;	
}

.navbar-default .navbar-nav > li > a{
    color: #fff;
	font-family: 'Yanone Kaffeesatz', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 25px;
    letter-spacing: 1px;
}

.active, .navbar-default .navbar-nav > li > a:hover, navbar-nav > li > a:focus{
	color: #f4452c !important;
}
	
.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
}		
	
.navbar.navbar-default.navbar-fixed-top, .navbar-collapse{
	background: #2e2e30;
	color:#000;
}	

.navbar-default{
	border-bottom: 5px #2e2e30 solid;
}
	
#nav-logo{
	width: 250px;
	padding-top: 5px;
}		

@media (max-width: 480px){
#nav-logo {
  width: 200px !important;
  padding-top: 15px;
}
#menu .row,
#about .row,
#deliver .row,
#contact .row,
#loyalty .row,
#feedback .row,
#facebook_like .row,
#contact .row{
    padding: 20px !important;
}
}
	
/* Main Section */	
#main button{
	color: #fff;
	border: #f4452c 5px solid;
	background: #f4452c;
	font-weight: bold;
    border-radius: 100px;	
	font-family: 'Raleway', sans-serif !important;
	font-weight: 700;    
}

#main a button:hover {
    background: #f1703d;
	border: #f1703d 5px solid;    
    color: #fff;
}
	
#main h2{
	color:#fff;
    display: initial;
	font-family: 'Pacifico', cursive;
    font-weight: 400;
    text-transform: lowercase;
    letter-spacing: 1px;	
}

#main #contact-details, #main #cuisine{
	font-family: 'Raleway', sans-serif !important;
	font-weight: 600;
}	
	
/* Menu Section */
#menu .page-title{
	text-align: center;
}

#menu{
	background: url(images/menu-bg.jpg) no-repeat;
	background-attachment: fixed;
	background-position: center;
	background-size:cover;
}

.panel {
    margin-top: 20px;
    padding: 10px;
	border-bottom: dashed #4d4d4f 1px;	    
}

#menu h2{
	color: #f1703d;
	text-align: center;
	font-family: 'Pacifico', cursive;
	letter-spacing: 2px;
}

.menu-item h4{
	color: #fff;
	font-weight: bold;
	font-family: 'Raleway', sans-serif !important;
	font-weight: 700;  	
}

.menu-border{
	border-color: #fff;
	display: none
}

.menu-prices{
	color: #ee2730;
	font-size: 15px;
	font-family: 'Raleway', sans-serif !important;
	font-weight: 700; 	
}

.menu-item p{
	color: #dfdfdf;
	font-family: 'Port Lligat Slab', serif;
	font-size: 15px;
    line-height: 26px;
    font-weight: normal;
    font-style: normal;	
}

.menu_title_footer, .menu_title_header{
	color: #fff;
	text-align:center;
}

#menu-row hr {
    border-top: #eee dotted 2px;
    display: none;
}	

/* About Section */
#about{
	background-color: rgba(0, 0, 0, 0.31);
	text-align: center;
}

.about p {
    line-height: 20px;
	font-size: 15px;
	font-family: 'Raleway', sans-serif !important;	
    font-weight: 100;   
    text-align: justify;
}
	
.about {
	color: #dfdfdf;
}

/* Loyalty Section */
#loyalty .form-control {
    border-radius: 0px;
}

/* Deliver Section */
#deliver h4{
	color: #dfdfdf;
	font-family: 'Raleway', sans-serif !important;	
    font-weight: 300;
    letter-spacing: 1px;    	 
}

/* Map Section */
#map #contact-details{
	color: #000;
    font-weight: 600;
}

/* Contact Section */
#contact{
	background: url(images/contact-bg.jpg) no-repeat;
	background-position: center;
	background-size:cover;
}

#loyalty button, #contact button{
    background-color: #e44c37;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    box-shadow: none;
   	border: #e44c37 solid 2px;
	padding: 8px 20px;   
	font-family: 'Raleway', sans-serif !important;
	font-weight: 700; 
	text-transform: uppercase;
	letter-spacing: 1px;			
}

#loyalty button:hover, #contact button:hover{
   	border: #e44c37 solid 2px;
	color: #e44c37;
    background: transparent;
    box-shadow: none;
    -webkit-border-radius: 25px;
    border-radius: 25px; 
	font-weight: 700;        
}

#loyalty .form-control, #contact-form .form-control {
    background: transparent;
    border: solid 1px #a9a9a9 !important;  
    color: #dfdfdf; 
}

#loyalty .form-control:focus, #contact-form .form-control:focus {
    -webkit-box-shadow: inset 0 0 0 1px #e44c37;
    box-shadow: inset 0 0 0 1px #e44c37;
    border: 1px solid #e44c37 !important;    
}
	
#loyalty label, #contact label{
    color: #dfdfdf;
    font-size: 15px;
	font-family: 'Raleway', sans-serif !important;
	font-weight: 700; 	
}

#contact #contact-details, #contact #cuisine{
    color: #dfdfdf;
	font-family: 'Port Lligat Slab', serif;
    
}

#contact hr{
	border-top: dashed #4d4d4f 1px;	 	
}


/* Opening Hours Section */
#openinghours h2 {
	font-family: 'Raleway', sans-serif !important;
    font-size: 26px;
    padding-bottom: 20px;
    color: #dfdfdf;
    text-transform: lowercase;
}

#openinghours th{
    font-weight: 900;
    color: #e44c37;
	font-family: 'Raleway', sans-serif !important;
	letter-spacing:1px;   	
}

#openinghours .day{
	color: #dfdfdf;
	font-family: 'Raleway', sans-serif !important;
    font-weight: 600;	
}	

#openinghours td{
	color:#dfdfdf;
	font-family: 'Raleway', sans-serif !important;		
}

/* Feedback Section */	
#feedback{
	background-color: rgba(0, 0, 0, 0.31);
}

#feedback .page-title{
	text-align: center;
}

.feedback_name {
	font-family: 'Raleway', sans-serif !important;	
}

.feedback_date {
	font-family: 'Raleway', sans-serif !important;	
}

.feedback p {
	font-family: 'Port Lligat Slab', serif;
	font-size: 15px;
}

/* Footer Section */	
footer{
	background: #212121;
}

#footer h1{
	color: #fff !important;
	font-family: 'Yanone Kaffeesatz', sans-serif;

}

#footer p{
	color: #fff !important;
	font-family: 'Raleway', sans-serif !important;		
}


.cd-top, .cd-top2{
	background-color:#e44c37;
	border-radius: 5px;
}  

.navbar-default .navbar-toggle {
    background: #f4452c;
    border-radius: 5px;
    color: #fff;
}