/*Link style*/
.nb-link {
    color: var(--nb-link-color-primary);
}

.nb-link:hover {
    color: var(--nb-link-color-secondary);
}
/*End Link style*/

/*Links sizing*/
.nb-link-xs {
    font-size: var(--nb-link-xs);
}

.nb-link-s {
    font-size: var(--nb-link-s);
}

.nb-link-m {
    font-size: var(--nb-link-m);
}

.nb-link-l {
    font-size: var(--nb-link-l);
}
/*End Links sizing*/

/* Ovo treba obrisati */

/*Link Primary*/
.nb-link.nb-primary-link {
    color: var(--nb-link-color-primary);
}

.nb-link.nb-primary-link:hover {
    color: var(--nb-link-primary-hover-color);
}
/*End Link Primary*/

/*Link Secondary*/
.nb-link.nb-secondary-link {
    color: var(--nb-link-secondary-color);
}

.nb-link.nb-secondary-link:hover {
    color: var(--nb-link-secondary-hover-color);
}
/*End Link Secondary*/

/* **** */



/* Text link 1 (no underline) */
.nb-link.text-link-1{
    text-decoration: none;
}
.nb-link.text-link-1.nb-primary-link{
    color: var(--nb-text-link-1-primary-color)
}
.nb-link.text-link-1.nb-primary-link:hover{
    color: var(--nb-text-link-1-primary-hover-color);
}
.nb-link.text-link-1.nb-secondary-link{
    color: var(--nb-text-link-1-secondary-color)
}
.nb-link.text-link-1.nb-secondary-link:hover{
    color: var(--nb-text-link-1-secondary-hover-color);
}

/* Text link 2 (underline all states) */
.nb-link.text-link-2{
    text-decoration: underline;
    text-underline-offset: 5px;
}
.nb-link.text-link-2.nb-primary-link{
    color: var(--nb-text-link-2-primary-color)
}
.nb-link.text-link-2.nb-primary-link:hover{
    color: var(--nb-text-link-2-primary-hover-color);
}
.nb-link.text-link-2.nb-secondary-link{
    color: var(--nb-text-link-2-secondary-color)
}
.nb-link.text-link-2.nb-secondary-link:hover{
    color: var(--nb-text-link-2-secondary-hover-color);
}

/* Text link 3 (hover underline) */
.nb-link.text-link-3{
    text-decoration: none;
}
.nb-link.text-link-3:hover{
    text-decoration: underline;
}
.nb-link.text-link-3.nb-primary-link{
    color: var(--nb-text-link-3-primary-color)
}
.nb-link.text-link-3.nb-primary-link:hover{
    color: var(--nb-text-link-3-primary-hover-color);
}
.nb-link.text-link-3.nb-secondary-link{
    color: var(--nb-text-link-3-secondary-color)
}
.nb-link.text-link-3.nb-secondary-link:hover{
    color: var(--nb-text-link-3-secondary-hover-color);
}

/* Text link 4 (hover dash left) */
.nb-link.nb-text-link-4 {
    position: relative;
    display: flex;
    align-items: center;
    max-width: max-content;
}

.nb-link.nb-text-link-4:before {
    display: inline-flex;
    align-items: center;
    content: '';
    position: relative;
    width: 0;
    height: 2px;
    transition: width 0.5s;
    background: var(--nb-spec-color);
}

.nb-link.nb-text-link-4:hover:before {
    width: 20px;
    margin-right: 10px;
}