.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;
}
} .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;
}