body {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: #212529;
	background-color: #dee2e6;
/*	overflow: hidden;*/
}
body.dark {
	color: #dee2e6;
	background-color: #212529;
}
#mainapp, #toc {
	background-color: #f8f9fa;
}
#mainwrap, .bg-app {
	background-color: #fff;
}
body.dark #mainapp, body.dark #toc, body.dark #mainapp {
	background-color: #111519;
}
body.dark #mainwrap, body.dark .bg-app {
	background-color: #212529;
}
body.dark .modal-body {
	color: #dee2e6;
	background-color: #212529;
}
.text-app {
	color: #212529!important;
}
body.dark .text-app {
	color: #dee2e6!important;
}
.border-app-dark {
	border-color: #111!important;
}
body.dark .border-app-dark {
	border-color: #aaa!important;
}
h1, h2, h3, h4, h5, h6, .display-1, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: "DM Serif Display", serif;
	font-weight: 400;
	font-style: normal;
	padding-top: .5rem;
}
.fs--1 {
	font-size: .925rem;
}
.fs--2 {
	font-size: .875rem!important;
}
.pointer {
	cursor: pointer;
}
.contain {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.bg-contain {
	background-size: contain;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
.btn, .form-control, button {
	box-shadow: none!important;
	outline: none!important;
}
.art-title {
	font-size: calc(1.5rem + 1.5vw) !important;
	text-align: center;
	padding: 0 0 0.5rem 0;
}
.lead {
	font-style: italic;
	line-height: 1.2;
	text-align: center;
}
.art-body {
	font-size: 1.15rem;
	line-height: 1.3;
}
.art-body h1, .art-body h2, .art-body h3, .art-body h4, .art-body h5, .art-body h6 {
	font-size: calc(1.275rem + .3vw);
	text-align: center;
	padding: 1rem 0 .5rem 0;
}
.swiper-slide p.lead {
	 display: -webkit-box;
    -webkit-line-clamp: 5;
    line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.swiper-slide {
	padding-top: 10px;
	padding-bottom: 10px;
}

.welcomebtn {
	min-width: 90px;
}

#toc {
	width: 100%;
	margin-left: -100%;
	z-index: 10;
/*	transition: margin 0.2s ease;*/
}
#toc.opened {
	margin-left: 0;
}
#toclist {
	padding-top: 80px;
}
.scroll-touch {
	height: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

.wait {
	position: relative;
}
.wait:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -1rem 0 0 -1rem;
	display: inline-block;
	width: 2rem;
	height: 2rem;
	vertical-align: text-bottom;
	border: .25em solid currentColor;
	border-right-color: transparent;
	border-radius: 50%;
	-webkit-animation: spinner-border .75s linear infinite;
	animation: spinner-border .75s linear infinite;
}
.wait>* {
	visibility: hidden;
}

.text-facebook {
	color: #3B5998!important;
}
.text-twitter {
	color: #1DA1F2!important;
}
.text-instagram {
	color: #D94079;
}
.text-reddit {
	color: #FF4500!important;
}
.text-youtube {
	color: #f00!important;
}
@media (min-width: 768px) {
	.art-title {
		font-size: calc(1.75rem + 0.75vh) !important;
		letter-spacing: -0.05rem;
	}
	
	.swiper-slide p.lead {
	   -webkit-line-clamp: 8;
	   line-clamp: 8;
   }
   .welcomebtn {
		min-width: 120px;
	}
}
@media (min-width: 992px) {
	
}
@media (min-width: 1200px) {
	
}