/* Scroll-to-top button (inc/footer.php). Self-contained so it renders the same on every page.
   The doubled ID outranks the #itn-footer button reset used on the inner pages. */
#itn-scrolltop#itn-scrolltop { position: fixed !important; right: 24px !important; bottom: 5px !important; z-index: 901 !important; display: grid !important; place-items: center !important; width: 48px !important; height: 48px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 50% !important; background: #E57119 !important; color: #ffffff !important; box-shadow: 0 14px 30px -12px rgba(0, 0, 0, .5) !important; cursor: pointer !important; box-sizing: border-box !important; opacity: 0 !important; visibility: hidden !important; transform: translateY(16px) !important; transition: transform .3s cubic-bezier(.22, .7, .2, 1), opacity .3s, visibility .3s, background-color .2s !important; }
#itn-scrolltop#itn-scrolltop.is-visible { opacity: 1 !important; visibility: visible !important; transform: translateY(0) !important; }
#itn-scrolltop#itn-scrolltop:hover { background: #111111 !important; }
#itn-scrolltop#itn-scrolltop:focus-visible { outline: 3px solid #F5A46A !important; outline-offset: 3px !important; }
#itn-scrolltop#itn-scrolltop svg { display: block !important; width: 22px !important; height: 22px !important; fill: none !important; stroke: currentColor !important; stroke-width: 2.4 !important; stroke-linecap: round !important; stroke-linejoin: round !important; }

/* Retire the older jQuery .scrollup link on inner pages so only one button shows. */
.scrollup { display: none !important; }

@media (max-width: 600px) {
  #itn-scrolltop#itn-scrolltop { right: 20px !important; bottom: 156px !important; width: 44px !important; height: 44px !important; }
}

@media (prefers-reduced-motion: reduce) {
  #itn-scrolltop#itn-scrolltop { transition: opacity .2s, visibility .2s !important; transform: none !important; }
}