/* POST */

.POST-PFA {
    position: relative
}

.b-frame > .POST-PFA .background {
    position: absolute;
    top: -50%;
    left: 50%;
    width: var(--page-width);
    bottom: 50%;
    transform: translate(-50%,0);
    background: var(--light-blue-300);
}

.POST-PFA .title {
	text-align: center;
	position: relative;
	margin-bottom: var(--s7);
}

.POST-PFA .title-subhead {
	display: flex;
	justify-content: space-between;
	flex-flow: row wrap;
	margin-bottom: var(--s3);
}

.POST-PFA .meta {
	position: relative;
}

.POST-PFA .author {
	text-transform: uppercase;
}

.POST-PFA .date {
	display: flex;
	align-items: center;
	gap: var(--s1);
}

.POST-PFA .meta .b-h6 {
	margin-top: 0;
}

.POST-PFA .socials {
	position: relative;
	display: flex;
	gap: var(--s1);
}

.POST-PFA  .image {
	position: relative;
	margin-bottom: var(--s7);
}

.POST-PFA .categories {
	position: absolute;
	bottom: 0;
	left: 0;
	background: var(--light-blue-300);
	font-size: 16rem;
	font-weight: 600;
	padding: var(--s3);
}

.POST .content {
	margin-bottom: var(--s7);
}

.POST .socials {
	display: flex;
	gap: var(--s1);
	margin-top: var(--s3);
}


@media screen and (max-width: 960px) {
	.b-frame > .POST-PFA .background {bottom: 15%;}
	.POST .meta {margin-bottom: var(--s5);}
	.POST .image {margin-bottom: var(--s5);}
	.POST .content {margin-bottom: var(--s5);}
}