.page-blog {
	
}

.page-blog #blogCategories,
.page-blog #featuredArticles,
.page-blog #social,
.page-blog #search,
.page-blog #results,
.page-blog #pager,
.page-blog #ctas {
	display:					block;
	margin-bottom:				2rem;
}

.page-blog #ctas {
	margin-bottom:				0;
}

.page-blog #blogCategories:after,
.page-blog #featuredArticles:after,
.page-blog #social:after,
.page-blog #search:after,
.page-blog #results:after,
.page-blog #pager:after,
.page-blog #ctas:after {
	content:					"";
	display:					table;
	clear:						both;
}

.page-blog footer {
	margin-top:					0;
}

.page-blog .arrow_after:after {
	content:						"A";
	line-height:					1.4;
	font-family:					'losa';
	position:						relative;
	right:							-0.5em;
	top:							0.1em;
	font-size:						1.0em;
}

.page-blog .arrow_before:before{
	content:						"@";
	line-height:					1.4;
	font-family:					'losa';
	position:						relative;
	left:							-0.5em;
	top:							0.1em;
	font-size:						1.0em;
}

.page-blog h1 a {
	text-decoration:				none;
	color:							inherit;
}

.page-blog h1 .tagline {
	font-size:						1rem;
	display:						inline-block;
	margin-left:					1rem;
	font-style: 					italic;
	/* color:							#b4d2da; */
}

.page-blog h1 .tagline .line1,
.page-blog h1 .tagline .line2 {
	display:						block;
}

@media screen and ( max-width: 550px ) {
	.page-blog h1 .tagline {
		display:						block;
		margin-left:					0;
	}
}

@media screen and ( max-width: 370px ) {
	.page-blog h1 .tagline .line1,
	.page-blog h1 .tagline .line2 {
		display:						inline;
	}
}

/*
Removed at client request
.page-blog h1 a:after{
	content:						"A";
	line-height:					1.4;
	font-family:					'losa';
	position:						relative;
	left:							0.35em;
	top:							0.0em;
	font-size:						0.75em;
	line-height:					1.5em;
	margin-right:					0.25em;
	color:							#ddd;
}
*/



/* CATEGORY NAVIGATION ********************************************************/
.page-blog #blogCategories ul {
	display:					grid;
	
	grid-template-columns:		1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-column-gap:			2px;
	justify-items:				stretch;
	align-items:				stretch;
	justify-content:			stretch;
}

.page-blog #blogCategories ul li {
	display:					grid;
	
	grid-template-columns:		1fr;
	grid-column-gap:			0;
	justify-items:				stretch;
	align-items:				stretch;
	justify-content:			stretch;
}

.page-blog #blogCategories ul li a {
	display:					grid;
	align-items:				center;
	line-height:				1.2em;
	
	background-color:			#b4d2da;
	color:						#333333;
	
	font-size:					0.9em;
	text-align:					center;
	text-decoration:			none;
	padding:					1.0rem;
	padding-top:				0.5rem;
	padding-bottom:				0.5rem;
}

.page-blog #blogCategories ul li.active a {
	background-color:			#b1e4f2;
}


@media screen and ( max-width: 850px ) and ( min-width: 751px ) {
	.page-blog #blogCategories ul {
		grid-template-columns:		1fr 1fr 1fr 1fr;
		grid-row-gap:				2px;
	}
	
	.page-blog #blogCategories ul li:nth-child(4) {
		grid-column:				3 / span 2;
		grid-row:					2;
	}
	
	.page-blog #blogCategories ul li:nth-child(5) {
		grid-column:				4 / span 1;
		grid-row:					1;
	}
}


@media screen and ( max-width: 750px ) and ( min-width: 481px ) {
	.page-blog #blogCategories ul {
		grid-template-columns:		1fr 1fr 1fr;
		grid-row-gap:				2px;
	}
	
	.page-blog #blogCategories ul li:nth-child(4) {
		grid-column:				1 / span 3;
		grid-row:					2;
	}
	
	
}


@media screen and ( max-width: 480px ) and ( min-width: 381px ) {
	.page-blog #blogCategories ul {
		grid-template-columns:		1fr 1fr;
		grid-row-gap:				2px;
	}
	
	.page-blog #blogCategories ul li:nth-child(4) {
		grid-column:				1 / span 2;
		grid-row:					1;
	}
}


@media screen and ( max-width: 380px ) {
	.page-blog #blogCategories ul {
		grid-template-columns:		1fr;
		grid-row-gap:				2px;
	}
}


/* FEATURED ARTICLES **********************************************************/
.page-blog #featuredArticles {
	-webkit-box-sizing:			border-box;
	-moz-box-sizing:			border-box;
	box-sizing:					border-box;
}

.page-blog #featuredArticles *,
.page-blog #featuredArticles  *:before,
.page-blog #featuredArticles  *:after {
	-webkit-box-sizing:			inherit;
	-moz-box-sizing:			inherit;
	box-sizing:					inherit;
}

.page-blog #featuredArticles .hero_panel {
	margin:						0;
	padding:					0;
	list-style:					none;
}

.page-blog #featuredArticles .hero_panel .pane {
	margin:						0;
	padding:					0;
	list-style:					none;
}



.page-blog #featuredArticles .hero_panel {
	overflow:					hidden;
	max-height:					21.5rem;
}

.page-blog #featuredArticles .hero_panel.remove-overflow {
	overflow:					visible;
	max-height:					inherit;
}




.page-blog #featuredArticles .hero_panel .pane:before {
	display:					none;
}

.page-blog #featuredArticles .hero_panel .pane a {
	padding-top:				33%;
	display:					block;
	position:					relative;
	
	color:						#ffffff;
	text-decoration:			none;
}

.page-blog #featuredArticles .hero_panel .pane a .panel {
	position:					absolute;
	top:						0;
	bottom:						0;
	right:						0;
	width:						25%;
	background-color:			#20366f;
	border-bottom-left-radius:	1rem;
	overflow:					hidden;
	padding:					2rem;
	
	display:					grid;
}

.page-blog #featuredArticles .hero_panel .pane a .image {
	position:					absolute;
	display:					block;
	top:						0;
	bottom:						0;
	left:						0;
	right:						0;
	
	background-size:			cover;
}

.page-blog #featuredArticles .hero_panel .pane a .panel .contents {
	display:					grid;
	
	align-items:				center;	
	position:					absolute;
	
	top:						0;
	bottom:						3.5rem;
	left:						0;
	right:						0;
	
	padding:					1.5rem;
	text-align:					left;
}

.page-blog #featuredArticles .hero_panel .pane a .panel .contentsInner {
}

