/* ============================================================
   Live Bait Theater overrides for html5up-story template
   ============================================================ */

/* Site logo in banner */
.lbt-logo {
	display: block;
	width: 280px;
	max-width: 70%;
	margin-bottom: 1.5em;
}

/* FOS inline logo inside spotlight content */
.fos-inline-logo {
	display: block;
	width: 220px;
	max-width: 60%;
	margin-bottom: 1.5em;
}

/* FOS spotlight: dark background so white logo pops */
#fos {
	background-color: #1a0808;
	color: #e8e0d8;
}

#fos h2,
#fos p {
	color: #e8e0d8;
}

#fos .image {
	background-color: #0d0404;
	display: flex;
	align-items: center;
	justify-content: center;
}

#fos .image img {
	object-fit: contain !important;
	padding: 10%;
	width: 100%;
	max-width: 340px;
	margin: auto;
}

#fos .button {
	background-color: transparent !important;
	box-shadow: inset 0 0 0 2px rgba(255,255,255,0.9) !important;
	color: #ffffff !important;
}

#fos .button:hover {
	background-color: rgba(255,255,255,0.15) !important;
	box-shadow: inset 0 0 0 2px #ffffff !important;
	color: #ffffff !important;
}

#fos a:not(.button),
#fos a:not(.button) strong {
	color: #e8b89a;
}

#fos a:not(.button):hover {
	color: #fff;
}

/* Contact section: staff cards */
.contact-staff {
	display: flex;
	justify-content: center;
	gap: 3em;
	flex-wrap: wrap;
	margin-bottom: 3em;
}

.staff-card {
	text-align: center;
}

.staff-card .role {
	display: block;
	font-size: 0.75em;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	opacity: 0.6;
	margin-bottom: 0.3em;
}

.staff-card .name {
	display: block;
	font-size: 1.15em;
	font-weight: 600;
}

/* Address block */
.lbt-address {
	margin-bottom: 3em;
	font-size: 0.9em;
	opacity: 0.7;
	line-height: 1.8;
}

.lbt-address strong {
	display: block;
	font-size: 0.72em;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	opacity: 0.8;
	margin-bottom: 0.4em;
}

/* Footer logo */
.footer-logo {
	display: block;
	width: 160px;
	margin: 0 auto 1.5em;
	opacity: 0.6;
}