/* ========= INFORMATION ============================
	- document:  Vertical Icon Menu Pro - Create a fixed vertical icon menu that adjusts its size for smaller screens.!
	- author:    Dmytro Lobov, Wow-Company
	- url:       https://wow-estore.com/item/vertical-icon-menu-pro/
	- version:   1.0
	- email:     wow@wow-company.com
==================================================== */
.vimp-menu { position: fixed; top: 0; height: 100%; list-style-type: none; margin: 0; padding: 0; z-index:9999; } .vimp-menu li a { display: block; text-align: center; position: relative; border-bottom: 1px solid rgba(0,0,0,0.05); -webkit-transition: background 0.1s ease-in-out; -moz-transition: background 0.1s ease-in-out; transition: background 0.1s ease-in-out; } .vimp-menu li a:before { speak: none; font-style: normal; font-weight: normal; text-indent: 0em; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-font-smoothing: antialiased; } .vimp-tooltip { position: relative; display: inline-block; } .vimp-tooltip .vimp-tooltiptext { visibility: hidden; text-align: center; position: absolute; z-index: 9999; top: 0px; } .vimp-tooltip:hover .vimp-tooltiptext { visibility: visible; } .vimp-menu{ background: #1f9ef8; left: 0; } .vimp-menu li a { color: #ffffff; height: 3.5em; width: 3.5em; line-height: 3.5em;} .vimp-menu li a:hover { background: #128be0; color: #eeee22;} .vimp-menu li a:before {font-size: 1.4em;} .vimp-tooltip .vimp-tooltiptext { color: #ffffff; height: 3.5em; line-height: 3.5em; font-size: 1em; } .vimp-tooltip:hover .vimp-tooltiptext { background: #128be0; color: #eeee22; width: 120px; left: 105%; }