.static-titles { margin-top:15px; }
.blog-content { margin-top:1em; }

.blog-filter { float:left; width:17em; }
.blog-list,
.blog-inner-content { float:left; width:70%; margin-left:2em; }
.blog-list		{ margin-bottom:20px; }

.blog-filter h2 { font-size:1.8em; margin-bottom:0.5em; text-transform: uppercase; }
.blog-filter h2 span { display:none; }
.blog-filter .date-list { list-style:none; padding:0; margin:0; }

.blog-filter .date-list a { display:block; text-align:left; margin:0.2em 0; background:#1F3D73; color:#FFFFFF; }
.blog-filter .date-list li.selected a,
.blog-filter .date-list a:hover	{ background:#872234; color:#FFFFFF; }

.blog-list h2 { font-size:1.8em; margin-bottom:0.5em; text-transform: uppercase; }
.blog-list .post { display:block; margin:1em 0; border-bottom:1px solid #CCCCCC; padding-bottom:1em; }
.blog-list .post .image { display:block; float:left; width:150px; height:150px; text-align:center; }
.blog-list .post .image img { max-width:150px; max-height:150px; }
.blog-list .post .text-wrapper { display:block; margin-left:170px; }
.blog-list .post .text-wrapper .title { display:block; font-weight:bold; margin-bottom:0.5em; }
.blog-list .post .text-wrapper .text { display:block; margin-bottom:0.5em; }
.blog-list .post .text-wrapper .title { display:block; }
.blog-list .post:last-child { border-bottom:none; }
.blog-list .post:hover .text-wrapper .text { color:#1F3D73; }
.blog-list .post:hover .btn { background-color: #872234; color: #FFFFFF; }

.blog-inner-content .blog-post-title { margin-bottom:0.5em; }
.blog-inner-content img.blog-image { max-width:100%; display:block; height:auto; }
.blog-inner-content .post-gallery { overflow:hidden; position:relative; }
.blog-inner-content .post-gallery div { height:250px; cursor:pointer; }
.blog-inner-content .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; }

/** LIST PAGINATION**/
.shr-numbers 							{ list-style-type:none; padding:0; overflow:hidden; float:left; margin:0; text-transform:uppercase; }
.shr-numbers li 						{ display:inline-block; *display:inline; zoom:1; margin-right:0.2em; position:relative; }
.shr-numbers .shr-numbers-page a,
.shr-numbers .shr-numbers-page span 	{ display:block; padding:10px; min-width:1em; height:1em; line-height:1em; text-align:center; text-decoration:none; }
.shr-nav 								{ float:right; }
.shr-nav a 								{ display:inline-block; padding:10px; text-decoration:none; text-transform:uppercase; height:1em; line-height:1em; }
.shr-max660 .shr-numbers 				{ display:block; float:none; text-align:center; margin:0 auto 1em auto; text-transform:uppercase; }
.shr-max660 .shr-nav 					{ float:none; text-align:center; margin:1em auto 0 auto; text-transform:uppercase; }

.shr-numbers .shr-numbers-page a		{ color:#1F3D73; }
.shr-numbers .shr-numbers-page span 	{ color:#FFFFFF; }
.shr-numbers .shr-numbers-current 		{ background:#1F3D73; }
.shr-nav 								{ float:right; }
.shr-nav a 								{ background:#1F3D73; color:#FFFFFF; }
.shr-numbers .shr-numbers-page a:hover,
.shr-nav a:hover 						{ color:#FFFFFF; background-color:#872234; }

/** RESPONSIVE **/
@media screen and (max-width:910px){
	
	.blog-filter,
	.blog-list,
	.blog-inner-content { float:none; width:auto; margin-left:0; }
	
	.blog-list .post .image { float:none; width:auto; height:auto; background-image:none; }
	.blog-list .post .image img { max-width:100%; display:block !important; height:auto; }
	.blog-list .post .text-wrapper { margin-left:0; }
	.blog-list .post .text-wrapper .title { margin-top:0.5em; height:auto !important; }
	.blog-list .post .text-wrapper .text { height:auto !important; }
	
	.blog-inner-content .blog-post-title { margin-top:0.5em; }
	
}

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

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