.agenda{
	[name="filter-search"]{
		appearance: none;
		width: 100%;
		margin: 0 0 30px;
		padding: 7px 30px 7px 0;
		background: url(../../images/search.svg) right center no-repeat;
		border: 0;
		border-bottom: 1px solid #000;
	}
	[name="filter-search"]::placeholder{
		color: #000;
		opacity: 1;
	}
	.filters{
		display: flex;
		flex-wrap: wrap;
		gap: 30px;
		margin: 0 0 60px;

		@media (max-width: 767px){
			gap: 12px;
		}

		a{
			display: block;
			text-decoration: none;
			transition: all .3s ease;

			&:hover{
				@media (hover: hover){
					text-decoration: underline;
					color: var(--wp--preset--color--pink);
				}
			}

			&.active{
				text-decoration: underline;
				color: var(--wp--preset--color--pink);
			}
		}
	}

	.listing{
		display: grid;
		grid-template-columns: repeat( 3, 1fr );
		gap: 20px;

		@media (max-width: 991px){
			grid-template-columns: repeat( 2, 1fr );
		}

		@media (max-width: 575px){
			display: flex;
			flex-direction: column;
			align-items: center;
		}
	}
}