/* #Blog, Portfolio, Albums
================================================== */
/*Display content area*/
.page-info {
	padding: 0 0 10px 0;
}

.post {
	position: relative;
}
	.post:before,
	.post:after {
		content: "";
		display: table;
		clear: both;
	}
		.post .entry-title a {
			display: inline-block;
		}
		/*read more button*/
		.blog .details.more-link,
		.dt-blog-shortcode .details.more-link {
			margin-bottom: 10px;
		}
		.more-link.dt-btn {
			margin-top: 5px;
		}
		.post .more-link.dt-btn {
			margin-right: 10px;
		}

		/* #post format
		================================================== */
		.post.bg-on .block-style-widget,
		.post.bg-on .format-aside-content,
		.post.bg-on .format-status-content,
		.post.bg-on .format-link-content {
			padding: 0;
			background: none !important;
			box-shadow: none !important;
			.box-sizing (border-box);
		}
		.format-aside-content,
		.format-link-content {
			padding: 25px 30px 15px;
			margin: 0 0 15px;
		}
		.author-quote {
			border-left: 5px solid;
			padding-left: 10px;
		}
		.format-status-content {
			padding: 25px 20px 15px;
			margin: 5px 0 15px;
		}
			.format-link .details,
			.format-aside .details,
			.format-status .details,
			.format-quote .details {
				display: none;
			}
		/*resize image to 100% width parent container*/
		.images-container img,
		.albums .post img,
		.media .post img,
		.portfolio .post img,
		.blog .post img,
		.single .post .rollover img,
		.dt-blog-shortcode img,
		.dt-albums-shortcode img,
		.dt-portfolio-shortcode img,
		.wf-container.iso-grid img,
		.wf-container.layout-masonry img {
			max-width: 100%;
			width: 100%;
			height: auto;
		}
		.mobile-true .post img.iso-lazy-load {
			width: 100%;
		}
		.blog.layout-list .post .blog-media img,
		.old-ie .blog .post .dt-format-gallery img {
			width: 100%;
		}


	/* #Background under projects
	================================================== */
	.bg-on .blog-content {
		padding: 10px 25px 10px;
	}
	.bg-on .project-list-content {
		padding: 10px 25px 10px;
	}
	.slider-wrapper .bg-on .project-list-content {
		padding-top: 20px;
	}
	// .blog .details.more-link,
	// .dt-blog-shortcode .details.more-link {
	// 	margin-bottom: 4px;
	// }
	.iso-container .bg-on .project-list-content > *,
	.iso-grid .bg-on .project-list-content > *,
	.iso-container .bg-on .blog-content > *,
	.iso-grid .bg-on .blog-content > * {
		padding-top: 10px;
		padding-bottom: 0;
		margin-bottom: 0;
	}
	.iso-container .bg-on .project-list-content > :last-child,
	.iso-grid .bg-on .project-list-content > :last-child,
	.iso-container .bg-on .blog-content > :last-child,
	.iso-grid .bg-on .blog-content > :last-child {
		margin-bottom: 10px;
	}
	.post.bg-on .alignleft,
	.post.bg-on .alignnone,
	.bg-on .blog-media > p,
	.bg-on .project-list-media > p,
	.post.bg-on ul.royalSlider.alignnone,
	.description-under-image .post.bg-on ul.royalSlider.alignnone {
		margin-bottom: 0;
	}
	.bg-on .blog-media,
	.bg-on .project-list-media
	//.round-images .bg-on .team-media 
	{
		padding: 25px 25px 0;
	}
	.bg-on.fullwidth-img .blog-media,
	.bg-on.fullwidth-img .project-list-media {
		padding: 0;
	}

	.bg-on .blog-content,
	.bg-on .blog-media {
		position: relative;
		z-index: 9;
	}
		.bg-on.post .alignnone {
			margin-top: 0;
		}

/* #Template: List
================================================== */
.layout-list .post {
	padding-top: 44px;
	margin-top: 19px;
}
.layout-list .articles-list .post:last-child {
	margin-bottom: -25px;
}
.layout-list .articles-list .post.bg-on:last-child {
	margin-bottom: 0;
}
.layout-list .post:first-child/*,
.blog.layout-list .post:first-child*/ {
	border: none;
	padding-top: 0;
	margin-top: 0;
}
.blog .post.bg-on,
.portfolio .post.bg-on {
	border-top: none;
}
/*.blog.layout-list .post {
	padding-top: 44px;
}*/
	.layout-list .blog-content,
	.layout-list .blog-media,
	.layout-list .project-list-content,
	.layout-list .project-list-media {
		display: block;
		float: left;
		width: 100%;
	}

/* #Checkerboard order
================================================== */
.project-even .alignleft,
.project-even ul.royalSlider.alignleft {
	float: right;
	margin-right: 0;
	margin-left: 30px;
}

/* #Background under projects
================================================== */
.layout-list .post.bg-on {
	padding: 25px 25px 0px;
	margin: 0 0 20px;
}
.layout-list .bg-on .blog-media,
.layout-list .bg-on .blog-content,
.layout-list .bg-on .project-list-media,
.layout-list .bg-on .project-list-content {
	display: block;
	float: left;
	width: 100%;
	padding: 0;
}