.page-blog #featuredArticles .hero_panel .pane a .panel .title {
	display:					block;
	font-size:					1.3em;
	color:						#ffffff !important;
	
	
	font-size:					1.4em;
	line-height:				1.2em;
	margin-bottom:				0.4em;
}

.page-blog #featuredArticles .hero_panel .pane a .panel .author {
	display:					block;
	font-size:					0.9em;
}

.page-blog #featuredArticles .hero_panel .pane a .panel .link {
	position:					absolute;
	
	bottom:						0;
	left:						0;
	right:						0;
	
	padding:					1rem;
	padding-left:				1.5rem;
	padding-right:				1.5rem;
	text-align:					right;
	
	background-color:			#5876a8;
	
	-webkit-transition:			background-color 0.2s ease-out;
	-moz-transition:			background-color 0.2s ease-out;
	-o-transition:				background-color 0.2s ease-out;
	transition:					background-color 0.2s ease-out;
}

.page-blog #featuredArticles .hero_panel .pane a:hover .panel .link {
	background-color:			#5f81ba;
}


.page-blog #featuredArticles #hero_panel_navigation {
	display:					block;
	margin-top:					0.5rem;
}

.page-blog #featuredArticles #hero_panel_navigation ul {
	display:					block;
}

.page-blog #featuredArticles #hero_panel_navigation ul li {
	display:					inline-block;
	width:						1.25rem;
	height:						1.25rem;
	text-align:					center;
	line-height:				1.25rem;
	margin-right:				0.25rem;
	cursor:						pointer;
}

.page-blog #featuredArticles #hero_panel_navigation ul li.active {
	background-color:			#b4d2da;
}

@media screen and ( max-width: 960px ) {
	.page-blog #featuredArticles .hero_panel .pane a .panel {
		width:						30%;
	}
}

@media screen and ( max-width: 780px ) {
	.page-blog #featuredArticles .hero_panel .pane a .panel {
		width:						35%;
	}
}

@media screen and ( max-width: 768px ) {
	.page-blog #featuredArticles .hero_panel {
		border-bottom-left-radius:	1rem;
		overflow:					hidden;
	}
	
	.page-blog #featuredArticles .hero_panel .pane a {
		display:				grid;
		
		grid-template-columns:	1fr;
		
		padding:				0;
	}
	
	.page-blog #featuredArticles .hero_panel .pane a .image {
		display:				block;
		position:				static;
		height:					30vw;
	}
	
	.page-blog #featuredArticles .hero_panel .pane a .panel {
		width:					100%;
		position:				static;
		padding:				0;
		margin:					0;
		min-height:				auto;
	}
	
	.page-blog #featuredArticles .hero_panel .pane a .panel .contents {
		padding:				0;
		margin:					0;
		
		position:				static;
		
		padding:				1.5rem;
		padding-top:			0.5rem;
		padding-bottom:			0.5rem;
	}
	
	.page-blog #featuredArticles .hero_panel .pane a .panel .link {
		padding:				0;
		margin:					0;
		
		position:				static;
		
		padding:				1.5rem;
		padding-top:			0.5rem;
		padding-bottom:			0.5rem;
	}
}



/* SOCIAL BLOCK ***************************************************************/
.page-blog #social {
	display:					grid;
	
	grid-template-columns:		70% calc( 30% - 1rem );
	grid-column-gap:			1rem;
	justify-items:				stretch;
	align-items:				stretch;
	justify-content:			stretch;
	
	-webkit-box-sizing:			border-box;
	-moz-box-sizing:			border-box;
	box-sizing:					border-box;
}

.page-blog #social *,
.page-blog #social *:before,
.page-blog #social *:after {
	-webkit-box-sizing:			inherit;
	-moz-box-sizing:			inherit;
	box-sizing:					inherit;
}

.page-blog #social .emailSignup {
	margin:						0;
}

.page-blog #social .emailSignup a {
	background-color:			#28724f;
	
	color:						#ffffff;
	text-decoration:			none;
	
	display:					grid;
	
	grid-template-columns:		auto 25%;
	grid-column-gap:			1rem;
	justify-items:				stretch;
	align-items:				stretch;
	justify-content:			stretch;
	
	
	-webkit-transition:			background-color 0.2s ease-out;
	-moz-transition:			background-color 0.2s ease-out;
	-o-transition:				background-color 0.2s ease-out;
	transition:					background-color 0.2s ease-out;
}

.page-blog #social .emailSignup a .text {
	display:					block;
	padding:					1rem;
	padding-top:				0.5rem;
	padding-bottom:				0.5rem;
	font-size:					1rem;
}

.page-blog #social .emailSignup a .button {
	display:					grid;
	margin:						0;
	background-color:			#43b02a;
	border-bottom-left-radius:	1rem;
	
	padding:					0.75rem;
	padding-left:				1rem;
	padding-right:				1rem;
	
	justify-items:				stretch;
	align-items:				center;
	justify-content:			stretch;
	
	
	-webkit-transition:			background-color 0.2s ease-out;
	-moz-transition:			background-color 0.2s ease-out;
	-o-transition:				background-color 0.2s ease-out;
	transition:					background-color 0.2s ease-out;
}

.page-blog #social .emailSignup a:hover {
	/*
	background-color:			#1f6645;
	*/
}

.page-blog #social .emailSignup a:hover .button {
	background-color:			#4fbd37;
}

.page-blog #social .socialMedia {
	border:						2px solid #fabe6c;
	
	display:					grid;
	grid-template-columns:		auto auto auto;
	margin:						0;
	
	padding-left:				1rem;
	padding-right:				1rem;
	
	justify-items:				stretch;
	align-items:				center;
	justify-content:			stretch;
}

.page-blog #social .socialMedia .header {
	font-weight:				bold;
	margin-right:				0.5rem;
	color:						#005061;
}


.page-blog #social .socialMedia .twitter,
.page-blog #social .socialMedia .linkedIn {
	width:						1.75rem;
	height:						1.75rem;
	display:					inline-block;
	overflow:					hidden;
	text-indent:				2rem;
	border-radius:				0.15rem;
	background-size:			cover;
	
	margin-bottom:				-0.45rem;
	margin-right:				0.25rem;
}

.page-blog #social .socialMedia .twitter {
	background-image:			url( "/images/blog/social/twitter.svg" );
}

.page-blog #social .socialMedia .linkedIn {
	background-image:			url( "/images/blog/social/linkedIn.svg" );
}


@media screen and ( max-width: 780px ) and ( min-width: 651px ) {
	.page-blog #social {
		grid-template-columns:		calc( 100% - 12rem - 2rem ) 12rem;
		grid-column-gap:			2rem;
	}
	
	.page-blog #social .emailSignup a {
		grid-template-columns:		70% 30%;
	}
}

