/*
============================================================================================================================
camaraderie - grid-system.css
============================================================================================================================
This is the most generic template file in a WordPress theme and is one of required files to able to control the layout 
features in the customizer for CSS.
@package        camaraderie WordPress Theme
@copyright      Copyright (C) 2018. Benjamin Lu
@license        GNU General Public License v2 or later (http://www.gnu.org/licenses/gpl-2.0.html)
@author         Benjamin Lu (https://benjlu.com/)
============================================================================================================================
*/

/*
============================================================================================================================
Table of Content
============================================================================================================================
 1.0 - Control Radio Image (CSS)
============================================================================================================================
*/

/*
============================================================================================================================
 1.0 - Control Radio Image (CSS)
============================================================================================================================
*/
.jetpack-portfolio-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 1.125em;
}

.blog-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1.125em;
}

.jetpack-testimonial-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 1.125em;
}

@media screen and (min-width: 601px) and (max-width: 48em) {
    .jetpack-portfolio-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 1.125em;
    }

    .jetpack-testimonial-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 1.125em;
    }
}

@media screen and (min-height: 30.063em) and (max-width: 37.50em) {
    .jetpack-portfolio-grid {
        display: grid;
        grid-template-columns: 1fr;
    }

    .blog-grid {
        display: grid;
        grid-template-columns: 1fr;
    }

    .jetpack-testimonial-grid {
        display: grid;
        grid-template-columns: 1fr;
    }
}