/* Shared hero background */
.bv-hero-quote,
.bv-hero-cards {
	background-image:
		linear-gradient(
			rgba(255, 255, 255, 0.65),
			rgba(255, 255, 255, 0.65)
		),
		url('/resources/Pictures/BUSINESS VOICE header image.png');
	background-repeat: no-repeat;
	background-size: cover;
}

@media (max-width: 1500px) {
	.bv-hero-cards {
		background-image: initial;
	}
}

/* #id_WcXsNR5,
#id_CDRXcHb {
	position: relative;
	z-index: 0;
} */
/* 
#id_WcXsNR5::before,
#id_CDRXcHb::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	width: 100vw;
	transform: translateX(-50%);
	background-image:
		linear-gradient(
			rgba(255, 255, 255, 0.65),
			rgba(255, 255, 255, 0.65)
		),
		url('/resources/Pictures/BUSINESS VOICE header image.png');
	background-repeat: no-repeat;
	background-size: cover;
	z-index: -1;
}

#id_WcXsNR5::before {
	background-position: center top;
}

#id_CDRXcHb::before {
	background-position: center bottom;
} */

.bv-hero-quote {
	background-position: center top;
	padding: 40px 40px 20px;
}

.bv-hero-cards {
	background-position: center bottom;
	padding: 20px 40px 70px;
}

/* Two-column layout */
.bv-hero-cards .WaLayoutTable {
	width: 100%;
	table-layout: fixed;
	border-collapse: separate;
}

.bv-hero-cards .WaLayoutItem {
	vertical-align: top;
}

.bv-hero-cards .WaLayoutSeparator {
	width: 20px !important;
	min-width: 20px !important;
}

.bv-hero-cards .WaLayoutSeparator > div {
	width: 20px !important;
}

/* Shared card */
.bv-hero-cards .WaLayoutItem > .WaLayoutPlaceHolder {
	height: 100%;
	padding: 24px;
	box-sizing: border-box;
	background: #fff;
	border-radius: 16px;
	box-shadow: 0 7px 18px rgba(0, 0, 0, 0.18);
}

/* Reset heading gadgets */
.bv-hero-cards .WaGadgetContent,
.bv-hero-cards .WaGadgetContent .gadgetStyleBody {
	margin: 0;
	padding: 0;
	background: transparent;
}

/* All hero card headings */
.bv-hero-cards h2 {
	margin: 0 0 20px !important;
	font-family: "Droid Serif", serif;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.2;
	color: #d2222a !important;
	text-transform: none;
}

/* Reset dynamic gadgets */
.bv-hero-cards .WaGadgetUpcomingEvents,
.bv-hero-cards .WaGadgetRecentBlogPosts,
.bv-hero-cards .WaGadgetUpcomingEvents .gadgetStyleBody,
.bv-hero-cards .WaGadgetRecentBlogPosts .gadgetStyleBody {
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

/* Feed lists */
.bv-hero-cards .WaGadgetUpcomingEvents ul,
.bv-hero-cards .WaGadgetRecentBlogPosts ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.bv-hero-cards .WaGadgetUpcomingEvents li,
.bv-hero-cards .WaGadgetRecentBlogPosts li {
	margin: 0 0 18px;
	padding: 0;
}

.bv-hero-cards .WaGadgetUpcomingEvents li:last-child,
.bv-hero-cards .WaGadgetRecentBlogPosts li:last-child {
	margin-bottom: 0;
}

/* Feed titles */
.bv-hero-cards .title {
	margin-bottom: 4px;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.3;
}

.bv-hero-cards .title a {
	color: #111;
	text-decoration: none;
}

.bv-hero-cards .title a:hover,
.bv-hero-cards .title a:focus {
	text-decoration: underline;
}

/* Supporting information */
.bv-hero-cards .date,
.bv-hero-cards .location,
.bv-hero-cards .author {
	font-size: 12px;
	line-height: 1.35;
	color: #333;
}

/* Blog metadata on one line */
.bv-hero-cards .WaGadgetRecentBlogPosts .date,
.bv-hero-cards .WaGadgetRecentBlogPosts .author {
	display: inline;
}

.bv-hero-cards .WaGadgetRecentBlogPosts .author::before {
	content: " | ";
}

/* Mobile */
@media (max-width: 767px) {
	.bv-hero-quote {
		padding: 32px 20px 16px;
	}

	.bv-hero-cards {
		padding: 16px 20px 45px;
	}

	.bv-hero-cards .WaLayoutTable,
	.bv-hero-cards .WaLayoutTable tbody,
	.bv-hero-cards .WaLayoutRow,
	.bv-hero-cards .WaLayoutItem {
		display: block;
		width: 100% !important;
	}

	.bv-hero-cards .WaLayoutSeparator {
		display: block;
		width: 100% !important;
		height: 20px;
	}

	.bv-hero-cards .WaLayoutSeparator > div {
		width: 100% !important;
		height: 20px;
	}
}

/* Who We Are */
#id_9w1iWDV {
	position: relative;
	background: #d5f0ff;
}

#id_9w1iWDV::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: -100vw;
	right: -100vw;
	background: #d5f0ff;
	z-index: -1;
}


/* Navigation */
#id_Header1  {
background-color: #eee;
padding: 1rem 0;
a {
	color: #000;
	font-weight: 400;
}
}


/* Nav action links */
.nav-donate,
.nav-login,
.nav-search {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	vertical-align: middle;
	text-decoration: none;
	box-sizing: border-box;
}

/* Donate button */
.nav-donate {
	min-width: 154px;
	height: 42px;
	margin-left: 28px;
	padding: 0 28px;
	background: #e33b43;
	border-radius: 7px;
	color: #fff !important;
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
	text-transform: uppercase;
}

.nav-donate:hover,
.nav-donate:focus {
	background: #c92f37;
	text-decoration: none;
}

/* Login button */
.nav-login {
	min-width: 154px;
	height: 42px;
	margin-left: 24px;
	padding: 0 28px;
	background: #39acec;
	border-radius: 7px;
	color: #fff !important;
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
	text-transform: uppercase;
}

.nav-login:hover,
.nav-login:focus {
	background: #2698d6;
	text-decoration: none;
}

/* Search icon */
.nav-search {
	width: 42px;
	height: 42px;
	margin-left: 22px;
	color: #000 !important;
}

.nav-search svg {
	display: block;
	width: 24px;
	height: 24px;
}

.nav-search:hover,
.nav-search:focus {
	color: #e33b43 !important;
	text-decoration: none;
}

/* Keyboard focus */
.nav-donate:focus-visible,
.nav-login:focus-visible,
.nav-search:focus-visible {
	outline: 3px solid rgba(0, 0, 0, 0.25);
	outline-offset: 3px;
}

@media (max-width: 900px) {
	.nav-donate,
	.nav-login {
		min-width: 130px;
		height: 40px;
		padding: 0 20px;
		font-size: 16px;
	}

	.nav-donate {
		margin-left: 18px;
	}

	.nav-login,
	.nav-search {
		margin-left: 14px;
	}
}