/*
Theme Name: Pacific Horticulture 2012
Version: v1
Description: Designed by Switchyard Creative for Pacific Horticulture
Author: Switchyard Creative
Author URI: http://switchyardcreative.com

*/


/* Color Palette
**
** Dark Gray #252525
** Gray #464646
** Light Gray #898989
** Lighter Gray #b7b7b7
** Lightest Gray #d7d7d7
** White #ffffff
**
*/




@import url(css/reset.css);
@import url(css/fonts.css);



/******************************************
**{{{{{{{{{{{ Global Elements }}}}}}}}}}}**
******************************************/

body {
	background: url(images/bkgd-texture-tile.jpg);
	color: #363636;
	font-family: "Benton Sans RE", Helvetica, arial, sans-serif;
	border-top: 10px solid #252525;
}
header .container,
.wrap,
.footer-wrap {
	width: 90%;
	margin: 0 auto;
	max-width: 1000px;
}
a {
	color: inherit;
	text-decoration: none;
	transition: color 0.3s ease-out;
	-moz-transition: color 0.3s ease-out; /* Firefox 4 */
	-webkit-transition: color 0.3s ease-out; /* Safari and Chrome */
	-o-transition: color 0.3s ease-out; /* Opera */
}
a:hover {
	color: #707070;
	transition: color 0.3s ease-out;
	-moz-transition: color 0.3s ease-out; /* Firefox 4 */
	-webkit-transition: color 0.3s ease-out; /* Safari and Chrome */
	-o-transition: color 0.3s ease-out; /* Opera */
}
a:visited {
}
h1, h2, h3, h4, h5 {font-weight: normal;}

.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}
.group {
	zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

ul  {list-style-type:none;}

/* Primary Button Style */
.button,
a.button {
	font: bold 13px/1em 'BentonSansCond Regular';
	background: #252525;
	padding: 8px 10px;
	border-radius: 15px;
	-webkit-border-radius:15px;
	color: #fff;
	text-transform: uppercase;
	width: 100px;
	display: block;
	margin: 0 auto;
	text-align: center;
	border: none;
	overflow: hidden;

	transition: background 0.4s ease-out;
	-moz-transition: background 0.4s ease-out; /* Firefox 4 */
	-webkit-transition: background 0.4s ease-out; /* Safari and Chrome */
	-o-transition: background 0.4s ease-out; /* Opera */
}
.button:hover,
a.button:hover {
	background: #464646;
}


a.light {
	color: #252525;
	background: #707070;
}
a.light:hover {
	color: #252525 !important;
	background: #d7d7d7;
}

a.button.primary{
	background-color: #993300; /* deep red: #9E0B0F; */
}
a.button.primary:hover{
	background-color: rgb(173, 71, 20);
}
a.button.secondary{
	background-color: #839924; /* purple: #53395C */
}
a.button.secondary:hover{
	background-color: #6c8403; /* purple: #53395C */
}


/* small button */
body small a.button{
	min-width: 50px;
	border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	margin: 0;
}
p {
	font: normal 0.875em/1.5em "Benton Modern RE", Georgia, serif;
}
p + p,
.article-sidebar + p,
blockquote + p,
.post img + p,
.post .wp-caption + p,
.post header + p,
.post h1 + p,
.post h2 + p, 
.post h3 + p, 
.post h4 + p, 
.post h5 + p,
.post p a.thickbox + p {
	margin-top: 1em;
}
.post p a.thickbox + p {
	display: block;
}
p a,
.post li a {
	text-decoration: underline;
}
p a:hover,
.post li a:hover {
	color: #707070;
}
.post ul,
body.error404 #main ul {
	list-style-type: square;
	margin: 1em 0 1em 1em;
}
.post ul li,
body.error404 #main ul li {
	font-size: 0.875em;
	line-height: 1.5em;
	font-family: inherit;
	margin-left: 1em;
}

.title {
	font: bold 1.875em/1em "BentonSans Regular", Helvetica, sans-serif;
	margin-bottom: 20px;
}
.post .title {
	margin-bottom: 0;
}

.section-title {
	padding-top: 10px;
	border-top: 4px solid #252525;
	border-bottom: 1px solid #252525;
	padding-bottom: 10px;
	margin-bottom: 30px;
	font: normal 1.5em/.75em "TradeGothicW01-BoldCn20 675334", Helvetica, sans-serif;
	text-transform: uppercase;
	clear:left;
	min-height: 19px;
}
.secondary-title {
	display: block;
	font: bold 1.125em/1em "BentonSans Regular", Helvetica, sans-serif;
	padding-top: 10px;
	border-top: 1px solid #252525;
	margin-top: 38px;
	margin-bottom: 18px;
}
.read-more {
	font: bold 1em/1em "BentonSans Regular", Helvetica, sans-serif;
	text-decoration: none;
}

.wp-admin-bar-updates,
.wp-admin-bar-comments,
.wp-admin-bar-new-content,
.wp-admin-bar-wpseo-menu,
.wp-admin-bar-w3tc{
	display: none;
}

/* Generic Post Elements */

.post blockquote {
	width: 96.969696969697%;
	margin-left: 3.030303030303%;
	margin-top: 1em;
	margin-bottom: 1em;
	font: italic 0.8125em/1.615384615384615em "Benton Modern RE";
}
.post blockquote p {
	font: italic 1em/1.615384615384615em "Benton Modern RE";
}
.post blockquote.pull-quote {
	width: 47.7272727272727%;
	float: right;
	font-size: 1.5em;
	line-height: 1.25em;
}
.post blockquote.pull-quote p {
	font-size: 1em;
}
.post .caption {
	font: normal 0.75em/1.4em "Benton Sans RE", Helvetica, sans-serif;
	width: 100%;
	margin-bottom: 2em;
}
.post h2, 
.post h3, 
.post h4, 
.post h5 {
	font: bold 1em/1em "BentonSans Regular";
	margin-top: 1em;
}

.post h2 {
	font-size: 1.25em;
}
.post h4 {
	font-size: 0.875em;
}
.post h5 {
	font-size: 0.75em;
}
.wp-caption-text {
	font: normal 1em/1.4em "Benton Sans RE", Helvetica, sans-serif;
}

.article-sidebar {
	width: 29.5454545454545%;
	float: left;
	margin-right: 3.030303030303%;
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 3.030303030303%;
	color: #fff;
	background: #555555;
	font: normal 0.75em/1.5em "Benton Sans RE", Helvetica, sans-serif;
}
.article-sidebar p {
	font: normal 1em/1.5em "Benton Sans RE", Helvetica, sans-serif;
}
.footnotes {
	font: normal 0.75em/1.5em "Benton Sans RE", Helvetica, sans-serif;
	margin-top: 1em;
	clear: both;
}
.footnotes ol {
	list-style-position: inside;
}
.footnotes ol li,
.post ul li {
	margin-top: .75em;
}

a.glossary-link span {
	transition: background-color 0.3s ease-in-out;
	-moz-transition: background-color 0.3s ease-in-out; /* Firefox 4 */
	-webkit-transition: background-color 0.3s ease-in-out; /* Safari and Chrome */
	-o-transition: background-color 0.3s ease-in-out; /* Opera */	color: white;
	color: white;
	background: #333;
	border-radius: 10px;
	padding: 2px 5px;
	font: bold 0.75em/1.25em "Benton Sans RE";
	margin-left: 5px;
	vertical-align: top;
	top: 2px;
	position: relative;
	display: inline; /* ie8 */
	display: inline-block;
}

a.glossary-link:hover span{
	background-color: #707070;
}

.size-large,
.size-full,
.thumbnail.wp-caption {
	max-width: 100%;
	height: auto;
	margin-top: 1em;
}
.alignleft {
	float: left;
	margin-right: 3%;
}
.alignright {
	float: right;
	margin-left: 3%;
}

.post .subtitle {
	font: italic 1.125em/1.33em "Benton Modern RE";
	margin-top: 1em;
	margin-bottom: 1em;
}

/*  Photo Gallery  */

.post ul.gallery, .post div.gallery { 
	margin:3% 0 0 0;
	overflow: hidden;
}

.post ul.gallery li.gallery-item, .post div.gallery dl.gallery-item {
	font-size: 0.8em;
	line-height: 1em;
	font-family: inherit;
	list-style-type: none;
	float: left;
	width: 150px;
	margin:0 15px 15px 0;
}
.post ul.gallery li.gallery-item:hover,.post div.gallery dl.gallery-item:hover {
	opacity: .9;
	filter: alpha(opacity=90);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
.post ul.gallery + *, .post dl.gallery + *  {
	clear: both;
}

.event-content ul.gallery, .event-content div.gallery {
	width:120%;  /* maybe not the best idea? */ 
}

.post div.gallery dl dd.gallery-caption {
	display:none;
}

.jp-carousel-image-meta, .jp-carousel-left-column-wrapper{ display: none; }

/*****************************************
**{{{{{{{{{{{ Desktop Styles }}}}}}}}}}}**
*****************************************/





/* Columns */
#main {
	position: relative;
	width: 100%;
}
.wrap.container {
	margin-top: 40px;
	padding-top: 40px;
	border-top: 4px solid #252525;
}

/* Exceptions for pages with subnav */
.post-type-archive-article .wrap.container,
.post-type-archive-event .wrap.container,
.about .wrap.container,
.single-issue .wrap.container,
.post-type-archive-issue .wrap.container,
.post-type-archive-tour .wrap.container,
.single-article .wrap.container {
	padding-top: 0;
	border-top: none;
}

.search-results .wrap.container {
	margin-top: 40px;
	padding-top: 40px !important;
	border-top: 4px solid #252525 !important;
}


/* 2 Column layout */
#main.col-left {
	width: 66%;
	float: left;
}

/* Sidebars */
#sidebar {
	width: 32%;
	float: right;
}
#sidebar .widget {
	margin-top: 40px;
}
#sidebar .widget:first-of-type {
	margin-top: 0;
}
#sidebar .widget ul {
	list-style: none;
}
.page-advertise #sidebar p,
.page-advertise #sidebar li {
	font: normal 0.75em/1.5em "Benton Sans RE", Helvetica, arial, sans-serif;
}
.page-advertise #sidebar ul {
	list-style-type: square;
	margin: 1em 0 1em 1em;
}
address {
	font: normal 0.75em/1.5em "Benton Modern RE";
	margin-top: 1em;
}


/* Sidebar section: Article Meta */
.article-meta li .categories li,
.book-review-meta ul li {
	font: normal 0.75em/1.25em "Benton Sans RE";
	margin-bottom: 8px;
}






