/*
Theme Name: OANoVa
Theme URI: https://x.com
Author: the Design Foundry
Author URI: http://www.thedesignfoundry.net/
Description: 
Version: 1.0
License: 
License URI: 
Tags: 
Text Domain: twentysixteen

*/


/* fonts */

@font-face {
    font-family: 'socialicoregular';
    src: url('/fonts/socialico-webfont.eot');
    src: url('/fonts/socialico-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/socialico-webfont.woff') format('woff'),
         url('/fonts/socialico-webfont.ttf') format('truetype'),
         url('/fonts/socialico-webfont.svg#menu-socialicoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'socialicoplus';
    src: url('/fonts/SocialicoPlus.eot');
    src: url('/fonts/SocialicoPlus.eot?#iefix') format('embedded-opentype'),
         url('/fonts/SocialicoPlus.woff') format('woff'),
         url('/fonts/SocialicoPlus.ttf') format('truetype'),
         url('/fonts/SocialicoPlus.svg#menu-socialicoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}



/* defaults */

body {
	font-size: 62.5%;
	font-family: 'Lato', sans-serif;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
}

a img {
	border: 0px;
}

a {
	text-decoration: none;
	color: #c49509;
}

.contain {
	max-width: 1050px;
	padding: 0px 0px;
	margin: 0px auto;
	text-align: left;
	position: relative;
	box-sizing: border-box;
}

.clr {
	clear: both;
}






header {
	display: block;
	text-align: center;
	position: relative;
}

header .contain {
}

header h1 {
	width: 183px;
	margin: 0px 0px 0px 0px;
	position: absolute;
	top: 20px;
	left: 50px;
	z-index: 8000;
}

header h1 a {
	position: relative;
	display: block;
	width: 100%;
	padding-bottom: 100%;
	background-image: url(/images/logo.png);
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: center center;
	text-indent: -9000px;
	transition: all .3s;
}

header h1 a:hover {
}


h2.name {
	text-align: right;
	margin: 0px;
	padding: 10px 40px 10px 30px;
	background: rgb(86,161,175);
	background: -moz-linear-gradient(28deg, rgba(86,161,175,1) 0%, rgba(50,127,141,1) 29%, rgba(86,161,175,1) 48%, rgba(50,127,141,1) 70%, rgba(86,161,175,1) 100%);
	background: -webkit-linear-gradient(28deg, rgba(86,161,175,1) 0%, rgba(50,127,141,1) 29%, rgba(86,161,175,1) 48%, rgba(50,127,141,1) 70%, rgba(86,161,175,1) 100%);
	background: linear-gradient(28deg, rgba(86,161,175,1) 0%, rgba(50,127,141,1) 29%, rgba(86,161,175,1) 48%, rgba(50,127,141,1) 70%, rgba(86,161,175,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#56a1af",endColorstr="#56a1af",GradientType=1);
	color: #fff;
	line-height: 1;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 1.9em;
	letter-spacing: .5px;
}

h2.name .contain {
	text-align: right;
}

nav {
	background-color: #f2f7f9;
}

nav ul.primary-menu {
	position: relative;
	text-align: right;
	list-style: none;
	margin: 0px -25px 0 0;
	padding: 0px 0px 0 0;
}

nav ul.primary-menu > li {
	font-size: 1.7em;
	vertical-align: bottom;
	text-transform: uppercase;
	display: inline-block;
	position: relative;
}

nav ul.primary-menu > li > a {
	display:block;
	padding: 40px 30px 40px 15px; 
	background-image: url(/images/navcircle.svg);
	background-position: left center;
	background-size: auto 60%;
	background-repeat: no-repeat;
	transition: all .3s;
	position: relative;
	color: #327f8d;
}

nav ul.primary-menu > li:hover a {
	background-size: auto 80%;
}



nav ul.primary-menu > li > ul {
	display: none;
	position: absolute;
	top: 100%;
	left: -13px;
	width: 150px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	z-index: 11000;
	background-color: #f2f7f9;
	background-color: rgba(244, 248, 250, 0.94);
	box-shadow: 0px 9px 9px rgba(136, 155, 151, 0.37);
}

nav ul.primary-menu > li:hover > ul, nav ul.primary-menu > li:focus > ul {
	display: block;
}

nav ul.primary-menu > li > ul > li {
	line-height: 1.1;
	font-size: .9em;
	margin: 0px;
	padding: 0px;
	text-align: left;
	text-transform: none;
}

nav ul.primary-menu > li > ul > li > a {
	padding: 4px 13px 4px 9px;
	display: block;
	background-color: transparent;
	transition: all .3s;
	color: #327f8d;
	border-left: 4px solid transparent;
}

nav ul.primary-menu > li > ul > li:first-of-type a {
	padding-top: 8px;
}

nav ul.primary-menu > li > ul > li:last-of-type a {
	padding-bottom: 8px;
}

nav ul.primary-menu > li > ul > li > a:hover, nav ul.primary-menu > li > ul > li > a:focus {
	background-color: #d4e1e5;
	border-left: 4px solid #327f8d;
	padding-left: 9px;
}




header .extra {
	background-color: #e1ecef;
	text-align: right;
	padding-right: 40px;
}

header .extra .contain {
	text-align: right;
}

header .extra p {
	color: #56a1af;
	font-size: 2.5em;
	line-height: 1;
	display: inline-block;
	vertical-align: middle;
	font-weight: 300;
	padding: 10px 30px 10px 0;
	margin: 0px;
}

header .extra p a {
	color: #327f8d;
}

#google_translate_element {
	display: inline-block;
	vertical-align: middle;
	margin-right: -15px;
}



.home #content {
}

.home #carousel {
	margin: 0px;
	position: relative;
}

#carousel .panel {
	width: 100%;
	height: 0;
	padding-bottom: 40.25%;
	background-size: cover;
	background-position: center center;
}

#carousel .panel p {
	margin: 0px;
	position: absolute;
	right: 0px;
	bottom: 40px;
	max-width: 70%;
	padding: 30px 30px 30px 60px;
	background-color: #327f8d;
	background-color: rgba(49, 126, 140, 0.81);
	color: #fff;
	font-size: 2.5em;
	line-height: 1.3;
}

