/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 01 2024 | 01:34:17 */
/* mobile menu */
.hfe-nav-menu-icon {
    margin-right: -60px !important;
}

/*  mobile menu */

#navmenu a {
            display: inline-block;
            position: relative;
            font-size: 18px;
            color: #fff; /* Text color */
            text-decoration: none;
            padding: 5px 5px;
            margin: 0 5px;
            transition: color 0.3s ease;
        }
       #navmenu a::before,  #navmenu a::after {
            content: '';
            position: absolute;
            width: 100%;
            height: 1px; /* Thickness of the underline */
            background-color: #cf9d44; /* Color of the underline */
            left: 0;
            transition: transform 0.3s ease; /* Smooth transform transition */
        }
      #navmenu a::before {
            bottom: -5px; /* Positioning the first underline below the text */
            transform: scaleX(0);
            transform-origin: right;
        }
         #navmenu a::after {
            bottom: -10px; /* Positioning the second underline further below the first */
            transform: scaleX(0);
            transform-origin: left;
        }
       #navmenu a:hover::before,  #navmenu a:hover::after{
            transform: scaleX(1); /* Expanding the line to full width on hover */
        }