/*
Theme Name: Concept Artist
Theme URI: 
Author: Joe A Simpson Jr
Author URI: 
Description: A Child Theme of Twenty Twenty-Five that reimagines a user experience that ALL artists – from Character Designers, Concept Artists, Ilustrators to Fine Artists — can love. Build a site that helps your work get SEEN. This theme contains patterns for a “bento box” or variable image gallery for a striking landing page and more features for a potential partner, collaborator, or custumer.
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 5.7
Version: 0.8
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfive
Text Domain: concept-artist
Tags: 
*/


.bento-loop {
	display: grid;
	grid-template-columns: repeat(3, 1fr) !important;
	grid-template-rows: repeat(4, 1fr) !important;
	grid-column-gap: 20px;
	grid-row-gap: 20px;
}
.bento-loop li:nth-child(1) { grid-area: 1 / 1 / 3 / 2 !important; }
.bento-loop li:nth-child(2) { grid-area: 1 / 2 / 2 / 4 !important; }
.bento-loop li:nth-child(3) { grid-area: 2 / 2 / 3 / 3 !important; }
.bento-loop li:nth-child(4) { grid-area: 2 / 3 / 3 / 4 !important; }
.bento-loop li:nth-child(5) { grid-area: 3 / 1 / 4 / 3 !important; }
.bento-loop li:nth-child(6) { grid-area: 4 / 1 / 5 / 2 !important; }
.bento-loop li:nth-child(7) { grid-area: 4 / 2 / 5 / 3 !important; }
.bento-loop li:nth-child(8) { grid-area: 3 / 3 / 5 / 4 !important; }
.bento-loop li {
	min-height: 300px;
}
.bento-loop a::before {
	position: absolute;
	width: 1000%;
	height: 1000%;
	bottom: 0;
	right: 0;
	content: " ";
	overflow: hidden;
}
.bento-loop a:hover {
	text-decoration: none;
}
.bento-loop .wp-block-cover:hover span {
	background: #A0275D !important;
}
.bento-loop .wp-block-cover span {
	transition: .5s;
}
@media (max-width: 800px) {
	.bento-loop {
		display: flex !important;
		flex-direction: column;
	}
	.bento-loop li {
		min-height: auto;
	}
	.wp-block-cover {
		min-height: 300px !important;
	}
}