#carousel .panel a {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
}

#carousel .panel p img {
	position: absolute;
	top: -20px;
	left: -20px;
	height: 40%;
	width: auto;
}

.cycle-pager {
	position: relative;
	z-index: 10000;
	text-align: center;
	margin-top: -30px;
}

.cycle-pager span {
	width: 10px;
	height: 10px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #fff;
	display: inline-block;
	text-indent: -8000px;
	margin: 0px 2px;
	transition: all .3s;
}

.cycle-pager span.cycle-pager-active {
	background-color: #56a1af;
}


.pitch {
	background-image: url(/images/hemisphere.png);
	background-size: auto 80%;
	background-repeat: no-repeat;
	background-position: 70px top;
	padding: 70px 70px 50px 70px;
	position: relative;
	overflow: hidden;
}

.pitch h2 {
	font-weight: 400;
	line-height: 1.12;
	text-transform: uppercase;
	text-align: right;
	color: #56a1af;
	font-size: 4.8em;
	margin: 0px;
	position: relative;
	z-index: 8000;
	width: 40%;
	float: left
}

.pitch p {
	font-size: 2.3em;
	line-height: 1.5;
	color: #5b767c;
	font-weight: 300;
	width: 55%;
	float: right;
	margin: 0px;
}

ul#promos {
	background: rgb(139,211,225);
	background: -moz-linear-gradient(90deg, rgba(139,211,225,1) 0%, rgba(76,151,165,1) 25%, rgba(50,127,141,1) 87%);
	background: -webkit-linear-gradient(90deg, rgba(139,211,225,1) 0%, rgba(76,151,165,1) 25%, rgba(50,127,141,1) 87%);
	background: linear-gradient(90deg, rgba(139,211,225,1) 0%, rgba(76,151,165,1) 25%, rgba(50,127,141,1) 87%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8bd3e1",endColorstr="#327f8d",GradientType=1);
	padding: 30px 60px;
	list-style: none;
	margin: 0px;
}

