/* =========================================
   JCIA GLASS MENU - OJS 3.3 DEFAULT THEME
   ========================================= */

.menu-css {
    width:100%;
    margin:20px 0;
}

/* Glass Cards */

.menu-css a {

    display:flex;
    align-items:center;

    width:100%;

    margin-bottom:14px;

    padding:16px 18px;

    box-sizing:border-box;

    background:rgba(255,255,255,0.75);

    backdrop-filter:blur(15px);
    -webkit-backdrop-filter:blur(15px);

    border:1px solid rgba(255,255,255,0.5);

    border-radius:16px;

    box-shadow:
        0 8px 25px rgba(0,0,0,0.08);

    text-decoration:none !important;

    transition:all .35s ease;

}

/* Hover Effect */

.menu-css a:hover {

    transform:translateY(-4px);

    background:rgba(255,255,255,0.95);

    border-color:#0B6BCB;

    box-shadow:
        0 15px 35px rgba(0,91,187,0.18);

}

/* Icon */

.menu-css .menu-icon {

    width:35px;

    flex-shrink:0;

    font-size:22px;

    text-align:center;

}

/* Text */

.menu-css .menu-title {

    flex:1;

    margin-left:15px;

    font-size:15px;

    font-weight:600;

    color:#003B7A;

    line-height:1.4;

}

/* Arrow */

.menu-css .menu-arrow {

    font-size:22px;

    color:#0B6BCB;

    transition:.3s;

}

.menu-css a:hover .menu-arrow {

    transform:translateX(7px);

}

/* Mobile */

@media(max-width:768px){

    .menu-css a {

        padding:14px;

    }

    .menu-css .menu-title {

        font-size:14px;

    }

    .menu-css .menu-icon {

        font-size:20px;

    }

}