.focus-event__navigation {
	border-top: 1px solid #E9EAED;
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
	padding-top: 40px;
}
.btn.btn-hover-gray {
  align-items: center;
	border-radius: 8px;
	color: inherit;
	cursor: pointer;
	display: inline-flex;
	font-size: 16px;
	font-weight: 600;
  justify-content: center;
  gap: 2px;
	line-height: 24px;
	margin-top: auto;
	padding: 0;
	transition: all 0.3s ease;

	@media (min-width: 768px) {
		padding: 5px 8px 7px 8px;
	}

	&:not(.is-prev)::after {
		content: '';
		border: 2px solid var(--primary-color);
		border-bottom: 0;
		border-left: 0;
		height: 8px;
		margin-left: 2px;
		transform: rotate(45deg);
		width: 8px;
	}
	&.is-prev::before {
		content: '';
		border: 2px solid var(--primary-color);
		border-right: 0;
		border-top: 0;
		height: 8px;
		margin-right: 2px;
		transform: rotate(45deg);
		width: 8px;
	}
	&.is-prev::after {
		content: none;
		display: none;
	}
	&:hover {
		background: #E9EAED;
		box-shadow: none;
		color: var(--primary-color) !important;
	}
}

.archive-event-container.container {
	.focus-archive__header {
		border-bottom: 1px solid #ddd;
		float: left;
		margin: 0 0 20px;
		padding: 0 0 16px;
		width: 100%;

		@media (min-width: 768px) {
			margin: 0 0 40px;
			padding: 0 0 16px;
		}
		.focus-archive__title {
			font-size: 24px;
			letter-spacing: -0.72px;
			line-height: 32px;
			margin: 0;

			@media (min-width: 768px) {
				font-size: 36px;
				letter-spacing: -1.44px;
				line-height: 48px;
			}
		}
	}
	.focus-events-list {
    margin-bottom: 24px;

    @media (min-width: 768px) {
      margin-bottom: 40px;
    }
		.focus-events-list__month-title {
			font-size: 20px;
			font-weight: 600;
			letter-spacing: -0.4px;
			line-height: 28px;
			margin: 0;
			padding: 0 0 12px;

			@media (min-width: 768px) {
				line-height: 28px;
				padding: 0 0 20px;
			}
		}
		.focus-events-list__group {
			.focus-event-card {
				margin-bottom: 24px;
				padding: 8px;

				@media (min-width: 768px) {
					margin-bottom: 20px;
					max-height: 236px;
				}

				&:hover {
					box-shadow: 0 0 15px 0 rgba(138, 138, 138, 0.10);
				}
			}
			.focus-event-card__container {
				display: flex;
				flex-direction: column;

				@media (min-width: 768px) {
					flex-direction: row;
				}

				.focus-event-card__thumbnail {
					height: auto;
					width: 100%;

					@media (min-width: 768px) {
						width: 330px;
					}
					img {
						border-radius: 8px;
						height: 100%;
						width: 100%;

						@media (min-width: 768px) {
							border-radius: 12px;
						}
					}
				}

				&:has(> .focus-event-card__thumbnail) .focus-event-card__content {
					@media (min-width: 768px) {
						height: 220px;
						margin-left: 20px;
						padding: 8px 0 0;
						width: calc(100% - 465px);
					}
				}
				.focus-event-card__content {
					padding: 8px 4px 0;

					@media (min-width: 768px) {
						height: 136px;
						margin-left: 0;
						width: calc(100% - 0px);
					}

					a {width: fit-content;}
				}

				.focus-event-card__content {
					display: flex;
					flex-direction: column;

					.focus-event-card__title {
						font-size: 20px;
						font-weight: 400;
						letter-spacing: -0.8px;
						line-height: 28px;
						margin: 0 0 4px;

						@media (min-width: 768px) {
							font-weight: 600;
							letter-spacing: -0.4px;
							margin: 0;

							&:hover {
								color: var(--secondary-color);
							}
						}
					}
					.focus-event-card__secondary {
						display: flex;
						flex: 1;
						flex-direction: column;
						justify-content: space-between;

						.focus-event-card__meta {
							.focus-meta-text {
								display: block;
								font-weight: 300;
								margin-bottom: 8px;
							}
						}
					}
				}
			}
		}
	}
	.focus-events__footer {
		border-top: 1px solid #ddd;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin-bottom: 24px;
		padding: 10px 0 0;

		@media (min-width: 768px) {
			flex-direction: row;
			margin-bottom: 40px;
		}

		.navigation.pagination {
			border-top: none;
			margin: 0;
			padding-top: 0;
		}
		.focus-archive__filters {
			margin-top: 10px;

			@media (min-width: 768px) {
				margin-top: 0;
			}
		}
	}
	.focus-event-notice {
    border-left: 4px solid #ccc;
		display: inline-block;
    margin-bottom: 30px;
    padding: 10px;
		p {
			font-size: 14px;
			margin-bottom: 0;

			@media (min-width: 768px) {
				font-size: 16px;
			}

			strong {
				display: block;
			}
		}
	}
}

