/* TapConvo original full-logo branding */

/* No background tile or border */
.site-header .brand,
.login-editorial .login-brand,
.login-main .tc-mobile-brand {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* Homepage header */
.site-header .header-inner {
    height: 126px;
}

.site-header .brand img.tc-full-logo {
    display: block;
    width: 100px;
    height: auto;
    max-height: 80px;
    object-fit: contain;
}

/* Desktop login */
.login-editorial .login-brand img.tc-full-logo {
    display: block;
    width: 175px;
    height: auto;
    max-height: 155px;
    object-fit: contain;
}

/* Mobile login logo is hidden on desktop */
.login-main .tc-mobile-brand {
    display: none !important;
}

/* Responsive sizes */
@media (max-width: 760px) {
    .site-header .header-inner {
        height: 102px;
    }

    .site-header .brand img.tc-full-logo {
        width: 90px;
        max-height: 76px;
    }

    .login-main .tc-mobile-brand {
        display: inline-flex !important;
        margin: 0 auto 24px;
    }

    .login-main .tc-mobile-brand img.tc-full-logo {
        width: 125px;
        height: auto;
        max-height: 110px;
    }

    .login-main .login-form-wrap {
        margin-top: 28px;
    }
}

@media (max-width: 460px) {
    .site-header .header-inner {
        height: 94px;
    }

    .site-header .brand img.tc-full-logo {
        width: 96px;
        max-height: 86px;
    }
}


/* STEP 324: COMPACT HEADER */

/* Desktop */
.site-header .header-inner {
    height: 86px !important;
    min-height: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.site-header .brand img.tc-full-logo {
    width: 80px !important;
    height: auto !important;
    max-height: 72px !important;
    object-fit: contain !important;
}

/* Tablet and mobile */
@media (max-width: 760px) {
    .site-header .header-inner {
        height: 70px !important;
    }

    .site-header .brand img.tc-full-logo {
        width: 60px !important;
        height: auto !important;
        max-height: 56px !important;
    }
}

/* Small phones */
@media (max-width: 460px) {
    .site-header .header-inner {
        height: 64px !important;
    }

    .site-header .brand img.tc-full-logo {
        width: 54px !important;
        height: auto !important;
        max-height: 50px !important;
    }
}