/* MATERIALEGRIDS */
.paragraphs__item--material_grid_automatic.fbiapi .recommended-material {
  padding: 14px 24px;
  max-height: 500px;
}
@media screen and (max-width: 500px) {
	.paragraphs__item--material_grid_automatic.fbiapi .recommended-material {
		padding: 14px 4px;
	}
}


.paragraphs__item--material_grid_automatic.fbiapi .recommended-material__description {
	-webkit-line-clamp: 2;
}

.paragraphs__item--material_grid_automatic.fbiapi .recommended-material__author {
	padding-bottom: 6px;
	-webkit-line-clamp: 2;
	text-wrap-style: balance;
}

.paragraphs__item--material_grid_automatic.fbiapi .recommended-material__format {
    text-transform: capitalize;
    padding-bottom: 6px;
    -webkit-line-clamp: none;
}
.paragraphs__item--material_grid_automatic.fbiapi .recommended-material__format span {
	white-space: nowrap;
}

@media screen and (min-width: 451px) {
	.paragraphs__item--material_grid_automatic.fbiapi .recommended-material__format {
	    padding-left: 9px;
	    position: relative;
	}
	.paragraphs__item--material_grid_automatic.fbiapi .recommended-material__format:before {
	    content: '›';
	    margin-right: 2px;
	    color: #222e5b;
	    font-size: 20px;
	    position: absolute;
	    left: 0px;
	    top: -1px;
	}
}


.paragraphs__item--material_grid_automatic.fbiapi .recommended-material__abstract {
    font-family: "Noto Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    text-decoration: none;
    padding-bottom: 0;
}

@media screen and (max-width: 450px) {
	.paragraphs__item--material_grid_automatic.fbiapi .recommended-material__author {
		-webkit-line-clamp: none;
	}
	
	.paragraphs__item--material_grid_automatic.fbiapi .recommended-material__abstract {
		-webkit-line-clamp: 4;
		text-align: center;
	}
}


/*
.recommendation .recommended-material {
	height: auto;
}

.recommended-material__texts a {
    padding-bottom: 6px;
    -webkit-line-clamp: 5;
    text-wrap-style: balance;
}

a.recommended-material__description.series_title {
    -webkit-line-clamp: 2 !important;
    padding-bottom: 0;
}
*/