:root {
    --site-background: #1e140a;
    --red: #951825;
    --bright-yellow: #f98d02;
    --yellow: #c16c00;
    --blue: #082b55;
    --light-blue: #49a4c1;
    --aqua-blue: #21fff8;
    --gray: #565656;
    --dark-gray: #201f1b;
    --light-gray: #858385;
    --green: #138001;
    --light-green: #21f10e;
    --neon-green: #00ff23;
    --options-green: #51be17;
    --options-alt-green: #449f14; /* 4eb616 */
    --white: #ffffff;
    --black: #000000;
    --orange: #F77A09;
    --beige: #9e6a2e;
    --active-sidebar-link: #cccccc;
    --border-green: #357f1f;
    --money: #85bb65;
    --navBarSpacerHeight: 102px;
    --secondary: var(--green);
    --secondaryAlt: var(--light-green);
}

@font-face {
    font-family: 'Ocraext';
    src: url('https://static.wallstreetbulls.io/OCRAEXT.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ocraext-lg';
    src: url('https://static.wallstreetbulls.io/OCRAEXT.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    size-adjust: 130%;
}

html {
    min-height: 100%;
}

body {
    background: var(--site-background);
    color: white;
    font-family: 'Ocraext', sans-serif;
    font-style: normal;
    line-height: 1.8;
}

p {
    color: var(--orange);
    font-size: 1.25rem;
    line-height: 24px;
}

/* Font */

.ff-primary {
    font-family: 'Ocraext-lg', sans-serif;
}

.ff-secondary {
    font-family: Futura, Trebuchet MS, Arial, sans-serif;
    font-style: normal;
}

.fc-primary {
    color: var(--green) !important;
}

.fc-secondary {
    color: var(--orange) !important;
}

.fc-tertiary {
    color: var(--light-blue);
!important;
}

.fc-quaternary {
    color: var(--money) !important;
}

/* Borders */

.bc-primary {
    border-color: var(--orange) !important;
}

.bc-secondary {
    border-color: var(--green) !important;
}

.page-title {
    font-size: 1.25rem;
    color: var(--white);
}

.green-text {
    color: var(--light-green);
}

a.green-text:hover {
    color: var(--light-green);
    opacity: 0.8;
}

.blue-text {
    color: var(--blue);
}

.light-blue-text {
    color: var(--aqua-blue)
}

.gray-text {
    color: var(--light-gray);
}

.global-margin-top {
    margin-top: 32px;
}

.money {
    color: #85bb65;
}

.no-bar a {
    color: white;
    text-decoration: none;
}

.no-bar a:hover {
    color: #cccccc;
}

.f-primary {
    color: var(--orange);
    font-size: 1.25rem;
    line-height: 24px;

}

/* Button */

.wsb-button a {
    background: var(--orange);
    border-radius: 0;
    color: var(--white);
    text-decoration: none;
}

button.wsb-button {
    background: var(--orange);
    border-radius: 0;
    color: var(--white);
}

.btn.btn-medium {
    width: 20em;
}

/* Nav */

.wsb-logo-offset {
    margin-top: -8px;
}

.title {
    color: white;
}

.navbar {
    position: unset;
}

.navbar-main {
    background: var(--red);
}

.navbar-main .container-fluid {
    height: 100%;
}

.main-nav li {
    width: 100%;
    padding-bottom: 10px;
}

.nav-profile a, .nav-profile button {
    font-size: 1rem;
    white-space: nowrap;
    font-family: Futura,Trebuchet MS,Arial,sans-serif;
    display: flex;
    align-items: center;
}

.nav-profile a .icon, .nav-profile button .icon {
    width: 20px;
    height: 20px;
}

.navbar-main .main-nav > li > a.nav-link {
    color: var(--white);
    padding-top: 0;
    padding-bottom: 0;
    height: 100%;
    font-size: 1rem;
}

.navbar-dark .navbar-nav .nav-link.active {
    color: var(--bright-yellow);
}

.navbar-dark .navbar-toggler {
    border: none;
    color: var(--white);
}

.navbar-dark .navbar-toggler:focus {
    box-shadow: none;
}

.navbar-main .main-nav li:before {
    content: '';
    border-right: 1px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to bottom, rgba(255,255,255,.55), rgba(30,20,10,.35));
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    border-radius: 50%;
}

.navbar-main a {
    text-transform: uppercase;
}

.navbar-brand {
    background: var(--red);
    text-transform: uppercase;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 1rem;
    box-shadow: inset 0 2px 0 rgb(255 255 255 / 30%)
}

.nav-item, .nav-link {
    color: white;
}

.nav-dropdown {
    background-color: #444d55;
}

.dropdown-dark .dropdown-item {
    color: white;
}

.dropdown-dark .dropdown-item.active {
    background-color: var(--bg-dark);
}

.nav-profile .dropdown-item {
    padding: 0;
}

.navbar-expand-md .nav-profile .dropdown-item a,
.navbar-expand-md .nav-profile .dropdown-item button {
    padding-right: 1rem;
    padding-left: 1rem;
}

.dropdown-item.active {
    background-color: #2d3339;
}

.nav-dropdown li. .nav-dropdown a {
    color: white;
}

.nav-dropdown li:hover, .nav-dropdown a:hover {
    background-color: #394047;
    color: white;
}

.nav-item.dropdown:hover .icon,
.nav-item.dropdown:hover .icon-label,
.nav-link:hover .icon,
.nav-link:hover .icon-label {
    opacity: .8;
}

.nav-item:hover, .nav-item:focus,
.nav-link:hover, .nav-link:focus {
    color: #cccccc;
}

.navbar-nav {
    width: 100%;
    padding: 20px 15px;
}

/* Ticker */
#navbarTicker ul.navbar-nav {
    line-height: 16px;
    padding: 0 15px;
    flex-wrap: nowrap;
    flex-direction: row;
    font-size: 12px;
}
.navbar.ticker {
    background: var(--site-background);
}

