/* Blog Master */

/* rewrite original */
.blog-post .readMore,
.breadcrumb .divider {display: none;}

/* fix wordpress import */
.blog-post-body:empty,
.blog-post-body br:only-child {
	display: none;	
}

/* blog message */
.blogMessages {
	border-bottom: 2px solid rgba(138,34,34,0.7);
	padding: 10px;
	text-align: center;
	color: firebrick;
	background-color: rgba(138,34,34,0.1);
	margin-bottom: 20px;
}
.blogMessages p {
	margin: 0;	
}
.ipop-blog-messages.iPopBlock.styled .iPopBox {
	border: 0 none;
	padding: 0;	
}
.ipop-blog-messages .blogMessages {
	margin: 0;	
}

/* blog basic layout */
.col-blog-aside {
	width: 300px;	
}
.col-blog-article {
	width: calc(100% - 300px);	
}
.side-box {
	background-color: #f2f2f2;
	margin-bottom: 30px;
}

@media (max-width: 767px) {
	.col-blog-article,
	.col-blog-aside {
		width: 100%; 
		float: none;	
	}	
	.col-blog-aside > div {
		margin-bottom: 20px;	
	}
}
@media (min-width: 480px) and (max-width: 767px) {
	.col-blog-aside {
		-webkit-column-count: 2;
		   -moz-column-count: 2;
				column-count: 2;
		-webkit-column-gap: 20px;
		   -moz-column-gap: 20px;
				column-gap: 20px;
-webkit-column-break-inside: avoid;
		  page-break-inside: avoid;
			   break-inside: avoid;
		-webkit-column-fill: balance;
		   -moz-column-fill: balance;
				column-fill: balance;
	}
	.col-blog-aside > div {
		-webkit-column-break-inside: avoid;
		break-inside: avoid-column;
		page-break-inside: avoid;
	}	
}

/* blog sidebar */
.side-box h3 {
	margin: 0;	
	padding: 10px 15px;
	color: #444;
	border-bottom: 1px solid #d7d7d7;
}
.side-box h3 + div {
	padding: 10px 15px;	
}
.side-box a {
	color: #444;	
	padding: 0; margin: 0;
	display: block;
}
.side-box input[type="email"] {
	border: 1px solid #ccc;	
	height: auto;
	padding: 6px 12px;
	margin-bottom: 10px;
	width: 100%;
}
.side-box .CommentsBody {
	border-left: 0 none;
	padding-left: 0;	
}
.side-box .CommentsItem:not(:last-child) {
	border-bottom: 1px solid #d7d7d7;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.side-box .blogAuthor {
	clear: both;
	overflow: hidden;
	padding-bottom: 10px;	
}


/* blog tag cloud */
#blogTagCloud {text-align: center;}
#blogTagCloud .blogTag {display: inline-block; padding-right: 5px; padding-bottom: 5px;}
#blogTagCloud .blogTag a {width: auto; padding: 0; border: 0 none; display: inline;}
#blogTagCloud .pop15 a {font-size: 180%;}
#blogTagCloud .pop14 a {font-size: 170%;}
#blogTagCloud .pop13 a {font-size: 160%;}
#blogTagCloud .pop12 a {font-size: 155%;}
#blogTagCloud .pop11 a {font-size: 150%;}
#blogTagCloud .pop10 a {font-size: 145%;}
#blogTagCloud .pop9 a {font-size: 140%;}
#blogTagCloud .pop8 a {font-size: 135%;}
#blogTagCloud .pop7 a {font-size: 130%;}
#blogTagCloud .pop6 a {font-size: 125%;}
#blogTagCloud .pop5 a {font-size: 120%;}
#blogTagCloud .pop4 a {font-size: 115%;}
#blogTagCloud .pos3 a {font-size: 110%;}
#blogTagCloud .pop2 a {font-size: 105%;}
#blogTagCloud .pop1 a {font-size: 100%;}

/* blog archive */
.blogArchiveYear span {cursor: pointer;}
.blogArchiveYear span:hover {text-decoration: underline;}
.blogArchiveItem {padding-left: 10px;}

/* list of posts */
h2.blog-extra-title {
	margin-bottom: 25px;	
}
.blog-content-date-formatted,
.author-thumb-small,
.placeholder-image,
.blog-post-thumb {
	display: none;	
}

.blog-post {
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #d7d7d7;	
	clear: both;
	overflow: hidden;
}
.blog-post-empty,
.view-card .blog-posts-container .blog-post.blog-post-empty {
	visibility: hidden;
	padding: 0;	
	margin: 0;
	border: 0 none;
}
.blog-post h3 {
	padding: 0; margin: 0;
}
.blog-post-heading {
	color: #999;	
}
.blog-post-image {
	margin-top: 10px;
	margin-bottom: 10px;
}
.blog-post-footer {
	margin-top: 10px;	
}
.blog-read-more-links {
	margin-top: 5px;	
	display: flex;
    flex-flow: row nowrap;
	justify-content: space-between;
}
.comments-count:before {
	content: '(';	
}
.comments-count:after {
	content: ')';	
}
.blog-content-tags {
	color: #999;
}
.blog-content-tags a {
	color: #999;	
}
.blog-read-more {
	white-space: nowrap;
}
.blog-view-switcher {
	background-color: #f2f2f2;
	display: flex;
	flex-flow: row wrap;
}
.blog-view-switcher span {
	display: inline-block;
	padding: 10px 15px;
	cursor: pointer;
	background-color: transparent;
	text-align: center;
	white-space: nowrap;	
}
.view-card .blog-view-switcher span.layout-card,
.view-article .blog-view-switcher span.layout-article,
.view-thumbs .blog-view-switcher span.layout-thumbs,
.view-card .blog-view-switcher span.layout-card,
.view-list .blog-view-switcher span.layout-list,
.view-newspaper .blog-view-switcher span.layout-newspaper,
.view-author .blog-view-switcher span.layout-author,
.view-photo .blog-view-switcher span.layout-photo,
.view-board .blog-view-switcher span.layout-board {
	background-color: #fff;	
	cursor: text;
}
.blog-view-switcher label {
	font-weight: normal; display: inline; padding: 0; margin: 0; cursor: pointer;
}
.view-card .blog-view-switcher span.layout-card label,
.view-article .blog-view-switcher span.layout-article label,
.view-thumbs .blog-view-switcher span.layout-thumbs label,
.view-card .blog-view-switcher span.layout-card label,
.view-list .blog-view-switcher span.layout-list label,
.view-newspaper .blog-view-switcher span.layout-newspaper label,
.view-author .blog-view-switcher span.layout-author label,
.view-photo .blog-view-switcher span.layout-photo label,
.view-board .blog-view-switcher span.layout-board label {
	cursor: text;
}
.blog-view-switcher span.layout-fullwidth,
.blog-view-switcher span.layout-fullwidth-off {
	margin-left: auto;
}
.blog-view-switcher span.layout-fullwidth-off {
	display: none;
}
.blog-fullwidth .blog-view-switcher span.layout-fullwidth {
	display: none;	
}
.blog-fullwidth .blog-view-switcher span.layout-fullwidth-off {
	display: block;	
}
@media (max-width: 1199px) {
	body:not(.blog-fullwidth) .blog-view-switcher label {
		display: none;	
	}	
	body:not(.blog-fullwidth) .blog-view-switcher span {
		padding: 10px 15px;
		padding-right: 10px;	
		font-size: 18px;
	}	
}
@media (max-width: 979px) {
	.blog-view-switcher label {
		display: none;	
	}	
	.blog-view-switcher span {
		padding: 10px 15px;
		padding-right: 10px;	
		font-size: 18px;
	}
}
@media (max-width: 767px) {
	.blog-fullwidth .blog-view-switcher span.layout-fullwidth-off,
	.blog-view-switcher span.layout-fullwidth {
		display: none;	
	}
}
@media (max-width: 479px) {
	.blog-view-switcher span,
	body:not(.blog-fullwidth) .blog-view-switcher span {
		padding: 5px 10px;
		padding-right: 5px;
	}		
}

