/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
    #gotoLine {
		--cnvs-gotoTop-size: 2.5rem;
		--cnvs-gotoTop-bg: rgba(0, 0, 0, 1.0);
		--cnvs-gotoTop-icon-size: 1.5rem;
		--cnvs-gotoTop-icon-color: #fff;
		--cnvs-gotoTop-position-boxed-right: 30px;
		--cnvs-gotoTop-position-boxed-bottom: 100px;
		--cnvs-gotoTop-position-botom: 30px;
		--cnvs-gotoTop-border-radius:50%;
		--cnvs-gotoTop-hover-color: var(--cnvs-themecolor);
		z-index: 9999;
		position: fixed;
		width: var(--cnvs-gotoTop-size);
		height: var(--cnvs-gotoTop-size);
		line-height: var(--cnvs-gotoTop-size);
		background-color: #00b900;
		font-size: var(--cnvs-gotoTop-icon-size);
		text-align: center;
		color: var(--cnvs-gotoTop-icon-color);
		top: auto;
		left: auto;
		right: var(--cnvs-gotoTop-position-boxed-right);
		bottom: var(--cnvs-gotoTop-position-boxed-bottom);
		cursor: pointer;
		border-radius: 50%;
		border: 1px solid #00b900;
		opacity: 1;
		transition: background-color 0.2s linear, opacity 0.4s ease;
	}


	.stretched #gotoLine {
		right: var(--cnvs-gotoTop-position-boxed-right);
		bottom: var(--cnvs-gotoTop-position-boxed-bottom);
	}

	.gototop-active #gotoLine {
		z-index: 9999;
		opacity: 1!important;
	}