/* ==========================================================================
   #Back to Top styles - start
   ========================================================================== */

#qodef-back-to-top {
	position: fixed;
	right: 50px;
	bottom: 0;
	display: flex;
	align-items: center;
	margin: 0;
	opacity: 0;
	color: $heading-color;
	transform: rotate(-90deg) translateX(calc(100% + 7px));
	transform-origin: 100% 0;
	visibility: hidden;
	z-index: 10000;
	transition: .3s ease-out;
	
	&.qodef-light {
		color: #fff;
	}
	
	@include qodefScreenSize680 {
		right: 40px;
	}
	
	.qodef-back-to-top-icon {
		position: relative;
		top: 1px;
		font-size: 19px;
		line-height: inherit;
		transition: transform .3s ease-out;
		transform: translateX(0px);
		
		* {
			display: block;
			line-height: inherit;
		}
	}
	
	&:hover {
		.qodef-back-to-top-icon {
			transform: translateX(4px);
		}
	}
	
	.qodef-back-to-top-label {
		margin-right: 7px;
		font-weight: 600;
	}
	
	&.qodef--off {
		opacity: 0;
		visibility: hidden;
		transition: opacity 0.15s ease, visibility .0s .15s;
	}
	
	&.qodef--on {
		opacity: 1;
		visibility: visible;
		transition: opacity 0.3s ease, color .2s ease;
	}
}

/* ==========================================================================
   #Back to Top styles - end
   ========================================================================== */