/**
 * =========================================================
 * AOGM SCROLL TO TOP
 * =========================================================
 */

#aogm-scrollup{

	position:fixed;

	right:30px;
	bottom:30px;

	z-index:999;

	opacity:0;
	visibility:hidden;

	transform:translateY(5px);

	transition:
		opacity .2s ease,
		transform .2s ease;
}

#aogm-scrollup.hide{

	opacity:0;
	visibility:hidden;

	transform:translateY(5px);

	pointer-events:none;
}

#aogm-scrollup.show{

	opacity:1;
	visibility:visible;

	transform:translateY(0);

	pointer-events:auto;
}

.aogm-scroll-to-top{

	display:flex;
	align-items:center;
	justify-content:center;

	width:50px;
	height:50px;

	padding:0;

	border:none;
	border-radius:50%;

	cursor:pointer;

	background:var(--aogm-secondary-colour);
	color:var(--aogm-primary-colour);

	box-shadow:0 10px 25px rgba(0,0,0,.15);

	transition:
		background-color .3s ease,
		color .3s ease,
		box-shadow .3s ease,
		transform .2s ease;
}

.aogm-scroll-to-top:hover{

	background:var(--aogm-primary-light-colour);
	color:var(--aogm-light-colour);

	box-shadow:0 14px 30px rgba(0,0,0,.20);

	transform:translateY(-1px);
}

.aogm-scroll-to-top:focus{

	outline:none;
}

.aogm-scroll-to-top i{

	font-size:18px;
	line-height:1;
}


/**
 * =========================================================
 * AOGM SCROLLBAR
 * =========================================================
 */

/* =========================================================
 * Chrome, Edge, Safari
 * ========================================================= */

::-webkit-scrollbar{

	width:11px;
}

::-webkit-scrollbar-track{

	background:var(--aogm-primary-colour);
}

::-webkit-scrollbar-thumb{

	background:var(--aogm-secondary-colour);

	border-radius:999px;
}

/*::-webkit-scrollbar-thumb:hover{

	background:var(--aogm-secondary-light-colour);
}
*/
/* =========================================================
 * Firefox
 * ========================================================= */

@-moz-document url-prefix() {

	html{

		scrollbar-width:auto;

		scrollbar-color:
			var(--aogm-secondary-colour)
			var(--aogm-primary-colour);
	}
}