/* Sidebar section: Events */
#sidebar .upcoming-events.widget ul li {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #252525;
}
#sidebar .upcoming-events.widget .event .date {
	font: bold 0.875em/1.5em "Benton Sans RE", Helvetica, arial, sans-serif;
}
#sidebar .upcoming-events.widget .event .event-title {
	font: normal 0.75em/1.5em "Benton Sans RE", Helvetica, arial, sans-serif;
}
#sidebar .upcoming-events.widget .event .event-title a {
	font-style: italic;
}

/* Adds colored region classes to home and events page. */
body.home ul.events span.southern-california:after, ul.southern-california:before
{
	content:"So. Cal";
	background-color:#d9642c;
	color: #fff;
	font: bold 0.5em/1em "BentonSans Regular";
	text-transform: uppercase;
	padding: 2px 4px;
	position:relative;
	top:-2px;
}

body.home ul.events span.washingtonbritish-columbia:after,  ul.washingtonbritish-columbia:before
{
	content:"Wash/BC";
	background-color:#9e0b0f;
	color: #fff;
	font: bold 0.5em/1em "BentonSans Regular";
	text-transform: uppercase;
	padding: 2px 4px;
	position:relative;
	top:-2px;
}

body.home ul.events span.northern-california:after, ul.northern-california:before
{
	content:"Nor. Cal";
	background-color:#0076a3;
	color: #fff;
	font: bold 0.5em/1em "BentonSans Regular";
	text-transform: uppercase;
	padding: 2px 4px;
	position:relative;
	top:-2px;
}


body.home ul.events span.oregon:after, ul.oregon:before
{
	content:"Oregon";
	background-color: #406618;
	color: #fff;
	font: bold 0.5em/1em "BentonSans Regular";
	text-transform: uppercase;
	padding: 2px 4px;
	position:relative;
	top:-2px;

}


/* Sidebar section: Topics */
#sidebar .top-topics.widget ul li {
	float: left;
	margin-bottom: 30px;
	width: 46.875%; /* 300px / 320px */
	max-height: 130px;
	text-align: center;
	overflow: hidden;
}
#sidebar .top-topics.widget ul li:nth-child(odd) {
	margin-right: 6.25%; /* 20px / 320px */
}
#sidebar .top-topics.widget ul li a {
	width: 100%;
}
#sidebar .top-topics.widget ul li a img {
	width: 100%;
	height: auto;
}
#sidebar .top-topics.widget ul li h4 {
	font: normal 0.875em/1.5em "BentonSans Regular", Helvetica, arial, sans-serif;
	text-align: left;
}

/* Sidebar section: Newest */
#sidebar .sb-newest ul li {
	font: normal 0.75em/1em "Benton Sans RE", Helvetica, arial, sans-serif;
	margin-bottom: 8px;
}
#sidebar ul li.sb-newest ul li a {
	line-height: 1.375em;
}

/* ...on events page */
.post-type-archive-event #sidebar .widget {
	clear: both;
}
.post-type-archive-event #sidebar ul li.sb-newest ul li {
	clear: both;
	height: 103px;
	margin-bottom: 20px;
	overflow: hidden;
}
.post-type-archive-event #sidebar ul li.sb-newest ul li a {
	font-family: "Benton Modern RE";
}
.post-type-archive-event #sidebar ul li.sb-newest ul li a.thumbnail {
	float: left;
	width: 150px;
	height: 100px;
	overflow: hidden;
	margin-right: 15px;
}
.post-type-archive-event #sidebar ul li.sb-newest ul li h4 {
	margin-bottom: 10px;
}
.post-type-archive-event #sidebar ul li.sb-newest ul li h4 a {
	font: bold 1.125em/1.166666666666667em "BentonSans Regular", Helvetica, sans-serif;
	color: #252525;
}

/* For tertiary sidebar */
#sidebar .tertiary .widget {
	clear: both;
}
#sidebar .tertiary li.sb-newest ul li {
	clear: both;
	height: 103px;
	margin-bottom: 20px;
	overflow: hidden;
}
#sidebar .tertiary li.sb-newest ul li a {
	font-family: "Benton Modern RE";
}
#sidebar .tertiary li.sb-newest ul li a.thumbnail {
	float: left;
	width: 150px;
	height: 100px;
	overflow: hidden;
	margin-right: 15px;
}
#sidebar .tertiary li.sb-newest ul li h4 {
	margin-bottom: 10px;
}
#sidebar .tertiary li.sb-newest ul li h4 a {
	font: bold 1.125em/1.166666666666667em "BentonSans Regular", Helvetica, sans-serif;
	color: #252525;
}

/* Sidebar section: Share */
#sidebar .sb-share .secondary-title {
	margin-top: 0;
}
#sidebar .current-issue-meta {
	margin-bottom: 40px;
}
#sidebar .sb-newsletter .button,
footer .newsletter.button {
	float: left;
}
#sidebar .sb-newsletter p {
	clear: left;
}

#sidebar .book-review-meta {
	font: normal .875em/1.5em "Benton Sans RE";
}

/* Join/Renew Sidebar */
#sidebar .sb-join.widget {
	margin-top: 40px;
	min-height: 40px;
	padding-bottom: 20px;
	position: relative;
}

#sidebar .add-event-line {
	margin-top: 20px;
	padding-top: 16px;
	border-top: 1px solid #252525;
}


#sidebar .sb-join a.button,
#sidebar .button-list a.button{
	float: left;
	display: block;	
	margin-top: 10px;
	margin-right: 10px;
}
#sidebar .tertiary .sb-newest {
	margin-top: 20px;
}
#sidebar .tertiary .sb-newest .secondary-title {
	margin-top: 0;
}
.single-event #sidebar .add-event h4 {
	margin-top: 0;
	border-top: none;
	padding-top: 0;
}
.page-about #sidebar .sb-join.widget {
	margin-top: 0;
}





@media screen and (min-width: 1024px) {
	/* Border-top exceptions for sidebars by page */
	.single-tour #sidebar .sb-newsletter .secondary-title {
		border-top: none;
		margin-top: 0;
	}

	.post-type-archive-tour #sidebar .sb-newsletter .secondary-title,
	.post-type-archive-event #sidebar .sb-join,
	.post-type-archive-event #sidebar .sb-join .secondary-title,	
	.post-type-archive-event #sidebar .sb-share .secondary-title,
	.post-type-archive-event #sidebar .add-event .secondary-title,
	.page-about #sidebar .sb-share .secondary-title {
		margin-top: 0;
	}
} /* END media query */



/* Header */
header .container {
	position: relative;
}

header .topright {
	max-width: 300px;
	text-align: center;
	float: right;
	position: absolute;
	top: 10px;
	right: 0;
}

header .topright a {
	display: block;
}

header a.shop {
	display: block;
	height: 12px;
	padding-left: 14px;
	font-size: .75em;
	text-transform: uppercase;
	float: right;
	color: #252525;
	position: absolute;
	top: 10px;
	right: 0;
}
header a.shop span {
	width: 14px;
	height: 12px;
	display: inline-block;
	background: url(images/sprites.png) no-repeat -33px -31px;
	margin-right: 5px;
}

header a.shop:hover,
header a.shop:hover span {
	background-position: -33px -51px;
	color: #707070;
}

header a.brand {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	width: 220px; /* NOTE: go back and change this for responsive */
	height: 80px;
	background: url(images/logo.png) bottom center no-repeat;
	margin: 0 auto;
	padding-top: 40px;
}
#nav-main ul {
	list-style: none;
	width: 100%;
	text-align: center;
	margin-top: 40px;
}
#nav-main ul li {
	display: inline;
	margin: 0 15px;
}
#nav-main ul li a {
	font: normal 1.125em/1em "TradeGothicW01-BoldCn20 675334", Helvetica, arial, sans-serif;
	text-transform: uppercase;
	color: #252525;
	letter-spacing: 1px;
}
#nav-main ul li a:hover,
#nav-main ul li.active a,
.single-issue #nav-main ul li.menu-magazine a,
.single-tour #nav-main ul li.menu-tours a,
.single-event #nav-main ul li.menu-events a {
	color: #707070;
}
#nav-main ul li.menu-search a {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: inline-block;
	background: url(images/sprites.png) no-repeat -128px -97px;
	width: 16px;
	height: 15px;
}
#nav-main ul li.menu-search a:hover {
	background-position: -104px -97px;
}


/* Search Field (hidden by default) */
#searchContainer {
	width: 100%;
	display:none;
	margin-top: 30px;
}

#searchform {
	width: 30%;
	margin: 0 auto;
	position: relative;
}

#searchform input[type="text"] {
	width: 98%;
	max-width: 400px;
	height: 30px;
	display: block;
	font: normal 0.8125em/1.3125em 'Benton Sans RE';
	color: #636363;
	top: 0;
	left: 0;
	z-index: 1;
	padding-left: 2%;
	border: 1px solid #a1a1a1;
}
#searchform input[type="text"]:focus {
	outline: none;
}
#searchform input[type="submit"] {
	display: block;
	position: absolute;
	top: 6px;
	right: 6px;
	width: 21px;
	height: 21px;
	background: url(images/sprites.png) no-repeat -104px -214px;
	z-index: 2;
	cursor: pointer;
	border: none;
}




#what-about-section {
	clear: both;
	overflow: hidden;
	padding: 0 0 40px;
}

#what-about-section ul {
	clear: both;
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
	font-size: 12px;
}

#what-about-section ul li {
	float: left;
}

#what-about-section ul li:last-child {
	margin-left: 20px;
	float: left;
}

#what-about-section ul li img {
	border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-webkit-border-radius: 50%;
	margin: 0 10px 0 0;
	float: left;
}

#what-about-section ul li span {
	margin-top: 35px;
	display: block;
}

#what-about-section ul li:last-child span {
	margin-top: 27px;
}




/* Section: Related Articles */
#related-articles {
	clear: both;
	padding-top: 40px;
}
#related-articles h4 {
	font: bold 1.125em/1em "BentonSans Regular";
}

