/* Article Posts */
article.featured-post {	
	margin-bottom: 1.5rem;
}

article.featured-post .post-img {
	display: block;
    overflow: hidden;
    border-radius: 0.625rem;
    margin-bottom: .75rem;
}

article.featured-post .post-img img {
    transition: all ease-in-out .2s;
    display: block;
}

article.featured-post:hover .post-img img {
	transform: scale(1.08);
}

article.featured-post .category-tags {
	margin-bottom:  .25rem;
}

article.featured-post a h3 {
	color: #231f20;
    line-height: 1.35;
    margin-bottom: 0.75rem;
    margin-top: 0;
    font-size: 1.3125rem;
    font-weight: 700;
    font-family: "proxima-nova","helvetica",sans-serif;
    padding-right: 14px;
	display: inline-block;
}

article.featured-post a h3:after {
	content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" fill="%23231f20" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve" height="14px" width="14px"><polygon points="16.8,27.7 27.3,17.2 0,17.2 0,14.8 27.3,14.8 16.8,4.3 18.5,2.5 32,16 18.5,29.5 "/></svg>');
	margin-left: .5rem;
	display: inline-block;
	width: 0px;
	height: 14px;
	margin-left: 0px;
	padding-left: 0px;
	transform: translate(7px, 0);
}

article.featured-post .excerpt, article.featured-post .snippet {
	font-family: "proxima-nova","helvetica",sans-serif;
	font-weight: 300;
	font-size: 1.125rem;
    line-height: 1.5;
}

.article-feed-3-column {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.article-feed-3-column article.featured-post {
	position: relative;
    width: 100%;
    padding: 0 .75rem;
}

.article-feed-3-column article.featured-post .excerpt {
	display: none;
}

@media screen and (min-width: 37.5rem){
	.article-feed-3-column article.featured-post {
		-ms-flex: 0 0 50%;
    	flex: 0 0 50%;
    	max-width: 50%;
    	padding: 0 1.5rem;
	}
}

@media screen and (min-width: 75rem){
	.article-feed-3-column article.featured-post {
		-ms-flex: 0 0 33.333333%;
    	flex: 0 0 33.333333%;
    	max-width: 33.333333%;
    	padding: 0 1.5rem;
	}
}

/* --- */

/* Category Tags */
.category-tags {
	margin-bottom:  1.5rem;
}

.category-tags .button, body.atcb-story .category-tags .button {
	background:  #e5e5e5;
	border-color:  #e5e5e5;
	font-size: .6875rem;
    line-height: 1.5rem;
    padding: 0.125rem 0.375rem 0;
    color:  #231f20;
    box-shadow: none;
    letter-spacing: 1px;
    text-align: left;
}

.category-tags .button:hover, body.atcb-story .category-tags .button:hover {
	background:  #d5d5d5;
	border-color:  #d5d5d5;
	color:  #231f20;
}

.category-tags .button:active, body.atcb-story .category-tags .button:active {
	background:  #d5d5d5;
	border-color:  #d5d5d5;
	color:  #231f20;
	top: 0;
}
/* --- */