@media screen and ( max-width: 650px ) {
	.page-blog #social {
		grid-template-columns:		calc( 100vw - 2rem );
		grid-column-gap:			0;
		grid-row-gap:				1rem;
	}
	
	.page-blog #social .socialMedia {
		padding-top:				1rem;
		padding-bottom:				1rem;
		text-align:					center;
		display:					inline;
	}
}

@media screen and ( max-width: 460px ) {
	.page-blog #social .emailSignup a {
		background-color:			transparent !important;
		grid-template-columns:		1fr;
		grid-column-gap:			0;
		grid-row-gap:				0;
	}
	
	.page-blog #social .emailSignup .text {
		background-color:			green;
	}

	.page-blog #social .socialMedia {
		padding-top:				1rem;
		padding-bottom:				1rem;
		text-align:					center;
		display:					inline;
	}
}


/* BLOG SEARCH ****************************************************************/
.page-blog #search {
	background-color:			#e1edf0;
	text-align:					center;
	padding:					1rem;

	-webkit-box-sizing:			border-box;
	-moz-box-sizing:			border-box;
	box-sizing:					border-box;
	
	display:					grid;
	
	grid-template-columns:		1fr auto 1rem 30% 2rem 1fr;
	grid-column-gap:			0;
	justify-items:				stretch;
	align-items:				center;
	justify-content:			stretch;
}

.page-blog #search *,
.page-blog #search *:before,
.page-blog #search *:after {
	-webkit-box-sizing:			inherit;
	-moz-box-sizing:			inherit;
	box-sizing:					inherit;
}



.page-blog #search * {
	display:					inline-block;
}

.page-blog #search label {
	display:					block;
	font-weight:				bold;
	font-size:					1.05em;
	
	grid-column:				2 / span 1;
	padding-top:				0.6rem;
}

.page-blog #search input {
	background-color:			#ffffff;
	border:						none;
	display:					block;
	max-height:					2rem;
	float:						left;
}

.page-blog #search .searchbar {
	grid-column:				4 / span 1;
}

.page-blog #search .search-icon {
	padding:					0.4rem;
	
	grid-column:				5 / span 1;
}



/* LIVE SEARCH RESULTS */
.page-blog #blog_livesearch_result {
	background-color:			#e1edf0;
	margin-top:					0;
	margin-top:					-2rem;
}

.page-blog #blog_livesearch_result ul {
	list-style:					none;
}

.page-blog #blog_livesearch_result li {
	border-bottom:				1px solid rgba( 000, 000, 000, 0.1 );
	list-style-type:			none;
	list-style-image:			none;
}

.page-blog #blog_livesearch_result li a {
	padding:					0.5rem;
	padding-left:				1rem;
	padding-right:				1rem;
	cursor:						pointer;
	text-decoration:			none;
	
	display:					block;
}

.page-blog #blog_livesearch_result li a:hover {
	background-color:			rgba( 255, 255, 255, 0.2 );
}





@media screen and ( max-width: 600px ) {
	.page-blog #search {
		grid-template-columns:		auto auto 1rem auto 2rem auto;
	}

	.page-blog #search label {
		text-align:					right;
	}
}


@media screen and ( max-width: 420px ) {
	.page-blog #search {
		padding:					0.5rem;
		grid-template-columns:		auto 2rem;
	}

	.page-blog #search label {
		text-align:					left;
		padding-top:				0;
		
		grid-row:					1;
		grid-column:				1 / span 2;
	}
	
	.page-blog #search .searchbar {
		grid-row:					2;
		grid-column:				1 / span 1;
	}
	
	.page-blog #search .search-icon {
		grid-row:					2;
		grid-column:				2 / span 1;
	}
}


/* BLOG POST LISTING **********************************************************/
.page-blog #results {
	padding-top:					2rem;
}

.page-blog .blog-no-posts {
	text-align:					center;
	margin-top:					4rem;
	margin-bottom:				4rem;
	color:						#777;
	font-size:					1.2em;
}

.page-blog #results h2 {
	color:						#000000;
	font-size:					1.1em;
	border-bottom:				1px solid #007687;
	padding-bottom:				0.4rem;
}

.page-blog #results #posts {
	padding:					1rem;
	padding-left:				2rem;
	padding-right:				2rem;
}

/* Needs the span for the listproducts wrapper */
.page-blog #results #posts span {
	display:					grid;
	
	grid-template-columns:		1fr 1fr 1fr;
	grid-template-rows:			repeat( auto );
	grid-column-gap:			2rem;
	grid-row-gap:				2rem;
	justify-items:				stretch;
	align-items:				stretch;
	justify-content:			stretch;
}

.page-blog #results #posts .post {
	display:					block;
	
	position:					relative;
	padding-bottom:				2rem;
}


@media screen and ( max-width: 1000px ) {
	.page-blog #results #posts span {
		grid-template-columns:		1fr 1fr;
	}
}



@media screen and ( max-width: 660px ) {
	.page-blog #results #posts span {
		grid-template-columns:		1fr;
	}
}



.page-blog #results #posts .post h3 {
	font-size:					1.7em;
	font-weight:				normal;
	font-family:				Helvetica2;
	padding:					0;
	margin:						0;
	margin-bottom:				0.25rem;
}

.page-blog #results #posts .post h3,
.page-blog #results #posts .post h3 a {
	color:						#007687;
	text-decoration:			none;
}

.page-blog #results #posts .post .author {
	color:						#005061;
	font-size:					0.9em;
	font-weight:				bold;
	margin:						0;
}

.page-blog #results #posts .post .snippit {
	margin-top:					1rem;
}

.page-blog #results #posts .post .snippit img {
	float:						left;
	width:						calc( 40% - 1rem );
	height:						auto;
}

.page-blog #results #posts .post .snippit img:last-child {
	float:						none;
	width:						100%;
}

.page-blog #results #posts .post .snippit p {
	padding:					0;
	margin:						0;
}

.page-blog #results #posts .post .snippit img + p {
	float:						right;
	width:						60%;
}

.page-blog #results #posts .post .readMore {
	color:						#005061;
	
	display:					block;
	
	position:					absolute;
	
	left:						0;
	right:						0;
	bottom:						0;
	
	text-align:					right;
	
	text-decoration:			none;
}

.page-blog #results #posts .post .readMore span {
	display:					inline-block;
	background-color:			#ffffff;
	
	z-index:					1;
	position:					relative;
	padding-left:				0.5rem;
	padding-right:				0.5rem;
	
	font-size:					0.9em;
	font-weight:				bold;
}

