/*
 Theme Name:   Hello Elementor Child
 Template:     hello-elementor
 Version:      1.0
*/

body:has(.event-layout) .page-header {
	display: none;
}

.event-layout {
	display: flex;
	gap: 2rem;
	align-items: flex-start;
}

.event-main {
	flex: 0 0 75%;
	max-width: 75%;
}

.event-main h1 {
	color: #05637B !important;
}

.event-sidebar {
	flex: 0 0 25%;
	max-width: 25%;
	background: #EFEBE5;
	padding: 1.5rem;
}

.event-button {
	display: inline-block;
	padding: 0.75rem 1.5rem;
	background: #1a5fb4;
	color: #fff;
	text-decoration: none;
	border-radius: 4px;
}

.event-main .view-full {
	float: none;
	clear: both;
	text-align: left;
	margin: 1.5rem 0 0;
}

.event-main .view-full a {
	display: inline-block;
	padding: 0.75rem 1.5rem;
	background: #1a5fb4;
	color: #fff;
	text-decoration: none;
	border-radius: 4px;
}

/* Stack on small screens */
@media (max-width: 768px) {
	.event-layout {
		flex-direction: column;
	}
	.event-main,
	.event-sidebar {
		flex: 1 1 auto;
		max-width: 100%;
	}
}