/*
 * فروشگاه اینترنتی آفیس
 * Sticky Mobile Menu
 *
 * This file contains the CSS previously kept in
 * Flatsome Simple CSS for the Sticky Mobile Menu UX Block.
 *
 * The UX Block itself remains unchanged.
 */

.sticky-mobile-menu {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 99;
    -webkit-box-shadow: 0px -8px 29px -12px rgba(0,0,0,0.2);
    box-shadow: 0px -8px 29px -12px rgba(0,0,0,0.2);
}

.sticky-mobile-menu .icon-box-center .icon-box-img {
    margin: 0 auto 4px;
}

@media (max-width: 549px) {
    #footer {
        margin-bottom: 90px;
    }
}

.sticky-mobile-menu .stack.stack-row a.plain {
    cursor: pointer;
    transition: 0.8s;
    padding-left: 6px;
    padding-right: 6px;
}

.sticky-mobile-menu .stack.stack-row:hover {
    background: rgb(238,174,202);
    background: radial-gradient(circle, rgba(238,174,202,1) 0%, rgba(148,187,233,1) 100%);
}

.sticky-mobile-menu .stack.stack-row:hover a.plain:hover {
    background-color: rgb(26 77 145 / 50%);
}