#articles {
	margin-top:20px;
	text-align: center;
}
#article-category-page {
	padding-left: 20px;
	padding-right: 20px;
}
/* search */
	#article-search-form {
		background-color: #ECEDE6;
		padding: 10px;
	}
	#article-search-form table {
		width: 100%;
	}
	#article-search-form td {
		padding: 10px;
	}
	#article-search-form td:nth-child(2) {
		text-align: right;
	}
	#article-search-form #id_keywords {
		width: 100%;
	}
	input[type="checkbox"] {
	    display: initial;
	}
/* end search */
/* categories */
	.article-category-thumbnail {
		display: inline-block;
		vertical-align: top;
		max-width: 200px;
		width: 100%;
		height: 260px;
		text-align: center;
		margin: 0px;
		text-decoration: none;
		word-wrap: break-word;
	}
	.article-category-thumbnail div:nth-of-type(1) {
		/* background: #eee;
		border: 1px solid #ddd; */
		padding: 0px;
		height: 160px;
	}
	.article-category-thumbnail div:nth-of-type(1) > img {
		height: 100%;
		max-width: 100%;
		width: 100%;
	}
	.article-category-thumbnail div:nth-of-type(2) {
		padding-top: 10px;
	}
	.article-category-thumbnail div:nth-of-type(2) > span {
		color: black;
		text-decoration: none;
		font-size: 20px;
		line-height: 26px;
	}
/* end categories */
/* articles */
	.article-description {
		padding-left: 20px;
		padding-right: 20px;
	}
	.article-description h2 {
		color: black;
		text-decoration: none;
		font-size: 24px;
		font-weight: normal;
		border-bottom: none;
		color: #747474;
		line-height: 36px;
		margin-bottom: initial;
	}
	.article-description p {
		/* margin: 0px; */
	}
	/* .article-description p > br {
		line-height: 0px;
		display: none;
	} */
	#featured-article-thumbnail {
		width: 100%;
		padding: 20px;
		text-decoration: none;
		color: black;
		border: 1px solid gray;
		display: block;
		margin-bottom: 10px;
	}
	#featured-article-thumbnail > a {
		display: block;
		width: 100%;
		height: 400px;
		text-align: center;
	}
	#featured-article-thumbnail > a > img {
		height: 100%;
		max-width: 100%;
		max-height: 100%;
		display: inline-block;
	}
	.article-thumbnail {
		padding: 20px;
		text-decoration: none;
		color: black;
		border: 1px solid gray;
		margin: 10px 5px;
		vertical-align: top;
		overflow: hidden;
		font-size: 16px;
		line-height: 1.3em;
	}
	.article-thumbnail > a {
		text-align: center;
		display: block;
		width: 100%;
		height: 220px;
	}
	.article-thumbnail > a > img {
		max-width: 100%;
		max-height: 100%;
		height: auto;
		display: inline-block;
		margin: 0 auto;
	}
	.article-thumbnail > div {
		width: 100%;
	}
	.article-thumbnail-with-image {
		width: 100%;
		height: 450px;
		max-width: 435px;
		display: inline-block;
		text-align: center;
	}
	.article-title {
		display: block;
		font-size: 20px;
		padding: 5px 0px;
		line-height: 26px;
	}
	@media (max-width: 768px) {
		.article-thumbnail-with-image {
			width: 100%;
			max-width: 100%;
		}
	}
	@media (min-width: 768px) {
		.article-thumbnail-with-image {
			width: 100%;
			max-width: 45%;
		}
	}
	@media (min-width: 1200px) {
		.article-thumbnail-with-image {
			max-width: 31%;
		}
	}
/* end articles */
/* gallery */
	#article-gallery.carousel.slide {
		display: inline-block;
		width:100%;
		height:440px;
		text-align:center;
	}
	#article-gallery .carousel-inner, #article-gallery .item, #article-gallery .item a, #article-gallery {
		max-height: 100%;
		max-width: 100%;
		height: 100%;
		width: 100%;
	}
	.item img {
		max-height: 100%;
		max-width: 100%;
		height: 100%;
		width: 100%;
		object-fit: contain;
	}
	.carousel-thumbnails img {
		width: 100px;
		height: 100px;
		display: inline-block;
		margin: 10px 5px;
		cursor: pointer;
	}
/* end gallery */