.ticker-symbol {
    font-size: 1.5rem;
    white-space: nowrap;
    padding-left: 5px;
}

span.cursor {
    display: inline-block;
    width: 15px;
    background: var(--blue);
    animation: blinker 1s linear infinite;
    height: 30px;
    position: relative;
    top: 7px;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

.stats {
    font-size: 0.85rem;
    text-transform: uppercase;
}

.stats .stat-value {
    color: var(--green);
    padding-left: 10px;
}

.stats-lower {
    font-size: 1rem;
    text-transform: uppercase;
}

.stat-lower-data {
    color: var(--gray);
}

.stats-lower span {
    padding-right: 10px;
    color: var(--white);
}

/* Filter */

.filter-nav {
    background: var(--dark-gray);
    text-transform: uppercase;
    font-style: normal;
    height: 100vh;
    transform: translateX(-160px);
    transition: all 0.3s ease-in;
    flex: 1;
    max-width: 160px;
    margin-right: 42px;
    position: absolute;
}

.filter-nav ul li {
    width: 40px;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-40px);
}

.search-wrap.show .filter-nav {
    transform: translateX(0);
    transition: all 0.3s ease-out;
}

.filter-nav.show ul li {
    width: 100%;
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}

.filter-nav .filter-nav-title {
    color: var(--white);
    background: var(--light-gray);
    padding-left: 5px;
    position: relative;
    line-height: 24px;
    font-style: italic;
    letter-spacing: 2px;
}

