button#responsive-menu-button, #responsive-menu-container { display: none; -webkit-text-size-adjust: 100%; } @media screen and (max-width: 960px) { #responsive-menu-container { display: block; } #responsive-menu-container { position: fixed; top: 0; bottom: 0; z-index: 99998; padding-bottom: 5px; margin-bottom: -5px; outline: 1px solid transparent; overflow-y: auto; overflow-x: hidden; } #responsive-menu-container .responsive-menu-search-box { width: 100%; padding: 0 2%; border-radius: 2px; height: 50px; -webkit-appearance: none; } #responsive-menu-container.push-left, #responsive-menu-container.slide-left { transform: translateX(-100%); -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); } .responsive-menu-open #responsive-menu-container.push-left, .responsive-menu-open #responsive-menu-container.slide-left { transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); } #responsive-menu-container.push-top, #responsive-menu-container.slide-top { transform: translateY(-100%); -ms-transform: translateY(-100%); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); } .responsive-menu-open #responsive-menu-container.push-top, .responsive-menu-open #responsive-menu-container.slide-top { transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); } #responsive-menu-container.push-right, #responsive-menu-container.slide-right { transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%); -moz-transform: translateX(100%); } .responsive-menu-open #responsive-menu-container.push-right, .responsive-menu-open #responsive-menu-container.slide-right { transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); } #responsive-menu-container.push-bottom, #responsive-menu-container.slide-bottom { transform: translateY(100%); -ms-transform: translateY(100%); -webkit-transform: translateY(100%); -moz-transform: translateY(100%); } .responsive-menu-open #responsive-menu-container.push-bottom, .responsive-menu-open #responsive-menu-container.slide-bottom { transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); } #responsive-menu-container, #responsive-menu-container:before, #responsive-menu-container:after, #responsive-menu-container *, #responsive-menu-container *:before, #responsive-menu-container *:after { box-sizing: border-box; margin: 0; padding: 0; } #responsive-menu-container #responsive-menu-search-box, #responsive-menu-container #responsive-menu-additional-content, #responsive-menu-container #responsive-menu-title { padding: 25px 5%; } #responsive-menu-container #responsive-menu, #responsive-menu-container #responsive-menu ul { width: 100%; } #responsive-menu-container #responsive-menu ul.responsive-menu-submenu { display: none; } #responsive-menu-container #responsive-menu ul.responsive-menu-submenu.responsive-menu-submenu-open { display: block; } #responsive-menu-container #responsive-menu ul.responsive-menu-submenu-depth-1 a.responsive-menu-item-link { padding-left: 10%; } #responsive-menu-container #responsive-menu ul.responsive-menu-submenu-depth-2 a.responsive-menu-item-link { padding-left: 15%; } #responsive-menu-container #responsive-menu ul.responsive-menu-submenu-depth-3 a.responsive-menu-item-link { padding-left: 20%; } #responsive-menu-container #responsive-menu ul.responsive-menu-submenu-depth-4 a.responsive-menu-item-link { padding-left: 25%; } #responsive-menu-container #responsive-menu ul.responsive-menu-submenu-depth-5 a.responsive-menu-item-link { padding-left: 30%; } #responsive-menu-container li.responsive-menu-item { width: 100%; list-style: none; } #responsive-menu-container li.responsive-menu-item a { width: 100%; display: block; text-decoration: none; padding: 0 5%; position: relative; } #responsive-menu-container li.responsive-menu-item a .fa { margin-right: 15px; } #responsive-menu-container li.responsive-menu-item a .responsive-menu-subarrow { position: absolute; top: 0; bottom: 0; text-align: center; overflow: hidden; } #responsive-menu-container li.responsive-menu-item a .responsive-menu-subarrow .fa { margin-right: 0; } button#responsive-menu-button .responsive-menu-button-icon-inactive { display: none; } button#responsive-menu-button { z-index: 99999; display: none; overflow: hidden; outline: none; } button#responsive-menu-button img { max-width: 100%; } .responsive-menu-label { display: inline-block; font-weight: 600; margin: 0 5px; vertical-align: middle; } .responsive-menu-label .responsive-menu-button-text-open { display: none; } .responsive-menu-accessible { display: inline-block; } .responsive-menu-accessible .responsive-menu-box { display: inline-block; vertical-align: middle; } .responsive-menu-label.responsive-menu-label-top, .responsive-menu-label.responsive-menu-label-bottom { display: block; margin: 0 auto; } button#responsive-menu-button { padding: 0 0; display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; } .responsive-menu-box { width: 25px; height: 19px; display: inline-block; position: relative; } .responsive-menu-inner { display: block; top: 50%; margin-top: -1.5px; } .responsive-menu-inner, .responsive-menu-inner::before, .responsive-menu-inner::after { width: