@charset "utf-8";
/* CSS Document */

/* NEWS LIST*/

body.news div.content_newsitem {
	background-color: #559cbe;
	margin-top: 2em;
	padding: 2em;
	color: #ffffff;
	border-radius: 0.5em;
}

body.news div.content_newsitem h4.newsitem_date {
	background-color: #df7a1c;
	color: #ffffff;
	padding: 0.5em;
	display: inline-block;
}

body.news div.content_newsitem a,
dbody.news iv.content_newsitem h3.newsitem_subject {
	color: #ffffff;
}

div.content_news {}

/* single item on list */
div.content_newsitem {}

div.newsitem_container {}

h4.newsitem_date {
	font-size: 0.8em;
	font-weight: normal;
	line-height: 1em;
}

p.newsitem_date {}

h2.newsitem_subject {}

.newsitem_shortcontent p {}

a.newsitem_readmore {}

div.newsitem_image {}

div.content_news_linktoarchive {}

div.content_news_linktoarchive A {}

/* View single item on page */
div.newsview_container {}

p.newsview_date {}

h2.newsview_subject {}

p.newsview_shortcontent {}

p.newsview_content {}

a.newsview_return {}

div.newsview_image {}

div.newsview_thumbnails {}

/* View single item in thickbox*/
div.newstb_container {}

p.newstb_date {}

h2.newstb_subject {}

p.newstb_shortcontent {}

p.newstb_content {}

a.newstb_return {}

div.newstb_image {}

/* News banner */
.news-scroller {
	height: 35vh;


}

.news-scroller .news-content {
	padding: 2em;
	height: 30vh;
	overflow-y: hidden;

}

.news-content-link {
	padding-left: 2em;
	padding-bottom: 1em;
	vertical-align: bottom;
	bottom: 0;
}

.news-content h2 {
	font-size: 1.5rem;
}

.news-image {
	height: 34vh;
}

@media screen and (max-width: 480px) {
	.news-scroller {
		height: 60vh;
	}

	.news-image {
		height: 20vh;
	}


	.news-scroller .news-content {
		height: 34vh;
	}
}

.news-carousel {
	padding: 1em;
	background-color: rgb(239, 185, 71);
	color: black;
	box-shadow: 0px 0px 4px 0px #555;
}

.news-carousel .news-scroller div {
	margin: 0;
	padding: 0;
}

.news-carousel h1, .news-carousel h2, .news-carousel h3, .news-carousel h4, .news-carousel h5, .news-carousel h6 {
	color: #333 !important;
}

.news-carousel .news-item div.row {
	display: flex;
    flex-wrap: wrap;
    position: relative;
    align-items: center;
    height: 100%;
}

.news-carousel .news-content {
	mask-image: linear-gradient(180deg, #000 85%, transparent);
}

@media screen and (max-width:480px) {
	.news-carousel .news-scroller .news-image {
		margin: 0 0 1em 0;
	}
}

@media screen and (max-width:980px) {
	.news-carousel .news-scroller .news-image {
		margin: 0 1em 0 0;
	}
}