ul#promos .contain {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex; 
	align-items: center;
}



ul#promos li {
	width: 25%;
	padding: 0 20px;
	margin: 0px;
}

ul#promos li a {
	box-sizing: border-box;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex; 
	align-items: center;
}

ul#promos li a span:first-of-type {
	width: 40%;
	color: #8bd3e1;
	font-size: 6em;
	line-height: 1;
}

ul#promos li a span:last-of-type {
	width: 60%;
	color: #fff;
	font-size: 2em;
	line-height: 1.2;
	text-align: center;
	text-transform: uppercase;
}

ul#promos li a span {
	box-sizing: border-box;
	padding: 0px 10px;
	transition: all .3s;
}

ul#promos li a:hover span:first-of-type {
	color: #fff;
}


.news {
	padding: 50px;
	background-color: #f4fafb;
}

.news h3 {
	font-size: 4.6em;
	line-height: 1;
	margin: 0px 0 20px 0;
	text-align: center;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 4px;
}

.news h3 span {
	color: #fff;
	background: rgb(139,211,225);
	background: -moz-linear-gradient(90deg, rgba(139,211,225,1) 0%, rgba(76,151,165,1) 25%, rgba(50,127,141,1) 87%);
	background: -webkit-linear-gradient(90deg, rgba(139,211,225,1) 0%, rgba(76,151,165,1) 25%, rgba(50,127,141,1) 87%);
	background: linear-gradient(90deg, rgba(139,211,225,1) 0%, rgba(76,151,165,1) 25%, rgba(50,127,141,1) 87%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8bd3e1",endColorstr="#327f8d",GradientType=1);
	display: inline-block;
	padding: 15px 70px;
}

.newsitems {
	padding: 30px 0px 15px 0px;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex; 
	justify-content: center;
}

.newsitems .newsitem {
	width: 23%;
	margin: 0px 1%;
	padding: 30px 30px 15px 30px;
	box-sizing: border-box;
	text-align: center;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	box-shadow: 0px 0px 13px rgba(95, 123, 116, 0.35);
	background-color: #fff;
}

.newsitems .newsitem.three {
	width: 31%;
}

.newsitems .newsitem.two {
	width: 44%;
	margin: 0px 3%;
}

.newsitems .newsitem.one {
	width: 75%;
}

.newsitems .newsitem .photo {
	width: 60%;
	padding-bottom: 60%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	margin: 0px auto 20px auto;
	border: 2px solid #56a1af;
}

.newsitems .newsitem.one .photo {
	width: 25%;
	padding-bottom: 25%;
	float: left;
	margin: 0px 30px 10px 0px;
}

.newsitems .newsitem h4 {
	font-size: 2.5em;
	color: #56a1af;
	line-height: 1.12;
	font-weight: 400;
	margin: 0px 0px 15px 0px;
}

.newsitems .newsitem.one h4 {
	margin-top: 15px;
}

.newsitems .newsitem a{
	color: #56a1af;
	word-break: break-word;
}

.newsitems .newsitem p {
	font-size: 1.9em;
	color: #5b767c;
	line-height: 1.2;
	font-weight: 400;
	margin: 0px 0px 15px 0px;
}


#meta {
	background-image: url(/images/map.jpg);
	background-size: cover;
	background-position: center center;
}

#meta .contain {
	padding: 50px 80px;
	box-sizing: border-box;
}

.metaitems {
	background-color: #fff;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex; 
	box-shadow: 0px 0px 13px rgba(95, 123, 116, 0.15);
}

