/*
Theme Name: Northwest Horticultural Society
Theme URI: https://northwesthort.org
Author: SpiderLily Web Design
Author URI: https:/spiderlilyweb.com/
Description: Custom theme for the Northwest Horticultural Society
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: nhs

Northwest Horticultural Society 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/css2?family=Open+Sans:wght@400;600&family=Roboto&display=swap');

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: 'Open Sans', Arial, sans-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: 17px;
	line-height: 1.5;
	font-weight:400;
}
.button:hover {transition: all .3s ease-in-out;}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	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; text-transform: uppercase;}
.entry-header h1 {text-align:left; font-size:32px; padding:0 0 12px 0;}
h1.post-title {font-size:32px; text-transform:none;}
h2 {font-size:28px; margin:12px 0; 	}
h2.center {text-align:center; margin:12px auto;}
h3.entry-title {margin:0; padding:6px 0 0;}
h4.widget-title {padding:0 0 3px; font-size:24px; text-transform:uppercase;}
p.h2 {font-size: 24px; text-transform: uppercase;}
p.h2 span {font-size:18px;}
p.h2 a {color:black;}
p.h3 {font-size: 18px; font-weight:600;}
h3 {
	font-size:24px;
	margin-bottom:8px;
}
h3.widget-title {
	font-size:21px;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
}
h4 {
	font-size:19px;
	margin:12px 0 6px;
}

p {
	margin: 0 0 8px;
}
p.small {font-size:80%;}
dfn, cite, em, i {
	font-style: italic;
}

blockquote {
  margin: 0 6%;
  clear:both;
  padding:24px 0;
}
.wp-block-quote {
	border-left: .25em solid rgba(30,113,56,0.6);
}
/*blockquote:before {
  color: rgb(208,212,121);
  content: "\201C";
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.15em;
  vertical-align: -0.4em;
}
blockquote p:first-of-type {
  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#branding, #primary {
	width:100%;
	float:left;
	}
header#branding {
	position:fixed;
	background:rgba(0,0,0,.4);
	width:100%;
	left:0;
	z-index:999;
	overflow:visible;
	 -webkit-transition: height 0.3s;
  -moz-transition: height 0.3s;
  -ms-transition: height 0.3s;
  -o-transition: height 0.3s;
  transition: height 0.3s; 
	}
header#branding.fullsize {
	height:100px;
	line-height:100px;
	padding-top:32px;
}

header img#logo {
	display: inline-block;
    height: 87px;
    width:320px;
    float: left;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; 
	}
#main-menu {
	float:right;
	position:relative;
	text-transform:uppercase;
}
header#branding.fullsize #main-menu {
	margin-top:25px;
}
header#branding.smaller #main-menu {
	margin-top:10px;
}
header#branding.smaller {
    height: 64px;
	line-height:64px;
	top:0;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; 
	background:rgba(0,0,0,.8);
}
header.smaller img#logo {
  font-size: 30px;
  height: 60px;
  line-height: 60px;
  width: 221px;
   -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; 
}

#utility {
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:32px;
	z-index:9999;
	background: rgba(0,0,0,.4);
	overflow:visible;
}
#utility ul {
	list-style:none;
	z-index:9999;
	font-family:'Roboto', sans-serif;
	font-weight:700;
	text-transform:uppercase;
	font-size:16px;
	float:right;
	margin-right:40px;
	margin-top:4px;
}
#utility li {
	display:inline-block;
}
#utility a, #utility a:visited {
	color:white;
	padding:3px 18px;
	text-decoration:none;
}
#utility a:hover, #utility a:focus, #utility li.current-menu-item a {
	color:#c8ce6e;
}
/* for no slideshow */

.header-image {
	position:relative;
	width:100%;
	height:132px;
	background-position:center center;
	background-repeat:no-repeat;
	display: flex;
    align-items: center;
    justify-content: center;
	background-size:cover;
	margin-bottom:3px;
}

.twocol {
	float:left;
	width:50%;
}

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

/* for home page bg image */