body.single.single-event {
	padding-bottom: 0;
}
.single-event .single-event-container.container {
	padding: 0;

	@media (min-width: 768px) {
		padding: 0 16px;
	}
	.main-area.single-page {
		margin-left: 0;
		.focus-event{
			padding: 16px;

			@media (min-width: 768px) {
				border-radius: 32px;
				padding: 48px;
			}
		}
		.breadcrumb {
			font-weight: 300;
			margin-bottom: 16px;
			padding: 0;

			span {
				padding: 0 5px;

				&:first-child {
					padding-left: 0 !important;
				}
				&.delimiter {
					padding: 0;
				}
        a:hover {
          color: var(--secondary-color) !important;
        }
			}
		}
		#tribe-events-content .breadcrumb span.site, 
		#tribe-events-content .breadcrumb span.section {
			padding: 5px 5px;
		}
		.focus-event__title {
			font-size: 20px;
			font-weight: 400;
			letter-spacing: -0.8px;
			line-height: 28px;
			margin: 0;

			@media (min-width: 768px) {
				font-size: 36px;
				letter-spacing: -1.44px;
				line-height: 48px;
			}
		}
		.focus-event__schedule {
			font-size: 14px;
			font-weight: 300;
			line-height: 20px;
			margin: 16px 0 8px;

			@media (min-width: 768px) {
				margin: 16px 0;
			}
		}
		.focus-event__content p {
			line-height: 24px;

			@media (min-width: 768px) {
				line-height: 32px;
			}
		}
		.focus-event__actions {
			margin: 24px 0;

			@media (min-width: 768px) {
				margin: 40px 0;
			}

			.focus-event__action--gcal {
				margin-right: 8px;
			}
		}
		.focus-event__details {
			.detail-value {
				font-size: 14px;
				font-weight: 300;
				line-height: 20px;
				margin: 0;
			}
			a.detail-value:hover {
				color: var(--secondary-color) !important;
			}
		}
		.focus-event__details-title {
			font-size: 16px;
			font-weight: 600;
			line-height: 24px;
			letter-spacing: -0.32px;
			margin: 0 0 16px; 

			@media (min-width: 768px) {
				font-size: 20px;
				letter-spacing: -0.4px;
				line-height: 28px;
			}
		}
		.focus-event-details__container {
			display: flex;
			flex-direction: column;
			margin-bottom: 16px;

			@media (min-width: 768px) {
				flex-direction: row;
			}

			div:first-child {
				margin-bottom: 16px;

				@media (min-width: 768px) {
					margin-bottom: 0;
				}
			}
			.focus-event__organizer {
				width: 398px;
			}
		}
		.focus-event-details__title {
			font-size: 14px;
			font-weight: 600;
			line-height: 20px;
			margin: 0 0 4px;
		}
		.focus-event__venue {
			margin-bottom: 16px;
		}
		.focus-event__venue-map {
			border-radius: 8px;
			height: 290px;

			@media (min-width: 768px) {
				border-radius: 16px;
				height: 395px;
			}
		}
	}
}