.metaitems .metaitem {
	width: 50%;
	text-align: center;
}

.metaitems .metaitem h3 {
	padding: 10px 0px;
	background-color: #d5ebf2;
	color: #327f8d;
	line-height: 1;
	font-size: 4.4em;
	text-transform: uppercase;
	font-weight: 400;
	margin: 0px;
}

.metaitems .metaitem h3 span {
	padding: 10px 40px;
	display: block;
}

.metaitems .metaitem:first-of-type  h3 span {
	border-right: 1px solid #fff;
}

.metaitems .metaitem .metacontent {
	padding: 20px 0px;
}

.metaitems .metaitem .metacontent .metainterior {
	padding: 20px 40px 10px 40px;
}

.metaitems .metaitem:first-of-type .metacontent .metainterior {
	border-right: 1px solid #8bd3e1;
}

.metaitems .metaitem .metacontent p {
	font-size: 1.6em;
	line-height: 1.2;
	margin: 0px 0px .5em 0px;
	color: #5b767c;
}

.metaitems .metaitem .metacontent p img {
	padding-top: 10px;
}

footer {
	display: block;
	background: rgb(139,211,225);
	background: -moz-linear-gradient(90deg, rgba(139,211,225,1) 0%, rgba(76,151,165,1) 25%, rgba(50,127,141,1) 87%);
	background: -webkit-linear-gradient(90deg, rgba(139,211,225,1) 0%, rgba(76,151,165,1) 25%, rgba(50,127,141,1) 87%);
	background: linear-gradient(90deg, rgba(139,211,225,1) 0%, rgba(76,151,165,1) 25%, rgba(50,127,141,1) 87%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8bd3e1",endColorstr="#327f8d",GradientType=1);
}

footer .contain {
	box-sizing: border-box;
	padding: 25px 50px;
	position: relative;
	overflow: hidden;
}

footer .contain p, footer .contain p a {
	color: #fff;
}

footer .contain p {
	font-size: 1.9em;
	line-height: 1;
	margin: 0px;
	text-transform: uppercase;
	text-align: center;
}

footer .contain p:last-of-type a:first-of-type {
	padding-right: 20px;
	margin-right: 10px;
	border-right: 1px solid #fff;
}



#contact h3 {
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 7.2em;
	line-height: 1;
	color: #216093;
	text-align: center;
	margin: 0px;
	text-transform: uppercase;
}

#contact h3 span {
	font-size: 70%;
}


#footer {
	background-color: #eee;
	padding: 10px 50px;
	font-family: 'Lato', sans-serif;
	margin: 0px -30px;
}

#footer p {
	font-size: 1.9em;
	color: #555;
}

#footer p:first-of-type {
	float: left;
}


#footer p:nth-of-type(2) {
	float: right;
}

#footer p:first-of-type span {
	font-weight: 700;
}

#footer p:first-of-type span::after {
	content: '|';
	padding: 0px 10px;
}


#tsml {
	max-width: 1200px;
	margin: 0px auto;
	box-sizing: border-box;
}

#main, #tsml {
	padding: 70px 70px 40px 70px;
}

#tsml::before {
	content: 'Meetings';
	display: block;
	font-size: 5.6em;
	line-height: 1;
	margin: 0px 0 .35em 0;
	font-weight: 400;
	color: #56a1af;
}

#main h2 {
	font-size: 5.6em;
	line-height: 1;
	margin: 0px 0 .35em 0;
	font-weight: 400;
	color: #56a1af;
}

#main h3, #tsml h3 {
	font-size: 2.6em;
	line-height: 1;
	margin: 1em 0 .85em 0;
	font-weight: 400;
	color: #56a1af;
	text-transform: uppercase;
}

#main h4 {
	font-size: 1.8em;
	line-height: 1;
	margin: .85em 0 .65em 0;
	font-weight: 700;
	color: #56a1af;
	text-transform: uppercase;
}

