/* Logo */

.logo-wrap {
    --logo-height: var(--theme-logo-height, 40px);
}

.logo-wrap {
    position: relative;
    display: inline-flex;
    align-items: baseline;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 100%;

    .logo {
        display: inline-flex;
        height: var(--logo-height, 60px);
        max-width: 100%;
        flex: 1 1;

        img, svg {
            width: 100%;
        }
    }

}