.page-blog #results #posts .post .readMore:before {
	content:					"";
	display:					block;
	height:						1px;
	width:						calc( 100% - 6rem );
	background-color:			#005061;
	
	z-index:					0;
	
	position:					relative;
	bottom:						-0.8rem;
}

.page-blog #results #posts .post .readMore:after {
	margin:						0;
	padding:					0;
	
	position:					relative;
	text-decoration:			none;
	padding-right:				4rem;
	left:						-0.25rem;
	background-color:			#ffffff;
	
	
	z-index:					1;
}

.page-blog #results #posts .post .readMore:hover {
	color:						#80a7b0;
}




@media screen and ( max-width: 400px ) {
	.page-blog #results #posts .post .snippit img + p {
		float:					none;
		width:					auto;
	}
	
	.page-blog #results #posts .post .snippit img {
		float:					right;
		margin:					0;
		margin-left:			0.5rem;
		margin-bottom:			0.5rem;
		
		min-width:				150px;
	}

	.page-blog #results #posts {
		padding:					1rem;
		padding-left:				1rem;
		padding-right:				1rem;
	}

	.page-blog #results #posts .post .readMore:after {
		padding-right:				0;
	}
}


@media screen and ( max-width: 350px ) {
	.page-blog #results #posts .post .snippit img {
		float:					none;
		
		margin:					auto;
		margin-bottom:			1rem;
	}

	.page-blog #results #posts {
		padding:					0.5rem;
		padding-left:				0.5rem;
		padding-right:				0.5rem;
	}
}




/* BLOG POST PAGER ************************************************************/
.page-blog #pager {
	background-color:			#e5f1f3;
	color:						rgba( 000, 080, 097, 0.4 );
	text-align:					center;
}

.page-blog #pager .pager {
	text-align:					center;
	padding:					1.5rem;
	padding-top:				0.5rem;
	padding-bottom:				0.5rem;
	font-weight:				bold;
}

.page-blog #pager .pager .previous,
.page-blog #pager .pager .next,
.page-blog #pager .pager .item,
.page-blog #pager .pager .item:after,
.page-blog #pager .pager .item:before {
	display:					inline-block;
}

.page-blog #pager .pager a {
	color:						#005061;
	text-decoration:			none;
	font-size:					0.9em;
	font-weight:				bold;
}

.page-blog #pager .pager .item a:hover {
	background-color:			rgba( 000, 080, 097, 0.1 );
}

.page-blog #pager .pager .item a {
	display:					block;
}

.page-blog #pager .pager .item a,
.page-blog #pager .pager .item:after,
.page-blog #pager .pager .item:before {
	width:						1.3rem;
	height:						1.3rem;
}

.page-blog #pager .pager .item.active a {
	background-color:			#b4d2da;
}

.page-blog #pager .pager .previous {
	margin-left:				1rem;
}

.page-blog #pager .pager .next {
	margin-right:				1rem;
}

.page-blog #pager .pager .item:not( .active ):not( .nav-start ):not( .nav-end ):not( .nav-1-away ):not( .nav-2-away ):not( .nav-3-away ):not( .nav-4-away ):not( .nav-5-away ) {
	display:					none;
}


.page-blog #pager .pager .item.nav-start-end:not( .nav-1-away ):not( .nav-2-away ):not( .nav-3-away ):not( .nav-4-away ):not( .nav-5-away ):not( .nav-6-away ) {
	margin-right:				1.3rem;
	position:					relative;
}

.page-blog #pager .pager .item.nav-start-end:not( .nav-1-away ):not( .nav-2-away ):not( .nav-3-away ):not( .nav-4-away ):not( .nav-5-away ):not( .nav-6-away ):after {
	content:					"...";
	position:					absolute;
	right:						-1.3rem;
	top:						0;
}


.page-blog #pager .pager .item.nav-end-start:not( .nav-1-away ):not( .nav-2-away ):not( .nav-3-away ):not( .nav-4-away ):not( .nav-5-away ):not( .nav-6-away ) {
	margin-left:				1.3rem;
	position:					relative;
}

.page-blog #pager .pager .item.nav-end-start:not( .nav-1-away ):not( .nav-2-away ):not( .nav-3-away ):not( .nav-4-away ):not( .nav-5-away ):not( .nav-6-away ):before {
	content:					"...";
	position:					absolute;
	left:						-1.3rem;
	top:						0;
}




.page-blog.blog-post #pager .pager .previous {
	float:						left;
}

.page-blog.blog-post #pager .pager .next {
	float:						right;
}

.page-blog.blog-post #pager .pager:after {
	content:					"";
	display:					table;
	clear:						both;
}




@media screen and ( max-width: 1000px ) {
	/* 4 ITEMS */
	.page-blog #pager .pager .item:not( .active ):not( .nav-start ):not( .nav-end ):not( .nav-1-away ):not( .nav-2-away ):not( .nav-3-away ):not( .nav-4-away ) {
		display:					none;
	}
	
	.page-blog #pager .pager .item.nav-start-end:not( .nav-1-away ):not( .nav-2-away ):not( .nav-3-away ):not( .nav-4-away ):not( .nav-5-away ) {
		margin-right:				1.3rem;
		position:					relative;
	}
	
	.page-blog #pager .pager .item.nav-start-end:not( .nav-1-away ):not( .nav-2-away ):not( .nav-3-away ):not( .nav-4-away ):not( .nav-5-away ):after {
		content:					"...";
		position:					absolute;
		right:						-1.3rem;
		top:						0;
	}
	
	.page-blog #pager .pager .item.nav-end-start:not( .nav-1-away ):not( .nav-2-away ):not( .nav-3-away ):not( .nav-4-away ):not( .nav-5-away ) {
		margin-left:				1.3rem;
		position:					relative;
	}
	
	.page-blog #pager .pager .item.nav-end-start:not( .nav-1-away ):not( .nav-2-away ):not( .nav-3-away ):not( .nav-4-away ):not( .nav-5-away ):before {
		content:					"...";
		position:					absolute;
		left:						-1.3rem;
		top:						0;
	}
}

@media screen and ( max-width: 800px ) {
	/* 3 ITEMS */
	.page-blog #pager .pager .item:not( .active ):not( .nav-start ):not( .nav-end ):not( .nav-1-away ):not( .nav-2-away ):not( .nav-3-away ) {
		display:					none;
	}
	
	.page-blog #pager .pager .item.nav-start-end:not( .nav-1-away ):not( .nav-2-away ):not( .nav-3-away ):not( .nav-4-away ) {
		margin-right:				1.3rem;
		position:					relative;
	}
	
	.page-blog #pager .pager .item.nav-start-end:not( .nav-1-away ):not( .nav-2-away ):not( .nav-3-away ):not( .nav-4-away ):after {
		content:					"...";
		position:					absolute;
		right:						-1.3rem;
		top:						0;
	}
	
	.page-blog #pager .pager .item.nav-end-start:not( .nav-1-away ):not( .nav-2-away ):not( .nav-3-away ):not( .nav-4-away ) {
		margin-left:				1.3rem;
		position:					relative;
	}
	
	.page-blog #pager .pager .item.nav-end-start:not( .nav-1-away ):not( .nav-2-away ):not( .nav-3-away ):not( .nav-4-away ):before {
		content:					"...";
		position:					absolute;
		left:						-1.3rem;
		top:						0;
	}
}

