- vertical-scroll-nav {
position: fixed; top: 92px; right: 20px; left: auto; bottom: auto; z-index: 3; text-shadow: none; color: #ffffff; margin-top: 5px; /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transition: right 0.3s; -moz-transition: right 0.3s; transition: right 0.3s; } #vertical-scroll-nav.nav-is-visible { right: 280px; /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transition: right 0.3s; -moz-transition: right 0.3s; transition: right 0.3s; } #vertical-scroll-nav ul { overflow: hidden; background: #7b7b7b; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; text-align: center; width: 12rem; } #vertical-scroll-nav li { margin: 3px; } #vertical-scroll-nav a { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; color: #ffffff; display: block; padding: 0.2em 0.6em; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } #vertical-scroll-nav a:hover, #vertical-scroll-nav a.mPS2id-clicked { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; background: #004574; } #vertical-scroll-nav a.mPS2id-highlight { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; background: #284cb9; } @media only screen and (min-width: 1270px) { #vertical-scroll-nav { top: 112px; right: 20px; } } #vertical-scroll-nav ul.desktop .vertical-scroll-nav-chevron { cursor: pointer; display: none; } #vertical-scroll-nav ul.mobile { width: 3.1rem; } #vertical-scroll-nav ul.mobile .vertical-scroll-nav-chevron { cursor: pointer; display: block; } #vertical-scroll-nav ul.mobile .vertical-scroll-nav-chevron:hover { background-color: #004574; } #vertical-scroll-nav ul.mobile li { display: none; } #vertical-scroll-nav ul.mobile.pressed { width: 12rem; } #vertical-scroll-nav ul.mobile.pressed li { display: block; } #vertical-scroll-nav ul.mobile.pressed .vertical-scroll-nav-chevron:hover { background-color: #7b7b7b; }
- main-content-container .vertical-scroll-section {
padding-top: 22px; min-height: 80vh; padding-right: 0; } @media only screen and (min-width: 1270px) { #main-content-container .vertical-scroll-section { padding-top: 42px; } } @media only screen and (min-width: 768px) { #main-content-container .vertical-scroll-section { padding-right: 7rem; } }
/*# sourceMappingURL=vertical-scroll-structure.css.map */