.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-posts-container {

	& .rc-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: #18002F;
			color: var(--categ-color);
			font-family: 'Inter', sans-serif;
			font-size: 14px;
			font-weight: 500;
			line-height: 1.2em;
			letter-spacing: -0.02em;

			background-color: #ebddff;
			padding: 5px 7px;
			border-radius: 3px;
		}

		& .rc-post-tags a {
			--tag-clr: #8c8c8c;
			color: var(--tag-clr);
			font-family: 'Inter', sans-serif;
			font-size: 11px;
			font-weight: 500;
			line-height: 1.2em;
			letter-spacing: 0.5px;

			text-transform: uppercase;
/* 			text-decoration: underline;
			text-underline-offset: 4px;
			text-decoration-color: #8080803d; */

			background: linear-gradient(to right, #8080803d);
			background-repeat: no-repeat;
			background-position: bottom left;
			background-size: 100% 1px;
			transition: background-size 500ms;
			
			margin-right: 7px;

			&:hover {
				background-position: bottom right;
				background-size: 0% 1px;
			}
		}

		& .rc-post-title {
			font-size: 20px;
			font-weight: 500;
			line-height: 1.3em;
			transition: 300ms;

			& a {
				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-load-more-wrapper {
		margin-top: 100px;
		text-align: center;
	}
}

.rc-posts-container:has(p.rc-no-more) .rc-load-more-wrapper {
	display: none;
}


@media screen and (width <=767px) {
	.rc-categories-list {
		flex-wrap: wrap;
		gap: 8px;

		& button {
			font-size: 13px;
			padding: 8px 15px;
		}
	}

	.rc-posts-container {
		& .rc-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 {
				font-size: 17px;
				margin-bottom: 10px;
			}

			& .rc-post-date {
				font-size: 12px;
				color: #18002F80;
			}
		}
		
		& .rc-load-more-wrapper {
			margin-top: 60px;
		}
	}
	
	.rc-other-title {
		font-size: 26px;
	}
}