/* * Frontend Style Version 1.0.2 */ .wpmi-hide-overall-label > a > .wpmi-mlabel{ display: none; } .menu-demo-container ul li a > .wpmi-mlabel, .menu-menu-container ul li a > .wpmi-mlabel { vertical-align: middle; font-size: 18px; } .menu-demo-container ul.sub-menu li a > .wpmi-mlabel, .menu-menu-container ul.sub-menu li a > .wpmi-mlabel { font-size: 16px; } .wpmi-iposition-left > a .wpmicons-set.wpmicons-customicon, .wpmi-iposition-left > a .wpmicons-set.wpmicons-avicon{ display: inline-block; margin-right: 10px; vertical-align: middle; } .wpmi-iposition-top > a .wpmicons-set , .wpmi-iposition-left > a .wpmicons-set , .wpmi-iposition-right > a .wpmicons-set { font-size: 25px; } .wpmi-iposition-top > a .wpmicons-set i, .wpmi-iposition-left > a .wpmicons-set i, .wpmi-iposition-right > a .wpmicons-set i { display: inline-block; } a .wpmicons-set .lnr-home:before{ position: relative; top: -2px; } a .wpmicons-set .lnr-bubble:before { position: relative; right: -1px; } a .wpmicons-set .lnr-envelope:before, a .wpmicons-set .lnr-users:before, a .wpmicons-set .lnr-star:before { position: relative; top: -1px; } .wpmi-iposition-right > a .wpmicons-set.wpmicons-customicon, .wpmi-iposition-right > a .wpmicons-set.wpmicons-avicon{ display: inline-block; margin-left: 10px; vertical-align: middle; } .wpmi-hide-overall-label > a .wpmicons-set.wpmicons-avicon { font-size: 30px; margin-left: 0; margin-right: 0; padding: 0 15px; } .wpmi-iposition-left > a .wpmi-icon-divider , .wpmi-iposition-right > a .wpmi-icon-divider { display: inline-block; } @media screen and (max-width: 480px) { .wpmi-disable-mobile > a .wpmicons-set.wpmicons-customicon, .wpmi-disable-mobile > a .wpmicons-set.wpmicons-avicon { display: none; } } @media screen and (min-width: 480px) and (max-width: 768px) { .wpmi-disable-tablet > a .wpmicons-set.wpmicons-customicon, .wpmi-disable-tablet > a .wpmicons-set.wpmicons-avicon { display: none; } } @media screen and (min-width: 980px) { .wpmi-disable-desktop > a .wpmicons-set.wpmicons-customicon, .wpmi-disable-desktop > a .wpmicons-set.wpmicons-avicon { display: none; } } .wpmi-iposition-top > a, .wpmi-iposition-top > a .wpmicons-set.wpmicons-customicon, .wpmi-iposition-top > a .wpmicons-set.wpmicons-avicon { text-align: center; } .wpmicons-set.wpmicons-avicon img, .wpmicons-set.wpmicons-customicon img { width: 30px; height: 30px; display: block; } .wpmi-iposition-top > a .wpmicons-set.wpmicons-customicon img, .wpmi-iposition-top > a .wpmicons-set.wpmicons-avicon img { display: inline-block; } .wpmi-iposition-right > a .wpmi-icon-divider{ width: 1px; height: 16px; background-color: #000; margin-left: 10px; display: inline-block; vertical-align: middle; } .wpmi-iposition-left > a .wpmi-icon-divider { width: 1px; height: 16px; background-color: #000; margin-right: 10px; display: inline-block; vertical-align: middle; } .wpmi-iposition-top > a .wpmi-icon-divider { width: 25px; height: 1px; background-color: #000; margin: 5px 0; position: relative; left: 50%; transform: translateX(-50%); } .wpmi-hide-overall-label > a .wpmi-icon-divider { display: none; } @media screen and (max-width: 480px) { .wpmi-disable-mobile > a .wpmi-icon-divider { display: none; } } @media screen and (min-width: 480px) and (max-width: 768px) { .wpmi-disable-tablet > a .wpmi-icon-divider { display: none; } } @media screen and (min-width: 980px) { .wpmi-disable-desktop > a .wpmi-icon-divider { display: none; } } .dropdown-toggle { right: -30px !important; } .wpmi-enable-circular i { padding: 8px; -webkit-border-radius: 50%; border-radius: 50%; background-color: rgba(0,0,0,.4); font-size: 18px; } @media screen and (max-width:1200px){ .menu-demo-container ul li a > .wpmi-mlabel, .menu-menu-container ul li a > .wpmi-mlabel { font-size: 16px; } .wpmi-iposition-right > a .wpmi-icon-divider, .wpmi-iposition-left > a .wpmi-icon-divider { margin-right: 5px; } .wpmi-iposition-right > a .wpmicons-set.wpmicons-customicon, .wpmi-iposition-right > a .wpmicons-set.wpmicons-avicon, .wpmi-iposition-left > a .wpmicons-set.wpmicons-customicon, .wpmi-iposition-left > a .wpmicons-set.wpmicons-avicon { margin-right: 5px; } } .wpmicons-set.wpmicons-avicon i.dashicons{ vertical-align: unset; height: unset; width: unset; } /* Display Menu Icons On Hover animation effects Start */ li.wpmi-each-menu-item.wpmi-enable-animation.hvr-icon-hover-display-icons .wpmicons-set{ display: block; transition: .5s; opacity: 0; } li.wpmi-each-menu-item.wpmi-enable-animation.hvr-icon-hover-display-icons:hover .wpmicons-set{ opacity: 1; } /*onhover display icon position top*/ li.wpmi-each-menu-item.wpmi-enable-animation.hvr-icon-hover-display-icons.wpmi-iposition-top .wpmicons-set{ position: absolute; left: 50%; top: -50%; transform: translateX(-50%); } li.wpmi-each-menu-item.wpmi-enable-animation.hvr-icon-hover-display-icons.wpmi-iposition-top:hover .wpmicons-set{ top: -20%; } /*onhover display icon position left*/ li.wpmi-each-menu-item.wpmi-enable-animation.hvr-icon-hover-display-icons.wpmi-iposition-left .wpmicons-set{ position: absolute; left: -50%; top: 50%; transform: translateY(-50%); } li.wpmi-each-menu-item.wpmi-enable-animation.hvr-icon-hover-display-icons.wpmi-iposition-left:hover .wpmicons-set{ left: 0%; top: 50%; } /*onhover display icon position right*/ li.wpmi-each-menu-item.wpmi-enable-animation.hvr-icon-hover-display-icons.wpmi-iposition-right .wpmicons-set{ position: absolute; right: -50%; top: 50%; transform: translateY(-50%); } li.wpmi-each-menu-item.wpmi-enable-animation.hvr-icon-hover-display-icons.wpmi-iposition-right:hover .wpmicons-set{ right: 0%; top: 50%; } li.wpmi-each-menu-item.wpmi-enable-animation.hvr-icon-hover-display-icons.wpmi-iposition-right , li.wpmi-each-menu-item.wpmi-enable-animation.hvr-icon-hover-display-icons.wpmi-iposition-left { overflow: hidden; } @media screen and (min-width: 48em) { li.wpmi-each-menu-item.wpmi-enable-animation.hvr-icon-hover-display-icons.wpmi-iposition-right a , li.wpmi-each-menu-item.wpmi-enable-animation.hvr-icon-hover-display-icons.wpmi-iposition-left a { padding: 1em 2.25em; } } /* Display Menu Icons On Hover animation effects End */