.related-articles {
	margin-top: 20px;
	width: 102%;
}
.related-articles li {
	width: 22.7272727272727%;
	float: left;
	background: #252525;
	height: 185px;
	margin-right: 2.5%;

	-webkit-box-shadow:  5px 5px 10px 0px rgba(0, 0, 0, .2);
    box-shadow:  5px 5px 10px 0px rgba(0, 0, 0, .2);

    transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out; /* Firefox 4 */
	-webkit-transition: all 0.4s ease-out; /* Safari and Chrome */
	-o-transition: color 0.4s ease-out; /* Opera */
}
.related-articles li:hover {
	opacity: .9;
	filter: alpha(opacity=90);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
.related-articles li a.thumb-link,
.related-articles li .nothumb-text-excerpt {
	width: 100%;
	display: block;
	height: 110px;
	overflow: hidden;
	background: #fff;
}
.related-articles li .nothumb-text-excerpt a {
	font: italic 0.8em/1.25em "Benton Modern RE";
	text-align: center;
	display: block;
	padding: 10% 5%;
	color: #252525;
}


.related-articles li a.thumb-link img {
	height: 100%;
	width: auto;
	max-width: 1000%;
}

.related-articles li h5 {
	display: block;
	padding: 5% 10%;
	max-height: 55px;
	overflow: hidden;
}
.related-articles li h5 a {
	font: normal .75em/1em "Benton Sans RE";
	color: #d7d7d7;
}
.related-articles li h5 a:hover {
	color: #fff;
}






/*Subnav on applicable pages (explore, magazine, events) */

.subnav {
	max-height: 71px;
    position: relative;
    overflow: hidden;
    background: #464646;
    width: 100%;
    max-width: 1000px;
    z-index: 130;
    -webkit-transition:.5s;
    -moz-transition:.5s;
    -o-transition:.5s;
    transition:.5s;
}

.subnav + * {
}

.subnav.open {
	max-height:800px;
	-webkit-transition:.5s;
    -moz-transition:.5s;
    -o-transition:.5s;
    transition:.5s;
}

.subnav .expand {
	position:absolute;
	top:20px;
	right:20px;
	color:white;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	background: url('images/expand.png') no-repeat 0 0;
	width: 30px;
	height: 30px;
	z-index: 4;

	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
	transition: all .3s ease;

}
.subnav .expand.open {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
	transition: all .3s ease;

    -moz-transform: scale(1) rotate(180deg) translate(0px, 0px) skew(0deg, 0deg);
	-webkit-transform: scale(1) rotate(180deg) translate(0px, 0px) skew(0deg, 0deg);
    -o-transform: scale(1) rotate(180deg) translate(0px, 0px) skew(0deg, 0deg);
    -ms-transform: scale(1) rotate(180deg) translate(0px, 0px) skew(0deg, 0deg);
    transform: scale(1) rotate(180deg) translate(0px, 0px) skew(0deg, 0deg); 
}


.subnav .subnavHeader {
	background: #252525;
  	color: #fff;
 	padding: 23px 30px;
  	overflow:auto;
  	position: relative;
  	z-index: 3;
}
#filters.subnav .subnavHeader li a {
	font: normal .75em/1em "Benton Sans RE";
}

.buttonStyle li {
	width:153px;
	display:inline-block;
}

.buttonStyle li + li {margin-left:13px;}

a.archive.button span {
	background: transparent url(images/sprites.png) -154px -220px no-repeat !important;
	width: 9px;
	height: 9px;
	display: inline-block;
	margin-left: 4px;
}

/* for Magazine/Issues */

#issuesSubnav .subnavHeader {
	text-align:center;
}

#issuesSubnav .subnavHeader li a {
	min-width: 130px;
}

#issueListMask {
	height: 360px;
	width: 77.5%;
	position:relative;
	overflow:hidden;
	padding: 0 6%;
	margin:30px 0 0 60px;

}

#issueListContainer {
	height: 290px;
	border-bottom: 1px solid #636363;
	width: 2590px;
	position:absolute;
	left:0;
	top:0;
}

#issueListContainer li {
	float: left;
	width: 130px;
	margin-right: 20px;
}

#issueListContainer a {
	color:#b7b7b7;
	font-size: 0.75em;
}
#issueListContainer a h5 {
	font-weight: bold;
	margin-top: 15px;
}
#issueListContainer a:hover,
#issueListMask a.all-issues:hover {
	color: #d7d7d7;
}
#issueListContainer li a .issue-list-thumbnail {
	width: 100%;
	height: 180px; /* temporary */
	overflow: hidden;
}
#issueListContainer li a .issue-list-thumbnail.see-all h5 {
	display: block;
	margin: 0 auto;
	width: 50px;
	padding-top: 70px;
	text-transform: uppercase;
	font: bold 13px/1.5em 'BentonSansCond Regular';
}
#issueListContainer li a .issue-list-thumbnail.see-all {
	background: #252525;
}
#issueListContainer li a:hover .issue-list-thumbnail.see-all {
	background: #363636;
}

#issueListContainer li a .issue-list-thumbnail img {
	width: 100%;
	height: auto;
}
a.all-issues {
	position: absolute;
	bottom: 30px;
	left: 20px;
	color: #B7B7B7;
	font-size: 0.75em;
	z-index: 2;
}

#issuesSubnav .arrow {
	display: block;
	width: 60px;
	background-color: #464646;
	position: absolute;
	height: 326px;
	z-index: 999;
}
#issuesSubnav .arrow.next {
	right: 0;
}
#issuesSubnav .arrow.prev {
	left: 0;
}
#issuesSubnav .arrow span {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	position: absolute;
	top: 26%;
	width: 20px;
	height: 46px;
}
#issuesSubnav .arrow.next span {
	background: url('images/arrow-sprite.png') no-repeat top right;
	right: 15px;
}
#issuesSubnav .arrow.prev span {
	background: url('images/arrow-sprite.png') no-repeat top left;
	left: 15px;
}

#issuesSubnav .issue-title {
	position: absolute;
	left: 20px;
	top: 25px;
	font: normal 0.875em/1em "Benton Sans RE";
	color: #b7b7b7;
	z-index: 4;
}

.single-article .subnav {
	margin-bottom: 30px;
}


/* Subnav for About page */
#about-nav-wrapper {
	height: 65px;
	background: #252525;
	position: relative;
	margin-bottom: 40px;
}
#about-nav {
	list-style: none;
	text-align: center;
	margin-top: 15px;
}
#about-nav li {
	display: inline;
	text-align: center;
	padding: 0 1%;
	width: 16.6666666666667%;
}
#about-nav li a {
	color: #959595;
	font: normal .75em/1em "Benton Sans RE";
}
#about-nav li a:hover,
#about-nav li a.active {
	color: #fff;
}











/* Footer */
footer#content-info {
	margin-top: 60px;
	padding: 60px 0 80px;
	color: #898989;
	background: #252525;

}
footer#content-info a:hover {
	color: #d7d7d7;
}
footer#content-info .current-issue a.button.light {
	max-width: 90px;
	margin-top: 50px;
}
footer .footer-col ul {
	list-style: none;
}
footer#content-info h4 {
	text-transform: uppercase;
	color: #ffffff;
	font: normal 1.125em/1em 'TradeGothicW01-BoldCn20 675334', Helvetica, arial, sans-serif;
	margin-bottom: 20px;
}
footer#content-info .footer-col {
	width: 21.25%;
	margin-right: 5%;
	float: left;
}
footer#content-info .footer-col:last-of-type{
	margin-right: 0;
}


/* Section: Current Issue */

.footer-issue {
	width: 42.3529411764706%; /* 90 / 212.5 */
	max-width: 90px;
	float: left;
}
.footer-issue .attachment-issue-thumb {
	width: 100%;
	height: auto;
}
.current-issue .issue-info {
	width: 52.9411764705882%;
	float: right;
	margin-left: 4.7058823529412%;
}
.current-issue .issue-title {
	font: normal
			0.8125em/1.3125em
			'Benton Sans RE', Helvetica, sans-serif;
}
.current-issue .issue-volume {
	font: normal
			0.625em/1.3125em
			'Benton Sans RE', Helvetica, sans-serif;
			display: block;
	width: 130px;
	margin-top: 5px;
}
.current-issue .foot {
	clear: both;
	padding-top: 15px;
}
.current-issue a.prev-issue {
	font-size: 0.8125em;
}

/* Section: Newsletter */
.newsletter.footer-col form .newsletter-label {display: none;}
.newsletter.footer-col form {
	position: relative;
	width: 100%;
}
.newsletter.footer-col form input.news {
	width: 98%;
	height: 30px;
	display: block;
	font: normal 0.8125em/1.3125em 'Benton Sans RE';
	color: #636363;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	padding-left: 2%;
	border: none;
}
.newsletter.footer-col form input.submit {
	display: block;
	position: absolute;
	top: 5px;
	right: 6px;
	width: 21px;
	height: 21px;
	background: url(images/sprites.png) no-repeat -104px -214px;
	z-index: 2;
	cursor: pointer;
	border: none;
}


/* Section: Follow Us */
footer .social.footer-col ul li {
	float: left;
	margin-right: 10px;
}
footer .social.footer-col ul li a {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	width: 30px;
	height: 30px;
}
footer .social.footer-col ul li a.facebook-social {
	background: url(images/sprites.png) no-repeat -104px -124px;
}
	footer .social.footer-col ul li a.facebook-social:hover {
		background-position: -104px -166px;
	}
footer .social.footer-col ul li a.twitter-social {
	background: url(images/sprites.png) no-repeat -144px -124px;
}
	footer .social.footer-col ul li a.twitter-social:hover {
		background-position: -144px -166px;
	}
footer .social.footer-col ul li a.linkedin-social {
	background: url(images/sprites.png) no-repeat -184px -124px;
}
	footer .social.footer-col ul li a.linkedin-social:hover {
		background-position: -184px -166px;
	}
footer .social.footer-col ul li a.pinterest-social {
	background: url(images/sprites.png) no-repeat -224px -124px;
}
	footer .social.footer-col ul li a.pinterest-social:hover {
		background-position: -224px -166px;
	}





/* Section: About Us */
footer .about.footer-col .footer-nav ul li {
	margin-bottom: 10px;
}
footer .about.footer-col .footer-nav ul li a {
	font-size: 0.8125em;
}

.footer-stamp {
	display: block;
	width: 100%;
	min-height: 81px;
	background: url(images/footer-stamp.png) center center no-repeat;
	clear: both;
}
footer p.copy {
	clear:both;
	width: 100%;
	text-align:center;
	color: #464646;
	font-size: 0.625em;
	margin-top: 25px;
}







/* Page: Home */

/* Section: Homepage Hero Slider */

/* Carousel default css */
			.slidewrap .carousel-tabs {
				padding: 0;
				margin: 1em 0;
				clear: both;
			}
			.slidewrap .carousel-tabs li {
			    display: inline-block;
			    padding: 0 2px;
			}
			.slidewrap .carousel-tabs a {
			    background: #d7d7d7;
			    display: inline-block;
			    height: 10px;
			    text-indent: -9999px;
			    width: 10px;
			    border-radius: 5px;
			}
			.ie .slidewrap .carousel-tabs li,
			.ie .slidewrap .carousel-tabs a {
				display: block;
				float: left;
			}
			.slidewrap .carousel-tabs .carousel-active-tab a {
				background: #707070;
			}

/* Custom css */
#hero {
	max-height: 470px;
	width: 100%;
	position: relative;
	overflow: hidden;
}

