/* GENERAL OVERRIDES */
.footer-area{
	max-width: 100% !important;
}
.body{
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.brand{
	color: #000;
}
#respond{
	position: relative;
}
.bottom .w_460{
	width: 500px;
}
.navbar li{
	position: relative;
}
.navbar a:empty{
	display: none;
}
.caret{
	position: absolute;
	top: 17px;
	left: 5px;
}
.nav-collapse .nav > li > a{
	padding-left: 20px;
}

/* Fix Newsletter Form */
.threecol_one #mc_embed_signup form br{
	display: none;
}


/* Mobile Menu */
.navbar{
	display: none;
	position: absolute !important;
	top: 0;
	left: 0;
	right: 0;
}
.navbar, .navbar-inner, .container, .nav-collapse{
	z-index: 120;
}
.btn-navbar{
	z-index: 121;
}
.mid-brand{
	padding: 0 !important;
}
.mid-brand img{
	position: absolute;
	left: 10px;
	top: 5px;
	max-width: 85%;
	max-height: 50px;
}
.small-brand{
	color: #2985E6 !important;
	padding-left: 0 !important;
}
.nav-collapse .nav{
	margin-top: 10px;
}
.navbar .btn-navbar{
	margin-top: 25px;
	margin-bottom: 5px;
	
	background-color: #ededed;
    background-image: -moz-linear-gradient(top, #8EC0F5, #2985E6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8EC0F5), to(#2985E6));
    background-image: -webkit-linear-gradient(top, #8EC0F5, #2985E6);
    background-image: -o-linear-gradient(top, #8EC0F5, #2985E6);
    background-image: linear-gradient(to bottom, #8EC0F5, #2985E6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8EC0F5', endColorstr='#ff2985E6', GradientType=0);
}
.navbar .btn-navbar:hover{
	background-color: #2985E6;
}
/* Make the clickable div for dropdown subs float over the pointless links */

.nav-collapse > ul > li.menu-item-type-custom{
	position: relative;
}
.nav-collapse > ul > li.menu-item-type-custom > a{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}
.nav-collapse > ul > li.menu-item-type-custom > .dropdown-toggle{
	position: relative;
	z-index: 10;
}
/*.nav-collapse > ul > li.menu-item-type-custom > .dropdown-toggle, .nav-collapse > ul > li.menu-item-type-custom > a{
	width: 100%;
}*/
.navbar-inner {
	padding-right: 7px;
}




/* Slider on Gallery Page */
#slideshow-wrapper{
	width: 100%;
	position: relative;
}
#slidearea{
	width: 100%;
	margin: 0;
}
#slideright{
	position: absolute;
	top: 2px;
	right: 0;
	z-index: 100;
}
#slideleft{
	position: absolute;
	top: 2px;
	left: 0;
	z-index: 100;
}
#fullsize{
	width: 100%;
	height: 100%;
}
#image{
	width: 100%;
}
#image img{
	width: 100%;
	position: relative
}
.imgnav{
	height: 100%;
}

/* Homepage Slider */
.cosmo-slider{
	width: 100%;
}
.cosmo-slider .end, .cosmo-slider .slide{
	width: 100%;
}
.cosmo-slider .slide .slides_control > div{
	width: 100%;
}
.slides_control{
	width: 100%;
}
.next_navigation{
	right: 20px !important;
	left: auto !important;
}
.cosmo-slider .caption{
	right: 30px !important;
}

/* BOOTSTRAP OVERRIDE */
.logo h1, #tweet ul{
	margin: 0;
}
.nav ul{
	margin-left: 20px;
}
.btn-navbar{
	z-index: 100;
}
.brand{
	z-index: 0;
}




/* MEDIA QUERIES */

/* Desktop Only */
@media (min-width: 960px){
	.navbar{
		display: none;
	}
	#mobileUncon{
		display: none;
	}
	/* Header */
	.logo{
		display: block;
	}
	.cosmo-menu{			/* Desktop Menu Disappears */
		display: block;
	}
	#tweet{
		display: block;
	}
	
}

/* Tablet (horizontal) */
@media (max-width: 959px) and (min-width: 768px){
	
	.w_620{
		width: 500px;
	}
	
}

@media (max-width: 959px) and (min-width: 480px){
	/*.w_620{
		width: 50% !important;
	}*/
	.w_620 textarea{
		width: 90%;
	}
}

