@charset "UTF-8";
@import "themefit.mobilemenu.css";

/****************************************************************************

Customize the ThemeFit mobile menu styles here.

****************************************************************************/

/*======================================
 menu wrapper, menu container, menu
======================================*/

#main-nav.tf-mobile-menu #main-nav-container ul.menu { background-color: #F5F5F5; border-color: #CCC; }

#main-nav.tf-mobile-menu #main-nav-container ul.menu li.menu-item { border-color: #CCC; }

#main-nav.tf-mobile-menu #main-nav-container ul.menu li.menu-item a{ }

#main-nav.tf-mobile-menu #main-nav-container ul.menu li.menu-item ul.sub-menu li.menu-item a { }

#main-nav.tf-mobile-menu #main-nav-container ul.menu li.menu-item ul.sub-menu li.menu-item a:hover { }

/* default menu list item - user has not made menu yet */
#main-nav.tf-mobile-menu #main-nav-container ul.menu li.menu-item#no-menu-items a { padding: 7px 10px; }
#main-nav.tf-mobile-menu #main-nav-container ul.menu li.menu-item#no-menu-items { margin-top: 5px; }

/*======================================
 menu controls
======================================*/

/* toggle button (main bar color and font color) */
#main-nav.tf-mobile-menu a#toggle-menu { color: #FFF; }

/* toggle button (portion of button which contains arrow) */
#main-nav.tf-mobile-menu a#toggle-menu span { }

/* close button */
#main-nav.tf-mobile-menu a#close-menu { bottom:26px; /* move button up to counter act #main-nav padding*/ }

/* both buttons :hover */
#main-nav.tf-mobile-menu a#toggle-menu:hover span, /* toggle button */
#main-nav.tf-mobile-menu a#close-menu:hover /* close button */
{ }