/*
Theme Name: Kitsap Bar Association
Theme URI: https://kitsapbar.org/
Author: SpiderLily Web Design
Author URI: http:/spiderlilyweb.com/
Description: Custom theme for Kitsap Bar Association
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kcba

Kitsap Bar Association is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville:400,400i,700|Roboto+Slab&display=swap');

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: 'Libre Baskerville', serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
	scroll-behavior: smooth;
}
body {
	margin:0;
}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
	display: block;
}

audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline;
}

[hidden], template {
	display: none;
}

a {
	background-color: transparent;
	text-decoration:none;
}

a:active,
a:hover {
	outline: 0;
}

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {top: -0.5em;}

sub {bottom: -0.25em;}

img {border: 0;}

hr {
	box-sizing: content-box;
	height: 0;
}

button, input, optgroup, select, textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {overflow: visible;}

button, select {text-transform: none;}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {line-height: normal;}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td, th {
	padding: 0;
}

a[href^=tel] {
	text-decoration:inherit;
	color: inherit;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body, button, input, select, textarea {
	color: black;
	font-size: 16px;
	line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
	font-weight:400;
	font-family: 'Roboto Slab', serif;
	line-height:1.1;
	text-align:left;
	color:black;
	clear: both; 
	display:block;
}
h1 {font-size:36px; text-align:center; padding:21px 0; margin:0; }
.entry-header h1 {text-align:left; font-size:32px; padding:0 0 12px 0;}
h2 {font-size:28px; text-align: center; padding: 0 0 12px; margin:0;}
.wpfc-calendar-wrapper h2 {font-size:21px !important;}
.blog h2 {font-size:24px; text-align:left;}
.blog h2 a {font-weight:400;}
h3.entry-title {margin:0; font-size:21px;}
h3.entry-title:hover {font-weight:600;}
h4.widget-title {padding:0 0 3px; font-size:24px; text-transform:uppercase;}
h3 {
	font-size:24px;
}
h3.widget-title {
	margin:18px 0;
}
.widget_search_filter_register_widget h3.widget-title {
	font-size:21px;
	margin:0;
}
h4 {
	font-size:19px;
	margin:12px 0 6px;
}
.signup h4 {
	font-size:21px;
	margin:8px auto 0;
	text-align:center;
}
p {
	margin: 0 0 8px;
}
p.small {font-size:80%;}
dfn, cite, em, i {
	font-style: italic;
}

blockquote {
  margin: 0 3%;
  clear:both;
  padding:24px 0;
}
blockquote:before {
  color: #ccc;
  content: "\201C";
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.15em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
	background:white;
}

*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

#page {
	display: block;
	position:relative;
	max-width:1600px;
	margin: 0 auto;	
	background:white;
	}	

header, #primary {
	width:100%;
	float:left;
	}
#site-navigation {
	position:fixed;
	width:100%;
	top:0;
	left:0;
	z-index:999;
	overflow:hidden;
	background:white;
	}
#branding {
	background:rgba(133,175,75,0.4);
}
img#logo {
	position:absolute;
	top:41px;
	left:0;
	z-index:99;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
	background:white;
	font-size:16px;
	border-bottom:1px #24420E solid;
}
#mobile-navigation {
	padding:12px 0 0;
}
.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0 auto;
	padding:0;
	text-align:center;
	width:100%;
	text-transform:uppercase;
}

.main-navigation li {
	float: left;
	position: relative;
	width:13%;
}
.main-navigation li.short {
	width:11%;
}
.main-navigation li a {	
	text-align:center;
	line-height:1.2em;
	width:100%;
	padding:11px 0;
}
.main-navigation a, .main-navigation a:visited {
	display: block;
	text-decoration: none;
	color:#24420E;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}
.main-navigation a:hover, .main-navigation li.current-menu-item a {
	background-color:rgba(133,175,75,0.4); 	
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}
.menu-toggle:after {content:" \25BC";}	
.toggled .menu-toggle:after {content:" \25B2";}	
.menu-toggle:before {content:url('images/nav-icon-green.png'); padding-right:6px; height:26px; vertical-align:text-top;}

button.menu-toggle {
	border:none;
	background:transparent;
	box-shadow:none;
	color:#24420e;
	font-size:16px;
	border-radius:0;
	text-shadow:none;
	line-height:20px;
	vertical-align:top;
	margin:0 auto 8px;
}
button.menu-toggle:hover {opacity:0.8;}

.twocol {
	float:left;
	width:50%;
}
.site-main {
	float:left;
	width:100%;
}

/* with sidebar */

