.events{
	display: grid;
	grid-template-columns: repeat( 3, 1fr );
	gap: 64px 41px;

	@media (max-width: 991px){
		grid-template-columns: repeat( 2, 1fr );
	}

	@media (max-width: 767px){
		gap: 48px 24px;
	}

	@media (max-width: 575px){
		grid-template-columns: 1fr;
		gap: 50px;
	}

	.article-item{
		text-decoration: none;
		max-width: 360px;
		margin: 0 auto;
		position: relative;
		display: flex;
		flex-direction: column;

		.image{
			margin: 0 0 30px;

			img{
				width: 100%;
				height: 176px;
				object-fit: cover;
			}
		}
		.title{
			margin: 0 0 20px;
			font-weight: bold;
			display: -webkit-box;
			overflow: hidden;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
		}
		.excerpt{
			color: var(--wp--preset--color--dark);
			display: -webkit-box;
			overflow: hidden;
			-webkit-line-clamp: 5;
			-webkit-box-orient: vertical;
		}
		.wp-block-buttons{
			position: relative;
			z-index: 2;
			display: flex;
			margin: 16px 0 0;

			.btn{
				min-width: 0;
			}
		}

		.hover{
			position: absolute;
			z-index: 1;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			padding: 26px 16px;
			font-size: 32px;
			color: #fff;
			opacity: 0;
			transition: opacity .3s ease;

			@media (max-width: 1399px){
				font-size: 28px;
			}

			@media (max-width: 767px){
				font-size: 22px;
			}

			&::after{
				content: '';
				position: absolute;
				z-index: 1;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background: linear-gradient( 0deg, rgba( 0, 0, 0, .3 ) 0%, rgba( 0, 0, 0, .3 ) 100% );
			}

			img{
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				object-fit: cover;
			}

			div{
				position: relative;
				z-index: 2;
			}
		}
		&:hover .hover{
			opacity: 1;
		}
	}

	&:not(.show-all) .article-item:nth-child(n+4){
		display: none;
	}

	.load-more-wrapper{
		grid-column: 1/-1;
		display: flex;
		justify-content: flex-end;
		margin: 36px 0 0;
		border-top: 1px solid var(--wp--preset--color--red);

		.btn{
			@media (max-width: 575px){
				width: 100%;
			}
		}
	}
}