body.home .bg-wrap, body.archive .bg-wrap, body.newsletter .bg-wrap, body:not(.home) .full-wrap {
	width:100%;
	float:left;
	background-image:url('images/anemone-bg.jpg');
	background-repeat: no-repeat;
	background-position: center center; 
	background-attachment: fixed;
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
 	 -o-background-size: cover;
  	background-size: cover;
}


/* for link boxes */

.main-content {
	flex: 2;
}
.side-content {
	flex: 1;
}
.link-container {
	width:100%;
	position:relative;
	margin:24px 0;
}
.grid  {
	height:460px;
	margin:0 0 8px 0.25%;
	position:relative;
	float:left;
	display:inline-block;
}
.grid.short {
	height:320px;
}
.grid.quarter {
	width:24.5%;
	max-width:24.5%;
	min-width:24.5%;
}

.grid.third {
	width:32.66%;
	max-width:33%;
	min-width:33%;
	height:420px;
	position:relative;
	transition: ease-in-out .3s;
}
.grid.half {
	width:49.5%;
	max-width:49.5%;
	min-width:49.5%;
}
.grid .bgimage {
	width:100%;
	height:100%;
	background-repeat: no-repeat;
	background-position: center center; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
 	 -o-background-size: cover;
  	background-size: cover;
	-webkit-border-radius: 6px 6px 6px 6px;
	border-radius: 6px 6px 6px 6px;
}
.grid:hover .bgimage {
	/*ransform: scale(1.05);
	transition: all .5s;	*/
}
.grid-six {
	flex-grow: 1;
	width: 16.66%;
	min-width: 16.66%;
	max-width:16.66%;
	text-align:center;
	margin-bottom:24px;
}
.grid-three {
	flex-grow: 1;
	width: 31.33%;
	min-width: 31.33%;
	max-width:31.33%;
	text-align:center;
	margin:24px 1%;
	
}
.grid-six img, .grid-four img {
	width:94%;
	height:auto;
	float:none;
	margin:0 auto;
}
.grid.box-links a h3 {
	position: absolute;
	  top: 50%;
	  transform: translateY(-50%);
	width:98%;
	font-size:36px;
	font-weight:400;
	text-align:center;
	padding:6px 1%;
	color:white;
	background:rgba(0,0,0,0.6);
}

