/*
	FONTS:
	--Remove the fonts as desired to use the default font
		Overall Text: Arial
		Character Name Header: 'Georgia',serif
		Headers: 'Times New Roman',serif
		Subheaders: 'Book Antiqua',serif
		Captions: 'Calibri',sans-serif
	
	
	COLOURS:
		Background: #36271d
		Main Content Background: #200828d6
		Main Content Text: #ffefff
		Sidebox Background: #fefcff
		Sidebox Border: rgba(0,0,0,0.1)
		Sidebox Headers Background: #c587cf
		Sidebox Header Text: #fdf1ff
		Sidebox Info Headers Text: #893fa7
		Sidebox Content Text: #a97cbc
		Header Text: #59007e
		Subheader Text: #8f2cb8
		Contents Navigation Background: #fefbff
		Contents Navigation Header Text: #7a4592
		Contents Navigation Border: rgba(0,0,0,0.2)
		Floating Image Background: #f9ebff
		Floating Image Captions Text: #976fab
		Floating Image Border: rgba(0,0,0,0.3)
*/

.fs-sm { font-size:smaller; }
.fs-65 { font-size:.65rem; }
.ls-09 { letter-spacing:.09rem; }
.ls-07 { letter-spacing:.07rem; }
.op-75 { opacity:.75; }
.ml-01 { margin-left:.1rem; }
.card { background-color: #460f48b5 }
a { color: #9b20ac; }
.text-pr { color: #9b20ac; }
.bg-pr { background-color: #9b20ac; }
p { text-indent:2rem; }
.oc-quote { text-indent:0px; }
.oc-head { font-family: 'Blacksword', cursive; }
b { font-weight: bold; }
.oc-nava { color: #ffefff; }
.oc-nav ul { display: inline-block; }
.oc-nav li { display: inline; }
.oc-nav li:last-child:after { content: "\a0"; }
.oc-song { border-bottom: 1px solid #9b20ac; }

.oc-subhead { 
  font-size: 1.5rem;
  font-family: 'Apple Garamond', serif; 
}

.oc-qucr { 
	text-align: right;
	font-style: italic;
	color: #9b20ac;
}

.oc-nav li:after {
  content: "\a0 · ";
  font-weight: bold;
 }
 
.oc-sideside {
  background-color: transparent;
  font-weight: bold;
  font-family: sans-serif;
 }

.oc-cont {
	background-color:#36271d; 
	background-size:cover; 
	background-position:center; 
	background-attachment:fixed; 
	text-align: justify;
	background-image:url('bg.jpg');	
}

.oc-body {
	background-color:#200828d6; 
	color:#ffefff; 
	max-width:1200px; 
	border-radius:1rem; 
	font-size:15px; 
	font-family:'Crimson Text', serif; 
	line-height:1.5;
}

.oc-sidebox {
	min-width:320px; 
	position:relative; 
	z-index:1;
}

.oc-avatar {
	height:300px; 
	background-size:cover; 
	background-position:center;
  background-image:url('https://images.unsplash.com/photo-1490772888775-55fceea286b8?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2070&q=80');
}

.oc-avatarcr {
	background-image:linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,1)); 
	color:#fff;
}

.oc-divider { 
	height:1px; 
	margin-left:-.25rem; 
	margin-right:-.25rem;
	background-color: #9b20ac;
}

.oc-pcon {
	height:35px; 
	width:35px; 
	overflow:hidden;
}

.oc-pem {
	position:absolute; 
	width:200px; 
	height:200px; 
	top:-50px; 
	left:-50px; 
	opacity:.01;
}