﻿.ArticlePage #mainContent {
	color: rgba(245, 245, 245, 1);
}

.ArticlePage #mainContent a[class=""]
{
	color: #F5F5F5;
}

.ArticlePage #mainContent .text-content a
{
	color: #fbcc40;
}

.ArticlePage .simpleDialogContainer
{
	z-index: 999;
	background: rgba(0,0,0,0.9);
}

	.ArticlePage .simpleDialogContainer img
	{
		display: block;
		max-width: 90vw;
		max-height: 90vh;
	}

.ArticlePage .article-header
{
	overflow: hidden;

	height: 590px;
	max-height: 60vh;
	
	transition: 0.25s;
}

	.ArticlePage .article-header.on
	{
		background-color: #fbcc40;
	}

	.ArticlePage .article-header-box
	{
		position: relative;

		height: 100%;
		width: 100%;
	}

		.ArticlePage .article-header-box .image
		{
			position: absolute;

			top: 0;
			left: 0;
			right: 0;
			bottom: 0;

			background-size: cover;
			background-repeat: no-repeat;
			background-position: 50% 50%;
		}


.ArticlePage #article-container
{
	width: 100%;
	max-width: 930px;
	padding-bottom: 72px;

	font-weight: 200;
	font-size: 18px;
	line-height: 1.65;

	margin-top: 36px;
}

	.ArticlePage #article-container h1
	{
		margin-bottom: 2.25rem;

		color: #fbcc40;
		font-weight: 100;
		font-size: 2.875rem;
	}

		.ArticlePage #article-container h1 span.metadata
		{
			display: block;

			color: #F5F5F5;
			font-size: 17px;
			line-height: 12px;
		}

	.ArticlePage #article-container h2,
	.ArticlePage #article-container h3,
	.ArticlePage #article-container h4,
	.ArticlePage #article-container h5,
	.ArticlePage #article-container h6
	{
		margin: 2rem 0 1rem;
	}

	.ArticlePage #article-container b
	{
		color: rgba(245,245,245,0.95);
	}

	.ArticlePage #article-container img
	{
		max-width: 100%;
		height: auto;

		cursor: zoom-in;
	}

		.ArticlePage #article-container a img
		{
			cursor: pointer;
		}

	.ArticlePage #article-container font
	{
		color: inherit;
	}

	.ArticlePage #article-container ul
	{
		margin: 0 0 0 18px;
	}

	.ArticlePage #article-container ul li
	{
		margin: 4px 0 0 18px;

		list-style-type: disc;
	}

.ArticlePage #comments
{
	margin-top: 72px;
}

	.ArticlePage #comments a + a
	{
		margin-left: 18px;

		color: #F5F5F5;
	}

		.ArticlePage #comments a + a:hover
		{
			text-decoration: underline;
		}