/*
Scroll Top
*/
@media only screen {

	#scroll-top-toggler {
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: var(--global--font-size-xs);
		padding: 0.5em;
		min-height: 44px;
		min-width: max-content;
		border: 2px solid currentColor;
		box-shadow: none;
		background: var(--button--color-text);
		color: var(--button--color-background);
		z-index: 9998;
	}

	.no-js #scroll-top-toggler {
		display: none;
	}

	#scroll-top-toggler.fixed-bottom {
		position: fixed;
		bottom: 16px;
		right: 16px;
		transition: bottom 0.5s;
	}

	#dark-mode-toggler.fixed-bottom {
		bottom: 16px;
	}

	#scroll-top-toggler.fixed-bottom.hide:not(:focus) {
		bottom: -80px;
	}

	#scroll-top-toggler.relative {
		position: absolute;
		height: 44px;
		top: calc(2.4 * var(--global--spacing-vertical) - 44px);
		right: calc(50vw - var(--responsive--alignwide-width) / 2 - 0.5em);
	}

	.admin-bar #scroll-top-toggler.relative {
		top: calc(2.4 * var(--global--spacing-vertical) - 44px + 32px);
	}
}
@media only screen and (max-width: 782px) {

	.admin-bar #scroll-top-toggler.relative {
		top: calc(2.4 * var(--global--spacing-vertical) - 44px + 46px);
	}
}
@media only screen and (max-width: 481px) {

	.admin-bar #scroll-top-toggler.relative {
		top: calc(2.4 * var(--global--spacing-vertical) - 44px + 26px);
	}
}
@media only screen and (max-width: 481px) {

	body:not(.primary-navigation-open) #scroll-top-toggler.relative ~ nav {
		top: calc(44px + 44px);
	}
}
@media only screen {

	.primary-navigation-open #scroll-top-toggler {
		display: none;
	}
}
@media only screen {

	#scroll-top-toggler:hover,
	#scroll-top-toggler:focus {
		color: var(--button--color-background-active);
		border: 2px solid var(--button--color-text-active);
		background-color: var(--button--color-text-active);
	}
}
@media only screen {

	.is-IE #scroll-top-toggler {
		display: none;
	}
}