/*--------------nav-tabs--------------------*/
.cc-nav-tabs {
    margin-bottom: 25px;
}

.cc-nav-tabs .cc-nav-link.active {
    border-bottom: 5px solid var(--secondary-light-color);
    color: var(--primary-dark-color);
}

.cc-nav-tabs .cc-nav-item.show .cc-nav-link, .cc-nav-tabs .cc-nav-link.active {
    background-color: transparent;
}

.cc-nav-tabs .cc-nav-link {
    border: 0px solid transparent;
}

.cc-nav-link {
    display: block;
    padding: 1rem 1.2rem;
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}

.cc-nav-tabs .cc-nav-link {
    color: rgba(var(--rgba-primary-dark-color), 0.6);
}

.cc-nav-tabs .cc-nav-link {
    border: 0px solid transparent;
    font-weight: 500;
}

.cc-nav-item .cc-nav-link:hover {
    background-color: #ededed;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    text-decoration: none;
}



/*always have media queries at the bottom of the file like so*/

/* Extra small devices (portrait phones, less than 576px)
No media query for `xs` since this is the default in Bootstrap*/

/*Small devices (landscape phones, 576px and up)*/
/*Medium devices (tablets, 768px and up)*/
/*Large devices (desktops, 992px and up)*/
/*Extra large devices (large desktops, 1200px and up)*/
/* @media (min-width: {width}) { } */