/*======================================================================*/
/* HOME PAGE STYLES FOR OLA JUICE BAR - DESIGNED MOBILE FIRST */
/*======================================================================*/

.mobile-hide {
	display: none;
}

.pad-small {
	padding: 10px 0;
}

/* SLIDESHOW */
/*======================================================================*/

#slide-wrap {
	display: block;
	width: 100%;
	height: 260px;
	position: relative;
	overflow: hidden;
}

.mobile-banner {
	display: block;
	width: 100%;
	height: 100%;
	background: url("../img/fresh.jpg") no-repeat center;
	background-size: cover;
}

#parallax {
	display: none;
}

.no-js #slide-wrap > #parallax {
	display: none;

}

.flick-title {
	font-family: 'Muli', sans-serif;
	text-shadow: 1px 1px 2px rgba(0,0,0,.4);
	width: 100%;
}

/* WELCOME */
/*======================================================================*/

h1,h2,h3,h4,h5,h6 {
	text-align: center;
}

#welcome {
	background: url("../img/dark_wood.png") repeat, #1a1a1a;
}

#welcome h1 {
	margin: 0;
}

/* OUR MENU */
/*======================================================================*/

.no-js #our-menu {
	background: url("../img/sign-banner.jpg") no-repeat left center;
	background-size:cover;
}

#our-menu, #updates {
	background: transparent;
	border-top: 1px solid #545454;
	border-bottom: 1px solid #545454;
}

.thumbnail {
	max-width: 380px;
	margin: 0 auto;
	border-radius: 50%;
	position: relative;
}

.thumbnail img {
	border-radius: 50%;
}

/* REVIEWS */
/*======================================================================*/

#reviews {
	background: url("../img/dark_wood.png") repeat, #2a2a2a;
}

.rating {
	display: inline;
}

.rating:before {
	font-family: 'icomoon';
	content: "\e605  \e605  \e605  \e605  \e605";
	color: #FFC700;
}

/*======================================================================*/
/* LANDSCAPE MOBILE LAYOUT */
/*======================================================================*/

@media screen and (min-width: 480px) {



}

/*======================================================================*/
/* TABLET PORTRAIT AND IPHONE 6+ LAYOUT */
/*======================================================================*/

/* , only screen and (min-width: 736px) and (orientation: landscape) */
@media screen and (min-width: 768px), only screen and (min-width: 736px) and (orientation: landscape) {

.mobile-hide {
	display: inline-block;
}

.pad-small {
	padding: 20px;
}

.small-push {
	display: block;
	width: 100%;
	height: 100px;
	z-index: 0;
}

/* SLIDESHOW */
/*======================================================================*/

#slide-wrap {
	display: block;
	width: 100%;
	min-height: 600px;
	height: 80%;
	position: relative;
	overflow: hidden;
}

.mobile-banner {
	display: none;
}

#parallax {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}

/* OUR MENU */
/*======================================================================*/

#our-menu h2 {
	font-size: 1.75em;
	margin-bottom: 40px;
}

/* REVIEWS */
/*======================================================================*/

.third-special {
	display: inline-block;
	width: 49%;
	vertical-align: top;
}

}

/*======================================================================*/
/* SMALL DESKTOP AND TABLET LANSCAPE */
/*======================================================================*/

@media screen and (min-width: 1024px) {

/* OUR MENU */
/*======================================================================*/

#our-menu h2 {
	font-size: 2.25em;
	margin-bottom: 40px;
}

/* REVIEWS */
/*======================================================================*/

.third-special {
	display: inline-block;
	width: 32%;
}

}

/*======================================================================*/
/*======================================================================*/
/* MODERNIZER STYLES FOR NO- CLASSES */
/*======================================================================*/
/*======================================================================*/