/* -------------------------------------------
	Sticky Nav
---------------------------------------------- */

@import '../../../assets/sass/config';
@import '../../assets/sass/mixins/direction';
@import '../../assets/sass/mixins/mixins';

.sticky-nav-container {
    &.fixed {
        width: fit-content;
        margin-left: auto;
        margin-right: auto;
        animation: none;
    }
    a {
        display: inline-block;
        color: inherit;
    }
    &.with-divider {
        li + li {
            &:before {
                content: '';
                position: absolute;
                left: 0;
                top: 50%;
                transform: translateY(-50%);
                width: 1px;
                height: 100%;
                background-color: var(--alpha-change-color-light-3);
            }
        }
    }
    .container {
        padding: 0;
    }
}
.sticky-navs {
    display: block;

    >li {
        display: inline-block;
        position: relative;
        i, img, svg {
            padding-#{$right}: .5em;
        }
    }

    >li:not(:last-child) > * {
        padding-#{$right}: 1.5rem;
    }

    svg {
        width: 4rem;
        height: auto;
        vertical-align: middle;
    }
} 
@include mq(xs, max) {
    .sticky-nav-container.with-divider li + li {
        border: none;
    }
}