li.hero {
	position: relative;
}
.hero-thumbnail {
	z-index:1;
	width: 100%;
	max-height: 470px;
}
.hero-thumbnail img {
	width: 100%;
	height: auto;
}
.hero-content {
	position: absolute;
	z-index:2;
	top: 0;
	bottom: 0;
	left: 0;
	width: 32%;
	height: 100%;
	background: rgba(54,54,54,0.8);
	color: #fff;
}
.hero-content a {
	color: #fff;
}
.hero-title {
	margin: 80px 20px 0;
	font: bold 1.9em/1em "BentonSans Regular", Helvetica, sans-serif;
	letter-spacing: -1px;
}
.hero-excerpt {
	margin: 20px 20px;
	font: normal 0.875em/1.5em "Benton Modern RE", Helvetica, sans-serif;
	max-height: 190px;
	overflow: hidden;
}
.hero-excerpt p {
	font-size: 1em;
}
.hero-excerpt a {
	font: bold 1em/1em "Benton Sans RE", Helvetica, sans-serif;
}

.carousel-tabs { /* Need a responsive solution & to make colors and spacing match design */
	position: absolute;
	bottom: 80px;
	z-index: 2;
	left: 12%;
}
.slidecontrols {display:none;}








body.home #content {
	margin-top: 40px;
}




/* Section: The Latest */


#main article.article {
	clear: both;
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #252525;
	min-height: 100px;
}

#main .sponsorMessage + article.article {
	border-top: 1px solid #252525;
	padding-top:30px;
}

#main article.article header {
	float: right;
	width: 75%;
}
#main article.article h2 a {
	font: bold 1.125em/1.166666666666667em "BentonSans Regular", Helvetica, sans-serif;
	color: #252525;
}
#main article.article .post-thumbnail {
	float: left;
	width: 22.7272727272727%;
	max-height: 100px;
	overflow: hidden;
}

#main article.article .entry-content {
	float: right;
	width: 75%;
	font: normal 0.875em/1.5em "Benton Modern RE", Helvetica, sans-serif;
	max-height: 85px;
	overflow: hidden;
	margin-top: 5px;
}
#main article.article .entry-content p {
	font: normal 1em/1.5em "Benton Modern RE", Georgia, serif;
}
a.explore {
	min-width: 180px;
}
#main article .excerpt_link {
	font: normal 1em/1.5em "Benton Modern RE", Georgia, serif;
}
#main article .excerpt_link:hover { 
	color:inherit;
}

/* Temporary */body.home #main article.article time {display: none;}








/* Share Links in Sidebar */
.st_facebook_large .stLarge {
	background: transparent url(images/sprites.png) no-repeat -32px -450px !important;
	width: 30px !important;
	height: 30px !important;
}

.st_twitter_large .stLarge {
	background: transparent url(images/sprites.png) no-repeat -77px -450px !important;
	width: 30px !important;
	height: 30px !important;
}

.st_sharethis_large .stLarge {
	background: transparent url(images/sprites.png) no-repeat -122px -450px !important;
	width: 30px !important;
	height: 30px !important;
}

#sidebar .social ul li {
	float: left;
	margin-right: 10px;
}
#sidebar .social ul li a {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	width: 30px;
	height: 30px;
}
#sidebar .social ul li a.facebook-social {
	background: url(images/sprites.png) no-repeat -266px -123px;
}
	#sidebar .social ul li a.facebook-social:hover {
		background-position: -104px -124px;
	}
#sidebar .social ul li a.twitter-social {
	background: url(images/sprites.png) no-repeat -306px -123px;
}
	#sidebar .social ul li a.twitter-social:hover {
		background-position: -144px -124px;
	}
#sidebar .social ul li a.linkedin-social {
	background: url(images/sprites.png) no-repeat -346px -123px;
}
	#sidebar .social ul li a.linkedin-social:hover {
		background-position: -184px -124px;
	}
#sidebar .social ul li a.pinterest-social {
	background: url(images/sprites.png) no-repeat -386px -123px;
}
	#sidebar .social ul li a.pinterest-social:hover {
		background-position:  -224px -124px;
	}


.sidebar-issue {
	width: 50%;
	max-width: 150px;
	float: left;
	margin: 0;
}
.sidebar-issue img {
	height: auto;
}
#sidebar .current-issue .issue-info {
	width: 48%;
	margin: 0;
	max-width: 150px;
}
#sidebar .current-issue .issue-info .button {
	margin: 20px 0;
	max-width: 80%;
}

#sidebar .current-issue .issue-info .issue-volume {
	width: auto;
}
#sidebar .sb-newsletter .button{
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}




@media screen and (min-width: 1024px) {
	.fixed {
		position:fixed !important;
		top:0px;
		width: 1000px;
		margin: 0 auto;
	}

	.fixed + #main {
		padding-top:98px;
	}

	.fixed.open + #main {
		padding-top:316px; 
	}
}


/* Section: Explore */

#filters {
   max-height: 65px;
   margin-bottom: 40px;
}

#filters.open {
	max-height:800px;
	padding-bottom: 15px;
}

a.filterStatus {
	color: #fff;
}

.filterStatus + span {
	width:0;
	height:0;
	display:none;
}

.filterStatus.active + span {
	background: url('images/cancel-filter.png') no-repeat right top;
	height: 16px;
	display: inline-block;
	vertical-align: middle;
	padding-top: 4px;
	width: 20px;
	margin-left: 12px;
	cursor:pointer;
}

.filterStatus.active + span:hover {
	background-position: right -32px;
}

#chosenFilters li {
  float:left;
  width:25%;
}

#filterForm .mobile-filter-header {
	display:none;
}

.articles.subnav fieldset {
	float: left;
	width: 21%;
	padding: 0 2%;
	border-left: 1px solid #636363;
	min-height: 200px;
}

.articles.subnav fieldset:first-of-type {
	padding-left: 0;
	border-left: none;
}

#filters form {
    padding: 20px 3%;
	width: 94%;
}

#filterForm li {
	clear: left;
	color: #b7b7b7;
    font-size: .75em;
    display:block;
	position: relative;
    margin:  10px 0;
}

#filterForm li input {
	margin-right:4px;
}
#filterForm li label {
	font: normal 1em/1.5em "Benton Sans RE";
	display: inline-block;
	width: 85%;
	padding-top: 2px;
}
#filterForm fieldset ul li:first-of-type label {
	margin-left: 4px;
}

.ajax-container{
	transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out; /* Firefox 4 */
	-webkit-transition: all 0.4s ease-out; /* Safari and Chrome */
	-o-transition: color 0.4s ease-out; /* Opera */	
}

body.ajax-loading .ajax-container{
	opacity: 0.6;
}

#temp_load {
	position: fixed;
	text-align: center;
	bottom: 15%;
	left: 50%;
	margin-left: -40px;
	z-index: 101;
	background: white;
	background: rgba(255, 255, 255, 0.9 );
	padding: 20px;
	color: #222;
	font-size: 15px;
	font-weight: bold;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

h2.alert {
	text-align:center;
}

h2.alert a {
	text-decoration:underline;
}

/* UNCHECKED STYLES */
input[type="radio"]{
	width: 21px;
	height: 21px;
	position:relative;
	z-index: 10;
	opacity: 0;
    vertical-align: middle;
}

input[type="radio"] + label:before {
	content: " ";
	background: url(images/sprites.png) no-repeat -32px -97px;
	width: 21px;
	height: 21px;
	position: absolute;
	left: 0;
	top: 0;
	display:inline-block;
	z-index: 5;
}




/* CHECKED STYLES */
input[type="radio"]:checked + label:before { background-position: -32px -128px; }
input[type="radio"]:hover:checked + label:before,
input[type="radio"]:focus:checked + label:before { background-position: -32px -128px; }
input[type="radio"]:active:checked + label:before { background-position: -32px -128px; }



input + label:hover,
input:hover + label {
	color: #fff;
}



/* Hide Grid Initially To Fix Flicker */ 
html.js #content #main .ajax-container article {
	display:none;
}



#grid-container, #article-container {
	min-height: 300px;
	overflow: hidden;
	width: 103%;
	padding-top: 5px;
	margin-top: 30px;
}



.grid-item {
	float: left;
	background: #fff;
	width: 31.07%;
	margin:0 2% 2% 0;
	position:relative;

	-webkit-box-shadow:  5px 5px 10px 0px rgba(0, 0, 0, .2);
    box-shadow:  5px 5px 10px 0px rgba(0, 0, 0, .2);

    transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out; /* Firefox 4 */
	-webkit-transition: all 0.4s ease-out; /* Safari and Chrome */
	-o-transition: color 0.4s ease-out; /* Opera */
}


.grid-item .category {
	color: #898989;
	text-transform: uppercase;
	font: normal 1em/1em "TradeGothicW01-BoldCn20 675334", Helvetica, sans-serif;
	background: #252525;
	min-width: 92.7%;
	padding: 2% 4%;
	min-height: 19px;
	position: absolute;
	z-index: 9;
}
.grid-item a.thumb-link,
.grid-item .nothumb-text-excerpt  {
	display: block;
	width: 100%;
	height: 170px;
	overflow: hidden;
	padding-top: 9.8%;
	-webkit-transition:opacity .2s linear;
    -moz-transition:opacity .2s linear;
    -o-transition:opacity .2s linear;
    transition:opacity .2s linear;
}
.grid-item a.thumb-link img {
	width: 100%;
	height: auto;
}

/* if no thumbnail, styles for excerpt */

.grid-item .nothumb-text-excerpt a {
	font: italic 1.5em/1.25em "Benton Modern RE";
	text-align: center;
	display: block;
	padding: 10% 5%;
	background: #F3F3F3;
	height: 100%;
}

.grid-item h5 a {
	color: #363636;
	display: block;
	position: relative;
	top: 0;
	-webkit-transition:top 1s linear;
    -moz-transition:top 1s linear;
    -o-transition:top 1s linear;
    transition:top 1s linear;	
}

.grid-item h5 {
	color: #363636;
	margin: 5%;
	font: bold 1.125em/1.333333333333333em "BentonSans Regular";
	height: 47px;
	overflow: hidden;
}

.grid-item ul.article-meta {
	background: #252525;
	max-width: 93%;
	padding: 4%;
	height: 56px;
}

.grid-item ul li {
	font: normal 0.75em/1.35em "Benton Sans RE";
	color:#898989;
	margin-bottom: 10px;
}

.grid-item .category a:hover,
.grid-item .article-meta a:hover {
	color: #fff;
}
.grid-item:hover .thumb-link, .grid-item:hover .title{
	opacity: .8;
	filter: alpha(opacity=80);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	-webkit-transition:opacity .2s linear;
    -moz-transition:opacity .2s linear;
    -o-transition:opacity .2s linear;
    transition:opacity .2s linear;
}

