﻿.dropdown.dropdown-open > .dropdown-menu, .dropdown:hover > .dropdown-menu {
    display: block;
}

.navbar.navbar-light .navbar-nav .nav-link {
    display: inline-block;
}

.navbar * {
    outline-offset: -2px;
}

@media (max-width: 992px) {
    .navbar .navbar-nav .nav-item.dropdown {
        display: inline-block;
    }
    .dropdown-toggle {
        display: inline-block;
        padding-left: 20px;
        padding-right: 20px;
    }
}

.c-sidenav *:focus-visible, .c-sidenav .nav-link:focus-visible, .c-sidenav div:focus-visible {
    outline-offset: -2px;
}

.c-sidenavigation .c-sidenav * {
    outline-offset: -2px;
}

.inner-addon .c-icon {
    top: 0;
}

/* BFSG / WCAG */
.dropdown-toggle {
    width: 24px;
    height: 24px;
}
main .dropdown-toggle {
    width: unset;
    height: unset;
}

button:focus-visible, a:focus-visible, div:focus-visible,
input:focus-visible, select:focus-visible, textarea:focus-visible, i:focus-visible,
body.c-is-tabbing span:focus:focus-visible {
    outline-color: #007bff;
    outline-style: solid !important;
    outline-width: 2px !important;
    outline-offset: 2px;
}

form .form-control:focus, .form-row .form-control:focus, .form-group .form-control:focus, .form-row .btn:focus, .form-group .btn:focus, #backtotop:focus-visible, .selection > span:focus-visible {
    outline: 2px solid #007bff;
    outline-offset: 0;
}

body.c-is-tabbing button.close:not(:disabled):not(.disabled):focus, body.c-is-tabbing .c-themesiteportalnav button.navbar-item:focus, button.nav-link:focus-visible, button.loginlink:focus-visible {
    outline: 2px solid #007bff;
}

body:not(.c-is-tabbing) input:focus-visible,
body:not(.c-is-tabbing) textarea:focus-visible,
body:not(.c-is-tabbing) a:focus-visible,
body:not(.c-is-tabbing) select:focus,
body:not(.c-is-tabbing) button:focus,
body:not(.c-is-tabbing) span:focus-visible {
    outline-color: transparent !important;
    outline: 0;
}

body.c-is-tabbing .nav-item.dropdown.show .dropdown-toggle:focus:focus-visible {
    color: #007bff;
}

.navbar .navbar-nav .nav-item {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

#mainSite .navbar .nav-item {
    flex-direction: column;
}

.ui-slideouttab-panel:not(.ui-slideouttab-open) > div.container a,
.ui-slideouttab-panel:not(.ui-slideouttab-open) > div.container button,
.ui-slideouttab-panel:not(.ui-slideouttab-open) > div.container input {
    display: none;
}
