/* ==========================================================================
   #Custom Cursor styles - start
   ========================================================================== */

.qodef-custom-cursor--enabled {

	.disable-default-cursor {

		* {
			:not(.touchevents) & {
				cursor: none !important;
			}
		}
	}
}

#qodef-custom-cursor {
	position: fixed;
	top: -4px;
	left: -4px;
	pointer-events: none;
	z-index: 9999999;
	mix-blend-mode: unset;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 10px;
	height: 10px;
	visibility: hidden;
	
	.qodef-cursor-dot {
		@include qodefAbsoluteLayout();
		background-color: var(--qode-main-color);
		border-radius: 50%;
	}
	
	.qodef-cursor-text,
	.qodef-cursor-view-text{
		opacity: 0;
		color: #fff;
		font-family: $heading-font;
		line-height: 15px;
		letter-spacing: 0.16em;
		text-transform: uppercase;
		font-size: 15px;
		left: 0;
	}

	.qodef-cursor-view-text {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	
	&.qodef--view {

		.qodef-cursor-view-text {
			opacity: 1;
			transition: opacity .3s ease-out;
		}
	}
	
	&.qodef--dragging:not(.qodef--hovering) {

		.qodef-cursor-text {
			opacity: 1;
			transition: all .3s ease-out;
		}
	}
}
/* ==========================================================================
   #Custom Cursor styles - end
   ========================================================================== */