/*------------------------------------
# Single Layout
------------------------------------*/
.single-event #content{
	background: aliceblue;
}
.fiveam-single-layout{
	display:grid;
	grid-template-columns:minmax(0,1fr) 340px;
	gap:40px;
	align-items:start;
	margin:0px auto;

}

.fiveam-single-sidebar{
/* 	position:sticky; */
	top:100px;

}
.fiveam-widget{
	background:#fff;
	border:1px solid #e5e5e5;
	border-radius:16px;
	padding:24px;
	margin-bottom:24px;
}

.fiveam-widget h3{
	margin-bottom:20px;
}

@media (max-width:991px){

	.fiveam-single__sidebar{
		position:static;
	}
	.fiveam-single-layout{
		grid-template-columns:1fr;
	}

}


/*--------------------------------------------------------------
# Breadcrumb
--------------------------------------------------------------*/

.fiveam-breadcrumb {
	padding: 20px 0;
/* 	background-color: #f8f9fa; */
	border-bottom: 1px solid #e9ecef;
}

.fiveam-breadcrumb__nav {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	color: #6c757d;
}

.fiveam-breadcrumb__nav a {
	color: inherit;
	text-decoration: none;
	transition: color .2s ease;
}

.fiveam-breadcrumb__nav a:hover {
	color: #2e7d32;
}

.fiveam-breadcrumb__separator {
	color: #adb5bd;
}

.fiveam-breadcrumb__current {
	color: #212529;
	font-weight: 600;
}
/* Single Event Hero */

.fiveam-single-hero{
    position:relative;
    overflow:hidden;
    border-radius:30px;
    margin-bottom:40px;
}
.fiveam-single-hero-image img{
    width:100%;
    height:400px;
    object-fit:cover;
    display:block;
}
.fiveam-single-hero-overlay{
    position:absolute;
    inset:0;
    display:flex;
    align-items:flex-end;
    padding:50px;
    background:
    linear-gradient(
        180deg,
        rgba(0,0,0,0) 30%,
        rgba(0,0,0,.75)
    );
}
.fiveam-single-hero-content{
    color:#fff;
}
.fiveam-single-hero-content h1{
    color:#fff;
    font-size:52px;
    line-height:1.1;
    margin-bottom:25px;
}
.fiveam-single-meta{
    display:flex;
    gap:15px;
    flex-wrap:wrap;
}
.fiveam-meta-badge{
    background:rgba(255,255,255,.95);
    color:#222;
    padding:12px 20px;
    border-radius:50px;
    font-size:15px;
    display:flex;
    align-items:center;
    gap:8px;
}
.fiveam-icon{
    font-size:18px;
}
/* ==========================================
   Single Event - Details
========================================== */

.fiveam-event-details {
    margin: 20px 0;
}

.fiveam-event-details h2 {
    margin-bottom: 30px;
    font-size: 32px;
    font-weight: 700;
}

.fiveam-event-details__grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
}

.fiveam-event-details__item {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 10px;
    background: #fff;
    border-radius: 16px;
    border: 1px solid #e5e7eb;
    transition: all .3s ease;
}

.fiveam-event-details__item:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(0,0,0,.08);
}

.fiveam-event-details__item svg {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

.fiveam-event-details__item strong {
    display: block;
    font-size: 14px;
    color: #6b7280;
    margin-bottom: 4px;
}

.fiveam-event-details__item span {
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: #111827;
}
/*--------------------------------------------------------------
# Gallery
--------------------------------------------------------------*/

.fiveam-gallery {
	padding: 20px 0;
}

.fiveam-heading {
	margin-bottom: 30px;
	text-align: left;
}

.fiveam-heading__title {
	margin: 0;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.2;
	color: #222;
}

.fiveam-gallery__content {
	max-width: 1200px;
	margin: 0 auto;
}

/* WordPress Gallery */

.fiveam-gallery__content .gallery {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 24px;
	margin: 0;
}

.fiveam-gallery__content .gallery-item {
	margin: 0;
	width: 100%;
	max-width:100%!important;
}

.fiveam-gallery__content .gallery-icon {
	overflow: hidden;
	border-radius: 16px;
}

.fiveam-gallery__content img {
	display: block;
	width: 100%;
	height: 260px;
	object-fit: cover;
	border-radius: 16px;
	transition: transform .3s ease;
}

.fiveam-gallery__content img:hover {
	transform: scale(1.05);
}
/*--------------------------------------------------------------
# What To Carry
--------------------------------------------------------------*/

.fiveam-carry {
	padding: 20px 0;
}

.fiveam-carry__content {
/* 	max-width: 900px; */
	margin: 0 auto;
}

.fiveam-carry__content ul,
.fiveam-carry__content ol {
	padding-left: 24px;
	margin: 0;
}

.fiveam-carry__content li {
	margin-bottom: 12px;
	line-height: 1.8;
}

.fiveam-carry__content p:last-child {
	margin-bottom: 0;
}
/*--------------------------------------------------------------
# Safety Instructions
--------------------------------------------------------------*/

.fiveam-safety {
	padding: 20px 0;
}

.fiveam-safety__content {
/* 	max-width: 900px; */
	margin: 0 auto;
}

.fiveam-safety__content ul,
.fiveam-safety__content ol {
	padding-left: 24px;
	margin: 0;
}

.fiveam-safety__content li {
	margin-bottom: 12px;
	line-height: 1.8;
}

.fiveam-safety__content p:last-child {
	margin-bottom: 0;
}
/*--------------------------------------------------------------
# Who Can Join
--------------------------------------------------------------*/

.fiveam-who-can-join {
	padding: 20px 0;
}

.fiveam-who-can-join__content {
/* 	max-width: 900px; */
	margin: 0 auto;
}

.fiveam-who-can-join__content ul,
.fiveam-who-can-join__content ol {
	padding-left: 24px;
	margin: 0;
}

.fiveam-who-can-join__content li {
	margin-bottom: 12px;
	line-height: 1.8;
}

.fiveam-who-can-join__content p:last-child {
	margin-bottom: 0;
}
/*--------------------------------------------------------------
# Related Events
--------------------------------------------------------------*/

.fiveam-related-events {
	padding: 40px 0;
}

.fiveam-related-events .fiveam-events-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(320px, 1fr));
	gap: 30px;
}
/*--------------------------------------------------------------
# Event Navigation
--------------------------------------------------------------*/

