.dz-card{
	&.style-1{
		
		.dz-media{
			z-index: 1;
		}			
		.dz-meta{
			ul{
				line-height: 1;
				
				li{
					color:var(--primary);
					font-family:var(--font-family-title);
					font-size:13px;
					padding-left:15px;
					letter-spacing:2px;
					text-transform: uppercase;
					position:relative;
					font-weight: 300;
					line-height: 1.8;
					
					@include respond('phone'){
						margin-right: 12px;
					}
					&:after{
						content:"";
						height:5px;
						width:5px;
						background:var(--primary);
						position:absolute;
						left:0;
						top:8px;
					}
				}	
			}	
		}
		
		.dz-info{
			position:relative;	
			padding: 30px;
		    background: $light;
			
			@include respond('phone'){
				padding: 25px;
			}
		}
		
		.dz-media + .dz-info{
			padding: 30px;
			
			@include respond('phone'){
				padding: 25px;
			}
		}
		.icon-btn{
			position: absolute;
			right: 0;
			bottom: 0;
			width: 45px;
			height: 45px;
			padding: 0 0 0 4px;
			text-align: center;
			justify-content: center;
		}
		&.blog-half{
			.dz-media {
			    margin-right: 0;
				margin-left: 0;
			}
			.dz-media + .dz-info {
				margin: 0 0px 0;
				padding: 30px;
				text-align:left;
				
				@include respond('phone'){
					padding: 25px;
				}
			}
		}
		.btn-link{
			position:relative;
			
			&:after{
				content:"";
				height:1px;
				width:100%;
				background:var(--primary);
				position:absolute;
				bottom:0;
				right:0;
				@include transitionMedium;
			}
			&:hover:after{
				width:0;
			}
		}
	}
}
.post-swiper{
	.prev-post-swiper-btn,
	.next-post-swiper-btn{
		position:absolute;
		top:50%;
		width:45px;
		height:45px;
		line-height:45px;
		text-align:center;
		background:var(--primary);
		color:#fff;
		font-size:18px;
		transform:translateY(-50%);
		z-index:1;
		border-radius: var(--border-radius-base);
		margin: 0 10px;
	}
	.prev-post-swiper-btn{
		left:0;
	}
	.next-post-swiper-btn{
		right:0;
	}
}
.sticky-icon {
	width: 3.125rem;
	height: 3.125rem;
	position: absolute;
	transform: rotate(45deg);
	top: -1.25rem;
	right: -1.25rem;
	z-index: 1;
	
	i{
		position: absolute;
		bottom: 0.1875rem;
		right: 1.125rem;
		transform: rotate(5deg);
		font-size: 1rem;
	}
}

.type-post.sticky,
.type-post.tag-sticky-2.post{
	position: relative;
    border: 0.375rem solid var(--primary);
    overflow: hidden;

	.sticky-icon {
		background: var(--primary);
		width: 3.125rem;
		height: 3.125rem;
		position: absolute;
		transform: rotate(45deg);
		top: -1.563rem;
		right: -1.563rem;
		z-index: 1;
		color: #fff;
		
		i{
			position: absolute;
			bottom: 0.1875rem;
			right: 1.125rem;
			transform: rotate(5deg);
			color: #fff;
			font-size: 1rem;
		}
	}
}
.dz-card {
	.dz-media:before {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		display: block;
		width: 0;
		height: 0;
		background: rgba(255, 255, 255, 0.2);
		border-radius: 100%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		opacity: 0;
		z-index: 2;
	}
	&:hover .dz-media:before{
		-webkit-animation: zoom-hover 0.75s;
		animation: zoom-hover 0.75s;
	}
}
@-webkit-keyframes zoom-hover {
    0% {
        opacity: 1;
    }
    40% {
        opacity: 1;
    }
    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}

@keyframes zoom-hover {
    0% {
        opacity: 1;
    }
    40% {
        opacity: 1;
    }
    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}