<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.nav {
    display: flex;
    flex-direction: row;
    /* align-items: center;*/
    justify-content: space-between;
    /*   background-image: linear-gradient(to right, #9E768F, #9FA4C4);*/
    color: #3D0E61;
    height: 42px;
    padding: 6px;
    /* font-weight: bolder;*/
    font-size: 25px;
}

.menu li:hover {
    /* color: #3B3B3B !important;*/
    cursor: pointer;
}

.menu {
    display: flex;
    flex-direction: row;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    .menu &gt; li {
        margin: 0 1rem;
        overflow: hidden;
    }
/*Container for menu button  */
.menu-button-container {
    display: none;
    height: 100%;
    width: 30px;
    cursor: pointer;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#menu-toggle {
    display: none;
}

/*  Creating the menu button */
.menu-button,
.menu-button::before,
.menu-button::after {
    display: block;
    background-color: #5CA921;
    position: absolute;
    height: 3px;
    width: 32px;
    border-radius: 3px;
    transition: .5s ease-in-out;
    z-index: 100;
}

    .menu-button::before {
        content: '';
        margin-top: -8px;
    }

    .menu-button::after {
        content: '';
        margin-top: 8px;
    }
/*  Adding Functionality to the Hamburger Menu with CSS  */
#menu-toggle:checked + .menu-button-container .menu-button::before {
    margin-top: 0px;
    transform: rotate(45deg);
}

#menu-toggle:checked + .menu-button-container .menu-button {
    background: rgba(255, 255, 255, 0);
}

    #menu-toggle:checked + .menu-button-container .menu-button::after {
        margin-top: 0px;
        /*  transforms the hamburger icon into a cross  */
        transform: rotate(-45deg);
    }

/* Media Query for Laptops and Desktops */
@media (min-width: 1025px) and (max-width: 1280px) {
    .nav {
        display: none;
    }
}

/* Media Query for Mobile Devices */
@media (max-width: 480px) {
}

/* Media Query for low resolution  Tablets, Ipads */
@media (min-width: 481px) and (max-width: 767x) {
}

/* Media Query for Tablets Ipads portrait mode */
@media (min-width: 768px) and (max-width: 1024px) {
    .nav {
        /*display: none;*/
    }
}

/* Media Query for Laptops and Desktops */
@media (min-width: 811px) and (max-width: 1280px) {
    .nav {
        display: none;
    }
}

/* Media Query for Large screens */
@media (min-width: 1281px) {
    .nav {
        display: none;
    }
}

/* Making the navbar responsive by CSS Media Queries */
@media (max-width: 810px) {

    .header-main {
        /*background-color: #303434;
                background-color: rgba(61, 61, 61, 0.7);*/
    }

    .menu-button-container {
        display: flex;
    }

    .logo {
        padding-left: 10px;
    }


    #menu-toggle:checked ~ .menu {
        position: absolute;
        top: 0;
        margin-top: 56px;
        right: 0;
        flex-direction: column;
        width: 100%;
        /*! justify-content: center; */
        /*align-items: center;*/
        background-color: #303434;
        height: 100vh;
        padding-bottom: 100%;
        transition: .5s ease-in-out;
    }

    .menu {
        position: absolute;
        top: 0;
        right: 0;
        width: 0;
        margin-top: 56px;
        height: 100vh;
        transition: .5s ease-in-out;
        align-items: center;
    }

    #menu-toggle ~ .menu li {
        /*  height: 0;
                margin: 0;
                padding: 0;*/
        border: 0;
        /* Size li to fit internal content */
        block-size: fit-content;
        display: flex;
        align-content: center;
        align-items: center;
    }

    #menu-toggle:checked ~ .menu li {
        /* height: 1.5em;
                padding-top: 10px;
                padding-bottom: 10px;*/
    }


        #menu-toggle:checked ~ .menu li.hr-line {
            border-top: solid 1px #5CA921 !important;
        }

        /* make entire a element fill entire li */
        #menu-toggle:checked ~ .menu li a {
            height: 1.5em;
            width: 100vw;
            padding-top: 10px;
            padding-bottom: 10px;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            text-align: center;
        }

    #menu-toggle ~ .menu li a {
        height: 0;
        padding-top: 0;
        padding-bottom: 0;
    }


    .menu li a {
        color: #fff;
    }

    .menu li {
        display: flex;
        justify-content: center;
        margin: 0;
        /*! padding: 0.5em 0; */
        width: 100%;
        color: #3B3B3B;
        font-size: 18px;
        background-color: #303434;
    }

        .menu li:hover {
            background-color: #eaebeb;
        }

            .menu li:hover a {
                color: #2f3635;
            }



    .header-main-logo-link {
        display: none;
    }

    .header-mobile-logo-link img {
        height: 40px;
    }

    #searchForm1 {
        margin-top: -10px;
    }


    .item-active {
        background-color: #dfe4e4 !important;
    }

    .item-link-active {
        color: #2f3635 !important;
    }
}

@media screen and (max-width: 350px) {
    .header-mobile-logo-link img {
        height: 25px;
    }
}
</pre></body></html>