.grid.box-links a h3.gallery {
	font-size:21px;
}
.grid.box-links:hover {
	/*transform: scale(1.03);
	transition: all .5s;*/
	opacity:0.6;
}
.content-block {
	flex:1;
	width:50%;
}
.grid-two {
	flex-grow: 1;
	width: 48%;
	padding:6px 1%;
	margin:0 1%;
	position:relative;
	display:inline-block;
	border: 1px #630237 solid;
}
.grid-two h3 {
	font-family: 'Montserrat', sans-serif;
	font-weight:600;
	margin:0;
	font-size:21px;	
}
.grid-two a, .grid-two a h3 {color:#630237;}
.grid-two a:hover, .grid-two a:hover h3 {color:#75790a;}
.grid-two p {
	margin:0 18px 0 0;
	font-size:15px;
	line-height:1.2em;
}
.grid-two img.alignleft {
	max-width: 32%;
	height:auto;
	margin-bottom:0;
	margin-right:0;
}
.link-info {
	max-width: 65%;
	float:right;
}
a.page-link {
	position:absolute;
	bottom:8px;
	right:5px;
	font-size:24px;
}
.contents-left {
	float:left;
	width:90%;	
}
.contents-right {
	float:right;
	width:90%;	
}

.content {
	float:left;
	width:98%;
	padding:0 1%;
}
.content.black {
	background:black;
	padding:24px 1%;
	margin-top:24px;
}

.text-wrap {
	margin:0 auto;
	padding:0 0 24px;
	max-width:720px;	
	width:100%;
}
.with-bg {
	padding:21px 0;
	margin: 0 2%;
	background:rgba(255,255,255,0.7);
}
body.error404 .text-wrap {
	float:none;
	margin:0 auto;
}
/* RESPOSIVE VIDEO */

.video-container {
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
}
.video-container iframe {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
/* EVENTS CALENDAR */

.tribe-events-widget .tribe-events-widget-events-list__event-date-tag-month, .tribe-events .tribe-events-calendar-list__event-date-tag-weekday {
	font-family:Roboto, sans-serif !important;
	font-weight:700 !important;
	font-size:12px !important;
	background:#c8ce6e;
	margin-right:12px;
	padding-bottom:4px;
	/*color:white !important;*/
}
.tribe-common .tribe-common-b2 {
	font-size:14px !important;
}
.tribe-common .tribe-common-h7 {
	font-size:16px !important;
}
.tribe-common .tribe-common-h2, .tribe-common .tribe-common-h5 {
	background:white !important;
	margin-right:12px;
	margin-bottom:12px;
}
.tribe-common .tribe-common-b2 {
	font-family:Roboto, sans-serif !important;
	font-weight:700 !important;
}
.tribe-events-widget .tribe-events-widget-events-list__view-more-link {
	color: #25330b !important;
	font-size:18px;
	margin-right:20px;
	font-style:italic;
	font-weight:700;
}
.tribe-events-widget .tribe-events-widget-events-list__view-more-link:hover {
    color: #25330b;
    border-bottom-color: #25330b !important; 
}
.tribe-events-single-event-title {
	font-size:36px;
	text-transform:none;
	text-align:left;
}
.tribe-events-schedule {
	margin:0 0 16px;
}
.tribe-events-schedule h2 {
	font-size: 19px;
}
#tribe-events-content {
	max-width:960px;
	margin:0 auto;
}
.single-tribe_events .tribe-events-event-meta {
	clear:both; /*time and organizer block doesn't automatically clear content above */
}
.tribe-common .tribe-common-l-container {
	background: rgba(255,255,255,0.8);
	margin-bottom:21px;
}
.single-tribe_events .tribe-events-event-meta, .single-tribe_events .tribe-events-single .tribe-events-event-meta {
	background: rgba(200,206,110,0.7);
	width: 96%;
    padding: 0 2%;
}
/* expand width of events list on desktop */
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-details {
	width:75%;
}
.tribe-events-meta-group {
	padding:0 0 16px;
}
.tribe-events-meta-group .tribe-events-single-section-title {
	font-size: 17px;
    margin: 20px 0 10px;
	text-transform:capitalize;
}
/* hide the organizer and country fields, and the subscribe to calendar link */
.tribe-events-meta-group.tribe-events-meta-group-organizer, .tribe-country-name, .tribe-events .tribe-events-c-subscribe-dropdown__container {display:none;}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {
	padding-top:24px;
}

/* members free lecture series block */
.widget-wrap {
	background: rgba(255,255,255,0.8);
	margin:0 42px 24px;
	padding:24px 0;
}
.widget-wrap .tribe-events-widget-events-list {
	width:90%;
	margin-left: 5%;
}
.widget-wrap .tribe-events-widget-events-list__view-more {display:none;}
.widget-wrap .tribe-common--breakpoint-medium.tribe-events-widget .tribe-events-widget-events-list__event-title {
	font-size:18px;
}
/* hide on single event page */
body.single .hide-on-single {display:none;}

/* Page background color */

.content-area {
	/*background-color: rgba(208,212,121,0.6);*/
	min-height:600px;
}

/* Full Width */

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

#primary p.readmore a {
	color:#f7931e;
	clear:right;
	float:right;
	font-style:italic;
	-webkit-box-shadow: none;
	box-shadow: none;
}
a.read-more  {display:none;}

h4.back {
	display:block;
	font-size:16px;
	font-weight:600;
	font-style:italic;
}

/* BOARD MEMBERS */

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

/* CONTACT */
.twocolleft {
	float:left;
	width:46%;
}
.twocolright {
	float:right;
	width:46%;
}
a.more {
	position:absolute;
	right:12px;
	bottom:12px;
	font-style:italic;
}
a.more:after {
	content:" \00BB";
}

hr {
	background-color: rgba(200,206,110,1);
	border: 0;
	height: 2px;
	margin: 1.5em auto;
}
/* change default block color */
.wp-block-separator {
    border-bottom: 2px solid rgb(200,206,110);
    opacity: .6;
}

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

.content-area ul {
	list-style: disc;
	margin: 16px 8px 0;
	display: table;
}
.content-area ul.blocks-gallery-grid {
	display:flex;
	list-style:none;
}
.content-area ol, .content-area li > ul,
.content-area li > ol {
	margin:0 0 8px 24px;
	display: table;
}
.content-area li > ul {
	margin-top:8px;
	list-style: circle;
}
.content-area li {
	margin-bottom:6px;
}
.content-area ul > li::before, ol > li::before {
    display: table-cell; 
    text-align: right;
}
ol {
	list-style: decimal;
}

/* 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. */
}
.wp-block-image img {
    max-width: 100%;
    height: auto;
}
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;
}
.wp-caption {
	padding: 0 0 .5em;
	text-align: center;
}
figcaption.blocks-gallery-caption {
	margin-top: 0;
    margin-bottom: 2em;
}
.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, .post-navigation a, #primary p a:visited, #primary ol a, #primary ol a:visited, .post-navigation a:visited, .tribe-events-event-meta a, .tribe-events-event-meta a:visited {
	color:#004b23;
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 75, 35, 1);
	box-shadow: inset 0 -1px 0 rgba(0, 75, 35, 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:600;
}

