/*
Theme Name: Twenty Twenty-Four Child
Theme URI: https://example.com/twentytwentyfour-child/
Description: Child theme for Twenty Twenty-Four
Author: Your Name
Author URI: https://example.com
Template: twentytwentyfour
Version: 1.0.0
*/
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
body {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
}
/* Optional: Add custom styles here */
.archive-project-wrapper .archive-project-grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.archive-project-item {
    width: calc(50% - 20px); /* 50% width minus margins */
    margin-bottom: 20px;
    padding: 10px;
    box-sizing: border-box;
}

@media (min-width: 768px) {
    .archive-project-item {
        width: calc(33.33% - 20px); /* 33.33% width minus margins */
    }
}

@media (min-width: 1024px) {
    .archive-project-item {
        width: calc(16.6667% - 20px); /* 16.6667% width minus margins */
    }
}