/* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– *
Theme Name: OOMI
Description: OOMI // 2024
Author: Hour Studio
Author URI: https://hour.studio
Version: 1.1

This theme is property of OOMI and is not available for public use.
* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.page-template-index-page .header-bottom {
	z-index: 10;
}

.page-template-index-page .archive-row-wrapper {
	max-height: unset;
	margin-top: unset;
}

.page-template-index-page .archive-row-wrapper a:hover .archive-row {
	color: var(--bgWhite);
	background-color: var(--bgBlack);
}

.dark-mode .page-template-index-page .archive-row-wrapper a:hover .archive-row {
	color: var(--bgBlack);
	background-color: var(--bgWhite);
}

.page-template-index-page .archive-row-wrapper .archive-row {
	border-top: 1px solid var(--bgBlack);
	padding: 1rem 0;
}

.dark-mode .page-template-index-page .archive-row-wrapper .archive-row {
	border-top: 1px solid var(--bgWhite);
}

/* .page-template-index-page .archive-row:hover .archive-row-title, .page-template-index-page .archive-row:hover .archive-row-type, .page-template-index-page .archive-row:hover .archive-row-client-company, .page-template-index-page .archive-row:hover .archive-row-role, .page-template-index-page .archive-row:hover .archive-row-year {
	border: none;
	color: var(--bgWhite);
	background-color: var(--bgBlack);
} */

.page-template-index-page.index-grid .archive-row-wrapper a:hover .archive-row, .page-template-index-page.index-grid .archive-row-wrapper a:hover .archive-row .archive-row-title {
	color: var(--bgBlack);
	background-color: var(--bgWhite);
}

/* .dark-mode .page-template-index-page .archive-row:hover .archive-row-title, .dark-mode .page-template-index-page .archive-row:hover .archive-row-type, .dark-mode .page-template-index-page .archive-row:hover .archive-row-client-company, .dark-mode .page-template-index-page .archive-row:hover .archive-row-role, .dark-mode .page-template-index-page .archive-row:hover .archive-row-year {
	border: none;
	color: var(--bgBlack);
	background-color: var(--bgWhite);
} */

.dark-mode .page-template-index-page.index-grid .archive-row-wrapper a:hover .archive-row, .dark-mode .page-template-index-page.index-grid .archive-row-wrapper a:hover .archive-row .archive-row-title {
	color: var(--bgWhite);
	background-color: var(--bgBlack);
}

.page-template-index-page.index-grid {}

.page-template-index-page.index-grid .archive-header {
	display: none;
}

.page-template-index-page.index-grid .archive-rows {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 2rem;
	padding: 0 2rem;
	border-bottom: none;
}

.page-template-index-page.index-grid .archive-row-wrapper {
	padding-bottom: 4rem;
}

.page-template-index-page.index-grid .archive-row-wrapper .archive-row {
	border: none;
	padding:0;
	display: flex;
	flex-direction: column;
	justify-content: left;
	text-align: left;
	align-items: baseline;
}

.page-template-index-page.index-grid  .archive-row-img {
	max-height: unset;
}

.page-template-index-page.index-grid  .archive-row-img .featured-video-player {
	position: relative;
	height: auto;
	padding-bottom: unset;
	overflow: hidden;
	width: 100%;
	max-width: unset;
	max-height: unset;
	z-index: unset;
}

.page-template-index-page.index-grid .archive-row-img .featured-video-player video {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	aspect-ratio: 16 / 9;
	max-width: unset;
	max-height: unset;
	object-fit: cover;
	z-index: 0;
	top: unset;
	transform: unset;
}

.page-template-index-page.index-grid .archive-row-client-company,
.page-template-index-page.index-grid .archive-row-type,
.page-template-index-page.index-grid .archive-row-role,
.page-template-index-page.index-grid .archive-row-year {
	display: none;
}


@media(min-width: 768px) {
	.page-template-index-page main .about {
		max-width: 715px;
		margin: auto;
		padding: 15rem 0;
	}
}