/* CSS for The Indian Aroma Kitchen */

/* global margin and padding */
.no-padding {padding:0 !important;}
.mt-5 {margin-top:5px;}
.mt-10 {margin-top:10px;}
.mt-15 {margin-top:15px;}
.mt-20 {margin-top:20px;}
.mt-30 {margin-top:30px;}
.mt-40 {margin-top:40px;}
.mb-5 {margin-bottom:5px;}
.mb-10 {margin-bottom:10px;}
.mb-15 {margin-bottom:15px;}
.mb-20 {margin-bottom:20px;}
.mb-30 {margin-bottom:30px;}
.mb-40 {margin-bottom:40px;}
.pt-5 {padding-top:5px;}
.pt-10 {padding-top:10px;}
.pt-15 {padding-top:15px;}
.pt-20 {padding-top:20px;}
.pt-30 {padding-top:30px;}
.pt-40 {padding-top:40px;}
.pb-5 {padding-bottom:5px;}
.pb-10 {padding-bottom:10px;}
.pb-15 {padding-bottom:15px;}
.pb-20 {padding-bottom:20px;}
.pb-30 {padding-bottom:30px;}
.pb-40 {padding-bottom:40px;}


/* global text and background color */
body {color:#000;}
p {line-height:150%;}
.text-success {}
.text-danger {color:#dc2616}
.bg-success {}
.bg-danger {background-color:#dc2616;}


/* global buttons */
.btn-success {}
.btn-danger {background-color:#dc2616; border:0; border-radius: 0; color: #fff; font-weight:bold; padding: 10px 25px; transition: all 0.3s linear;}
.btn-danger:hover {background-color:#000; color: #fff;}
.btn-outline-black {background-color: transparent; border: #000 3px solid; border-radius: 0; font-size: 20px; font-weight:bold; color: #000; padding: 10px 25px; transition: all 0.3s linear;}
.btn-outline-white {background-color: transparent; border: #fff 2px solid; border-radius: 0; font-size: 20px; color: #fff; padding: 10px 25px; transition: all 0.3s linear;}
.btn-outline-black:hover {background-color:#dc2616 !important; border-color:#dc2616; color:#fff !important;}
.btn-outline-white:hover {background-color:#dc2616 !important; border-color:#dc2616; color:#fff !important;}

@media (max-width:767px) {
	.btn-danger {background-color:#dc2616; border:0; border-radius: 0; color: #fff; font-weight:bold; padding: 10px 25px; transition: all 0.3s linear;}
	.btn-outline-black {background-color: transparent; border: #000 3px solid; border-radius: 0; font-size: 14px; font-weight:bold; color: #000; padding: 8px 20px; transition: all 0.3s linear;}
	.btn-outline-white {background-color: transparent; border: #fff 2px solid; border-radius: 0; font-size: 14px; color: #fff; padding: 8px 20px; transition: all 0.3s linear;}
}

/* header section css */
.hdr-logo {width:185px; height:185px; position:absolute; top:0px; left:0px; z-index:2;}
.navbar-red {background-color:#dc2616; border:0; height:60px; margin-bottom:0;}
.navbar-red .navbar-nav > li > a {color: #fff;}
.navbar-nav>li>a {line-height:30px; padding:15px 30px; font-size:18px;}
.social-media-hdr-icon a {color: #000; width: 36px; height: 34px; border: #000 1px solid; border-radius: 50%; display: inline-block; text-align: center; font-size: 18px; padding-top:4px; margin:10px 2px; transition:all 0.4s linear;}
.social-media-hdr-icon a:hover {background-color:#dc2616; border-color:#dc2616; color:#fff;}

@media (max-width:767px) {
	.hdr-logo {width:100px; height:100px; position:absolute; top:0px; left:0px; z-index:2;}	
	.navbar-red {background-color:#dc2616; border:0; height:auto; margin-bottom:0;}
}

/* footer section css */
.footer {background-color:#dc2616; color:#fff; padding:40px 0;}
.footer ul {list-style:none; padding-left:0;}
.footer ul li {line-height:24px;}
.footer ul li span {font-size:18px; font-weight:bold;}
.social-media-footer-icon a {color: #fff; width: 36px; height: 34px; border: #fff 1px solid; border-radius: 50%; display: inline-block; text-align: center; font-size: 18px; padding-top:4px; margin:10px 2px; transition:all 0.4s linear;}
.social-media-footer-icon a:hover {background-color:#fff; border-color:#dc2616; color:#dc2616;}

/* home page css */
.home-heading h2 {font-size: 40px;}
.home-heading h2 span {color:#dc2616; font-weight:bold;}
.special-menu-box {background-color:#f4f2ed; padding:30px 0;}
.our-gallery-box {padding:30px 0;}
.menu-sub-head h4 {font-weight:bold; font-size:16px; border-bottom:#666 1px dotted; padding-bottom:15px;}
.menu-sub-head h4 span {float:right; color:#dc2616;}
.menu-sub-head p {font-size:13px; color:#666;}


/* menu page css */
.menu-main-bnr {
	background:url(../images/menu-main-bnr.jpg) top center no-repeat; 
	background-size:cover; 
	width:100%; 
	height:220px; 
	overflow:hidden;
	text-align:center;
	font-size:50px;
	font-family: 'Pacifico', cursive;
	color:#fff;
	padding-top:70px;
}

.menu-left-box {
	background-color:#f4f2ed;
	width:100%;
	height:auto;
	padding:20px 0;
}

.menu-nav-pills>li.active>a, .menu-nav-pills>li.active>a:focus, .menu-nav-pills>li.active>a:hover {
	background-color: #dc2616;
}

.menu-nav-pills>li>a {
	color:#000;
}

.menu-item-name {
	width:100%;
	height:auto;
	margin-top:30px;
}

.menu-item-name h4 {
	font-weight:bold;
	font-size:20px;
	text-transform: uppercase;
	color:#dc2616;
	border-bottom:#666 dotted 1px;
	padding-bottom:10px;
}

.menu-item-name span {
	float:right;
}

.menu-item-name p {
	font-size:12px;
	line-height: 18px;
}



/* contact page css */
.contact-main-bnr {
	background:url(../images/contact-main-bnr.jpg) top center no-repeat; 
	background-size:cover; 
	width:100%; 
	height:220px; 
	overflow:hidden;
	text-align:center;
	font-size:54px;
	font-family: 'Pacifico', cursive;
	color:#fff;
	padding-top:70px;
}

/* about page css */
.about-main-bnr {
	background:url(../images/about-main-bnr.jpg) top center no-repeat; 
	background-size:cover; 
	width:100%; 
	height:220px; 
	overflow:hidden;
	text-align:center;
	font-size:54px;
	font-family: 'Pacifico', cursive;
	color:#fff;
	padding-top:70px;
}