/*
Theme Name: Solara
Theme URI: https://dezigndigital.com.au/themes/solara/
Author: Dezign Digital
Author URI: https://dezigndigital.com.au/ 
Description: Solara offers full-site editing flexibility and cross-browser compatibility. It is a responsive and mobile-friendly theme. Customizing the colors, fonts, typography, layouts, and more is easy. With the help of the powerful block editor, it will be simple to tailor your website to your needs. This theme is carefully crafted and meticulously developed.
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 5.7
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: solara
Tags: blog, portfolio, education, one-column, custom-logo, full-site-editing, block-patterns, featured-images, style-variations, threaded-comments, translation-ready, block-styles
*/

.main-menu button {
    width: 70px;
    height: 70px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: var(--wp--preset--color--hovercolor);
    color: #fff;
}

.main-menu svg {
    width: 44px;
    height: 44px;
    text-align: center;
}


.main-menu .wp-block-navigation__responsive-container-close {
    text-align: center;
}

.main-menu .wp-block-navigation__responsive-container-close svg {
    position: absolute;
    top: 10px;
    left: 10px;
}

@media screen and (max-width: 600px) {
    .main-menu button {
        width: 50px;
        height: 50px;
    }

    .main-menu svg {
        width: 30px;
        height: 30px;
        text-align: center;
    }

    .wp-block-query.post-loop-query li figure,
    .wp-block-query.post-loop-query li figure img {
        height: 300px !important;
    }
}