/* Pro layouts of Product Category #2 and Archive Title, for the editor and the front end. */
.wopb-cg2-items-3 {
	grid-template-columns: 1fr 40% 1fr;
}
.wopb-cg2-items-3 .wopb-block-item:first-child {
	grid-column-start: 2;
	grid-row-start: 1;
	grid-row-end: 3;
}
.wopb-cg2-items-4 {
	grid-template-columns: 50% 1fr 1fr;
}
.wopb-cg2-items-4 .wopb-block-item:nth-child(2) {
	grid-column-start: 2;
	grid-column-end: 4;
	grid-row: 1;
}
.wopb-cg2-items-5 {
	grid-template-columns: 50% 1fr 1fr;
}
.wopb-cg2-items-5 .wopb-block-item:nth-child(2) {
	grid-column-start: 2;
	grid-column-end: 4;
	grid-row: 2;
}
.wopb-cg2-items-6 {
	grid-template-columns: 1fr 1fr 50%;
}
.wopb-cg2-items-6 .wopb-block-item:first-child {
	grid-column-start: 3;
	grid-row-start: 1;
	grid-row-end: 3;
}
.wopb-cg2-items-6 .wopb-block-item:nth-child(2) {
	grid-column-start: 1;
	grid-column-end: 3;
	grid-row: 2;
}
.wopb-cg2-items-9 {
	grid-template-columns: 60% auto;
}

@media (max-width: 768px) {
	.wopb-cg2-items-3 .wopb-block-item:first-child,
	.wopb-cg2-items-4 .wopb-block-item:first-child,
	.wopb-cg2-items-4 .wopb-block-item:nth-child(2),
	.wopb-cg2-items-5 .wopb-block-item:first-child,
	.wopb-cg2-items-5 .wopb-block-item:nth-child(2),
	.wopb-cg2-items-6 .wopb-block-item:first-child,
	.wopb-cg2-items-6 .wopb-block-item:nth-child(2),
	.wopb-cg2-items-9 .wopb-block-item:first-child {
		grid-column-start: initial;
		grid-row-start: initial;
		grid-row-end: initial;
		grid-column-end: initial;
	}
}

/* Archive Title, layout 2 */
.wopb-block-archive-title .wopb-archive-content {
	width: 100%;
	height: 100%;
	line-height: 0;
	overflow: hidden;
	transition: 400ms;
	text-decoration: none !important;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	position: relative;
}
.wopb-block-archive-title .wopb-archive-content .wopb-archive-name,
.wopb-block-archive-title .wopb-archive-content .wopb-archive-desc,
.wopb-block-archive-title .wopb-archive-content .wopb-archive-prefix {
	transition: 400ms;
	position: relative;
	z-index: 1;
	margin: 0;
}
.wopb-block-archive-title .wopb-archive-content .wopb-archive-overlay {
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.1);
	width: 100%;
	height: 100%;
	transition: 400ms;
}
.wopb-block-archive-title .wopb-archive-content:hover .wopb-archive-overlay {
	background: rgba(0, 0, 0, 0.7);
}
.wopb-archive-layout-2 .wopb-archive-name,
.wopb-archive-layout-2 .wopb-archive-desc,
.wopb-archive-layout-2 .wopb-archive-prefix {
	color: #fff;
}