/** UTILITY MENU CSS **/
nav.utility-menu ul.menu { font-size: 12px; }
nav.utility-menu ul.menu li { padding: 0 0 0 4px; }
nav.utility-menu ul.menu li:before { content: '|'; padding-right: 6px; }
nav.utility-menu ul.menu li:first-child:before { content: ''; padding-right: 0; }
nav.utility-menu ul.menu li a:hover, nav.utility-menu ul.menu li.current-menu-item a, nav.utility-menu ul.menu li.current-menu-ancestor a { text-decoration: none; color: #fb7d6c; }

/** MAIN MENU CSS **/
nav.header-menu ul.menu { font-size: 16px; margin: 0; text-transform: uppercase; }
nav.header-menu ul.menu li { border-top: 5px solid transparent; margin: 0 0 0 20px; padding: 0; position: relative; }
/*nav.header-menu ul.menu > li:first-child { margin-left: 10px; }*/
nav.header-menu ul.menu li:hover, nav.header-menu ul.menu li.current-menu-item, nav.header-menu ul.menu li.current-menu-ancestor { border-color: #fb6c6c; }
nav.header-menu ul.menu li a { color: #8a8787; display: inline-block; text-shadow: none; padding: 10px 12px; width: 100%; }
nav.header-menu ul.menu li:last-child > a { padding-right: 0; }
nav.header-menu ul.menu li a:hover { text-decoration: none; }
nav.header-menu ul.menu li:hover > a, nav.header-menu ul.menu li.current-menu-item > a, nav.header-menu ul.menu li.current-menu-ancestor > a {}
/** Drop down CSS **/
nav.header-menu ul.menu ul { background: rgba( 251, 108, 108, 0.7 ); display: none; font-weight: 500; left: 0; list-style: none; margin: 0; position: absolute;
    top: 40px; width: auto; z-index: 9999; text-align: left; }
nav.header-menu ul.menu li:hover > ul { display: block; }
nav.header-menu ul.menu ul li { border: none; display: block; font-size: 14px; line-height: 18px; margin: 0; padding: 0; }
nav.header-menu ul.menu ul li > a { color: #ffffff; margin: 6px 10px; padding: 0; width: auto; white-space: nowrap; }
/*nav.header-menu ul.menu ul li:first-child > a { margin-top: 10px; }*/
nav.header-menu ul.menu ul li:hover, nav.header-menu ul.menu ul li.current-menu-item, nav.header-menu ul.menu ul li.current-menu-ancestor { background: rgba( 251, 108, 108, 0.9 ); }
nav.header-menu ul.menu ul ul { left: 100%; top: 0; }

/** FOOTER MENU CSS **/
.footer ul.menu { color: #8a8787; font-size: 12px; margin: 0; text-transform: uppercase; }
.footer ul.menu li { line-height: 14px; padding: 0; }
.footer ul.menu li:before { content: ' | '; }
.footer ul.menu li:first-child:before { content: ''; }
.footer ul.menu li a { color: #8a8787; }
.footer ul.menu li a:hover, .footer ul.menu li.current-menu-item a, .footer ul.menu li.current-menu-ancestor a { text-decoration: none; color: #fb6c6c; }
/* Planner links menu specific CSS */
.planner-menu-wrapper ul.menu { color: #2cc3b6; }
.planner-menu-wrapper ul.menu li a { color: #2cc3b6; }