#pop-up-btn {
	position: fixed;
	left: -20px;
	top: 30%;
	transform: translateY(-50%);
	z-index: 1000; /* optional, ensures it's on top of other elements */
}

.bg-transparent {
	background-color: transparent !important;
}

.bg-gallery {
	background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../img/about-bg.jpg') center/cover no-repeat !important;

}

.bg-social-media {
	background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url('../img/events-bg.jpg') center/cover no-repeat !important;
}

.opacity {
	opacity: 10%;
}

/*--------------------------------------------------------------
# Top Bar
--------------------------------------------------------------*/
#topbar {
  height: 40px;
  font-size: 14px;
  transition: all 0.5s;
  z-index: 996;
}

#topbar.topbar-scrolled {
  top: -40px;
}

#topbar .contact-info i {
  font-style: normal;
  color: #d9ba85;
}

#topbar .contact-info i span {
  padding-left: 5px;
  color: #fff;
}

#topbar .languages ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
  color: #cda45e;
}

#topbar .languages ul a {
  color: white;
}

#topbar .languages ul li+li {
  padding-left: 10px;
}

#topbar .languages ul li+li::before {
  display: inline-block;
  padding-right: 10px;
  color: rgba(255, 255, 255, 0.5);
  content: "/";
}

.hero-img-container {
    display: flex;
    justify-content: center;
    align-items: center;
}
.hero-img-container img {
    width: 100%;
    max-width: 500px;
    padding-bottom: 20px;
}

/* Next Event hero */
.next-event-card {
  background: #1b1f25;              /* dark panel */
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 12px;
  overflow: hidden;
}
.next-event-img {
  width: 100%;
  max-height: 420px;
  object-fit: cover;
  display: block;
}
.next-event-body {
  padding: 20px;
}
.next-event-meta {
  color: var(--cal-fg-dim, rgba(255,255,255,.85));
  margin-bottom: .25rem;
}
.next-event-title {
  color: #fff;
  font-weight: 700;
  font-size: 1.5rem;
  margin: .25rem 0 .5rem;
}
.next-event-notes {
  color: var(--cal-fg-muted, rgba(255,255,255,.75));
  margin-top: .5rem;
}
.next-event-cta .btn {
  min-width: 180px;
}