html { scroll-behavior: smooth; scroll-padding-top: 100px; }  header.scrolling .bricks-site-logo { height: 80px; transition: all 0.6s; } .main-content a:hover, .news-banner__heading a:hover { text-underline-offset: 0.5rem; text-decoration-thickness: 0.25rem; } .main-content h2, footer h2, #menu-main-navigation a:hover, #menu-main-navigation a:active, .bricks-mobile-menu a:hover, .bricks-mobile-menu a:active, .page-navigation-box li.toc-list-item a:hover, .page-navigation-box li.toc-list-item a:active { text-decoration: underline; text-decoration-color: #ff8000; text-underline-offset: 0.5rem; text-decoration-thickness: 4px; } @media ( max-width: 767px ) { html { scroll-padding-top: 50px; } }