/* Tablet (vertical) and phone (horizontal) */
@media (max-width: 767px) and (min-width: 480px){
	/*.small-brand{
		display: none !important;
	}*/
	
}

/* Mobile (vertical) only */
@media (max-width: 479px){
	
	/* General Pages */
	.w_620 img{
		width: 100%;
		display: block;
		float: none;
		margin-left: -10px;
	}
	/*Keep icon images small*/
	.wp-image-876, .wp-image-875, .wp-image-873, .wp-image-874, .icon-image{
		width: auto !important;
		display: inline !important;
		float: left !important;
	}
	#current-events td{
		padding-left: 5px !important;
		padding-right: 5px !important;
	}
	.w_300{
		width: auto;
	}
	
	/* Slider Caption */
	.cosmo-slider .caption{
		width: 80%;
	}
	.cosmo-slider .caption h2{
		width: 100%;
		margin-top: 0;
	}
	
	/* Tabs */
	.cosmo-tabs .tabs-nav{
		height: auto !important;
	}
	.cosmo-tabs .tabs-nav li{
		float: none;
	}
	.cosmo-tabs .tabs-nav li a{
		text-align: left;
	}
	.cosmo-tabs .tabs-container{
		/*padding: 0;*/
	}
	.cosmo-tabs .tabs-container p a{
		padding: 15px;
	}
	#content .cosmotable.blue tr td{
		padding-top: 0;
		padding-right: 0;
	}
	
	/* Contact Form */
	.wpcf7-form-control-wrap input[type="text"],
	.wpcf7-form-control-wrap textarea{
		width: 95%;
	}
	.wpcf7-form-control-wrap input[type="radio"]{
		margin-left: 70px;
	}
	
	
	/* Concierge - Hotels */
	.table td{
		padding: 3px 0 3px 2px;
	}
	.table th{
		width: auto !important;
	}
	
	
	
	/* Leave a reply */
	#respond{
		margin-bottom: 20px;
	}
	
	/*.mid-brand{
		display: none !important;
	}*/
	
	/* FOOTER */
	.footer-box{
		width: 97% !important;
	}
	
	/* Contact */

	.footer-box .last{
		width: 97% !important;
	}
	form.b_contact p.input{
		width: 85%;
	}
	form.b_contact p.input input{
		width: 100% !important;
	}
	form.b_contact p.textarea{
		width: 85%;
	}
	form.b_contact textarea{
		width: 95%;
		padding-top: 5px;
		margin-bottom: 10px;
	}
	p.button{
		margin-top: 15px !important;
	}
}

/* Not Desktop */
@media (max-width: 959px){
	
	.b_body {
		margin-top: 55px !important;
	}
	.navbar{
		display: block;
	}
	
	/* General Pages */
	.b_text{
		margin-bottom: 20px;
	}
	.w_940 .widget{
		max-width: 95%;
	}
	#home-events ul li{
		min-height: 185px;
	}
	
	/* Header */
	.cosmo-social a{
		display: inline;
		float: left;
		clear: none;
	}
	.logo{
		display: none;
	}
	.cosmo-menu{			/* Desktop Menu Disappears */
		display: none;
	}
	.b_body{				/* Adjust for absolute positioned header */
		margin-top: 40px;		
	}
	#tweet{
		display: none;
	}
	
	/* Slider */
	.cosmo-slider, .cosmo-slider .slides_container{
		width: 100%;
		height: auto;
		max-height: 300px;
	}
	.cosmo-slider{
		margin-left: -10px;
	}
	.cosmo-slider .slides_container{
		margin: 0;
	}
	.cosmo-slider .slide{
		background: transparent;
	}
	
	.b_f_c, .b_page, .w_940, .slides .slides_container, .threecol_two{
		width: 100% !important;
	}
	.b_f_c{
		padding-right: 10px;
	}
	.w_940{
		padding: 0;
	}
	/*.widget{
		margin: 0;
		padding: 0 10px 0 10px;
	}*/
	h5.widget-title{
		margin-left: 20px;
	}
	
	/* Leave a reply */
	#respond .comment-form p.textarea{
		width: 100% !important;
	}
	#respond .comment-form-comment .textarea{
		width: auto !important;
	}
	#respond .comment-form-comment .textarea textarea{
		width: auto !important;
	}
	
}

