/* TCT - About - main css */

* { box-sizing: border-box; }
body {
	background-size:cover;
	background-position:center;
	background-image:url('/assets/theme/xx/aboutbg.png');
	color: #e1d7ea;
	font-family: 'Crimson Text', serif;
	text-align: justify;
}
h1 { font-family: 'Jim Nightshade', cursive;font-size:2.2rem;}
.mcard {
	background-color: #0f012099;
	border-radius: 1.25rem;
	border-width: 1px 7px;
	border-style: solid double;
	border-color: #8633b582;
}
a { 
	color:#9f58d0;
	text-decoration:none;
}
a:hover {
	color:#ccc;
	text-decoration:none;	
	filter:drop-shadow(0 0 4px #9f58d0bf) drop-shadow(0 0 14px #9f58d0bf);
	transition: 1s;
}
.msubcard {
	background-color: #0f012099;
	border-radius: 1.25rem;
	border-width: 1px 7px;
	border-style: solid double;
	border-color: #8633b582;
	width: fit-content;
}
.mi { text-indent:3ch; }
.mpr { 
	font-size: 1.25rem;
	color: #9f58d0;
	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;
}
.mbox {
	background-color: #8f489970;
	text-align: left;
	padding: 10px;
	width:fit-content;
	border-style:solid double;
	border-width:2px 7px;
	border-color:#f9ffffab;
}
.carousel {
	border-style: solid double;
	border-width: 2px 7px;
	border-color: #f9ffffab;
	background-color: #8f489970;
}
.mcrt { color:#9f58d0; }
.mribbon {
	filter: box-shadow(0 0 .75rem #9f58d0bf);
	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 #9f58d0bf) drop-shadow(0 0 7px #9f58d0bf); }
.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:#9f58d0;
	letter-spacing:2px; 
}
.mshr { 
	background-color:#c1b0a6;
	opacity:.6; 
}
.msa { opacity:.95; }
.mLogo {
	margin-top: -54px;
	position: relative;
	z-index: 999;
	float: right;
	margin-right:20px;
}
.mquoteL {
	border-left-style: double;
	border-width:2px 0 2px 7px;
	border-color:#f9ffffab;
	min-height:20px;
}
.mquoteR {
	border-right-style: double;
	border-width:2px 7px 2px 0px;
	border-color:#f9ffffab;
	min-height:20px;
}
.mMood { height:100px; width:100px; }
.mgall { width:120px;
	height:120px;
	object-fit:cover; 
}
.mdiv {
	background: linear-gradient(90deg, #c8c8c8, #9f58d0, #c8c8c8);
  height: 5px;
  border: 0;
}
.mnpad { padding: .5rem .5rem; }