#primary .grid-six a img:hover {
	opacity:0.8;
}
a:focus {
	outline: thin dotted;
}

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

#primary p a:focus, #primary p a:hover, .post-navigation a:focus, .post-navigation a:hover, .tribe-events-event-meta a:focus, .tribe-events-event-meta a:hover, #primary ol a:focus, #primary ol 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);
}

.drop {margin-top:18px;}
/* CONTAINING BLOCK FOR SEARCH */

.header-search {
	padding:0 8px 8px 8px;
	float:right;
	display:inline-block;
}

/* SEARCHFORM */
#searchform {
	float:right;
	display:inline-block;
	}

input {
	outline: none;
}
input[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-family: inherit;
	font-size: 100%;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
	display: none; 
}

input[type=search] {
	background: black url(images/search-icon.png) no-repeat 9px center;
	padding: 0 10px 5px 32px;
	width: 55px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	z-index:999;
	position:absolute;
	right:6px;
	top:0;
}
/*form.banner-search button.cancel {display:none;}
form.banner-search:focus-within button.cancel {display:block;}*/
button.cancel {
	position:absolute;
	right:6px;
	top:-4px;
	z-index:1;
	padding: 0;
	width: 35px;
	height:35px;
	border:none;
	background: black url(images/cancel-icon.png) no-repeat 9px center;
	outline:none;
}
.notfound input[type=search] {
	background: black url(images/search-icon.png) no-repeat 9px center;
}

input:-moz-placeholder {
	color: #999;
}
input::-webkit-input-placeholder {
	color: #999;
}
input[type=search] {
	width: 18px;
	padding-left: 10px;
	color: transparent;
	border:transparent;
	cursor: pointer;
}

input[type=search]:focus {
	width: 200px;
	padding: 10px 0 10px 42px;
	background-color: white;
	border:1px #1e7139 solid;
	color:black;
	cursor: auto;
	top:40px;
	right:10px;
	position:absolute;
}
input:-moz-placeholder {
	color: transparent;
}
input::-webkit-input-placeholder {
	color: transparent;
}
input[type=search]:focus:-moz-placeholder {
	color: #1e7139;
}
input[type=search]:focus::-webkit-input-placeholder {
	color: #1e7139;
}

/* TO TOP BUTTON */

	#totop {
	  display: inline-block;
	  background-color: rgba(200,206,110,0.7);
	  width: 50px;
	  height: 50px;
	  text-align: center;
	  border-radius: 4px;
	  position: fixed;
	  bottom: 110px;
	  right: 30px;
	  transition: background-color .3s, 
		opacity .5s, visibility .5s;
	  opacity: 0;
	  visibility: hidden;
	  z-index: 1000;
	}
	#totop::after {
	  content: "^";
	  font-weight: normal;
	  font-style: normal;
	  font-size: 2em;
	  line-height: 50px;
	  color: #fff;
	}
	#totop:hover {
	  cursor: pointer;
	  background-color: #333;
	}
	#totop:active {
	  background-color: #555;
	}
	#totop.show {
	  opacity: 1;
	  visibility: visible;
	}


