/* Custom "blocks" news widget */
.rm_GridItem {
    margin-bottom: 15px;
}

	.rm_GridV .rm_GridItem:last-child {
    	margin-bottom: 0px;
	}


.rm_GridItem > a {
    display: block;
    height: 200px;
    position: relative;
    color: #fff;
  	background-color: #333;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    overflow: hidden;
}

    .rm_GridH .rm_GridItem > a {
      height: 220px;
    }
    

.rm_GridItem > a:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 53px;
    background: rgba(0,0,0,0.8);
}

.rm_GridItem .ipsType_sectionHead, .rm_GridItem .rm_sub {
    color: #fff;
  	position: absolute;
    left: 7px;
    right: 7px;
    text-shadow: 1px 1px 1px rgba(0,0,0,1);
}

	.rm_GridItem .ipsType_sectionHead  {
        bottom: 23px;
        font-size: 20px;
      
    }
	
	.rm_GridItem .rm_sub {
		bottom: 7px;
        font-size: 12px;
    }

	/* This handles text truncating for both vertical and horizontal rmGrids
		   Horizontal needs less text to allow for post date */
		.rm_GridH .rm_GridItem .rm_sub li:first-child {
        	overflow: hidden;
          	white-space: nowrap;
      		text-overflow: ellipsis;
      		width: 80%; /* EJB 2016-04-22 was 60% */
      		margin-right: 0;
      		/* Subtitles on middle-sized blocks */
        }

		.rm_GridV .rm_GridItem .rm_sub li:first-child {
        	overflow: hidden;
          	white-space: nowrap;
      		text-overflow: ellipsis;
      		width: 80%;
        }

		.rm_GridH .rm_GridItem .rm_sub li:last-child {
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
			width: 22%;
      		display: none; /* EJB 2016-04-11 */
      		margin-left: 0;
      		/* Date/Time on all but big block at top */
		}


@media only screen and (min-width: 979px) {
.rmBig a {
  height: 450px;
}
}

@media only screen and (max-width: 978px) {
.rmBig a {
  height: 400px !important;
}
}

@media only screen and (max-width: 767px) {
.rmBig a {
  height: 350px !important;
}
}

@media only screen and (max-width: 360px) {
.rmBig a {
  height: 275px !important;
}
}