.fiveam-navigation {
	padding: 20px 0;
	border-top: 1px solid #eee;
}

.fiveam-navigation__grid {
	display: flex;
	justify-content: space-between;
	gap: 30px;
}

.fiveam-navigation__item {
	flex: 1;
}

.fiveam-navigation__item--next {
	text-align: right;
}

.fiveam-navigation__label {
	display: block;
	margin-bottom: 12px;
	font-size: 14px;
	font-weight: 600;
	color: #777;
	text-transform: uppercase;
}

.fiveam-navigation__item h3 {
	margin: 0;
	font-size: 22px;
	font-weight: 700;
}

.fiveam-navigation__item a {
	color: inherit;
	text-decoration: none;
}

.fiveam-navigation__item a:hover {
	color: #2e7d32;
}

/*--------------------------------------------------------------
# Share
--------------------------------------------------------------*/

.fiveam-share {
	padding: 20px 0;
}
.fiveam-share .fiveam-container {
    display: flex;
    gap: 35px;
    align-items: baseline;
}
.fiveam-share__buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	justify-content: left;
}

.fiveam-share__button {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 10px 24px;
	border: 1px solid #ddd;
	border-radius: 8px;
	background: #fff;
	color: #222;
	text-decoration: none;
	cursor: pointer;
	transition: .3s;
}

.fiveam-share__button:hover {
	background: #2e7d32;
	color: #fff;
	border-color: #2e7d32;
}

@media (max-width: 768px) {

    .fiveam-event-details__grid {
        grid-template-columns: 1fr;
    }

    .fiveam-event-details__item {
        padding: 18px;
    }

}
/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/

@media (max-width: 991px) {

	/* Hero */

	.fiveam-hero {
		padding: 60px 0;
	}

	.fiveam-hero__content {
		grid-template-columns: 1fr;
		gap: 40px;
	}

	/* Details */

	.fiveam-details__grid {
		grid-template-columns: repeat(2, 1fr);
	}

	/* Gallery */

	.fiveam-gallery__content .gallery {
		grid-template-columns: repeat(2, 1fr);
	}

	/* Related Events */

	.fiveam-related-events .fiveam-events-grid {
		grid-template-columns: repeat(2, 1fr);
	}

}

@media (max-width: 767px) {

	/* Sections */

	.fiveam-breadcrumb,
	.fiveam-overview,
	.fiveam-details,
	.fiveam-gallery,
	.fiveam-carry,
	.fiveam-safety,
	.fiveam-who-can-join,
	.fiveam-contact,
	.fiveam-related-events,
	.fiveam-navigation,
	.fiveam-share {
		padding: 20px 0;
	}

	/* Heading */

	.fiveam-heading {
		margin-bottom: 30px;
	}

	.fiveam-heading__title {
		font-size: 28px;
	}

	/* Breadcrumb */

	.fiveam-breadcrumb__nav {
		font-size: 13px;
	}

	/* Hero */

	.fiveam-hero {
		padding: 40px 0;
	}

	.fiveam-hero__title {
		font-size: 32px;
		line-height: 1.2;
	}

	/* Details */

	.fiveam-details__grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	/* Gallery */

	.fiveam-gallery__content .gallery {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.fiveam-gallery__content img {
		height: 220px;
	}

	/* WYSIWYG Sections */

	.fiveam-carry__content,
	.fiveam-safety__content,
	.fiveam-who-can-join__content {
		max-width: 100%;
	}

	/* Contact */

	.fiveam-contact__grid {
		grid-template-columns: 1fr;
	}

	/* Related Events */

	.fiveam-related-events .fiveam-events-grid {
		grid-template-columns: 1fr;
	}

	/* Navigation */

	.fiveam-navigation__grid {
		flex-direction: column;
		gap: 30px;
	}

	.fiveam-navigation__item--next {
		text-align: left;
	}

	/* Share */

	.fiveam-share__buttons {
		flex-direction: column;
	}

	.fiveam-share__button {
		width: 100%;
		justify-content: center;
	}

}

@media (max-width: 480px) {

	.fiveam-heading__title {
		font-size: 24px;
	}
	.fiveam-single-hero-content h1 {
    	font-size: 34px;
	}
	.fiveam-single-hero-overlay {
		background: linear-gradient(180deg, rgb(0 0 0 / 59%) 30%, rgba(0, 0, 0, .75));
		padding: 25px;
	}
	.fiveam-single-meta {
		flex-wrap: nowrap;
	}
	.fiveam-share .fiveam-container {
		display: block;
	}

	.fiveam-hero__title {
		font-size: 28px;
	}

	.fiveam-breadcrumb__nav {
		font-size: 12px;
	}

	.fiveam-gallery__content img {
		height: 180px;
	}

	.fiveam-share__button {
		padding: 12px 18px;
		font-size: 14px;
	}

}