/***************************************************************** * Infinity Push *****************************************************************/ .ma-infinitypush-open { display: block; position: fixed; overflow: hidden; height: 100%; width: 100%; } .ma-infinitypush-wrapper { background-color: #f9f7f6; position: fixed; width: 250px; height: 100%; z-index: 9999; } .ma-infinitypush-wrapper.ma-infinitypush-active-button { position: fixed;top: 0; } .ma-infinitypush-wrapper.ma-infinitypush-active-button.ma-infinitypush-button-left .ma-infinitypush-button { margin: 0 0 0 22px; right: -44px; } .ma-infinitypush-wrapper.ma-infinitypush-active-button.ma-infinitypush-button-right .ma-infinitypush-button { margin: 0 22px 0 0; left: -44px; } .ma-infinitypush-wrapper .ma-infinitypush-button { display: block; box-shadow: inset 0 4px #3498db, inset 0 6px white, inset 0 9px #3498db, inset 0 11px white, inset 0 14px #3498db, inset 0 16px white; position: absolute; text-indent: -9999px; width: 20px; height: 20px; top: 16px; cursor: pointer; z-index: 99999999999; border: none; } .ma-infinitypush-wrapper.ma-infinitypush-left .ma-infinitypush ul li ul, .ma-infinitypush-wrapper.ma-infinitypush-left .ma-infinitypush ul li ol, .ma-infinitypush-wrapper.ma-infinitypush-left .ma-infinitypush ol li ul, .ma-infinitypush-wrapper.ma-infinitypush-left .ma-infinitypush ol li ol { border: none; z-index: 2;background: #e8e8e8; } .ma-infinitypush-wrapper.ma-infinitypush-right .ma-infinitypush ul li ul, .ma-infinitypush-wrapper.ma-infinitypush-right .ma-infinitypush ul li ol, .ma-infinitypush-wrapper.ma-infinitypush-right .ma-infinitypush ol li ul, .ma-infinitypush-wrapper.ma-infinitypush-right .ma-infinitypush ol li ol { border: none; } .ma-infinitypush-wrapper .ma-infinitypush { background-color: transparent; position: relative; height: 100%; overflow-x: hidden; overflow-y: auto; z-index: 5000; border: none; padding: 0; } .ma-infinitypush-wrapper .ma-infinitypush ul, .ma-infinitypush-wrapper .ma-infinitypush ol { list-style-type: none; width: 250px; margin: 0; /*overflow-x: hidden;*/ } .ma-infinitypush-wrapper .ma-infinitypush>ul>li, .ma-infinitypush-wrapper .ma-infinitypush>ol>li { width: 100%;position: initial; } .ma-infinitypush-wrapper .ma-infinitypush>ul>li>a, .ma-infinitypush-wrapper .ma-infinitypush ol li a { display: block; text-transform: uppercase; text-decoration: none; letter-spacing: 1px; height: 100%; margin: 0; position: inherit; } .ma-infinitypush-wrapper .ma-infinitypush ul li ul, .ma-infinitypush-wrapper .ma-infinitypush ul li ol, .ma-infinitypush-wrapper .ma-infinitypush ol li ul, .ma-infinitypush-wrapper .ma-infinitypush ol li ol { display: none; position: absolute; height: 100%; top: 0; overflow-y: auto; } .ma-infinitypush-wrapper .ma-infinitypush ul li.ma-infinitypush-active-item, .ma-infinitypush-wrapper .ma-infinitypush ol li.ma-infinitypush-active-item { background-color: #ccc;position: inherit; } .ma-infinitypush-wrapper .ma-infinitypush ul li.ma-infinitypush-active-item > a, .ma-infinitypush-wrapper .ma-infinitypush ol li.ma-infinitypush-active-item > a { color: #252324 !important; text-decoration: none !important; } .ma-infinitypush-wrapper .ma-infinitypush > ul, .ma-infinitypush-wrapper .ma-infinitypush > ol { border-bottom: 1px solid #e9e9e9;position: initial;padding: 0; } .ma-infinitypush-wrapper .ma-infinitypush.ma-infinitypush-sub-open { overflow-y: hidden;border: none; } .ma-infinitypush-wrapper .ma-infinitypush .ma-infinitypush-inactive { border-right: none !important; border-left: none !important; overflow-y: hidden !important; z-index: 0; position: initial; } .ma-infinitypush-wrapper .ma-infinitypush .ma-infinitypush-close-subnav, .ma-infinitypush-wrapper .ma-infinitypush .ma-infinitypush-close-subnav:hover { position: absolute; background-color: rgba(0, 0, 0, 0.5); width: 250px; height: 100% !important; top: 0; left: 0; padding: 0 !important; z-index: 2; }