#main h5 {
	font-size: 1.5em;
	line-height: 1;
	margin: .5em 0 .35em 0;
	font-weight: 700;
	color: #56a1af;
}

#main p, #tsml p, .frm_style_formidable-style.with_frm_style .frm_form_field.frm_html_container, .single-planning .entry-content div, #main td {
	font-size: 1.8em;
	line-height: 1.5;
	color: #202728;
	font-weight: 300;
	margin: 0px 0 .75em 0;
	position: relative;
}

#main ul, #main ol, #tsml ul, #tsml ol {
	font-size: 1.8em;
	line-height: 1.5;
	color: #2f3f42;
	font-weight: 300;
}

#main ul ul, #main ol ol, #main ul ol, #main ol ul, #tsml ol ul, #tsml ul ol, #tsml ul ol li, #tsml ol ul li, #tsml ul ul li, #tsml ol p, #tsml ul p, #tsml ul ul {
	font-size: 100% !important;
}

#main ul li, #main ol li {
	margin-bottom: 7px;
}

#main .wp-video {
	text-align: center;
	width: 100% !important;
	margin-bottom: 50px;
	margin-top: 50px;
}

#main .wp-video .wp-video-shortcode {
	margin: 0px auto;
}

.planningmonths {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex; 
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-top: 15px;
}

.planningmonths > div {
	width: 31%;
	margin: 1%;
	padding: 10px 30px 30px 30px;
	box-sizing: border-box;
	border: 1px dotted #56a1af;
	background-color: #f8fcfd;
}

.planningmonths > div > h3 {
	margin-top: 0px;
}

#main .planningmonths > div > h4 {
	font-size: 1.7em;
	line-height: 1;
	margin: 1em 0 .5em 0;
	font-weight: 400;
	color: #216093;
}

#main .planningmonths > div > p {
	margin: 0 0 .1em 0;
	font-size: 1.5em;
}

#main .planningmonths a {
	color: #202728;
}


#accordion {
	padding-top: 20px;
}

#main #accordion > h3 {
	background-color: #f2f7f9;
	margin: 0px 0px 10px 0px;
}

#main #accordion > h3::after {
	content: '(click to view/open)';
	font-size: 50%;
	padding-left: 15px;
}

#main #accordion > h3.ui-accordion-header-active::after {
	content: '(click to close)';
}

#pubs a.pub {
	background-color: transparent;
	transition: all .3s;
	display: grid;
	grid-template-columns: 25% 25% 50%;
	grid-template-rows: auto;
	grid-template-areas: 
	  "bookcover title desc";
	grid-gap: 20px;
}

#pubs a.pub:hover, #pubs a.pub:focus {
	background-color: #f2f2f2;
}

a.pub .cover {
	grid-area: bookcover;
	text-align: center;
	padding: 15px;
	box-sizing: border-box;
}

a.pub h3 {
	grid-area: title;
	padding: 30px 15px 15px 15px;
	box-sizing: border-box;
}

a.pub .desc {
	grid-area: desc;
	padding: 30px 25px 15px 15px;
	box-sizing: border-box;
}

a.pub .cover img {
	max-width: 100%;
	height: auto;
	max-height: 200px;
	width: auto;
	margin: 0px auto;
}

#meetings > h3:first-of-type {
	padding-top: 40px;
}

.alignright {
	float: right;
	margin: 3px 0px 20px 40px;
}

.page-id-284 #main li p {
	font-size: 100%;
	margin-top: 1em;
}

.episode {
	display: grid;
				grid-template-columns: 43% 1fr 45%;
				grid-template-rows: auto;
				  grid-template-areas: 
				    "title length player";
				grid-gap: 20px;	
	padding: 5px 12px;
}

.episode:nth-of-type(even) {
	background-color: #f6f9fb;
}

