.show-small { display: inline-block; }
.show-large { display: none; }

.blog_homepage {
	display: none;
}
	.blog_homepage.show {
		display: block;
	}

.blogContainer {
	margin: 0 0 50px;
}
	.blogContainer.notSingle {
		margin: 50px 0;
		padding-right: 20px;
		padding-left: 20px;
	}

.blogContainer h1 a,
.blogContainer h2 a,
.blogContainer h3 a,
.blogContainer h4 a,
.blogContainer h5 a,
.blogContainer h6 a{
	font-family: inherit;
}

.blogContainer .rss,
.blog_core_panel .qv_textbox {
	max-width: 940px;
	margin: 0 auto;
	position: relative;
}
	.blogContainer .rssLink {
		position: absolute;
		top: -40px;
		right: 10px;
	}

.blogContainer .heading {
	margin-bottom: 25px;
	border-bottom: 1px solid #ccc;
}
	.blogContainer .heading > h1 {
		color: #444;
		font-size: 50px;
		line-height: 50px;
		margin-bottom: 10px;
	}

.blogContainer h2 {
	max-width: 940px;
	margin: 15px auto;
}

/* Blog list */
.blogContainer .blogPost {
	max-width: 940px;
	margin: 0 auto 50px;
	padding-bottom: 50px;
	border-bottom: 1px solid #e1e1e1;
}
	.blogContainer .blogPost .header > h3 {
		max-width: 940px;
		margin: 0 auto 15px;
		font-family: "ff-good-headline-web-pro-con", sans-serif;
		font-size: 30px;
		line-height: 30px;
		color: #444;
	}
		.blogContainer .blogPost .header > h3 > a {
			color: inherit;
			font-size: inherit;
			font-family: inherit;
			line-height: inherit;
		}

	.blogContainer .blogPost .header > .subHead {
		max-width: 940px;
		margin: 0 auto 5px;
		font-family:'Aktiv Grotesk W01 Regular';
		font-size: 13px;
		line-height: 14px;
		color: #777;
		font-style: italic;
	}
		.blogContainer .blogPost .header > .subHead span {
			text-transform: uppercase;
			font-style: normal;
			color: #777;
		}

		.blogContainer .blogPost .header > .subHead a {
			color: #777;
		}

	.blogContainer .blogPost .primaryImg {
		/*max-width: 940px;*/
		margin: 0 auto;
		padding-bottom: 10px;
	}

	.blogContainer .blogPost .postContent {
		font-family:'Aktiv Grotesk W01 Regular';
		font-size: 18px;
		line-height: 28px;
		color: #777;
	}

/* Blog paging nav */
.blogContainer .pagingButtons {
	max-width: 940px;
	margin: 0 auto;
	padding-bottom: 0;
}
	.blogContainer .pagingButtons a {
		border: 2px solid #00bbe3;
		border-radius: 4px;
		padding: 5px 15px;
		color: #00bbe3;
		text-align: center;
		font-size: 18px;
		line-height: 30px;
	}

/* Blog single */
.blogContainer .blogPost.single {
	max-width: 100%;
}
	.blogContainer .blogPost.single  .title,
	.blogContainer .blogPost.single .subHead,
	.blogContainer .blogPost.single .downloadDocument {
		max-width: 940px;
		margin: 0 auto;
	}
	.blogContainer .blogPost.single  .title{
		margin-bottom: 15px;
		margin-top: 35px;
	}
	.blogContainer .blogPost.single .subHead {
		margin-bottom: 20px;
	}
	

	.blogContainer .blogPost.single .downloadDocument {

		font-family:'Aktiv Grotesk W01 Bold1370651';
		font-size: 14px;
	}

	.blogContainer .blogPost.single .footer {
		max-width: 940px;
		margin: 0 auto;
		padding-top: 18px;
		font-size: 13px;
		line-height: 18px;
		color: #7777;
		font-style: italic;
	}
		.blogContainer .blogPost.single .footer span a {
			text-transform: uppercase;
			font-style: normal;
			color: #63c4ab;
		}

	.blogContainer .blogPost.single .contentRender_name_plugins_core_textbox {
		max-width: 940px;
		margin: 0 auto;
	}

/** Photo credit style for old data **/
.blogPost .wpImage {
	width: 100%;
	padding:16px;
	margin-bottom: 16px;
	background: #666;
	color: #fff;
	font-style: italic !important;
	font: normal 18px/20px 'Aktiv Grotesk W01 Light1370681';
}
	.blogPost .wpImage p {
		margin-bottom: 0;
		padding: 0;
	}

	.blogPost .wpImage img {
		padding: 0 0 10px;
	}

	.blogPost .wpImage .captionText {
		color: #fff !important;
		font-style: italic !important;
	}

