.news-title						{ color:#013354 !important; }

/** LIST **/
.post							{ display:block; margin:30px 0px 0px 0px; padding:30px 0px 0px 0px; }
.post .image					{ display:block; float:left; width:250px; padding:10px; }
.post .image img				{ max-width:100%; height:auto; }
.post .text-wrapper				{ display:block; margin:0px 0px 0px 300px; }
.post .text-wrapper .title		{ display:block; font-size:1.4em; text-transform:uppercase; }
.post .text-wrapper .text		{ display:block; margin:10px 0px 20px 0px; }

.post							{ border-top:1px dotted #CCCCCC; }
.post .image					{ border:1px solid #CCCCCC; }
.post .text-wrapper .title		{ color:#2A2867; }
.post .text-wrapper .text		{ color:#333333; }



/** POST **/
.blog-post-title		{ margin:0px 0px 20px 0px; padding:0px 0px 20px 0px; }
.blog-image				{ max-width:100%; height:auto; }
.post-content			{ margin:30px 0px; }

.blog-post-title		{ border-bottom:1px dotted #CCCCCC; }



/** GALLERY **/
.post-gallery { overflow: hidden; position: relative; }
.post-gallery div { height: 250px; }
.chromatic-gallery-photo,
.chromatic-zoom-arrow-left,
.chromatic-zoom-arrow-right { cursor: pointer; }
.chromatic-gallery { overflow-y:visible !important; }
.chromatic-gallery-photo { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border:5px solid #FFFFFF; }
.chromatic-gallery-photo { -moz-box-shadow:0px 0px 5px 0px #ccc; -webkit-box-shadow:0px 0px 5px 0px #ccc; box-shadow:0px 0px 5px 0px #ccc; }

.chromatic-zoom { z-index: 1000 !important; }



/** GALLERY FALLBACK **/
.fallback-gallery .image-container		{ display:inline-block; vertical-align:top; width:23%; margin:10px 10px 10px 0px; position:relative; overflow:hidden; text-align:center; height:150px; text-align:center; }
.fallback-gallery .image-container img	{ position:absolute; top:0; left:0; }

.fallback-gallery .image-container		{ border:1px solid #CCCCCC; }
	


/** RESPONSIVE **/
@media screen and (max-width:700px){

	.fallback-gallery .image-container		{ width:31%; }

}

@media screen and (max-width:660px){

	.post .image			{ float:none; clear:both; width:94%; padding:3%; height:200px !important; margin:0px auto 20px auto; text-align:center; }
	.post .text-wrapper		{ clear:both; margin:0px 0px 0px 0px; }

}

@media screen and (max-width:540px){

	.fallback-gallery .image-container		{ width:47%; }

}

@media screen and (max-width:430px){

	.fallback-gallery .image-container		{ width:100%; margin:10px 0px 10px 0px; height:auto; border:0px; }
	.fallback-gallery .image-container img	{ position:static; max-width:100%; height:auto; margin:0px auto; display:block; }

}