/* author */
.spacer-image {
	display: none;	
}
/* author description */
.row-author-description {
	margin-top: 100px;
	overflow: visible;
	padding: 1px;	
	border: 1px solid #d7d7d7;
	border-radius: 5px;
	margin-bottom: 30px;
}
.row-author-description > a {
	margin-top: -100px;
	margin-right: 0px;
	margin-left: auto;
	margin-right: auto;
	border: 10px solid #fff;
	border-radius: 50%;
	display: block;		
	position: relative;
	box-shadow: 0 0 1px rgba(0,0,0,0.5);
	width: 170px;
}
.row-author-description img {
	border-radius: 50%;	
	width: 150px;
}
.row-author-description > a:before {
	position: absolute;
	content: '';	
}
.row-author-description > div {
	float: none;
	text-align: center;	
}
.row-author-description h2 {
	margin-top: 15px;
	margin-bottom: 5px;
	padding: 0px 30px;
}
.row-author-description h4 {
	margin-bottom: 20px;
	margin-top: 0px;
	padding: 0px 30px;
}
.author-long-desc {
	padding: 20px 30px;
}

/* card layout */
.view-card .blog-posts-container  {
	font-size: small;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.view-card .blog-posts-container .blog-post {
	padding-bottom: 10px;
	margin-bottom: 20px;
	border: 0 none;	
	background-color: #f2f2f2;
	border-bottom: 3px solid #d7d7d7;
	width: calc(33.3333% - 15px);	
	display: flex;
	flex-flow: column nowrap;
}
.view-card .blog-posts-container .blog-post-heading-container {
	display: flex;	
	flex-flow: column nowrap;
	flex: 0 0 auto;
}
.view-card .blog-posts-container .blog-post-image {
	margin: 0px;
	order: 1;	
	flex: 0 0 auto;
}
.view-card .blog-posts-container h3 {
	flex: 0 0 auto;
	order: 2;	
}
.view-card .blog-posts-container .blog-post-heading {
	order: 3;
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-end;	
	flex: 0 0 auto;
}
.view-card .blog-posts-container .blog-post-image img {
	margin: 0 0 10px;	
}
.view-card .blog-posts-container a {
	color: #333;	
}
.view-card .blog-posts-container .blog-content-tags a {
	color: #999;	
}
.view-card .blog-posts-container .blog-post-body {
	display: none;	
}
.view-card .blog-posts-container h3 {
	font-size: 18px;
	padding-left: 10px;
	padding-right: 10px;
}
.view-card .blog-posts-container .blog-post-without-image h3 {
	margin-top: 10px;	
}
.view-card .blog-posts-container h3 a {
	text-decoration: none;
}
.view-card .blog-posts-container .blog-post-heading > div {
	padding-left: 10px;
	padding-right: 10px;
}
.view-card .blog-posts-container .blog-post-footer {
	padding-left: 10px;
	padding-right: 10px;
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-end;
	flex: 1 0 auto;
display: none;
}
.view-card .blog-posts-container .comments-label {
	display: none;	
}
.view-card .blog-posts-container .blog-read-more-links {
	margin-top: 5px;	
}
@media (min-width: 1200px) {
	.blog-fullwidth.view-card .blog-posts-container .blog-post {
		width: calc(25% - 15px);
	}
}
@media (max-width: 1199px) {
	.view-card .blog-posts-container .blog-post {
		width: calc(50% - 15px);	
	}	
	.blog-fullwidth.view-card .blog-posts-container .blog-post {
		width: calc(25% - 15px);		
	}	
}
@media (max-width: 979px) {
	.view-card .blog-posts-container .blog-read-more-links {
		flex-flow: column nowrap;	
	}
	.blog-fullwidth.view-card .blog-posts-container .blog-post {
		margin-bottom: 15px;
		width: calc(33.3333% - 10px);		
	}	
}
@media (max-width: 767px) {
	.view-card .blog-posts-container .blog-post,
	.blog-fullwidth.view-card .blog-posts-container .blog-post {
		margin-bottom: 10px;		
		width: calc(50% - 5px);	
	}
}
@media (max-width: 479px) {
	.view-card .blog-posts-container .blog-post,
	.blog-fullwidth.view-card .blog-posts-container .blog-post {
		width: 100%;
	}		
}

.view-thumbs .blog-post {
	padding-bottom: 15px;
	margin-bottom: 15px;	
}
.view-thumbs .blog-post-image {
	display: none;	
}
.view-thumbs .blog-post-thumb {
	display: block;	
	float: left;
	margin-bottom: 10px;
	margin-right: 15px;
}
.view-thumbs .blog-post-heading-container {
	display: flex;
	flex-flow: column-reverse nowrap;
}
.view-thumbs .blog-post-body {
	margin-top: 5px;	
}
.view-thumbs .blog-post-footer {
	clear: both;
	overflow: hidden;	
}
@media (max-width: 767px) {
	.view-thumbs .blog-post-body {
		clear: both;
		overflow: hidden;	
	}
}
@media (max-width: 479px) {
	.view-thumbs .blog-post-thumb img {
		width: 70px;
	}
}

/* short list view */
.view-list .blog-post {
	padding-bottom: 15px;
	margin-bottom: 15px;	
	display: flex;
	flex-flow: row nowrap;	
}
.view-list .blog-post h3 {
	font-size: 22px;	
}
.view-list .blog-post-footer {
	width: 100%;	
}
.view-list .blog-post-heading-container {
	align-self: center;	
}
.view-list .blog-post-image,
.view-list .blog-read-more,
.view-list .blog-post-body {
	display: none;	
}
.view-list .blog-content-date {
	display: none;	
}
.view-list .blog-content-date-formatted {
	flex: 0 0 auto;
	display: flex;
	flex-flow: column nowrap;	
	margin-right: 15px;
	align-self: center;
}
.view-list .blog-content-date-formatted > div:first-child {
	background-color: #8dba55;
	font-size: 19px;
	font-weight: 800;
	padding: 3px 10px;	
	color: #fff;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;	
}
.view-list .blog-content-date-formatted > div:last-child {
	background-color: #f2f2f2;	
	padding: 3px 10px;
	color: #333;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;	
}
.view-list .blog-post-footer {
	display: none;
}
@media (max-width: 1199px) {
	.view-list .blog-post h3 {
		font-size: 21px;	
	}	
}
@media (max-width: 979px) {
	.view-list .blog-post h3 {
		font-size: 19px;	
	}	
}
@media (max-width: 767px) {
	.view-list .blog-post h3 {
		font-size: 18px;	
	}	
}
@media (max-width: 479px) {
	.view-list .blog-post h3 {
		font-size: 17px;	
	}	
	.view-list .blog-content-date-formatted > div:first-child {
		font-size: 16px;
		padding: 2px 6px;	
	}
	.view-list .blog-content-date-formatted > div:last-child {
		font-size: 12px;	
		padding: 2px 6px;
	}
}

/* newspaper view */
.view-newspaper .blog-posts-container {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.view-newspaper .blog-post-heading-container {
	display: flex;	
	flex-flow: column nowrap;
}
.view-newspaper .blog-post {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #d7d7d7;
	display: flex;
	flex-flow: column nowrap;	
}
.view-newspaper .blog-post-footer {
	display: flex;
	flex-flow: column nowrap;	
	justify-content: flex-end;	
	flex: 1 0 auto;
}
.view-newspaper .blog-post-image {
	order: 1;	
}
.view-newspaper .blog-post h3 {
	order: 2;	
}
.view-newspaper .blog-post-heading {
	order: 3;	
}

/* row 1 */
.view-newspaper .blog-post:nth-child(1) {
	width: 100%;
}
/* row 2 */
.view-newspaper .blog-post:nth-child(n+2):nth-child(-n+3) {
	width: calc(50% - 15px);
}
.view-newspaper .blog-post:nth-child(n+2):nth-child(-n+3) h3 {
	font-size: 21px;	
}
/* row 3-4 */
.view-newspaper .blog-post:nth-child(n+4):nth-child(-n+9) {
	width: calc(33.3333% - 15px);
}
.view-newspaper .blog-post:nth-child(n+4):nth-child(-n+9) h3 {
	font-size: 18px;
}
.view-newspaper .blog-post:nth-child(n+4):nth-child(-n+9) .blog-post-body {
	display: none;	
}
.view-newspaper .blog-post:nth-child(n+4):nth-child(-n+9) .blog-post-footer {
	margin-top: 5px;	
}
/* row 5+6 */
.view-newspaper .blog-post:nth-child(n+10):nth-child(-n+17) {
	width: calc(25% - 15px);
}
.view-newspaper .blog-post:nth-child(n+10):nth-child(-n+17) h3 {
	font-size: 16px;
}
.view-newspaper .blog-post:nth-child(n+10):nth-child(-n+17) .blog-post-body {
	display: none;	
}
.view-newspaper .blog-post:nth-child(n+10):nth-child(-n+17) .blog-read-more-links {
	display: flex;
	flex-flow: column nowrap;	
}
.view-newspaper .blog-post:nth-child(n+10):nth-child(-n+17) .blog-post-footer {
	margin-top: 5px;	
}
/* row 7+ */
.view-newspaper .blog-post:nth-child(n+18) {
	width: 100%;	
	margin-bottom: 20px;
	display: block;
}
.view-newspaper .blog-post:nth-child(n+18) .blog-post-body,
.view-newspaper .blog-post:nth-child(n+18) .blog-post-footer,
.view-newspaper .blog-post:nth-child(n+18) .blog-post-image {
	display: none;
}
.view-newspaper .blog-post:nth-child(n+18) h3 {
	font-size: 16px;
}
.view-newspaper .blog-post:nth-child(n+18) .blog-post-thumb {
	display: block;
}
.view-newspaper .blog-post-thumb img {
	margin-right: 10px;	
	float: left;	
	width: 70px;
}
@media (max-width: 1199px) {
	.view-newspaper .blog-post:nth-child(n+4):nth-child(-n+9) .blog-read-more-links {
		flex-flow: column nowrap;	
	}	
}
@media (min-width: 768px) and (max-width: 979px) {
	/* row 2 */
	.view-newspaper .blog-post:nth-child(n+2):nth-child(-n+3) {
		width: calc(50% - 10px);
	}
	.view-newspaper .blog-post:nth-child(n+2):nth-child(-n+3) h3 {
		font-size: 20px;	
	}		
	.view-newspaper .blog-read-more-links {
		flex-flow: column nowrap;	
	}
	/* row 3-4 */
	.view-newspaper .blog-post:nth-child(n+4):nth-child(-n+9) h3 {
		font-size: 17px;
	}
	.view-newspaper .blog-post:nth-child(n+4):nth-child(-n+9) {
		width: calc(50% - 10px);
	}	
	
	/* row 5-6 */
	.view-newspaper .blog-post:nth-child(n+10):nth-child(-n+17) {
		width: calc(33.3333% - 10px);
	}	
	.view-newspaper .blog-post:nth-child(n+16):nth-child(-n+17) {
		width: 100%;	
		margin-bottom: 20px;
		display: block;
	}
	.view-newspaper .blog-post:nth-child(n+16):nth-child(-n+17) .blog-post-thumb {
		display: block;	
	}
	.view-newspaper .blog-post:nth-child(n+16):nth-child(-n+17) .blog-post-body,
	.view-newspaper .blog-post:nth-child(n+16):nth-child(-n+17) .blog-post-footer,
	.view-newspaper .blog-post:nth-child(n+16):nth-child(-n+17) .blog-post-image {
		display: none;
	}				
}
@media (max-width: 767px) {
	/* row 2 */
	.view-newspaper .blog-post:nth-child(n+2):nth-child(-n+3) {
		width: calc(50% - 5px);
	}
	.view-newspaper .blog-post:nth-child(n+2):nth-child(-n+3) h3 {
		font-size: 19px;	
	}
	/* row 3-4 */
	.view-newspaper .blog-post:nth-child(n+4):nth-child(-n+9) {
		width: calc(33.3333% - 5px);	
	}
	.view-newspaper .blog-post:nth-child(n+4):nth-child(-n+9) h3 {
		font-size: 16px;
	}	

	/* row 5-6 */
	.view-newspaper .blog-post:nth-child(n+10):nth-child(-n+15) {
		width: calc(33.3333% - 5px);	
	}	
	.view-newspaper .blog-post:nth-child(n+16):nth-child(-n+17)	{
		width: 100%;	
		margin-bottom: 15px;	
		display: block;	
	}
	.view-newspaper .blog-post:nth-child(n+16):nth-child(-n+17) .blog-post-thumb {
		display: block;	
	}
	.view-newspaper .blog-post:nth-child(n+16):nth-child(-n+17) .blog-post-footer {
		display: none;
	}
	.view-newspaper .blog-post:nth-child(n+13):nth-child(-n+15) {
		border-bottom: 1px solid #d7d7d7;	
		padding-bottom: 20px;
	}
	.view-newspaper .blog-post:nth-child(n+16):nth-child(-n+17) .blog-post-image {
		display: none;	
	}
	/* row 7+ */
}
@media (max-width: 549px) {
	/* row 2 */
	.view-newspaper .blog-post:nth-child(n+2):nth-child(-n+3) {
		width: calc(50% - 10px);
	}
	.view-newspaper .blog-post:nth-child(n+2):nth-child(-n+3) h3 {
		font-size: 17px;	
	}
	/* row 3-4 */
	.view-newspaper .blog-post:nth-child(n+4):nth-child(-n+9) {
		width: calc(50% - 10px);
	}
	.view-newspaper .blog-post:nth-child(n+4):nth-child(-n+9) h3 {
		font-size: 15px;
	}		
	/* row 5-6 */
	.view-newspaper .blog-post:nth-child(n+10):nth-child(-n+15) {
		border-bottom: 0 none;
		padding-bottom: 0;		
	}
	.view-newspaper .blog-post:nth-child(n+10):nth-child(-n+15) {
		width: calc(50% - 10px);
	}	
	/* row 17-16 */
	.view-newspaper .blog-post:nth-child(n+14):nth-child(-n+15) {
		border-bottom: 1px solid #d7d7d7;
		padding-bottom: 15px;	
	}	
}
@media (min-width: 480px) {
	.view-newspaper .blog-post:nth-child(1) h3 {
		order: 1;	
	}
	.view-newspaper .blog-post:nth-child(1) .blog-post-heading {
		order: 2;	
	}
	.view-newspaper .blog-post:nth-child(1) .blog-post-image {
		order: 3;	
	}	
}
@media (max-width: 399px) {
	/* row 2 */
	.view-newspaper .blog-post:nth-child(n+2):nth-child(-n+3) {
		width: 100%;
	}
	.view-newspaper .blog-post:nth-child(n+2):nth-child(-n+3) h3 {
		font-size: 16px;	
	}
	/* row 3-4 */
	.view-newspaper .blog-post:nth-child(n+4):nth-child(-n+9) {
		width: 100%;
	}
	.view-newspaper .blog-post:nth-child(n+4):nth-child(-n+9) h3 {
		font-size: 14px;
	}		
	/* row 5-6 */
	.view-newspaper .blog-post:nth-child(n+10):nth-child(-n+15) {
		width: 100%;
	}	
}

/* author view */
.view-author .blog-post-image {
	display: none;	
}
.view-author .author-thumb-small {
	display: block;	
	width: 120px;
	align-self: flex-start;
}
.view-author .author-thumb-small img {
	border-radius: 5px;		
}
.view-author .blog-post {
	display: flex;	
	flex-flow: row wrap;
	align-items: center;
}
.view-author .blog-post-heading-container {
	width: calc(100% - 120px);
}
.view-author .blog-post-body {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;	
}
.view-author .blog-post-footer {
	width: 100%;	
	margin-top: 0px;
}
@media (max-width: 379px) {
	.view-author .author-thumb-small {
		width: 70px;
	}	
	.view-author .author-thumb-small img {
		width: 50px;	
	}
	.view-author .blog-post-heading-container {
		width: calc(100% - 70px);
	}	
}

/* photo blog */
.view-photo .blog-post-footer,
.view-photo .blog-post-body {
	display: none;
}
.view-photo .blog-post-image {
	margin-top: 0px;
	margin-bottom: 0px;	
}
.view-photo .blog-posts-container {
	clear: both;
	overflow: hidden;	
}
.view-photo.blog-fullwidth .blog-posts-container {
	margin-bottom: 20px;	
}
.view-photo .blog-post {
	float: left;	
	clear: none;
	overflow: auto;
	padding: 0; margin: 0;
	border: 0 none;		
	position: relative;
	overflow: hidden;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	background-color: #000;
}
.view-photo .blog-post-without-image:nth-child(odd) {background-color: #5276AE;}
.view-photo .blog-post-without-image:nth-child(even) {background-color: #8dba55;}
.view-photo .blog-post h3 {
	position: absolute;
	left: 0;
	top: 0;
	width: calc(100% - 1px);
	margin-left: 1px;
	padding: 10px;
	text-transform: uppercase;
	text-shadow: 1px 1px 0px #000;
	z-index: 1;
	font-size: 16px;	
	background-color: rgba(0,0,0,0.5);
}
.view-photo .blog-post-without-image h3 {
	background-image: none;	
	text-shadow: none;
}
.view-photo .blog-post h3 a {
	color: #fff;	
	display: block;
}
.view-photo .blog-post h3 a:hover,
.view-photo .blog-post h3 a:focus {
	text-decoration: none;	
}
.view-photo .blog-post .blog-post-heading {
	position: absolute;
	width: 100%;
	padding: 10px;
	left: 0px;
	bottom: 0px;
	z-index: 1;	
	color: #fff;
	opacity: 0;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.view-photo .blog-post-without-image .blog-post-heading {
	opacity: 1;	
}
.view-photo .blog-post:hover .blog-post-heading {
	opacity: 1;
}
.view-photo .blog-post .blog-post-heading a {
	color: #fff;	
}
.view-photo .blog-post .blog-post-heading > div:before {
	content: '\f007';
	font-family: 'FontAwesome';	
	margin-right: 5px;
}
.view-photo .blog-post .blog-post-heading > div:after {
	content: '\f133';
	font-family: 'FontAwesome';	
	margin-left: 5px;
}
.view-photo .blog-post img.placeholder-image {
	display: block;	
}
.view-photo .blog-post img {
	padding: 0; 
	margin: 0; 
	width: 100%;
	opacity: 1;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	z-index: 0;
}
.view-photo .blog-post:hover img {
	opacity: 0.3;	
	-webkit-transition: all 0.5s ease-in-out;	
	-moz-transition: all 0.5s ease-in-out;	
	-o-transition: all 0.5s ease-in-out;	
	transition: all 0.5s ease-in-out;
	-webkit-transform: scale(1.05,1.05);
	   -moz-transform: scale(1.05,1.05);
	    -ms-transform: scale(1.05,1.05);
	     -o-transform: scale(1.05,1.05);
	        transform: scale(1.05,1.05);
}
@media (min-width: 1200px) {
	.view-photo .blog-post:nth-child(6n+1) {
		width: calc(100% - 0px);
	}
	.view-photo .blog-post:nth-child(6n+2) {
		width: calc(66.6666% + 1px);		
	}
	.view-photo .blog-post:nth-child(6n+3),
	.view-photo .blog-post:nth-child(6n+4) {
		width: calc(33.3333% - 1px);		
		border-right: 0 none;
	}
	.view-photo .blog-post:nth-child(6n+5),
	.view-photo .blog-post:nth-child(6n+6) {
		width: 50%;	
	}
}
@media (min-width: 480px) and (max-width: 1199px) {
	.view-photo .blog-post:nth-child(3n+1) {
		width: calc(100% - 0px);
	}
	.view-photo .blog-post:nth-child(3n+2),
	.view-photo .blog-post:nth-child(3n+3) {
		width: 50%;	
	}
}
@media (min-width: 980px) {
	.blog-fullwidth.view-photo .blog-post:nth-child(6n+1) {
		width: calc(100% - 0px);
	}
	.blog-fullwidth.view-photo .blog-post:nth-child(6n+2) {
		width: calc(66.6666% + 1px);		
	}
	.blog-fullwidth.view-photo .blog-post:nth-child(6n+3),
	.blog-fullwidth.view-photo .blog-post:nth-child(6n+4) {
		width: calc(33.3333% - 1px);		
		border-right: 0 none;
	}
	.blog-fullwidth.view-photo .blog-post:nth-child(6n+5),
	.blog-fullwidth.view-photo .blog-post:nth-child(6n+6) {
		width: 50%;	
	}
}
@media (max-width: 979px) {
	.view-photo .blog-post h3 {
		font-size: 14px;
	}	
}
@media (max-width: 479px) {
	.view-photo .blog-post {
		float: none;
	}
	.view-photo .blog-post h3 {
		font-size: 14px;
	}		
}

/* view board */
.view-board .blog-posts-container {
	display: flex;
	flex-flow: row wrap;	
}
.view-board .blog-post {
	padding: 0; margin: 0; border: 0 none;
	padding: 20px;
	border-right: 1px dotted #bbb;
	display: flex;
	flex-flow: column nowrap;
}
.view-board .blog-post-footer {
	display: flex;	
	flex-flow: column nowrap;
	flex: 1 0 auto;
	justify-content: flex-end;
}
.view-board .blog-post-heading-container {
	display: flex;
	flex-flow: column nowrap;	
	flex: 0 0 auto;
}
.view-board .blog-post-heading-container .blog-post-image {
	margin: 0;
	order: 1;	
	flex: 0 0 auto;
}
.view-board .blog-post-heading-container h3 {
	order: 2;	
	flex: 0 0 auto;
}
.view-board .blog-post-heading-container .blog-post-heading {
	order: 3;	
	flex: 0 0 auto;
}
.view-board .blog-post-heading-container h3 a {
	margin-top: 10px;
	display: block;
}
.view-board .blog-post-body {
	margin-top: 5px;	
}
.view-board .blog-post-image img {
	width: 100%;	
	margin-top: 0;
}
.view-board .blog-post-without-image .blog-post-image {
	background-color: #8DBA55;	
}
@media (min-width: 1100px) {
	/* row 1 (full width) */
	.blog-fullwidth.view-board .blog-post:nth-child(10n+1),
	.blog-fullwidth.view-board .blog-post:nth-child(10n+2),
	.blog-fullwidth.view-board .blog-post:nth-child(10n+3) {
		border-top: 1px dotted #bbb;			
	}
	.blog-fullwidth.view-board .blog-post:nth-child(10n+1) {
		width: 50%;	
		padding-left: 0px;
	}
	.blog-fullwidth.view-board .blog-post:nth-child(10n+2) {
		width: calc(25% + 10px);
	}
	.blog-fullwidth.view-board .blog-post:nth-child(10n+3) {
		width: calc(25% - 10px);	
		padding-right: 0px;
		border-right: 0 none;
	}
	/* row 2 (full width) */
	.blog-fullwidth.view-board .blog-post.blog-post-without-image:nth-child(10n+4) img.placeholder-image {display: block;}	
	.blog-fullwidth.view-board .blog-post.blog-post-without-image:nth-child(10n+4) .blog-post-heading,
	.blog-fullwidth.view-board .blog-post.blog-post-without-image:nth-child(10n+4):hover .blog-post-heading {
		background-color: transparent; text-shadow: none;
	}
	.blog-fullwidth.view-board .blog-post.blog-post-without-image:nth-child(10n+4) h3 a {text-shadow: none;}	
	.blog-fullwidth.view-board .blog-post.blog-post:nth-child(10n+4) {
		width: 100%;
		padding: 0;
		border: 0 none;	
		position: relative;
	}
	.blog-fullwidth.view-board .blog-post:nth-child(10n+4) h3 a {
		position: absolute;	
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		color: #fff;
		font-size: 40px;
		font-weight: bold;
		text-shadow: 1px 1px 0px #000;
		text-decoration: none;
		text-align: center;
		line-height: 1.1em;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 70px;
		z-index: 2;
		display: flex;
		
		justify-content: center;
		align-items: center;
	}
	.blog-fullwidth.view-board .blog-post:nth-child(10n+4) .blog-post-heading {
		position: absolute;	
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		color: #fff;
		font-size: 20px;
		font-weight: bold;
		text-shadow: 1px 1px 0px #000;
		z-index: 1;	
		padding-bottom: 70px;
		display: flex;
		flex-flow: column nowrap;
		justify-content: center;
		align-items: center;	
		background-color: rgba(0,0,0,0.4);
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;				
	}
	.blog-fullwidth.view-board .blog-post:nth-child(10n+4):hover .blog-post-heading {
		background-color: rgba(0,0,0,0.6);	
		-webkit-transition: all 0.5s ease-in-out;	
		-moz-transition: all 0.5s ease-in-out;	
		-o-transition: all 0.5s ease-in-out;	
		transition: all 0.5s ease-in-out;
	}
	.blog-fullwidth.view-board .blog-post:nth-child(10n+4) .blog-post-heading a {
		color: #fff;	
	}
	.blog-fullwidth.view-board .blog-post:nth-child(10n+4) .blog-post-body,
	.blog-fullwidth.view-board .blog-post:nth-child(10n+4) .blog-post-footer {
		display: none;
	}
	.blog-fullwidth.view-board .blog-post:nth-child(10n+4) .blog-post-image img {
		margin: 0;	
		-webkit-transition: all 0.5s ease-in-out;	
		-moz-transition: all 0.5s ease-in-out;	
		-o-transition: all 0.5s ease-in-out;	
		transition: all 0.5s ease-in-out;
		-webkit-transform: scale(1);
		   -moz-transform: scale(1);
		    -ms-transform: scale(1);
		     -o-transform: scale(1);
		        transform: scale(1);		
	}
	.blog-fullwidth.view-board .blog-post:nth-child(10n+4):hover .blog-post-image img {
		-webkit-transform: scale(1.05);
		   -moz-transform: scale(1.05);
		    -ms-transform: scale(1.05);
		     -o-transform: scale(1.05);
		        transform: scale(1.05);
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}
	/* row 3 (full width) */	
	.blog-fullwidth.view-board .blog-post:nth-child(10n+5),
	.blog-fullwidth.view-board .blog-post:nth-child(10n+6),
	.blog-fullwidth.view-board .blog-post:nth-child(10n+7),
	.blog-fullwidth.view-board .blog-post:nth-child(10n+8) {
		border-bottom: 1px dotted #bbb;
	}
	.blog-fullwidth.view-board .blog-post:nth-child(10n+5) {
		width: calc(25% - 10px);
		padding-left: 0;
	}
	.blog-fullwidth.view-board .blog-post:nth-child(10n+6),
	.blog-fullwidth.view-board .blog-post:nth-child(10n+7) {
		width: calc(25% + 10px);
	}
	.blog-fullwidth.view-board .blog-post:nth-child(10n+8) {
		width: calc(25% - 10px);
		padding-right: 0;
		border-right: 0 none;	
	}
	/* row 4 (full width) */
	.blog-fullwidth.view-board .blog-post:nth-child(10n+9),
	.blog-fullwidth.view-board .blog-post:nth-child(10n+10) {
		width: 50%;	
	}
	.blog-fullwidth.view-board .blog-post:nth-child(10n+9) {
		padding-left: 0;
	}
	.blog-fullwidth.view-board .blog-post:nth-child(10n+10) {
		padding-right: 0;
		border-right: 0 none;
	}
	.blog-fullwidth.view-board .blog-post:nth-child(10n+9) .blog-post-body,
	.blog-fullwidth.view-board .blog-post:nth-child(10n+10) .blog-post-body {
		display: none;
	}

	/* row 1 (with sidebar) */
	.view-board:not(.blog-fullwidth) .blog-post:nth-child(8n+1),
	.view-board:not(.blog-fullwidth) .blog-post:nth-child(8n+2) {
		border-top: 1px dotted #bbb;	
	}
	.view-board:not(.blog-fullwidth) .blog-post:nth-child(8n+1) {
		width: 66.6666%;
		padding-left: 0;
	}
	.view-board:not(.blog-fullwidth) .blog-post:nth-child(8n+2) {
		width: 33.3333%;
		padding-right: 0px;
		border-right: 0 none;
	}
	/* row 2 (with sidebar) */
	.view-board:not(.blog-fullwidth) .blog-post.blog-post-without-image:nth-child(8n+3) img.placeholder-image {display: block;}	
	.view-board:not(.blog-fullwidth) .blog-post.blog-post-without-image:nth-child(8n+3) .blog-post-heading,
	.view-board:not(.blog-fullwidth) .blog-post.blog-post-without-image:nth-child(8n+3):hover .blog-post-heading {
		background-color: transparent; text-shadow: none;
	}
	.view-board:not(.blog-fullwidth) .blog-post.blog-post-without-image:nth-child(8n+3) h3 a {text-shadow: none;}	
		
	.view-board:not(.blog-fullwidth) .blog-post:nth-child(8n+3) {
		width: 100%;
		padding: 0;
		border: 0 none;	
		position: relative;
	}
	.view-board:not(.blog-fullwidth) .blog-post:nth-child(8n+3) h3 a {
		position: absolute;	
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		color: #fff;
		font-size: 30px;
		font-weight: bold;
		text-shadow: 1px 1px 0px #000;
		text-decoration: none;
		text-align: center;
		line-height: 1.1em;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 50px;
		z-index: 2;
		display: flex;
		
		justify-content: center;
		align-items: center;
	}
	.view-board:not(.blog-fullwidth) .blog-post:nth-child(8n+3) .blog-post-heading {
		position: absolute;	
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		color: #fff;
		font-size: 20px;
		font-weight: bold;
		text-shadow: 1px 1px 0px #000;
		z-index: 1;	
		padding-bottom: 50px;
		display: flex;
		flex-flow: column nowrap;
		justify-content: center;
		align-items: center;	
		background-color: rgba(0,0,0,0.4);
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;				
	}
	.view-board:not(.blog-fullwidth) .blog-post:nth-child(8n+3):hover .blog-post-heading {
		background-color: rgba(0,0,0,0.6);	
		-webkit-transition: all 0.5s ease-in-out;	
		-moz-transition: all 0.5s ease-in-out;	
		-o-transition: all 0.5s ease-in-out;	
		transition: all 0.5s ease-in-out;
	}
	.view-board:not(.blog-fullwidth) .blog-post:nth-child(8n+3) .blog-post-heading a {
		color: #fff;	
	}
	.view-board:not(.blog-fullwidth) .blog-post:nth-child(8n+3) .blog-post-body,
	.view-board:not(.blog-fullwidth) .blog-post:nth-child(8n+3) .blog-post-footer {
		display: none;
	}
	.view-board:not(.blog-fullwidth) .blog-post:nth-child(8n+3) .blog-post-image img {
		margin: 0;	
		-webkit-transition: all 0.5s ease-in-out;	
		-moz-transition: all 0.5s ease-in-out;	
		-o-transition: all 0.5s ease-in-out;	
		transition: all 0.5s ease-in-out;
		-webkit-transform: scale(1);
		   -moz-transform: scale(1);
		    -ms-transform: scale(1);
		     -o-transform: scale(1);
		        transform: scale(1);		
	}
	.view-board:not(.blog-fullwidth) .blog-post:nth-child(8n+3):hover .blog-post-image img {
		-webkit-transform: scale(1.05);
		   -moz-transform: scale(1.05);
		    -ms-transform: scale(1.05);
		     -o-transform: scale(1.05);
		        transform: scale(1.05);
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}	
	/* row 3 (with sidebar) */
	.view-board:not(.blog-fullwidth) .blog-post:nth-child(8n+4) {
		width: calc(33.3333% - 7px);
		padding-left: 0;
	}
	.view-board:not(.blog-fullwidth) .blog-post:nth-child(8n+5) {
		width: calc(33.3333% + 14px);
	}
	.view-board:not(.blog-fullwidth) .blog-post:nth-child(8n+6) {
		width: calc(33.3333% - 7px);
		padding-right: 0;
		border-right: 0 none;	
	}	
	/* row 4 (with sidebar) */	
	.view-board:not(.blog-fullwidth) .blog-post:nth-child(8n+7),
	.view-board:not(.blog-fullwidth) .blog-post:nth-child(8n+8) {
		width: 50%;	
		border-top: 1px dotted #bbb;
	}
	.view-board:not(.blog-fullwidth) .blog-post:nth-child(8n+7) {
		padding-left: 0px;	
	}
	.view-board:not(.blog-fullwidth) .blog-post:nth-child(8n+8) {
		padding-right: 0px;	
		border-right: 0 none;
	}
}
@media (min-width: 768px) and (max-width: 1099px) {
	.view-board .blog-read-more-links {
		display: flex;
		flex-flow: column nowrap;	
	}
	/* row 1 (full width) */
	.blog-fullwidth.view-board .blog-post:nth-child(8n+1),
	.blog-fullwidth.view-board .blog-post:nth-child(8n+2) {
		border-top: 1px dotted #bbb;	
	}
	.blog-fullwidth.view-board .blog-post:nth-child(8n+1) {
		width: 66.6666%;
		padding-left: 0;
	}
	.blog-fullwidth.view-board .blog-post:nth-child(8n+2) {
		width: 33.3333%;
		padding-right: 0px;
		border-right: 0 none;
	}
	/* row 2 (full width) */
	.blog-fullwidth.view-board .blog-post.blog-post-without-image:nth-child(8n+3) img.placeholder-image {display: block;}	
	.blog-fullwidth.view-board .blog-post.blog-post-without-image:nth-child(8n+3) .blog-post-heading,
	.blog-fullwidth.view-board .blog-post.blog-post-without-image:nth-child(8n+3):hover .blog-post-heading {
		background-color: transparent; text-shadow: none;
	}
	.blog-fullwidth.view-board .blog-post.blog-post-without-image:nth-child(8n+3) h3 a {text-shadow: none;}
		
	.blog-fullwidth.view-board .blog-post:nth-child(8n+3) {
		width: 100%;
		padding: 0;
		border: 0 none;	
		position: relative;
	}
	.blog-fullwidth.view-board .blog-post:nth-child(8n+3) h3 a {
		position: absolute;	
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		color: #fff;
		font-size: 30px;
		font-weight: bold;
		text-shadow: 1px 1px 0px #000;
		text-decoration: none;
		text-align: center;
		line-height: 1.1em;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 50px;
		z-index: 2;
		display: flex;
		
		justify-content: center;
		align-items: center;
	}
	.blog-fullwidth.view-board .blog-post:nth-child(8n+3) .blog-post-heading {
		position: absolute;	
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		color: #fff;
		font-size: 20px;
		font-weight: bold;
		text-shadow: 1px 1px 0px #000;
		z-index: 1;	
		padding-bottom: 50px;
		display: flex;
		flex-flow: column nowrap;
		justify-content: center;
		align-items: center;	
		background-color: rgba(0,0,0,0.4);
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;				
	}
	.blog-fullwidth.view-board .blog-post:nth-child(8n+3):hover .blog-post-heading {
		background-color: rgba(0,0,0,0.6);	
		-webkit-transition: all 0.5s ease-in-out;	
		-moz-transition: all 0.5s ease-in-out;	
		-o-transition: all 0.5s ease-in-out;	
		transition: all 0.5s ease-in-out;
	}
	.blog-fullwidth.view-board .blog-post:nth-child(8n+3) .blog-post-heading a {
		color: #fff;	
	}
	.blog-fullwidth.view-board .blog-post:nth-child(8n+3) .blog-post-body,
	.blog-fullwidth.view-board .blog-post:nth-child(8n+3) .blog-post-footer {
		display: none;
	}
	.blog-fullwidth.view-board .blog-post:nth-child(8n+3) .blog-post-image img {
		margin: 0;	
		-webkit-transition: all 0.5s ease-in-out;	
		-moz-transition: all 0.5s ease-in-out;	
		-o-transition: all 0.5s ease-in-out;	
		transition: all 0.5s ease-in-out;
		-webkit-transform: scale(1);
		   -moz-transform: scale(1);
		    -ms-transform: scale(1);
		     -o-transform: scale(1);
		        transform: scale(1);		
	}
	.blog-fullwidth.view-board .blog-post:nth-child(8n+3):hover .blog-post-image img {
		-webkit-transform: scale(1.05);
		   -moz-transform: scale(1.05);
		    -ms-transform: scale(1.05);
		     -o-transform: scale(1.05);
		        transform: scale(1.05);
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}	
	/* row 3 (full width) */
	.blog-fullwidth.view-board .blog-post:nth-child(8n+4) {
		width: calc(33.3333% - 7px);
		padding-left: 0;
	}
	.blog-fullwidth.view-board .blog-post:nth-child(8n+5) {
		width: calc(33.3333% + 14px);
	}
	.blog-fullwidth.view-board .blog-post:nth-child(8n+6) {
		width: calc(33.3333% - 7px);
		padding-right: 0;
		border-right: 0 none;	
	}		
	/* row 4 (full width) */
	.blog-fullwidth.view-board .blog-post:nth-child(8n+7),
	.blog-fullwidth.view-board .blog-post:nth-child(8n+8) {
		width: 50%;	
		border-top: 1px dotted #bbb;
	}
	.blog-fullwidth.view-board .blog-post:nth-child(8n+7) {
		padding-left: 0px;	
	}
	.blog-fullwidth.view-board .blog-post:nth-child(8n+8) {
		padding-right: 0px;	
		border-right: 0 none;
	}	
	
	/* row 1 (with sidebar) */
	.view-board:not(.blog-fullwidth) .blog-post:nth-child(6n+1)	{
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		border-right: 0 none;	
		border-top: 1px dotted #bbb;
	}	
	/* row 2,4 (with sidebar) */
	.view-board:not(.blog-fullwidth) .blog-post:nth-child(6n+2),
	.view-board:not(.blog-fullwidth) .blog-post:nth-child(6n+3),
	.view-board:not(.blog-fullwidth) .blog-post:nth-child(6n+5),
	.view-board:not(.blog-fullwidth) .blog-post:nth-child(6n+6) {
		width: 50%;	
	}
	.view-board:not(.blog-fullwidth) .blog-post:nth-child(6n+2),
	.view-board:not(.blog-fullwidth) .blog-post:nth-child(6n+3) {
		border-top: 1px dotted #bbb;	
	}
	.view-board:not(.blog-fullwidth) .blog-post:nth-child(6n+2),
	.view-board:not(.blog-fullwidth) .blog-post:nth-child(6n+5) {
		padding-left: 0px;	
	}
	.view-board:not(.blog-fullwidth) .blog-post:nth-child(6n+3),
	.view-board:not(.blog-fullwidth) .blog-post:nth-child(6n+6) {
		padding-right: 0;
		border-right: 0 none;	
	}
	/* row 3 (with sidebar) */
	.view-board:not(.blog-fullwidth) .blog-post.blog-post-without-image:nth-child(6n+4) img.placeholder-image {display: block;}	
	.view-board:not(.blog-fullwidth) .blog-post.blog-post-without-image:nth-child(6n+4) .blog-post-heading,
	.view-board:not(.blog-fullwidth) .blog-post.blog-post-without-image:nth-child(6n+4):hover .blog-post-heading {
		background-color: transparent; text-shadow: none;
	}
	.view-board:not(.blog-fullwidth) .blog-post.blog-post-without-image:nth-child(6n+4) h3 a {text-shadow: none;}	
		
	.view-board:not(.blog-fullwidth) .blog-post:nth-child(6n+4) {
		width: 100%;
		padding: 0;
		border: 0 none;	
		position: relative;
	}
	.view-board:not(.blog-fullwidth) .blog-post:nth-child(6n+4) h3 a {
		position: absolute;	
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		color: #fff;
		font-size: 24px;
		font-weight: bold;
		text-shadow: 1px 1px 0px #000;
		text-decoration: none;
		text-align: center;
		line-height: 1.1em;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 50px;
		z-index: 2;
		display: flex;
		
		justify-content: center;
		align-items: center;
	}
	.view-board:not(.blog-fullwidth) .blog-post:nth-child(6n+4) .blog-post-heading {
		position: absolute;	
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		color: #fff;
		font-size: 16px;
		font-weight: bold;
		text-shadow: 1px 1px 0px #000;
		z-index: 1;	
		padding-bottom: 50px;
		display: flex;
		flex-flow: column nowrap;
		justify-content: center;
		align-items: center;	
		background-color: rgba(0,0,0,0.4);
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;				
	}
	.view-board:not(.blog-fullwidth) .blog-post:nth-child(6n+4):hover .blog-post-heading {
		background-color: rgba(0,0,0,0.6);	
		-webkit-transition: all 0.5s ease-in-out;	
		-moz-transition: all 0.5s ease-in-out;	
		-o-transition: all 0.5s ease-in-out;	
		transition: all 0.5s ease-in-out;
	}
	.view-board:not(.blog-fullwidth) .blog-post:nth-child(6n+4) .blog-post-heading a {
		color: #fff;	
	}
	.view-board:not(.blog-fullwidth) .blog-post:nth-child(6n+4) .blog-post-body,
	.view-board:not(.blog-fullwidth) .blog-post:nth-child(6n+4) .blog-post-footer {
		display: none;
	}
	.view-board:not(.blog-fullwidth) .blog-post:nth-child(6n+4) .blog-post-image img {
		margin: 0;	
		-webkit-transition: all 0.5s ease-in-out;	
		-moz-transition: all 0.5s ease-in-out;	
		-o-transition: all 0.5s ease-in-out;	
		transition: all 0.5s ease-in-out;
		-webkit-transform: scale(1);
		   -moz-transform: scale(1);
		    -ms-transform: scale(1);
		     -o-transform: scale(1);
		        transform: scale(1);		
	}
	.view-board:not(.blog-fullwidth) .blog-post:nth-child(6n+4):hover .blog-post-image img {
		-webkit-transform: scale(1.05);
		   -moz-transform: scale(1.05);
		    -ms-transform: scale(1.05);
		     -o-transform: scale(1.05);
		        transform: scale(1.05);
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}	
}
@media (min-width: 480px) and (max-width: 767px) {
	/* row 1 */
	.view-board .blog-post:nth-child(6n+1)	{
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		border-right: 0 none;	
		border-top: 1px dotted #bbb;
	}	
	/* row 2,4 */
	.view-board .blog-post:nth-child(6n+2),
	.view-board .blog-post:nth-child(6n+3),
	.view-board .blog-post:nth-child(6n+5),
	.view-board .blog-post:nth-child(6n+6) {
		width: 50%;	
	}
	.view-board .blog-post:nth-child(6n+2),
	.view-board .blog-post:nth-child(6n+3) {
		border-top: 1px dotted #bbb;	
	}
	.view-board .blog-post:nth-child(6n+2),
	.view-board .blog-post:nth-child(6n+5) {
		padding-left: 0px;	
	}
	.view-board .blog-post:nth-child(6n+3),
	.view-board .blog-post:nth-child(6n+6) {
		padding-right: 0;
		border-right: 0 none;	
	}
	/* row 3 */
	.view-board .blog-post.blog-post-without-image:nth-child(6n+4) img.placeholder-image {display: block;}	
	.view-board .blog-post.blog-post-without-image:nth-child(6n+4) .blog-post-heading,
	.view-board .blog-post.blog-post-without-image:nth-child(6n+4):hover .blog-post-heading {
		background-color: transparent; text-shadow: none;
	}	
	.view-board .blog-post.blog-post-without-image:nth-child(6n+4) h3 a {text-shadow: none;}	
	
	.view-board .blog-post:nth-child(6n+4) {
		width: 100%;
		padding: 0;
		border: 0 none;	
		position: relative;
	}
	.view-board .blog-post:nth-child(6n+4) h3 a {
		position: absolute;	
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		color: #fff;
		font-size: 24px;
		font-weight: bold;
		text-shadow: 1px 1px 0px #000;
		text-decoration: none;
		text-align: center;
		line-height: 1.1em;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 50px;
		z-index: 2;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.view-board .blog-post:nth-child(6n+4) .blog-post-heading {
		position: absolute;	
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		color: #fff;
		font-size: 16px;
		font-weight: bold;
		text-shadow: 1px 1px 0px #000;
		z-index: 1;	
		padding-bottom: 50px;
		display: flex;
		flex-flow: column nowrap;
		justify-content: center;
		align-items: center;	
		background-color: rgba(0,0,0,0.4);
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;				
	}
	.view-board .blog-post:nth-child(6n+4):hover .blog-post-heading {
		background-color: rgba(0,0,0,0.6);	
		-webkit-transition: all 0.5s ease-in-out;	
		-moz-transition: all 0.5s ease-in-out;	
		-o-transition: all 0.5s ease-in-out;	
		transition: all 0.5s ease-in-out;
	}
	.view-board .blog-post:nth-child(6n+4) .blog-post-heading a {
		color: #fff;	
	}
	.view-board .blog-post:nth-child(6n+4) .blog-post-body,
	.view-board .blog-post:nth-child(6n+4) .blog-post-footer {
		display: none;
	}
	.view-board .blog-post:nth-child(6n+4) .blog-post-image img {
		margin: 0;	
		-webkit-transition: all 0.5s ease-in-out;	
		-moz-transition: all 0.5s ease-in-out;	
		-o-transition: all 0.5s ease-in-out;	
		transition: all 0.5s ease-in-out;
		-webkit-transform: scale(1);
		   -moz-transform: scale(1);
		    -ms-transform: scale(1);
		     -o-transform: scale(1);
		        transform: scale(1);		
	}
	.view-board .blog-post:nth-child(6n+4):hover .blog-post-image img {
		-webkit-transform: scale(1.05);
		   -moz-transform: scale(1.05);
		    -ms-transform: scale(1.05);
		     -o-transform: scale(1.05);
		        transform: scale(1.05);
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}		
}
@media (max-width: 479px) {
	.view-board .blog-post {
		border-right: 0 none;
		padding-left: 0;
		padding-right: 0;
		border-bottom: 1px dotted #bbb;	
	}
	.view-board .blog-post-body {
		display: none;	
	}
}


/* full width */
.blog-fullwidth.view-article .blog-post-image img {
	width: 100%;
}
.blog-fullwidth.view-article .blog-post-image img.spacer-image {
	width: 1px;	
}
@media (min-width: 768px) {
	.blog-fullwidth .col-blog-article,
	.blog-fullwidth .col-blog-aside {
		width: 100%;	
		float: none;
	}
	.blog-fullwidth .col-blog-aside > div {
		margin-bottom: 20px;	
	}
	.blog-fullwidth .col-blog-aside {
		-webkit-column-count: 3;
		   -moz-column-count: 3;
				column-count: 3;
		-webkit-column-gap: 20px;
		   -moz-column-gap: 20px;
				column-gap: 20px;
	-webkit-column-break-inside: avoid;
		  page-break-inside: avoid;
			   break-inside: avoid;
		-webkit-column-fill: balance;
		   -moz-column-fill: balance;
				column-fill: balance;
	}
	.blog-fullwidth .col-blog-aside > div {
		-webkit-column-break-inside: avoid;
		break-inside: avoid-column;
		page-break-inside: avoid;
	}	
}

/* post details */
.blog-post-details h1 {
	margin: 0 0 5px;	
}