.blog-container a {
	--border-color: var(--gray-200);
	--link-color: var(--primary-color-700);
	--text-color: var(--gray-600);
	--title-color:var(--gray-700);

	color: var(--link-color); /* TODO: update with a site color */
	font-weight: bold;
}

.blog-container .author {
	max-width: 966px;
	margin: auto;
	margin-bottom: var(--space-8);
}

.blog-container .author .image-holder {
	margin-right: var(--space-8);
	flex: 0 0 var(--space-24);
}

.blog-container .author p:last-of-type {
	margin-bottom: 0;
	margin-top: -18px;
	line-height: 26px;
	font-size: 16px;
}

.blog-container .author .author-title {
	font-style: italic;
	color: var(--title-color);
	font-size: var(--text-sm);
}

.blog-container .author h5 {
	font-size: var(--text-2xl);
	font-weight: bold;
	margin-top: 0;
	line-height: var(--leading-tight);
	margin-bottom: var(--space-1);
	color: #f00;
}

.blog-container .author p {
	font-size: var(--text-base);
}

/* old and updated blog styles */

.blogSearchForm input[type="text"], .blogSearchForm select { margin-bottom: .8rem; color: #9C9594; }
.blogSearchForm .submitSearch { background: #96a301; border-radius: 3px; padding: .6rem 1.6rem; }
.blogSearchForm .submitSearch:hover, .blogSearchForm .submitSearch:focus { background: #96a301; }
.blog-container .sectionTitle {
	padding-bottom: 20px;
}

.blog-container .rssLink { float: right; }
.blog-container .rssIcon { font-size: 26px; color: #ff6600; font-style: normal; }
.blog-container .primaryImg { margin-top:10px; }


/*** Blog Page ***/
.blog-container { }
.blog-container .post-squeeze header { /*margin:-10px -10px 0 -10px;*/ padding:10px 0; }

.blog-container article { margin:10px 0 20px 0; background-color: #fff; border-bottom: 1px solid #e1d9ce; }
.blog-container article:first-child { margin:15px 0 20px 0;}

.blog-container .sectionTitle h3 {
	color: #212121;
	margin: 5px 0;
}
.blog-container .blog-post h3 {line-height: 32px; margin-bottom: 5px;}
.blog-container .blog-post h3 a { 
	font-size: 30px;
	padding: 0px 0px 4px;
 }
.blog-container .rss { padding-top: 5px; position: absolute; right: 20px; }
.blog-container .subHead { margin: 0; font-size: 13px; text-transform: uppercase; }
.blog-container .subHead.show-for-medium-down {
	margin-top: 50px;
	padding: 37px 15px 0 15px;
}
.blog-container .subHead a {
	font-family: 'open-sans', sans-serif; font-size: 13px;
}
.blog-container .postCategories a,
.sv-foundation .blogWidget a {
	font-family: 'open-sans', sans-serif;
	font-size: 15px;
}
.blog-container .postActions a {
	font-family: 'open-sans', sans-serif;
	font-size: 16px;
	 
}
.blog-container h1 { margin-bottom: 0; }
.blog-container .blog-post .authorString { margin: 3px 0px 20px 0px; font-size: 11px; }
.blog-container .post-content-container { padding: 10px 0; color: #787878; }
.blog-container .blog-post .post-content-container,
.blog-container .blog-post .post-content-container p,
.blog-container .blog-post .post-content-container li { 
	font-family: 'open-sans', sans-serif;
	font-size: 1rem; 
	line-height: 1.375rem; 
	overflow: hidden;
}
.blog-container .blog-post .post-content-container ul,
.blog-container .blog-post .post-content-container ol {
	margin-bottom: 20px;
}
.blog-container .blog-post .post-content-container li {
	line-height: 1.675rem;
}
.blog-container .postActions { font-size: 0.875rem; }
.blog-container .primaryImg img {width: 100%;}

.addthis_button_facebook_like .fb_iframe_widget {vertical-align: top;}

.blog-container .shareButtons { margin: 10px 0; position:relative}
.blog-container .shareButtons .addthis_toolbox { float: none;}
.blog-container .postComments { margin:20px 0; }

.blog-container .author { overflow: hidden; background-color: #fff; padding-bottom: 20px; margin: 10px 0 0px; }
.blog-index .blog-container .author { margin: auto; }
.blog-container .author .avatar { margin-right: 25px; max-width: 150px; float: left;}

.blog-container .author h5 { margin: -6px 0 25px; font-family: 'open-sans', sans-serif; text-transform: uppercase; }
.blog-container .author .description { font-size: 12px; font-style: italic; }

.blog-container .blogCaption { text-align: center; margin: 10px auto; padding: 5px; font-size: 11px; color: white; font-weight: bold; text-transform: uppercase; background: #999; }
.blog-container .blogCaption.floatleft { float: left; margin: 0px 10px 10px 0px; }
.blog-container .blogCaption.floatright { float: right; margin: 0px 0px 10px 10px; }

.blog-container .prevLink { float: left; }
.blog-container .nextLink { float: right; }
.blog-container .pagingButtons { overflow: hidden; padding: 5px 17px; font-size: 15px; font-weight: bold; }
.blog-container .pagingButtons a { text-decoration: none; }
.blog-container .noPosts { padding: 0px 17px; }

.blog-container a.socialButton { float: left; }
.blog-container .postTags, .blog-container .postCategories { 
	font-family: 'open-sans', sans-serif;
	padding: 3px; font-size: 13px; 
	line-height: 12px;
	text-transform: uppercase;}
.blog-container .postTags a, .blog-container .postCategories a { 
	font-family: 'open-sans', sans-serif;
	font-size: 13px; margin-left: 5px; 
	text-transform: none; color: #e21921; }

@media only screen and (min-width: 64.063em) {
	.blog-container article:first-child { margin:10px 0 20px 0;}
	.blog-container .rss { padding-top: 0;}
} 
.blogSearchForm {
	font-family: 'montserrat', sans-serif;
}
.blogSearchForm input.submitSearch {
	font-family: 'montserrat', sans-serif;
	background-color: #ff0000;
	font-weight: 600;
}
.author div p{
	font-size: 1rem;
	line-height: 1.375rem;
}
.author h6 {
	margin-bottom: 10px !important;
}

.author-description {
	width: 100%;
}

.blog-index .author-description {
	padding-bottom: 20px;
}

.blog-index .author-details {
	border-bottom: 1px solid #e1d9ce;
}


/******************************/
/* single post header styling */
/******************************/
.blog-post header .header-logo a {
	padding: 10 !important;
}
.blog-container .blog-post.blogSingle .post-squeeze .header {
	display: none;
}
.homepage-hero .contentRender_name_plugins_collections_template_custom_header_slideshow_homepage,
.homepage-hero .contentRender_name_plugins_collections_template_custom_header_slideshow_interior {
	display: none;
}
.blog-post .homepage-hero.blog-hero,
.blog-post .no-header .homepage-hero.blog-hero {
	display: block;
	height: 315px;
}
.blog-post .homepage-hero .header {
	display: block;
	position: relative;
}
 .homepage-hero .header .headerContent .primaryImg .grad-bottomup {
    background-image: url(/includes/public/assets/images/gray-gradient.png);
    background-size: contain;
    background-repeat: repeat-x;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 50%;
    width: 100%;
}
 .blog-container .header .primaryImg img {
	width: 100%;
	height: 359px;
	object-fit: cover;
}
 .blog-container .header .headerContent {
	position: absolute;
	bottom: 10px;
	left: 5%;
	width: 90%;
}
 .blog-container .header h3 {
	font-family: 'open-sans', sans-serif;
	font-weight: 100;
	font-size: 28px;
	line-height: 36px;
}

@media (max-width: 40em) {
}
 .homepage-hero .header h3 a {
	color: white !important;
	text-shadow: 3px 3px 6px rgba(0,0,0,0.5);
	font-weight: 600;
}
 .blog-container .headerCats {
	display: inline;
	padding: 3px 5px;
	color: white;
	background-color: #f00;
}
 .blog-container .headerCats a {
	display: inline;
	font-family: 'montserrat', sans-serif;
	font-weight: 600;
	font-size: 14px;
	line-height: 18px;
	color: white;
}
.blog-container .headerDate,
.blog-container .headerAuthor,
.blog-container .headerAuthor a {
	font-family: 'montserrat', sans-serif;
	font-weight: 600;
	font-size: 14px;
	line-height: 18px;
	text-transform: uppercase;
	color: #787878;
}

.blog-container .author-description a {
	color: #184072;
}

@media only screen and (min-width: 64.063em) {
	.blog-container .blog-post.blog-single .post-content {
		padding-top: 100px;
	}	
}

@media only screen and (max-width: 40em) {
	.blog-container .headerDate,
	.blog-container .headerAuthor,
	.blog-container .headerAuthor a {
		font-size: 12px;
	}

	 .blog-container .headerCats a {
		font-size: 12px;
	}
	.blog-container .header h3 {
		font-family: 'montserrat';
		font-weight: 100;
		font-size: 24px;
		line-height: 32px;
		margin-bottom: 0;
	}
	.blog-container .author {
		padding: 0 17px;
	}
	.blog-container .author .avatar {
		max-width: 91px;
		margin-right: 5px;
	}
	.blog-container .author h5 {
		font-size: 12px;
		margin: 0 0 30px;
	}
	.blog-container .author-description {
		width: 100%;
	}
	.blog-container .author-description p {
		font-size: 10px !important;
		line-height: 16px !important;
	}
	.blog-container .footer .post-categories {
		padding: 0 17px;
		font-size: 12px;
	}
}

@media only screen and (max-width: 64em) {}
@media only screen and (min-width: 64.063em) {
	.blog-post .homepage-hero.blog-hero,
	.blog-post .no-header .homepage-hero.blog-hero {
		height: 510px;
	}
	.blog-container .header .primaryImg img {
		height: 510px;
	}
	.headerCats,
	.header .headerCats a {
		display: inline-block;
		color: white;
		background-color: #f00;
		font-family: 'montserrat', sans-serif;
		font-weight: 100;
		font-size: 14px;
		line-height: 18px;
		text-transform: uppercase;
	}
	.header .headerCats {
		padding: 0 5px;
	}
	.blog-post .homepage-hero .header .headerCats a {
		display: inline;
		color: white;
	}
	.blog-post .homepage-hero .header .headerDate,
	.blog-post .homepage-hero .header .headerAuthor {
		display: inline-block;
		text-shadow: 3px 3px 6px rgba(0,0,0,0.5);
	}
	.header .headerDate,
	.header .headerAuthor,
	.header .headerAuthor a {
		font-family: 'montserrat', sans-serif;
		font-weight: 100;
		font-size: 14px;
		line-height: 14px;
		text-transform: uppercase;
		color: white;
	}
	.header .headerDate {
		margin-left: 10px;
	}
	.header .headerAuthor {
		margin-left: 50px;
	}
	.blog-container .header h3 {
		font-size: 42px;
		line-height: 50px;
		max-width: 60%;
	}
}
.headerContent h3 {
	color: #fff;
}
.blog-container .post-content-container p:first-of-type {
	font-size: 1.35rem;
	line-height: 2rem;
}