@media screen and ( max-width: 600px ) {
	/* 2 ITEMS */
	.page-blog #pager .pager .item:not( .active ):not( .nav-start ):not( .nav-end ):not( .nav-1-away ):not( .nav-2-away ) {
		display:					none;
	}
	
	.page-blog #pager .pager .item.nav-start-end:not( .nav-1-away ):not( .nav-2-away ):not( .nav-3-away ) {
		margin-right:				1.3rem;
		position:					relative;
	}
	
	.page-blog #pager .pager .item.nav-start-end:not( .nav-1-away ):not( .nav-2-away ):not( .nav-3-away ):after {
		content:					"...";
		position:					absolute;
		right:						-1.3rem;
		top:						0;
	}
	
	.page-blog #pager .pager .item.nav-end-start:not( .nav-1-away ):not( .nav-2-away ):not( .nav-3-away ) {
		margin-left:				1.3rem;
		position:					relative;
	}
	
	.page-blog #pager .pager .item.nav-end-start:not( .nav-1-away ):not( .nav-2-away ):not( .nav-3-away ):before {
		content:					"...";
		position:					absolute;
		left:						-1.3rem;
		top:						0;
	}
}

@media screen and ( max-width: 500px ) {
	/* 1 ITEM */
	.page-blog #pager .pager .item:not( .active ):not( .nav-start ):not( .nav-end ):not( .nav-1-away ) {
		display:					none;
	}
	
	.page-blog #pager .pager .item.nav-start-end:not( .nav-1-away ):not( .nav-2-away ) {
		margin-right:				1.3rem;
		position:					relative;
	}
	
	.page-blog #pager .pager .item.nav-start-end:not( .nav-1-away ):not( .nav-2-away ):after {
		content:					"...";
		position:					absolute;
		right:						-1.3rem;
		top:						0;
	}
	
	.page-blog #pager .pager .item.nav-end-start:not( .nav-1-away ):not( .nav-2-away ) {
		margin-left:				1.3rem;
		position:					relative;
	}
	
	.page-blog #pager .pager .item.nav-end-start:not( .nav-1-away ):not( .nav-2-away ):before {
		content:					"...";
		position:					absolute;
		left:						-1.3rem;
		top:						0;
	}
}


/* BLOG POST CTAS *************************************************************/
.page-blog #ctas {
	
}

.page-blog #ctas .grid figure {
	margin-top:						0;
	margin-bottom:					0;
}






/* POST LAYOUT ****************************************************************/
.page-blog #postWrapper {
	-webkit-box-sizing:			border-box;
	-moz-box-sizing:			border-box;
	box-sizing:					border-box;
}

.page-blog #postWrapper *,
.page-blog #postWrapper *:before,
.page-blog #postWrapper *:after {
	-webkit-box-sizing:			inherit;
	-moz-box-sizing:			inherit;
	box-sizing:					inherit;
}



.page-blog #postWrapper {
	position:					relative;
}

.page-blog #postWrapper:after {
	content:					"";
	display:					table;
	clear:						both;
}

.page-blog #postWrapper #postContent {
	float:						left;
	width:						calc( 100% - 22rem );
}

.page-blog #postWrapper #sidebar {
	width:						18rem;
	
	float:						right;
	
    position:					-webkit-sticky;
    position:					sticky;
	top:						0;
	right:						0;
	
	margin-right:				0;
}

.page-blog #postWrapper #sidebar #relatedTitle {
	background-color:			#e5f1f3;
	
	border:						1px solid #9ac3cc;
	
	padding:					2rem;
	padding-left:				2rem;
	padding-right:				2rem;
	
	margin-bottom:				1rem;
}

.page-blog #postWrapper #sidebar #relatedTitle:not( .noTopImage ) {
	border-top:					none;
}

.page-blog #postWrapper #sidebar #relatedTitle a {
	text-decoration:			none;
}

.page-blog #postWrapper #sidebar #relatedTitle figure {
	margin:						0;
	margin-left:				auto;
	margin-right:				auto;
	text-align:					center;
}

.page-blog #postWrapper #sidebar #relatedTitle img {
	margin:						auto;
}

.page-blog #postWrapper #sidebar #relatedTitle p {
	margin:						0;
	padding:					0;
}

.page-blog #postWrapper #sidebar #relatedTitle h2 {
	font-size:					1.1em;
	color:						#41748d;
	margin-bottom:				0;
}

.page-blog #postWrapper #sidebar #relatedTitle h2 a {
	color:						#41748d;
}

.page-blog #postWrapper #sidebar #relatedTitle .author .authorLabel {
	display:					block;
	font-weight:				bold;
	margin-top:					0.2rem;
	font-size:					0.9em;
	color:						#333;
}

.page-blog #postWrapper #sidebar #relatedTitle .author .authorName {
	display:					block;
	margin-top:					-0.2rem;
	margin-bottom:				0.4rem;
	font-size:					0.9em;
	color:						#333;
}

.page-blog #postWrapper #sidebar #relatedTitle .author {
	color:						#41748d;
}

.page-blog #postWrapper #sidebar #relatedTitle .button {
	text-align:					center;
	font-weight:				bold;
}

.page-blog #postWrapper #sidebar #relatedTitle .button:after {
	display:					inline-block;
	float:						none;
	position:					relative;
	top:						2px;
	left:						5px;
}


.page-blog #postWrapper #sidebar > #social {
	margin-top:					1.5rem;
}

.page-blog #postWrapper #social {
	display:					grid;
	
	grid-template-columns:		100%;
	grid-row-gap:				1rem;
}
	
.page-blog #postWrapper #social .emailSignup a {
	display:					grid;
	
	grid-template-columns:		100%;
	grid-row-gap:				0;
	background-color:			transparent;
}
	
.page-blog #postWrapper #social .emailSignup a .text {
	background-color:			#28724f;
	display:					block;
}
	
.page-blog #postWrapper #social .emailSignup a .button {
	text-align:					right;
}



.page-blog #postWrapper #sidebar .socialMedia {
	display:					block;
	text-align:					center;
	padding-top:				0.25rem;
	padding-bottom:				0.5rem;
}

