/*
Theme Name: ConcreteMasterpiece
Theme URI: 
Author: Damiano Giacomazzi
Author URI: 
Description: 
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 5.7
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: concretemasterpiece
Tags: 
*/

p, h2 {
    font-size: clamp(22px, 2vw, 42px) !important;
}


.footer-grid {
    grid-template-columns: repeat(5, 1fr);
}

.footer-grid img {
    height: 7vw;
    width: auto;
}

.footer-grid p {
    font-size: clamp(14px, 1.5vw, 24px) !important;
}

.opacity-0 {
    opacity: 0;
}


.wpml-ls-legacy-list-horizontal a.wpml-ls-link {
    display: flex;
    padding: 0;
    font-size: clamp(22px, 2vw, 42px) !important;
}

.wpml-ls-legacy-list-horizontal {
    padding: 0;
}




@media screen and (max-width: 768px) {


    .home header .wp-block-group.is-layout-grid {
        grid-template-columns: 1fr;
        justify-items: center;
        align-items: center;
    }

    /*header .wp-block-group.is-layout-grid .wp-block-site-logo {
        max-width: 50%;
        margin: 30px auto 0 auto;
    }*/

    .post-template .wp-block-group.is-layout-grid {
        grid-template-columns: 1fr;
    }

    p, h2 {
        font-size: 20px !important;
    }

    .footer-grid {
        grid-template-columns: 1fr;
        margin-top: 100px;
    }

    .footer-grid hr {
        opacity: 0;
    }

    .footer-grid hr:first-child {
        opacity: 1;
    }

    p.has-system-font-font-family {
        font-size: 14px !important;
    }

    .footer-grid p:nth-child(6) {
        grid-row: 2;
    }

    .footer-grid p:nth-child(7) {
        grid-row: 4;
    }

    .footer-grid p:nth-child(8) {
        grid-row: 6;
    }

    .footer-grid div:nth-child(11) {
        grid-row: 3;
    }

    .footer-grid div:nth-child(12) {
        grid-row: 5;
    }

    .footer-grid div:nth-child(13) {
        grid-row: 7;
    }

    .footer-grid .wp-block-group {
        flex-direction: column;
    }

    .footer-grid .wp-block-group img {
        height: 100px;
        width: auto;
        margin: 0 auto;
    }
}