/* BENTO BOX */
/* Bento Box Query Loop */

@media (min-width: 768px) {
	.wt-bento-loop {
		/*max-width: 1200px;*/
		/*margin: 0 auto;*/
		display: grid !important;
		grid-template-columns: repeat(4, 1fr);
		/*grid-template-rows: repeat(3, 1fr);*/
		grid-column-gap: 20px;
		grid-row-gap: 20px;

		.uagb-loop-container {
			grid-template-columns: repeat(4,1fr) !important;
			display: grid !important;
		}
		.uagb-loop-post {
			width: 100% !important;
		}

		.wp-block-post, .uagb-loop-post {
			margin-block-start: 0px;
			height: 350px;
			width: 100%;
		}
		.wt-bento-card {
			height: 350px;
		}
		.wt-bento-image {
			width: 100% !important;
			height: 100%;
			aspect-ratio: 16/9;
			object-fit: cover;
			margin: 0;
		}
		.wt-bento-image img {
			width: px;
			height: 100% !important;
			object-fit: cover;
		}
		.wt-bento-text {
			width: 100% !important;
			height: 100%;	
		}
		.wt-bento-text h2 {
			padding-top: 0;
		}
		.wt-bento-text p {
			font-size: var(--wp--preset--font-size--normal);
		}
	}
}
@media (min-width: 768px) {
	.wt-bento-loop {
		.wp-block-post:nth-child(1), .uagb-loop-post:nth-child(1) {
			grid-area: 1 / 1 / 2 / 4 !important;
			display: grid;
			.wt-bento-card {
				display: flex !important;
				flex-direction: row-reverse;
				border-left: 8px solid var(--wp--preset--color--secondary);
			}
			.wt-bento-image {
				min-width: 60% !important;
				height: 100%;
			}
			.wt-bento-text {
				max-width: 40% !important;
				height: 100%;	
			}	
		}
		.wp-block-post:nth-child(2), .uagb-loop-post:nth-child(2) { 
			grid-area: 1 / 4 / 2 / 5 !important;
			display: grid;
			.wt-bento-card {
				display: flex !important;
				flex-direction: column !important;
				border-bottom: 8px solid var(--wp--preset--color--secondary) !important;
			}
			.wt-bento-image {
				aspect-ratio: 16/9;
				min-width: 100% !important;
			}
			.wt-bento-text {
				min-width: 100% !important;
			}
			.wp-block-post-excerpt__excerpt {
				display: none;
			}
		}
		.wp-block-post:nth-child(3), .uagb-loop-post:nth-child(3) { 
			grid-area: 2 / 1 / 3 / 2 !important;
			display: grid;
			.wt-bento-card {
				display: flex !important;
				flex-direction: column !important;
				border-bottom: 8px solid var(--wp--preset--color--secondary) !important;
			}
			.wt-bento-image {
				aspect-ratio: 16/9;
				min-width: 100% !important;
			}
			.wt-bento-text {
				min-width: 100% !important;
			}
			.wp-block-post-excerpt__excerpt {
				display: none;
			}
		}
		.wp-block-post:nth-child(4), .uagb-loop-post:nth-child(4) { 
			grid-area: 2 / 2 / 3 / 5 !important;
			display: grid;
			.wt-bento-card {
				display: flex !important;
				flex-direction: row-reverse;
				border-left: 8px solid var(--wp--preset--color--secondary);
			}
			.wt-bento-image {
				min-width: 60%;
				height: 100%;
				object-fit: cover;
			}
			.wt-bento-text {
				width: 40% !important;
				height: 100%;	
			}	
		}
		.wp-block-post:nth-child(n+5), .uagb-loop-post:nth-child(n+5) { 
			/*grid-area: 3 / 1 / 4 / 2 !important; */
			display: grid !important;
			.wt-bento-card {
				display: flex !important;
				flex-direction: column !important;
				border-bottom: 8px solid var(--wp--preset--color--secondary) !important;
			}
			.wt-bento-image {
				aspect-ratio: 16/9;
				min-width: 100% !important;
			}
			.wt-bento-text {
				min-width: 100% !important;
			}
			.wp-block-post-excerpt__excerpt {
				display: none;
			}
		}
	}	
}
@media (max-width: 767px) {
	.wt-bento-loop {
		/*grid-template-columns: 1fr !important;*/
		.wt-block-post{
			height: unset !important;
		}
		.wt-bento-card {
			height: unset !important;
		}
		.wp-block-post-excerpt {
			display: none;
		}
		.wt-bento-categories {
			display: none;
		}
		.wt-bento-excerpt {
			display: none;
		}
	}
}