﻿#news
{
	padding-top: 4rem;
	padding-bottom: 2rem;
}


/* ----- card-box ------------- */

.news-list-view-card > .row > .col.news-list-item > .card.news-list-card
{
	border: 0px;
	border-radius: 0px;
	-webkit-transition: box-shadow .6s;
	transition: box-shadow .6s;
	text-decoration:none;
}

.news-list-view-card > .row > .col.news-list-item > .card.news-list-card.card-shadow
{
	box-shadow: 0px 3px 6px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 3px 6px rgba(0,0,0,0.15);
}
.news-list-view-card > .row > .col.news-list-item > .card.news-list-card.card-shadow:hover
{
	box-shadow: 0px 3px 6px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 3px 6px rgba(0,0,0,0.25);
}

/*

.news-list-view-card > .row > .col.news-list-item > .card.news-list-card > .card-img-list 
{
	display:block;
	position: relative;
	overflow: hidden;
}

.news-list-view-card > .row > .col.news-list-item > .card.news-list-card .card-img-top
{
	-webkit-transition: .6s;
	transition: .6s;
}
.news-list-view-card > .row > .col.news-list-item > .card.news-list-card:hover .card-img-top
{
	-webkit-transform:scale(1.10) rotate(.01deg);
	transform:scale(1.10) rotate(.01deg);
}

*/


.news-list-view-card > .row > .col.news-list-item > .card.news-list-card > .card-img-list,
.news-list-view-card.start .news-list-item .card.news-list-card .card-img-list a.card-image-link 
{
	display:block;
	position: relative;
	overflow: visible;
}

.news-list-view-card.start .news-list-item .card.news-list-card .card-img-list a.card-image-link:hover,
.news-list-view-card.start .news-list-item .card.news-list-card .card-img-list a.card-image-link:focus
{
	outline: 2px solid #000000;
	outline-offset: 1px;
	box-shadow: none;
}

.card.news-list-card > .card-body > time.card-news-list-date
{
	font-size: 1.0rem;
	font-weight:300;
	color:#414141;
}

.news-list-view-card > .row > .col.news-list-item > .card.news-list-card > .card-body > h3.card-title
{
	margin-bottom: 0.4rem;
	font-size: 1.3rem;
}

.news-list-view-card > .row > .col.news-list-item > .card.news-list-card > .card-body > h3.card-title > a.card-title-link
{
	font-size: 1.4rem;
	font-weight:400;
	line-height:1.6;
	color:#414141;
	text-transform:none;
	text-decoration:underline;
}

.news-list-view-card > .row > .col.news-list-item > .card.news-list-card > .card-body
{
	padding: 1rem 1rem 0rem 1rem;
}

.news-list-view-card > .row > .col.news-list-item > .card.news-list-card > .card-body > .lead
{
	font-size: 1.1rem;
	color:#414141;
	text-decoration:none;
}

.news-list-view-card .news-list-item .card.news-list-card .card-body .lead span.more
{
	display:inline-block;
	margin-left:0.3rem;
}

.news-list-view-card > .row > .col.news-list-item > .card.news-list-card > .card-footer
{
	font-size: 1.0rem;
	text-align:left;
	background-color:transparent;
	padding: 0rem 1rem 1rem 1rem;
	border:0;
}



/* ----- list ----------------- */

.news .news-list-view.latest
{
	padding-right:30px;
}

.news .news-list-view .list-group .list-group-item
{
	border:0px;
	background-color: transparent;
}

.news .news-list-view .list-group .list-group-item div.row.news-list-item h2,
.news .news-list-view .list-group .list-group-item div.row.news-list-item h3
{
	margin-bottom: 0.5em;
}
.news .news-list-view .list-group .list-group-item div.row.news-list-item h2 a,
.news .news-list-view .list-group .list-group-item div.row.news-list-item h3 a
{
	display: inline-block;
	width:auto;
	padding-left: 0px;
	margin-bottom: 0.5em;
	font-size: 1.5rem;
	font-weight: 400;
	text-transform:none;
	text-decoration:underline;
	color:#414141;
	border:0px;
}

.news h2.news-list-title:after
{
	clear:both;
}

.news-list-item .news-list-date
{
	display: block;
	width:100%;
	padding-left: 15px;
	color:#717171;
}

.news-list-view.latest .row.news-list-item .news-list-date
{
	color:#414141;
	padding-left: 0px;
}

.news .lead 
{
	color:#414141;
	font-size: 1.1rem;
	font-weight: 400;
}

.news .news-list-view .list-group .list-group-item .news-list-item a
{
	display:inline-block;
	text-decoration:none;
}

.news .news-list-view .list-group .list-group-item .news-list-item a img.img-fluid,
.news > .news-list-view > .news-list-item img.img-fluid
{
	border:0px;
	padding:2px;
}