.webonly-tag {
	position: absolute;
	background: white;
	color: #252525;
	top: -5px;
	right: -5px;
	font: normal 0.6em/1.25em "BentonSansCond Regular";
	width: 60px;
	height: 44px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	text-align: center;
	text-transform: uppercase;
	padding-top: 17px;
	-webkit-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, .2);
	box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, .2);
	z-index:120;
}

/* Section:  Events */

.events #chosenFilters li {
	float: left;
	width: 33%;
}
#filters.events.subnav fieldset {
	width: 29% !important;
	padding: 0 2%;
	border-left: 1px solid #636363;
	float: left;
}
#filters.events.subnav fieldset:first-of-type {
	padding-left: 0;
	border-left: none;
}
#event-container {
	float:left;
	width: 100%;
}

.eventGridItem {
	clear: both;
	padding-bottom: 30px;
	margin-bottom: 30px;

	width: 100%;

}

.eventGridItem + .eventGridItem {
	border-top: 1px solid #252525;
	padding:30px 0 0;
}
.eventGridItem header,
.eventGridItem .e-thumbnail {
	width: 22.7272727272727%; /* 150px / 660px */
	float:left;
	margin-right: 3.030303030303%; /* 20px / 660px */
}

.eventGridItem .e-thumbnail a {
	width: 100%;
	display: block;
}
.eventGridItem .e-thumbnail a img {
	width: 100%;
	height: auto;
}
.eventGridItem header li {
	margin-top: 5px;
}

.eventGridItem header li.date,
.eventGridItem header li.date a, 
.eventGridItem header li.time,
.eventGridItem header li.time {
	font: bold 0.875em/1em "BentonSans Regular", Helvetica, sans-serif;
}
.eventGridItem header li.location {
	font: normal 0.75em/1em "Benton Sans RE", Helvetica, sans-serif;
}
.eventGridItem .e-details,
.eventGridItem .e-title {
	width: 73.4848484848485%; /* 320px / 660px */
	float: right;
}
.eventGridItem .e-title {
	font: bold 1.125em/1em "BentonSans Regular", Helvetica, sans-serif;
	margin-bottom: 5px;
}

/* PHS sponsored tag */
.sponsored {
	display: inline-block;
	background: transparent url(images/sprites.png) no-repeat -33px -597px;
	height: 20px;
	width: 20px;
	margin-right: 5px;
}
a:hover .sponsored {
	background-position: -33px -631px;
}

		/* on single event... */
		.single-event .sponsored {display:block;}






/* Tours Index */
.tourGridItem {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #252525;
}
.tourGridItem:last-child {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: none;
}
.tours-thumb {
	width: 35.6060606060606%; /* 235px / 660px */
	float: left;
	max-height: 140px;
	overflow: hidden;
	display: block;
	margin-right: 3.030303030303%; /* 20px / 660px */
}
.tours-thumb img {
	width: 100%;
	height: auto;
}

.tourGridItem .tours-details {
	float: right;
	width: 61.3636363636364%;
}
.tours-details h5 a {
	font: bold 1.5em/1em "BentonSans Regular";
}
.tours-meta,
.tour-excerpt {
	margin-top: 15px;
}
.tours-meta .date,
.inner-left-col .date,
.inner-left-col .time {
	font: normal 0.875em/1.5em "BentonSans Regular", Helvetica, sans-serif;
}
.inner-left-col .time {
	margin-top: 5px;
}
.tours-meta .location,
.inner-left-col .location,
.inner-left-col .sponsorship {
	font: normal 0.875em/1.5em "Benton Sans RE";
}
.tours-details a.button,
.inner-left-col a.button {
	float: left;
	margin-top: 15px;
}
.inner-left-col .sponsorship {
	margin-top: 15px;
}


/* Tours Detail */
/* Events Detail */
.inner-left-col {
	float: left;
	width: 22.7272727272727%;
	margin-top: 40px;
}
.inner-left-col {
	margin-top: 0;
}

.tour-content,
.event-content {
	float: right;
	width: 74.2424242424242%;
	margin-top: 40px;
}
.single-event .thumbnail,
.single-tour .thumbnail,
.single-event .title,
.single-tour .title {
	float: right;
	width: 74.2424242424242%;
}
.single-event .thumbnail img,
.single-tour .thumbnail img {
	max-width: 100%;
	height: auto;
}


/* I think quotes are gone (?)
#quotes {
	background:#464646;
	padding:20px;
	color:white;
	text-align:center;
	font-style:italic;
}
*/



/* About Page */




/* Section: Staff Members */
.staff-member,
.board-member {
	clear: both;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #252525;
	-webkit-transition:1s;
    -moz-transition:1s;
    -o-transition:1s;
    transition:1s;
}
.staff-member:last-of-type,
.board-member:last-of-type {
	border-bottom: none;
	max-height: 0px;
}
.staff-member .post-thumbnail,
.board-member .post-thumbnail {
	display: block;
	width: 22.7272727272727%; /* 150px / 660px */
	float: left;
	margin-right: 3.030303030303%
}
.post-thumbnail img {
	width: 100%;
	height: auto;
	max-width: 150px;
}
.staff-name {
	font: bold 1.125em/1em "BentonSans Regular", Helvetica, sans-serif;
	float: left;
}
.staff-name a {
	color: #252525;
}
.staff-name a:hover {
	color: #707070;
}
.staff-links {
	float: right;
}
.email-icon,
.facebook-icon,
.twitter-icon,
.linkedin-icon {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-left: 5px;

}
.email-icon {background: url(images/sprites.png) no-repeat -122px -372px;}
	.email-icon:hover {background-position: -122px -398px;}
.facebook-icon {background: url(images/sprites.png) no-repeat -32px -372px;}
	.facebook-icon:hover {background-position: -32px -398px;}
.twitter-icon {background: url(images/sprites.png) no-repeat -62px -372px;}
	.twitter-icon:hover {background-position: -62px -398px;}
.linkedin-icon {background: url(images/sprites.png) no-repeat -92px -372px;}
	.linkedin-icon:hover {background-position: -92px -398px;}

.staff-bio {
	clear: right;
	margin-top: 20px;
}

.bio-link {
	font: bold 0.875em/1em "BentonSans Regular";
}
.bio-link .caret-dn {
	display: inline-block;
	background: url(images/sprites.png) no-repeat -75px -550px;
	width: 11px;
	height: 7px;
	margin-left: 7px;
	margin-bottom: 3px;
}
.bio-link:hover .caret-dn,
.bio-link:hover .caret-dn {
	background-position: -75px -570px;
}


/* Staff/Board bio: Closed */
.staff-member,
.board-member{
	max-height: 20px;
	overflow: hidden;
	-webkit-transition:1s;
    -moz-transition:1s;
    -o-transition:1s;
    transition:1s;
}
.staff-member .post-thumbnail,
.board-member .post-thumbnail {
	margin-left: -215px;
	-webkit-transition:.4s;
    -moz-transition:.4s;
    -o-transition:.4s;
    transition:.4s;
}
.staff-member .staff-name .caret-dn,
.board-member .staff-name .caret-dn {
	display: inline-block;
	background: url(images/sprites.png) no-repeat -32px -550px;
	width: 11px;
	height: 7px;
	margin-left: 7px;
	margin-bottom: 3px;
}
.staff-member .staff-name:hover .caret-dn,
.board-member .staff-name:hover .caret-dn {
	background-position: -32px -570px;
}

.staff-bio {
	max-height:0px;
	overflow:hidden;
	-webkit-transition:.3s;
    -moz-transition:.3s;
    -o-transition:.3s;
    transition:.3s;

}




/* Staff/Board bio: Open */
.staff-member.open,
.board-member.open{
	max-height: 500px;
}

.staff-member.open .staff-name .caret-dn,
.board-member.open .staff-name .caret-dn {
	display: inline-block;
	background: url(images/sprites.png) no-repeat -75px -550px;
	width: 11px;
	height: 7px;
	margin-left: 7px;
	margin-bottom: 3px;
}
.staff-member.open .staff-name:hover .caret-dn,
.board-member.open .staff-name:hover .caret-dn {
	background-position: -75px -570px;
}

.staff-member.open .staff-bio,
.board-member.open .staff-bio {
	max-height:500px;
	-webkit-transition:.5s;
    -moz-transition:.5s;
    -o-transition:.5s;
    transition:.5s;
}
.staff-member.open .staff-bio p,
.board-member.open .staff-bio p {
	margin-top: 20px;
}
.staff-member.open .post-thumbnail,
.board-member.open .post-thumbnail  {
	margin-left:0;
	-webkit-transition:.5s;
    -moz-transition:.5s;
    -o-transition:.5s;
    transition:.5s;
}

/* Section: Sponsoring Societies */
.ss-item {
	clear: both;
	padding-top: 30px;
	margin-top: 30px;
	border-top: 1px solid #252525;
}
.ss-item:first-of-type {
	padding-top: 0;
	margin-top: 0;
	border-top: none;
}
.thumbnail-ss {
	display: block;
	width: 22.7272727272727%; /* 150px / 660px */
	float: left;
	margin-right: 3.030303030303%
}
.thumbnail-ss img {
	width: 100%;
	height: auto;
}
.ss-item h3 {
	font: bold 1.125em/1em "BentonSans Regular", Helvetica, sans-serif;
}
.ss-item address {
	font: normal 0.875em/1.5em "Benton Modern RE", Helvetica, sans-serif;
	margin-top: 15px;
}


/* Article Detail */

.contributor-container {
	max-height:0;
	overflow:hidden;
    -webkit-transition:.5s;
    -moz-transition:.5s;
    -o-transition:.5s;
    transition:.5s;
}

.contributor-container.open {
	max-height:300px;
    -webkit-transition:.5s;
    -moz-transition:.5s;
    -o-transition:.5s;
    transition:.5s;
    margin-top: 1em;
}
.contributor-wrap {
	display: inline-block;
	margin-top: 1.5em;
}
.contributor .caret-dn {
	display: inline-block;
	background: url(images/sprites.png) no-repeat -32px -550px;
	width: 11px;
	height: 7px;
	margin-bottom: 3px;
}
.contributor:hover {
	color: #707070;
}
.contributor:hover .caret-dn {
	background-position: -32px -570px;
}
.contributor-container .post-thumbnail,
.contributorGridItem .thumbnail {
	display: block;
	width: 22.7272727272727%; /* 150px / 660px */
	float: left;
	margin-right: 3.030303030303%;
	margin-bottom: 1em;
}
.contributor-details {
	float: left;
	width: 74.2424242424242%; /* 490px / 660px */
}
.contributor-bio {
	font: normal 0.875em/1.5em "Benton Sans RE", Helvetica, sans-serif;
}
.contributor-bio p {
	font: normal 1em/1.5em "Benton Sans RE", Helvetica, sans-serif;
}
.contributor-bio a.read-more {
	font: normal 1em/1.5em "Benton Sans RE", Helvetica, sans-serif;
}
.contributor-bio a.read-more span {
	display: inline-block;
	background: url('images/sprites.png') no-repeat -35px -672px;
	width: 8px;
	height: 7px;
	margin-left: 5px;
}
.contributor-bio a.read-more:hover span {
	background-position: -35px -695px;
}
.contributor-details .company {
	margin-top: 5px;
	font: normal 0.875em/1em "Benton Sans RE", Helvetica, sans-serif;
}
.contributor-details .website {
	font-size: .75em;
}
.contributor-details .company {
	font-weight: bold;
}
#main .social-links {
	margin-top: 10px;
	list-style: none !important;
	margin-left: 0 !important;
}
.social-links li {
	float: left;
	margin-left: 0 !important;	
}
.social-links li a {
	margin-right: 10px;
}
.contributor-bio {
	clear: both;
	padding-top: 10px;
}


