/* TCT - About - main css */

* { box-sizing: border-box; }
body {
	background-size:cover;
	background-position:center;
	background-image:url('/assets/theme/jc/aboutbg.jpg');
	color: #f7eee2;
	font-family: 'Crimson Text', serif;
	text-align: justify;
}
h1 { font-family: 'Jim Nightshade', cursive;}
.mcard {
	background-color: #0b070199;
	border-radius: 1.25rem;
	border-width: 1px 7px;
	border-style: solid double;
	border-color: #7ae99482;
}
a { 
	color:#e312ea;
	text-decoration:none;
}
a:hover {
	color:#00e5fd;
	text-decoration:none;	
	filter:drop-shadow(0 0 4px #e312eabf) drop-shadow(0 0 14px #e312eabf);
	transition: 1s;
}
.msubcard {
	background-color: #0b070199;
	border-radius: 1.25rem;
	border-width: 1px 7px;
	border-style: solid double;
	border-color: #7ae99482;
	width: fit-content;
}
.mi { text-indent:3ch; }
.mpr { 
	font-size: 1.25rem;
	color: #e312ea;
	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: #0b070170;
	text-align: left;
	padding: 10px;
	width:fit-content;
	border-style:solid double;
	border-width:2px 7px;
	border-color:#00e5fd82;
}
.carousel {
	border-style: solid double;
	border-width: 2px 7px;
	border-color: #00e5fd82;
	background-color: #0b070170;
}
.mcrt { color:#e312ea; }
.mribbon {
	filter: box-shadow(0 0 .75rem #e312eabf);
	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 #e312eabf) drop-shadow(0 0 7px #e312eabf); }
.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:#e312ea;
	letter-spacing:2px; 
}
.mshr { 
	background-color:#c1b0a6;
	opacity:.6; 
}
.msa { opacity:.95; }
.mLogo {
	margin-top: -18px;
	position: relative;
	z-index: 999;
	float: right;
}
.mquoteL {
	border-left-style: double;
	border-width:2px 0 2px 7px;
	border-color:#00e5fd82;
	min-height:20px;
}
.mquoteR {
	border-right-style: double;
	border-width:2px 7px 2px 0px;
	border-color:#00e5fd82;
	min-height:20px;
}
.mMood { height:100px; width:100px; }
.mgall { width:120px;
	height:120px;
	object-fit:cover; 
}
.mdiv {
	background: linear-gradient(90deg, #7ae994, #e312ea, #7ae994);
  height: 5px;
  border: 0;
}
.mnpad { padding: .5rem .5rem; }