/*So you can only click on the text, and not the "air" around it*/
div >.custom-nav-link{
    width:fit-content;
}
/*To showcase if the navigation link is the page you are on*/
.custom-nav-link.active {
    text-decoration: underline;
    color: var(--swift-accent-color);
}

/*When hovering on links give it underline and accent color*/
a.custom-nav-link:hover {
    text-decoration: underline;
    color: var(--swift-accent-color);
}

/*Rotate the arrow for the navigation when the dropdown is open*/
.custom-nav-link.dropdown-toggle.show svg {
    transform: rotate(180deg);
}

/*To ensure if dropdown is open the navigation text should be accent color*/
.custom-nav-link.dropdown-toggle.show {
    color: var(--swift-accent-color);
}

.custom-dropdown-menu {
    border: 0;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
    border-radius:0.5rem;
}

.breadcrumb-item-custom > a {
    text-decoration: none;
}
    .breadcrumb-item-custom > a:hover {
        text-decoration: underline;
        color: var(--swift-accent-color);
    }

.breadcrumb-item-custom + .breadcrumb-item-custom:before {
    content: ">";
}

    div.negativeLeftMargin {
        margin-left: -1rem !important;
    }