/* to include this file in the site, be sure that it is referenced in the custom-assets chunk */

.site-name-with-logo {
    display: flex;
    flex-direction: row-reverse;
    justify-content: start;
    align-items: center;
    gap: 30px;
}

.lcns-logo {
    width: 310px;
}

@media (max-width: 1055px) {
    .header-main {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }
    
    .site-name-and-tagline.site-name-with-logo {
        border: none;
        margin-left: 0;
        padding-left: 0;
    }
    
    .site-name {
        text-align: center;
    }
    
    .site-name-with-logo {
        flex-direction: column;
        align-items: center;
    }
}