.penci-block_22 {

	.penci-block_content__items {
		overflow: hidden;

		&:first-child {
			
			.penci-post-item-1 {
				width: 100%;
				margin-bottom: 0;

				.penci-image-holder{
					&:before {
						padding-top: 50%;
					}
				}


				.penci__post-title {
					@include font-size(2.4);
					line-height: 1.25;
					margin-top: 7px;
					margin-bottom: 6px;
				}
			}

			.penci-post-item-small:nth-last-of-type( 2n + 1 ) {
				border-right: 2px solid transparent;
			}

			.penci-post-item-small:nth-last-of-type( 2n ) {
				border-left: 2px solid transparent;
			}
		}
	}

	&.penci-imgtype-square .penci-block_content__items  .penci-post-item-1 .penci-image-holder:before{
		padding-top: 100%;
	}

	&.penci-imgtype-vertical .penci-block_content__items  .penci-post-item-1 .penci-image-holder:before{
		padding-top: 120%;
	}

	.penci-post-item {
		position: relative;
		float: left;
	}

	.penci_post-meta {
		color: $color__white;
		@include font-size(1.2);

		a, span {
			color: inherit;
		}
		i {
			margin-right: 5px;
		}
		.entry-meta-item  {
			padding-left: 10px;
			display: inline-block;

			&:first-child {
				padding-left: 1px;
			}
		}


	}

	.penci_post_content {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		z-index: 10;
		padding: 10px 15px 10px;

		.penci__post-title a {
			color: $color__white;
		}
	}

	.penci-post-item-small {
		width: 50%;
		margin-top: 4px;
		margin-bottom: 0;

		.penci__post-title {
			@include font-size(1.8);
			line-height: 1.3;
			margin-top: 5px;
			margin-bottom: 0;
			color: $color__white;

			a{
				color: inherit;
			}
		}

		.penci_post_content {
			padding-bottom: 8px;
		}
	}
	.penci-post-item-small:nth-last-of-type( 2n + 1 ) {
		border-left: 2px solid transparent;
	}

	.penci-post-item-small:nth-last-of-type( 2n ) {
		border-right: 2px solid transparent;
	}

}

.penci-container-width-1080 .penci-content-main.penci-col-4 .penci-block_22,
.wpb_wrapper > .penci-block_22.penci-vc-column-1,
.widget-area .penci-block_22 {
	.penci-post-item-small {
		width: 100%;
		border-left: 0 !important;
		border-right: 0 !important;
	}

	.penci-block_content__items:first-child {
		.penci-post-item-1 {
			.penci-image-holder {
				&:before {
					padding-top: 66.6667%;
				}
			}
		}
	}

	&.penci-imgtype-square .penci-block_content__items:first-child  .penci-post-item-1 .penci-image-holder:before{
		padding-top: 100%;
	}

	&.penci-imgtype-vertical .penci-block_content__items:first-child  .penci-post-item-1 .penci-image-holder:before{
		padding-top: 120%;
	}

	.penci-post-item:nth-child( 2n ) {
		margin-top: 4px;
	}

	.penci-piechart,
	.penci-post-cat {
		display: none;
	}

	.penci__post-title {
		font-size: 16px !important;
	}
}

.penci-container-width-1080 .penci-content-main.penci-col-6 .penci-block_22,
.penci-container-width-1400 .penci-content-main.penci-col-4 .penci-block_22 {

	.penci-post-item-1 .penci__post-title {
		font-size: 18px !important;
	}

	.penci-post-item-small .penci__post-title {
		font-size: 14px !important;
	}
}

@media screen and ( max-width: 768px ) {
	.penci-block_22 {
		.penci-block_content__items:first-child .penci-post-item-1 .penci__post-title {
			font-size: 20px !important;
		}

		.penci-post-item-small .penci__post-title {
			font-size: 16px !important;
		}

	}
}

@media screen and ( max-width: 600px ) {
	.penci-block_22 {
		.penci-post-item-small {
			width: 100%;
			border-left: 0;
			border-right: 0;
		}

		.penci__post-title {
			font-size: 16px !important;
		}

		.penci-block_content__items:first-child .penci-post-item-1 .penci__post-title,
		.penci-post-item-small .penci__post-title {
			font-size: 16px !important;
		}

		.penci-block_content__items:first-child {
			.penci-post-item-1 {
				.penci-image-holder {
					&:before {
						padding-top: 66.6667%;
					}
				}
			}
		}

		&.penci-imgtype-square .penci-block_content__items:first-child  .penci-post-item-1 .penci-image-holder:before{
			padding-top: 100%;
		}

		&.penci-imgtype-vertical .penci-block_content__items:first-child  .penci-post-item-1 .penci-image-holder:before{
			padding-top: 120%;
		}

		.penci-post-item:nth-child( 2n ) {
			margin-top: 4px;
		}

		.penci-post-item {
			border-left: 0;
			border-right: 0;
		}

		.penci-piechart,
		.penci-post-cat {
			display: none;
		}
	}

	.penci-container-width-1080 .penci-content-main.penci-col-6 .penci-block_22 .penci-post-item-1 .penci__post-title,
	.penci-container-width-1400 .penci-content-main.penci-col-4 .penci-block_22 .penci-post-item-1 .penci__post-title {
		font-size: 16px !important;
	}
}