/* ANIMATIONS  https://cssanimation.rocks/scroll-animations/ */

#colophon, .text-wrap {
  opacity: 1;
}

.bg-wrap.is-visible, #colophon.is-visible, .text-wrap.is-visible {
  opacity: 1;
}

.bg-wrap.is-visible .flex-item, #colophon.is-visible .flex-item, .map-block.is-visible, .full-width.is-visible, .post-link.is-visible {
	opacity:1;
  -webkit-transition: opacity .6s .3s ease-out;
  transition: opacity .6s .3s ease-out;
}

.bg-wrap .flex-item, #colophon .flex-item, .map-block, .post-link {
  opacity:0;
  will-change: transform;
}

.nowrap {white-space:nowrap;}

.post-navigation {
	width:90%;
	margin:0 auto;
}
.post-navigation .nav-previous {
	float: left;
	padding:0 24px 18px 0;
}

.post-navigation .nav-next {
	float: right;
	text-align: right;
	padding: 0 0 18px 24px;
}

/* garden archive page */

.flex-container {
	width:100%;
	max-width:100%;
	display:flex;	
	flex-wrap: wrap;
  	justify-content: center;
}

.grid {
	flex-wrap:wrap;
}	

/* horticulturally yours archive page */

.post-link {
	text-align:center;
	width:20.5%;
	max-width:20.5%;
	min-width:20.5%;
	-webkit-border-radius: 6px 6px 6px 6px;
	border-radius: 6px 6px 6px 6px;
	background:rgba(255,255,255,0.7);
	padding:18px 1% 0;
	margin:24px 1%;
	display:inline-block;
	vertical-align:top;
}
.post-link.landing {
	width:44%;
	max-width:44%;
	min-width:44%;
	opacity:1.0;
}
.post-link img {
	-webkit-border-radius: 6px 6px 6px 6px;
	border-radius: 6px 6px 6px 6px;
}
.post-link:hover {
	/*transform: scale(1.05);
	transition: all .5s;*/
	opacity:0.6;
}
h2.post-title {
	font-size:17px;
	text-align:center;
}

/*--------------------------------------------------------------
# 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;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# 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;
}
.nowrap {
	white-space:nowrap;
}	
.drop {
	padding-top:12px;	
}

/*--------------------------------------------------------------
## 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;
}
.excerpt {
	display:inline-block;
	float:right;
	width:73%;
}
#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 #006837 solid;
}

#colophon {
	margin:0 auto;
	/*max-width:1600px;*/
	width:100%;
	color:black;
	padding:24px 0;
	background:rgba(255,255,255,0.6);
}
#colophon aside {
	width: 96%;
	max-width:360px;
	margin:0 auto;
	padding:0 2% 16px;
}
.button-block {
	clear:both;
	display:block;
	width:100%;
	text-align:center;
	margin-top:16px;
}
.button-block.single-button {
	padding-bottom:16px;
}
.button-block.register {
	text-align:left;
	padding-bottom:12px;
}
.button-block a.button {
	background: #25330b;
	color:white;
	text-transform:uppercase;
	border-radius:6px;
	padding:4px 12px;
	margin:0 12px;
}
.button-block a.button:hover {
	background:#c8ce6e;
}
#footer-sidebar1  {
	float:left;
	width:31%;
	margin-left:0;
	line-height:1.5;
}

#footer-sidebar2, #footer-sidebar3 {
	float:left;
	width:31%;
	margin-left:2%;
	line-height:1.5;
}

#colophon ul {list-style-type:none;}
#colophon ul li {
	text-transform: uppercase;
	margin-top:8px;
	margin-bottom:8px;
}
#colophon ul li:first-of-type {
	margin-top:0;
}
#colophon ul li ul li {
	text-transform:capitalize;	
}
#colophon ul li ul li:first-of-type {
	margin-top:8px;
}
.social {
	clear:both;
	text-align:center;
	width:100%;
	margin-top:16px;
}
.social img {
	display:inline-block;
	margin-right:12px;
	margin-bottom:12px;
}
.social img:hover {
	opacity:0.6;
	}
