/*
 * Grid Layout Templates
 * appearance customizations, needed for fallback compatibility with old layouts
 */

/* Template: Testimonial 6 */
.grid_arrow_bottom:after {
	content: '';
	position: absolute;
	bottom: -0.6rem;
	left: 3.75rem;
	height: 1.5rem;
	width: 1.5rem;
	transform: rotate(45deg);
	background: inherit;
	}

/* Template: Portfolio 1 */
.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;
	}

/* Template: Portfolio 12 */
.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);
	}

/* Template: Portfolio 15 */
.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);
	}

/* Template: Portfolio 16 */
.w-grid.items_have_ratio .w-post-elm.grid_corner_image {
	aspect-ratio: 1;
	left: auto !important;
	max-height: 100%;
	}
.w-grid-item .w-grid-item-h:hover .w-post-elm.grid_corner_image {
	max-height: none;
	aspect-ratio: inherit;
	border-radius: 0;
	transform: scale(1) !important;
	}