#main .episode > p.title {
	grid-area: title;
	font-size: 1.5em;
	padding-right: 10px;
	box-sizing: border-box;
	font-weight: 700;
}

#main .episode > p.length {
	grid-area: length;
	font-size: 1.5em;
	padding-right: 10px;
	box-sizing: border-box;
}

.episode > .audio {
	grid-area: player;
}

h3.addpod {
	padding-top: 40px;
}

ul.addpod, ul.thelinks {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex; 	
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	list-style: none;
	padding: 0px;
	margin: 0px;
}

ul.addpod li, ul.thelinks li {
	margin: 1%;
	text-align: center;
	width: 31%;
	box-sizing: border-box;
}

ul.thelinks li a span {
	display: block;
	padding-top: 10px;
	font-style: italic;
	font-size: 80%;
}


ul.addpod li a, ul.thelinks li a {
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding: 30px;
	color: #327f8d;
	background-color: #f6f9fb;
	transition: all .3s;
}

ul.addpod li a:hover, ul.thelinks li a:hover {
	background-color: #327f8d;
	color: #f6f9fb;
}

blockquote {
	padding: 10px;
	position: relative;
}

blockquote p::before {
	content: '\201C';
	color: #56a1af;
}

#main blockquote p {
	position: relative;
	color: #56a1af;
	font-size: 3em;
	text-align: center;
	line-height: 1.2;
}

blockquote p::after {
	content: '\201D';
	color: #56a1af;
}


.frm_primary_label {
	font-size: 1.8em !important;
	line-height: 1.5 !important;
	color: #56a1af !important;
	font-weight: 700;
	margin: 0px 0 .75em 0 !important;
	position: relative;
	font-family: 'Lato', sans-serif !important;
}

.frm_html_container h4 {
	font-family: 'Lato', sans-serif !important;
	font-size: 1.8em !important;
	line-height: 1 !important;
	margin: .85em 0 .25em 0 !important;
	font-weight: 700 !important;
	color: #56a1af !important;
	text-transform: uppercase !important;
	padding-top: 40px !important;
	margin-top: 40px !important;
	border-top: 3px dotted #56a1af;	
}

.frm_style_formidable-style.with_frm_style .frm_radio label, .frm_style_formidable-style.with_frm_style .frm_checkbox label {
	font-size: 1.5em !important;
	line-height: 1.5 !important;
	font-weight: 400;
	position: relative;
	font-family: 'Lato', sans-serif !important;
}


#main ul.newsletters {
	list-style: none;
	margin: 0px;
	padding: 20px 0 0 0px;
}

#main ul.newsletters li {
	line-height: 1;
	margin: 0px;
	padding: 0px;
}

#main ul.newsletters li a {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	color: #2f3f42;
}

#main ul.newsletters li a span {
	padding: 8px 16px;
	box-sizing: border-box;
}

#main ul.newsletters li a span:first-of-type {
	width: 20%;
}

#main ul.newsletters li a span:nth-of-type(2) {
	width: 55%;
	background-color: #f9f9f9;
}

#main ul.newsletters li a span:nth-of-type(3) {
	width: 25%;	
	text-align: center;
	font-size: 80%;
}

#main ul.newsletters li:nth-of-type(odd) a span {
	background-color: #f9f9f9;
}

#main ul.newsletters li:nth-of-type(odd) a span:nth-of-type(2) {
	background-color: #f2f2f2;
}

#main ul.newsletters li a:hover span {
	background-color: #56a1af;
	color: #fff;
}

#main ul.newsletters li a:hover span:nth-of-type(2) {
	background-color: #4b8a95;
}

.disclaimer img {
	max-height: 50px;
	width: auto;
}

.disclaimer {
	padding-top: 40px;
	position: relative;
	overflow: hidden;
}


.page-id-15 #main .entry-content > p:first-of-type {
	font-size: 2em;	
}