a.btn-read-more
{
	display: inline-block;
	min-width:145px;
	line-height: 1.5;
	background-color:#FFFFFF;
	color:#414141;
	font-size:1.1rem;
	font-weight:400;
	padding:6px 18px;
	border-radius:0px;
	border: 3px solid #E2001A;
	text-align:center;
	text-decoration:none;
	-webkit-transition:background-color 0.4s ease, color 0.4s ease, border 0.4s ease;
	-moz-transition:background-color 0.4s ease, color 0.4s ease, border 0.4s ease;
	-o-transition:background-color 0.4s ease, color 0.4s ease, border 0.4s ease;
	transition:background-color 0.4s ease, color 0.4s ease, border 0.4s ease;
}

a.btn-read-more:hover, 
a.btn-read-more:focus 
{
	background-color:#FFFFFF;
	color:#000000;
	border: 3px solid #B60016;
	box-shadow: none;
	text-decoration:none;
}

/* ------ pagination ------- */

.news > div.news-list-view > .pagebrowser
{
	margin-bottom:15px;
	margin-top: 30px;
}

.news > div.news-list-view > .pagebrowser .pagination 
{
	display: -ms-flexbox;
	display: flex;
	padding-left: 0;
	margin-left: 16px;
	list-style: none;
	border-radius: 0px;
}

.news > div.news-list-view > .pagebrowser .page-item 
{
	display: -ms-flexbox;
	display: flex;
	list-style: none;
	margin-bottom: 5px;
}

.news > .news-list-view > nav.pagebrowser > ul.pagination > li.page-item > a.page-link,
.news > div.news-list-view > .pagebrowser a,
.news > div.news-list-view > .pagebrowser a.url
{
	position: relative;
	display: block;
	padding: 0.5rem 0.75rem;
	margin-left: -1px;
	line-height: 1.25;
	color: #E2001A;
	background-color: #FFFFFF;
	border: 1px solid #E2001A;
}

.news > div.news-list-view > .pagebrowser a:hover,
.news > div.news-list-view > .pagebrowser a.url:hover
{
	z-index: 2;
	color: #E2001A;
	text-decoration: none;
	background-color: #F1F1F1;
	border-color: #B60016;
	box-shadow: 0px 3px 6px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 3px 6px rgba(0,0,0,0.15);
}

.news > div.news-list-view > .pagebrowser a:focus,
.news > div.news-list-view > .pagebrowser a.url:focus 
{
	z-index: 2;
	outline: 0;
	box-shadow: 0px 3px 6px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 3px 6px rgba(0,0,0,0.25);
}

.news > div.news-list-view > .pagebrowser a:not(:disabled):not(.disabled),
.news > div.news-list-view > .pagebrowser a.url:not(:disabled):not(.disabled) 
{
	cursor: pointer;
}

.news > div.news-list-view > .pagebrowser .page-item:first-child a,
.news > div.news-list-view > .pagebrowser .page-item:first-child a.url 
{
	margin-left: 0;
	border-top-left-radius: 0.25rem;
	border-bottom-left-radius: 0.25rem;
}

.news > div.news-list-view > .pagebrowser .page-item:last-child a,
.news > div.news-list-view > .pagebrowser .page-item:last-child a.url 
{
	border-top-right-radius: 0.25rem;
	border-bottom-right-radius: 0.25rem;
}
.news > div.news-list-view > .pagebrowser .page-item.active a,
.news > div.news-list-view > .pagebrowser .page-item.active a.url 
{
	z-index: 1;
	color: #FFFFFF;
	background-color: #E2001A;
	border-color: #E2001A;
}
.news > div.news-list-view > .pagebrowser .page-item.disabled a,
.news > div.news-list-view > .pagebrowser .page-item.disabled a.url 
{
	color: #414141;
	pointer-events: none;
	cursor: auto;
	background-color: #FFFFFF;
	border-color: #414141;
}



.news > .news-list-view > nav.pagebrowser > .page-navigation > ul.pagination > li
{
	margin-right: 10px;
}

.news > .news-list-view > nav.pagebrowser > ul.pagination > li.page-item > a.page-link,
.news > div.news-list-view > .pagebrowser > ul.pagination > li.page-item > a
{
	z-index: 1;
	color: #E2001A;
	background-color: #FFFFFF;
	border: 1px solid #E2001A;
}

.news > .news-list-view > nav.pagebrowser > ul.pagination > li.page-item > a.page-link:hover,
.news > div.news-list-view > .pagebrowser > ul.pagination > li.page-item > a:hover
{
	z-index: 2;
	color: #B60016;
	text-decoration: none;
	background-color: #F7F7F7;
	border-color: #B60016;
	box-shadow: 4px 4px 6px 0px rgba(0,0,0,0.15);
	-webkit-box-shadow: 4px 4px 6px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 4px 4px 6px 0px rgba(0,0,0,0.15);
}

.news > .news-list-view > nav.pagebrowser > ul.pagination > li.page-item.active > span.page-link,
.news > div.news-list-view > .pagebrowser span.current 
{
	position: relative;
	display: block;
	padding: 0.5rem 0.75rem;
	margin-left: -1px;
	line-height: 1.25;
	z-index: 1;
	font-weight: 700;
	color: #FFFFFF;
	background-color: #E2001A;
	border-color: #E2001A;
}