/* Contributor Archive */
.contributorGridItem {
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #252525;
}

.contributorGridItem .thumbnail img {
	width: 100%;
	height: auto;
}


.single-contributor .grid-item {
	width: 48%;
	margin:0 2% 2% 0;
}

.single-contributor #grid-container .secondary-title,
.single-contributor #sidebar ul li:first-of-type .secondary-title{
	margin-top: 0;
	border-top: 0;
}



.single-article .featured-image {
	margin-top: 40px;
}



.webextra-tag {
	display: block;
	background: #252525;
	color: white;
	font: normal 0.75em/1em "BentonSansCond Regular";
	width: 35px;
	height: 40px;
	text-transform: uppercase;
	padding: 14px 10px 1px 10px;
	text-align: center;
	border-radius: 45px;
	float: left;
	margin-right: 10px;
	margin-top: 20px;
	-webkit-box-shadow:  5px 5px 10px 0px rgba(0, 0, 0, .2);
    box-shadow:  5px 5px 10px 0px rgba(0, 0, 0, .2);
}
.webextra-link {
	padding-top: 20px;
	display: block;
	margin-top: 20px;
	font-size: 0.825em;
}



/* Section: Contact Us */
#contact-us .column {

}
#contact-us .column#contact-form {
	width: 61.3636363636364%; /* 405px / 660px */
	float: left;
}

input[type="text"].medium,
textarea.medium {
	width: 98% !important;
	padding: 0 1% !important;
	background: transparent;
	border: 1px solid #252525;
	height: 30px;
	margin-bottom: 20px;
	color: #252525;
	font: normal 1em/1em "Benton Sans RE";
}
textarea.medium {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	margin-bottom: 0;
}

.gform_body label.gfield_label {
	display: none !important;
}
.gform_wrapper ul.gfield_checkbox {
	margin-bottom: 20px !important;
}
.gform_body .gfield_checkbox label {
	font: bold 1em/1em "Benton Sans RE";
	margin-top: 4px;
	color: #252525;
}
.gform_body .gfield_checkbox label:hover {
	color: #252525;
}

input[type="submit"] {
	border: none;
}

.gform_button {
	min-width: 125px;
	float: right;
	margin-top: -15px;
	font-size: 13px !important;
}
.gform_wrapper {
	max-width: 100% !important;
}






#contact-us .column#media-kit {
	width: 35.6060606060606%; /* 235px / 660px */
	float: right;
	margin-left: 3.030303030303%; /* 20px / 660px */
}

/* Subsection: Contact Form */

/* Subsection: Media Kit */
.mk-item {
	clear: both;
	padding-top: 20px;
	margin-top: 20px;
	border-top: 1px solid #252525;
	min-height: 75px;
}
.mk-item:first-of-type {
	padding-top: 0;
	margin-top: 0;
	border-top: none;
}
.thumbnail-mk {
	display: block;
	width: 27.6595744680851%; /* 65px / 235px */
	float: left;
	margin-right: 4%;
}
.thumbnail-mk img {
	width: 100%;
	height: auto;
}
.mk-item  h4 {
	font: bold 0.75em/1em "Benton Sans RE", Helvetica, sans-serif;
	display: inline-block;
	max-width: 105px;
}
.mk-item .size-full {
	margin-top: 0;
}
.gform_wrapper span.gform_description {
	font: normal 0.875em/1.5em "Benton Modern RE", Georgia, serif
}
.gform_wrapper .gform_heading {
	margin-bottom: 28px !important;
}


/* Page: Events Archive */










/* Page: Issues Archive */


.issueContainer {
	width: 100%;
}
.issueContainer ul {
	width: 102%;
}
.issue {
	width: 23%;
	margin-right: 2%;
	float: left;
	margin-bottom: 40px;
}

.issueContainer .section-title {
	clear: both;
	width: 98%;
}

.issue a {
	font-size: 0.875em;
}
.issue a * {
	transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out; /* Firefox 4 */
	-webkit-transition: all 0.3s ease-out; /* Safari and Chrome */
	-o-transition: all 0.3s ease-out; /* Opera */
}
.issue a:hover * {
	opacity: .9;
	filter: alpha(opacity=90);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
.issue .issue-thumbnail {
	max-height: 305px;
	overflow: hidden;
}
.issue a h5 {
	font-weight: bold;
	margin-top: 15px;
	font-size: 1em;
	color: #252525;
}
.contributors-link {
	margin-top: 25px;
	display: block;
}


/* Page: Current Issue */
.single-issue #hero {
	margin-top: 30px;
	overflow: hidden;
}
.single-issue #hero .hero-thumbnail {
	width: 66%;
	max-height: 390px;
	float: right;
}

.single-issue #hero .content {
	width: 32%;
	float: left;
}
.single-issue #hero .category {
	color: #252525;
	text-transform: uppercase;
	font: normal 1em/1em "TradeGothicW01-BoldCn20 675334", Helvetica, sans-serif;
	max-width: 93%;
	padding: 2% 0;
}
.article-title {
	font: bold 1.9em/1em "BentonSans Regular", Helvetica, sans-serif;
	letter-spacing: -1px;
}
.article-excerpt {
	margin: 20px 0;
	font: normal 0.875em/1.5em "Benton Modern RE", Helvetica, sans-serif;
}
.article-excerpt p {
	font-size: 1em;
}
.article-excerpt a {
	font: bold 1em/1em "Benton Sans RE", Helvetica, sans-serif;
}



#tier3-article-container {
	margin-top: 20px;
}
#tier3-article-container ul {
	width: 102%;
}
#tier3-article-container ul li {
	float: left;
	width: 23%;
	margin-right: 1.9607843137255%;
	height: 170px;
	overflow: hidden;
	margin-bottom: 20px;
}

#tier3-article-container ul li h5 {
	font: bold 0.875em/1.125em "BentonSans Regular";
}
#tier3-article-container ul li p {
	font: normal 0.75em/1.5em "Benton Sans RE";
	margin-top: 5px;
}


.single-contributor .post {
	margin-top: 1em;
}


/* Sponsor Message */
.sponsorMessage {
	padding: 10px 20px 10px 10px;
	width: 96%;
	height: 75px;
	background: #555;
	clear: both;
	margin: 30px 0;
	cursor: pointer;
	color: white;
	font:normal 1em/1.5em "Benton Modern RE", Georgia, serif;
	background-position:103% 11%;
	-webkit-transition:.3s;
    -moz-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
}

.sponsorMessage:hover {
	background:#252525;
	background-position:98.5% 11%;
	background-image:url('images/icon-sponsor-ext-white.png');
	background-repeat: no-repeat;
}

/* Home-specific Sponsor Ad Styles */

body.home .sponsorMessage p
{
	font-size:0.75em;
}


body.home .sponsorMessage img {
	max-width: 75px; 
	max-height: 75px;
	float: left;
	padding-right:20px;
}

.sponsorMessage span {
	text-transform:uppercase;
	border-bottom:1px solid #fff;
	padding-bottom:2px;
	font: bold 1em/1em "TradeGothicW01-BoldCn20 675334", "Open Sans Condensed", sans-serif;
	height: 14px;
	display: inline-block;
	margin-bottom:5px;
}

body.home .sponsorMessage span:before
{ 
	content: "sponsored";
	text-transform: uppercase;
	background-color: white;
	color: #555;
	text-align: center;
	font-size: .5em;
	letter-spacing: .01em;
	font-weight: bold;
	position: relative;
	padding: 1px 2px 0 3px;
	top: -3px;
	display: inline-block;
	line-height: 1.5em;
	font-family: "TradeGothicW01-BoldCn20 675334", "Open Sans Condensed", sans-serif;
	margin-right: 5px;
	
}

#grid-container .sponsorMessage img {
	display:none;
}
#grid-container .sponsorMessage{
	width:94%;
	background:none;
	text-align:center;
	color:#252525;
	border-top:1px solid #252525;
	border-bottom:1px solid #252525;
	padding-bottom: 26px;

}

#grid-container .sponsorMessage:hover {
	background-image:none;
}

#grid-container .sponsorMessage span {
	border:none;
	padding:0 23px;
	background-position:117% 0%;
	background-image:url('images/icon-sponsor-ext-black.png');
	background-repeat: no-repeat;
	-webkit-transition:.3s;
    -moz-transition:.3s;
    -o-transition:.3s;
    transition:.3s;

}

#grid-container .sponsorMessage:hover span {
	background-position:100% 0%;
	background-image:url('images/icon-sponsor-ext-black.png');
	background-repeat: no-repeat;
}
#grid-container .sponsorMessage p {
	max-width:84%;
	margin:0 auto;
	font-style:italic;
}



#grid-container .sponsorMessage p:after
{ 
	content: "sponsored message";
	text-transform: uppercase;
	color: #555;
	letter-spacing: .01em;
	padding: 1px 3px 0;
	display: block;
	line-height: 1.5em;
	font: bold .5em/1em "TradeGothicW01-BoldCn20 675334", "Open Sans Condensed", sans-serif;
	margin: 12px auto 0;
}


/* Advertise Page */
.page-advertise .page-header {
	display: none;
}


/* 404 Page */
body.error404 #main #searchform,
body.search-results #main #searchform,
body.search-no-results #main #searchform {
	float: left;
}

/* Search Results */
body.search-results .section-title {
	margin-top: 40px;
}
.search-results .section-title h2 {
	float: left;
	margin-right: 1%;
}
.search-results .section-title a,
.search-results .section-title .result-count {
	font: normal .6em/1em "Benton Sans RE";
	text-transform: none;
}

