/***********
kebabes orange: #E06D1F;
kebabes wine: #87391e;
***********/


@font-face { font-family: Graphik; font-style: normal; src: url('Graphik-Medium.otf'); }
@font-face { font-family: StoneInformal; font-weight: bold; src: url('StoneInformalStd-Bold.otf'); }
@font-face { font-family; Aller; font-style: normal;  src:url('Aller/Aller_Std_Rg.ttf'); }
@font-face { font-family: Aller; font-weight: bold; src:url('Aller/Aller_Std_Bd.ttf'); }
@font-face { font-family; Aller; font-style: italic;  src:url('Aller/Aller_Std_It.ttf'); }
@font-face { font-family; Aller; font-style: italic; font-weight: bold;  src:url('Aller/Aller_Std_BdIt.ttf'); }

body 
{
    /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
    background: url("../img/bg-pattern.jpg");
}

header, footer 
{
	background: url("../img/header-bg.jpg");
	color:white;
}
header{
	height:220px;
}
footer{
	height:200px;
}

footer {
	margin-top:35px;
}
#contact_results {
	margin-top:100px;
}
button.kebabe-button
{
	margin-top: 15px;
	width: 100px;
	background: #E06D1F;
	border: none;
	color: white;
	text-shadow: 1px 1px #000;
	border-radius: 15px;
	height: 35px;
	text-transform: uppercase;
}
header div.logo-container 
{
	cursor:pointer;
	width:272px;
	height:131px;
	background: url("../img/kebabes-logo.png");
	margin: 25px auto;
}
div#social-media
{
	height:1px;
	float:left;
	margin-top:35px;
}
div#social-media .sm-icon
{
	cursor: pointer;
}

div#social-media-sm
{
	display:none; 
	float:right;
	height:1px;
	margin-right: 10px;
}	 

.navbar-inverse .navbar-nav > li > a 
{
	font-family: Graphik;
}

div.container.page-deco {
	width:100%;
	margin:0 0 100px 0;
	padding: 0;
	height: 380px;
	background: url("../img/bg-banner.jpg");
}

div.container.page-deco img.lights{
	position: absolute;
}

div.container.page-deco img.light1 {
	margin-top: -185px;
	margin-left: -590px;
}
div.container.page-deco img.light2 {
	margin-top: -75px;
	margin-left: -330px;
}
div.container.page-deco img.light3 {
	margin-top: -250px;
	margin-left: -87px;
}
div.container.page-deco img.light4 {
	margin-top: -10px;
	margin-left: 775px;
}
div.container.page-deco img.light5 {
	margin-top: -175px;
	margin-left: 935px;
}
div.container.page-deco img.light6 {
	margin-top: -90px;
	margin-left: 1080px;
}

div.container.banner-container
{
	width:810px;
	margin: -10px auto 0 auto;
}

div.container.banner-container img
{
	margin-top: -10px;
	box-shadow: 0px 3px 10px 0px rgba(50,50,50,1);
}

.navbar-nav > li 
{
	text-transform: uppercase;
}

.container .row div.slogan-img
{
	text-align: center;
	margin-top:20px;
}

.container .row div.woodbox 
{
	background-image: url("../img/woodbox-bg.jpg");
	font-family: Aller;
	text-transform: uppercase;
	min-height: 200px;
	color: #87391e;
	padding:0 35px 35px;
	-webkit-box-shadow: 5px 5px 15px 0px rgba(80,80,80,0.75);
	-moz-box-shadow: 5px 5px 15px 0px rgba(80,80,80,0.75);
	box-shadow: 5px 5px 15px 0px rgba(80,80,80,0.75);
	text-align: center;
}

.container .row div.woodbox h3
{
	font: 24px StoneInformal;
	font-weight: bold;
	text-align: center;
	text-shadow: 1px 1px #ccc;
}

.container .row .woodbox
{
	content:"ja";
	border-top:25px solid none;
}

div.woodbox .content-inner-box
{
	border: 2px solid #E06D1F;
	min-height: 100px;
	text-align: center;
}

div.woodbox .content-inner-box img
{
	margin:5px;
}

div.content-inner-box .row.schedule-info
{
	text-align: justify;
	padding: 15px;
	color:black;
	text-shadow:1px 1px rgb(200,200,200);
	text-transform: none;
}

div.content-inner-box .row .orange
{
	color:#E06D1F;
	font-weight:bold;
}

div.woodbox .restaurant-info
{
	text-align: justify;
	text-transform: none;
	color: black;
	text-shadow: 1px 1px rgb(200,200,200);
}

div.woodbox .restaurant-info .kebabe-button.float-right
{
	float:right;
}
div.woodbox .restaurant-info img
{
	width:100%;
	margin-top:-10px;
}

div.container.footer-container
{
	margin-top:20px;
	padding-top:25px;
	text-align:center;
	font-family: Graphik;
	font-size	: 12px;
}

/**********************/
div.container.historia{
	margin-top:20px;
}
div.image-wrapper 
{
	text-align: center;
}
div.container.menu ul 
{
	padding-left: 10px;
	margin-bottom:20px;
}
div.container.note ul {
	float: right;
	width:250px;
	margin:15px 0 0;
	font-family: Aller;
	font-size: 14px;
}
div.container.note ul li{
	width:200px;
	list-style-image: url("../img/creacionesdelacasa_icon.png");
}
div.container.menu ul li, div.note ul li
{
	width: 85px;
	list-style-image: url("../img/bullet-orange.png");
	list-style-position: inside;
	float: left;
	text-align: center;
}
div.container .row
{
	font-family: Aller;
	font-style: normal;
}

