/* Vertical navbar container */
    .vertical-navbar {
        position: fixed;
        top: 0;
        left: 0;
        width: 50px; /* Compact width */
        height: 95vh; 
        background-color: #f7f7f7;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        padding: 15px 0;
        box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);
        z-index: 10;
    }

    /* Style for the icons */
    .vertical-navbar .uk-iconnav {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 30px; /* Increased gap for site icons */
    }

    /* Logo at the top */
    .vertical-navbar-logo {
        margin-bottom: 15px;
    }

    /* Settings icon at the bottom */
    .vertical-navbar-settings {
        margin-top: auto;
    }

    .vertical-navbar a svg:hover {
        fill: #5f6368; /* Pale Gold hover color */
    }

    .vertical-navbar-site .active svg {
        fill: #5f6368; /* Active icon color */
    }