.layout-list .bg-on .blog-content,
.layout-list .bg-on .project-list-content {
	padding-bottom: 10px;
}
	/* #Post slider
	================================================== */
	.layout-list .post-slider {
		margin-right: 30px; 
	}
	.layout-list .project-even .post-slider {
		margin-right: 0;
		margin-left: 30px;
	}
	.layout-list .media-wide .post-slider,
	.layout-list .media-wide.project-even .post-slider {
		margin-right: 0;
		margin-left: 0;
	}

	/* #Post Images
	================================================== */
	.post .alignleft,
	.description-under-image .post .alignnone,
	.description-under-image .post ul.royalSlider.alignnone,
	.blog.layout-list .post.bg-on ul.royalSlider.alignnone,
	.description-under-image .post .photoSlider-wrap {
		margin-bottom: 20px;
	}

	.description-under-image .post .buttons-on-img ul.royalSlider.alignnone,
	.description-under-image .bg-on.post .alignnone {
		margin-bottom: 0;
	}
	.project-list-media .alignleft {
		width: 100%;
	}
	.blog-media .alignleft {
		float: none;
	}
	.blog.layout-list .post .alignleft,
	.blog.layout-list .post .alignnone,
	.blog.layout-list .post .post-slider {
		margin-bottom: 25px;
	}


	.format-quote .block-style-widget {
		margin: 0 0 15px;
		padding: 25px 30px 15px;
	}
	.format-quote.bg-on .block-style-widget,
	.bg-on .format-aside-content,
	.bg-on .format-link-content {
		margin-bottom: 10px;
	}

/* #Blog
================================================== */
.layout-masonry .blog-content.wf-td,
.layout-masonry .blog-media.wf-td,
.iso-grid .blog-content.wf-td,
.iso-grid .blog-media.wf-td,
.media-wide .blog-content.wf-td,
.media-wide .blog-media.wf-td,
.iso-container .blog-media.wf-td, 
.iso-container .blog-content.wf-td,
.shortcode-blog-posts .wf-td {
	display: block;
}

.blog-media {
	position: relative;
	overflow: hidden;
	z-index: 9;
}
	/*Fancy date*/

	.fancy-date a {
		.blog-media & {
			position: absolute;

			.flex-display(@display: flex);
			.flex-flow( column nowrap);
			.align-items(@align: center);
			.justify-content(@justify: center);
			top: 10px;
			right: 10px;
			z-index: 1;
			min-width: 63px;
			min-height: 63px;
			padding: 0 8px;
			.static-border-radius;

			.box-sizing (border-box);
			text-decoration: none;
			background: #ffffff;
			& * {
		   	 color: #2d2d2d;
		   	}
		   	& .entry-year {
		   		display: none;
		   	}
			& .entry-month {
				position: relative;
				&:after {
					position: absolute;
					left: 0;
					bottom: -2px;
					width: 100%;
					height: 2px;
					content: "";
				}
			}
		}
		.layout-list article.project-odd & {
			//.side-overlap-layout-list & {
				top: 10px;
				right: auto;
				left: 10px;
			//}
		}
		.layout-list article.project-even & {
			top: 10px;
			left: auto;
			right: 10px;
		}
		//.layout-list .bg-on:not(.fullwidth-img) & {}
		
	}
	.bg-on:not(.fullwidth-img) .fancy-date a {
		top: 35px;
		right: 35px;
	}
		.entry-month {
			.fancy-date & {
				margin-bottom: 2px;
				font: bold 11px / 19px Arial, Verdana, sans-serif;
				text-transform: uppercase;
			}
		}
		.entry-date {
			.fancy-date & {
				font: bold 24px / 29px Arial, Verdana, sans-serif;
			}
		}
	
/* #Portfolio
================================================== */
.post .project-media {
	margin-bottom: 20px;
	line-height: 0;
}
.project-media,
.project-content {
	.box-sizing (border-box);
}
	.project-media img {
		max-width: 100%;
	}
/* #Gallery
================================================== */
.dt-format-gallery a,
.dt-format-gallery .rollover-video {
	.box-sizing (border-box);
}

/* #Loading indicator
================================================== */
.pace {
	-webkit-pointer-events: none;
	pointer-events: none;
	-webkit-user-select: none;
	user-select: none;
}
	.pace .pace-activity {
		position: fixed;
		display: block;
		z-index: 2000;
		top: 50%;
		left: 50%;
		margin: -25px 0 0 -25px;
		width: 50px;
		height: 50px;
		.static-border-radius;
	}


		.pace .pace-activity:before {
			width: 32px;
			height: 32px;
			margin: -16px 0 0 -16px;
			border: 3px solid #fff;
			border-right-color: rgba(0, 0, 0, 0) !important;
			border-left-color: rgba(0, 0, 0, 0) !important;
			-webkit-animation: pace-rotation 1s linear infinite;
			animation: pace-rotation 1s linear infinite;
			content: '';
		}


@-webkit-keyframes pace-rotation {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(359deg); }
}
@keyframes pace-rotation {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(359deg); }
}