/**
 * Normal view.
 */
@media (min-width: 768px) {
/**
  * Styles for teasers
  */
.pane-title {
	color: #337cbb;
	margin-top: 5px;
}

.view-news_view  > .field-item img {
	width:64px;
	height:64px;
	float: left;
	margin-right: 15px;
	margin-left: 0px;
}


.view-mode-teaser2  h2, .view-mode-teaser3 h2, .view-mode-teaser4 h2, .view-mode-teaser5 h2{
	margin-top:0px;
	font-size: 15px;
	color: #337cbb;
}

.view-mode-teaser2 {
    margin-top: 20px;
	/* padding-right: 50px; */
}

.view-mode-teaser4 , .view-mode-teaser5 {
    margin-top: 15px;
	/* padding-right: 50px; */
}

.view-news-view  .views-row  .node-readmore {
	float: left;
    margin-left: 80px;
}

.panels-flexible-region .panels-flexible-region-inside-last {
	padding-right: 0px;
}
.panels-flexible-region {
	padding-left: 0px;
}
.panels-flexible-region .panels-flexible-region-inside-last .sideline, .region-sidebar-second {
	padding-left: 20px; 
    border-left: solid 1px #ccc;
}

.view-highlights-view  .views-row {
	margin-right:30px;
/*	padding-right:15px; */
}

.panels-flexible-row-custom_layout-main-row-inside {
	border-bottom: none;
}



.view-highlights-view  .views-row, .view-news-view .views-row {
	border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
	margin-bottom: 20px;
}
 .view-news-view  .views-row-last {    padding-bottom: 10px;
    margin-bottom: 2px;
		border-bottom: 1px solid #ccc;}
.view-highlights-view .views-row-last {
	border-bottom: none;
}

.view-news-view  .group-left {
    float: left;
    width: 50%;
}

.view-news-view  .group-right {
	float: left;
    width: 50%;
}
/*
.view-news-and-events-view  .group-left {
	float: left;
    width: 20%;
	padding-right:15px;
}
.view-news-and-events-view  .group-right {
	float: left;
    width: 80%;
}*/

.date-display-single {
    float: left;
    /* font-style: italic; */
    margin-right: 5px;
    color: #337cbb;
}
.date-display-single:after {
	content:" - ";
}
}

/**
 * Tablet
 */
@media screen and (max-width: 767px) {
	.date-display-single {   font-style: italic; color: #337cbb;}
	.view-mode-teaser2  h2, .view-mode-teaser3 h2, .view-mode-teaser4 h2, .view-mode-teaser5 h2{
	margin-top:0px;

	color: #337cbb;
}
}