/* Custom CSS to remove dropdown icons from Pages dropdown and its sub-items */

/* Universal solution: Remove ALL dropdown icons from the entire navigation */
/* This will affect all dropdowns - Home, Pages, Portfolio, Blog, etc. */
nav.navbar.bootsnav li.dropdown > a.dropdown-toggle:before,
nav.navbar.bootsnav li.dropdown > a.dropdown-toggle:after {
    display: none !important;
}

/* Remove dropdown arrows from ALL sub-menu items */
nav.navbar.bootsnav ul.dropdown-menu li.dropdown > a.dropdown-toggle:before,
nav.navbar.bootsnav ul.dropdown-menu li.dropdown > a.dropdown-toggle:after {
    display: none !important;
}

/* Override any specific icon fonts that might be used */
nav.navbar.bootsnav li.dropdown > a.dropdown-toggle:before,
nav.navbar.bootsnav li.dropdown > a.dropdown-toggle:after {
    content: none !important;
    font-family: none !important;
}

/* Ensure this applies to all navigation positions */
nav.navbar.bootsnav ul.nav li.dropdown > a.dropdown-toggle:before,
nav.navbar.bootsnav ul.nav li.dropdown > a.dropdown-toggle:after,
nav.navbar.bootsnav ul.navbar-nav li.dropdown > a.dropdown-toggle:before,
nav.navbar.bootsnav ul.navbar-nav li.dropdown > a.dropdown-toggle:after,
nav.navbar.bootsnav ul.navbar-right li.dropdown > a.dropdown-toggle:before,
nav.navbar.bootsnav ul.navbar-right li.dropdown > a.dropdown-toggle:after {
    display: none !important;
    content: none !important;
}