/**
 * Project: CRM
 * Purpose: styles for the news pages only
 * Created by KKelly.
 * Date: 09/06/14
 * Time: 13:01
 */

#views-exposed-form-news-listing-page {
	background-color: #e3e3e3;
	padding: 1em 2em;
	margin-bottom: 1em;
}
	#views-exposed-form-news-listing-page #edit-title-wrapper {
		padding-right: 0.5em;
	}
.view-news-listing .view-content ol {
	margin: 0;
	padding: 0;
}

.view-news-listing .view-content ol > li {
	list-style: none;
	margin-bottom: 3em;
	clear: both;
}

.view-news-listing .date-display-single {
	background-color: #222;
	color: #fff;
	padding: 6px 10px;
	margin-bottom: 0.5em;
	display: block;
}

.group-contact {
	background: none repeat scroll 0 0 #E3E3E3;
	margin-bottom: 1em;
	padding: 1em 2em;
}
@media screen and (min-width: 35.5em) {/* small or larger */
	#edit-submit-news-listing {
		margin-top: 1.7em;
	}
	.group-contact .field-label {
		display: inline-block;
		min-width: 15%;
		max-width: 25%;
	}
	.group-contact .field-items {
		display: inline-block;
		min-width: 75%;
	}

	.view-news-listing .date-display-single{
		display: inline-block;
		width: 56px;
		background: url('../images/global/date-bottom.png') no-repeat 0 100%;
		padding: 0 0 20px;
		color: #fff;
	}

	.view-news-listing .date-display-single .month,
	.view-news-listing .date-display-single .day {
		display: block;
		text-align: center;
		background-color: #222;
	}

	.view-news-listing .date-display-single .month {
		padding-top: 8px;
	}
	.view-news-listing .date-display-single .day{
		padding-bottom: 8px;
	}

	.view-news-listing .view-content ol > li div:nth-child(2),
	.view-news-listing .view-content ol > li div:nth-child(3) {
		float: left;
	}
	.view-news-listing .view-content ol > li div:nth-child(2) { /* date */
		margin-right: 1em;
	}
	.view-news-listing .view-content ol > li div:nth-child(3) {/* intro */
		max-width: 90%;
	}
	.view-news-listing .view-content ol > li div:nth-child(4) { /* read more link */
		clear: both;
	}

}
.date-display-single .month:empty,
.date-display-single .day:empty {
	display: none;
}