.post_document
{
	padding-top: var(--global_size_10);
	padding-bottom: var(--global_size_10);
	padding-left: var(--global_size_10);
	border-bottom: 1px solid var(--root_color_lead);
	grid-template-columns: 1fr 80px 110px 50px;
	column-gap: var(--global_size_20);
	row-gap: var(--global_size_10);
	transition-delay: calc(var(--iteration) * 0.075s);
}

.post_document:first-child
{
	padding-top: 0;
}

.post_document .link
{
	padding-top: var(--global_size_15);
	padding-right: var(--global_size_15);
	padding-bottom: var(--global_size_15);
	padding-left: var(--global_size_15);
}

.post_document .link:active
{
	transform: translateY(5px);
}

/**********************************************************************************/

@media screen and (max-width: 1680px)
{
}

@media screen and (max-width: 1600px)
{
}

@media screen and (max-width: 1440px)
{
}

@media screen and (max-width: 1366px)
{
}

@media screen and (max-width: 1300px)
{
}

@media screen and (max-width: 1200px)
{
}

@media screen and (max-width: 1024px)
{
}

@media screen and (max-width: 800px)
{
	.post_document
	{
		grid-template-columns: auto 1fr auto;
		padding-top: var(--global_size_25);
		padding-bottom: var(--global_size_10);
		row-gap: 0;
	}

	.post_document .heading
	{
		grid-column: 1 / -1;
		padding-right: var(--global_size_10);
	}

	.post_document .filesize
	{
		text-align: center;
	}

	.post_document .link
	{
		padding-top: var(--global_size_10);
		padding-bottom: var(--global_size_10);
	}
}

@media screen and (max-width: 640px)
{
}

@media screen and (max-width: 480px)
{
}

@media screen and (max-width: 360px)
{
}