/* 
    MENU STYLES
*/

$menu-background: #000;
$menu-background-opacity: 0.85;
$menu-links-font-size: 0.9rem;
$menu-links-font-size-level-2: 0.85rem;
$menu-font-weight: 700;
$menu-links-text-transform: uppercase;
$menu-links-color: #fff;
$menu-links-hover-color: #DAA520;
$menu-links-hover-background: #fff;
$menu-links-hover-font-size: 0.9rem;
$menu-button-hover-color: #DAA520;

#cssmenu {
    background: $menu-background;
    /*opacity: $menu-background-opacity;*/
    font-family: $font-headings; //declared in _fonts.scss
    font-weight: $menu-font-weight;
    text-transform: $menu-links-text-transform;
    ul>li>a {
        font-size: $menu-links-font-size;
        text-transform: $menu-links-text-transform;
    }
    ul>li>ul>li>a {
        font-size: $menu-links-font-size-level-2;
        font-weight: $menu-font-weight;
        text-transform: $menu-links-text-transform;
    }
    ul > li:hover > a, ul > li > ul > li:hover > a {
      color: $menu-links-hover-color;
      /*font-size: $menu-links-hover-font-size;*/
    }
    #menu-button:hover{
        color: $menu-button-hover-color;
    }
}