/****************************************/

/* blog style */

/****************************************/

/* types of list */

/* 2 col list */
/* md */
@media (min-width: 768px)
{
	.post-list-2-col
	{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.post-list-2-col .post
	{
		width: 49%;
	}
}
/* lg */
@media (min-width: 992px)
{
	.post-list-2-col .post
	{
		width: 49%;
	}
}

/* 3 col list */
/* md */
@media (min-width: 768px)
{
	.post-list-3-col
	{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.post-list-3-col .post
	{
		width: 49%;
	}
}
/* lg */
@media (min-width: 992px)
{
	.post-list-3-col:after 
	{
		content: "";
		flex-basis: 30%;
	}
	
	.post-list-3-col .post
	{
		width: 30%;
	}
}

/**********/

/* masonry */

/* sm */
@media (min-width: 576px)
{
	.post-list-masonry-2-col
	{
		column-count: 1;
	}
	
	.post-list-masonry-3-col
	{
		column-count: 1;
	}
	
	.post-list-masonry-2-col .post, .post-list-masonry-3-col .post
	{
		break-inside: avoid-column;
	}
}

/* md */
@media (min-width: 768px)
{
	.post-list-masonry-2-col
	{
		column-count: 2;
	}
	
	.post-list-masonry-3-col
	{
		column-count: 2;
	}
	
	.post-list-masonry-2-col .post, .post-list-masonry-3-col .post
	{
		break-inside: avoid-column;
	}
}

/* lg */
@media (min-width: 992px)
{
	.post-list-masonry-2-col
	{
		column-count: 2;
	}
	
	.post-list-masonry-3-col
	{
		column-count: 3;
	}
	
	.post-list-masonry-2-col .post, .post-list-masonry-3-col .post
	{
		break-inside: avoid-column;
	}
}

/****************************************/

/* post: pin (full-image) */

.post.post-pin .post-image
{
	position: relative;
	overflow: hidden;
	height: 250px;
}
.post.post-pin .post-image.post-image-mini
{
	height: 150px;
}

.post.post-pin .post-image img
{
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
	
	min-width: 100%;
	min-height: 100%;
	max-width: 110%;
	max-height: 110%;
}
.post.post-pin .post-body 
{
    padding: 30px 20px 20px 20px;
    border: 1px solid #ddd;
	
	position: relative;
}

.post.post-pin .post-ribbon 
{
	position: absolute;
	left: 50%;
	top: 0%;
	-webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
	
    
    padding: 5px 20px;
	
	text-transform: uppercase;
    /*color: #aaa;*/
    font-size: 0.9em;
	text-align: center;
	white-space: nowrap;
}

.post.post-pin .post-title 
{
    /*font-size: 20px;
	line-height: 26px;
    font-weight: 700;
    text-transform: uppercase;*/
	/*color: #18253c;*/
	
	padding: 0;
    margin: 0 0 10px 0;
}

.post.post-pin .post-byline 
{
    overflow: hidden;
    position: relative;
    padding: 0 0 10px;
    margin: 0 0 20px;
	
	font-size: 0.9em;
	text-transform: uppercase;
    color: #aaa;
}

.post.post-pin .post-content 
{
    padding: 0;
    margin: 0 0 20px 0;
}

/****************************************/