/* Business owners hero (tools/divi/layouts/bo-hero.php): only what Divi's own
   settings cannot express. Everything else (sizes, colours, spacing, the card's
   background, border and grid) is set on the modules and can be changed in Divi. */

/* Advisor card and papers panel (the groups with the CSS class qc-bo-advisor): the
   frosted-glass blur of the photo behind them. Divi's Filters > Blur would blur the
   card's own content. */
.qc-bo-advisor {
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
}

/* Email and phone (the text with the CSS class qc-bo-contact): one link per line,
   each led by the old site's small blue envelope or phone icon. The icon follows
   the link type, so an email link always gets the envelope, a phone link the
   handset and any other link headphones; editors only edit the links themselves. */
.qc-bo-contact p {
	padding-bottom: 0;
}
.qc-bo-contact a {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 6px;
}
.qc-bo-contact a::before {
	content: "";
	flex: none;
	width: 15px;
	height: 15px;
	background-color: #009ad9;
	-webkit-mask: var(--qc-bo-icon) center / contain no-repeat;
	mask: var(--qc-bo-icon) center / contain no-repeat;
}
.qc-bo-contact a[href^="mailto:"] {
	--qc-bo-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.5'%3E%3Crect x='1.5' y='3.5' width='13' height='9' rx='1.5'/%3E%3Cpath d='m2 4.5 6 4.5 6-4.5'/%3E%3C/svg%3E");
}
.qc-bo-contact a[href^="tel:"] {
	--qc-bo-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.5'%3E%3Cpath d='M3 2h3l1.5 3.5L6 7a8 8 0 0 0 3 3l1.5-1.5L14 10v3a1 1 0 0 1-1 1A11 11 0 0 1 2 3a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
}
/* Any other link on the card (Gerry's podcast) gets headphones. */
.qc-bo-contact a:not([href^="mailto:"]):not([href^="tel:"]) {
	--qc-bo-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.5'%3E%3Cpath d='M2.5 10V8a5.5 5.5 0 0 1 11 0v2'/%3E%3Crect x='1.75' y='9.5' width='3' height='4.5' rx='1'/%3E%3Crect x='11.25' y='9.5' width='3' height='4.5' rx='1'/%3E%3C/svg%3E");
}
.qc-bo-contact a:hover {
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* Papers (the text with the CSS class qc-bo-paper): the title (a link to the PDF)
   4px above its description, underlined on hover. */
.qc-bo-paper p {
	padding-bottom: 0;
}
.qc-bo-paper p:first-child {
	margin-bottom: 4px;
}
.qc-bo-paper a:hover {
	text-decoration: underline;
	text-underline-offset: 3px;
}