.overlay_items .item_inner {
    position: relative;
	background-color:var(--typo-color-blue);
	border-radius: var(--typo-border-radius);
}

.overlay_items .item_inner .item_content {
    position: absolute;
    bottom: var(--typo-gap);
    left: var(--typo-gap);
    right: var(--typo-gap);
    color: #ffffff;
}

.overlay_items .item_inner .item_content .item_content_inner,
.overlay_items.swiper-coverflow .item:hover .item_inner .item_content .item_content_inner {
    max-height: 0;
    overflow: hidden;
    transition: all .5s ease;
}

@media screen and (min-width:64em){
	.overlay_items .item:hover .item_inner .item_content .item_content_inner,
	.overlay_items.swiper-coverflow .item.swiper-slide-active .item_inner .item_content .item_content_inner {
		max-height: 15rem;
	}
}

.overlay_items .item_inner .item_content .content_title * {
    color: #ffffff;
    margin-bottom: 1rem;
}


.overlay_items .item_inner .item_image img {
    border-radius: var(--typo-border-radius);
}
.overlay_items .item_inner .item_image:after {
    content:'';
    background: #007AB3;
    background: linear-gradient(0deg, rgba(0, 122, 179, 1) 0%, rgba(0, 122, 179, 0) 100%);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    border-radius: var(--typo-border-radius);
}

.overlay_items .dark_overlay_item .item_inner .item_image:after {
	background: #000000;
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 25%);
}