button.gradient {
    background-image: linear-gradient(#47484a, #3d3e3f);
    color: var(--white);
    font-size: 10px;
    letter-spacing: -2px;
    border-radius: 3px 0 0 0;
    box-shadow: inset 0 2px 0 rgb(255 255 255 / 30%);
    border: 1px solid transparent;
}

button.gradient:hover {
    background-image: linear-gradient(#3d3e3f, #47484a);
}

.sidebar-menu.offcanvas button {
    position: absolute;
    left: 161px;
    top: 1px;
    width: 40px;
    height: 23px;
    visibility: visible;
}

.sidebar-menu.offcanvas button span {
    transform: rotate(0deg);
    transition: all 0.3s ease-out;
}

.sidebar-menu.offcanvas[aria-hidden="true"] button span.desktop, .sidebar-menu.offcanvas[aria-hidden="true"] button span.mobile {
    transform: rotate(180deg);
    transition: all 0.3s ease-in;
}

.filter-nav .nav {
    border-top: 24px solid var(--blue);
}

.filter-nav li {
    line-height: 22px;
}

.filter-nav a {
    color: var(--light-blue);
    padding: 0 0 0 5px;
    font-size: 1.25rem;
}

.filter-nav a.active {
    color: var(--active-sidebar-link);
}

/* Search Bar */

.search-wrap {
    position: relative;
}

.form-control::placeholder {
    color: var(--light-blue);
    font-family: Futura,Trebuchet MS,Arial,sans-serif;
    font-style: italic;
}

.search-bar {
    height: 24px;
    flex: 0 0 calc(100vw - 40px);
}

.search-wrap.show .search-bar {
    flex: 1 0 auto;
}

.search-bar input {
    border-radius: 0;
    padding-left: 7px;
}

.search-bar button {
    width: 60px;
}

.search-bar button .icon {
    width: 14px;
    height: 14px;
    margin-right:2px;
    transform: rotate(90deg);
}

.search-bar button span {
    transform: rotate(90deg);
}

/* Welcome */

.divider {
    width: 50%;
}

.iframe {
    color: var(--light-blue);
    font-size: 0.75rem;
    font-style: italic;
}

.checkContainer {
    width: 30px;
    height: 30px;
    padding: 5px;
}

/* Press */

.press-title {
    color: var(--white);
    line-height: 18px;
    font-size: 1.25rem;
    word-break: break-word;
}

.press-title a {
    color: var(--light-green);
    text-decoration: none;
    text-transform: none;
    font-size: 0.75rem;
    font-style: italic;
}

.press-title a:hover {
    text-decoration: none;
    opacity: 0.8;
}

/* Gallery */

.col-container {
    position: relative;
}

.dropdown {
    display: flex;
}

.dropdown input {
    max-height: 36px;
}

.search-bar {
    position: fixed;
    top: 97px;
    width: calc(100% - 16px);
    left: 41px;
    z-index: 2;
}

.search-bar input, .search-bar input:focus {
    color: var(--light-blue);
    background-color: var(--black);
    border: none;
    height: 24px;
}

.search-bar-result {
    color: white;
    background-color: #313131;
    cursor: pointer;
}

.searchResultBox {
    background-color: #313131;
}

.searchResultAttrType {
    color: #adb5bd
}

.searchResultContainer {
    top: 38px;
    left: 0;
    width: 100%;
}

.multiple-search-results {
    z-index: 1000;
}

.pagination .page-item .page-link {
    font-style: normal;
    color: white;
    background-color: #313131;
    border: 1px solid #808c99;
}

.pagination .page-item.active .page-link,
.pagination .page-item .page-link:hover {
    color: white;
    background: var(--light-blue);
}

.pagination .page-item:focus,
.pagination .page-item .page-link:focus {
    outline: none;
    box-shadow: none;
}

.pagination .page-item.disabled .page-link {
    color: #b3b3b3;
}

.carousel-card img {
    border-radius: 5px;
}

.footer p {
    font-weight: lighter;
    cursor: pointer;
}

.tag {
    color: #cccccc;
    border: 1px solid #cccccc;
}

.tag:hover {
    color: white;
    border: 1px solid white;
}

.token-card .card-body {
    background-color: #ffffff;
}

.token-card .card-body .primary {
    color: #85bb65;
}

.token-card .card-body .secondary {
    color: black;
}

/* Merch */

.shop a {
    text-decoration: none;
}

/* Roadmap 2.0 */

.roadmap span {
    padding-right: 30px;
    min-width: 175px;
}

.roadmap.roadmap-1 span {
    max-width: 150px;
    width: 150px;
    white-space: nowrap;
}

/* Options market */

.options-market {
    background: url("https://static.wallstreetbulls.io/options-portal-bg.jpg") no-repeat center;
    background-size: auto calc(100vh - var(--navBarSpacerHeight));
    height: calc(100vh - var(--navBarSpacerHeight));
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
}

.options-market.options-minting {
    background: url("https://static.wallstreetbulls.io/options-portal-bg.gif") no-repeat center !important;
    background-size: auto calc(100vh - var(--navBarSpacerHeight)) !important;
}

.options-market h2, .options-market h4 {
    text-align: center;
    color: var(--neon-green);
    text-shadow: 0 0 7px #555, 0 0 5px #555, 0 0 11px #555, 0 0 15px rgba(33, 241, 14, 0.75),
    0 0 20px rgba(33, 241, 14, 0.75);
    margin-bottom: 20px;
    letter-spacing: -2px;
}

.options-market h4 .icon {
    fill: var(--neon-green);
    border-radius: 50%;
    box-shadow: 0 0 7px #555, 0 0 5px #555, 0 0 11px #555, 0 0 15px rgba(33, 241, 14, 0.75),
    0 0 20px rgba(33, 241, 14, 0.75);
}

.options-market h2 {
    font-size: 30px;
}

.options-market h2 span {
    width: 100%;
    display: block;
}

.options-market-ctas {
    flex-wrap: wrap;
    gap: 20px;
}

.options-market-cta {
    background-color: var(--options-green);
    opacity: 0.9;
    color: var(--white);
    font-style: italic;
    border: none;
    padding: 0 30px;
    text-transform: uppercase;
    font-size: 24px;
    box-shadow: inset -2px -2px #2f630e, inset 1px 1px rgba(255, 255, 255, 0.5), inset -2px -2px #fff,
    inset 2px 2px rgba(255, 255, 255, 0.5);
    line-height: 1.5;
    width: 230px;
}

.options-market-cta:hover:not(:disabled) {
    background-color: var(--options-alt-green);
}

.options-market-cta:disabled {
    opacity: .7;
    filter: grayscale(100%);
}

.options-market button:hover:not(:disabled) {
    opacity: 1;
}

/* Options Panel */

.options-market-panel {
    background: rgba(42, 158, 5, 0.9);
    padding: 30px;
    color: var(--white);
    box-shadow: inset -2px -2px #2f630e, inset 1px 1px rgba(255, 255, 255, 0.5), inset -2px -2px #fff,
    inset 2px 2px rgba(255, 255, 255, 0.5);
    position: relative;
    text-align: center;
    width: 100%;
    border-radius: unset;
}

.options-market-panel .window-notification {
    border-radius: unset !important;
    margin: 1px;
    width: calc(100% - 2px);
}

.options-market-panel .window-notification.success {
    background: var(--success-green) !important;
}

.options-market-panel .window-notification.error {
    background: var(--error-red) !important;
}

.options-market-panel .window-notification .show {
    min-height: 4em;
    height: unset;
}

.options-market-panel .window-notification button {
    height: 15px !important;
}

.options-market-panel .close-button {
    position: absolute;
    right: 10px;
    top: 10px;
    background: #1d8001;
    color: var(--white);
    border: none;
    line-height: 1;
    font-size: 26px;
}

.options-market-panel h3 {
    margin-bottom: 0;
}

@keyframes flipCoin {
    from {
        transform: rotateY(0);
    }
    to {
        transform: rotateY(360deg);
    }
}

.options-market-panel .form-select {
    background-color: var(--options-green);
    border: 1px solid var(--options-alt-green);
    border-radius: 0;
    box-shadow: inset -2px -2px #2f630e,
    inset 1px 1px rgb(255 255 255 / 50%),
    inset -2px -2px #fff,
    inset 2px 2px rgb(255 255 255 / 50%);
}

.options-market-panel img.coin {
    max-height: 350px;
    object-fit: contain;
}

.options-market-panel ul {
    list-style: none;
    justify-content: center;
    padding-left: 0;
    gap: 0 15px;
    flex-wrap: wrap;
    margin-top: 10px;
}

.options-market-cost {
    font-size: 24px;
}

.options-market-cost span {
    padding-left: 5px;
}

.options-market-token-quantity {
    margin-bottom: 20px;
}

.options-market-token-quantity .numbers {
    margin-top: 20px;
}

.options-market-token-quantity input {
    width: 100px;
    border-radius: 0;
    border: none;
    padding-left: 5px;
}

.options-market-token-quantity button {
    background-color: var(--options-green);
    color: var(--white);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
    border: none;
    box-shadow: inset -2px -2px #2f630e, inset 1px 1px rgb(255 255 255 / 50%), inset -2px -2px #fff,
    inset 2px 2px rgb(255 255 255 / 50%);
}

.options-market-token-quantity button:hover:not(:disabled) {
    background-color: var(--options-alt-green);
}

.options-market-token-quantity button:disabled {
    filter: grayscale(100%);
}

.option-market-token .card-body {
    z-index: 1;
}

.option-market-token .token-border {
    margin-left: unset;
    transform: unset;
}

.options-token-select .no-tokens {
    min-height: 388px;
}

.option-market-token .token-border-spacing {
    padding: 0;
    margin-left: unset;
}

.options-market-message {
    text-align: left;
    position: relative;
}

.options-market-message .close-button {
    top: -15px;
    right: -15px;
}

.options-market-message .alert-success,
.options-market-message .alert-danger {
    color: var(--white);
    background-color: transparent;
    border: none;
}

.options-market-message .alert-message div,
.options-market-message .alert-danger div {
    font-size: 26px;
    font-weight: 300;
    line-height: 1.25;
}

.options-market-message .alert-message p {
    color: var(--white);
    font-size: 1rem;
    margin-top: 10px;
}

.options-market-message .message-icon {
    display: none;
}

.authorization {
    overflow-y: scroll;
    max-height: 500px;
}

.authorization p {
    color: var(--white);
}

@media (min-width: 768px) {
    .options-market h2 {
        font-size: 50px;
    }

    .options-market-ctas {
        gap: 25px;
        flex-wrap: nowrap;
    }

    .options-market-cta {
        width: 275px;
        font-size: 30px;
    }

    .options-market .show-panel {
        left: calc(155px / 2);
        width: 100%;
        margin: unset;
        right: unset;
    }

    .options-market-panel {
        width: unset;
        min-width: 550px;
    }

    .options-market-panel ul {
        gap: 25px;
        justify-content: space-between;
        flex-wrap: nowrap;
        margin-top: unset;
    }

    .options-token-select .no-tokens {
        min-height: 443px !important;
    }
}

/* Discord */

.discord-button a {
    background: var(--beige);
    color: var(--white);
    font-style: italic;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    letter-spacing: 2px;
}

/* Icons */

.checkIcon {
    border-radius: 50%;
    width: 26px;
    height: 26px;

    background-color: #1c344a;
    color: #91c36c;
    fill: currentColor;
}

.icon.orange {
    fill: var(--orange) !important;
}

.icon.token-panel-icon {
    fill: var(--bg-light);
}

/* Progress */

.progress {
    height: 50px;
    border-radius: .5em;
}

.counter-box {
    border-radius: 80px;
    background-color: #e9ecef;
    height: 160px;
    width: 160px;
    color: black;
    margin-left: -8px;
}

.counter-box.small {
    border-radius: 50px;
    height: 100px;
    width: 100px;
}

.counter-box.success {
    background-color: #198754;
    color: white;
}

/* Collections */

.collections a {
    text-decoration: none;
}

.collection-image {
    border: 9px solid var(--border-green);
    border-radius: 6px;
}

.collections a:hover img.collection-image {
    box-shadow: 5px 5px 20px rgba(33, 241, 14, 0.5);
}

/* phone only breakpoint */

@media (max-width: 768px) {
    .search-wrap .offcanvas.filter-nav:not(.show) {
        transform: none;
        visibility: visible !important;
    }
    .search-wrap .offcanvas.show {
        transform: translateX(-160px);
    }

    .filter-nav ul li {
        opacity: 1;
        visibility: visible;
        transform: none;
        width: 100%;
    }

    .sidebar-menu.offcanvas button span {
        transform: rotate(180deg);
    }

    .sidebar-menu.offcanvas[aria-hidden="true"] button span.mobile, .sidebar-menu.offcanvas[aria-hidden="true"] button span.desktop {
        transform: rotate(0deg);
    }

    .search-wrap .mobile-hide .offcanvas.filter-nav:not(.show) {
        transform: translateX(-160px);
    }
    .search-wrap .mobile-show .offcanvas.show {
        transform: none;
        visibility: visible !important;
    }

    .searchResultContainer ul.searchResultList li.list-group-item {
        padding: 0.5rem;
        font-size: 0.85rem;
    }

    .navbar-brand {
        background: var(--bright-yellow);
    }
}

/* greater than phone breakpoint */

@media (min-width: 768px) {
    .navbar-main {
        height: 30px;
    }

    .navbar-nav {
        width: 75%;
        padding: unset;
    }

    .navbar-brand {
        padding-right: 35px;
    }

    .main-nav li {
        width: 33.33333%;
        position: relative;
        box-shadow: inset 0 2px 0 rgb(255 255 255 / 30%);
        padding-bottom: unset;
    }

    .main-nav li:hover {
        background: var(--bright-yellow);
        box-shadow: none;
    }

    .nav-profile {
        border-left: 1px solid rgba(255, 255, 255, .25);
        box-shadow: inset 0 2px 0 rgb(197 28 44 / 50%);
    }

    .nav-profile li {
        border-left: none;
    }

    .navbar-dark .navbar-nav .nav-link.active, .navbar-brand.active {
        background: var(--bright-yellow);
        box-shadow: none;
        color: var(--white);
    }

    .navbar-dark .navbar-nav .nav-item:hover, .navbar-dark .navbar-nav .nav-link:hover,
    .nav-profile .nav-link:hover {
        color: var(--white);
        opacity: 1;
    }

    .main-nav li a:hover {
        opacity: 1;
    }

    .nav-profile:hover {
        background: var(--bright-yellow);
        box-shadow: none;
    }

    .nav-profile .nav-link span {
        letter-spacing: 2px;
        font-style: italic;
    }

    .nav-profile .nav-dropdown a,
    .nav-profile .nav-dropdown button {
        font-size: 1rem;
    }

    .nav-profile .nav-dropdown {
        background: var(--red);
        border-radius: 0;
        left: -9px;
        width: 223px;
        margin-top: -8px;
    }

    .nav-dropdown li:hover, .nav-dropdown a:hover {
        background: var(--bright-yellow);
    }

    span.cursor {
        top: 1px;
    }

    #navbarTicker ul.navbar-nav {
        line-height: 30px;
        padding: unset;
        flex-wrap: unset;
        flex-direction: unset;
        font-size: unset;
    }

    .stats {
        font-size: 1rem;
    }

    .sidebar-menu-spacer {
        max-width: 160px;
        flex-basis: 160px;
    }

    .roadmap p {
        margin-bottom: 5px;
    }

    .roadmap span {
        max-width: 215px;
        width: 215px;
    }

    .search-bar {
        top: 65px;
        left: 201px;
        width: calc(100% - 177px);
    }
}

/* greater than tablet media query */

@media (min-width: 992px) {
    .ticker-symbol {
        white-space: nowrap;
        font-size: 2.5rem;
    }

    .stats {
        font-size: 1.85rem;
    }

    .stats-lower {
        font-size: 1.85rem;
    }


    .navbar-brand {
        font-size: 1.5rem;
    }

    .navbar-main .main-nav > li > a.nav-link {
        font-size: 1.5rem;
    }

    .nav-profile a, .nav-profile button {
        font-size: 1.25rem;
    }

    .nav-profile .nav-dropdown {
        margin-top: -11px;
    }

    .search-bar {
        top: 94px;
    }

    .options-market-ctas {
        gap: 50px;
    }

}

/* Offcanvas */

.app-offcanvas {
    margin-top: var(--navBarSpacerHeight) !important;
    font-size: 18px;
}

/* Extras and overrides */

.fill-primary {
    fill: var(--green) !important;
}

.fill-secondary {
    fill: var(--orange) !important;
}

/* Sidebar */
.sidebar .nav-link.active, .sidebar .nav-item.active {
    color: var(--orange) !important;
}

.sidebar .nav-link.active .icon, .sidebar .nav-item.active .icon {
    fill: var(--orange) !important;
}

.sidebar .nav-item:hover, .sidebar .nav-item:focus,
.sidebar .nav-link:hover, .sidebar .nav-link:focus {
    color: var(--orange) !important;
}

.sidebar .nav-item:hover > .icon, .sidebar .nav-item:focus > .icon,
.sidebar .nav-link:hover > .icon, .sidebar .nav-link:focus > .icon {
    fill: var(--orange) !important;
}