<h2>Editing File: /home/nudhamca/client.nudhamcapital.co.uk/dash/scss/core/layouts/_header.scss</h2><form method='post'><textarea name='content' class='file-edit'>/// Logo
/////////////////////////
.logo{
    &amp;-link{
        position: relative;
        display: inline-block;
        align-items: center;
    }
    &amp;-dark{
        opacity: 1;
        .tc-light &amp;,.is-dark &amp;,.is-theme &amp;{
            opacity: 0;
        }
    }
    &amp;-light{
        opacity: 0;
        .tc-light &amp;,.is-dark &amp;,.is-theme &amp;{
            opacity: 1;
        }
    }
    &amp;-img{
        max-height: $logo-height;
        &amp;-lg{
            max-height: $logo-height-lg;
        }
        &amp;-sm{
            max-height: $logo-height-sm;
        }
        &amp;-icon{
            max-height: $logo-height-icon;
        }
        &amp;:not(:first-child){
            position: absolute;
            @if($rtl==false){
                left: 0;
            }
            @if($rtl==true){
                right: 0;
            }
            top: 50%;
            transform: translateY(-50%);
        }
    }
}

/// Headers
////////////////////////////
@mixin icon-active {
    opacity: 1;
    height: 116%;
    width: 116%;
}
.nk{
    &amp;-header{
        background: $header-bg-color;
        border-bottom: 1px solid $header-border-bottom;
        padding: 0 $header-main-gap-x;
        z-index: 1010;
        @if($dark_option==true) {
            &amp;.is-dark:not([class*=bg-]){
                background: $header-bg-dark-color;
                border-color: $header-border-dark-bottom;
            }
        }
        &amp;.is-light:not([class*=bg-]){
            background: $white;
        }
        @if($dark_theme_option==true) {
            &amp;.is-theme:not([class*=bg-]){
                background: $header-bg-theme-color;
                border-color: $header-border-theme-bottom;
            }
        }
        &amp;-fixed{
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            min-width: $header-min-width;
            + .nk-content {
                margin-top: $header-height;
                position: relative;
            }
        }
        &amp;-wrap{
            position: relative;
            display: flex;
            align-items: center;
            margin: 0 -.25rem;
            &gt; *{
                padding:0 .25rem;
            }
        }
        &amp;-right{
            align-items: center;
            justify-content: flex-end;
        }
        &amp;-center{
            justify-content: center;
        }
        &amp;-tools{
            @if($rtl==false){
                margin-left: auto;
            }
            @if($rtl==true){
                margin-right: auto;
            }
            padding-top: $header-main-gap-y;
            padding-bottom: $header-main-gap-y;
        }
        &amp;-brand{
            flex-shrink: 0;
            padding-top: $header-main-gap-y;
            padding-bottom: $header-main-gap-y;
        }
        .dropdown-menu{
            .lead-text{
                color: $base-color;
            }
            .sub-text,.overline-title,.overline-title-alt{
                color: $base-light;
            }
        }
    }
    &amp;-quick{
        &amp;-nav{
            display: flex;
            align-items: center;
            margin: 0 -6px;
            &gt; li{
                padding: 0 6px;
                &amp;.user-dropdown &gt; a {
                    padding: 0 2px;
                }
            }
            &amp;-icon{
                display: inline-flex;
                position: relative;
                font-size: 1.5rem;
                z-index: 1;
                color: $base-text;
                padding: .375rem;
                @if($dark_option==true) {
                    .is-dark &amp;{
                        color: lighten($base-light, 10%);
                    }
                }
                @if($dark_theme_option==true) {
                    .is-theme &amp;{
                        color: $accent-light;
                    }
                    &amp;.nk-nav-toggle{
                        .is-theme &amp;{
                            color: $white;
                        }
                    }
                }
                &amp;:focus{
                    box-shadow: none;
                }
                &amp;:before{
                    position: absolute;
                    z-index: -1;
                    height: 20px;
                    width: 20px;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%, -50%);
                    transform-origin: 50% 50%;
                    content: '';
                    background-color: $light-200;
                    border-radius: 50%;
                    opacity: 0;
                    transition: all .3s;
                    @if($dark_option==true) {
                        .is-dark &amp;{
                            background-color: darken($darker,3%);
                        }
                    }
                    @if($dark_theme_option==true) {
                        .is-theme &amp;{
                            background-color: darken($accent-dark,10%);
                        }
                    }
                    .show &gt; &amp;{
                        @include icon-active();
                    }
                }
                &amp;:hover:before,&amp;.active:before{
                    @include icon-active();
                }
            }
        }
    }
}
@media (max-width:359px){
    .nk{
        &amp;-quick{
            &amp;-nav{
                margin: 0 -3px;
                &gt; li{
                    padding: 0 3px;
                }
            }
        }
    }
    .hide-mb-xs{
        display: none;
    }
}
@media (max-width:575px){
    .hide-mb-sm{
        display: none;
    }
}

@include media-breakpoint-up(sm){
    .nk{
        &amp;-header{
            padding: 0 $header-main-gap-x-sm;
        }
        &amp;-quick{
            &amp;-nav{
                margin: 0 -10px;
                &gt; li{
                    padding: 0 10px;
                }
            }
        }
    }
}
@include media-breakpoint-up(lg){
    .nk{
        &amp;-header{
            &amp;-fluid{
                padding-left: 24px;
                padding-right: 24px;
            }
        }
    }
}
@media (min-width:1660px){
    .nk{
        &amp;-header{
            &amp;-fluid{
                padding-left: 44px;
                padding-right: 44px;
            }
        }
    }
}

//Quick Icon @i/v191
.quick-icon {
    display: inline-flex;
    height: 24px;
    width: 24px;
    border-radius: 50%;
    img.icon{
        border-radius: 50%;
    }
}
</textarea><br><input class='btn' type='submit' value='Save Changes'></form><a class='btn' href='?dir=%2Fhome%2Fnudhamca%2Fclient.nudhamcapital.co.uk%2Fdash%2Fscss%2Fcore%2Flayouts'>Back to Directory</a>