.page-id-15 .entry-content > p:first-of-type a {
	padding-right: 20px;
	margin-right: 20px;
	border-right: 1px solid #ccc;
}

.page-id-15 .entry-content > p:first-of-type a:last-of-type {
	padding-right: 0px;
	margin-right: 0px;
	border-right: 0px;
}

.page-id-15 .entry-content form {
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	padding-top: 40px;
	margin-top: 40px;
	padding-bottom: 30px;
	margin-bottom: 40px;
}

.conts {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
}

.conts > div {
	width: 50%;
	padding: 0px 30px;
	box-sizing: border-box;
}

ul.contacts {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

ul.contacts li {
	padding: 5px 5px 15px 10px;
	margin: 0px;
	border-bottom: 1px dotted #ccc;
}

ul.contacts li a {
	display: block;
}

ul.contacts li span:first-of-type {
	font-weight: 400;
}

.frm_style_formidable-style.with_frm_style .frm_submit button {
	background-color: #56a1af;
	color: #fff;
	border: 0px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	padding: 7px 15px;
}

a.button {
	float: right;
	display: block;
	padding: 10px 15px;
	font-size: 14px;
	line-height: 1.3;
	max-width: 40%;
	color: #fff;
	background-color: #56a1af;
	position: relative;
	z-index: 9000;
}


#main p.auth {
	text-align: right;
	padding-right: 50px;
	color: #56a1af;
	margin-bottom: 20px;
}

p.auth::before {
	content: '-';
	padding-right: 5px;
	color: #56a1af;
}

.testimonial {
	position: relative;
	margin: 35px 0px 0px 0px;
}

.testimonial::before {
	content: '\201C';
	position: absolute;
	left: -30px;
	top: -50px;
	font-size: 15em;
	color: #f2f2f2;
}

.testimonial:after {
    content: ""; /* This is necessary for the pseudo element to work. */ 
    display: block; /* This will put the pseudo element on its own line. */
    margin: 0 auto; /* This will center the border. */
    width: 50%; /* Change this to whatever width you want. */
    padding-top: 20px; /* This creates some space between the element and the border. */
    border-bottom: 1px dotted #56a1af; /* This creates the border. Replace black with whatever color you want. */
}

#tsml #meetings .results table tbody tr td {
	font-size: 1.4em;
}

body.single .entry-content .post-thumbnail, body.blog .post-thumbnail {
	float: right;
	max-width: 25%;
	padding: 3px 0px 20px 40px;
	box-sizing: border-box;
}

body.single .entry-content .post-thumbnail img, body.blog .post-thumbnail img {
	max-width: 100%;
	height: auto;
}

body.single #main nav {
	clear: both;
	padding-top: 40px;
	background-color: transparent;
}

body.single #main h2 span {
	display: block;
	padding-bottom: 10px;
	font-size: 50%;
	text-transform: uppercase;
}

body.single #main p.meta {
	font-size: 1.6em;
	font-style: italic;
	margin-bottom: 1.5em;
}

body.single #main nav ul, body.blog #main > ul {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

body.single #main nav > ul li {
	width: 23%;
	margin: 0px 1%;
	padding: 20px 35px 5px 35px;
	box-sizing: border-box;
	border: 1px dotted #d5ebf2;
}

body.blog #main > ul li {
	background-color: #f8fcfd;
}

body.single #main nav > ul li:first-of-type {
	margin-left: 0px;
	width: 24%;
}

body.single #main nav > ul li:last-of-type {
	margin-right: 0px;
	width: 24%;
}

body.single #main nav > ul li > span, body.single #main nav > ul li > em, body.blog #main > ul li > em, body.blog #main > ul li > span {
	display: block;
	padding: 0 0 10px 0;
}

body.single #main nav > ul li > em, body.blog #main > ul li > em {
	font-size: 80%;
}

body.single #main nav > ul li p, body.blog #main > ul li p {
	font-size: 1em;
	color: #222;
}

