/* POST */

.POST-PFA {
    position: relative
}

.b-frame > .POST-PFA .background {
    position: absolute;
    top: -100%;
    left: 50%;
    width: var(--page-width);
    bottom: 20%;
    transform: translate(-50%,0);
    background: var(--deep-indigo);
	overflow: hidden;
}

.b-frame > .POST-PFA .background::before {
	content: '';
	background: no-repeat center url(../../assets/images/post-pfa-deco.svg);
	position: absolute;
	bottom: -12%;
    left: 50%;
    width: var(--page-width);
	height: 100%;
    transform: translate(-50%,0);
}

.POST-PFA .excerpt {
	position: relative;
	text-align: center;
}

.POST-PFA .b-button.alt-back {
	position: relative;
	margin-bottom: var(--s5);
}

.POST-PFA .b-button.alt-back svg {
	margin: -3rem var(--s1) 0 0;
}

.POST-PFA .b-button.alt-back svg path {
	transform: none;
}

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

.POST-PFA .image .b-img {
	border-radius: var(--s3);
	overflow: hidden;
}

.POST-PFA .image .b-img {
	aspect-ratio: 16/9!important;
}

.POST-PFA .categories-container {
	position: absolute;
	top: 0;
	right: 0;

	padding: 0 0  var(--s2) var(--s2);
	background: var(--deep-indigo);
	border-radius: 0 0 0 var(--s3);
}

.POST-PFA .categories {
	display: inline-block;
	font-size: 16rem;
	font-weight: 600;
	line-height: 1.3;
	background: var(--mint);
	color: var(--deep-indigo);
	padding: var(--s1) var(--s2);
	border-radius: var(--s1);
	position: relative;
}

.POST-PFA .categories::before {
	content: '';
	position: absolute;
	top: -12rem;
	left: -33rem;
	width: var(--s5);
	height: var(--s5);
	background: url(../../assets/images/posts-pseudo-dark.svg) no-repeat center / 100%;
	/* background-size: 32rem 32rem; */
	transform: rotate(-180deg);
}

.POST-PFA .categories::after {
	content: '';
	position: absolute;
	bottom: -33rem;
	right: -11rem;
	width: var(--s5);
	height: var(--s5);
	background: url(../../assets/images/posts-pseudo-dark.svg) no-repeat center / 100%;
	/* background-size: 32rem 32rem; */
	transform: rotate(-90deg) scaleX(-1);
}

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

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

.POST .content {
	margin: var(--s7) auto;
	max-width: var(--col-10);
}

.POST .content-bottom {
	max-width: var(--col-10);
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}

.POST .share {
	width: var(--col-6);
}

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

}

.POST .tags {
	width: var(--col-6);
	display: flex;
    flex-flow: row wrap;
    gap: var(--s1);
}

.POST .tag {
	display: inline-block;
	font-size: 16rem;
	background: var(--mint);
	font-weight: 600;
	padding: var(--s1) var(--s2);
	border-radius: var(--s1);
}


@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);}

	.POST .content-bottom {flex-direction: column; gap: var(--s4);}
	.POST .share {width: 100%;}
	.POST .tags {width: 100%;}
}

/* VARIANTS */ 


.POST-PFA .form-container {
    position: relative;
	background: var(--melrose);
    padding: var(--s5);
    border-radius: var(--s3);
    margin-bottom: var(--s5);
}

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

.POST-PFA .title-container .b-button {
	margin-top: var(--s5);
}

.POST-PFA[data-variant="1"] .title {
	margin-bottom: var(--s5);
}

.POST-PFA[data-variant="1"] .socials {
	display: none;
}

.POST-PFA[data-variant="1"] .form-container {
	display: none;
}

/* Responsive Video Container */
.POST-PFA .video-embed-wrapper {
    position: relative;
    padding-bottom: 56.25%; 
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background-color:var(--black); 
}

/* Style the iframe, object, or embed directly inside the wrapper */
.POST-PFA .video-embed-wrapper iframe,
.POST-PFA .video-embed-wrapper object,
.POST-PFA .video-embed-wrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.POST-PFA .b-columns {
	position: relative;
}

.POST-PFA .count-box {
	background: var(--melrose);
	padding: var(--s5);
	border-radius: var(--s3);
}

.POST-PFA .divider {
	height: 1px;
	background: var(--deep-indigo);
	width: 100%;
	margin-bottom: var(--s3);
}

/* GATED EBOOK */ 

.POST-PFA[data-variant="2"] .socials {display: none;}
.POST-PFA[data-variant="2"] .image {margin-top: var(--s5);}


/* SPORT */ 

.b-page.sport .b-frame > .POST-PFA .background::before {
	content: '';
	background: no-repeat center url(../../assets/images/post-pfa-deco-sport.svg);
	position: absolute;
	bottom: -30%;
    left: 50%;
    width: var(--page-width);
	height: 100%;
    transform: translate(-50%,0);
}

.b-page.sport .POST-PFA .categories {background: var(--yellow);}
.b-page.sport .POST-PFA .form-container {background: var(--yellow);}
.b-page.sport .POST-PFA .count-box {background: var(--yellow);}
.b-page.sport .POST .tag {background: var(--yellow);}

.b-page.sport .POST-PFA .FORM input[type="submit"] {background: var(--deep-indigo); color: var(--white)}
.b-page.sport .POST-PFA .FORM input[type="submit"]:hover {background: var(--white); color: var(--deep-indigo)}