// BACK TO TOP
a.cd-top {
	background: #FFFFFF;
	display: inline-block;
	position: fixed;
	bottom: 20px;
	text-align: center;
	z-index: 1000;
	overflow: hidden;
	white-space: nowrap;
	visibility: hidden;
	opacity: 0;

	@include transition-property(opacity, visibility);
	@include transition-duration(.3s);
	@include transition-delay(.3s);
	
	// Custom styles
	//background:  $bg-primary;
	color: $back-to-top-bg;
	line-height: $back-to-top-size;
    width: $back-to-top-size;
    height: $back-to-top-size;
    font-size: $back-to-top-size;
    right: 20px;
    //@include border-radius($border-radius);

	&:hover 
	,&:focus
	,&:active{
		color: $back-to-top-bg;
		text-decoration: none; 
	}
}

.cd-top.cd-is-visible
, .cd-top.cd-fade-out
, .no-touch .cd-top:hover {
	@include transition-property(opacity, visibility);
	@include transition-duration(.3s);
	@include transition-delay(0s);
}

.cd-top.cd-is-visible {
	visibility: visible;
	opacity: 1;
}

.cd-top.cd-fade-out {
	opacity: .5;
}

.no-touch .cd-top:hover {
	opacity: 1;
}

@media (min-width: 992px){
	.cd-top { 
		bottom: 30px; 
	}
}