/*
 * InveShares final production logo geometry.
 *
 * Current saved values:
 * desktop=28px
 * mobile=25px
 * gap=5px
 */

:root {
    --inveshares-logo-desktop-size:28px;
    --inveshares-logo-mobile-size:25px;
    --inveshares-logo-gap:5px;
}

.top .hd .logo,
.hd .logo {
    display:inline-flex !important;
    align-items:center !important;
    vertical-align:middle !important;

    width:auto !important;
    height:auto !important;

    margin:0 !important;
    padding:0 !important;

    gap:var(--inveshares-logo-gap) !important;
    column-gap:var(--inveshares-logo-gap) !important;
    row-gap:0 !important;

    white-space:nowrap !important;
}

.top .hd .logo > img,
.hd .logo > img,
img[data-inveshares-logo-final="1"] {
    display:block !important;

    width:var(--inveshares-logo-desktop-size) !important;
    height:var(--inveshares-logo-desktop-size) !important;

    min-width:var(--inveshares-logo-desktop-size) !important;
    min-height:var(--inveshares-logo-desktop-size) !important;

    max-width:var(--inveshares-logo-desktop-size) !important;
    max-height:var(--inveshares-logo-desktop-size) !important;

    flex:0 0 var(--inveshares-logo-desktop-size) !important;

    margin:0 !important;
    padding:0 !important;

    object-fit:contain !important;
    object-position:center !important;
}

.top .hd .logo > .wm,
.hd .logo > .wm {
    margin:0 !important;
    padding:0 !important;
    line-height:1 !important;
}

@media(max-width:767px) {
    .top .hd .logo,
    .hd .logo {
        gap:var(--inveshares-logo-gap) !important;
        column-gap:var(--inveshares-logo-gap) !important;
    }

    .top .hd .logo > img,
    .hd .logo > img,
    img[data-inveshares-logo-final="1"] {
        width:var(--inveshares-logo-mobile-size) !important;
        height:var(--inveshares-logo-mobile-size) !important;

        min-width:var(--inveshares-logo-mobile-size) !important;
        min-height:var(--inveshares-logo-mobile-size) !important;

        max-width:var(--inveshares-logo-mobile-size) !important;
        max-height:var(--inveshares-logo-mobile-size) !important;

        flex-basis:var(--inveshares-logo-mobile-size) !important;
    }
}