/*********************************************************************************
/*
/* scroll to top
/*
/* https://github.com/zengabor/zenscroll
/*
/********************************************************************************/

body, .smooth-container { scroll-behavior: smooth }

#smoothup {
	position: fixed;
	bottom: 90px;
	right: 25px;
	opacity: 0;
	transition: opacity 0.5s;
	z-index: 2;
	cursor: pointer;
	padding: 5px;
	
//	-webkit-transition-duration: 0.4s;
//	-moz-transition-duration: 0.4s;
//	transition-duration: 0.4s;
//	mix-blend-mode: difference;	
}

#smoothup::after {
	content: "\f062";
	font-family: FontAwesome;
	font-size: 20px;
	display: inline-block;						/* required for the rotate transform to work */
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	transition-duration: 0.4s;
}

#smoothup.fade-in {
	opacity:1;
}

#smoothup:hover::after {
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
}

#smoothup.footer-hover::after {
	color: white;
}