#EditPost {
	width: 100%;
	position: relative;
	z-index: 9;
}

#EditPost .EditPostBtn {
	width: 100%;
	position: relative;
}

.EditPostBtn i {
	position: absolute;
	top: 15px;
	right: 0;
	font-size: 1.5rem;
	cursor: pointer;
}

main section {
	padding-top: 2rem;
	padding-bottom: 2rem;
	position: relative;
}

main section + section {
	border-top: 1px solid var(--GreyD);
}

#Post .Title {
	font-size: 2.4rem;
	font-weight: var(--Bold);
	color: var(--Rose);
}

#Post .SubTitle {
	font-size: 1.2rem;
	font-weight: var(--Bold);
	color: var(--Rose);
}

#Post .PictureHeadContainer {
	width: 100%;
	margin-top: 0.25rem;
	padding-top: var(--AspectRatioHeaderImage--Post);
	position: relative;
}

#Post #PictureHead {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	object-fit: cover;
	object-position: center center;
	cursor: pointer;
}

#Post #Date {
	margin-top: 1rem;
}

#Post #Date * {
	font-size: 0.75rem;
	color: var(--GreyL);
}

#Post .Body {
	display: grid;
	margin: 2rem 0;
	grid-gap: 1rem;
	gap: 1rem;
	grid-template-columns: 1fr;
}

#Post .Body--100,
#Post .Body--50-50,
#Post .Body--70-30,
#Post .Body--30-70,
#Post .Body--30-30-30 {
	grid-template-columns: 1fr;
}

@media (min-width: 601px) {
	#Post .Body--50-50 {
		grid-template-columns: 1fr 1fr;
	}

	#Post .Body--70-30 {
		grid-template-columns: 2fr 1fr;
	}

	#Post .Body--30-70 {
		grid-template-columns: 1fr 2fr;
	}
}

@media (min-width: 701px) {
	#Post .Body--30-30-30 {
		grid-template-columns: 1fr 1fr 1fr;
	}	
}

#Post .Body__Col {
	
}

#Post .Body__Text {
	color: var(--Grey9);
	line-height: 1.4;
	white-space: pre-wrap;
}

#Post .Body__Image {
	
}

#Post .Body__Image img {
	display: block;
	width: 100%;
}

#Post .Body__Video {
	width: 100%;
	padding-top: var(--AspectRatioBodyVideo);
	position: relative;
}

#Post .Body__Video iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	object-fit: contain;
	object-position: center;
}

#Post .Share {
	text-align: right;
	margin-top: 2rem;
}

#NewComment {

}

#NewComment .Title {
	font-size: 1rem;
	font-weight: var(--Bold2);
	text-align: left;
}

#NewComment input[type="text"], #NewComment textarea {
	display: block;
	width: 100%;
	margin: 10px 0;
	border: 1px solid var(--GreyD);
	background: var(--GreyD);
}

#NewComment textarea {
	display: block;
	width: 100%;
	height: 150px;
	margin: 10px 0;
}

#NewComment .BtnSubmitOK {
	background: var(--Green);
}

#NewComment #CaptchaSubmit {
	margin: 10px 0;
}

#Comments {
	position: relative;
}

#Comments h2 {
	font-size: 2rem;
	font-weight: var(--Bold);
	text-align: left;
}

#Comments article {
	padding: 1rem 0;
}

#Comments article + article {
	border-top: 1px solid var(--GreyD);
}

#Comments .CommentEditChk {
	display: none;
}

#Comments .CommentEditBtn {
	position: absolute;
	right: 0;
	z-index: 62;
	font-size: 1.5rem;
}

#Comments .CommentEditForm {
	display: none;
	padding: 10px 3rem 10px 0;
	background: black;
	position: relative;
	z-index: 60;
}

#Comments .CommentEditChk:checked ~ .CommentEditForm {
	display: block;
}

#Comments .CommentEditForm input[type="text"] {
	display: block;
	width: 100%;
	margin: 10px 0;
	border: 1px solid var(--GreyD);
	background: var(--GreyD);
}

#Comments .CommentEditForm input[type="date"] {
	padding: 0.25em 0.5em;
	border: none;
	border-radius: 1rem;
	background: var(--GreyD);
	font-size: 1rem;
	color: white;
}

#Comments .CommentEditForm textarea {
	display: block;
	width: 100%;
	height: 150px;
	margin: 10px 0;
	border: 1px solid var(--GreyD);
	background: var(--GreyD);
}

#Comments .CommentEditForm .BtnSubmitOK {
	background: var(--Green);
}

#Comments .CommentDelBlock {
	position: absolute;
	right: 0;
	bottom: 0;
	cursor: pointer;
}

#Comments .CommentDelBlock input[type="checkbox"] {
	display: none;
}

#Comments .CommentDelBlock label {
	display: block;
	width: 2rem;
	height: 2rem;
	font-size: 1.25rem;
	border-radius: 1rem;
	text-align: center;
	line-height: 2rem;
	cursor: pointer;
}

#Comments .CommentEditForm .BtnSubmitDel {
	background: var(--Red);
}

#Comments .CommentDelBlock input[type="submit"] { 
	display: none;
}

#Comments .CommentDelBlock input:checked ~ label {
	display: none;
}

#Comments .CommentDelBlock input:checked ~ input[type="submit"] {
	display: block;
}

#Comments .CommentEditChk:checked ~ .CommentEditToggle {
	display: none;
}

#Comments .CommentName {
	font-size: 1rem;
	font-weight: var(--Bold2);
	text-align: left;
}

#Comments .CommentDate {
	font-size: 0.75rem;
	color: var(--GreyL);
	font-weight: var(--Normal);
	text-align: left;
}

#Comments .CommentText {
	margin-top: 0.5rem;
	color: var(--GreyL);
	white-space: pre-wrap;
	line-height: 1.5;
}