/**
  * Styles for the news and events page
  **/

.view-news-and-events-highlight-view {
	width:100%;
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
}
	.view-news-and-events-highlight-view .row{
		padding-left: 10px;
		padding-right: 10px;
	}
	.view-news-and-events-highlight-view  .col-md-6 {
		
		padding-right: 5px;
		padding-bottom: 15px;
	}
	.view-news-and-events-highlight-view  .col-sm-4,
	.view-news-and-events-highlight-view  .col-sm-8	{
		padding-right: 2px;
		padding-left: 0px;
	}
.view-news-and-events-per-year  .group-left, 
.view-news-and-events-view .group-left{
		float: left;
		width: 150px;
		padding-right: 5px;
		margin-bottom:15px:
}
	.view-news-and-events-view  .group-right,
	.view-news-and-events-per-year .group-right {
		float: left;
		max-width: 824px;
		width:90%;
		margin-bottom:15px;
	}

.view-news-and-events-per-year ul  {
	list-style: none;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 15px;
	display: table;
	margin: auto;
}
.view-news-and-events-per-year ul:before{
	content: 'Browse per year:\00a0 ';	
}

.view-news-and-events-per-year li  {
	display: inline;
}
/**
 * Tablet
 */
 @media screen and (min-width: 768px) {
	 .view-news-and-events-highlight-view  .col-sm-4,	.view-news-and-events-view  .group-left, .view-news-view  .group-left  {
		padding-right: 5px;
		width: 150px;
	}
	.view-news-and-events-view  .group-right {
		max-width: 767px;
		/* width:60%; */
	}

 }
@media screen and (max-width: 480px) {
	
	.view-highlights-view {
		padding-right: 0px;
		border-right: none;
		margin-right: 0px;
	}
	 .view-news-and-events-highlight-view  .col-sm-4,	.view-news-and-events-view  .group-left, .view-news-view  .group-left  {
		padding-right: 5px;
		max-width: 150px;
		width:10%;
	}
	.view-news-and-events-view  .group-right {
		max-width: 767px;
		width:60%;
	}


}