figure > .badge{
	background-color: #25364a;
	padding: 10px;
	border: solid 1px #fff;
}

#list figure figcaption{
	padding-left: 10px;
	padding-right: 10px;

} 

#list a figure figcaption{
	text-decoration: none !important;
}

#list a figure figcaption p:not(.title) {
	font-weight: normal !important;
}

#list a figure figcaption p.title{
	text-decoration: underline !important;
}

.thumbnail_MOD {
	padding: 0;
}

#list a {

}
.badge_MOD {
	color: white;
	/*background-color: #333;*/
	background-color: rgba(51,51,51,.67) !important;
	text-transform: uppercase;
	border-color: rgba(51,51,51,.67) !important;
	font-weight: normal;
	z-index: 1000;
}

.label{
	text-transform: uppercase;
	/*font-weight: normal !important;*/
	z-index: 1000;
}

.label-default{
	border-color: #000;
	background: rgba(238,238,238,.8)
}

.date_MOD {
	font-weight: normal;
}

#list figure {
	overflow: hidden;
}

/*#list :nth-child(n+4) a:hover img, #list :nth-child(n+4) a:focus img{
	transform: scale(1.02);
	transform-origin: 50% 50%;

}

#list figure > img{
	transition: all .2s ease-in-out;
}*/

#filters button{
	border-radius: 0;
}

#list{
	
	padding: 15px;
	background-color: #efefef;
}

#list > section > div > div{
	
}

#list a{
	display:block;
	transition: all 300ms ease;


}

#list a{
	box-shadow: inset 0 0 0 4px transparent, 0 2px 8px rgb(0 0 0 / 8%);
}

#no-result{
	border-top: solid 1px #000;
	border-bottom: solid 1px #000;
}

#list a:hover, #list a:focus{
	box-shadow: 0 0 0 2px #26374a, 0 8px 32px rgb(0 0 0 / 30%);
	border: 0;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #list a:hover, #list a:focus, #list:focus{
		outline: solid 2px #000;
	}
	
}
#list figure{
	background-color: #fff !important;
	position: relative;
}
html.xsmallview #list img, html.smallview #list img{
	width: 100%;
}

#filters button{
	box-shadow: 2px 2px 5px rgb(0 0 0 / 30%);
}

#list h3.title{
	line-height: 1.4375em;
	margin-top:0;
	font-family: "Noto Sans",sans-serif;
}


html.mediumview #list img,
html.largeview #list img,
html.xlargeview #list img{

	/*width: 123.15% !important;
	max-width:none;
	position: absolute;
	left: 50%;
	top: 0;*/
	width: 100%;
}

html.mediumview #list img {
	/*margin-left: -176px;*/
}

html.largeview #list img,
html.xlargeview #list img{
	/*margin-left: -215px;*/
}

#list figure figcaption{
	z-index: 100;
}

html.mediumview #list figure figcaption{
	/*margin-top: 205px !important;*/
}

html.largeview #list figure figcaption,
html.xlargeview #list figure figcaption{
	/*margin-top: 248px !important;*/
}