.page-blog #postWrapper #sidebar .socialMedia span {
	display:					block;
}

.page-blog #postWrapper #sidebar .socialMedia span .header {
	margin-bottom:				0.25rem;
}






/* STICKY POST HEADER
.page-blog #postWrapper header {
	position:					-webkit-sticky;
	position:					sticky;
	
	top:						0;
	
	margin-bottom:				1rem;
	background-color:			rgba( 255, 255, 255, 1.0 );
	border-bottom:				4px solid #fff;
}
*/

.page-blog #postWrapper header .headerWrapper {
	border-bottom:				1px solid #41748d;
	width:						100%;
	padding-bottom:				1rem;
	margin-bottom:				1rem;
}

.page-blog #postWrapper header h1 {
	padding:					0;
	margin:						0;
	padding-top:				1rem;
	margin-bottom:				0.5rem;
}


.page-blog #postWrapper header #meta {
	font-size:					0.90em;
}

.page-blog #postWrapper header #meta .author {
	display:					block;
	color:						#41748d;
	font-family:				Helvetica2;
}

.page-blog #postWrapper header #meta .author a {
	font-family:				Helvetica3;
	text-decoration:			none;
	color:						#41748d;
}

.page-blog #postWrapper header #meta .date {
	display:					block;
	font-family:				Helvetica2;
}

@media screen and ( ( ( max-width: 1024px ) and ( min-width: 768px ) ) or ( max-width: 640px ) ) {
	.page-blog #postWrapper header .headerWrapper {
		width:						100%;
	}
}

@media screen and ( ( max-width: 767px ) and ( min-width: 200px ) ) {
	.page-blog #postWrapper header .headerWrapper {
		width:						calc( 100% - 16rem );
	}
}



/* BLOG POST CONTENTS *********************************************************/
.page-blog #postContent {
	
}

.page-blog #postContent:after {
	content:					"";
	display:					table;
	clear:						both;
}

.page-blog #postContent img {
	display:					block;
	margin:						auto;
	margin-top:					1rem;
	margin-bottom:				1rem;
	max-width:					100%;
	height:						auto;
	padding: 					1rem;
}



.page-blog #postContent img[style*="float: left"],
.page-blog #postContent img[style*="float: right"] {
	margin-bottom:				1rem;
}

.page-blog #postContent img[style*="float: left"] {
	margin-right:				1rem;
}

.page-blog #postContent img[style*="float: right"] {
	margin-left:				1rem;
}


.page-blog #postContent #postText:after{
	content:					"";
	display:					table;
	clear:						both;
}


.page-blog #postContent #author {
	font-size:					0.9em;
	
	background-color:			#e5f1f3;
	
	border:						1px solid #9ac3cc;
	border-left:				none;
	border-right:				none;
	
	padding:					1rem;
	padding-left:				1rem;
	padding-right:				1rem;
	
	margin:						0;
	margin-top:					1rem;
	margin-bottom:				1rem;
	
	display:					grid;
	
	grid-template-columns:		auto 1fr;
	grid-column-gap:			1rem;
}


.page-blog #postContent #author .image img {
	padding:					0;
	margin:						0;
}


.page-blog #postContent #author .authorDetails h2 {
	padding:					0;
	margin:						0;
	margin-bottom:				0.25rem;
	font-size:					1.15em;
	color:						#20366f;
	font-family:				Helvetica3;
}

.page-blog #postContent #author .authorDetails h3 {
	padding:					0;
	margin:						0;
	margin-bottom:				0.25rem;
	font-size:					1.10em;
	color:						#5876a8;
	font-family:				Helvetica2;
}

.page-blog #postContent #author .authorDetails p {
	padding:					0;
	margin:						0;
	margin-bottom:				0.25rem;
	font-family:				Helvetica1;
	line-height:				1.4em;
}


.page-blog #postContent #author .authorLinks {
	display:					grid;
	
	grid-template-columns:		1fr 1fr;
	grid-column-gap:			1rem;
}


.page-blog #postContent #author .authorLinks a {
	color:						#1a704f;
	text-decoration:			none;
}








/* BLOG POST COMMENTS *********************************************************/
.page-blog #comments {
	margin-bottom:				2rem;
}

.page-blog #comments h2 {
	color:						#41748d;
}

.page-blog #comments #commentsContainer {
	margin-bottom:				1rem;
}

.page-blog #comments #commentsContainer .comment {
	border-bottom:				1px solid #41748d;
}

.page-blog #comments #commentsContainer .comment:last-of-type {
	border-bottom:				none;
}

.page-blog #comments #commentsContainer .comment .meta {
	background-color:			#e5f1f3;
	padding:					0.5rem;
	font-size:					0.9em;
}

.page-blog #comments #commentsContainer .comment .meta:after {
	content:					"";
	display:					table;
	clear:						both;
}

.page-blog #comments #commentsContainer .comment .meta .author {
	float:						left;
}

.page-blog #comments #commentsContainer .comment .meta .date {
	float:						right;
}

.page-blog .post-banner-image img {
	display:					block;
	max-width:					auto;
	width:						100%;
	height:						auto;
}

#captchainput {
	text-transform:				uppercase;
}







@media screen and ( max-width: 1280px ) {
	.page-blog .post-banner-image img {
		display:					block;
		max-width:					auto;
		width:						100%;
		height:						auto;
	}
}

@media screen and ( max-width: 960px ) {
	.page-blog #postWrapper #postContent {
		width:						calc( 100% - 17rem );
	}
	
	.page-blog #postWrapper #sidebar {
		width:						15rem;
	}
	
	.page-blog #postWrapper #sidebar #relatedTitle {
		padding:					1rem;
		padding-top:				2rem;
	}
}

@media screen and ( max-width: 768px ) {
	.page-blog #postWrapper #postContent {
		width:						100%;
	}
	
	.page-blog #postWrapper #sidebar {
		width:						15rem;
		float:						right;
		position:					static;
		margin-left:				2rem;
		margin-bottom:				1rem;
	}
	
	.page-blog #postWrapper #social {
		margin-bottom:				0;
	}
	
	.page-blog #postWrapper #social .socialMedia {
		padding-top:				0.5rem;
		padding-bottom:				1.0rem;
	}
	
	.page-blog #postWrapper #sidebar #relatedTitle {
		padding:					1rem;
		padding-top:				2rem;
	}
}

