/*
Theme Name: Catherine's Portfolio
Author: Catherine Quinn
Author URI: 
Theme URI: 
Tags: full-site-editing, block-patterns
Text Domain: catherines-portfolio
Requires at least: 6.4
Requires PHP: 7.4
Tested up to: 6.4
Version: 100.0

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Styles intended only for the front.*/
html {
	scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {

	html {
		scroll-behavior: auto;
	}
}

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

h1 > span{
	font-weight: 400;
}

.query-layout: {
	display: flex;
	flex-wrap: wrap;
}

.query-layout > .wp-block-post-template {
	display: flex;
	flex-wrap: wrap;
	img {
			max-height: 374px;
			min-height: 374px;
		}
	
	& > li {
		flex-basis: 58.2%;
	}
	
	& > li:nth-child(2),
	& > li:nth-child(3) {
			flex-basis: 40%;
	}
	
	& > li:last-child{
		flex-basis: 100%;
		max-height: 300px;
	}
}


@media only screen and (max-width: 1160px) {
	.query-layout > .wp-block-post-template {
		
		& > li:first-child,
		& > li:nth-child(4) {
			flex-basis: 100%
		}
		
		& > li:nth-child(2),
		& > li:nth-child(3) {
			flex-basis: 100%;
		}
	}
}


@media only screen and (max-width: 660px) { 
	.site-footer .wp-block-group {
		flex-direction: column;
		justify-content: center; 
	}

}