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

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

h1.wp-block-query-title {
	color: #18002F;
	text-align: center;
	font-size: 55px;
	font-weight: 600;
	line-height: 1.2em;
	letter-spacing: 0;
}


.rc-search-bar {

	& #rc-search-input {
		border: 1px solid #A464FF;
		border-radius: 100vmax;
		padding: 15px 30px;
		height: auto;
	}

	& #rc-search-btn {
		background: none;
		border: none;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 25px;
		box-shadow: none;
		padding: 0;
	}
}


/* CATEGORIES LIST STYLES */
.rc-categories-list {
	display: flex;
	gap: 11px;
	justify-content: center;

	& button {
		font-family: 'Inter', sans-serif;
		background: #ebddff;
		border: none;
		border-radius: 5px;
		color: #592AB5;
		font-size: 15px;
		font-weight: 500;
		line-height: 1.5em;
		letter-spacing: 0;
		box-shadow: none;
	}
}


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

	& 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;
	}
}


.archive-breadcrumb {
	display: flex;
    gap: 7px;
	width: fit-content !important;
    background: #fff;
    padding: 8px 25px;
    border-radius: 100vmax;
	margin-bottom: 80px;
	
	display: inline;
	
	& > span:not(.current-term) {
		margin-inline: 7px;
	}
	
	
	color: #24134B;
	font-family: "Plus Jakarta Sans";
	font-size: 13px;
    font-weight: 500;
    letter-spacing: -.02em;
	
	& a {
		color: #24134B;
		outline: none;
		background: no-repeat linear-gradient(to right, #24134B);
		background-position: bottom right;
		background-size: 0% 1px;
		transition: background-size 500ms;
		
		&:hover {
			background-position: bottom left;
			background-size: 100% 1px;
			color: #24134B;
		}
	}
}


@media screen and (width <=767px) {
	.archive-breadcrumb {
		flex-wrap: wrap;
		gap: 0px 7px;
		margin-bottom: 40px;
	}
	
	
	.rc-archive-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;
	}
	
	.rc-other-taxonomies-list {
		flex-wrap: wrap;
		gap: 8px;

		& a.rc-taxonomy-link {
			font-size: 13px;
			padding: 8px 15px;
		}
	}
}