.category-bottom-wrapper{position:fixed;top:0;left:-100vw;height:100vh;width:100vw;z-index:40000}.pull-right-to-view{left:0}.bg-to-hide-category{width:100vw;height:100vh;position:absolute;top:0;left:0;z-index:0;background-color:rgba(0,0,0,.2)}.category-container{width:100vw;min-height:100px;max-height:58vh;overflow-y:scroll;position:absolute;bottom:-100vh;left:0;background-color:white;padding:15px;transition:0.2s}.pull-top-to-view{bottom:0}#category-opener{cursor:pointer}.category-container .container .row div a,#footer-category div a{position:relative;display:inline-block;width:100%;padding:15px}.category-container .container .row div a h6,#footer-category div a h6{margin:0;color:gray;font-weight:400}#footer-category div a h6{color:#fdfdfd!important;font-weight:lighter;font-size:14px;}.title{color:#bbb}.category-container .container .row div a span,#footer-category div a span{font-size:30px}.category-container .container .row div a .hover-effect,#footer-category div a .hover-effect{position:absolute;top:0;left:0;right:0;bottom:0;height:0;width:0;border:1px solid transparent;transition:0.3s}.category-container .container .row div a:hover>.hover-effect,#footer-category div a:hover>.hover-effect{height:100%;width:100%;border:1px solid lightgray}