.static-titles { padding-top:30px; }
.blog-content { margin-top:1em; padding:30px 0px 60px 0px; }

.blog-filter { float:left; width:17em; }
.blog-list,
.blog-inner-content { float:left; width:90%; margin-left:2em; padding-top: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:#63666a; color:#FFFFFF; }
.blog-filter .date-list li.selected a,
.blog-filter .date-list a:hover	{ background:#e62f33; 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 { float:left; width:160px; height:150px; text-align:center; }
.blog-list .post .image img { max-width:200px; }
.blog-list .post .text-wrapper { display:block; margin-left:220px; }
.blog-list .post .text-wrapper .title { display:block; font-weight:bold; margin-bottom:0.5em; font-size:1.5em; }
.blog-list .post .text-wrapper .text { display:block; margin-bottom:0.5em; color:#63666a; font-size:1.2em; }
.blog-list .post .text-wrapper .title { display:block; }
.blog-list .post:last-child { border-bottom:none; }
.blog-list .post:hover .text-wrapper .text { color:#63666a; }
.blog-list .post:hover .btn { background-color: #e62f33; color: #FFFFFF; }

.post-content	{ font-size:1.2em; }
.blog-list .post .text-wrapper .btn { float:right; }

.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; }


/** LIST PAGINATION**/
.shr-footer									{ margin:20px 0px 0px 0px; padding:20px 0px 0px 0px; }
.shr-footer .shr-numbers,
.shr-footer .shr-nav						{ font-size:14px; }
.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; }
.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,
.shr-numbers .shr-numbers-page span			{ color:#FFF; }
.shr-numbers .shr-numbers-page a	 		{ color:#63666a; }
.shr-numbers .shr-numbers-page a:hover,
.shr-numbers .shr-numbers-current 			{ color:#FFF !important; background:#e62f33; }
.shr-nav 									{ float:right; }
.shr-nav a 									{ background:#e62f33; color:#FFFFFF; }
.shr-numbers .shr-numbers-page a:hover,
.shr-nav a:hover 							{ color:#FFFFFF; background-color:#e62f33; }

.gallery-wrapper .post-gallery a { display:inline-block; vertical-align:top; width:30%; border:10px solid #FFFFFF; }
.gallery-wrapper .post-gallery a:hover { border:10px solid #EFEFEF; }
@media screen and (max-width:740px){
	.gallery-wrapper { padding:40px 0px 0px 0px; }
	.gallery-wrapper h2,
	.gallery-wrapper .post-gallery { text-align:center; }
	.gallery-wrapper .post-gallery a { width:45%; }
}
@media screen and (max-width:480px){
	.gallery-wrapper .post-gallery a { width:100%; margin:10px 0px; border:none; }
	.gallery-wrapper .post-gallery a:hover { border:none; }
}

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