/* ==========================================================================
# Logo default style
========================================================================== */

#qodef-page-header {

    .qodef-header-logo-link {

        img {

            &.qodef--main {
                opacity: 1;
            }

            &.qodef--dark,
            &.qodef--light {
                opacity: 0;
            }

            &:not(.qodef--main):not(.qodef--sticky) {
                position: absolute;
                top: 50%;
                left: 0;
                transform: translateY(-50%);
            }
        }

        .qodef-header--light:not(.qodef-header--sticky-display) & {
            
            .qodef--light {
                opacity: 1;
            }

            .qodef--dark,
            .qodef--main {
                opacity: 0;
            }
        }

        .qodef-header--dark:not(.qodef-header--sticky-display) & {
            
            .qodef--dark {
                opacity: 1;
            }

            .qodef--light,
            .qodef--main {
                opacity: 0;
            }
        }
    }

    .qodef-header-logo-image.qodef--customizer {
        max-height: 100%;
        width: auto;
        margin-right: auto;
    }
}
