/** BLOG LIST **/
.blog-list .post 								{ margin:0px 0px 20px 0px; padding:0px 0px 20px 0px; clear:both; }
.blog-list .post .image 						{ float:left; width:300px; height:250px; text-align:center; }
.blog-list .post .text-wrapper 					{ margin:0px 0px 0px 320px; }
.blog-list .post.no-image .text-wrapper			{ margin:0px; }
.blog-list .post .text-wrapper .title 			{ text-transform:uppercase; font-size:1.6em; }
.blog-list .post .text-wrapper .text 			{ margin:10px 0px; }

.blog-list .post 								{ border-bottom:1px solid #CCCCCC; }
.blog-list .post:last-child 					{ border-bottom:none; }
.blog-list .post .text-wrapper 					{ color:#777777; }
.blog-list .post .text-wrapper .title 			{ color:#141A29; font-size:1.6em; }



/** POST **/
.blog-post h1.title									{ text-transform:uppercase; }
.blog-post .post-image								{ margin:20px 0px; }
.blog-post .post-image img							{ width:100%; display:block; height:auto; }
.blog-post .post-gallery 							{ overflow:hidden; position:relative; padding:20px 0px 0px 0px; margin:20px 0px 0px 0px; }
.blog-post .post-gallery div 						{ height:250px; cursor:pointer; }
.blog-post .post-gallery .image-container 			{ text-align:center; max-height:200px; }
.development-panel.gallery .chromatic-gallery-photo { float: left; margin: 0.5em; background-size: cover; }
.chromatic-gallery-photo,
.chromatic-zoom-arrow-left,
.chromatic-zoom-arrow-right 						{ cursor: pointer; }
.chromatic-zoom 									{ z-index: 1000 !important; }

.blog-post .post-gallery							{ border-top:1px dotted #CCCCCC; }

/** RESPONSIVE **/
@media screen and (min-width: 651px) {
	.blog-post  .post-gallery.images-mobile .image-container 		{ float:left; width:45%; text-align:center; margin:0.5em 0.5em; }
	.blog-post  .post-gallery.images-mobile .image-container img 	{ max-height:250px; }
}

@media screen and (max-width: 650px) {
	.blog-post .post-gallery .image-container { float:none; width:auto; text-align:center; margin:0.5em 0.5em; }
	.blog-post .post-gallery .image-container img { max-height:250px; }
	.blog-post .post-gallery div { height:auto; }
}

@media screen and (max-width:590px) {
	
	.blog-list .post .image 			{ float:none; width:100%; margin:0px 0px 20px 0px; }
	.blog-list .post .text-wrapper 		{ margin:0px 0px 0px 0px; }
	
}