@charset "utf-8";

#kulib-default-list .kboard-list-header { float: none; }

#kulib-default-list .kboard-gallery { margin-left: -5px; margin-right: -5px; }

#kulib-default-list .kboard-gallery .kboard-gallery-item { margin-bottom: 2rem; padding-left: 5px; padding-right: 5px; }

#kulib-default-list .kboard-gallery .kboard-gallery-item .kboard-list-thumbnail { width: 100%; height: 0; padding-bottom: 56.25%; background-repeat: no-repeat; background-size: cover; background-position: center center; transition: opacity .2s ease-in-out; }

#kulib-default-list .kboard-gallery .kboard-gallery-item:hover .kboard-list-thumbnail { opacity: .7; }

#kulib-default-list .kboard-gallery .kboard-list-title { padding: .2rem 1.5rem .2rem 0; height: 65px; }
#kulib-default-list .kboard-gallery .kboard-list-title a { font-weight: 500; color: #222; font-size: .9rem; display: block; }
#kulib-default-list .kboard-gallery .kboard-gallery-item:hover .kboard-list-title a { color: #c10547; }
#kulib-default-list .kboard-gallery .kboard-list-author { font-size: .85rem; color: #777; }
#kulib-default-list .kboard-gallery .kboard-list-data { font-size: .8rem; color: #999; padding: 0 .5rem 0 0; }
#kulib-default-list .kboard-gallery .kboard-list-data .contents-item { display: inline; margin: 0; padding: 0; }

#kboard-document .kboard-video {
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	position: relative;
	margin: 5rem auto auto;
}

#kboard-document .kboard-video iframe {
	width: 100%;
	height: 100%;
	position: absolute;
}

@media (max-width: 991px) {
	#kulib-default-list .kboard-gallery .kboard-list-title { height: auto; }
}

#kulib-default-list .kboard-gallery .kboard-list-title a {
	display: inline-block;
	overflow: hidden;
	width: 100%;
	text-overflow: ellipsis;
	white-space: normal;
	line-height: 1.2;
	height: 2.4em;
	text-align: left;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}