.content-sidebar {
	float:left;
	width:61%;
	min-width:61%;
	padding:0 3% 0 2%;
}

.sidebar{
	float:right;
	position:relative;
	width:28%;
	min-width:28%;
	padding:0 2%;
	background:rgba(133,175,75,0.4)
}

/* MEMBER pages */

.disclaimer {
	clear:both;
	margin:0 auto 16px;
	width:96%;
	max-width:920px;
	padding:16px 1% 0;
	border: 1px solid black;
}
.disclaimer p {
  overflow: hidden;
  text-overflow: ellipsis;
}
.memberphoto {
	max-width:220px;
	height:auto;
	margin:0 0 1em 1em;
	border:1px #004b23 solid;
}

.content-sidebar.member {
	float:right;
	width:70%;
	min-width:70%;
	padding:21px 3% 0 2%;
}
.left-sidebar { /* for member search */
	float:left;
	position:relative;
	width:21%;
	min-width:21%;
	padding:24px 2%;
	background:rgba(133,175,75,0.4);
}

.second-block {
	margin-top:40px;
}

.flex-container {
	width:100%;
	display:flex;	
	font-size:15px;
	line-height:1.3;
}

.grid {
	flex-wrap:wrap;
}	
.grid-three {
	flex-grow: 1;
	width: 33%;
	max-width:33%;
	text-align:center;
	margin-bottom:24px;
}
.grid-four {
	width: 23%;
	max-width:23%;
	text-align:center;
	margin-bottom:24px;
	float:left;
	opacity:0.8;
}
.grid-four:hover {opacity:1.0;}

.contents-left {
	float:left;
	width:90%;	
}
.contents-right {
	float:right;
	width:90%;	
}

.content {
	float:left;
	width:98%;
	padding:0 1%;
}
.text-wrap {
	margin:0 auto;
	padding:0 0 24px;
	max-width:720px;	
	width:100%;
}
.text-wrap.wide {
	max-width:920px;
}
.text-wrap.dropcap p:first-child:first-letter {
  float: left;
  font-size: 75px;
  line-height: 60px;
  padding-top: 4px;
  padding-right: 8px;
  padding-left: 3px;
}

input[type="submit"], .button {
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	background:#dedede;
	padding:3px 6px;
	border:1px #1D1D15 solid;
	}
input[type="submit"]:hover, .button:hover {
	border:1px #4A601E solid;
	color:#4A601E;
	background:#c3bfbf;
}
.view-all {
	float:left;
	margin:12px 0 24px;
	}
	
/* MEMBERSHIP FORMS */

.wpcf7-list-item label {display:inline-block;}
.wpcf7-form {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:16px;
}
input[type="text"], input[type="email"], input[type="textarea"], input[type="tel"] {
	margin-bottom:10px;
	padding:3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	border:1px #B8B2AB solid;
	vertical-align:top;
	}	
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="textarea"], .wpcf7 input[type="tel"], .event-form-name input[type="text"], .event-form-submitter input[type="text"] {
		width:100%; 
		max-width:795px;
}
.wpcf7 input[type="submit"] {
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    background: #dedede;
    padding: 3px 6px;
    border: 1px #1D1D15 solid;
	margin-top:12px;
}
.wpcf7-form-control-wrap textarea {
	width:100%;
	height:50px;
}
input[type="file"] {width:80%;}	
.required {color: #cc0033;}
textarea.styled {
	width: 88%;
	height: 160px;
	padding:3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	border:1px #B8B2AB solid;
}
input[type="text"].short {width:60%;}
.set-label {display:inline-block; width:20%;}
/*span.wpcf7-list-item {display:inline-block; padding-right:22px;}*/
.collist span.wpcf7-list-item, .fourcollist span.wpcf7-list-item {display:block; font-weight:normal;}
/*.collist span.wpcf7-list-item:first-of-type {padding-right:2%;}*/
.collist {
	 column-count: 3;
    -moz-column-count: 3;
    -webkit-column-count: 3;
	padding:8px 3px;
	margin-bottom:16px;
	background:rgba(255,255,255,0.2);
}
.fourcollist {
	 column-count: 4;
    -moz-column-count: 4;
    -webkit-column-count: 4;
	padding:8px 3px;
	margin-bottom:16px;
	background:rgba(255,255,255,0.2);
}
.fieldset {
	border-left: 1px #004B8D solid;
	padding-left: 20px;
}
div.wpcf7 {
	float:left;
	max-width:90%; 
	width:90%;
	padding:16px 1%;
	background: rgba(133,175,75,0.4);
	margin-bottom:21px;
}
div.wpcf7 input, div.wpcf7 select {font-weight:normal;}
.full-width .wpcf7 p {clear:both; margin-left:0;}
.attn {color:red; text-transform:uppercase;}

/* PAYPAL BUTTON */

.paypal {
	margin:24px auto;
	text-align:center;
	max-width:300px;
	border:1px #24420e solid;
	-webkit-border-radius: 6px 6px 6px 6px;
	border-radius: 6px 6px 6px 6px;
	padding:8px 0.9% 0;
	background:rgba(133,175,75,0.4);
}
.paypal table, .paypal h3 {
	text-align:center;
}

/* Full Width */

.full-width  {
	margin:0 auto;
	max-width:1400px;
	width:96%;
	padding:0 2%;
}


a.more {
	position:absolute;
	right:12px;
	bottom:12px;
	font-style:italic;
}
a.more:after {
	content:" \00BB";
}

hr {
	background-color: black;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0;
	padding:0;
}

.content-area ul {
	list-style: disc;
	margin:0 0 8px 24px;
	display: table;
}
.content-area ul li {
	padding-bottom:8px;
}
.sidebar ul li {
	padding-bottom:0;
}
.content-area ul > li::before {
    display: table-cell; 
    text-align: right;
}
ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}
/* sidebar lists */