.search-grid-item {
	width: 48%;
	margin-right: 2%;
	margin-bottom: 20px;
	float: left;
	height: 110px;
}
.search-grid-item .thumbnail {
	float: left;
	width: 31.25%;
	margin-right: 4.1666666666667%;
	max-height: 110px;
	overflow: hidden;
	display: block;
}
.search-grid-item .thumbnail img {
	width: 100%;
	height: auto;
}
.search-grid-item h2 {
	font: bold 1em/1em "BentonSans Regular";
}
.search-grid-item p {
	max-height: 65px;
	margin-top: 5px;
	overflow: hidden;
}

body.search-no-results .alert {
	margin-top: 40px;
}





/* Post-launch Page Styles */



/* Page: Get Involved */
.page-get-involved .getinvolvedGridItem {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #252525;
}

.page-get-involved .getinvolved-thumb {
	width: 35.6060606060606%;
	float: left;
	max-height: 160px;
	overflow: hidden;
	display: block;
	margin-right: 3.030303030303%;
}

.page-get-involved .getinvolved-thumb img {
	width: 100%;
	height: auto;
}

.page-get-involved .getinvolvedGridItem .getinvolved-details {
	float: right;
	width: 61.3636363636364%;
}

.page-get-involved .getinvolved-details h5 {
	font: bold 1.5em/1em "BentonSans Regular";
	margin-top: 0;
}

.page-get-involved .getinvolved-excerpt {
	margin-top: 15px; 
}


/* Sidebar */
.page-get-involved #sidebar .sb-join.widget,
.page-include-phs-in-your-will #sidebar .sb-join.widget {
	border-top: none;
	margin-top: 0px;
}



/* NEW Magazine Landing Page (/magazine) - June 2013 */
.page-magazine .page-content {
	margin-bottom: 10px;
	clear: both;
}
.page-magazine .page-content h1 {
	display: block;
	margin-bottom: 20px;
}
.page-magazine .page-content .description p {
	font: normal 16px/1.3em "Benton Sans RE", Helvetica, sans-serif;
}
.page-magazine .page-content p {
	font-size: 1em;
	line-height: 1.5em;
}
.page-magazine .current-issue h2 {

}
.page-magazine .current-issue .info {
	float: left;
	width: 25%;
	margin-bottom: 40px;
}
.page-magazine .current-issue .info img {
	height: auto;
}
.page-magazine .current-issue .editorial-excerpt {
	width: 65.5%;
	float: right;
	margin-bottom: 40px;
}
.page-magazine .current-issue .editorial-excerpt h3 {
	margin-bottom: 20px;
}
.page-magazine .current-issue .editorial-excerpt p {
	padding-right: 10%;
}
.page-magazine .current-issue .editorial-excerpt .button {
	margin: 20px 0 0;
}

.page-magazine .issueContainer .issue .button {
	margin: 0;
}


.pagename-retail-outlets #main .post, 
.pagename-retail-outlets #main .post p {
	font-family: "Benton Sans RE", Helvetica, sans-serif !important;
}







/*****************************************
**{{{{{{{{{{{ Tablet Styles }}}}}}}}}}}**
*****************************************/

@media screen and (min-width: 600px) and (max-width: 950px) {    /* NOTE: add min-width */

	/* Primary Navigation */
	#searchform input[type="submit"] {
		display: none;
	}

	/* Layout */
	body.home .wrap.container {
		padding-top: 30px;
		border-top: 4px solid #252525;
	}
	.wrap.container {
		margin-top: 30px;
	}
	#main {
		width: 100%;
	}
	#main.col-left {
		margin-top: 30px;
		width: 100%;
		float: none;
	}
	#sidebar {
		margin-top: 30px;
		width: 100%;
		float: none;
	}
	
	#sidebar ul { 
    	float: left;
		width: 100%;
	} 
	/* Sidebars inner pages */
	#sidebar ul li.sb-share,
	#sidebar ul li.sb-newest {
		/* width: 49%;
		clear: right; */
	}
	#sidebar ul li.sb-share {
		/* float: left; */
	}
	#sidebar ul li.sb-newest {
		/* float: right;
		margin-left: 2%; */
	}
	#sidebar ul li.sb-newest h2.secondary-title {
		margin-top: 0;
	}
	#sidebar ul li.sb-newest ul li a {
		line-height: 1.375em;
	}
	#sidebar ul.article-meta li {
		/* width: 49%;
		float: left; */
	}
	#sidebar .current-issue-meta {
		/* margin-left: 2%;
		float: right; */
	}
	#sidebar ul.categories li {
		width: 100%;
		float: none;
	}
	#sidebar ul.categories {
		padding-top: 10px;
		border-top: 1px solid #252525;
		margin-top: 40px;
		width: 100%;
		float: left;
	}

	/* Homepage only */
	/* 2 Column layout */
	body.home #main.col-left {
		margin-top: 40px;
		width: 66%;
		float: left;
	}

	/* Sidebars */
	body.home #sidebar {
		margin-top: 40px;
		width: 32%;
		float: right;
	}

	/* Hero */
	.hero-thumbnail {
		z-index:1;
		width: 100%;
		max-height: 340px;
		overflow: hidden;
	}
	.hero-content {
		width: 40%;
		height: 99%;
	}
	.hero-title {
		margin: 40px 20px 0;
	}
	.carousel-tabs {
		bottom: 10px;
		left: 15%;
	}

	/* FOOTER */
	footer#content-info {
		position: relative;
		height: 400px;
	}
	footer#content-info .footer-col {
		width: 27%;
		float: none;
	}
	footer#content-info .footer-col:last-of-type{
	}
	.footer-col {
		position: absolute;
		margin-right: 0;
	}
	.current-issue {
		left: 5%;
	}
	.newsletter,
	.social {
		left: 37%;
	}
	.newsletter {
		top: 160px;
	}
	.about {
		right: 5%;
	}
	.footer-stamp {
		position: absolute;
		bottom: 15%;
		width: 90%;
	}
	footer p.copy {
		position: absolute;
		bottom: 10%;
		width: 90%;
	}

	/* Article Grid Items */
	.grid-item {
		float:left;
		background:white;
		width: 48%;
		margin:0 2% 2% 0;
		position:relative;

		-webkit-box-shadow:  5px 5px 10px 0px rgba(0, 0, 0, .2);
	    box-shadow:  5px 5px 10px 0px rgba(0, 0, 0, .2);

	    transition: all 0.4s ease-out;
		-moz-transition: all 0.4s ease-out; /* Firefox 4 */
		-webkit-transition: all 0.4s ease-out; /* Safari and Chrome */
		-o-transition: color 0.4s ease-out; /* Opera */
	}
	.sponsorMessage {
		height: 95px;
		margin: 20px 0;
	}
	.grid-item a.thumb-link, .grid-item .nothumb-text-excerpt {
		padding-top: 8.4%;
	}

	/* Issues Subnav */
	.subnav {
		max-height: 114px;
	}
	.subnav li.archive {
		width: 100%;
		margin-bottom: 10px;
	}
	#filterForm li label {
		width: 62%;
	}


} /* END tablet media query */










/*****************************************
**{{{{{{{{{{{ Mobile Styles }}}}}}}}}}}**
*****************************************/

