#learndash-tooltips {
	font-family:'Open Sans', 'Arial','Helvetica', sans-serif;
	position:absolute;
	top:0; right:0; left:0; bottom:0;
	height:100%;
	z-index:999;
	font-size:16px;

	pointer-events:none;
	.ld-tooltip {
		position:absolute;
		background-color:$blue;
		color:$white;
		font-weight:700;
		border-radius:6px;
		padding:0.25em 1em;
		transform:translateX(1%) translateY(-25px);
		box-shadow: 0 -1px 0 2px rgba(255,255,255,.75);
		font-size:0.75em;
		opacity:0;
		transition:opacity 0.1s linear;
		text-align:center;
		min-width:150px;
		max-width:300px;
		&:after {
			content:'';
			height:5px;
			width:5px;
			background:$blue;
			position:absolute;
			bottom:-4px;
			transform:rotate(45deg) translateX(-50%);
			left:5%;
		}

		&.ld-shifted-left {
			&:after {
				left:10%;
			}
		}
		&.ld-shifted-right {
			transform:translateX(-100%) translateY(-30px);
			&:after {
				left:auto;
				right:10%;
			}
		}
		&.ld-visible {
			opacity:1;
		}

	}
}