#secondary ul {
	list-style:none;	
}
#secondary ul > li::before {
    display: block; 
    text-align: left;
	padding-left:0;
}

dt {font-weight: 600;}

dd {margin: 0;}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*
 * Images
 */
/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
img.attachment-thumbnail,
.widget-area img,
img.featured-thumb,
img.wp-post-image {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
img.featured {margin-bottom:16px;}
.wp-caption {
	max-width:98% !important;
	width: auto !important;
}	
img.alignleft {
	margin-right: 0.7em;
	margin-bottom:16px;
}
img.alignright {
	margin-left: 1em;	
	margin-bottom:16px;
}
img.aligncenter {
	margin-bottom:16px;
}
img.aligncenter.hero {
	margin:41px auto 0;
}
.wp-caption {
	padding: .5em;
	text-align: center;
}
.wp-caption .wp-caption-text {
	font-size:12px;
	font-style:italic;
}
.widget_sp_image-description p {
	text-align:center;
	margin-bottom:16px;
}
.widget img.aligncenter {
	margin-bottom:6px;
}
.border {border:1px solid black;}

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a, a:visited, a h2, a:visited h2 {
	color: #004b23;
}
.sidebar li a {font-weight:600;}
a:hover, a:focus, a:active, a h2:hover {
	color: black;
}
#primary p a, .text-wrap a, #colophon a {
	color:black;
-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0, 1);
	box-shadow: inset 0 -1px 0 rgba(0,0,0, 1);
	-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
	font-weight:bold;
}
a:focus {
	outline: thin dotted;
}

a:hover, a:active {
	outline: 0;
}

#primary p a:focus,
#primary p a:hover,
.text-wrap a:focus,
.text-wrap a:hover{
	color: #000;
	-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
	box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
}

/* TRUSTEES */

.trustee-list {
	clear:both;
	float:left;
	display:block;
	border-bottom: 1px #24420e solid;
	padding:12px 0;
	width:100%;
	margin-bottom:8px;
}
.trustee-image {
	float:left;
	max-width:28%;
	height:auto;
	display:inline-block;
	margin:8px 16px;
}

/* CONTAINING BLOCK FOR SEARCH */

.header-search {
	float:right;
	padding:0 8px 8px;
	margin:70px 0 20px;
}

/* SEARCHFORM */
#searchform {margin:0;}

input {
	outline: none;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
	display: none; 
}

input[type=search], form.searchandfilter input[type="text"]  {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-family: inherit;
	font-size: 100%;
	background: white;
	border:none;
	padding: 6px;
	width: 250px;	
	-webkit-border-radius: 6px 6px 6px 6px;
border-radius: 6px 6px 6px 6px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	margin-bottom:0;
}
input[type=search] {
background: white url(images/search-icon.png) no-repeat 1% 50%;
	padding: 6px 6px 6px 28px;
}
form.searchandfilter select {
  font-size: 100%;
	background: white;
	border:none;
	padding: 6px;
	width: 220px;	
	-webkit-border-radius: 6px 6px 6px 6px;
	border-radius: 6px 6px 6px 6px;
}

