/** Menu Styles **/ #menucont ul.menu { margin: 0; } #menucont ul.menu li { position: relative; float: left; width: 100%; list-style-type: none; padding: 0; } #menucont ul.menu li a { float: left; color: #FFF; width: 100%; padding: 10px 20px; margin: 0; font-weight: 300; text-transform: uppercase; line-height: 22px; text-decoration: none; letter-spacing: 2px; } #menucont ul.menu li a:hover { background: rgba(0, 0, 0, 0.2); } #menucont ul.menu li.active a, #menucont ul.menu li.active a:hover { background: rgba(0, 0, 0, 0.2); font-weight: 600; } #menucont .menutitle { display: none; } @media screen and (max-width: 480px) { #menucont .menu { display: none; margin: 0; } #menucont .menu.open { display: block; } #menucont ul.menu li { position: relative; float: none; } #menucont ul.menu li, #menucont ul.menu ul li { display: block; } #menucont ul.menu li a { width: 100%; display: inline-block; margin: 0; padding: 5px 0; text-indent: 0; line-height: 23px; color: rgba(255, 255, 255, 0.6); background: none; font-weight: 300; text-transform: uppercase; } #menucont ul.menu li.active a, #menucont ul.menu li.active a:hover { font-weight: 600; color: #FFF; background: none; } #menucont ul.menu li a:hover { color: #FFF; background: none; } #menucont ul.menu > li:last-child a { margin: 0 0 20px 0; } #menucont .menutitle { display: block; width: 100%; padding: 12px 42px 12px 0; display: block; cursor: pointer; text-align: left; color: #FFF; text-transform: uppercase; } #menucont .menutitle p { margin-bottom: 0; } #menucont .menutitle p strong { margin: 0 0 0 15px; font-size: 18px; font-weight: 300; letter-spacing: 2px; } #menucont .menutitle span { margin: 0; font-size: 20px; } }