.news > .news-list-view > nav.pagebrowser > ul.pagination > li.page-item.active > span.page-link:hover,
.news > div.news-list-view > .pagebrowser span.current:hover 
{
	z-index: 2;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #B60016;
	border-color: #B60016;
	box-shadow: 4px 4px 6px 0px rgba(0,0,0,0.15);
	-webkit-box-shadow: 4px 4px 6px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 4px 4px 6px 0px rgba(0,0,0,0.15);
}


.news > .news-list-view > nav.pagebrowser > ul.pagination > li.page-item > a.page-link:focus,
.news > .news-list-view > nav.pagebrowser > ul.pagination > li.page-item.active > span.page-link:focus
{
	outline: 2px solid #000000;
	outline-offset: 1px;
	box-shadow: none;
}



/* ----- single --------------- */


.news.news-single > .article > h1,
.news.news-single > article.news-article > h1
{
	display: block;
	width:100%;
	font-size:2.0rem;
	font-weight: 800;
	margin-bottom: 2.5rem;
	color:#414141;
	border-bottom: 0px;
}

.news.news-single > article.news-article > time.news-date
{
	display: block;
	width:100%;
	margin-top: -2.0rem;
	margin-bottom: 2.5rem;
	font-size:1.0rem;
	font-weight: 400;
	color:#414141;
}

.news.news-single > .article > .extra
{
	display: block;
	width:100%;
	margin-top: -0.75rem;
	margin-bottom: 0.75rem;
	font-size:1.0rem;
	font-weight: 400;
	color:#1A6AB0;
}

.news-single > .article > .row > .col-md-12 > figure.image
{
	margin-bottom: 0;
}

.news-single > article .thumbnail > a.lightbox
{
	display:block;
	padding: 2px;
}


.news-single > .article > .row > .col-md-12 > .news-text-wrap a.lightbox img.img-fluid
{
	width: auto;
}

.news-single > .article > .row > .col-md-4 > .thumbnail > .caption
{
	margin-top: 0.5rem;
}

.news-single .thumbnail
{
	margin-bottom:30px;
}
.news-single .thumbnail:last-child
{
	margin-bottom:0px;
}

a.btn-back-link
{
	display: inline-block;
	line-height: 1.5;
	background-color:#3A8DC7;
	background: rgb(30,117,193);
	background: linear-gradient(165deg, rgba(30,117,193,0.8967787798713235) 0%, rgba(30,117,193,0.8995799003195029) 10%, rgba(0,85,153,0.9) 10%, rgba(0,85,153,0.9) 80%, rgba(27,106,176,0.8995799003195029) 80%, rgba(27,106,176,0.8967787798713235) 89%, rgba(0,85,153,0.9) 89%, rgba(0,85,153,0.9) 92%, rgba(30,117,193,0.8995799003195029) 92%);
	color:#FFFFFF !important;
	font-size:1.0rem;
	font-weight:400;
	padding:10px 18px;
	margin-bottom:25px;
	border-radius:0px;
	border: 1px solid #FFFFFF;
	text-decoration:none;
	-webkit-transition:background 0.4s ease;
	-moz-transition:background 0.4s ease;
	-o-transition:background 0.4s ease;
	transition:background 0.4s ease;
}

a.btn-back-link:hover, 
a.btn-back-link:focus 
{
	background-color:#E2001A;
	background: rgb(27,106,176);
	background: linear-gradient(155deg, rgba(30,117,193,0.8967787798713235) 0%, rgba(30,117,193,0.8995799003195029) 24%, rgba(0,85,153,0.9) 24%, rgba(0,85,153,0.9) 70%, rgba(27,106,176,0.8995799003195029) 70%, rgba(27,106,176,0.8967787798713235) 82%, rgba(0,85,153,0.9) 82%, rgba(0,85,153,0.9) 90%, rgba(30,117,193,0.8995799003195029) 90%);
	color:#FFFFFF !important;
	border: 1px solid #FFFFFF;
	text-decoration:none;
	-webkit-box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);
	box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);
}


/* ----- category list ------------ */

.news ul.category-list
{
	margin:0px 0px 0px 20px;
	padding:0px;
}

.news ul.category-list li.category-list-item
{
	padding:0;
	margin-bottom:0.6rem;
}

.news ul.category-list li.category-list-item > a > span.category-title
{
	display: inline-block; 
}

.news ul.category-list li.category-list-item > a > span.category-title::before 
{
	content: "■";
	color: #E2001A;
	display: inline-block; 
	width: 1em;
	margin-left: -1em;
}

.news ul.category-list li.category-list-item.active > a > span.category-title
{
	font-weight:700;
}



/* ----- responsive --------------- */

@media (max-width: 992px) {

	.news-list-view > .row.news-list-item > .col-md-4.order-md-2
	{
		margin-bottom: 10px;
	}

}



@media (max-width: 767.98px) {

	.news h2.news-list-title, 
	.news h3.news-list-title, 
	.news-list-item > .col-md-8 > h3
	{
		margin-top: 0.5rem;
	}

	.news.news-single > .article > h1 
	{
		font-size: 1.4rem;
	}

	.news-single > .article .thumbnail
	{
		margin-bottom: 20px;
	}

}
