/*------------------------------------------------------------------
File:		custom css
Project:	LI Tent Rentals
Author: 	http://drivenlocal.com/
-------------------------------------------------------------------*/
body { 
	background: #0054c1;
	background: -moz-linear-gradient(top, #0054c1 0%, #6097d7 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0054c1), color-stop(100%,#6097d7));
	background: -webkit-linear-gradient(top, #0054c1 0%,#6097d7 100%); 
	background: -o-linear-gradient(top, #0054c1 0%,#6097d7 100%);
	background: -ms-linear-gradient(top, #0054c1 0%,#6097d7 100%);
	background: linear-gradient(to bottom, #0054c1 0%,#6097d7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0054c1', endColorstr='#6097d7',GradientType=0 );
	font: 400 16px/1.4 'Open Sans', sans-serif;
	color: #fff;
	overflow-x: hidden;
}
@font-face {
    font-family: 'BebasNeue';
    src: url('fonts/bebasneue-webfont.eot');
    src: url('fonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bebasneue-webfont.woff') format('woff'),
         url('fonts/bebasneue-webfont.ttf') format('truetype'),
         url('fonts/bebasneue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
h2 {
	text-align: center;
	color: #fff;
	font-size: 1.6em;
	font-weight: 600;
}
h3 {
	color: #FFFD01;
	font-size: 1.4em;
	font-weight: 600;
}
h4 {
	text-align: center;
	font-size: 1.3em;
	font-weight: 600;
	color: #ABEB86;
}
em { color: #fff; }
.text-black { color: #000 !important; }
.frame {
	border: 5px solid #133258;
	margin: 5px;
}
.hide { display: none; }

article {
	padding-bottom:50px;
}

/* ===== Header ===== */
header {
	padding-bottom: 20px;
}
#clouds {
   	z-index:1;
    position:absolute;
    top:0;
    left:0;
    height:400px;
    width:100%;
    background:url('images/clouds.png') repeat-x; /* Old browsers */
}
.logo {
	text-align: center;
	z-index: 1;
	margin-bottom:-100px;
	position: relative;
}
.phone {
	text-align:center;
    display:block;
    font-size:1.4em;
    padding-bottom:10px;
    font-family:"BebasNeue","Helvetica";
    color:rgba(255,253,1,1.0);
    line-height: 1;
    z-index: 9999;
	position: relative;
}
.phone a { text-decoration: none; color:rgba(255,253,1,1.0); }
.phone .big {
	font-size: 2.5em;
	display: block;
}
.phone .small { font-size: 1.6em; }
.phone em { font-style: normal; }
.phone .click-call { display: none; }
@media screen and (max-width: 805px) {
	.phone em { display: none; }
	.phone .hours { display: block; }
}
@media screen and (max-width: 660px) {
	.phone .big { font-size: 2.2em; }
	.phone .small { font-size: 1.4em; }
}
@media screen and (max-width: 585px) {
	.phone .big { font-size: 1.9em; }
	header .uk-container { padding: 0 5px; }
}
@media screen and (max-width: 480px) {
	.phone .big { display: none; }
	.phone .click-call { display: block; margin: 20px 0 10px; }
	.phone .call { display: inline-block; font-family:"BebasNeue","Helvetica";
    color:rgba(255,253,1,1.0); line-height: 1; background: #2595b5; padding: 5px 5px 3px; border-radius: 4px; font-size: 1.4em; border: 2px solid #fffd04; margin: 0 2px; }
    .phone .call i { font-size: 80%; }
    .phone .small { font-size: 1.1em; }
}
@media screen and (max-width: 425px) {
	.phone .click-call { margin-top: 25px; }
	.phone .call { margin: 2px; }
}
@media screen and (max-width: 370px) {
	.phone .click-call { margin-top: 35px; }
}

/* ===== Navigation ===== */
.sidebar {
	padding-left: 0px !important;
}
aside {
	background: rgba(0,0,0,0.4);
}

aside ul li a {
	color: white;
	font-size: 16px;
	padding: 10px 15px !important;
}

aside ul li a:hover {
	background: black;
	color: white;
}

aside ul {
	width: 100%;
}

aside h3 {
	background: #b83c32;
	color: white;
	padding: 20px;

}
.mobile-menu {
	display: none;
}

@media screen and (max-width: 770px) {
	aside {
		display: none;
	}

	.mobile-menu {
		display: block;
	}
}


nav {
	background: rgba(0,0,0,0.4);
    text-align:center;
    position: relative;
    z-index: 9999;
}
nav.uk-container { padding: 0; }
nav ul {
	margin:0;
	padding:0;
	list-style:none;
	width: 100%;
	display: table;
	height: 30px;
}
nav ul li {
	display: table-cell;
	width: auto;
	vertical-align: middle;
	position: relative;
}
nav ul li a {
	color: #fff;
	text-transform: uppercase;
	display: block;
	font-weight: 600;
	line-height: 1;
}
nav ul li:hover { background: rgba(0,0,0,0.2); }
nav ul li a:hover {
	color: #fff;
	text-decoration: none;
}
.menuToggle { display: none; }
/* Dropdown Nav */
.uk-dropdown {
	background: rgba(10,57,117,.95);
	margin-top: 0;
	border-radius: 0;
	border: 1px solid #072952;
	border-top: none;
	z-index: 9999;
	height: auto;
	padding: 0;
	width: 100%;
}
.uk-dropdown li {
	display: block;
	width: 100%;
	padding: 7px 0;
	border-top: 1px solid #072952;
}
.uk-dropdown li a {
	font-size: 16px;
}
@media screen and (min-width: 771px) {
	#show_menu { display: table !important; }
}
@media screen and (max-width: 770px) {
	#show_menu { display: none; }
	.menuToggle { display: block; height: 30px; color: #fff; text-transform: uppercase; line-height: 30px; font-weight: 600; font-size: 20px; }
	.menuToggle:hover { color: #fff; text-decoration: none; }
	nav ul { display: block; height: auto; }
	nav ul li { display: block; width: 100%; padding: 7px; }
	nav ul li a { padding: 0; }
	.uk-dropdown { width: 80%; left: 10%; background: rgba(10,57,117,1); }
}

/* ===== Main Content ===== */
.main-content { 
	background:rgba(0,0,0,.2);
	position: relative;
	z-index: 1;
}

/* ===== Gallery =====*/
.gallery-image {
}
.gallery-image .crop {
 	background-color: rgba(0,0,0,0.3);
 	padding:5px;
}
.gallery-image .crop img {
 	height: 150px;
 	min-width: 100%;
 	overflow:hidden;
}
@media screen and (max-width: 768px) {
	.gallery-image .crop img { height: 105px; width: 100%;}
}
@media screen and (max-width: 630px) {
	.gallery-image .crop img { height: 100px; }
}
@media screen and (max-width: 425px) {
	.gallery-image  { width: 100%; }
	.gallery-image .crop img { height: 150px; }
}

/* ===== Content Area ===== */
.content {
	padding: 40px;
}
.content p, .content ul { font-size: 1em; line-height: 1.5; }

.content li {
	padding-bottom: 5px;
	font-size: 14px;
	font-weight: 200;
}

.content h5 {
	font-weight: 900;
	color: #fff;
	font-size: 18px;
	text-align: center;
	color: #E84E43;
}

h1.big-title {
	font-family: "BebasNeue","Helvetica";
	color: #ABEB86;
	font-size:3em;
	text-transform: uppercase;
	text-align:center;
}
.coupon {
	padding: 15px;
	text-align: center;
	border: 4px dashed rgba(162,204,246, .9);
	display: table;
	margin: 0 auto;
	margin-bottom: 2em;
}
.coupon h4 {
	text-transform: uppercase;
	font-size: 1.5em;
	color:#fffd01;
	font-weight: 600;
}
.coupon p { margin: 2px 0; }
.coupon p.disclaimer { font-size: .9em; }
.home-buttons, .inner-buttons {
	text-align: center;
	margin: 1em 0 1.5em;
	display: block;
}
.home-buttons button, .inner-buttons button {
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,.4);
	padding: 10px;
	font-weight: 600;
	font-size: 1.2rem;
	letter-spacing: 1px;
	border: none;
	margin-left: 15px;
	-webkit-box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.2);
  	box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.2);
  	min-width: 172px;
}
.inner-buttons button { min-width: 187px; }
.home-buttons button:first-of-type, .inner-buttons button:first-of-type { margin-left: 0; }
.home-buttons .green, .inner-buttons .green {
	background: #8ddb4c;
	background: -moz-linear-gradient(top,  #8ddb4c 0%, #73c02c 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8ddb4c), color-stop(100%,#73c02c));
	background: -webkit-linear-gradient(top,  #8ddb4c 0%,#73c02c 100%);
	background: -o-linear-gradient(top,  #8ddb4c 0%,#73c02c 100%);
	background: -ms-linear-gradient(top,  #8ddb4c 0%,#73c02c 100%);
	background: linear-gradient(to bottom,  #8ddb4c 0%,#73c02c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ddb4c', endColorstr='#73c02c',GradientType=0 ); 
}
.home-buttons .red, .inner-buttons .red {
	background: #b83c32;
	background: -moz-linear-gradient(top,  #b83c32 0%, #a32f25 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b83c32), color-stop(100%,#a32f25));
	background: -webkit-linear-gradient(top,  #b83c32 0%,#a32f25 100%);
	background: -o-linear-gradient(top,  #b83c32 0%,#a32f25 100%);
	background: -ms-linear-gradient(top,  #b83c32 0%,#a32f25 100%);
	background: linear-gradient(to bottom,  #b83c32 0%,#a32f25 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b83c32', endColorstr='#a32f25',GradientType=0 );
}
.home-buttons .blue, .inner-buttons .blue {
	background: #30a5c7;
	background: -moz-linear-gradient(top,  #30a5c7 0%, #2391b1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#30a5c7), color-stop(100%,#2391b1));
	background: -webkit-linear-gradient(top,  #30a5c7 0%,#2391b1 100%);
	background: -o-linear-gradient(top,  #30a5c7 0%,#2391b1 100%);
	background: -ms-linear-gradient(top,  #30a5c7 0%,#2391b1 100%);
	background: linear-gradient(to bottom,  #30a5c7 0%,#2391b1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#30a5c7', endColorstr='#2391b1',GradientType=0 );
}
ul.homelist-left {
	width: 30%;
	float: left;
	margin-left: 15%;
	margin-top: 0px;
}
ul.homelist-right {
	float: right;
	margin-right: 16%;
	margin-top: -5px;
}
ul.homelist-right li {
	font-size: 20px;
	font-weight: 600;
}
ul.homelist-left li {
	font-size: 20px;
	font-weight: 600;
}
.home-images .gallery-image {
	background-color: rgba(0,0,0,0.3);
	margin: 0 5px 5px 0;
	overflow: hidden;
	padding:5px;
	display: inline-block;
	width: 30%;
}
.home-images .gallery-image .crop {
 	height: 120px;
 	overflow:hidden;
 	background-color: inherit;
 	padding:0;
}
.home-images .gallery-image .crop img {
 	min-height: 120px;
 	overflow:hidden;
}

article#bars img {
	width: 220px;
	height: 220px;
}

div#lounge img {
	width: 120px;
}

div#lounge img.example-img {
	width: 150px;
}

div#lounge img.pinkcube {
	width: 80px;
}

div#lounge img.bluetable {
	width: 80px;
}

div#lounge-packages {
    background: #fff;
    border-top: 40px solid #0e3260;
    padding: 40px;
}

div #lounge-packages h5 {
	margin-top: 10px;
}

div #lounge-packages #starter {
	width: 55%;
	margin: -10px auto 10px;
}

@media screen and (max-width: 763px) {
	div #lounge-packages #starter {
		width: 100%;
		margin: 0 auto;
	}
}

@media screen and (max-width: 490px) {
	div#lounge-packages {
	    padding: 20px;
	}
}

ul.package {
    border: 5px solid #285FA3;
    border-radius: 20px;
    margin: 0 10px;
    padding: 15px 10px;
}

ul.package li {
	color: #111;
	line-height: 1;
	font-weight: 600;
	list-style-position: inside;
}

.gallery-images .gallery-image {
	background-color: rgba(0,0,0,0.3);
	margin: 0 5px 5px 0;
	overflow: hidden;
	padding:5px;
	display: inline-block;
	width: 30%;
}
.gallery-images .gallery-image .crop {
 	height: 150px;
 	overflow:hidden;
 	background-color: inherit;
 	padding:0;
}
.gallery-images .gallery-image .crop img {
 	min-height: 150px;
 	overflow:hidden;
}
.inner-gallery img {
	background-color: rgba(0,0,0,0.3);
	margin: 0 5px 5px 0;
	overflow: hidden;
	padding:5px;
	display: inline-block;
	width: 40%;
	height: 200px;
}
.inner-gallery .long-img {
	width: 90% !important;
	height: 250px;
}
.inner-gallery .long-img-h {
	width: 81% !important;
	height: 300px;
}
.inner-gallery .img-tall {
	width: 100% !important;
}
.inner-gallery .img-taller {
	height: 400px !important;
}
.inner-gallery2 img {
	background-color: rgba(0,0,0,0.3);
	margin: 0 5px 5px 0;
	overflow: hidden;
	padding:5px;
	display: inline-block;
	width: 60%;
	height: auto;
}
.inner-gallery2 .img-square {
	height: auto;
}

div#lounge-furniture.content {
	padding: 0 !important;
	margin-top: 40px;
}

@media screen and (max-width: 752px){
	.inner-gallery2 .img-square {
		width: 100%;
	}

	.inner-gallery img {
		height: auto;
		width: 100%;
	}

	.inner-gallery .long-img-h {
		height: auto;
		width: 100% !important;
	}

	.inner-gallery .long-img {
		height: auto;
		width: 100% !important;
	}

}
.serving {
	margin-top: 2em;
	clear: both;
}
.serving p {
	font-size: 13px;
	font-style: italic;
	margin: 0;
}
.save {
	text-align: center;
	background-color: #fff;
	color: #C04F50;
	padding: 10px 0 10px 0;
	border-radius:5px 5px 0 0;
	-webkit-box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.2);
}
.save h3 {
	font-size: 1.2em;
	font-weight: 600;
	color: #c04f50;
}
.save h3 span { font-size: 1.35em; }
table.packages {
	margin-top: 0;
	background: #fff;
}
table.packages td {
	color: #000;
	font-size: 18px;
	border-right: 1px dashed #a0ef7a;
}
table.packages td:last-child { border-right: none; }
table.packages thead { background: #c04f50; }
table.packages thead th { text-align: center; border-right: 1px dashed #a0ef7a; }
table.packages thead th:last-child { border-right: none; }

table.flooring { background: #2177be; }
table.flooring thead { background: #1869ac; }
table.flooring.uk-table-striped tbody tr:nth-of-type(odd) {
  background: #5bacef;
}
table.flooring thead th { text-align: center; border-right: 1px dashed #fff; }
table.flooring td {
	font-size: 18px;
	border-right: 1px dashed #fff;
}
table.flooring thead th:last-child, table.flooring td:last-child { border-right: none; }
table.flooring td:nth-child(2) { min-width: 50px; }

.item {
	background: #224c81;
	padding: 6px;
	text-align: center;
}
.item .teaser { position: relative; }
.item .available {
	color: #000;
	font-size: 15px;
	margin: 0;
	position: absolute;
	bottom: 0;
	left: 15px; 
}
.item p { margin: 0; font-weight: 500; }
.item-pad { padding: 15px; }
@media screen and (max-width: 1190px) {
	ul.homelist-left {margin-left: 10%;}
}

@media screen and (max-width: 900px) {
	.home-buttons button { margin-left: 5px; min-width: 0; }
}
@media screen and (max-width: 815px) {
	.uk-grid > .content { padding-left: 2.5em;}
	.home-buttons button { font-size: 1.1rem; }
}
@media screen and (max-width: 768px) {
	.uk-grid > .content { width: 100% !important; padding-left: 0;}
	.content { padding-right: 0; }
	.home-buttons button { margin-left: 10px; min-width: 172px; font-size: 1.2rem; }
	.uk-grid.grid-main { margin: 0; }
	ul {text-align: left !important;}
}
@media screen and (max-width: 675px) {
	.inner-buttons button { margin-left: 5px; min-width: 0; }
}
@media screen and (max-width: 630px) {
	.home-images .gallery-image { width: 46%; }
	.home-images .gallery-image .crop { height: 125px; }
	.home-images .gallery-image .crop img { min-height: 125px; }
	.home-buttons button:last-of-type { display: block; margin: 10px auto 0; }
}
@media screen and (max-width: 630px) {
	.gallery-images .gallery-image { width: 46%; }
	.gallery-images .gallery-image .crop { height: 125px; }
	.gallery-images .gallery-image .crop img { min-height: 125px; }
}
@media screen and (max-width: 575px) {
	.inner-buttons button { min-width: 187px; }
	.inner-buttons button:last-of-type { display: block; margin: 10px auto 0; }
	ul.homelist-left {margin-left: 5%;}
}
@media screen and (max-width: 480px) {
	.home-images .gallery-image { width: 75%; margin: 0 0 5px; }
	.home-images .gallery-image .crop { height: 140px; }
	.home-images .gallery-image .crop img { min-height: 140px; }
	ul.homelist-left {margin-left: 0;}
}
@media screen and (max-width: 480px) {
	.gallery-images .gallery-image { width: 75%; margin: 0 0 5px; }
	.gallery-images .gallery-image .crop { height: 170px; }
	.gallery-images .gallery-image .crop img { min-height: 170px; }
}
@media screen and (max-width: 450px) {
	.inner-buttons button { display: block; margin: 10px auto 0 !important; }
	.inner-buttons button:first-of-type { margin-top: 0 !important; }
}
@media screen and (max-width: 440px) {
	.home-buttons button { display: block; margin: 10px auto 0 !important; min-width: 190px; }
	.home-buttons button:first-of-type { margin-top: 0 !important; }
	ul.homelist-left {float: none; margin: 0 auto; clear: both; width: 60%;}
	ul.homelist-right {float: none; margin: 0 auto !important; width: 60%;}
}
@media screen and (max-width: 410px) {
}

/* ===== Form =====*/
label {
	display: block;
	font-size: 20px;
	text-align: left;
}
form {
	max-width: 600px;
	display: block;
	margin: 0 auto;
}
.uk-form input[type="text"], .uk-form input[type="email"], .uk-form textarea, .uk-form select { border-radius: 0; }
input.error { border: 1px solid red !important; }
label.error {
	font-style: italic;
	font-size: 14px;
}

/* ===== Sidebar =====*/
.testimonials {
	background: rgba(0,0,0,0.5);
	padding: 20px;
	margin-top: 20px;
}
blockquote {
	border-left: none;
	padding: 0;
}
cite {
	font-weight: 600;
	display: block;
	color: #8bbaf7;
}

/*@media screen and (max-width: 768px) {
	.sidebar { border-left: none; border-top: 4px solid rgba(0,0,0,0.2); border-bottom: 4px solid rgba(0,0,0,0.2); padding: 10px 10px 0; margin-top: 1.5em; }
}*/

/* ===== Footer ===== */

footer {
	background: rgba(0,0,0,0.7);
  	padding:10px 0 !important;
  	margin-bottom: .5em;
}
footer p {
	margin: 0;
	line-height: 1;
}
footer em { font-style: normal; }
.grass {
	background:url('images/footer.png') repeat-x;
	height: 150px;
}
@media screen and (max-width: 670px) {
	footer p span { display: block; }
	footer em { display: none; }
}