/* Mobile Only */
@media (max-width: 767px){
	
	/* All pages */
	.w_620{
		width: 90%;
	}
	.em-calendar-wrapper{
		/*margin-left: -30px;
		margin-right: -25px;*/
	}
	.em-calendar-wrapper td{
		padding-left: 5px !important;
		padding-right: 5px !important;
	}
	.cosmo-social{
		width: 330px;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
	.branding .b{
		float: none;
	}
	.cosmo-social .fr{
		float: none !important;
	}
	/* Google maps  mobile */
	.googleMobile{
		display: block;
	}
	.googleDesktop{
		display: none;
	}
	
	/* Contact form loading image */
	p img.ajax-loader{
		width: auto !important;	
	}
	
	
	/* Remove the full-width calendar on Event Calendar page in mobile view */
	#em-calendar-199, .em-calendar-wrapper{
		width: 100%;
		display: none;
		visibility: hidden;
	}
	
	/* Have tables display as lists in mobile */
	/*#current-events tbody, #current-events tr, #current-events th, #current-events td,
	.tabs-container tbody, .tabs-container tr, .tabs-container th, .tabs-container td {
		display: block;
	}
	#current-events thead, .tabs-container thead, #content .cosmotable.blue tr th{ 
		display: none !important;
	}
	#current-events td:before, .tabs-container td:before {
		content: attr(data-label);
		/*display: inline-block;*/
		/*width: 6em;
		padding-right: 1em;
		vertical-align: middle;
	}
	#current-events td:first-child, .tabs-container td:first-child {
	    background: #CCC;
	}
	#current-events #content .cosmotable.blue tr td, #content .tabs-container .cosmotable.blue tr td{
		background-color: white !important;
	}
	#content .cosmotable tr td{
		padding-left: 0px;
	}*/
	
	 tbody,  tr,  th,  td {
		display: block;
	}
	 thead, .tabs-container thead, #content .cosmotable.blue tr th{ 
		display: none !important;
	}
	 td:before, .tabs-container td:before {
		content: attr(data-label);
		/*display: inline-block;*/
		width: 6em;
		padding-right: 1em;
		vertical-align: middle;
	}
	 td:first-child, .tabs-container td:first-child {
	    background: #CCC;
	}
	 #content .cosmotable.blue tr td, #content .tabs-container .cosmotable.blue tr td{
		background-color: white !important;
	}
	#content .cosmotable tr td{
		padding-left: 0px;
	}
	/* Header of restaurants table*/
	.post-759 th, .post-668 th {
		/*display: none;*/
		width: 100%;
		text-align: center !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	
	
	/* Homepage Slider */
	.cosmo-slider .caption p{
		display: none;
	}
	
	/* Newsletter signup form */
	.threecol_one{
		width: 100%;
	}
	#mc_embed_signup{
		width: 97%;
	}
	
	.textwidget, .w_300{
		/*width: 100% !important;*/
		margin-bottom: 15px;
	}
	.widget_rss ul li, .textwidget, .rsgallery{
		margin-left: 10px;
	}
	#text-7{
		margin: 10px 0 0 10px;
	}
	#home-events ul li{
		width: 144px !important;
	}
	
	/* Footer */
	.footer-box{
		margin-top: 10px;
	}
	.footer-box .textwidget, #menu-footer-nav, .footer-box .social-media{
		margin-left: 25px;
	}
	#menu-footer-nav{
		margin-bottom: 10px;
	}
	.footer-box h5.widget-title{
		margin-left: 10px;
	}
	/* Bottom bar */
	.bottom .w_460{
		width: 95%;
	}
	.bottom{
		padding-top: 10px;
		height: 80px !important;
		line-height: 20px !important;
	}
	p.copyright{
		line-height: 20px !important;
	}
	.poweredby{
		float: left;
		text-align: left;
		margin-left: 10px;
	}
}

@media (min-width: 768px){
	
	/*google maps */
	.googleMobile{
		display: hidden;
	}
	.googleDesktop{
		display: block;
	}
}

/* For logo in mobile header */
@media (max-width: 360px){
	/*.mid-brand{
		display: none !important;
		visibility: hidden;
	}
	.small-brand{
		display: block;
	}*/
}
@media (min-width: 361px){
	/*.mid-brand{
		display: block;
	}
	.small-brand{
		display: none;
		visibility: hidden;
	}*/
}
.small-brand{
		display: none;
		visibility: hidden;
	}