/*
 * A tenant may upload a square emblem, a portrait crest, or a wide wordmark.
 * Give every theme the same predictable logo canvas instead of allowing the
 * image's intrinsic dimensions to change the header and footer geometry.
 */
.tenant-brand-logo {
    display: block !important;
    object-fit: contain;
}

.tenant-brand-logo--header {
    width: 190px !important;
    height: 76px !important;
    max-width: 190px !important;
    max-height: 76px !important;
    object-position: left center;
}

.tenant-brand-logo--footer {
    width: 180px !important;
    height: 72px !important;
    max-width: 180px !important;
    max-height: 72px !important;
    object-position: left center;
}

.tenant-brand-logo--loader {
    width: 64px !important;
    height: 64px !important;
    max-width: 64px !important;
    max-height: 64px !important;
    margin: 0 auto;
    object-position: center;
}

@media (max-width: 991px) {
    .tenant-brand-logo--header {
        width: 150px !important;
        height: 60px !important;
        max-width: 150px !important;
        max-height: 60px !important;
    }
}

@media (max-width: 575px) {
    .tenant-brand-logo--header {
        width: 132px !important;
        height: 54px !important;
        max-width: 132px !important;
        max-height: 54px !important;
    }

    .tenant-brand-logo--footer {
        width: 156px !important;
        height: 64px !important;
        max-width: 156px !important;
        max-height: 64px !important;
    }
}