.content-area .searchandfilter ul {
	margin:0;
}

/* Page Navi Styling */

.wp-pagenavi {margin-top:24px;}
.wp-pagenavi a, .wp-pagenavi span {
	padding: 5px; margin-right: 10px;
	font-size: 15px; color: #24420e; text-decoration: none;
	border: 3px solid rgba(133,175,75,0.4); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
	}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
	background: #24420e;
	color: #fff;
	border: 3px solid #AFAFAF;
	webkit-box-shadow: none;
	box-shadow: none;
	}
.wp-pagenavi span.current { font-weight: bold; }

/* hide directions link on map because Leaflet doesn't recognize these addresses! */
.mapp-links {display:none !important;}

.nowrap {white-space:nowrap;}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

.flex-container {
	width:100%;
	display:flex;
}

.grid {
	flex-wrap:wrap;
}	


/*-------------------------------------------------------------- 
/* # Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}


/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin: 0.5em 0 0.5em 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 1% 8px;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}
.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}	

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}
#nav-below {
	font-style:italic;
	float:left;
	width:100%;
	padding-bottom:12px;
}
.prev {
	display:inline-block;
	float:left;
}
.next {
	display:inline-block;
	float:right;
}
/* Footer - Colophon */
.full-wrap {
	clear:both;
	float:left;
	width:100%;
	border-top:1px #24420e solid;
}

#colophon {
	margin:0 auto;
	max-width:1600px;
	width:100%;
	color:black;
	color:black;
	padding:24px 0;
	text-align:center;
}
#footer-sidebar1 {  
	text-align:center;
	width:96%;
} 

/* SEARCH AND FILTER PRO CUSTOMIZATION */

form.search-form {margin-top:12px;}
.searchandfilter h4 {font-family:Verdana, Arial, Helvetica, sans-serif;}
.searchandfilter ul li {padding:6px 0;}
form.search-form label {width:80%;}
.searchandfilter select.sf-input-select {
	min-width:260px;
    width:80%;
	padding:6px 0;
}
.searchandfilter select {
	font-family:Arial, Helvetica, sans-serif;
}
.searchandfilter .sf-field-category input {
  display: none;
}
.searchandfilter .sf-field-category label {
  text-align: center;
  border: 1px solid black;
  color: black;
  border-radius: 3px;
  padding: 3px 6px !important;
  text-indent: 0;
  background: #bbd6ec;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
}

form.searchandfilter ul ul {
	text-align:center;
	width:100%;
	display:block;
}
form.searchandfilter ul li {
	margin:0;
}
.category-search {
	width:100%;
	clear:both;
	display:block;
	margin:24px 0;
	text-align:center;
}

.searchandfilter .sf-field-category > ul > li {
  display: inline-block;
  margin-right: 10px;
}
.searchandfilter .sf-field-category label:hover, .searchandfilter .sf-field-category > ul > li.sf-option-active label {
  cursor: pointer;
  background:rgba(235, 235, 226, 1.0)
}
#main-content .searchandfilter .sf-field-category > ul > li {
  margin-left: 0 !important;
}

/** CALENDAR CUSTOMIZATION **/

.css-events-list h2 {margin-top:24px; text-align:left;}
.widget_em_widget ul {
	list-style-type: none;
	margin-left:0;
	padding-left:0;
}
.widget_em_widget li {
	padding-bottom:12px;
}
.css-events-list h2 a {font-weight:400;}

/* MAILCHIMP SIGNUP CUSTOMIZATION */

.signup {
	width:98%;
	border:1px #24420e solid;
	-webkit-border-radius: 6px 6px 6px 6px;
	border-radius: 6px 6px 6px 6px;
	padding:0 0.9%;
	background:rgba(255,255,255,0.2);
}
#mc_embed_signup {clear:left; font:15px 'Libre Baskerville', serif; }
#mc_embed_signup form {padding:0;}
#mc_embed_signup .mc-field-group input {
	-webkit-border-radius: 6px 6px 6px 6px;
	border-radius: 6px 6px 6px 6px;
}