@media screen and (max-width: 599px) {



@import url(//fonts.googleapis.com/css?family=Open+Sans+Condensed:700);

	/* Primary Navigation */
	#nav-main ul li {
		margin: 0 1%;
		white-space: nowrap;
		line-height: 2em;
	}
	#nav-main ul li a {
		font-size: 0.875em;
		font-family: "TradeGothicW01-BoldCn20 675334", "Open Sans Condensed", sans-serif;
	}
	#searchform input[type="submit"] {
		display: none;
	}
	#searchform {
		width: 80%;
	}

	/* Article Elements */
	.article-sidebar {
		width: 100%;
	}
	blockquote.pull-quote {
		width: 100%;
	}

	.post ul.gallery li.gallery-item, 
	.post div.gallery dl.gallery-item {
		max-width: 48%;
		margin-right: 2%;
	}

	/* Layout */
	body.home .wrap.container {
		padding-top: 30px;
		border-top: 4px solid #252525;
	}
	.wrap.container {
		margin-top: 30px;
	}
	#main {
		width: 100%;
	}

	#main.col-left {
		margin-top: 30px;
		width: 100%;
		float: none;
	}
	#sidebar {
		margin-top: 30px;
		width: 100%;
		float: none;
	}

	.section-title {
		text-align: center;
		font-size: 1.25em;
	}
	.secondary-title {
		border-top: 1px solid #252525;
		margin-top: 30px;
	}


	/* Section: Homepage Hero Slider */
	/* Carousel default css */
	.slidewrap .carousel-tabs {
		margin: 0;
	}
	.carousel-tabs { 
		position: relative;
		bottom: 0;
		left: 0;
		width: 70px;
		margin: 0 auto !important;
	}

	.hero-thumbnail {
		max-height: 220px;
	}
	.hero-content {
		position: relative;
		width: 100%;
		margin-top: -5px;
		background: rgb(54,54,54);
	}
	.hero-title {
		margin: 0;
		font: bold 1.25em/1em "BentonSans Regular", Helvetica, sans-serif;
		padding: 15px 15px 10px;
	}
	.hero-excerpt {
		margin: 0 15px 15px 15px;
		font: normal 0.875em/1.5em "Benton Modern RE", Helvetica, sans-serif;
	}
	.hero-excerpt a {
		font: bold 1em/1em "Benton Sans RE", Helvetica, sans-serif;
	}

    /* Filters  (Explore, Events) */
    .subnav {
    	background:none;
    }
    #filters form {
    	padding:0;
    	width:auto;
    }
    .subnav #filterForm .expandButton.mobile-filter-header {
		display:block;
		position: static;
		float: left;
		clear: left;
		width: 92%;
		padding: 4%;
		text-indent: 0;
		height: 20px;
		background:#252525 url('images/mobile-expand.png') no-repeat 94% -75px;
		color: #fff;
    }
   .expandButton.mobile-filter-header.open {
		-moz-transform:none;
		-webkit-transform:none;
		-o-transform:none;
		-ms-transform:none;
		transform:none;
		background-position: 94% 25px !important;
	}
    #filters fieldset,
    #filters.events.subnav fieldset {
    	clear:left;
    	padding-bottom:10px;
    	width:92% !important;
    	padding:0 4% !important;
    	max-height:0;
    	background:#464646;
    	min-height:0;
    	overflow:hidden;
    	-webkit-transition:.5s;
        -moz-transition:.5s;
        -o-transition:.5s;
        transition:.5s;
    }
    #filters fieldset.open,
    #filters.events.subnav fieldset.open {
     	max-height:500px;
    }
    #filters fieldset ul{
    	padding: 4% 0;
    }
    #filters{
    	max-height: none;
    }
	#issueListMask, #chosenFilters, #chosenFilters + .expandButton, #eventFilters, #eventFilters + .expandButton {
		display:none;
	}

	/* Homepage Section: Latest Articles */
	#main article.article {
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	#main article.article header {
		float: none;
		width: 100%;
	}
	#main article.article .post-thumbnail {
		display: none;
	}

	#main article.article .entry-content {
		float: none;
		width: 100%;
		max-height: none;
	}
	#main article.article .entry-content a.read-more {
		font: bold 1em/1em "Benton Sans RE", Helvetica, sans-serif;
		color: #252525;
	}

	/* Footer */
	footer#content-info h4 {
		text-align: center;
	}
	footer#content-info .footer-col {
		width: 100%;
		float: none;
		margin-bottom: 30px;
		padding-bottom: 30px;
		border-bottom: 1px solid #707070;
		clear: both;
	}
	footer#content-info .footer-col:last-of-type{
		border: none;
	}
	.footer-issue {
		float: none;
		margin: 0 auto;
	}
	.current-issue .issue-info {
		width: 100%;
		float: none;
		margin-left: 0;
		text-align: center;
	}
	.current-issue .issue-volume {
		margin: 5px auto;
	}
	.current-issue a.purchase.button {
		float: none;
		display: block;
	}
	.current-issue .foot {
		text-align: center;
	}
	footer .newsletter.footer-col form {
		width: 60%;
		margin: 0 auto;
		height: 30px;
	}

	footer #sidebar .sb-newsletter .button, footer .newsletter.button{
		float: none;
	}
	footer .social.footer-col ul {
		max-width: 160px;
		margin: 0 auto;
	}
	footer .social.footer-col ul li {
		float: left;
		margin-right: 10px;
	}
	footer .about.footer-col .footer-nav ul li {
		text-align: center;
	}

	/* Events Archive */
	.eventGridItem .e-details {display: none;}
	.eventGridItem .e-thumbnail {
		width: 46.875%;
		float: left;
	}
	.eventGridItem header {
		width: 46.875%;
	}

	/* Tours Archive */
	.tourGridItem .tours-thumb {
		width: 100%;
		float: none;
	}
	.tourGridItem .tours-details {
		width: 100%;
		float: none;
	}
	.tourGridItem .tours-details h5 {
		margin-top: 1em;
	}
	.eventGridItem .e-title {
		font: bold 1.125em/1em "BentonSans Regular", Helvetica, sans-serif;
		width: 100%;
		float: none;
		margin-bottom: 1em;
	}

	/* Tours Detail */
	/* Events Detail */
	.inner-left-col {
		float: none;
		width: 100%%;
		margin-top: 40px;
	}
	.inner-left-col {
		margin-top: 20px;
	}
	.tour-content,
	.event-content {
		float: none;
		width: 100%;
		margin-top: 20px;
	}
	.single-event .thumbnail,
	.single-tour .thumbnail,
	.single-event .title,
	.single-tour .title {
		float: none;
		width: 100%;
	}
	.single-event .thumbnail img,
	.single-tour .thumbnail img {
		max-width: 100%;
		height: auto;
	}
	.tours-details a.button, 
	.inner-left-col a.button {
		float: none;
	}

	/* Article Grid Items */
	.grid-item {
		clear: both;
		width: 98%;
		margin-bottom: 5%;
	}
	.sponsorMessage {
		min-height: 95px;
		height:auto;
		margin: 20px 0;
	}

	#grid-container .sponsorMessage span {
 		background-position:100% 0%;
	}
	/* Search Results */
	.search-grid-item {
		width: 100%;
		margin-right: 0;
		float: none;
	}

	/* Issues Archive */
	.issue {
		width: 48%;
	}
	.issue a {
		font-size: 0.75em;
	}
	.issue a * {
		transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out; /* Firefox 4 */
		-webkit-transition: all 0.3s ease-out; /* Safari and Chrome */
		-o-transition: all 0.3s ease-out; /* Opera */
	}
	.issue a:hover * {
		opacity: .9;
		filter: alpha(opacity=90);
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	}
	.issue a h5 {
		font-weight: bold;
		margin-top: 15px;
		font-size: 1em;
		color: #252525;
	}
	.contributors-link {
		margin-top: 25px;
		display: block;
	}

	/* Page: Magazine (Single Issue) */
	#issuesSubnav .issue-title {
		left: 50%;
		top: 15px;
		margin-left: -51px;
	}
	#issuesSubnav.subnav {
		max-height: 175px;
	}
	#issuesSubnav.subnav .subnavHeader li {
		margin-bottom: 10px;
	}
	#issuesSubnav.subnav .subnavHeader .archive,
	#issuesSubnav.subnav .expandButton {
		display: none;
	}
	#issuesSubnav.subnav li.buy-issue {
		margin-top: 20px;
	}
	#issuesSubnav .issue-title {
		left: 50%;
		top: 20px;
		margin-left: -56px;
	}
	a.all-issues {
		bottom: 10px;
		left: 50%;
		margin-left: -40px;
		z-index: 999;
	}
	.single-issue #hero .hero-thumbnail {
		width: 100%;
		max-height: 390px;
		float: none;
		overflow: hidden;
	}
	.single-issue #hero .content {
		width: 100%;
		float: none;
		clear: both;
	}
	#tier3-article-container ul li {
		float: none;
		width: 100%;
		margin-right: 0;
		height: auto;
	}
	#related-articles .related-articles li {
		width: 48%;
	}

	/* About Page */
	#about-nav-wrapper {
		display: none;
	}
	.staff-name {
		font: bold .75em/1em "BentonSans Regular", Helvetica, sans-serif;
	}
	.staff-links {
		float: none;
		clear: right;
		margin-top: 40px;
	}
	#contact-us .column#media-kit {
		display:none;
	}
	#contact-us .column#contact-form {
		width: 100%;
		float: none;
	}




	/* Custom Pages */

	/* Page: Get Involved */
	.page-get-involved .getinvolved-thumb {
		width: 100%;
		float: none;
		max-height: none;
		overflow: visible;
		margin-right: 0;
	}

	.page-get-involved .getinvolvedGridItem .getinvolved-details {
		float: none;
		width: 100%;
		margin-top: 20px;
	}


	/* Page: Magazine Landing */
	.page-magazine .page-content h1 {
		float: none;
		width: 100%;
	}
	.page-magazine .page-content .description {
		width: 100%;
		float: none;
		margin-top: 20px;
	}
	.page-magazine .current-issue .info {
		width: 100%;
		float: none;
		margin-bottom: 0px;
	}
	.page-magazine .current-issue .editorial-excerpt {
		width: 100%;
		float: none;
		margin-top: 20px;
	}
	.page-magazine .current-issue .editorial-excerpt .issue-volume {
		margin: 5px 0;
	}
	.page-magazine .current-issue .editorial-excerpt p {
		padding-right: 0;
	}


	.home #sidebar .current-issue.widget {
		display: none;
	}
	
	header .topright {
		position: relative;
		clear: both;
		float: none;
		text-align: center;
		margin: 0 auto;
	}
	
	#what-about-section ul li {
		float: none;
		max-width: 100%;
		width: 100%;
		margin: 0 0 15px 0;
		clear: both;
		overflow: hidden;
	}
	
	#what-about-section ul li:last-child {
		float: none;
		max-width: 100%;
		width: 100%;
		margin: 0;
		clear: both;
		overflow: hidden;
	}


} /* END mobile media query */










/*****************************************
**{{{{{{{{{{{ Helper Classes }}}}}}}}}}}**
*****************************************/

.clearfix {clear:both;}
.hide-text {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.hidden {display:none;}
.visuallyhidden {display: none;}
a.post-edit-link {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
	color: red;
	margin: 1em 0;
	vertical-align: middle;
}
a.post-edit-link:hover {
	text-decoration: underline;
}










/*****************************************
****{{{{{{{{{{{ IE Fixes }}}}}}}}}}}*****
*****************************************/

/* LTE IE 9 */
.lte-ie9 .issue { /* Fixes Issues Index 4th issue wrap in <=ie9 */
	margin-right: 1%;
}

.lte-ie9 #filterForm li label {
	width:84%;
	font-style:normal;
} 

.lte-ie9 .staff-member .staff-name .caret-dn, .lte-ie9 .boardx-member .staff-name .caret-dn {
	background-position:-32px -545px;
	height:17px;
	width:18px;
}

/* LT IE 9 */
.lt-ie9 footer#content-info .about.footer-col { /* Fixes footer column wrap in <ie9 */
	margin-right: 0;
}
.lt-ie9 .subnav.articles fieldset#regions-group { /* Fixes Explore Subnav fieldset wrap in <ie9 */
	padding-right: 0;
}
.lt-ie9 .subnav.articles fieldset#plants-group { /* Fixes Explore Subnav initial fieldset border in <ie9 */
	border-left: none;
}

.lt-ie9 input[type="radio"] { /* Disappears default radio buttons <ie9 */
	width: 0px;
	height: 0px;
}
.lt-ie9 #filterForm li input { /* Compensates stylistically for disappeared radio buttons (above) <ie9 */
	margin-right: 20px;
}
.lt-ie9 .alignleft { /* Fixes broken page layout wherever wp images with alignleft class <ie9 */
	float: none;
}
.lt-ie9 .top-topics.widget li.summer,
.lt-ie9 .top-topics.widget li.edible-plants { /* Fixes popular categories sidebar widget on homepage. <ie9 no support :nth */
	margin-right: 2%;
}
.lt-ie9 .hero-content { /* Fixes lack of support for css opacity in <ie8 */
	background: url(images/ie-opacity-fix.png);
}


/* LT IE 8 */
.lt-ie8 header a.brand {
	text-indent: -9999px;
}
.lt-ie8 a {
	color: #363636;
}

.lt-ie8 .footer-wrap a {
	color: #fff;
}

.lt-ie8 .button,
.lt-ie8 a.button {
	color: #fff;
}
.lt-ie8 footer#content-info .footer-col {
	width: 20.25%;
}
.lt-ie8 .subnav .subnavHeader a.button {
	display: inline-block;
}
.lt-ie8 .buttonStyle li {
	display: inline;
}

.lt-ie8 a.see-all,
.lt-ie8 .grid-item .category a,
.lt-ie8 .grid-item .article-meta a,
.lt-ie8 .subnavHeader a {
	color: white;
}
.lt-ie8 .staff-bio {
	clear: both;
}
.lt-ie8 .hero-content a {
	color: #fff;
}


#sidebar .gfield h6 {
	font-size: 12px;
	margin: 0 0 8px;
}

#sidebar .gform_wrapper .top_label input.medium,
#sidebar .gform_wrapper .top_label select.medium {
	width: 100%;
}


.embed-container {
  position: relative; 
  padding-bottom: 56.25%; 
  height: 0; 
  overflow: hidden; 
  max-width: 100%; 
} 
.embed-container iframe, .embed-container object, .embed-container embed {
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
}