div.container .row h3 
{
	font-family: StoneInformal;
	font-weight: bold;
	font-size: 24px;
	color:#87391e;
	text-shadow:1px 1px #fff;
	text-transform: uppercase;
}

div.container .row h5
{
	font-size: 16px;
	font-family: Aller;
	font-weight: bold;
	color: #87391e;
}

div.container h5.special span.special
{
	content: "";
	width: 16px;
	height: 16px;
	margin-left:10px;
	display: block;
	float:left;
	background: url("../img/creacionesdelacasa_icon.png");
}

div.container h5.special span
{
	float:left;
}
div.container h5.special span.clear{
	float:none;
	clear: both;
	display: block;
}

div.container div.woodbox img.saber-de-ti 
{
	margin: 55px 0 25px 0;
}

div.container.contact div.woodbox h3
{
	text-align: left;
}
div.container.contact div.woodbox input
{
	width: 100%;
	height: 35px;
}
div.container.contact div.woodbox textarea
{
	width: 100%;
	height: 80px;
}

div.container .row.listItems li
{
	float:left;
	width:33%;
}

div.mexiterraneo img
{
	width:95%;
}
/********************************************/
	div.image-wrapper.contact
	{
		width:1140px;
		margin: 30px auto;
	}
	#map_canvas {
        width: 1140px;
        height: 380px;
      }
	.navbar-inverse .navbar-nav > li:hover > a 
	{
		color: #87391e;
		/*text-shadow: 1px 1px #ccc;*/
	}

	.image-wrapper .banner.mobile{ display:none; }
	.carousel.mobile { display: none; }


@media (min-width: 768px){
	header{
		position: relative;
		z-index: 10;
	}
	.navbar-left, .navbar-right{
		width:640px;
		height:35px;
		background: #E06D1F;
		-webkit-box-shadow: 0px 5px 25px 5px rgba(36,36,36,1);
		-moz-box-shadow: 0px 5px 25px 5px rgba(36,36,36,1);
		box-shadow: 0px 5px 25px 5px rgba(36,36,36,1);
		position: relative;
	}
	.navbar-nav {
		margin:0 auto;
		width:630px;
	}
	.navbar-inverse .navbar-nav > li:hover > a{
		color: #87391e;
	}
	.navbar-nav > li
	{
		width:150px;
		list-style: none;
		text-align: center;
		/*list-style: url("../img/bullet-black.png");
		display: list-item;*/
	}
	.navbar.navbar-inverse.navbar-fixed-top .container{
		width:660px;
		height: 35px;
		margin-top: 15px;
		background-color: #E06D1F;
		-webkit-box-shadow: 0px 10px 25px 0px rgba(50,50,50,1);
		-moz-box-shadow: 0px 10px 25px 0px rgba(50,50,50,1);
		box-shadow: 0px 10px 25px 0px rgba(50,50,50,1);
	}
	.navbar-inverse{
		background:none;
		max-height: 35px;
		overflow: visible;
	}

	.navbar-inverse div.container .navbar-collapse:before {
		content:"";
		width:660px;
		height:15px;
		background:url('../img/nav-banner.png');
		margin-top:-15px;
		margin-left:-15px;
		position: absolute;
	}

}

/********************************************/
/*      MOBILE FIXES
/********************************************/
/* Small devices (tablets, 768px and down) */
@media (max-width: 768px) { 
	div.content-inner-box .row.schedule-info 
	{
		font-size:11px;	
	}
	.container .row div.woodbox h3
	{
		padding-top:10px;
	}
	div.container.page-deco{
		margin: 0 0 35px 0;
		height: 20%;
	}
	div#social-media{ display:none; }
	div#social-media-sm{ display:block;}
	.navbar-inverse .navbar-nav > li:hover > a{
		color: #87391e;
		
	}
	.carousel img.item{
		width:100%;
	}
	div.container.contact .row .woodbox{
		max-height: 1000px;
	}

	.container .slick-slider { margin-bottom: 0; }

	.image-wrapper .banner.desktop{ display:none; }
	.image-wrapper .banner.mobile{ display:block; }

	.carousel.desktop {display: none; }
	.carousel.mobile { display: block; }

	div.container div.woodbox img.saber-de-ti {
		width:100%;
	}
}

/********************************************/
/*      TABLET FIXES
/********************************************/
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 1024px) {
	div.container div.woodbox img.saber-de-ti {
		width:235px;
	}

	div.image-wrapper 
	{
		text-align: center;
	}

	div.container .row.listItems li
	{
		float:left;
		width:45%;
	}
}
@media(max-width:1140px){
	div.image-wrapper{
		width:100%;
	}
	div.image-wrapper img{
		width:100%;
	}
	div.image-wrapper.contact
	{
		width:100%;
	}
	#map_canvas{
		width:100%;
	}
}

/********************************************/
/*      LARGE DEVICE FIXES
/********************************************/
@media(min-width: 768px){
	div.container div.main-content div.woodbox{
		min-height: 396px;
	}
	div.container.contact .row .woodbox{
		max-height: 450px;
	}
}


/********************************************/
/*      CAROUSEL FIXES
/********************************************/
@media (max-width: 811px){
	div.container.banner-container{
		display:none;
	}
}