div.ccm-block-page-list-page-entry-grid-thumbnail-hover {
    opacity: 0;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

div.ccm-block-page-list-page-entry-grid-thumbnail a {
    position: relative;
    display: table;
}

div.ccm-block-page-list-page-entry-grid-thumbnail-hover {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    /*background-color: rgba(255,255,255,0.7);*/
    z-index: 2;
}

div.ccm-block-page-list-page-entry-grid-thumbnail a:hover
div.ccm-block-page-list-page-entry-grid-thumbnail-hover {
    opacity: 1;
}

div.ccm-block-page-list-page-entry-grid-thumbnail-title-wrapper {
    display: table;
    width: 100%;
    height: 100%;
}

div.ccm-block-page-list-page-entry-grid-thumbnail-title {
    display: table-cell;
    width: 100%;
    text-align: center;
    height: 100%;
    vertical-align: middle;
    text-align: center;
    color: #fff;
}

div.ccm-block-page-list-page-entry-grid-thumbnail-title i {
    display: none;
}


.newsFeature{/*background:#f9fafd;*/text-align:center;padding:15px 33px;color:#000;font-size:14px;margin-bottom:20px;/*border:2px solid #333;*/}
.newsFeatureIcon{margin-bottom:5px;}
/*.newsFeatureIcon img{height:165px;width:auto;}*/
.newsFeatureLink:hover{cursor:pointer;/*background:rgba(255,255,255,0.7);*/}
.newsTitle{height:60px;overflow:hidden;}
.newsDate{font-size:10px;text-align:left;color:#000;}
.thumbContainer img{width:100%;height:auto;}
.thumbContainer{
	position: relative;
	width: 100%;		/* desired width */
	background-size:cover;
	background-position:center;
}
.thumbContainer:before{
	/*content: "";
	display: block;
	padding-top: 100%;*/ 	/* initial ratio of 1:1*/
}
.thumbContainerInner{
	position:  absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
.recipe_pagelist_img {
	
}
.ccm-block-page-list-page-entry-grid-item {
    width: 30%;
    float: left;
    /*max-height: 310px;*/
    margin: 0 10px 10px 10px;
}
@media (max-width: 1198px) {
	.newsFeature{padding:15px;}
}
@media (max-width: 768px) {
	.newsFeature{padding:0;}
	.ccm-block-page-list-page-entry-grid-item {width: 45%;}
}
@media (max-width: 440px) {
	.ccm-block-page-list-page-entry-grid-item {margin: 0 7px 10px 7px;width: 44%;}
}