.grid_arrow_bottom:after {
content: '';
position: absolute;
bottom: -0.6rem;
left: 3.75rem;
height: 1.5rem;
width: 1.5rem;
transform: rotate(45deg);
background: inherit;
} .grid_arrow_top > * {
position: relative;
}
.grid_arrow_top:before {
content: '';
position: absolute;
top: 0.4rem;
left: 50%;
margin-left: -0.75rem;
height: 1.5rem;
width: 1.5rem;
transform: rotate(45deg);
background: inherit;
transition-duration: inherit;
}
.w-grid-item-h:hover .grid_arrow_top:before {
top: -0.7rem;
} .w-vwrapper.grid_style_12:before,
.w-vwrapper.grid_style_12:after {
content: '';
position: absolute;
top: 2rem;
left: 2rem;
right: 2rem;
bottom: 2rem;
opacity: 0;
transition: transform 0.5s, opacity 0.5s;
}
.w-vwrapper.grid_style_12:before {
border-top: 1px solid;
border-bottom: 1px solid;
transform: scale(0, 1);
}
.w-vwrapper.grid_style_12:after {
border-left: 1px solid;
border-right: 1px solid;
transform: scale(1, 0);
}
.w-grid-item-h:hover .w-vwrapper.grid_style_12:before,
.w-grid-item-h:hover .w-vwrapper.grid_style_12:after {
opacity: 1;
transform: scale(1);
} .w-vwrapper.grid_style_15:before,
.w-vwrapper.grid_style_15:after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
transition: transform 0.5s, opacity 0.5s;
}
.w-vwrapper.grid_style_15:before {
border-top: 8px solid;
border-bottom: 8px solid;
transform: scale(0, 1);
}
.w-vwrapper.grid_style_15:after {
border-left: 8px solid;
border-right: 8px solid;
transform: scale(1, 0);
}
.w-grid-item-h:hover .w-vwrapper.grid_style_15:before,
.w-grid-item-h:hover .w-vwrapper.grid_style_15:after {
opacity: 1;
transform: scale(1);
} .w-grid.ratio_3x2 .w-post-elm.grid_corner_image {
top: -25% !important;
bottom: -25% !important;
transform-origin: 90% 66%;
}
.w-grid.ratio_4x3 .w-post-elm.grid_corner_image {
top: -16.67% !important;
bottom: -16.67% !important;
transform-origin: 90% 72%;
}
.w-grid.ratio_3x4 .w-post-elm.grid_corner_image {
left: -16.67% !important;
right: -16.67% !important;
transform-origin: 72% 90%;
}
.w-grid.ratio_2x3 .w-post-elm.grid_corner_image {
left: -25% !important;
right: -25% !important;
transform-origin: 66% 90%;
}
@media (min-width: 600px) {
.w-grid.ratio_1x1 .size_2x1 .w-post-elm.grid_corner_image {
top: -50% !important;
bottom: -50% !important;
transform: scale(0.15) !important;
transform-origin: 96% 66.2%;
}
.w-grid.ratio_1x1 .size_1x2 .w-post-elm.grid_corner_image {
left: -50% !important;
right: -50% !important;
transform: scale(0.15) !important;
transform-origin: 66.4% 95.7%;
}
.w-grid.ratio_3x2 .size_2x1 .w-post-elm.grid_corner_image {
left: 0 !important;
right: 0 !important;
top: -100% !important;
bottom: -100% !important;
transform: scale(0.15) !important;
transform-origin: 96% 56.5%;
}
.w-grid.ratio_3x2 .size_1x2 .w-post-elm.grid_corner_image {
top: 0 !important;
bottom: 0 !important;
left: -16.67% !important;
right: -16.67% !important;
transform: scale(0.225) !important;
transform-origin: 77% 93.2%;
}
.w-grid.ratio_3x2 .size_2x2 .w-post-elm.grid_corner_image {
transform: scale(0.15) !important;
transform-origin: 95.7% 76.3%;
}
.w-grid.ratio_4x3 .size_2x1 .w-post-elm.grid_corner_image {
top: -83.3333% !important;
bottom: -83.3333% !important;
transform: scale(0.15) !important;
transform-origin: 95.7% 59.2%;
}
.w-grid.ratio_4x3 .size_1x2 .w-post-elm.grid_corner_image {
top: 0 !important;
bottom: 0 !important;
left: -25% !important;
right: -25% !important;
transform: scale(0.2) !important;
transform-origin: 73.2% 94.3%;
}
.w-grid.ratio_4x3 .size_2x2 .w-post-elm.grid_corner_image {
transform: scale(0.15) !important;
transform-origin: 95.8% 81.2%;
}
}
.w-grid-item .w-grid-item-h:hover .w-post-elm.grid_corner_image {
border-radius: 0;
transform: scale(1) !important;
}