@media screen and ( max-width: 640px ) {
	.page-blog #postWrapper header .headerWrapper {
		width:						100%;
	}

	.page-blog #postContent #author .authorLinks {
		margin-top:					1rem;
		
		grid-template-columns:		1fr;
		grid-row-gap:				0.25rem;
	}
	
	.page-blog #postWrapper #sidebar {
		width:						100%;
		position:					static;
		float:						none;
		padding:					0;
		margin:						0;
		
		display:					grid;
		
		grid-template-columns:		1fr 1fr;
		grid-column-gap:			1rem;
	}
	
	.page-blog #postWrapper #relatedTitle {
		border-top:					1px solid #9ac3cc !important;
	}
	
	.page-blog #sidebar #social {
		display:					block;
	}
	
	
	.page-blog #sidebar #social .emailSignup,
	.page-blog #sidebar #social .socialMedia {
		margin-bottom:				1rem;
	}
	
	.page-blog #sidebar #social .emailSignup br {
		display:					none;
	}
	
	.page-blog #comments #commentsContainer .comment .meta .author,
	.page-blog #comments #commentsContainer .comment .meta .date {
		float:						none;
	}
}

@media screen and ( max-width: 460px ) {
	.page-blog #postWrapper #sidebar {
		grid-template-columns:		1fr;
		grid-column-gap:			1rem;
		grid-row-gap:				1rem;
	}
	
	.page-blog #postWrapper #sidebar #social {
		height:						auto;
	}
	
}

@media screen and ( max-width: 380px ) {
	.page-blog #postContent #author {
		grid-template-columns:		1fr;
		grid-row-gap:				0.25rem;
	}
	
	.page-blog #postContent #author .image {
		margin:						auto;
	}
	
	.page-blog #postContent img,
	.page-blog #postContent img[style*="float: left"],
	.page-blog #postContent img[style*="float: right"] {
		margin:						auto;
		float:						none !important;
		display:					block;
		max-width:					100%;
		margin-bottom:				1rem;
	}
}
























/* IE SPECIFIC GRID STUFF */
/* IE SPECIFIC GRID STUFF */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {


.page-blog #blogCategories ul {
	display:				-ms-grid;
	
	-ms-grid-columns:		1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	-ms-flex-align:			stretch;
	-ms-flex-pack:			stretch;
}

.page-blog #blogCategories ul li {
	display:				-ms-grid;
	-ms-grid-columns:		1fr;
	-ms-flex-align:			stretch;
	-ms-flex-pack:			stretch;
	-ms-grid-column-span:	1;
}

.page-blog #blogCategories ul li:nth-child( 1 ) { -ms-grid-column: 1; }
.page-blog #blogCategories ul li:nth-child( 2 ) { -ms-grid-column: 2; }
.page-blog #blogCategories ul li:nth-child( 3 ) { -ms-grid-column: 3; }
.page-blog #blogCategories ul li:nth-child( 4 ) { -ms-grid-column: 4; }
.page-blog #blogCategories ul li:nth-child( 5 ) { -ms-grid-column: 5; }
.page-blog #blogCategories ul li:nth-child( 6 ) { -ms-grid-column: 6; }
.page-blog #blogCategories ul li:nth-child( 7 ) { -ms-grid-column: 7; }

.page-blog #blogCategories ul li a {
	display:				-ms-grid;
	text-align:				center;
	-ms-flex-align:			center;
	-ms-flex-align:			stretch;
	-ms-flex-pack:			stretch;
	min-height:				2rem;
	border-right:			2px solid #fff;
}

.page-blog #featuredArticles .hero_panel .pane a .panel {
	display:					-ms-grid;
}

.page-blog #featuredArticles .hero_panel .pane a .panel .contents {
	display:					-ms-grid;
	    -ms-flex-align:				center;
}



/* SOCIAL BLOCK ***************************************************************/
.page-blog #social {
	display:					-ms-grid;
	-ms-grid-columns:			70% calc( 30% - 1rem );
    -ms-flex-align:				stretch;
    -ms-flex-pack:				stretch;
}

.page-blog #social .emailSignup {
	-ms-grid-column:			1;
}

.page-blog #social .socialMedia {
	-ms-grid-column:			2;
	margin-left:				1rem;
}

.page-blog #social .emailSignup a {
	display:					-ms-grid;
	-ms-grid-columns:		75% 25%;
	    -ms-flex-align:				stretch;
	    -ms-flex-pack:			stretch;
}

.page-blog #social .emailSignup a .text {
	-ms-grid-column:			1;
}

.page-blog #social .emailSignup a .button {
	-ms-grid-column:			2;
}

.page-blog #social .emailSignup a .button {
	display:					-ms-grid;
	    -ms-flex-align:				center;
	    -ms-flex-pack:			stretch;
}

.page-blog #social .socialMedia {
	display:					-ms-grid;
	-ms-grid-columns:		auto auto auto;
	    -ms-flex-align:				center;
	    -ms-flex-pack:			stretch;
}

.page-blog #social .socialMedia {
	padding:					1rem;
	text-align:					center;
}

/* BLOG SEARCH ****************************************************************/
.page-blog #search {
	display:					-ms-grid;
	-ms-grid-columns:		1fr auto 1rem 30% 2rem 1fr;
	    -ms-flex-align:				center;
	    -ms-flex-pack:			stretch;
}

.page-blog #search label {
	-ms-grid-column:				2;
	-ms-grid-column-span:				1;
}

.page-blog #search .searchbar {
	-ms-grid-column:				4;
	-ms-grid-column-span:				1;
}

.page-blog #search .search-icon {
	-ms-grid-column:				5;
	-ms-grid-column-span:				1;
}




/* BLOG POST LISTING **********************************************************/
/* Needs the span for the listproducts wrapper */
.page-blog #results #posts span {
	display:					-ms-grid;
	-ms-grid-columns:		1fr 1fr 1fr;
	-ms-grid-rows:			()[auto];
	    -ms-flex-align:				stretch;
	    -ms-flex-pack:			stretch;
}

.page-blog #results #posts span .post {
	padding-left:				1rem;
	padding-right:				1rem;
	margin-bottom:				2rem;
}


.page-blog #results #posts span .post:nth-child( 1 ) { -ms-grid-column: 1; }
.page-blog #results #posts span .post:nth-child( 2 ) { -ms-grid-column: 2; }
.page-blog #results #posts span .post:nth-child( 3 ) { -ms-grid-column: 3; }
.page-blog #results #posts span .post:nth-child( 4 ) { -ms-grid-column: 1; }
.page-blog #results #posts span .post:nth-child( 5 ) { -ms-grid-column: 2; }
.page-blog #results #posts span .post:nth-child( 6 ) { -ms-grid-column: 3; }

.page-blog #results #posts span .post:nth-child( 4 ),
.page-blog #results #posts span .post:nth-child( 5 ),
.page-blog #results #posts span .post:nth-child( 6 ) { -ms-grid-row: 2; margin-top: 1rem; }

