.admin-bar{
    .blook-navbar-section{
        &.sticky{
            top: 30px;
           
        }
    }
}
.blook-navbar-section{
    position: relative;
    margin-top: -1px;
    &.sticky{
        position: fixed;
        top: 0;
        width: 100%;
        left: 0;
        z-index: 10;
        @include transition();
        .menu-description{
            display: none;
        }
        .blook-site-feature{
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-end;
           
            button{
                .#{$prefix}-tooltip{
                    bottom: initial;
                    top: calc(100% + 10px);
                    &:after{
                        @include transform(rotate(180deg));
                        top: initial;
                        bottom: 100%;
                    }
                }
            }
            
        }
    }
    a{
        color: $color_white;
    }
    button{
        height: 40px;
        padding: 0;
        border-radius: 0;
        border: 0;
        line-height: 40px;
       
        cursor: pointer;
        width: 100%;
        position: relative;
    }
    .blook-site-feature{
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
       
        button{
            &:hover,
            &:focus-within{
                color: $color_white;
                .#{$prefix}-tooltip{
                    opacity: 1;
                }
               
            }
            &:after{
                content: '';
                width: 100%;
                height: 4px;
                position: absolute;
                left: 0;
                bottom: 0;
                background-color: $color_black;
                @include transition();
            }
            .#{$prefix}-tooltip{
                opacity: 0;
                position: absolute;
                z-index: 1; 
                bottom: 50px;
                right: 0;
            }
        }
        .blook-feature{
            &:not(.blook-trending){
                width: 40px;
                button{
                    background-color: $color_light_gray;
                }
                
            }
            &.blook-trending{
                width: 140px; 
            }
            &.blook-search{
                button{
                    background-color: $color_white;
                }
            }
           
        }
        .blook-trending{
            button{
                background-color: $color_black;
                color: $color_white;
                &:visited{
                    color: $color_white;
                }
                &:hover,
                &:focus-within{
                    background-color: transparent;
                }
                span{
                    display: inline-block;
                    padding: 0 2px;
                }
            }
        }
        
    }
    .main-navigation{
        display: none;
        @include media(lg){
            padding-left: 30px;
            display: block;
        }
    }
    .blook-menu-icon{
        @include media(lg){
            display: none;
        }
        button{
            background-color: $color_black;
            color: $color_white;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
        }
        i{
            display: inline-block;
            padding-left: 10px;
        }
       
    }
}
.blook-navbar-layout-1{
    .main-navigation{
        flex: 0 0 calc(100% - 220px);
        max-width: calc(100% - 220px);
    }
    .blook-menu-icon{
        flex: 0 0 calc(100% - 220px);
        max-width: calc(100% - 220px);
        @include media(xs){
            flex: 0 0 100px;
            max-width: 100px;
        }
    }
    .blook-site-feature{
        flex: 0 0 220px;
        max-width: 220px;
        @include media(xs){
            flex: 0 0 calc(100% - 100px);
            max-width: calc(100% - 100px);
        }
        @include media(lg){
            flex: 0 0 220px;
            max-width: 220px;
        }
    }
   
}
.blook-navbar-layout-2{
    .main-navigation{
        flex: 0 0 calc(100% - 260px);
        max-width: calc(100% - 260px);
    }
    .blook-menu-icon{
        flex: 0 0 calc(100% - 260px);
        max-width: calc(100% - 260px);
        @include media(xs){
            flex: 0 0 100px;
            max-width: 100px;
        }
    }
    .blook-site-feature{
        flex: 0 0 260px;
        max-width: 260px;
        @include media(xs){
            flex: 0 0 calc(100% - 100px);
            max-width: calc(100% - 100px);
        }
        @include media(lg){
            flex: 0 0 260px;
            max-width: 260px;
        }
        .blook-mode{
            order: 1;
        }
       
        .blook-search{
            order: 2;
        }
        .blook-newsletter{
            order: 3;
        }
        .blook-trending{
            order: 4;
        }
    }
}
.blook-nav-search-content{
    background-color: $color_white;
    padding: 30px 0;
    .blook-wrapper{
        padding: 15px 30px 30px;
        width: 800px;
        max-width: 100%;
        margin: auto;
        position: relative;
    }
    .#{$prefix}-icon-section{
        position: absolute;
        right: 30px;
        top: 30px;
        z-index: 2;
    }
    .#{$prefix}-title-section{
        position: relative;
        margin-top: 15px;
        .#{$prefix}-section-title{
            margin: 0;
        }
    }
  
    .blook-search-form{
        margin-top: 30px;
    }
  
}