/** Photo credit style for new data **/
.blogPost .postContent h6 {
	background: #666;
	padding: 16px;
	text-align: center;
	color: #fff;
	font-style: italic !important;
	font: normal 18px/20px 'Aktiv Grotesk W01 Light1370681';
}
	.blogPost .postContent h6 img {
		padding-bottom: 10px;
	}

/* form -- css from listings */
.blogContainer .pager {
	max-width: 940px;
	margin: 0 auto;
	font-family: 'Aktiv Grotesk W01 Light1370681';
	font-size: 15px;
}

.blogSearchForm.post-form {
	max-width: 940px;
	padding: 30px 30px 10px;
	margin: 20px auto;
	background-image: url("/includes/public/assets/header-bg.png");
}

.blogSearchForm li { padding-bottom: 0; }

.blogSearchForm select,
.blogSearchForm input[type="text"] {
	height: 40px;
	margin: 0 0 25px;
	padding: 0 20px;
	color: #959595;
	font-size: 15px;
	line-height: 40px;
	border: none;
	font-family: 'Aktiv Grotesk W01 Regular';
	border-radius: 4px;
}

.blogSearchForm select {
	background-image: url(/includes/public/assets/shared/dropdown-arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
	cursor: pointer;
}

.blogSearchForm .submitSearch {
	width: 100%;
	max-width: 138px;
	height: 40px;
	padding: 0;
	margin: 0;
	border-radius: 4px;
	line-height: 35px;
	font-size: 17px;
	font-family: 'Aktiv Grotesk W01 Medium';
	color: #444;
	border: 2px solid #c6d932;
	background: rgb(225,244,0);
	background: -moz-linear-gradient(top, rgba(225,244,0,1) 0%, rgba(189,229,0,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(225,244,0,1)), color-stop(100%,rgba(189,229,0,1)));
	background: -webkit-linear-gradient(top, rgba(225,244,0,1) 0%,rgba(189,229,0,1) 100%);
	background: -o-linear-gradient(top, rgba(225,244,0,1) 0%,rgba(189,229,0,1) 100%);
	background: -ms-linear-gradient(top, rgba(225,244,0,1) 0%,rgba(189,229,0,1) 100%);
	background: linear-gradient(to bottom, rgba(225,244,0,1) 0%,rgba(189,229,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1f400', endColorstr='#bde500',GradientType=0 );
	box-shadow: inset 0 50px 11px rgba(0,0,0,0.0);
	-webkit-transition: all .15s;
	transition: all .15s;
}
	.blogSearchForm .submitSearch:hover {
		box-shadow: inset 0 50px 11px rgba(0,0,0,0.1);
	}

.blogSearchForm input[type="text"]::-webkit-input-placeholder,
.blogSearchForm input[type="text"]:-moz-placeholder,
.blogSearchForm input[type="text"]::-moz-placeholder,
.blogSearchForm input[type="text"]:-ms-input-placeholder {
	font-style: italic;
	color: #959595;
}

/* addthis */
.shareButtons.blog {
	margin-top: 18px;
	min-height: 32px;
}
	.shareButtons.blog .shareButtons-int {
		width: 100%;
		position: relative;
	}

	.shareButtons.blog .add-toggle {
		right: auto;
		left: 0;
	}

	.shareButtons.blog .addthis_toolbox {
		margin-right: 0;
		margin-left: 34px;
		-ms-transform: translate(-100%, 0);
		-webkit-transform: translate(-100%, 0);
		transform: translate(-100%, 0);
	}

	.shareButtons.blog .active .addthis_toolbox {
		-ms-transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}

/*Related Posts*/
.relatedposts {
	margin: 0 auto;
	display: block;
	clear: both;
}
	.relatedposts .item.end{
		padding-left: 5px;
	}
	.relatedposts .item.first{
		padding-right: 5px;
	}
	.relatedposts .interiorblock {
		display: block;
		clear: both;
		border-bottom: 1px solid #e1e1e1;
		padding: 0 0 20px;
		margin: 0 0 20px;
		max-width: none;
	}
	.relatedposts .related-widget-title {
		margin: 0 auto 20px;
		max-width: 940px;
		padding: 0 15px;
	}
	.relatedposts .item {
		margin: 0px auto 0px auto;
		padding: 0px 10px;
	}
	.relatedposts .item .related-img {
		margin: 0px 0px 10px 0px;
		position: relative;
	}

	.relatedposts .item .related-img::after {
	    display: block;
	    content: '';
	    width: 100%;
	    position: absolute;
	    bottom: 0;
	    height: 65%;
	    z-index: 1;
	    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
	    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
	    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
	}
	.relatedposts .item .related-img img {
		width: 100%;
	}
	.relatedposts .item .related-title {
		font-size: 32px;
		line-height: 1;
		z-index: 5;
		color: #FFF;
		font-family: "ff-good-headline-web-pro-con",sans-serif;
		position: absolute;
		bottom : 3%;
		padding: 0 20px;
	}
	.relatedposts .item .related-title a{ 
		color: inherit;
		font-family: inherit;
	}
	.relatedposts .item .pubdate {
		font-size: 14px;
	}

/** Author **/
.blogContainer .author {
	width: 100%;
	padding: 10px 0;
	max-width: 940px;
	margin: 0 auto;

}
	.blogContainer .author img {
		float: left;
		border-radius: 50%;
		margin-right: 25px;
	}

/* Author on single */
.blogContainer .postAuthor {
	padding: 10px;
	margin: 20px 0px;
	overflow: hidden;
	color: #777;
}
	.blogContainer .postAuthor .authorImg {
		float: left;
		margin-right: 25px;
		border-radius: 50%;
	}

	.blogContainer .postAuthor .authorLabel,
	.blogContainer .author .authorLabel{
		font-size: 14px;
		font-style: normal;
	}
	.blogContainer .postAuthor .authorName,
	.blogContainer .author .authorName{
		font-size: 28px;
	}
/* Comments */
.blogContainer .comments {
	max-width: 940px;
	margin: 0 auto;
}

/*Article Archives*/
.blogWidget.blogArchives{
	background: none;
	width: 200px;
	text-align: center;
	margin: 0 auto;
	margin-top: -40px;
	position: relative;
	overflow: visible;
	cursor: pointer;
}
.blogWidget.blogArchives h3{
	font-family:'Aktiv Grotesk W01 Regular';
	font-size: 18px;
}
.blogWidget.blogArchives .dropdown{
	position: absolute;
	width: 100%;
	text-align: left;
	border: 2px solid #00bbe3;
	border-radius: 4px;
	padding-top: 20px;
	z-index: 5;
	background: #FFF;
}
.blogWidget.blogArchives .dropdown > ul{
	margin-bottom: 0;
}
.blogWidget.blogArchives h3,
.blogWidget.blogArchives .dropdown li,
.blogWidget.blogArchives .dropdown li a{
	color: #00bbe3;
}

/* Blog posts collection */
.blogContainer.posts .blogPost {
	max-width: 1140px;
	padding-left: 0;
	padding-right: 0;
}

.blogContainer.posts hr {
	margin: 25px 0;
}

@media only screen and (min-width: 40.063em) {
	.blogContainer .blogPost .primaryImg {
		padding-right: 15px;
		padding-bottom: 0;
	}
	.blogContainer .blogPost .primaryImg > a {
		max-height: 261px;
		overflow: hidden;
	}
	.blogContainer .blogPost.single .primaryImg {
		padding-right: 0;
	}
	.blogContainer .blogPost.single .primaryImg img {
		width: 100%;
	}
	.relatedposts .item .related-title{
		font-size: 30px;
	}
	.relatedposts .related-widget-title{
		font-size: 40px;
	}
}

@media only screen and (max-width: 40.063em) {
	.relatedposts .item .related-title{
		font-size: 27px;
	}
	.relatedposts .related-widget-title{
		text-align: center;
		font-size: 35px;
	}
	.relatedposts .item.end{
		padding-left: 0;
	}
	.relatedposts .item.first{
		padding-right: 0;
	}
}

@media only screen and (min-width: 64.063em) {
	.show-small { display: none; }
	.show-large { display: inline-block; }
	
	.relatedposts .item .related-title{
		font-size: 32px;
	}
	.relatedposts .related-widget-title {
		font-size: 50px;
		padding: 0;
	}
	.shareButtons.blog .shareButtons-int {
		position: absolute;
	}
}

@media only screen and (max-width: 1025px) {
	.blogContainer .blogPost.single .title,
	.blogContainer .blogPost.single .subHead,
	.blogContainer .blogPost.single .footer,
	.blog_core_panel .qv_textbox,
	.blogContainer .comments {
		padding: 0 15px;
	}
	.blogContainer .blogPost {
		padding-bottom: 25px;
		margin-bottom: 25px;
	}
	.blogContainer{
		margin-bottom: 25px;
	}
	.blogWidget.blogArchives{
		margin-top: 0;
	}
	.blogContainer .blogPost.single .contentRender_name_plugins_core_textbox {
	    padding: 0 15px;
	}
}