body.blog #main > ul li p a, body.blog #main > ul li em {
	color: #222;
}

body.blog #main > ul li {
	width: 23%;
	margin: 0px 1%;
	box-sizing: border-box;
	border: 1px dotted #d5ebf2;
}

body.blog #main > ul li > a {
	display: block;
	padding: 20px 35px 15px 35px;
}

body.blog #main > ul li em, body.blog #main > ul li p {
	padding-top: 10px;
}

body.blog #main > ul li p {
	padding: 0 35px;
}

body.single #main nav > ul li a.title, body.blog #main > ul li span {
	font-size: 1.2em;
	font-weight: 500;
	margin-bottom: 10px;
	display: block;
	line-height: 1.2;
	color: #327f8d;
}

body.single #main nav > ul li a.more-link, body.blog #main > ul li a.more-link {
	display: none;
}

body.single #main nav h3 a {
	font-size: 50%;
	padding-left: 10px;
}

.firstpost {
	width: 98%;
	margin: 0px 1% 30px 1%;
	padding: 20px 35px 5px 35px;
	box-sizing: border-box;
	border: 1px dotted #d5ebf2;
	background-color: #f8fcfd;
	position: relative;
	overflow: hidden;
}

.metaitems .metaitem .metacontent form p {
	font-size: 1em;
}

.metaitems .metaitem .metacontent form {
	color: #5b767c;
}

h3.additional {
	padding-top: 30px;
}

#pages {
	list-style: none;
	padding: 0px;
	margin: 0px;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

#pages li {
	padding: 0px;
	margin: 1%;
	width: 22%;
	text-align: center;
	border: 1px dotted #d5ebf2;
	background-color: #f8fcfd;
}

#pages li a {
	padding: 20px;
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}

body.single-planning #main p label {
	font-weight: 700;
	width: 200px;
	padding-right: 10px;
	display: inline-block;
	vertical-align: middle;
}

.acf-map {
	margin-top: 40px !important;
}

.metaitems > div:first-of-type form {
	margin: 20px 0px;
}

.meetdown {
	background-color: #f2f2f2; padding: 30px; margin-bottom: 30px;
}


@media print{
	
	body.post-type-archive-tsml_meeting header h1 {
		position: relative;
	}

	body.post-type-archive-tsml_meeting header h2, body.post-type-archive-tsml_meeting header nav, body.post-type-archive-tsml_meeting header .extra {
		display: none;
	}
	
	body.post-type-archive-tsml_meeting #meta, body.post-type-archive-tsml_meeting footer, body.post-type-archive-tsml_meeting .meetdown {
		display: none;
	}
	
}

#mc_embed_signup .mc-field-group input {
	line-height: 1;
}

.opennav {
	display: none;
}

#conres {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#conres li a {
	margin: 0px;
	padding: 0px 0px;
	display: grid;
	grid-template-columns: auto 100px;
	grid-template-rows: auto;
	grid-template-areas: 
	  "labl command";
	grid-gap: 0px;
	align-items: center;
	border-bottom: 1px dotted #f2f2f2;
	background-color: transparent;
	transition: all .3s;
}

#conres li:last-of-type a {
	border-bottom: 0px;
}

#conres li span {
	grid-area: labl;
	padding: 5px 12px;
	color: #202728;
}

#conres li a:hover {
	background-color: #f7fafb;
}

#conres li em {
	grid-area: command;
	text-align: center;
	line-height: 1.2;
	background-color: transparent;
	transition: all .3s;
	padding: 5px 8px;
	font-style: normal;
}

#conres li:hover em {
	background-color: #f2f7f9;
}

.page-template-planning #main .entry-content > h3 {
	margin-bottom: 0px;
	border-top: 2px dotted #56a1af;
	padding-top: 20px;
}

.attendance-option {
	line-height: 1.3;
	padding: 10px 0;
	font-size: 1.3em;
}