﻿/*Strip the ul of padding and list styling*/
#TopNavMenu {
    background-color: #00948f;
}


#TopNavMenu ul {
    list-style-type: none !important;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute !important;
    
}

/*Create a horizontal list with spacing*/
#TopNavMenu li {
    display: inline-block !important;
    float: left !important;
    margin-right: 1px !important;
}

    /*Style for menu links*/
    #TopNavMenu li a {
        display: block !important;
        min-width: 140px !important;
        height: 50px !important;
        text-align: center !important;
        line-height: 50px !important;
        color: #fff !important;
       text-decoration: none !important;
	   font-weight:500
    }

    /*Hover state for top level links*/
    #TopNavMenu li:hover a {
        background: #19365b;
		border-bottom:3px solid #54b846
    }

    /*Style for dropdown links*/
    #TopNavMenu li:hover ul a {
        background: #19365b;
        color: #fff;
        height: 40px !important;
        line-height: 40px !important;
    }

        /*Hover state for dropdown links*/
        #TopNavMenu li:hover ul a:hover {
            background: #00948f;
            color: #fff !important;
        }

    /*Hide dropdown links until they are needed*/
    #TopNavMenu li ul {
        display: none !important;
    }

        /*Make dropdown links vertical*/
        #TopNavMenu li ul li {
            display: block !important;
            float: none !important;
        }

            /*Prevent text wrapping*/
            #TopNavMenu li ul li a {
                width: auto !important;
                min-width: 100px !important;
                padding: 0 20px !important;
            }

/*Display the dropdown on hover*/
#TopNavMenu ul li a:hover + .hidden, #TopNavMenu .hidden:hover {
    display: block !important;
}

/*Style 'show menu' label button and hide it by default*/
#TopNavMenu .show-menu {
    text-decoration: none !important;
    color: #fff !important;
    background: #19c589;
    text-align: center !important;
    padding: 10px 0 !important;
    display: none !important;
}

/*Hide checkbox*/
#TopNavMenu input[type=checkbox] {
    display: none !important;
    -webkit-appearance: none !important;
}

    /*Show menu when invisible checkbox is checked*/
    #TopNavMenu input[type=checkbox]:checked ~ #menu {
        display: block !important;
    }


/*Responsive Styles*/

@media screen and (max-width : 960px) {
    /*Make dropdown links appear inline*/
    #TopNavMenu ul {
        position: static !important;
        display: none !important;
    }
    /*Create vertical spacing*/
    #TopNavMenu li {
        margin-bottom: 1px !important;
    }
    /*Make all menu links full width*/
    #TopNavMenu ul li, li a {
        width: 100% !important;
    }
    /*Display 'show menu' link*/
    #TopNavMenu .show-menu {
        display: block !important;
    }
}


@media screen and (max-width: 960px) {
   #TopNavMenu.navbar {
        min-height: 35px !important;
    }
  #TopNavMenu label{
      margin-bottom: 0 !important;
  }
}