body {
	background-color:#fff;
	color:#333333;
	scroll-padding-top:100px;
	height:100%;
	overflow-y: scroll;
  	position: relative;
}
.content {
	margin-top:4rem;
}
.mainTitles h1 {
	font-family: "Bruno Ace SC", sans-serif;
	font-size: 6rem;
	text-transform:uppercase;
}
h2 {
	font-family: "Bebas Neue", sans-serif;
	text-transform:uppercase;
	font-size: 3rem;
}
h3 {
	font-family: "Bebas Neue", sans-serif;
	font-size: 2rem;
}
p {
	font-family: "Roboto Mono", monospace;
}
.mm_brand {
	font-family: "Bruno Ace SC", sans-serif;
	font-size:1.5rem;
}
.nav-item .nav-link, .nav-item a {
	font-family: "Roboto Mono", monospace;
}
.nav-link.active {
	color: #fff;
	font-weight: 800;
	letter-spacing: 1px;
}
.messageDivider {
	margin-top:3rem;
	background-color:#1f1f1f;
	color:#fff;
	padding:25px;
}
.side-bar {
	position:sticky;
	top:0;
	height:100%;
}
.latestTitle {
	border-bottom:5px solid #000;
	line-height:.01em;
	margin-top:3rem;
}
.latestTitle span {
	font-family: "Bebas Neue", sans-serif;
	text-transform:uppercase;
	font-size: 2.5rem;
	background:#fff;
	padding: 5px 10px;
	position: absolute;
	height:5px;
	width:auto;
}

.latestStories, .latestArtworks {
	margin-top:3rem;
	margin-bottom:5rem;
}
.latest-story-body {
	border:1px solid #333333;
	padding: 1rem;
  	border-radius: 25px;
}
.latest-story-body .story-title {
	font-family: "Bitter", serif;
	font-weight: 600;
	font-size: 1.6rem;
  	margin-bottom: 0;
}
.latest-art-body {
	border:1px solid #333333;
  	border-radius: 25px;
	min-height: 400px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	cursor:pointer;
}
.fullArt {
	width:100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	min-height:600px;
}
.dialog-title h1 {
	font-family: "Bitter", serif;
	font-weight: 600;
	font-size: 1.4rem;
	margin-right:.5rem;
}
.dialog-title span {
	font-family: "Roboto Mono", monospace;
	font-weight: 300;
	font-size: 1rem;
}
.artCaptionPlace {
	margin-top:1rem;
	font-style:italic;
}
.social-icon {
	width:30px;
}
.latestSection {
	margin-top:3rem;
}


.footer{
	background-color:#262626;
	color:#fff;
	padding-top:2rem;
	padding-bottom:3rem;
	border-top:1px solid #000;
}
.footer p {
	font-family: "Roboto Mono", monospace;
	margin-top:1rem;
}
.footer a {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}
.footer hr {
	width: 75%;
	margin-left: auto;
	margin-right: auto;
}
.footer {
	font-family: "Bitter", serif;
}
.followMessage {
	margin-bottom:1rem;
}

.pageTitles h1 {
	margin-top:2rem;
	font-family: "Bruno Ace SC", sans-serif;
	font-size: 3.5rem;
	text-transform:uppercase;
}
.copyright {
	background-color: #e3e3e3;
	font-family: "Roboto", sans-serif;
	font-size:.8rem;
}



/* TIMELINE CSS */
.ageTitle {
	margin-top:2rem;
}
.ageTitle h2 {
	font-size: 3.2rem;
	letter-spacing: 3px;
}
.timelineCapper {
	position:absolute;
	margin-inline:auto;
	left:0;
	right: 4px;
	width:75px;
	margin-top:-50px
}
.timelineHeader {
	margin-top:2rem;
}
.topPart {
	height:70px;
}

.timeInfoCard {
	background-color: #434343;
	color: #fff;
	padding: 2rem;
	margin: 0 1.5rem;
	margin-bottom: 3rem;
	position: relative;
	line-height: 1.7;
}
.timeInfoCard h3 {
	letter-spacing:2px;
}
.timeInfoCard hr {
	border-color: #fff;
	width: 25%;
	margin-top: .3rem;
}
.leftSide::before {
	content: '';
	border-left: 1px solid transparent;
	border-right: 40px solid transparent;
	border-top: 50px solid #434343;
	position: absolute;
	right: -25px;
	top: 0;
	z-index: -100;
}
.leftSide h3 {
	text-align:right;
}
.leftSide hr {
	margin-left:auto;
}
.rightSide::before {
	content: '';
	border-left: 40px solid transparent;
	border-right: 1px solid transparent;
	border-top: 50px solid #434343;
	position: absolute;
	left: -25px;
	top: 0;
	z-index: -100;
}




/* ARTICLE CSS */
#articleMenu {
	top:100px;
	padding-right: 2.5rem;
}
#articleMenu span {
	font-family: "Bebas Neue", sans-serif;
	font-size: 1.7rem;
}

.articleTitles h1 {
	margin-top:2rem;
	font-family: "Bruno Ace SC", sans-serif;
	font-size: 3.5rem;
	text-transform:uppercase;
}
.articleSectionsGroup {
	padding-right:0;
	padding-bottom: 10px;
}
.articleSubhead {
	scroll-margin-top:100px;
}

.articleSubhead h2 {
	margin-top:2rem;
	margin-bottom:1rem;
	position:relative;
}
.articleSubhead h2::after {
    position: absolute;
    left: 12px;
    content: " ";
    display: block;
    height: 2px;
    border-bottom: 1px solid #262626;
    width: 100%;
}
.articleSubhead h3 {
	margin-top:1.5rem;
}
.anchor-link::after {
	content: "\f470";
	position: absolute;
  	padding-left: 5px;
	font-family: bootstrap-icons !important;
	font-style: normal;
	font-weight: 400 !important;
	font-variant: normal;
	text-transform: none;
	opacity:0;
}
.articleSubhead:hover, 
.articleSubhead:focus {
	.anchor-link::after {
		opacity:1;
	}
}


.list-group-item {
	background-color: #262626;
	color:#ebebeb;
}
.list-group-item.active {
	background-color: #e3e3e3;
	font-weight:600;
	color:#000;
	border-color:#fff;
}
.list-group-item.indent-1 {
	padding-left: 2.5rem;
}
.list-group-item.indent-2 {
	padding-left: 5rem;
}
.list-group-item a {
	color: #fff;
	font-weight:600;
	text-decoration:none;
}
.articleList {
	padding-left:6rem;
	font-family: "Roboto Mono", monospace;
}