/*
 * INSIGHT MEDIA
 * Canonical responsive brand component.
 *
 * IMPORTANT:
 * Dimensions are intentionally constrained.
 */

.im-global-brand {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    flex: 0 0 auto !important;

    width: 150px !important;
    max-width: 150px !important;

    height: 62px !important;
    max-height: 62px !important;

    min-width: 0 !important;
    min-height: 0 !important;

    overflow: hidden !important;

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

    line-height: 0 !important;
    text-decoration: none !important;
}

.im-global-brand__image {
    display: block !important;

    width: auto !important;
    max-width: 142px !important;

    height: 56px !important;
    max-height: 56px !important;

    min-width: 0 !important;
    min-height: 0 !important;

    object-fit: contain !important;

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


/* compact */

.im-global-brand--compact {
    width: 120px !important;
    max-width: 120px !important;

    height: 50px !important;
    max-height: 50px !important;
}

.im-global-brand--compact .im-global-brand__image {
    max-width: 112px !important;

    height: 44px !important;
    max-height: 44px !important;
}


/* micro */

.im-global-brand--micro {
    width: 46px !important;
    max-width: 46px !important;

    height: 46px !important;
    max-height: 46px !important;
}

.im-global-brand--micro .im-global-brand__image {
    width: 42px !important;
    max-width: 42px !important;

    height: 42px !important;
    max-height: 42px !important;

    object-fit: contain !important;
}


/* mobile */

@media (max-width: 640px) {

    .im-global-brand {
        width: 112px !important;
        max-width: 112px !important;

        height: 48px !important;
        max-height: 48px !important;
    }

    .im-global-brand__image {
        max-width: 104px !important;

        height: 42px !important;
        max-height: 42px !important;
    }

}