.blogteaser a,
.blogteaser a:hover{
	display: block;
	font-style: normal;
	text-decoration: none;
	color: var(--wp--preset--color--dark-grey);
}
.blogteaser .image{
	overflow: hidden;
}
.blogteaser .image img{
	transition: transform .3s ease;
	will-change: transform;
}
.blogteaser a:hover .image img{
	transform: scale(1.1);
}
.blogteaser .text{
	padding: 80px;
}
.blogteaser .text h3{
	line-height: 1.3333;
}
.blogteaser .text h3, .blogteaser .text .excerpt{
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
}
.blogteaser.blogteaser.is-style-outline .text h3{
	-webkit-line-clamp: 2;
}
.blogteaser.blogteaser.is-style-text-link-next .text h3{
	-webkit-line-clamp: 3;
}
.blogteaser.blogteaser.is-style-outline .text .excerpt{
	-webkit-line-clamp: 5;
}
.blogteaser.blogteaser.is-style-text-link-next .text .excerpt{
	-webkit-line-clamp: 4;
}
.blogteaser .btn{
	margin-top: 40px;
}
.blogteaser.is-style-outline .btn{
	margin-top: 60px;
}
.blogteaser.is-style-text-link-next a:hover .btn{
	font-style: italic;
	text-decoration: underline;
}

@media (max-width: 1399px){
	.blogteaser .text{
		padding: 40px;
	}
}

@media (max-width: 1199px){
	.blogteaser .image,
	.blogteaser .image img{
		height: 100%;
	}
	.blogteaser .image img{
		object-fit: cover;
	}
}

@media (max-width: 991px){
	.blogteaser .text{
		padding: 40px 20px;
	}
	.blogteaser .text h3,.blogteaser .text .excerpt{
		display: block;
		overflow: auto;
	}
	.blogteaser .btn{
		margin-top: 20px;
	}
	.blogteaser.is-style-outline .btn{
		margin-top: 40px;
	}
}

@media (max-width: 991px) and (min-width: 768px){
	.blogteaser .image img{
		aspect-ratio: 16/9;
	}
}