.page-blog #results #posts span .post:nth-child( 1 ),
.page-blog #results #posts span .post:nth-child( 4 ) { padding-left: 0; }

.page-blog #results #posts span .post:nth-child( 3 ),
.page-blog #results #posts span .post:nth-child( 6 ) { padding-right: 0; }




/* POST LAYOUT ****************************************************************/
.page-blog #postWrapper #social {
	display:					-ms-grid;
	-ms-grid-columns:		100%;
	grid-row-gap:				1rem;
}
	
.page-blog #postWrapper #social .emailSignup a {
	display:					-ms-grid;
	-ms-grid-columns:		100%;
}
	
.page-blog #postContent #author {
	display:					-ms-grid;
	-ms-grid-columns:		auto 1fr;
}

.page-blog #postContent #author .authorLinks {
	display:					-ms-grid;
	-ms-grid-columns:		1fr 1fr;
}

}


















@media screen and ( max-width: 850px ) and ( min-width: 751px ) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.page-blog #blogCategories ul {
		-ms-grid-columns:		1fr 1fr 1fr 1fr;
	}
	
	.page-blog #blogCategories ul li:last-child {
		-ms-grid-column:				3;
		-ms-grid-column-span:				2;
	}
}


@media screen and ( max-width: 750px ) and ( min-width: 481px ) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.page-blog #blogCategories ul {
		-ms-grid-columns:		1fr 1fr 1fr;
	}
	
	.page-blog #blogCategories ul li:last-child {
		-ms-grid-column:				1;
		-ms-grid-column-span:				3;
	}
}


@media screen and ( max-width: 480px ) and ( min-width: 381px ) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.page-blog #blogCategories ul {
		-ms-grid-columns:		1fr 1fr;
	}
	
	.page-blog #blogCategories ul li:first-child {
		-ms-grid-column:				1;
		-ms-grid-column-span:				2;
	}
}


@media screen and ( max-width: 380px ) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.page-blog #blogCategories ul {
		-ms-grid-columns:		1fr;
	}
}

@media screen and ( max-width: 768px ) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.page-blog #featuredArticles .hero_panel .pane a {
		display:				-ms-grid;
		-ms-grid-columns:	1fr;
	}
}

@media screen and ( max-width: 780px ) and ( min-width: 651px ) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.page-blog #social {
		-ms-grid-columns:		calc( 100% - 12rem - 2rem ) 12rem;
	}
	
	.page-blog #social .emailSignup a {
		-ms-grid-columns:		70% 30%;
	}
}

@media screen and ( max-width: 650px ) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.page-blog #social {
		-ms-grid-columns:		calc( 100vw - 2rem );
	}
}

@media screen and ( max-width: 460px ) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.page-blog #social .emailSignup a {
		-ms-grid-columns:		1fr;
	}
	
}


@media screen and ( max-width: 600px ) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.page-blog #search {
		-ms-grid-columns:		auto auto 1rem auto 2rem auto;
	}
}


@media screen and ( max-width: 420px ) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.page-blog #search {
		padding:					0.5rem;
		-ms-grid-columns:		auto 2rem;
	}

	.page-blog #search label {
		-ms-grid-row:					1;
		-ms-grid-column:				1;
		-ms-grid-column-span:				2;
	}
	
	.page-blog #search .searchbar {
		-ms-grid-row:					2;
		-ms-grid-column:				1;
		-ms-grid-column-span:				1;
	}
	
	.page-blog #search .search-icon {
		-ms-grid-row:					2;
		-ms-grid-column:				2;
		-ms-grid-column-span:				1;
	}
}

@media screen and ( max-width: 1000px ) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.page-blog #results #posts span {
		-ms-grid-columns:		1fr 1fr;
	}
}



@media screen and ( max-width: 660px ) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.page-blog #results #posts span {
		-ms-grid-columns:		1fr;
	}
}


@media screen and ( max-width: 640px ) and (-ms-high-contrast: none), (-ms-high-contrast: active) {

	.page-blog #postContent #author .authorLinks {
		-ms-grid-columns:		1fr;
	}
	
	.page-blog #postWrapper #sidebar {
		display:					-ms-grid;
		-ms-grid-columns:		1fr 1fr;
	}
}

@media screen and ( max-width: 460px ) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.page-blog #postWrapper #sidebar {
		-ms-grid-columns:		1fr;
	}
	
}

@media screen and ( max-width: 380px ) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.page-blog #postContent #author {
		-ms-grid-columns:		1fr;
	}
}






/* Templated Content in the blog */
.page-blog #postContent blockquote {
	margin-left:				2rem;
	margin-right:				2rem;
}

.page-blog blockquote p,
.page-blog blockquote q {
	font-family:				'Helvetica1', "Helvetica Neue", Helvetica, Verdana;
}

.page-blog blockquote p:before,
.page-blog blockquote q:before {
	font-family:				'Georgia', 'Times New Roman', serif;
}

.page-blog #postContent aside {
	margin-left:				2rem;
	margin-right:				2rem;
}

.page-blog #postContent .icon-highlight:before {
	height:						1.4em;
	width:						1.4em;
}

@media ( min-width: 40em ) {
	.page-blog #postContent .list-social .icon-text:not(.icon-huge):before {
		font-size:					2rem;
		margin: 0 0.25em 1.5em 0;
	}
	
	.page-blog #postContent .list-social .icon-text:not(.icon-huge):first-child:last-child:before {
		font-size:					2rem;
		margin:						0 0.5em 0.0em 0;
	}
}

.page-blog #postContent .col-half,
.page-blog #postContent .col-quart {
	background-color:			#fafafa;
	margin-right:				1rem;
	margin-top:					0.5rem;
	margin-bottom:				0.5rem;
	padding:					1rem;
	padding-bottom:				0;
}

.page-blog #postContent .col-quart {
	padding-bottom:				0.75rem;
	font-size:					0.85em;
}

.page-blog #postContent .col-quart p {
	margin:						0;
}

.page-blog #postContent .col-half h2,
.page-blog #postContent .col-half h3,
.page-blog #postContent .col-half h4,
.page-blog #postContent .col-quart h2,
.page-blog #postContent .col-quart h3,
.page-blog #postContent .col-quart h4 {
	margin-top:					0;
}

.page-blog #postContent .col-half h2 {
	font-size:					1.4rem;
}

.page-blog #postContent .panel-feature {
	margin-top:					1rem;
	margin-bottom:				1rem;
}

.page-blog #postContent .col-quart h2 {
	font-size:					1.1em;
	font-weight:				bold;
}

.page-blog #postContent .cms-outline .wrap {
	padding:					0;
}

.page-blog #postContent .cms-outline.panel {
	min-height:					auto;
}