/* Makale sayfaları - ortak stil (ahşap, sığınak vb.) */

.ArticleHero
{
	width			: 100vw;
	height			: 60vh;
	margin			: 0px auto;
	background-color: #333;
	background-repeat		: no-repeat;
	background-position	: center center;
	background-size	: cover;
	display			: flex;
	flex-direction	: column;
	align-items		: center;
	justify-content	: center;
	text-align		: center;
	position		: relative;
}
.ArticleHero::before
{
	content			: "";
	position		: absolute;
	top				: 0; left: 0; right: 0; bottom: 0;
	background		: rgba(30,24,18,0.45);
}
.ArticleHero .HeroInner
{
	position		: relative;
	z-index			: 1;
	padding			: 0 5vw;
}
.ArticleHero .Back
{
	font-family		: "Open Sans", sans-serif;
	font-size		: 13px;
	letter-spacing	: 1px;
	text-transform	: uppercase;
	color			: #EEEEEE;
	text-decoration	: none;
	opacity			: .85;
	border-bottom	: 1px solid rgba(238,238,238,.5);
	padding-bottom	: 2px;
}
.ArticleHero .Back:hover { opacity: 1; }
.ArticleHero h1
{
	font-size		: 38px;
	font-family		: "Marcellus SC";
	color			: #EEEEEE;
	font-weight		: normal;
	text-shadow		: 1px 2px rgba(0,0,0,.6);
	margin			: 22px 0 10px 0;
	line-height		: 1.3;
}
.ArticleHero .Meta
{
	font-family		: "Open Sans", sans-serif;
	font-size		: 15px;
	font-weight		: 300;
	color			: #DDDDDD;
	letter-spacing	: .5px;
}

.ArticleWrap
{
	width			: 100vw;
	background-color: #EFEFEF;
	padding			: 8vh 0 10vh 0;
}
.Article
{
	max-width		: 820px;
	width			: 86%;
	margin			: 0 auto;
	background-color: #FFFFFF;
	padding			: 6vh 7vw;
	box-shadow		: 0 1px 3px rgba(0,0,0,.08);
	font-family		: "Open Sans", sans-serif;
	color			: #333333;
	font-weight		: 300;
	font-size		: 16px;
	line-height		: 1.85;
}

.Article blockquote
{
	margin			: 2em 0;
	padding			: 0.3em 0 0.3em 1.2em;
	border-left		: 3px solid #C9A16B;
	font-family		: "Marcellus SC";
	font-weight		: normal;
	font-size		: 19px;
	line-height		: 1.6;
	color			: #5A4A38;
	font-style		: normal;
}
.Article blockquote cite
{
	display			: block;
	margin-top		: 0.5em;
	font-family		: "Open Sans", sans-serif;
	font-size		: 13px;
	font-style		: normal;
	color			: #888;
}

.Article h2
{
	font-family		: "Marcellus SC";
	font-weight		: normal;
	font-size		: 26px;
	color			: #333333;
	letter-spacing	: 1px;
	margin			: 3em 0 0.8em 0;
	padding-bottom	: 10px;
	border-bottom	: 2px solid #C9A16B;
}
.Article h2:first-child { margin-top: 0; }

.Article h3
{
	font-family		: "Marcellus SC";
	font-weight		: normal;
	font-size		: 19px;
	color			: #8A5A2B;
	margin			: 2.2em 0 0.6em 0;
}

.Article p { margin: 0 0 1.2em 0; }

.Article ul,
.Article ol
{
	margin			: 0 0 1.4em 0;
	padding-left	: 1.3em;
}
.Article ul ul,
.Article ul ol { margin: 0.3em 0 0.3em 0; }
.Article li { margin-bottom: 0.5em; }

.Article strong { color: #333; font-weight: 600; }

.Article figure
{
	margin			: 2em 0;
}
.Article figure img
{
	display			: block;
	width			: 100%;
	height			: auto;
	border			: none;
}
.Article figure figcaption
{
	font-family		: "Open Sans", sans-serif;
	font-style		: italic;
	font-size		: 13px;
	color			: #888888;
	text-align		: center;
	margin-top		: 0.6em;
}

.FigRow
{
	display			: flex;
	flex-wrap		: wrap;
	gap				: 14px;
	margin			: 2em 0 0.6em 0;
}
.FigRow figure
{
	flex			: 1 1 220px;
	min-width		: 200px;
	margin			: 0;
}
.FigRow + figcaption.RowCap
{
	display			: block;
	font-family		: "Open Sans", sans-serif;
	font-style		: italic;
	font-size		: 13px;
	color			: #888888;
	text-align		: center;
	margin			: 0.6em 0 1.4em 0;
}

.Article table
{
	width			: 100%;
	border-collapse	: collapse;
	margin			: 1em 0 1.8em 0;
	font-family		: "Open Sans", sans-serif;
	font-size		: 14px;
}
.Article table caption
{
	text-align		: left;
	font-style		: italic;
	color			: #888;
	font-size		: 13px;
	margin-bottom	: 0.5em;
	caption-side	: top;
}
.Article th,
.Article td
{
	border-bottom	: 1px solid #E5E5E5;
	padding			: 9px 10px;
	text-align		: left;
	color			: #333;
}
.Article th
{
	font-weight		: 600;
	background-color: #FAF7F2;
	color			: #8A5A2B;
}

.Article .Sources li
{
	display			: flex;
	justify-content	: space-between;
	flex-wrap		: wrap;
	gap				: 6px 20px;
	border-bottom	: 1px dashed #E5E5E5;
	padding-bottom	: 0.5em;
	list-style		: none;
}
.Article ul.Sources { padding-left: 0; }
.Article .Sources em { color: #888; font-style: italic; font-size: 14px; }

.Article .BackBottom
{
	display			: inline-block;
	margin-top		: 2em;
	font-family		: "Open Sans", sans-serif;
	font-size		: 13px;
	letter-spacing	: 1px;
	text-transform	: uppercase;
	color			: #8A5A2B;
	text-decoration	: none;
	border-bottom	: 1px solid #C9A16B;
	padding-bottom	: 2px;
}

@media only screen and (max-width: 600px)
{
	.ArticleHero { height: 46vh; }
	.ArticleHero h1 { font-size: 26px; }
	.Article { padding: 8vh 6vw; }
	.Article h2 { font-size: 21px; }
}