/* front-page-news */
.front-page-news{
    .views-row{
        font-size: 1.1em;
        height: 250px;
        margin-bottom: 15px;
    }

    .image-date-container{
        position: relative;
        img{
            width:100%;
        }
    }
    .views-field-title a{
        text-align: center;
        color: white;
        background: #4d4d4d;
        text-decoration: none;
        padding: 5px;
        color: white;
        display: block;

        
         
    }
    .views-field-title a:hover{
        background: #272727;
    }
    .views-field-created{
        background-color: #3f7f8f;
        z-index: 1010000;
        display: inline;
        padding: 2px 10px 2px 30px;
        color: white;
        /* margin-top: -10002px; */
        position: absolute;
        bottom: 0px;
        text-align: right;
    }
}



/*** front-page-announcements  **/

.front-page-announcements{
    .views-row{
        font-size: 1.1em;
        margin-top: 0px;
        margin-bottom: 20px;
        padding: 0px 0px 6px 2px;
        border-bottom: 4px solid #d2d6c2;
        .views-field-created{
            color:#418190;
        }
        .views-field-title{
            a{
                color:#4d4d4d;
            }
        }
    }


}






/* news and announcments  details page*/
.news-list .views-row{
	border-bottom: 1px dashed #c1c1c1;
    margin: 30px 5px;
    height: 250px;
}



.news-list .views-row span.field-content{
	    color: #333333;
}

.news-list .views-row .views-field-title,.news-list .views-row .views-field-title a{
	    /*font-size: 1.2em;*/
    	color: #333333;
    	text-decoration: none;
}
.news-list .views-row a:hover{
	color:#b34681;
	    
}


.pagination > li > a, .pagination > li > span {
    background-color: #fff;
    border: 1px solid #ddd;
    color: #797979;
    float: left;
    line-height: 1.42857;
    margin-left: -1px;
    padding: 6px 12px;
    position: relative;
    text-decoration: none;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #b0b0b0;
    border-color: #abbac6;
    color: #000;
    cursor: default;
    z-index: 2;
}