@use "../tools/mixins";

/*-------------------------------------------------------
Section "Recent projects" (style 1)
-------------------------------------------------------*/

.section--recent-projects-1 {
	overflow: unset;

	.section__header {
		row-gap: 0.25rem;
	}

	.wp-block-query .wp-block-post-template.is-layout-grid {
		row-gap: var(--wp--preset--spacing--20);

		@include mixins.media("break-medium") {
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}

		@include mixins.media("break-wide") {
			grid-template-columns: repeat(4, minmax(0, 1fr));
		}

		.wp-block-post {

			&:nth-child(1){

				@include mixins.media("break-medium") {
					grid-column: span 2;
				}
			}
		}
	}

	.section__footer {

		.wp-block-buttons {
			grid-column: span 2;

			@include mixins.media("break-medium") {
				grid-column: 2;
			}
		}
	}
}
