/*
|--------------------------------------------------------------------------
| Final Transparent ALHOMIS Branding
|--------------------------------------------------------------------------
*/

img[src*="logo-transparent.png"]{
    width:230px !important;
    max-width:76vw !important;
    height:auto !important;
    max-height:105px !important;
    object-fit:contain !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    mix-blend-mode:normal !important;

    filter:
        drop-shadow(
            0 1px 0
            rgba(255,220,125,.32)
        )
        drop-shadow(
            0 6px 12px
            rgba(0,0,0,.38)
        ) !important;
}

/* Public website header */
.brand img[src*="logo-transparent.png"]{
    width:178px !important;
    max-height:64px !important;
}

/* Public website footer */
.footer-brand img[src*="logo-transparent.png"]{
    width:215px !important;
    max-height:88px !important;
}

/* Admin login and admin sidebar */
.login-brand img[src*="logo-transparent.png"],
.auth-brand img[src*="logo-transparent.png"],
.admin-login-brand img[src*="logo-transparent.png"],
.login-logo img[src*="logo-transparent.png"],
.admin-brand img[src*="logo-transparent.png"],
.sidebar-brand img[src*="logo-transparent.png"],
.sidebar-logo img[src*="logo-transparent.png"]{
    width:225px !important;
    max-height:95px !important;
}

/* Remove any background surrounding the logo */
.login-brand,
.auth-brand,
.admin-login-brand,
.login-logo,
.admin-brand,
.sidebar-brand,
.sidebar-logo,
.footer-brand{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    overflow:visible !important;
}

@media(max-width:600px){

    img[src*="logo-transparent.png"]{
        width:210px !important;
        max-height:90px !important;
    }

    .brand img[src*="logo-transparent.png"]{
        width:155px !important;
        max-height:57px !important;
    }

}