
.impact-filter .impact-sort {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 0.5rem;
	margin-bottom: 1rem;
	margin: 5px 0px;
}
.impact-filter .impact-sort label {
	color: #888;
	font-size:.8em;
}
.impact-filter .impact-sort select {
	padding: 0.15rem 1.5rem 0.15rem 0.75rem;
	font-size: 0.9rem;
	border: 1px solid #ccc;
	background: #fff url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%270%200%2010%206%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M0%200l5%206%205-6z%27%20fill%3D%27%23333%27/%3E%3C/svg%3E") no-repeat right 0.5rem center;
	background-size: 0.65rem;
	appearance: none;
	width: auto;
	min-width: 140px;
	color: #666;
}
.impact-filter .impact-sort select:hover {
	color: #333;
}

/* FTND Impact Journal Styles */
.ftnd .container-wrap.impact {padding-top: 20px;}
.impact-posts.post-area.masonry.meta_overlaid .posts-container {overflow: visible;}
.impact-post.masonry-blog-item .inner-wrap {background:initial;}
.impact-posts .masonry-blog-item.impact-post .post-content {
	position: relative;
	min-height: auto;
	padding-left: initial;
	box-sizing: border-box;
	height: 100%;
	width: 100%;
	padding: 10px;
}
.impact-posts .masonry-blog-item.impact-post .post-content .content-inner {
	position: relative;
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 2px 4px 25px 1px rgba(0, 0, 0, 0.09);
	border-radius: 15px;
	overflow: hidden;
}
.impact-posts .masonry-blog-item.impact-post .impact-wrap {padding: 80px 40px;}
@media only screen and (min-width:690px) {
	.impact-posts .masonry-blog-item.impact-post.regular,
	.impact-posts .masonry-blog-item.impact-post.wide_tall{
		aspect-ratio: 1 / 1;
	}
	.impact-posts .masonry-blog-item.impact-post.long{
		aspect-ratio: 1 / 2;
	}
	.impact-posts .masonry-blog-item.impact-post .impact-wrap {padding: 40px;}
	.impact-posts .masonry-blog-item.impact-post.large_featured .impact-wrap {padding: 70px 40px;}
}
@media only screen and (min-width:990px) and (max-width:1300px) {
	.impact-posts.post-area.masonry.meta_overlaid .masonry-blog-item.regular:not(.impact-insert),
	.impact-posts.post-area.masonry.meta_overlaid .masonry-blog-item.regular.long {
		width:50%;
		aspect-ratio: 1 /2;
	}
}



.impact-topic {
	position: absolute;
	left: 2.5em;
    top: 1.75em;
	color: #ccc;
	font-size: .8em;
}
.impact-date {
	position: absolute;
	right: 2.5em;
    bottom: 1.75em;
	color: #ccc;
	font-size: .8em;
}

/*Inserts*/
.impact-posts .masonry-blog-item.impact-insert.regular,
.impact-posts .masonry-blog-item.impact-insert.wide_tall{
	aspect-ratio: 1 / 1;
}
.impact-posts.insert-ugc .impact-background {
	width: 100%;
  	aspect-ratio: 1 / 1;
}
.impact-post.insert-ugc .impact-background img {
	position: absolute;
	left: 0px;
	top: 0px;
	aspect-ratio: 1 / 1;
	width: 100%;
	height: auto !important;
}
.impact-post.insert-ugc .impact-ugc-tag {
	position: absolute;
	background: rgba(255,255,255,.5);
	padding: 5px 8px;
	border-radius: 15px;
	display: block;
	font-size: 13px;
	line-height: 13px;
	font-weight: 500;
	color: rgba(0,0,0,.7);
	margin: 0px;
}
.impact-post.insert-ugc .impact-ugc-tag.ugc-ig {
	top: 7px;
	left: 7px;
}
.impact-post.insert-ugc .impact-ugc-tag.ugc-shop {
	bottom: 7px;
	right: 7px;
}
.impact-post.insert-ugc .impact-ugc-tag.ugc-shop:after {
	content:" | Shop Now ↗";
}
.impact-post.insert-donate  .content-donate {margin-bottom:30px;}
.impact-post.insert-donate  .donate-cta {
	font-weight: 800;
	font-size: 22px;
	line-height: 33px;
}
.impact-post.insert-donate .donate-button {
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 42px;
	width: 100%;
	display: block;
	font-weight: 800;
	font-size: 18px;
	line-height: 42px;
	text-align: center;
}
.donate-stories .donate-button, .donate-worldwide .donate-button, .donate-movement .donate-button, .donate-stand  .donate-button {
	background:#000;
	color:#fff;
}
.insert-donate.joinfc .content-inner, .insert-donate.giveone-impact .content-inner, .insert-donate.giveone-difference .content-inner {
	background:#000;
	color:#eee;
}.joinfc .donate-button, .giveone-impact .donate-button, .giveone-difference .donate-button {
	background:#333;
	color:#fff;
}
.impact-post.impact-insert .insert-link {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: block;
}