/*!
Theme Name: Child Theme
Template: latest-blog
Description: Child Theme of a Latest Blog theme
Author: your friends
*/

/* Reassigning the theme's primary colors */
:root {
    --post-item-background: #f5f7fA !important;
    --primary-color: #323fc0 !important;
}
/* Making logo smaller */
.site-logo a img {
    width: 120px;
}
/* Hiding preloader */
#loader {
    display: none;
}
/* Add some spacing between line */
p {
    line-height: 1.8;
}

/* Just for visible debug */
/*.main-navigation ul a {*/
/*    color: red;*/
/*}*/

/* header elements in one row */
/* Сначала отменяем все стили из оригинального медиа-запроса (600px) */
@media(max-width:600px) {
    .adore-header-wrapper {
        flex-direction: row; /* или значение по умолчанию */;
    }

    .adore-navigation,
    .site-branding {
        width: auto;
    }

    .site-branding {
        text-align: left;
    }
}
/* и применим те же стили, но только для экранов до 300px */
@media(max-width:300px) {
    .adore-header-wrapper {
        flex-direction: column;
    }

    .adore-navigation,
    .site-branding {
        width: 100%;
    }

    .site-branding {
        text-align: center;
    }
}