/* BLOG LANDING PAGE */
	.category-sort {padding: 30px 0 0;}
		@media screen and (min-width: 900px)  {.category-sort {padding: 40px 0 0;}}
		@media screen and (min-width: 1024px) {.category-sort {padding: 60px 0 0;}}
		@media screen and (min-width: 1244px) {.category-sort {padding: 80px 0 0;}}

	.category-sort {}

	.category-sort p,
	.category-sort a {display: inline-block;}

	.category-sort p {
		font-size: 14px;
		margin-right: 10px;
	}

	.category-btn {
		position: relative;
		font-size: 14px;
		padding: 6px 18px 6px 32px;
		border: 1px solid #D9D9D9;
		background-color: #F5F5F5;
		color: #074A7A;
		line-height: 1.6;
		margin-right: 5px;
	}
		.category-btn-all {padding-left: 18px;}

		.category-btn.active {color: #FFF;}
		.blogpreview .category-btn {
			font-size: 12px;
			padding: 4px 14px 4px 25px;
		}

	.category-dot {
		position: absolute;
		top: 12px;
		left: 13px;
		height: 10px;
		width: 10px;
		border-radius: 100%;
	}
		.blogpreview .category-dot {
			top: 9px;
			left: 9px;
		}
		.category-events {background-color: #074A7A;}
		.category-publications {background-color: #118085;}
		.category-actionplans {background-color: #63BBE1;}
		.category-pressreleases {background-color: #00A89E;}
		.category-otherresources {background-color: #263640;}
		.category-toolkits {background-color: #C7E3D9;}

		.pressrelease-preview:hover .category-btn-pressreleases {border: 1px solid #FFF;}

	.category-btn:hover {}
	.category-btn:hover .category-dot,
	.category-btn.active .category-dot {background: #FFF;}

		.category-btn-events:hover,
		.category-btn-events.active {
			background-color: #00497B;
			border-color: #00497B;
		}

		.category-btn-publications:hover,
		.category-btn-publications.active {
			background-color: #118085;
			border-color: #118085;
		}

		.category-btn-actionplans:hover,
		.category-btn-actionplans.active {
			background-color: #63BBE1;
			border-color: #63BBE1;
		}

		.category-btn-pressreleases:hover,
		.category-btn-pressreleases.active {
			background-color: #00A89E;
			border-color: #00A89E;
		}

		.category-btn-otherresources:hover,
		.category-btn-otherresources.active {
			background-color: #263640;
			border-color: #263640;
		}

		.category-btn-toolkits:hover,
		.category-btn-toolkits.active {
			background-color: #C7E3D9;
			border-color: #C7E3D9;
		}
/* BLOG LANDING PAGE */



/* BLOG PREVIEW */
.blog--wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -25px;
    margin-right: -25px;
}
	@media screen and (min-width: 500px) and (max-width: 767px) {.blog--wrap {margin-left: -10px; margin-right: -10px;}}
	@media screen and (min-width: 768px)  {.blog--wrap {margin-left: -15px; margin-right: -15px;}}
	@media screen and (min-width: 1024px) {.blog--wrap {margin-left: -15px; margin-right: -15px;}}
	@media screen and (min-width: 1244px) {.blog--wrap {margin-left: -15px; margin-right: -15px;}}

.blog--wrap-nopagination {margin-bottom: 50px;}
	@media screen and (min-width: 768px) {.blog--wrap-nopagination {margin-bottom: 100px;}}

.blogpreview--3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 100%;
}
	@media screen and (min-width: 500px) and (max-width: 899px) {.blogpreview--3 {width: 50%;}}
	@media screen and (min-width: 900px) {.blogpreview--3 {width: 33.33%;}}


.blogpreview {
	padding: 25px;
	margin-bottom: 25px;
	-moz-transition: all 0.2s ease-in,all 0.25s ease-out;
	-o-transition: all 0.2s ease-in,all 0.25s ease-out;
	-webkit-transition: all 0.2s ease-in,all 0.25s ease-out;
	transition: all 0.2s ease-in,all 0.25s ease-out;
}
	@media screen and (min-width: 500px) and (max-width: 767px) {.blogpreview {padding: 10px; margin-bottom: 50px;}}
	@media screen and (min-width: 768px)  {.blogpreview {padding: 15px; margin-bottom: 75px;}}
	@media screen and (min-width: 1024px) {.blogpreview {padding: 15px;}}
	@media screen and (min-width: 1244px) {.blogpreview {padding: 15px;}}


.blogpreview--image {
	overflow: hidden;
	background-color: #EEE;
	/*border: 1px solid #EEE;*/
	box-shadow: 0 0 4px rgba(0, 0, 0, .2);
}

	.blogpreview--image img {transition: all 0.2s ease-in, all 0.25s ease-out;}
	.blogpreview--image:hover img {transform: scale(1.03);}

.blogpreview ul, ul.blogpost--category {list-style: none; margin: 0; line-height: 0; min-height: 21px;}
.blogpreview ul li, ul.blogpost--category li {
	display: inline-block;
    margin: 14px 0 10px 0;
    padding: 0;
    line-height: 1;
}
	@media screen and (min-width: 500px)  {.blogpreview ul li, ul.blogpost--category li {margin:12px 0 14px 0;}}
	@media screen and (min-width: 768px)  {.blogpreview ul li, ul.blogpost--category li {margin:16px 2px 18px 0;}}
	@media screen and (min-width: 1024px) {.blogpreview ul li, ul.blogpost--category li {margin:21px 3px 22px 0;}}


.blog--category {
  background-color: #E1F0FA;
  padding: 3px 11px 4px;
  border-radius: 50px;
  text-decoration: none;
  color: #00497B;
  font-size: 12px;
}
	@media screen and (min-width: 768px)  {.blog--category {padding: 4px 11px 5px;}}
	@media screen and (min-width: 1024px) {.blog--category {padding: 6px 11px 7px;}}

.blog--category:hover {
  background-color: #00497B;
  color: #FFF;
}

.blogpreview--title {
	text-decoration: none;
	margin: 0;
	padding: 0;
}
	.blogpreview--title:hover, .blogpreview a:hover ~ .blogpreview--title {color: var(--mainblue);}

.blogpreview--title p {
	font-weight: 400;
	font-size: 24px;
	line-height: 1.25;
}
	@media screen and (min-width: 500px)  {.blogpreview--title p {font-size: 22px;}}
	@media screen and (min-width: 1024px) {.blogpreview--title p {font-size: 24px;}}

a.blogpreview--readmore {
	font-size: 14px;
	text-decoration: none;
	color: #AAA;
}

a.blogpreview--readmore:hover {
	font-size: 14px;
	text-decoration: none;
	color: var(--mainblue);
}
	.blogpreview a:hover ~ .blogpreview--readmore {color: var(--mainblue);}
/* BLOG PREVIEW */




/* BLOG PREVIEW - FEATURED */
.blogpreview-featured {
	position: relative;
	text-align: center;
	color: #FFF;
	margin-bottom: 50px;
	overflow: hidden;
}
	@media screen and (min-width: 600px)  {.blogpreview-featured {margin-bottom: 75px;}}
	@media screen and (min-width: 768px)  {.blogpreview-featured {margin-bottom: 100px;}}


.blogpreview-featured-backgroundimage {
	position: absolute;
	background-image: url('');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	transition: all 0.2s ease-in,all 0.25s ease-out;
	background-color: var(--mainblue);
}
	.blogpreview-featured:hover .blogpreview-featured-backgroundimage {
		transform: scale(1.04);
	}

.blogpreview-featured-backgroundimage img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.blogpreview-featured a {
	text-decoration: none;
}

.blogpreview-featured ul {
	position: absolute;
	bottom: 20px;
	left: 20px;
	margin: 0;
}
	@media (min-width: 768px)  {.blogpreview-featured ul {left: 50px;bottom: 50px;}}

.blogpreview-featured ul {list-style: none;}
.blogpreview-featured ul li {display: inline-block; margin: 0; padding: 0;}

.blogpreview-featured h2 {color: #FFF;}
  @media (min-width: 1024px) {.blogpreview-featured h2 {font-size: 70px;}}


.blogpreview-featured-gradient {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-image: linear-gradient(180deg, rgba(191,191,191,0.44) 0%, #00497B 100%);
	opacity: .5;
}

.blogpreview-featured-inner {
	position: relative;
	z-index: 1;
	padding: 50px 20px 100px;
}
	@media (min-width: 500px)  {.blogpreview-featured-inner {padding: 50px 30px 100px;}}
	@media (min-width: 768px)  {.blogpreview-featured-inner {padding: 100px 50px 150px;}}
	@media (min-width: 1024px) {.blogpreview-featured-inner {padding: 150px 50px 200px;}}
	@media (min-width: 1244px) {.blogpreview-featured-inner {padding: 175px 50px 225px;}}


.blogpreview-featured-readmore {
	position: absolute;
	right: 20px;
	bottom: 24px;
	color: #FFF;
	text-decoration: none;
}
	@media (max-width: 767px)  {.blogpreview-featured-readmore {font-size: 16px;}}
	@media (min-width: 768px)  {.blogpreview-featured-readmore {right: 50px;bottom: 45px;}}
/* BLOG PREVIEW - FEATURED */




/* INDIVIDUAL BLOG POST */
ul.blogpost--category {
	float: left;
	width: 100%;
}

.blogpost--title {
	float: left;
	width: 100%;
	color: #00497B;
	margin-left: -2px;
	margin-top: 10px;
}
/*	@media (min-width: 768px)   {.blogpost--title {margin-left: -3px; margin-top: 3px;}}
	@media (min-width: 1024px)  {.blogpost--title {width: calc(100% - 262px);}}*/

.blogpost--author {
	float: left;
	width: 100%;
	margin: 30px 0 0;
}
	.blogpost--superscript, .blogpost--title, .blogpost--author {color: #00497B;}

.blogpost--author p {
	float: left;
	min-width: 100%;
	font-size: 18px;
}
	@media (min-width: 768px)  {.blogpost--author p {min-width: 40%;}}
	@media (min-width: 900px)  {.blogpost--author p {min-width: 30%;}}
	@media (min-width: 1244px) {.blogpost--author p {min-width: 25%;}}

.blogpost--header-share {
	float: left;
	width: 50%;
	margin-top: 10px;
}
	@media (min-width: 768px) {.blogpost--header-share {margin-top: 0;}}



.blogpost--callout {
	padding: 25px;
	background-color: #E5F6F5;
}
	@media (min-width: 768px) {.blogpost--callout {padding: 50px;}}

.blogpost--callout h5 {
	font-size: 20px;
	margin-bottom: 10px;
	color: #00A89E;
}
	@media (min-width: 768px) {.blogpost--callout h5 {font-size: 26px;}}

.blogpost--callout.mainbluebackground {background-color: var(--mainblue); color: #FFF;}
.blogpost--callout.darkbluebackground {background-color: var(--darkblue); color: #FFF;}
.blogpost--callout.tealbackground     {background-color: #E5F6F5;}


	/* RELATED POSTS */
	.relatedposts {
		background-color: #263640;
		padding: 100px 0 30px;
	}

	.relatedposts--wrapper {margin: 0 auto;}

	.relatedposts .blogpreview {
		float: left;
		width: 100%;
		padding: 0;
	}
		@media screen and (min-width: 600px)  {
			.relatedposts .blogpreview {
				width: 44.5%;
				margin-right: 11%;
			}
		}
		@media screen and (min-width: 600px) {.relatedposts .blogpreview:nth-child(2n) {margin-right: 0%;}}

	.relatedposts .blogpreview--title, .relatedposts .blogpreview--readmore {color: #FFF;}

	.relatedposts .blogpreview--title:hover, 
	.relatedposts .blogpreview a:hover ~ .blogpreview--title, 
	.relatedposts .blogpreview--readmore:hover, 
	.relatedposts .blogpreview a:hover ~ .blogpreview--readmore 
	{color: var(--teal);}
	/* RELATED POSTS */
/* INDIVIDUAL BLOG POST */



/* BLOG POST PAGINATION */
.blog--pagination {
	margin: 0 0 100px 0;
	text-align: center;
}
	@media screen and (min-width: 768px) {.blog--pagination {margin: 50px 0 150px 0;}}


.blog--pagination a.btn,
.blog--pagination a.btn,
.blog--pagination a.btn.current,
.blog--pagination span.current {
	width: 50px;
	height: 50px;
	margin: 0 10px;
	padding: 10px;
}
	@media screen and (min-width: 600px)  {
		.blog--pagination a.btn,
		.blog--pagination a.btn,
		.blog--pagination a.btn.current,
		.blog--pagination span.current {
			padding: 5px;
		}	
	}


.blog--pagination a.btn, 
.blog--pagination a.btn {
	background: transparent;
	color: #AAA;
	border: 1px solid #AAA;
}

.blog--pagination a.btn:hover, 
.blog--pagination a.btn:hover {
	background: var(--mainblue);
	color: #FFF;
	border: 1px solid var(--mainblue);
}

.blog--pagination a.btn.current, 
.blog--pagination span.current {color: #FFF;}
/* BLOG POST PAGINATION */





/* PRESS RELEASE PREVIEW */
.pressrelease-preview {
	background-color: var(--teal);
	padding: 10px 30px 30px 30px;
	color: #FFF;
	border-radius: 7px;
}

.pressrelease-preview h4 {
	font-weight: 400;
	font-size: 24px;
	line-height: 1.25;
}
@media screen and (min-width: 500px)  {.pressrelease-preview h4 {font-size: 22px;}}
@media screen and (min-width: 1024px) {.pressrelease-preview h4 {font-size: 24px;}}

.pressrelease-preview a p {color: #FFF;}

.pressrelease-preview .blogpreview ul li {margin-top: 0;}

a.pressrelease-preview--readmore {
	font-size: 14px;
	text-decoration: none;
	color: #FFF;
}

a.pressrelease-preview--readmore:hover {color: var(--mainblue);}
/* PRESS RELEASE PREVIEW */