/* TCT - About - main css */

* { box-sizing: border-box; }
body {
	background-size:cover;
	background-position:center;
	background-image:url('/assets/theme/de/aboutbg.jpg');
	color: white;
	font-family: 'Crimson Text', serif;
	text-align: justify;
}
h1 { font-family: 'Jim Nightshade', cursive;}
.mcard {
	background-color: #27032dba;
	border-radius: 1.25rem;
	border-width: 1px 7px;
	border-style: solid double;
	border-color: #d90dc67a;
}
a { 
	color:#ff4646;
	text-decoration:none;
}
a:hover {
	color:#dffde6;
	text-decoration:none;	
	filter:drop-shadow(0 0 4px #ff4646bf) drop-shadow(0 0 14px #ff4646bf);
	transition: 1s;
}
.msubcard {
	background-color: #27032dba;
	border-radius: 1.25rem;
	border-width: 1px 7px;
	border-style: solid double;
	border-color: #d90dc67a;
	width: fit-content;
}
.mi { text-indent:3ch; }
.mpr { 
	font-size: 1.25rem;
	color: #ff4646;
	margin-left:10px;
}
.mside { max-width:350px; }
.mfull { 
	float: left;
	display:inline;
}
.mmb { 
	margin-left:auto;
	margin-right:auto;
	width:fit-content;
	min-width:300px;
}
.mblurb { display:inline-block; }
.mic {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:1rem;
	width:100%;height:auto;
}
.mbox {
	background-color: #05010970;
	text-align: left;
	padding: 10px;
	width:fit-content;
	border-style:solid double;
	border-width:2px 7px;
	border-color:#dffde682;
}
.carousel {
	border-style: solid double;
	border-width: 2px 7px;
	border-color: #dffde682;
	background-color: #05010970;
}
.mcrt { color:#ff4646; }
.mribbon {
	filter: box-shadow(0 0 .75rem #ff4646bf);
	clip-path:polygon(100% 0%,95% 50%,100% 100%,0 100%,5% 50%,0 0);
	border-width: 7px 1px;
	border-style: double solid;
}
.mglow { filter:drop-shadow(0 0 2px #ff4646bf) drop-shadow(0 0 7px #ff4646bf); }
.mcalbum { height:72px; width:72px }
.mctitle { font-size:1em }
.mcbutton { color:inherit }
.mcplay { 
	height:1em;
	width:1em;
	opacity:.001;
	position:absolute;
	margin-left:-3px;
	margin-top:.3em
}
.msq { 
	color:#ff4646;
	letter-spacing:2px; 
}
.mshr { 
	background-color:#c1b0a6;
	opacity:.6; 
}
.msa { opacity:.95; }
.mLogo {
	margin-top: -55px;
	position: relative;
	z-index: 999;
	float: right;
	margin-right:20px;
}
.mquoteL {
	border-left-style: double;
	border-width:2px 0 2px 7px;
	border-color:#dffde682;
	min-height:20px;
}
.mquoteR {
	border-right-style: double;
	border-width:2px 7px 2px 0px;
	border-color:#dffde682;
	min-height:20px;
}
.mMood { height:100px; width:100px; }
.mgall { width:120px;
	height:120px;
	object-fit:cover; 
}
.mdiv {
	background: linear-gradient(90deg, #d90dc67a, #ff4646, #d90dc67a);
  height: 5px;
  border: 0;
}
.mnpad { padding: .5rem .5rem; }