.penci-grid_9 { .penci-block_content { margin-bottom: 20px; } .penci-block_content__items { margin-top: 4px; margin-left: -2px; margin-right: -2px; &:first-child { margin-top: 0; } } .penci-grid-item { position: relative; width: 25%; margin-bottom: 0; float: left; border-left: 2px solid transparent; border-right: 2px solid transparent; overflow: hidden; background-color: transparent; &:nth-child( 4n + 1 ) { clear: both; } &:hover .penci-image-holder:after { opacity: 0.85; } } .penci-image-holder { &:after { background: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 1) 100%); opacity: 0.65; } } .penci_post_content { position: absolute; bottom: 0; left: 0; z-index: 1; padding: 0 15px 10px; a { color: $color__white; } .penci__post-title { @include font-size(1.6); font-weight: 600; line-height: 1.25; margin-top: 0; margin-bottom: 4px; } .penci_post-meta { color: $color__white; @include font-size(1.2); a, span { font-family: inherit; } a, span, i { font-size: inherit; color: inherit; } i { margin-right: 5px; } .entry-meta-item { padding-left: 10px; display: inline-block; &:first-child { padding-left: 1px; } } } .penci__post-title, .penci_post-meta { position: relative; z-index: 2; } } } @media screen and ( max-width: 1300px ) and ( min-width: 1201px ) { .penci-container-width-1400.penci-vc_sidebar-right .penci-content-main .penci-grid_9, .penci-container-width-1400.penci-vc_sidebar-left .penci-content-main .penci-grid_9 { .penci_post-meta, .icon-post-format { display: none; } } } @media screen and ( max-width: 1200px ) and ( min-width: 769px ) { .penci-grid_9 { .penci_post_content { padding: 0 15px 10px; } } .penci-container-width-1400.penci-vc_sidebar-right .penci-content-main .penci-grid_9, .penci-container-width-1400.penci-vc_sidebar-left .penci-content-main .penci-grid_9 { .penci-grid-item { width: 50%; margin-top: 4px; &:nth-child(3), &:nth-child(4) { margin-top: 4px !important; } &:nth-child(1), &:nth-child(2) { margin-top: 0; } .penci__post-title a{ font-size: 18px; line-height: 1.25; display: block; } } } } @media screen and ( max-width: 1080px ) and ( min-width: 769px ) { .penci-grid_9 { .icon-post-format, .penci_post-meta { display: none; } .penci_post_content { padding: 0 10px 5px !important; } .penci__post-title a{ font-size: 15px; line-height: 1.3; display: block; } } } @media screen and (min-width: 768px) { .penci-grid_9 { .penci-grid-item { margin-top: 4px; &:nth-child(4), &:nth-child(3), &:nth-child(1), &:nth-child(2) { margin-top: 0; } } } .penci-container-width-1080.penci-vc_sidebar-right .penci-content-main .penci-grid_9, .penci-container-width-1080.penci-vc_sidebar-left .penci-content-main .penci-grid_9, .penci-container-width-1400.penci-vc_two-sidebar .penci-content-main .penci-grid_9, .penci-container-width-1400 .penci-content-main.penci-col-6 .penci-grid_9, .penci-container-width-1080 .penci-content-main.penci-col-6 .penci-grid_9 { .penci-grid-item { width: 50%; margin-top: 4px; &:nth-child(1), &:nth-child(2) { margin-top: 0; } &:nth-child(4), &:nth-child(3){ margin-top: 4px; } } } .penci-container-width-1400.penci-vc_sidebar-right .penci-content-main .penci-grid_9, .penci-container-width-1400.penci-vc_sidebar-left .penci-content-main .penci-grid_9, .penci-container-width-1080.penci-vc_sidebar-right .penci-content-main .penci-grid_9, .penci-container-width-1080.penci-vc_sidebar-left .penci-content-main .penci-grid_9, .penci-container-width-1400.penci-vc_two-sidebar .penci-content-main .penci-grid_9, .penci-container-width-1400 .penci-content-main.penci-col-6 .penci-grid_9, .penci-container-width-1080 .penci-content-main.penci-col-6 .penci-grid_9 { .penci_post_content { padding: 0 15px 10px; } } .penci-container-width-1080 .penci-content-main.penci-col-4 .penci-grid_9, .penci-container-width-1400 .penci-content-main.penci-col-4 .penci-grid_9, .wpb_wrapper > .penci-grid_9.penci-vc-column-1, .widget-area .penci-grid_9 { .penci-grid-item { width: 100%; margin-top: 4px; &:first-child { margin-bottom: 0; } } .penci-subcat-filter { display: none !important; } .penci_post_content { padding: 0 15px 10px; } } } @media screen and ( max-width: 767px ) { .penci-grid_9 { .penci_post_content { width: 100%; .penci__post-title{ margin-bottom: 0; text-align: center; } } .penci_post-meta, .icon-post-format, .penci-post-cat, .penci-piechart { display: none; } .penci-grid-item { width: 50%; margin-top: 4px; &:nth-child( 1 ), &:nth-child( 2 ) { margin-top: 0; } } } } @media screen and ( max-width: 480px ) { .penci-grid_9 .penci_post_content { padding: 0 5px 5px; .penci__post-title{ font-size: 14px; text-align: center; } } } x

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