nav {float:right; margin-bottom: 1em; width:70%;}
nav.tribe-events-nav-pagination {float:left;margin-bottom:3em;}
#logo {float:left; width:30%;}
	
/*Strip the ul of padding and list styling*/
nav ul {
	list-style-type:none;
	margin:5.5em 0 0 0;
	padding:0;
	position: absolute;
	z-index: 99 !important;
	font-size:0.9em;
}

/*Create a horizontal list with spacing*/
nav li {
	display:inline-block;
	float: left;
	/*margin-right: 1px;*/
}

/*Style for menu links*/
nav i {font-size: 100%;}

nav li a {
	display:block;
	min-width:auto;
	height: 2em;
	text-align: left;
	padding-left:0.8em;
	margin-right: 1em;
	line-height: 2em;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	color: #222;
	text-decoration: none;
}

nav li.cal:hover > ul, li.search:hover > ul {display: block;}

nav li.connect ul {margin-left: -3em;}


/*Hover state for top level links*/
nav li:hover a {
	border-bottom:none;
	color:#1295d8;
}

/*Style for dropdown links*/
nav li:hover ul a {
	background-color: rgba(255,255,255,0.925);
	color: #222;
	height: 2em;
	line-height: 2em;
	padding-left: 0.8em;
	font-size: 1.1em;
}

/*Hover state for dropdown links*/
nav li:hover ul a:hover {
	background: #1295d8;
	color: #fff;
	-webkit-transition: background 0.2s ease-in-out;
	-moz-transition: background 0.2s ease-in-out;
	transition: background 0.2s ease-in-out;
}

#nav li.trigger a {}
#nav li.trigger:hover a:hover {background-color: #ddd;color:#fff;cursor: default;}


/*Hide dropdown links until they are needed*/
nav li ul {
	display: none;
	margin-top:0;
	border-bottom:none;
}

/*Make dropdown links vertical*/
nav li ul li {
	display: block;
	float: none;
	
}

/* Search bar styles */


nav input#search:focus {outline-style: none;}

/*Prevent text wrapping*/
nav li ul li a {
	width: auto;
	min-width: 12em;
	padding: 0 1.25em;
	margin-right: 1em;

}

nav li ul li:hover ul a {font-size:1.2em; padding-left:1.1em;}

/*Display the dropdown on hover*/
nav ul li a:hover + .hidden, .hidden:hover {
	display: block;
}

/*Style 'show menu' label button and hide it by default*/
.show-menu {
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	text-decoration: none;
	border:3px solid #555;
	border-radius:50%;
	-webkit-border-radius: 50%;
	color:#555;
	font-size: 1em; 
	width: 3.667em;
	height:2.667em;
	padding-top: 1em; 
	margin-top: 0.8em; 
	float:right;
	text-align: center;
	text-transform: uppercase;
	display: none;
}

/*Hide checkbox*/
nav input[type=checkbox]{
    display: none;
    -webkit-appearance: none;
}

/*Show menu when invisible checkbox is checked*/
nav input[type=checkbox]:checked ~ #menu{
    display: block;
}

nav li.callnow a {
	text-decoration: none;
	text-align: center;
	background-color: #02e01f;
	border: 3px solid #02e01f;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	color: #fff;
	font-size: 1.9em; 
	line-height: 0;
	width: 1.3em;
	height: 0.95em;
	padding: 0.333em 0.125em 0.3em;
	margin-left: 2.333em;
	margin-right:0;
	float: right;
	display: none;
}


/*Responsive Styles*/

@media screen and (max-width : 1200px){
	/*Make dropdown links appear inline*/
	nav ul {
		position: static;
		display: none;
	}
	/*Create vertical spacing*/
	nav li {
		margin-bottom: 1px;
	}
	/*Make all menu links full width*/
	nav ul li, li a {
		width: 100%;
	}
	/*Display 'show menu' link*/
	.show-menu {
		display:block;
	}	
	
}


@media screen and (max-width : 1024px) {
	nav {margin:1em; width:50%;}

}

@media screen and (max-width : 768px) {
	
	#logo {width:50%;}
	
	#header #logo img {margin:0.333em 0 0 0;}
	
	nav {margin:1em 0;}
	
	.show-menu {font-size: 0.8em; margin-top:0;}
	
	nav ul {margin-left:-6em; font-size: 1em;}
	
	nav li ul {border-left:1px solid #777; margin-left:2em;width:auto;}
	
	nav li.connect ul {margin-left:2em;}
	
	nav li:hover ul a {background-color: #fff; color:#555;}
	
	nav li:hover ul a:hover, li:hover ul a:active {background-color: #fff; color:#1295d8;}
	
	nav li ul li ul {border-left: none;}
	
	nav li ul li:hover ul a {font-size:1em; border:0;}
	
	nav li.search {min-height: 3em; min-width: 3em;}
	
	nav li ul#search {
		margin-left: 2em;
		margin-top: -1.667em;
		height:auto;
		}
		
	nav input#search {text-align: left;}
	
}

@media screen and (max-width : 600px){
	
	#logo img {width:180px; max-width: 180px;}
	
	nav {margin:0.25em 0;}
	
	nav li {margin-left: -3em;}
	
	nav li.callnow {margin-left: 0;}
	
	nav li.callnow a {display:block;}
	
	nav li.callnow a i {margin-right:0 !important;}
	
	nav li ul li a {width: 120%;margin-left: 3em;}
	
	nav li:hover ul a {font-size: 1em;}
	
}