#copy {
	float:left;
	width:98%;
	padding:16px 1%;
	background:#25330b;
	color:white;
}
#copy a, #copy a:visited {
	color:white;
	border-bottom:1px solid white;
}
#copy a:hover, #copy a:focus {
	color: #c8ce6e;
	border-bottom:1px solid #c8ce6e;
}

@media screen and (max-width:1240px) {
	.grid.box-links a h3 {font-size:28px;}
}

/* MOBILE adjustments */

@media screen and (max-width:1048px) {
	.button-block {
		position:relative;
		display:inline-block;
		float:right;
		top:auto;
		right:auto;
		margin:6px 10px 0 0;
	}
	.member-image {
		float: left;
		max-width: 28%;
		display: inline-block;
		margin: 8px 16px 8px 0;
	}
	/*#site-navigation {margin-right: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, h3, h2.widget-title { text-align:center;}
	#footer-sidebar2 p { max-width:100%;}
	.twocol, .text-block, .twocolleft, .twocolright {
		clear:both;
		width:99%;
		margin:0 0 12px 1%;
	}
	
	.main-content, .side-content {
		flex:none;
		width:96%;
		margin:16px 2%;
	}
	.grid.third {
		float:left;
		width:96%;
		max-width: 96%;
    	min-width: 96%;
		margin-left:2%;
		clear:both;
		height:320px;
	}
	.grid-three {
		width: 48%;
		min-width: 48%;
		max-width:48%;
	}

	.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, .wp-block-image .alignleft, .wp-block-image .alignright {
		float:none;
		margin:0 auto;
		display:block;	
		text-align:center;
	}
	.wp-block-image .alignleft>figcaption, .wp-block-image .alignright>figcaption {display:block;}
	.grid-six {width:25%; max-width:25%;}
	#footer-sidebar1, #footer-sidebar2, #footer-sidebar3 {
		clear:both;
		width:100%;
		text-align:center;
		padding:0; margin:0;
	}
	#footer-sidebar1 img {
		float:none;
		margin:0 auto;
	}
	#footer-sidebar2 .social {
		padding-top:18px;
	}
	.post-link {
		width:44%;
		max-width:44%;
		min-width:44%;
	}
	h2.gallery-title a {font-size:17px;}
	.hero-image {height:420px;}
}
@media screen and (max-width: 51em) {
	.link-info {float:left; margin-left:2%;}
	.text-wrap {max-width:94%; width:94%;}
	#colophon a.top-button {
		display:block;
		font-weight:bold;
		text-align:center;
		background-color:#60bb46;
		color:black;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		font-size:16px;
		padding:3px 8px;
		margin:0 auto 12px;
	}
	#colophon a.top-button:hover {
		background-color:#00a5cf;
	}
	.grid-six {width:33.33%; max-width:33.33%;}
	.grid-three {
		width: 98%;
		min-width: 98%;
		max-width:98%;
	}
	.staff-image {
		margin:8px 16px 8px 6px;
	}
	.text-wrap {
		width:96%;
	}
}
@media screen and (max-width: 32em) {
	#footer-sidebar2 {width:98%;}
	#footer-sidebar2 p {width:100%;}
	/*#footer-sidebar1 {width:100%;}*/
	.button-block {float:left;}
	#colophon {font-size:14px;}
	/*.gallery-item, ul.image-gallery li {width:47% !important; margin:0 3% 10px 0;}*/
	h3.rc {font-size:16px;}
}
@media screen and (max-width: 25em) {
	.social {display:block; margin:0 auto; text-align:center;}
	h1.page-title, .text-wrap {width:94%;}
	#utility a {padding:3px 12px;}
	header img#logo {width:260px; height:71px; margin-top:3px;}
	header.smaller img#logo {width:184px; height:50px; margin:3px 0 3px 3px;}
	.mobile-hide {display:none;}
	#utility ul {float:none;}
}