.view-news.view-display-id-block_1 .view-header {
	margin-bottom: 0rem;
}

.view-news .node__content {
	font-size: 0.7rem;
	line-height: normal;
	opacity: 0;
	transition: all .3s ease;
	cursor: pointer;
}

.view-news .card-body:hover .node__content {
	opacity: 1;
}

.view-news .node--type-news {
	display: grid;
	grid-template-rows: 1fr;
	padding-bottom: 0!important;
	height: 305px!important;
}

.view-news .field--name-field-image {
	grid-column: 1;
	grid-row: 1;
	margin: 0;
	z-index: 2;
}

.view-news .field--name-field-image .media {
	width: 100%;
	height: auto;
}

.view-news .card-img-top img {
	width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
}

.view-news .card-body {
	grid-column: 1;
	grid-row: 1;
	color: #fff;
	position: relative;
	z-index: 2;
}

.view-news .card-body:after {
	grid-column: 1;
	grid-row: 1;
	position: absolute;
	content: '';
	display: inline-block;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: rgb(0 0 0 / 30%);
}

.view-news .card > div > div:last-child {
    position: relative;
    z-index: 1;
    right: 0;
}

.view-news .card-title {
    z-index: 1;
	color: #fff!important;
}

.view-news .card-title a {
	color: #fff!important;
	text-decoration: none;
}

.view-news .node--created {
	color: #fff!important;
}

.view-news .node-readmore a {
	color: #fff!important;
	font-size: 0.7rem!important;
	text-decoration: underline;
}

.view-news.view-display-id-block_1 .inline__links {
    margin-top: 15px!important;
}



@media (max-width: 1368px) {
	.view-news .field--name-field-image * {
		height: 100%!important;
	}
}

@media (max-width: 480px) {
	.view-news.view-display-id-block_1 .field--name-body,
	.view-news.view-display-id-block_1 .node-readmore a {
        font-size: 0.7rem;
    }
}

@media (max-width: 400px) {
	.view-news.view-display-id-block_1 .field--name-body,
	.view-news.view-display-id-block_1 .node-readmore a {
        font-size: 0.6rem;
    }
}

@media (max-width: 370px) {
	.view-news.view-display-id-block_1 .field--name-body,
	.view-news.view-display-id-block_1 .node-readmore a {
        font-size: 0.5rem;
    }
}