.post-area.featured_img_left article:not(.has-post-thumbnail) .article-content-wrap .post-featured-img-wrap:after { border-radius: 0; text-align: center; color: #fff; font: normal normal normal 18px/60px FontAwesome; content: "\f03e"; text-rendering: auto; -webkit-font-smoothing: antialiased; } .post-area.featured_img_left article:not(.has-post-thumbnail) .article-content-wrap .post-featured-img-wrap:after { font-size: 50px } .post-area.featured_img_left article:not(.has-post-thumbnail) .article-content-wrap .post-featured-img-wrap, .post-area.featured_img_left .post-featured-img-wrap { background-color: rgba(0,0,0,0.25) } .post-area.featured_img_left article:not(.has-post-thumbnail) .article-content-wrap .post-featured-img-wrap:after { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } body .post-area.featured_img_left .posts-container .article-content-wrap .video-play-button { position: absolute; bottom: 0; right: 30px; transform: translateY(50%); -webkit-transform: translateY(50%); -webkit-transition: all .21s cubic-bezier(.5,.5,.4,.88); transition: all .21s cubic-bezier(.5,.5,.4,.88); color: #fff; font-size: 30px; z-index: 1000; height: 60px; width: 60px; line-height: 60px; text-align: center; border-radius: 100px; } body .post-area.featured_img_left .posts-container .article-content-wrap .video-play-button { pointer-events: none; font-size: inherit; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .post-area.featured_img_left article .grav-wrap img { border-radius: 50%; width: 38px; height: 38px; margin-bottom: 0; margin-right: 13px; vertical-align: middle; display: inline-block; transition: all 0.4s cubic-bezier(0.2, 1, 0.2, 1); } .post-area.featured_img_left article .grav-wrap .text a{ display:block; font-size: 14px; line-height: 20px } .post-area.featured_img_left article .meta-category a{ font-size: 14px; line-height: 19px; position:relative; display: inline-block; font-weight: 600; margin: 0 10px 10px 0; } .post-area.featured_img_left .meta-category a:before { height: 2px; width: 100%; position: absolute; bottom: -3px; left: 0; content: ''; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left; transform-origin: left; -webkit-transition: transform 0.3s cubic-bezier(0.25, 0, 0.4, 1); transition: transform 0.3s cubic-bezier(0.25, 0, 0.4, 1); } .post-area.featured_img_left .meta-category a:hover:before, .post-area.featured_img_left .meta-category a:focus:before { -webkit-transform: scaleX(1); transform: scaleX(1); } .post-area.featured_img_left article .grav-wrap .text span { font-size: 13px; line-height: 18px; } .post-area.featured_img_left article .grav-wrap .text { vertical-align: middle; display:inline-block; line-height: 0 } .post-area.featured_img_left .grav-wrap a { color: inherit; } .post-area.featured_img_left .grav-wrap a:hover img, .post-area.featured_img_left .grav-wrap a img.hovered { box-shadow: 0 7px 20px rgba(0,0,0,0.19); } .post-area.featured_img_left .video-play-button svg { height: 14px; width: 14px } .post-area.featured_img_left .video-play-button svg { margin-right: -2px; } .post-area.featured_img_left .post.quote .quote-inner .title, .post-area.featured_img_left .post.link .link-inner .title { color: #fff; } .post-area.featured_img_left .post.link .link-inner .title { margin-bottom: 0; } .post-area.featured_img_left h3 a, .post-area.featured_img_left h3 a:hover { color: inherit!important; } .post-area.featured_img_left .post.quote .post-content .quote-inner, .post-area.featured_img_left .post.link .post-content .link-inner { background-color: transparent!important; } .post-area.featured_img_left .post.quote .post-content .quote-inner, .post-area.featured_img_left .post.link .post-content .link-inner { text-align: center; padding: 10%; border-radius: 5px; overflow: hidden; } .post-area.featured_img_left .post.quote .n-post-bg, .post-area.featured_img_left .post.link .n-post-bg, .post-area.featured_img_left .post.quote .post-content .quote-inner:before, .post-area.featured_img_left .post.link .post-content .link-inner:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0.88; } .post-area.featured_img_left .post.quote .n-post-bg, .post-area.featured_img_left .post.link .n-post-bg { background-position: center; } .featured_img_left .post.quote .post-content .quote-inner:before, .featured_img_left .post.link .post-content .link-inner:before { z-index: 10; } .post-area.featured_img_left .post.quote .post-content, .post-area.featured_img_left .post.link .post-content { display: block; backface-visibility: hidden; border-radius: 5px; overflow: hidden } .post-area.featured_img_left .post.quote .quote-wrap:before{ content: "\201C"; font-family:sans-serif; font-weight:700; font-size: 54px; color: #fff; z-index: 10000; height: 32px; display: block; position: relative; padding-top: 33%; } .post-area.featured_img_left .post.quote .quote-wrap:before { padding-top: 0; line-height: 54px; padding-bottom: 15px } .post-area.featured_img_left .post.quote:not(.has-post-thumbnail):hover .post-content .quote-inner:before, .post-area.featured_img_left .post.link:not(.has-post-thumbnail):hover .post-content .link-inner:before { opacity: 1; } .post-area.featured_img_left .post.quote .author { margin-top: 10px; display: block; } .post-area.featured_img_left .post.quote .n-post-bg, .post-area.featured_img_left .post.link .n-post-bg { opacity: 1; background-size: cover; } .post-area.featured_img_left .post .post-content .quote-inner .icon, .post-area.featured_img_left .post .post-content .link-inner .icon { display: none; } .post-area.featured_img_left .format-link .content-inner, .post-area.featured_img_left .format-quote .content-inner { padding-bottom: 0; margin-bottom: 0; } .post-area.featured_img_left .post .post-content .link-inner .link-wrap { z-index: 10; position: relative; } .post-area.featured_img_left .post-content-wrap .grav-wrap, .post-area.featured_img_left .post-content-wrap .meta-category { z-index: 150; position: relative; } .post-area.featured_img_left article { margin-bottom: 6%; } .post-area.featured_img_left .article-content-wrap .post-featured-img-wrap { width: 33%; position: relative; border-radius: 5px; } .post-area.featured_img_left .article-content-wrap .post-featured-img-wrap:before { transition: opacity .7s cubic-bezier(.2,1,.22,1); -webkit-transition: opacity .7s cubic-bezier(.2,1,.22,1); display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; opacity: 0; transform: scale(0.96); box-shadow: 0px 30px 60px rgba(0,0,0,0.17); border-radius: 5px; } .post-area.featured_img_left article:not(.has-post-thumbnail) .article-content-wrap .post-featured-img-wrap:before { transform: none; } .post-area.featured_img_left .article-content-wrap .post-featured-img { border-radius: 5px; overflow: hidden; } .post-area.featured_img_left article .article-content-wrap .post-featured-img-wrap { transition: transform .7s cubic-bezier(.2,1,.22,1); -webkit-transition: transform .7s cubic-bezier(.2,1,.22,1); } .post-area.featured_img_left .article-content-wrap .post-featured-img-wrap a, .post-area.featured_img_left .article-content-wrap .post-featured-img-wrap a span { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .post-area.featured_img_left .article-content-wrap .post-content-wrap { width: 66.6%; position: relative; border-radius: 0 5px 5px 0; overflow: hidden; padding: 6% 0 6% 6%; } .post-area.featured_img_left.span_12 .article-content-wrap .post-content-wrap { padding: 7%; } .post-area.featured_img_left.span_12 article { margin-bottom: 60px; } .post-area.featured_img_left .post:hover .post-featured-img-wrap:before { opacity: 1; } .post-area.featured_img_left article:hover .article-content-wrap .post-featured-img-wrap { -webkit-transform: translateY(-4px); transform: translateY(-4px); } .post-area.featured_img_left .post-content-wrap .grav-wrap { margin-top: 20px } .post-area.featured_img_left .article-content-wrap .post-featured-img { background-size: cover; background-position: center } .post-area.featured_img_left #pagination { padding-left: 0; } @media only screen and (min-width: 1000px) { .post-area.featured_img_left .article-content-wrap .post-content-wrap { left: 33.3%; } .post-area.featured_img_left .article-content-wrap .post-featured-img-wrap { height: 100%; position: absolute; left: 0; top: 0; } } @media only screen and (max-width: 999px) { .post-area.featured_img_left .article-content-wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; } } @media only screen and (max-width: 690px) { .post-area.featured_img_left .article-content-wrap { display: block; } .post-area.featured_img_left .article-content-wrap .post-featured-img-wrap, .post-area.featured_img_left .article-content-wrap .post-content-wrap { width: 100%; } .post-area.featured_img_left .quote .inner-wrap, .post-area.featured_img_left .link .inner-wrap { padding-bottom: 55px; } .post-area.featured_img_left .article-content-wrap .post-content-wrap { padding: 35px 0 55px 0; overflow: visible; } .post-area.featured_img_left article:not(.has-post-thumbnail) .article-content-wrap .post-featured-img-wrap { display: none; } .post-area.featured_img_left .article-content-wrap .post-featured-img-wrap { height: 200px; border-radius: 5px 5px 0; } }