@import "event-teaser.css";

.upcoming-events {
	margin-block-start: 0 !important;
	padding-block: var(--wp--preset--spacing--70);

	.wp-block-post-excerpt__excerpt {
		margin-block: 0 !important;
	}
}

.upcoming-events__title {
	margin-block-end: var(--wp--preset--spacing--60);
	margin-block-start: 0;
	text-align: center;
}

.upcoming-events__no-results {
	text-align: center;
}

.upcoming-events__view-all {
	margin-block: var(--wp--preset--spacing--40);
	text-align: center;
	a {
		color: var(--wp--preset--color--dark-green);
		text-align: left;
		font-size: var(--wp--preset--font-size--small);
		font-weight: 500;
		letter-spacing: 1px;
		padding-right: var(--wp--preset--spacing--70);
		position: relative;
		text-decoration: none;
		text-transform: uppercase;
		transition: color 0.25s ease-in-out;
		@media screen and (min-width: 782px) {
			padding-inline-end: var(--wp--preset--spacing--50);
		}

		&::after {
			background-image: url(../images/chevron-right-green-dark.svg);
			background-position: center center;
			background-repeat: no-repeat;
			background-size: 14px;
			border-radius: 50%;
			content: '';
			display: block;
			height: 18px;
			position: absolute;
			right: 20px;
			top: 50%;
			transform: translateY(-50%);
			transition: background-image 0.25s ease-in-out;
			width: 14px;

			@media screen and (min-width: 782px) {
				right: 15px;
			}
		}

		&:hover {
			color: var(--wp--preset--color--green);

			&::after {
				background-image: url(../images/chevron-right-green.svg);
			}
		}
	}
}