/*
TEMPLATE FOR MEDIA QUERIES
	@media screen and (min-width:1180px) {}
	@media screen and (min-width:880px) and (max-width:1179px) {}
    @media screen and (max-width:879px) {}

INDEX
	- THUMBNAILS
*/


/*-----------------------------------------------------------  THUMBNAILS ----------------------*/
#news_gallery div.flex a.js-news_gallery dl dt {
	width:100%;
}

#news_gallery div.flex a.js-news_gallery dl dt img{width: 100%;}

#news_gallery div.flex a.js-news_gallery dl dd { 
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	padding: 0 8px;
}

#news_gallery div.flex a.js-news_gallery dl dd.title {
	color: var(--color2000);
    font-size: 15px;
    font-weight: bold;
    padding: 0 5px;
}

#news_gallery div.flex a.js-news_gallery dl dd.subtitle {
	color: var(--color3000);
	font-size: 13px;
}

#news_gallery div.flex a.js-news_gallery dl dd.date {
	color: var(--gray4);
	font-size: 13px;
	font-style: italic;
}

#news_gallery div.flex a { 
	color: var(--gray4);
	font-size:13px;
	border: solid 1px var(--color1000);
	cursor:pointer;
}

#news_gallery div.flex a.selected,
#news_gallery div.flex a:hover {
    border: solid 1px var(--color3000);
    background: var(--gray1);
}