.ast-archive-entry-banner {
	display: none;
}

#content .ast-container {
	max-width: none;
	padding: 0;
}

h2.rc-related-title {
	color: #18002F;
	text-align: center;
	font-size: 40px;
	font-weight: 600;
	line-height: 1.2em;
	letter-spacing: 0;
}


/* GRID POSTS STYLES */
.rc-related-posts-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 70px 18px;
	margin-top: 50px;

	& a {
		outline: none !important;
	}

	& .rc-post-thumb img {
		border-radius: 5px;
		margin-bottom: 20px;
		width: 100%;
		aspect-ratio: 393 / 220;
		object-fit: cover;
		border: solid #c6b0ff45 1px;
		background-color: white;
	}

	& .rc-post-meta {
		display: flex;
		gap: 20px;
		margin-bottom: 10px;
	}

	& .rc-post-cats a {
		--categ-color: #18002f5c;
		color: var(--categ-color);
		font-family: 'Inter', sans-serif;
		font-size: 15px;
		line-height: 1.2em;
		letter-spacing: -0.02em;

		background: linear-gradient(to right, var(--categ-color));
		background-repeat: no-repeat;
		background-position: bottom right;
		background-size: 0% 1px;
		transition: background-size 500ms;

		&:hover {
			background-position: bottom left;
			background-size: 100% 1px;
		}
	}

	& .rc-post-tags a {
		--tag-clr: #18002F;
		color: var(--tag-clr);
		font-family: 'Inter', sans-serif;
		font-size: 15px;
		line-height: 1.2em;
		letter-spacing: 0;

		background: linear-gradient(to right, var(--tag-clr));
		background-repeat: no-repeat;
		background-position: bottom right;
		background-size: 0% 1px;
		transition: background-size 500ms;

		&:hover {
			background-position: bottom left;
			background-size: 100% 1px;
		}
	}

	& .rc-post-title h3 {
		font-family: 'Inter', sans-serif;
		font-size: 20px;
		font-weight: 500;
		line-height: 1.3em;
		transition: 300ms;
		color: #18002F;

		&:hover {
			color: #A464FF;
		}
	}

	& .rc-post-date {
		color: #18002F;
		font-size: 13px;
		font-weight: 500;
		line-height: 1.2em;
	}

	& .rc-no-more {
		grid-column: 1 / -1;
	}
}

.rc-pagination {
	display: flex;
	justify-content: center;

	& .page-numbers {
		color: #a464ff66;
		font-family: 'Inter', sans-serif;
		font-size: 17px;
		font-weight: 400;
		padding-inline: 6px;

		&:hover,
		&.current {
			color: #A464FF;
		}
	}

	& .prev,
	& .next {
		opacity: .4;
		transition: 300ms;

		&:hover {
			opacity: 1;
		}
	}
}


.rc-other-title {
	text-align: center;
	color: #242424;
	font-size: 40px;
	font-weight: 600;
	line-height: 1.3em;
}

.rc-other-taxonomies-list {
	display: flex;
	justify-content: center;
	gap: 11px;
	margin-top: 40px;

	& a.rc-taxonomy-link {
		background: #EBDDFF;
		padding: 10px 20px;
		border-radius: 5px;
		color: #592AB5;
		font-family: 'Inter', sans-serif;
		font-size: 15px;
		font-weight: 500;
		line-height: 1.5em;
	}
}


@media screen and (width <=767px) {
	& .rc-related-posts-grid {
		grid-template-columns: repeat(1, 1fr);
		gap: 30px;

		& .rc-post-meta {
			margin-bottom: 5px;

			& .rc-post-cats a,
			& .rc-post-tags a {
				font-size: 13px
			}
		}

		& .rc-post-title h3 {
			font-size: 17px;
			margin-bottom: 10px;
		}

		& .rc-post-date {
			font-size: 12px;
			color: #18002F80;
		}
	}
	
	.rc-other-title {
		font-size: 26px;
	}
}