/*
Theme Name: Hafu
Author: Steve Farrugia - sfarrugia@gmail.com
Author URI: blog.fwdmovement.com.au
Description: A custom skin for Hafu
Version: 1.0
*/

@import url(libs/reset.css);

html {-webkit-text-size-adjust: none; /* Never autoresize text */}

a {text-decoration: none; color: #0b86af;
		transition: all 0.5s;
		-moz-transition: all 0.5s;
		-webkit-transition: all 0.5s;}
a:hover {background-color: #eee;
		transition: all 0.2s;
		-moz-transition: all 0.2s;
		-webkit-transition: all 0.2s;}

body {text-align: center; font-family: 'Lato', arial, sans-serif; font-weight: 400; font-size: 14px; background: #fff url(images/bg.png) 0 0 repeat;}

input,
select,
td,
th {font-family: font-family: 'Lato', arial, sans-serif; font-weight: 400; font-size: 14px;}

.site-container {width: 900px; padding: 0 30px; text-align: left; margin: 0 auto; border-top: 5px solid #0b86af; border-bottom: 5px solid #0b86af; background-color: rgba(255,255,255,0.6);}
.site-container.home {background: #3c64ac url(images/bg-a-feature.jpg) 0 -300px no-repeat;}

	
.header {width: 900px; margin-bottom: 20px; position: relative;}	
	.header:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	
.logo {padding-top: 20px; width: 160px; height: 128px; background: transparent url(images/logo.png) 0 20px no-repeat; float: left;}	
.home .logo {background-image: url(images/logo-home.png);}
	.logo a {display: block; height: 163px; text-indent: -9999px;}
	.logo a:hover {background-color: transparent;}

.things {float: right;}

h1 {font-size: 20px; line-height: 1.4em; margin-bottom: 30px; font-weight: bold;}

p {font-size: 16px; line-height: 1.4em; margin-bottom: 25px;}

.mc_signup_submit input,
.button input,
.button a {background-color: #e5eff2; color: #0b86af; display: inline-block; padding: 10px 15px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		-moz-box-shadow: inset 0px 0px 2px 2px rgba(11, 134, 175, 0.1);
		-webkit-box-shadow: inset 0px 0px 2px 2px rgba(11, 134, 175, 0.1);
		box-shadow: inset 0px 0px 2px 2px rgba(11, 134, 175, 0.1);
		font-size: 14px;
		border: 0;
		line-height: 1.4em;}		
		
.button-switch {display: block; width: 300px;}
.button-switch a {background-color: #e5eff2; width: 150px; color: #0b86af; display: block; float: left; padding: 10px 0px;
		text-align: center;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		-moz-box-shadow: inset 0px 0px 2px 2px rgba(11, 134, 175, 0.1);
		-webkit-box-shadow: inset 0px 0px 2px 2px rgba(11, 134, 175, 0.1);
		box-shadow: inset 0px 0px 2px 2px rgba(11, 134, 175, 0.1);
		font-size: 14px;
		border: 0; margin: 0;}
	
.button-switch a.left {-moz-border-radius-topright: 0; border-top-right-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; -webkit-border-bottom-right-radius: 0;
	-moz-box-shadow: inset 2px 0px 2px 2px rgba(11, 134, 175, 0.1);
		-webkit-box-shadow: inset 2px 0px 2px 2px rgba(11, 134, 175, 0.1);
		box-shadow: inset 2px 0px 2px 2px rgba(11, 134, 175, 0.1);
}

.button-switch a.left.on {
		-moz-box-shadow: inset 2px 0px 1px 1px rgba(0, 0, 0, 0.1);
		-webkit-box-shadow: inset 2px 0px 1px 1px rgba(0, 0, 0, 0.1);
		box-shadow: inset 2px 0px 1px 1px rgba(0, 0, 0, 0.1);
		background-color: #6cb1c6;
		color:#fff;
		font-weight: bold;
}

.button-switch a.right {-moz-border-radius-topleft: 0; border-top-left-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; -webkit-border-bottom-left-radius: 0;
	-moz-box-shadow: inset -2px 0px 2px 2px rgba(11, 134, 175, 0.1);
		-webkit-box-shadow: inset -2px 0px 2px 2px rgba(11, 134, 175, 0.1);
		box-shadow: inset -2px 0px 2px 2px rgba(11, 134, 175, 0.1);
}		

.button-switch a.right.on {
		-moz-box-shadow: inset -2px 0px 1px 1px rgba(0, 0, 0, 0.1);
		-webkit-box-shadow: inset -2px 0px 1px 1px rgba(0, 0, 0, 0.1);
		box-shadow: inset -2px 0px 1px 1px rgba(0, 0, 0, 0.1);
		background-color: #6cb1c6;
		color:#fff;
		font-weight: bold;
}


		
p.date	{font-size: 13px; margin-bottom: 10px;}

.clear {clear: both; height: 0; overflow: hidden; display: block;}

#menu-link {display: none;}
#menu-close {display: none;}

.language {float: right; height: 27px; /* background-color: #eee; padding-right: 5px; */
		-webkit-border-bottom-right-radius: 3px;
		-webkit-border-bottom-left-radius: 3px;
		-moz-border-radius-bottomright: 3px;
		-moz-border-radius-bottomleft: 3px;
		border-bottom-right-radius: 3px;
		border-bottom-left-radius: 3px;}
	.language h2 {display: none;}
	.language ul {float: right; list-style: none;}
	.language li {float: left;  margin-left: 5px; font-size: 11px;}
	.language li a {display: block; padding: 5px; color: #fff; background-color: #bbb;
		-webkit-border-bottom-right-radius: 3px;
		-webkit-border-bottom-left-radius: 3px;
		-moz-border-radius-bottomright: 3px;
		-moz-border-radius-bottomleft: 3px;
		border-bottom-right-radius: 3px;
		border-bottom-left-radius: 3px;
		text-decoration: none;
	}
	.language li a:hover {background-color: #ccc;
		-webkit-border-bottom-right-radius: 3px;
		-webkit-border-bottom-left-radius: 3px;
		-moz-border-radius-bottomright: 3px;
		-moz-border-radius-bottomleft: 3px;
		border-bottom-right-radius: 3px;
		border-bottom-left-radius: 3px;
	}
	.language li.active a {background-color: #0b86af; color: #fff;}
	.language li.active a:hover {background-color: #0b86af; cursor: default;}
	
.row {width: 900px; position: relative;}	
	.row:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}


.home .row { padding-top: 30px; padding-bottom: 30px;}
.home .row.last {padding-bottom: 0;}

.main-content {width: 680px; float: right; margin-bottom: 40px;}
.main-content.full {width: 100%; float: none;}
.blog-category .main-content {float: left;}
.main-content h2 {font-size: 22px; color: #0b86af; font-weight: bold; margin-bottom: 10px;}
.main-content h3 {font-weight: bold; margin-bottom: 10px; font-size: 16px;}
.main-content ol {list-style: decimal; margin-left: 30px; margin-bottom: 25px;}
.main-content ul {list-style: disc; margin-left: 30px; margin-bottom: 25px;}
.main-content li {font-size: 16px; line-height: 1.4em;}

.page-a-feature {margin-bottom: 20px;}

.sidebar {float: left; width: 200px; margin-bottom: 40px;}
.blog-category .sidebar {float: right;}

.sidebar h3 {font-size: 14px; font-weight: bold; margin-bottom: 10px;}
.sidebar ul {}
.sidebar ul li a {font-size: 16px; line-height: 1.1em; font-weight: normal; display: block; padding: 10px 10px 10px 20px; border-bottom: 3px solid #ddd;}
.sidebar ul li ul li a {font-weight: normal; border-bottom: 1px solid #ddd;}
.sidebar ul li.current_page_item>a,
.sidebar ul li.current-menu-item>a {background: transparent url(images/bullet.png) 0 15px no-repeat; font-weight:bold;}

.sidebar ul.recent-posts li a {padding-left: 0;}

.a-feature {width: 650px; float: left; margin-bottom: 140px; overflow: hidden; margin-left: 0px;}

.news {float: right; position: relative; width: 220px; float: right; margin-bottom: 140px; margin-right: 0px; background-color: rgba(255,255,255,0.8);}
	.news .twitter-more {position: absolute; top: 10px; right: 10px; background: transparent url(images/icon-twitter.png) 0 no-repeat;}
	.news .twitter-more a {display: block; padding-left: 20px;}
	.news .twitter-more a:hover {background-color: transparent; text-decoration: underline;}

	.news h2.widgettitle {font-size: 16px; font-weight: bold; height: 30px; border-bottom: 1px solid #fff; padding-top: 10px; margin: 0 10px 10px 10px;}
	.news ul {width: 200px; height: 315px; margin-left: 10px; overflow: auto;  /* padding-top: 10px; */ /* border-bottom: 1px solid #ddd; */}
	.news ul li {margin-bottom: 20px;}	
	
	.news ul li span {line-height: 1.4em; font-size: 14px;}
	.news ul li span a {display: inline; color: #0b86af;}
	.news ul li a {color: #666; display: block;
										white-space: pre;           /* CSS 2.0 */
										white-space: pre-wrap;      /* CSS 2.1 */
										white-space: pre-line;      /* CSS 3.0 */
										white-space: -pre-wrap;     /* Opera 4-6 */
										white-space: -o-pre-wrap;   /* Opera 7 */
										white-space: -moz-pre-wrap; /* Mozilla */
										white-space: -hp-pre-wrap;  /* HP Printers */
										word-wrap: break-word; 
										}
	.news ul li a:hover {background-color: transparent; color: #000;}
	.news ul li .time-meta {display: block; font-size: 12px; margin-bottom: 5px;}
	.news ul li .time-meta a {color: #000;}

.team {clear: both; background-color: rgba(255,255,255,0.8); padding: 20px 0; margin-left: 0px; margin-right: 0px; margin-bottom: 0px;}
	.team h2 {text-align: center; font-size: 18px;  border-bottom: 1px solid #fff; margin: 0 20px; margin-bottom: 20px; padding-bottom: 20px;}
	.team em {font-style: normal; display: block; margin-bottom: 10px;}
	.team .minor em {margin-bottom: 5px;}
	.team strong {font-style: normal; display: block;}
	.team .minor {width: 820px;}
	.team .minor:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	.team h3 {width: 25%; float: left; text-align: center;}

.sponsors {background-color: rgba(255,255,255,0.8); padding: 10px; margin-bottom: 10px;}
	.sponsors ul:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	.sponsors ul li {float: left; width: 50%; text-align: center; height: 55px; background-position: 50%; background-repeat: no-repeat;}
	.sponsors ul li a {display: block; height: 55px; background-position: 50%; background-repeat: no-repeat;}
	.sponsors ul li a:hover {background-color: #fff;}
	.sponsors ul li img {display: block; margin: 0 auto;}
	.sponsors h3 {clear: both; font-size: 12px; text-align: center; color: #333;}


.nav { /* border-top: 1px solid #ddd; */ /* border-bottom: 1px solid #ccc; */ background-color: #0b86af; padding-top: 10px; padding-bottom: 10px;}
.home .nav {background-color: rgba(255,255,255,0.8);}
	.nav .menu-main-container {width: 900px;}
	.nav ul {width: 900px;}
	.nav ul:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	.nav li {display: block; float: left; margin-left: 10px; font-weight: 700; font-size: 15px;}
	.nav li a {text-decoration: none; padding: 8px 10px; display: block; color: #fff;}
	.nav li a:hover {
	background-color: #066c8e;
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
	.nav li.current-menu-item a,
	.nav li.current-page-ancestor a {background: #066c8e url(images/arrow.png) 50% 105% no-repeat; color: #fff;
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}

	.home .nav li a {color: #066c8e;}
	.home .nav li a:hover {
	color: #066c8e;
	background-color: #fff;
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
	.home .nav li.current-menu-item a,
	.home .nav li.current-page-ancestor a {background: #066c8e url(images/arrow.png) 50% 105% no-repeat; color: #fff;
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}

	.nav li ul.sub-menu {display: none;}
	
.main {padding-top: 30px;}
	.main.home {padding-top: 1px;}

.utility {clear: both; position: absolute; right: 0; bottom: 0;}
	.utility .menu-utility-container {float: right;}
	.utility .menu {float: right;}
	.utility .menu li {float: left; margin-left: 20px;}
	.utility .menu li a {background-color: #e5eff2; color: #0b86af; display: block; padding: 10px 15px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		-moz-box-shadow: inset 0px 0px 2px 2px rgba(11, 134, 175, 0.1);
		-webkit-box-shadow: inset 0px 0px 2px 2px rgba(11, 134, 175, 0.1);
		box-shadow: inset 0px 0px 2px 2px rgba(11, 134, 175, 0.1);
		}
	.utility .menu li a:hover {
		background-color: #fff; 
		-moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
		-webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
		box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
		}

.social {margin-bottom: 40px; margin-right: 20px; float: right; background-color: #eee; padding: 5px 5px 5px 18px;
		-webkit-box-shadow: inset 0px 5px 5px -5px rgba(0, 0, 0, 0.5);
		box-shadow: inset 0px 5px 5px -5px rgba(0, 0, 0, 0.5);
		-webkit-border-bottom-right-radius: 3px;
		-webkit-border-bottom-left-radius: 3px;
		-moz-border-radius-bottomright: 3px;
		-moz-border-radius-bottomleft: 3px;
		border-bottom-right-radius: 3px;
		border-bottom-left-radius: 3px;

		/*
-moz-box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, 0.1);
		-webkit-box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, 0.1);
		box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, 0.1);
*/}
	.social .twitter-button {float: left;}
	.social .facebook-button {float: left;}
	
.lead-image {position: relative; width: 680px; height: auto; margin-bottom: 20px;}
.lead-image img {width: 100%; height: auto;}
.lead-image h2 {font-size: 30px; font-family: arial, helvetica, sans-serif; color: #0b86af; font-weight: bold; position: absolute; bottom: 0; left: 0; width: 640px; padding: 10px 20px; background: rgba(255,255,255,0.8); margin-bottom: 0;}
.generic-form-a h2 {margin-bottom: 20px;}
.generic-form-a #mc_signup_form {border: 0; background-color: transparent; padding: 0;}
.generic-form-a ul {margin-left: 0; list-style: none;}
.generic-form-a ul li,
.generic-form-a .mc_merge_var {margin-bottom: 15px; width: 480px;}
.generic-form-a ul li:after,
.generic-form-a .mc_merge_var:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.generic-form-a ul li label,
.generic-form-a label.mc_var_label {float: left; font-size: 14px; font-weight: bold; padding-top: 10px;}
.generic-form-a ul li div.input,
.generic-form-a .mc_form_inside input.text {float: right;}
.generic-form-a input.text {background-color: #e5eff2; color: #0b86af; padding: 10px 15px; border: 0; -webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px; font-size: 14px; width: 240px;} 

.generic-form-a ul textarea {width: 240px; font-size: 14px; background-color: #e5eff2; color: #0b86af; padding: 10px 15px; border: 0; -webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;} 
		
.generic-form-a ul span.wpcf7-not-valid-tip,
.generic-form-a .mc_error_msg,
.generic-form-a .mc_success_msg {border: 1px solid #ddd; background-color: #efefef; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; color: #b23535;}

.generic-form-a .mc_error_msg,
.generic-form-a .mc_success_msg {display: block; padding: 20px; line-height: 1.4em; margin-bottom: 15px;}

.generic-form-a .mc_success_msg {color: #666;}


.generic-form-a .mc_signup_submit {width: 480px; text-align: left;}
.generic-form-a .mc_signup_submit:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.generic-form-a .mc_signup_submit input {float: right;}

.generic-form-a #mc_unsub_link {padding-top: 20px; margin-bottom: 20px; text-align: left!important;}

.generic-form-a div.wpcf7-validation-errors {display: block; margin: 0 auto; border: 1px solid #ddd; text-align: center; background-color: #efefef; color: #666; line-height: 1.4em; padding: 20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
		
.generic-form-a ul li.button input {display: block; float: right;}


.article {border-bottom: 1px solid #ddd; margin-bottom: 30px;}
	.article .blog-utils {width: 680px;}
	.article .blog-utils:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	.article .blog-utils {}
	
.blog-navigation {}
	.blog-navigation .button-group {}
	.blog-navigation .button-group .prev {float: left; width: 42%;}
	.blog-navigation .button-group .next {float: right; width: 42%;}
	
	.blog-navigation .button-group .prev a,
	.blog-navigation .button-group .next a {display: block;}
	
	.blog-navigation .button-group .next a {text-align: right;}
	

/* events */

.view-controller {margin-bottom: 30px;}
	.view-controller .button-switch {float: right;}
	
.event-desc {width: 300px; float: left;}
.event-meta-info {width: 330px; float: right; margin-bottom: 30px; background-color: #efefef; border: 1px solid #ddd; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; padding: 10px;}
	.event-meta-info table {border-collapse: collapse;}
	.event-meta-info table td {font-size: 14px; padding: 5px; line-height: 1.4em;}
	.event-meta-info table tr.event-date td {font-weight: bold;}
	.event-meta-info .event-date .day {display: inline-block;}
	.event-meta-info .event-date .date {display: inline-block;}
	.event-meta-info .event-date .time {display: block;}
	
.calendar-view table {border-collapse: collapse; width: 680px;}
	.calendar-view table td {width: 14.2%; height: 80px; border: 1px solid #ddd; padding: 10px;}
	.calendar-view table td .daynum {margin-bottom: 5px;}
	.calendar-view table td .daynum span {background-color: #ddd; color: #666; display: inline-block; padding: 3px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; width: 25px; text-align: center;}
	.calendar-view table td.tribe-events-present {background-color: #efefef;}
	.calendar-view table td div.tribe_events {background-color: #0B86AF; color: #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
	.calendar-view table td div.tribe_events a {color: #fff; padding: 3px; display: inline-block;}
	.calendar-view table td div.tribe_events a:hover {color: #0B86AF;}
	.calendar-view table thead th {width: 14.2%; padding: 10px; text-align: left; background-color: #aaa; color: #fff; border: 1px solid #fff;}

.calendar-nav {width: 680px; margin-bottom: 30px; position: relative; text-align: center;}
	.calendar-nav .button.prev {position: absolute; left: 0; top: 0;}
	.calendar-nav .button.next {position: absolute; right: 0; top: 0;}
	.calendar-nav .calendar-picker {position: relative; margin: 0 auto; text-align: left; display: block; width: 300px; text-align: center; background-color: #efefef; border: 1px solid #ddd; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 4px 0;}	
	.calendar-nav .calendar-picker select {font-size: 16px;}
	.calendar-nav .calendar-picker .ajax-loading {position: absolute; top: 9px; right: 4px;}
	
.list-page-nav {}
	.list-page-nav .button.prev {float: left;}
	.list-page-nav .button.next {float: right;}
	
.event-message {display: block; margin-bottom: 30px; text-align: center; font-size: 14px; padding: 100px 0;}
	.event-message span {display: inline-block; margin: 0 auto; border: 1px solid #ddd; background-color: #efefef; color: #666; line-height: 1.4em; padding: 20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}

.events-meta-single {clear: both; margin-bottom: 30px; padding: 10px; background-color: #efefef; border: 1px solid #ddd; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
	.events-meta-single dl {float: left; width: 100%; font-size: 16px;}
	.events-meta-single dt {width: 25%; float: left; min-height: 30px; line-height: 1.4em;}
	.events-meta-single dd {width: 75%; float: left; min-height: 30px; line-height: 1.4em;}
	.events-meta-single dd div.pad {padding-left: 5px;}

.tribe-events-event h2.entry-title.single {float: left; width: 70%;}
.back-to-events {float: right;}
.passed-message {display: block; clear: both; margin-bottom: 30px; text-align: center; font-size: 14px; border-bottom: 1px solid #fff;}
	.passed-message .event-passed {display: inline-block; margin: 0 auto; border: 1px solid #ddd; background-color: #efefef; color: #666; line-height: 1.4em; padding: 5px 20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}

.map-stuff {margin-bottom: 30px;}
.map-stuff .button-group {padding-top: 10px;}

.embedded-map {-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 1px solid #ddd; margin-bottom: 30px;}
	.embedded-map #googlemaps {margin-bottom: 0!important;}
	
.single-event-entry {}
	.single-event-entry .event-feature {-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 1px solid #ddd; margin-bottom: 30px;}
	.single-event-entry .event-feature img {width: 100%; height: auto; display: block;}

.single-nav {display: none;}

/* Tablet Portrait Styles
=================================================*/

@media only screen and (min-width: 740px) and (max-width: 960px){

	a:hover {background-color: transparent;
		transition: all none;
		-moz-transition: all none;
		-webkit-transition: all none;}

	.site-container {width: 680px; overflow: hidden; border-top: 0; margin-top: 35px;}
	.site-container.home {background: #3c64ac url(images/bg-a-feature.jpg) 0 100% no-repeat;}

	.a-feature {width: 680px; float: none; margin-bottom: 30px; }

	.row {width: 680px;}
	
	.main-content {float: none;}
	.blog-category .main-content {float: none;}
	
	.sidebar {display: none;}
	
	#menu-link {display: block; height: 35px; line-height: 35px; font-weight: bold; text-align: center; font-size: 14px; width: 100%; position: fixed; top: 0; right: 0; background: #0b86af url(images/menu.png) 20px no-repeat; background-size: 15px 15px; color: #fff; z-index: 99;}

	.article .blog-utils {width: auto;}
	
	.nav {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; display: none; overflow: auto; padding-bottom: 20px;}

	.nav #menu-close {display: block; position: fixed; left: 0; bottom: 0; width: 100%; z-index: 100; background-color: #fff; color: #0b86af; height: 35px; line-height: 35px; font-weight: bold; text-align: center; font-size: 14px;}

	
	body.nav-mode {width: 100%; height: 100%; overflow: hidden;}
	
	body.nav-mode .nav {display: block;}
	
	body.nav-mode .header,
	body.nav-mode .main,
	body.nav-mode .footer {display: none;}
	
	.nav .menu-main-container {width: auto;}
	
	.nav ul {width: auto;}
	
	.nav li {float: none; margin-right: 20px;}
	
	.nav li ul.sub-menu {display: block; clear: both;}
	
	.nav li.current_page_item ul.sub-menu,
	.nav li.current-menu-parent ul.sub-menu {background-color: #066c8e;}
	
	nav li ul.sub-menu a {text-decoration: none; padding: 8px 10px; display: block; color: #fff;}
	.nav li a:hover,
	.nav li ul.sub-menu a:hover {
	background-color: transparent;
	-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;}
	.nav li.current-menu-item a,
	.nav li.current-page-ancestor a,
	.nav li ul.sub-menu li.current-page-ancestor a,
	.nav li ul.sub-menu li.current-menu-item a {background-color: #066c8e; background-image: none; color: #fff;
	-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;}

	.news {width: auto; margin-bottom: 80px; float: none; clear: both; margin-bottom: 30px;}
	
	.news ul {width: auto; height: auto;}
	
	.header {width: 680px; margin-bottom: 0;}
	
	.team .minor {width: 680px; margin-bottom: 30px;}

}

/* Mobile Wide Styles
=================================================*/

@media only screen and (min-width: 0) and (max-width: 739px){

	h1 {font-size: 16px; line-height: 1.4em; margin-bottom: 20px; font-weight: bold;}
	.main-content h2 {font-size: 20px; color: #0b86af; font-weight: bold; margin-bottom: 10px;}
.main-content h3 {font-weight: bold; margin-bottom: 10px; font-size: 14px;}

p {font-size: 14px; line-height: 1.4em; margin-bottom: 15px;}

	.mc_signup_submit input,
.button input,
.button a {font-size: 12px;}
.main-content li {font-size: 12px; line-height: 1.4em;}

	#menu-link {display: block; height: 35px; width: 100%; position: fixed; top: 0; right: 0; font-size: 14px; text-align: center; font-weight: bold; color: #fff; z-index: 99;
		background: #0b86af; /* Old browsers */
		background: -moz-linear-gradient(top, #0b86af 0%, #08617f 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0b86af), color-stop(100%,#08617f)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #0b86af 0%,#08617f 100%); /* Chrome10+,Safari5.1+ */
		background: linear-gradient(to bottom, #0b86af 0%,#08617f 100%); /* W3C */
	}
	
	#menu-link span {display: block; height: 35px; line-height: 35px; width: 100%; background: transparent url(images/menu.png) 20px no-repeat; background-size: 15px 15px;}

	.site-container {width: auto; overflow: hidden; padding-top: 45px; padding-left: 5px; padding-right: 5px;}
	
	.site-container.home {background: #3c64ac url(images/bg-a-feature.jpg) 0 100% no-repeat;}
	.row {width: auto;}
	
	.main-content {float: none; width: auto; padding-right: 10px; padding-left: 10px;}
	.blog-category .main-content {float: none;}
	
	.sidebar {display: none;}
	
	.nav {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; display: none; overflow: auto; padding-bottom: 45px;}
	
	.nav #menu-close {display: block; position: fixed; left: 0; bottom: 0; width: 100%; z-index: 100; background-color: #fff; color: #0b86af; height: 35px; line-height: 35px; font-weight: bold; text-align: center; font-size: 14px;}
	
	body.nav-mode {width: 100%; height: 100%; overflow: hidden;}
	
	body.nav-mode .nav {display: block;}
	
	body.nav-mode .header,
	body.nav-mode .main,
	body.nav-mode .footer {display: none;}
	
	.nav .menu-main-container {width: auto;}
	
	.nav ul {width: auto;}
	
	.nav li {float: none; font-size: 12px; margin-right: 20px;}
	
	.nav li ul.sub-menu {display: block; clear: both;}
	
	.nav li.current_page_item ul.sub-menu,
	.nav li.current-menu-parent ul.sub-menu {background-color: #066c8e;}
	
	nav li ul.sub-menu a {text-decoration: none; padding: 8px 10px; display: block; color: #fff;}

	.nav li.current-menu-item a,
	.nav li.current-page-ancestor a,
	.nav li ul.sub-menu li.current-page-ancestor a,
	.nav li ul.sub-menu li.current-menu-item a {background-color: #066c8e; background-image: none; color: #fff;
	-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;}



	.news {width: auto; margin-bottom: 30px; float: none; clear: both;}
	
	.news ul {width: auto; height: auto;}
	
	.team {margin-bottom: 30px;}
	
	.header {width: auto; text-align: center; margin-bottom: 0;}
	
	.lead-image {width: auto; height: auto!important; position: static;}
	.lead-image img {}
	.lead-image h2 {position: static; font-size: 20px; width: auto; padding: 0; background-color: transparent;}
	
	.page-a-feature img {width: 100%; height: auto;}
	
	.things {float: none;}
	
	.things .social {display: none;}
	.things .utility {display: none;}
	
	.things .language {display: block; float: none; clear: both; width: 200px; margin-left: auto; margin-right: auto;}
	.things .language ul {float: none;}
	.things .language li {display: inline-block; float: none;}
	.things .language li:first-child {margin-left: 0;}
	.things .language li a {-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
	
	.logo {margin: 0 auto 20px auto; float: none;}	

	
	.a-feature {width: 100%; margin-bottom: 30px;}
	
	.team .minor {width: auto;}
	.team .minor h3 {float: none; display: block; text-align: center; width: auto; margin-bottom: 15px;}
	
	.calendar-view table {width: 100%;}
	.calendar-view table td {font-size: 12px; padding: 2px; height: auto;}
	.calendar-view table td .daynum span {width: auto; font-size: 12px;}
	
	.calendar-nav {width: auto; margin-bottom: 5px;}
	.calendar-nav .button.prev {position: static; float: left; margin-bottom: 5px;}
	.calendar-nav .button.next {position: static; float: right; margin-bottom: 5px;}
	.calendar-nav .calendar-picker {clear: both; margin: 0 auto; text-align: left; display: block; width: auto; text-align: center; background-color: #efefef; border: 1px solid #ddd; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 4px 0;}	
	.calendar-nav .calendar-picker select {font-size: 12px;}

	.view-controller {margin-bottom: 30px;}
	.view-controller .button-switch {float: none; font-size: 12px;}
	
	.button-switch {width: auto;}
	.button-switch a {width: 50%;}

	.events-meta-single dl {font-size: 12px;}
	.events-meta-single dt {width: 30%;}
	.events-meta-single dd {width: 70%;}
	
	.tribe-events-event h2.entry-title.single {width: 40%;}
	.passed-message {padding-top: 15px; margin-bottom: 15px;}

	.event-desc {width: auto; float: none; margin-bottom: 15px;}
.event-meta-info {width: auto; float: none; margin-bottom: 30px;}

.generic-form-a ul {width: auto;}
.generic-form-a ul li,
.generic-form-a .mc_merge_var {margin-bottom: 15px; width: auto;}
.generic-form-a ul li label,
.generic-form-a label.mc_var_label {float: none; padding-top: 0px; width: auto; display: block;}
.generic-form-a ul li div.input {float: none; width: auto;}
.generic-form-a .mc_form_inside input.text {float: none; /* width: auto; */}
.generic-form-a ul input.text,
.generic-form-a input.mc_input text,
.generic-form-a input.text {width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} 









.generic-form-a ul textarea {width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } 
		
.generic-form-a ul span.wpcf7-not-valid-tip {border: 1px solid #ddd; background-color: #efefef; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; color: #b23535;}

.generic-form-a div.wpcf7-validation-errors {display: block; margin: 0 auto; border: 1px solid #ddd; text-align: center; background-color: #efefef; color: #666; line-height: 1.4em; padding: 20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
		
.generic-form-a ul li.button input {display: block; float: right;}



}