/* Final menu overrides loaded after parent custom-style.css */

body.cepuk-menu-refresh #menu-main > li,
body.cepuk-menu-refresh #menu-main > li > a,
body.cepuk-menu-refresh #menu-main > li:hover,
body.cepuk-menu-refresh #menu-main > li:hover > a,
body.cepuk-menu-refresh #menu-main > li.current-menu-item,
body.cepuk-menu-refresh #menu-main > li.current-menu-item > a,
body.cepuk-menu-refresh .top-bar-section ul.menu > li,
body.cepuk-menu-refresh .top-bar-section ul.menu > li > a,
body.cepuk-menu-refresh .top-bar-section ul.menu > li:hover,
body.cepuk-menu-refresh .top-bar-section ul.menu > li:hover > a,
body.cepuk-menu-refresh .top-bar-section ul.menu > li.active,
body.cepuk-menu-refresh .top-bar-section ul.menu > li.active > a,
body.cepuk-menu-refresh .top-bar-section ul.menu > li.current-menu-item,
body.cepuk-menu-refresh .top-bar-section ul.menu > li.current-menu-item > a,
body.cepuk-menu-refresh .top-bar-section ul.menu > li > a:focus,
body.cepuk-menu-refresh .top-bar-section ul.menu > li > a:active,
body.cepuk-menu-refresh .top-bar-section ul.menu > li > a:hover {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

body.cepuk-menu-refresh #menu-main > li > a::before,
body.cepuk-menu-refresh #menu-main > li > a::after,
body.cepuk-menu-refresh .top-bar-section ul.menu > li > a::before,
body.cepuk-menu-refresh .top-bar-section ul.menu > li > a::after {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}

body.cepuk-menu-refresh .top-bar-section ul.menu > li > a:hover,
body.cepuk-menu-refresh .top-bar-section ul.menu > li:hover > a,
body.cepuk-menu-refresh .top-bar-section ul.menu > li.current-menu-item > a,
body.cepuk-menu-refresh .top-bar-section ul.menu > li.active > a {
    color: var(--cepuk-secondary) !important;
    border-bottom: 2px solid var(--cepuk-secondary) !important;
}

body.cepuk-menu-refresh #menu-main .sub-menu,
body.cepuk-menu-refresh #menu-main .sub-menu li,
body.cepuk-menu-refresh #menu-main .sub-menu li > a,
body.cepuk-menu-refresh #menu-main .dropdown,
body.cepuk-menu-refresh #menu-main .dropdown li,
body.cepuk-menu-refresh #menu-main .dropdown li > a {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    color: var(--cepuk-dark) !important;
}

body.cepuk-menu-refresh #menu-main .sub-menu li > a:hover,
body.cepuk-menu-refresh #menu-main .dropdown li > a:hover {
    background: #f2f5f8 !important;
    color: var(--cepuk-dark) !important;
}