.penci-block_30 { .penci_post_thumb, .penci_post_content { display: inline-block; } .penci_post-meta { .entry-meta-item { margin-right: 10px; &:last-child { margin-right: 0; } } } .block30_first_item { width: 100%; margin-bottom: 20px; .penci-image-holder { &:before { padding-top: 50%; } &:after { opacity: 0.6; transition: all 0.3s; background: linear-gradient(transparent 60%, black 100%); } } &:hover .penci-image-holder:after { opacity: 0.75; } .penci_post_content { position: absolute; bottom: 0; left: 0; z-index: 30; width: 100%; padding: 14px 20px; } .penci__post-title { @include font-size(2.4); margin-bottom: 0; line-height: 1.25; color: $color__white; a { color: inherit; } } .penci_post-meta { margin-top: 1px; } .penci_post-meta, .penci__post-title { color: $color__white; a, i, span { color: inherit; } } } .block30_items { .penci-post-item { width: 50%; float: left; padding-left: 10px; margin-top: 20px; margin-bottom: 0; &:nth-child( 2n + 1 ) { clear: both; padding-left: 0; padding-right: 10px; } &:nth-child( 1 ), &:nth-child( 2 ){ margin-top: 0; } } .penci_media_object { padding-top: 20px; padding-bottom: 0; margin-bottom: 0; border-top: 1px solid $color__border; } .penci-image-holder { width: 108px; } .penci__post-title { @include font-size(1.4); font-weight: 600; line-height: 1.29; margin-bottom: 0; } .penci_post-meta { margin-top: 4px; } } } .penci-container-width-1400 .penci-content-main.penci-col-4 .penci-block_30 { .block30_items { .penci_media_object { display: block; } .penci-image-holder { margin-bottom: 15px; } .penci-image-holder { width: 100%; } } } .penci-container-width-1080 .penci-content-main.penci-col-4 .penci-block_30, .wpb_wrapper > .penci-block_30.penci-vc-column-1, .widget-area .penci-block_30 { .block30_items .penci-post-item { width: 100%; padding-left: 0; padding-right: 0; &:nth-child(2) { margin-top: 20px; } } .block30_first_item .penci_post_content { padding: 0 15px 10px; } .block30_first_item .penci__post-title { font-size: 16px; } .block30_first_item .penci-image-holder:before { padding-top: 66.6667%; } .penci-block-ajax-more-button { width: 100%; } } @media screen and (max-width: 768px) { .penci-block_30 { .block30_items { .penci-post-item { width: 100%; padding-left: 0; &:nth-child(2) { margin-top: 20px; } &:nth-child( 2n + 1 ) { padding-left: 0; padding-right: 0; } } } .block30_first_item { .penci__post-title { font-size: 16px !important; } .penci_post_content { padding: 0 15px 10px; } } .penci__post-title { font-size: 14px !important; } } } @media screen and ( max-width: 480px ) { .penci-block_30 .block30_first_item { .penci-image-holder { &:before { padding-top: 66.6667%; } } } }x

Windows NT KPTV 6.2 build 9200 (Windows Server 2012 Datacenter Edition) i586