/* BMFCE Webinars — front-end styles. */

/* "Anytime Live" info-icon tooltip (shipped by the plugin so it doesn't depend on the theme). */
.bmfce-anytime-tooltip {
	position: relative;
	display: inline-block;
	margin-left: 0.35em;
	cursor: help;
	vertical-align: middle;
}

.bmfce-anytime-tooltip i {
	font-size: 0.9em;
	opacity: 0.7;
}

.bmfce-anytime-tooltip__bubble {
	position: absolute;
	bottom: calc(100% + 8px);
	right: 0;
	left: auto;
	width: 280px;
	max-width: 90vw;
	padding: 10px 12px;
	background: #1f2937;
	color: #fff;
	font-size: 13px;
	font-style: normal;
	line-height: 1.45;
	border-radius: 6px;
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.18);
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.12s ease, visibility 0.12s ease;
	z-index: 50;
	pointer-events: none;
	white-space: normal;
	text-align: left;
}

.bmfce-anytime-tooltip:hover .bmfce-anytime-tooltip__bubble,
.bmfce-anytime-tooltip:focus .bmfce-anytime-tooltip__bubble,
.bmfce-anytime-tooltip:focus-within .bmfce-anytime-tooltip__bubble {
	opacity: 1;
	visibility: visible;
}