/* MOBILE MENU header adjustments */
@media screen and (min-width: 62em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
	#mobile-navigation {display:none;}
}
@media screen and (max-width:77em) {
	.main-navigation li.short {width:8%;}
	.main-navigation li {width:14%;}
	.left-sidebar {
		padding:24px 1%;
		width:23%;
		min-width:23%;
	}
}
@media screen and (max-width:71em) {
	.content-sidebar.member, .left-sidebar {
		width:96%;
		padding: 21px 2% 0;
	}
	.left-sidebar {
		margin-bottom:8px;
	}
	.trustee-image {
		float: left;
		max-width: 28%;
		display: inline-block;
		margin: 8px 16px 8px 0;
	}
}
@media screen and (max-width:62em) {
	#mobile-navigation {position:fixed; top:0; background:white; z-index:9999;}
	#mobile-navigation.main-navigation {float:none; margin:0 auto; }
	#mobile-navigation.main-navigation > ul {
		float:left; 
		width:100%; 
		margin:16px 0 0; 
		padding-top:6px;
		max-height: 0;
        overflow: hidden; 
	}
	#mobile-navigation.main-navigation.toggled > ul {
		overflow:visible;
    }
	#mobile-navigation li {display:block; float:left; width:100%;}
	#mobile-navigation a {display:block; width:100%; padding:12px 0; border-bottom: 1px #E2E0CF solid;}
	.button-block {
		position:relative;
		display:inline-block;
		float:right;
		top:auto;
		right:auto;
		margin:6px 10px 0 0;
	}
	.flexible {display:block; width:100%;}
	.content, .sidebar {flex:none; float:left; clear:both; width:98%; padding:0 1%;}
	.three-col #secondary .widget {
		float:right;
	}	
	.contents-right {
		margin-right:2%
	}
	.contents-left {
		margin-left:2%
	}
	h2.tagline span {
		float:none;
		padding-left:0;
	}	
	.text-wrap {float:none; margin:0 auto;}
	h1, h2, h2.widget-title { text-align:center;}
	#footer-sidebar2 p { max-width:100%;}
	.flexible {display:block; width:100%;}
	.content-sidebar, .sidebar {flex:none; float:left; clear:both; width:98%; padding:0 1%;}
	
	.twocol, .text-block, .twocolleft, .twocolright {
		clear:both;
		width:99%;
		margin:0 0 12px 1%;
	}
	.excerpt {width:100%; margin-bottom:16px;}
	.featured { width:60%; float:none; margin: 0 auto 1em;}
		
	.content-block {
		width:100%;	
	}
	.text-block {max-width:98%;}
	.contents-left, .contents-right {
		width:96%;
		margin:0 2%;
		float:left;
	}
	img.alignleft, img.alignright, .wp-caption.alignright, .wp-caption.alignleft {
		float:none;
		margin:0 auto;
		display:block;	
	}
	img.memberphoto.alignright {
		margin:1em auto;
	}
	.grid-six {width:33.32%; max-width:33.32%;}
	#footer-sidebar1, #footer-sidebar2 {
		clear:both;
		width:96%;
		max-width:96%;
		text-align:center;
		margin:0 0 12px; padding:0;
	}
	
}
@media screen and (max-width: 51em) {
	.link-info {float:left; margin-left:2%;}
	.text-wrap, .content.side {max-width:96%; width:100%;}
	.grid-four {
		width:48%;
		max-width:48%;
	}
	.grid-four img {max-width:94%;}
	#footer-sidebar2 {width:100%;}
	#footer-sidebar2 p {max-width:100%;}
	#footer-sidebar1 {width:96%; max-width:96%; margin-left:2%;}
	p.copy {text-align:center;}
	.text-wrap {
		width:96%;
	}
}

@media screen and (max-width: 35.2em) {
	/*#branding img#logo, #branding .header-search {
		display:block;
		text-align:center;
		float:none;
	}
	img#logo {
		margin:50px auto 0;
	}
	.header-search {
		margin: 18px auto 12px;
	}*/
	img#logo {
		height:130px;
		width:auto;
	}
	#footer-sidebar1 p a {font-size:14px;}
	#footer-sidebar2 {width:98%;}
	#footer-sidebar2 p {width:100%;}
	#main-menu {padding:0; width:99%;}
	.button-block {float:left;}
	#colophon {font-size:14px;}
	.gallery-item, ul.image-gallery li {width:47% !important; margin:0 3% 10px 0;}
	h2 {font-size:21px;}
	.grid-three {width:100%; max-width:100%;}
	#searchform {float:none; }
	#searchform input[type="search"] {width:220px;}
	body {font-size:1.1em;}
}
@media screen and (max-width: 28em) {
	.social {display:block; margin:0 auto; text-align:center;}
	form#searchform {clear:both; float:left;}
	#searchform input[type="text"] {width: 240px;}
}