/* Table of Content ================================================== 1.0 - Transition 1.1 - Blog Base Styles 1.2 - Blog Type Styles 1.3 - Pagination 1.4 - Colors 1.5 - Responsive */ /*-------------------------------------------------------------- 1.0 - Transition --------------------------------------------------------------*/ .blog-entry, .blog-entry *, .blog-entry *:after, .blog-entry *:after, .blog-entry .entry-thumb .bx-controls a, .dt-sc-trendy-style.dt-sc-post-entry.entry-cover-layout .blog-entry .entry-details > div.entry-meta-group > div:before, .dt-sc-mobilephone-style.dt-sc-post-entry.entry-cover-layout .blog-entry:before, .dt-sc-mobilephone-style.dt-sc-post-entry.entry-cover-layout .blog-entry:after, .dt-sc-alternate-style.dt-sc-post-entry .blog-entry > div.entry-thumb:before, .dt-sc-alternate-style.dt-sc-post-entry .entry-title h4 a:before, .dt-sc-alternate-style.dt-sc-post-entry .blog-entry .entry-format a:before, .dt-sc-minimal-style.dt-sc-post-entry.entry-grid-layout .blog-entry:after, .dt-sc-title-overlap-style.dt-sc-post-entry .blog-entry > div.entry-title:before, .dt-sc-title-overlap-style.dt-sc-post-entry .blog-entry > div.entry-title:after, .pagination a.loadmore-btn:before { transition:all .3s linear; -moz-transition:all .3s linear; -ms-transition:all .3s linear; -o-transition:all .3s linear; -webkit-transition:all .3s linear; } /*-------------------------------------------------------------- 1.1 - Blog Base Styles --------------------------------------------------------------*/ .blog-entry { clear: both; float: left; margin: 0; padding: 0; position: relative; width: 100%; } .blog-entry .entry-details { clear: both; display: inline-block; width: 100%; } .blog-entry .entry-meta { font-size: 14px; font-weight: 300; letter-spacing: .5px; margin-bottom: 7px; } .blog-entry .entry-body { clear: both; float: left; margin: 0 0 15px; width: 100%; } .blog-entry .entry-body:last-child > *:last-child { margin-bottom: 0; } .blog-entry div i[class*="fa"], .blog-entry div i.pe, .blog-entry div i, .blog-entry div.entry-author, .blog-entry div.entry-date, .blog-entry div.entry-comments, .blog-entry div.entry-categories, .blog-entry div.entry-tags, .blog-entry div.entry-likes-views span, .blog-entry .entry-social-share .share .dt-share-list li a { font-size: 16px; } /*----*****---- << Blog Icon >> ----*****----*/ .blog-entry div i[class*="fa"], .blog-entry div i.pe { margin-right: 4px; } /*----*****---- << Blog Thumb >> ----*****----*/ .blog-entry .entry-thumb { float: left; line-height: 0; position: relative; width: 100%; } .blog-entry .entry-thumb img { height: auto; max-width: 100%; } .blog-entry .entry-thumb .dt-video-wrap .wp-video { width: 100% !important; } .blog-entry.format-quote .entry-thumb, .blog-entry.format-link .entry-thumb { line-height: inherit; } .blog-entry.format-quote .entry-quote-inner { padding: 0; width: 100%; float: left; } .blog-entry.format-quote .entry-thumb blockquote { width: 100%; float: left; padding: 0 20px; } .blog-entry.post-without-title .entry-title { display: none !important; } .entry-list-layout .blog-entry:not(.has-post-thumbnail) .entry-thumb { z-index: -1; } .entry-list-layout .blog-entry > div.entry-thumb > a { height: 100%; width: 100%; float: left; background-position: center; background-size: cover; } .entry-list-layout.entry-right-thumb .blog-entry.format-quote .entry-thumb blockquote { padding: 0; } .blog-entry.format-link > div:not(.entry-thumb):not(.entry-button):not(.entry-title), .blog-entry.format-quote > div:not(.entry-thumb):not(.entry-button):not(.entry-title) { display: none !important; } .entry-list-layout.dt-sc-boxed-style.dt-sc-post-entry .blog-entry.format-link > div[class*="entry-thumb"], .entry-list-layout.dt-sc-boxed-style.dt-sc-post-entry .blog-entry.format-quote > div[class*="entry-thumb"] { z-index: 1; } .dt-sc-boxed-style.dt-sc-post-entry .blog-entry.format-link > div[class*="entry-thumb"], .dt-sc-boxed-style.dt-sc-post-entry .blog-entry.format-quote > div[class*="entry-thumb"] .entry-quote-inner { padding-bottom: 0 !important; } .dt-sc-boxed-style.dt-sc-post-entry .blog-entry.format-link > div[class*="entry-thumb"] .entry-link-inner, .dt-sc-boxed-style.dt-sc-post-entry .blog-entry.format-quote > div[class*="entry-thumb"] .entry-quote-inner { margin-bottom: 0; } .dt-sc-boxed-style.dt-sc-post-entry .blog-entry.format-link > div[class*="entry-button"] { padding-top: 20px !important; } .dt-sc-boxed-style.dt-sc-post-entry .blog-entry.format-quote > div[class*="entry-button"] { padding-bottom: 35px !important; } .dt-sc-boxed-style.dt-sc-post-entry .blog-entry.format-link, .dt-sc-boxed-style.dt-sc-post-entry .blog-entry.format-quote { display: grid; } .dt-sc-boxed-style.dt-sc-post-entry .blog-entry.format-link > div[class*="entry-title"], .dt-sc-boxed-style.dt-sc-post-entry .blog-entry.format-quote > div[class*="entry-title"] { padding-top: 35px !important; margin-bottom: 0 !important; order: -1; } .apply-equal-height.tpl-blog-holder:not(.swiper-wrapper) { display: flex; width: 100%; float: left; flex-wrap: wrap; margin: 0; } .apply-equal-height.tpl-blog-holder:not(.swiper-wrapper) .dt-sc-post-entry .blog-entry { display: flex; flex-wrap: wrap; align-content: baseline; } .apply-equal-height.tpl-blog-holder:not(.swiper-wrapper) .column:empty { width: 100%; } /*----*****---- << Blog Title >> ----*****----*/ .blog-entry .entry-title h4 span.sticky-post { display: inline-block; font-size: 12px; padding: 0; position: absolute; right: 2px; top: 2px; width: 20px; height: 20px; line-height: 20px; text-align: center; } .blog-entry .entry-title h4 span.sticky-post > i:first-child { padding: 0; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); font-size: 12px; margin: auto; right: 0; line-height: 0; } .blog-entry .entry-title h4 span.sticky-post > span { font-size: 0; } .blog-entry .entry-title h4 { font-size: 18px; margin-bottom: 20px; text-transform: uppercase; word-wrap: break-word; -ms-word-wrap: break-word; } .blog-entry .entry-title h4 a { width: 100%; float: none; display: inline-block; } /*----*****---- << Blog Likes Views >> ----*****----*/ .blog-entry .dt-sc-like-views > div { display: inline-block; float: none; margin-right: 8px; } .blog-entry .dt-sc-like-views > div:last-child, .blog-entry .dt-sc-like-views > div:only-child { margin-right: 0; } /*----*****---- << Blog Social Share >> ----*****----*/ .blog-entry .entry-social-share .share { border: 1px solid; padding-right: 5px; padding-left: 20px; position: relative; } .blog-entry .entry-social-share .share, .blog-entry .entry-social-share .share * { display: inline-block; float: none; } .blog-entry .entry-social-share .share ul, .blog-entry .entry-social-share .share ul li, .blog-entry .entry-social-share .share ul li a { display: flex; float: none; align-items: center; justify-content: flex-start; flex-wrap: wrap; } .blog-entry .entry-social-share .share > i { float: left; margin: 0; text-align: center; width: 30px; position: absolute; left: 0; top: 0; height: 100%; display: flex; align-items: center; justify-content: center; } .blog-entry .entry-social-share .share > ul { margin-bottom: 0; } .blog-entry .entry-social-share .share > ul li { list-style: none; padding: 0; margin: 10px 5px 10px 5px; width: auto; border: none; } .dt-sc-post-entry .blog-entry .entry-social-share .share > ul { padding-left: 15px; } /*----*****---- << Blog Buttons >> ----*****----*/ .blog-entry .entry-button a.dt-sc-button { display: inline-block; float: none; font-size: calc(var(--DTFontSize_Base) - 4px ); font-weight: var(--DTFontWeight_Base); line-height: normal; margin: 0; padding: var(--DTPadding_Btn); text-transform: capitalize; } .blog-entry .entry-button a.dt-sc-button span { display: none; } /*----*****---- << Blog Format >> ----*****----*/ .blog-entry.type-post .entry-format { display: block; } .blog-entry .entry-format { display: none; left: 0; position: absolute; top: 0; z-index: 9; } .blog-entry .entry-format a { float: left; height: 50px; line-height: 50px; margin: 5px; position: relative; text-align: center; width: 50px; } .blog-entry .entry-format a:before { font-family: "DT Icons"; font-style: normal; font-size: 26px; height: 100%; left: 0; line-height: 50px; margin: 0; position: absolute; text-align: center; top: 0; width: 100%;} .blog-entry.type-post:not(.has-post-thumbnail) .entry-format { display: none; } .blog-entry.format-standard .entry-format a:before, .blog-entry.ico-format.format-standard:before { content: '\f15c'; } .blog-entry.format-image .entry-format a:before, .blog-entry.ico-format.format-image:before { content: '\e80d'; } .blog-entry.format-gallery .entry-format a:before, .blog-entry.ico-format.format-gallery:before { content: '\f1c5'; } .blog-entry.format-status .entry-format a:before, .blog-entry.ico-format.format-status:before { content: '\e894'; } .blog-entry.format-link .entry-format a:before, .blog-entry.ico-format.format-link:before { content: '\f0c1'; } .blog-entry.format-aside .entry-format a:before, .blog-entry.ico-format.format-aside:before { content: '\e812'; } .blog-entry.format-quote .entry-format a:before, .blog-entry.ico-format.format-quote:before { content: '\f10d'; } .blog-entry.format-video .entry-format a:before, .blog-entry.ico-format.format-video:before { content: '\f1c8'; } .blog-entry.format-chat .entry-format a:before, .blog-entry.ico-format.format-chat:before { content: '\f0e6'; } .blog-entry.format-audio .entry-format a:before, .blog-entry.ico-format.format-audio:before { content: '\f1c7'; } /*----*****---- << Blog Gallery Slider >> ----*****----*/ .blog-entry .entry-thumb .bx-wrapper { overflow: hidden; position: relative; } .blog-entry .entry-thumb .bx-controls a { bottom: 0; filter: alpha(opacity=60); font-size: 0; height: 50px; margin: auto; opacity: .6; position: absolute; top: 0; width: 35px; z-index: 9; } .blog-entry .entry-thumb .bx-controls a:hover { filter: alpha(opacity=100); opacity: 1; } .blog-entry .entry-thumb .bx-controls a.bx-prev:before, .entry-thumb .bx-controls a.bx-next:before { content: '\e85b'; font-family: "DT Icons"; font-size: 14px; left: 0; line-height: 50px; position: absolute; text-align: center; top: 0; width: 100%; } .blog-entry .entry-thumb .bx-controls a.bx-prev:before { content: '\e85a'; } .blog-entry .entry-thumb .bx-controls a.bx-prev { left: -35px; } .blog-entry .entry-thumb .bx-controls a.bx-next { right: -35px; } .blog-entry .entry-thumb:hover .bx-controls a.bx-prev { left: 15px; } .blog-entry .entry-thumb:hover .bx-controls a.bx-next { right: 15px; } .blog-entry .entry-gallery-post-slider li { display: inline; } .blog-entry ul.entry-gallery-post-slider { float: left; margin-bottom: 0; width: 100%; padding-left: 0; } .blog-entry.format-gallery .entry-thumb .bx-wrapper .bx-viewport, .blog-entry.format-gallery .entry-thumb .bx-wrapper .bx-viewport * { transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; -webkit-transition: none; } .entry-list-layout .blog-entry .entry-thumb .bx-wrapper, .entry-list-layout .blog-entry .entry-thumb .bx-wrapper .bx-viewport, .entry-list-layout .blog-entry .entry-thumb .bx-wrapper .bx-viewport * { height: 100%; padding: 0; } .entry-list-layout .blog-entry .entry-thumb .bx-wrapper .bx-viewport img { object-fit: cover; } /*----*****---- << Blog Columns >> ----*****----*/ .tpl-blog-holder { clear: both; float: none; margin: 0 -15px; padding: 0; width: auto; } .tpl-blog-holder:not(.swiper-wrapper) { display: block; } .tpl-blog-holder .column { margin-left: 0; padding: 15px; } .tpl-blog-holder .column:empty { height: 0 !important; margin: 0 !important; padding: 0 !important; } .tpl-blog-holder .dt-sc-one-third, .tpl-blog-holder .column.no-space.dt-sc-one-third { width: 33.31%; } .tpl-blog-holder .dt-sc-one-half, .tpl-blog-holder .column.no-space.dt-sc-one-half { width: 50%; } .tpl-blog-holder .dt-sc-one-column, .tpl-blog-holder .column.no-space.dt-sc-one-column { width: 100%; } .tpl-blog-holder.apply-no-space { margin: 0; } .tpl-blog-holder.apply-no-space .column { padding: 0; margin: 0; min-height: auto; clear: none; } .page-with-sidebar .tpl-blog-holder { margin-top: -10px; } .grid-sizer.column { margin: 0; min-height: 0; padding: 0; } .tpl-blog-holder .column { margin-left: 0; margin-right: 0; } .tpl-blog-holder .column .blog-entry, .tpl-blog-holder .wpb_column .blog-entry { margin-bottom: 0; } .column .blog-entry, .wpb_column .blog-entry, .dt-sc-one-column.column .blog-entry, .dt-sc-one-column.wpb_column .blog-entry, .dt-sc-one-column.dt-sc-post-entry.entry-cover-layout .blog-entry { margin-bottom: 25px; } .tpl-blog-holder .dt-sc-one-column.column:last-child, .column.no-space .blog-entry, .wpb_column.no-space .blog-entry, .dt-sc-one-column.column:last-child .blog-entry, .dt-sc-one-column.wpb_column:last-child .blog-entry, .dt-sc-one-column.dt-sc-post-entry.entry-cover-layout:last-child .blog-entry { margin-bottom: 0; } .desc-wrapper { display: inline-block; } /*-------------------------------------------------------------- 1.2 - Blog Type Styles --------------------------------------------------------------*/ /*----*****---- << Styles >> ----*****----*/ .dt-sc-post-entry .blog-entry h1, .dt-sc-post-entry .blog-entry h2, .dt-sc-post-entry .blog-entry h3, .dt-sc-post-entry .blog-entry h4, .dt-sc-post-entry .blog-entry h5, .dt-sc-post-entry .blog-entry h6 {margin: 0; text-transform:none;} .dt-sc-post-entry .blog-entry > div, .dt-sc-post-entry .blog-entry .entry-meta-group > div, .dt-sc-post-entry.entry-cover-layout .blog-entry .entry-details > div { margin-bottom: 25px; margin-top: 0; } .dt-sc-post-entry .blog-entry > div:empty, .dt-sc-post-entry .blog-entry .entry-meta-group > div:empty, .dt-sc-post-entry.entry-cover-layout .blog-entry .entry-details > div:empty { margin: 0; } .dt-sc-post-entry .blog-entry > div:last-child, .dt-sc-post-entry .blog-entry .entry-meta-group > div:last-child, .dt-sc-post-entry.entry-cover-layout .blog-entry .entry-details > div:last-child { margin-bottom: 0; } .dt-sc-post-entry .blog-entry > div.entry-date:last-child, .dt-sc-post-entry .blog-entry > div.entry-categories:last-child, .dt-sc-post-entry .blog-entry > div.entry-thumb:last-child, .dt-sc-post-entry .blog-entry > div.entry-likes-views:last-child, .dt-sc-post-entry .blog-entry > div.entry-title:last-child, .dt-sc-post-entry .blog-entry > div.entry-comments:last-child, .dt-sc-post-entry .blog-entry > div.entry-social-share:last-child, .dt-sc-post-entry .blog-entry > div.entry-tags:last-child, .dt-sc-post-entry .blog-entry > div.entry-button:last-child, .dt-sc-post-entry .blog-entry > div.entry-author:last-child, .dt-sc-post-entry .blog-entry > div.entry-body:last-child, .dt-sc-post-entry.entry-cover-layout .blog-entry .entry-details > div.entry-date:last-child, .dt-sc-post-entry.entry-cover-layout .blog-entry .entry-details > div.entry-categories:last-child, .dt-sc-post-entry.entry-cover-layout .blog-entry .entry-details > div.entry-thumb:last-child, .dt-sc-post-entry.entry-cover-layout .blog-entry .entry-details > div.entry-likes-views:last-child, .dt-sc-post-entry.entry-cover-layout .blog-entry .entry-details > div.entry-title:last-child, .dt-sc-post-entry.entry-cover-layout .blog-entry .entry-details > div.entry-comments:last-child, .dt-sc-post-entry.entry-cover-layout .blog-entry .entry-details > div.entry-social-share:last-child, .dt-sc-post-entry.entry-cover-layout .blog-entry .entry-details > div.entry-tags:last-child, .dt-sc-post-entry.entry-cover-layout .blog-entry .entry-details > div.entry-button:last-child, .dt-sc-post-entry.entry-cover-layout .blog-entry .entry-details > div.entry-author:last-child, .dt-sc-post-entry.entry-cover-layout .blog-entry .entry-details > div.entry-body:last-child { margin-bottom: 35px; } .dt-sc-post-entry .blog-entry > div:first-child:not(.entry-thumb), .dt-sc-post-entry.entry-cover-layout .blog-entry .entry-details > div:first-child:not(.entry-thumb) { margin-bottom: 10px; margin-top: 25px; } .dt-sc-post-entry .blog-entry > div.entry-thumb:not(:first-child), .dt-sc-post-entry.entry-cover-layout .blog-entry .entry-details > div.entry-thumb:not(:first-child) { margin-top: 15px; } .dt-sc-post-entry .blog-entry > div:not(:first-child), .dt-sc-post-entry.entry-cover-layout .blog-entry .entry-details > div:not(:first-child) { margin-bottom: 10px; } .dt-sc-post-entry .blog-entry > div.entry-thumb, .dt-sc-post-entry.entry-cover-layout .blog-entry .entry-details > div.entry-thumb { margin-bottom: 25px; } .dt-sc-post-entry.entry-grid-layout .blog-entry:not(.has-post-thumbnail) > div.entry-thumb { margin-bottom: 0; } .dt-sc-post-entry .blog-entry.format-gallery > div.entry-thumb .bx-viewport, .dt-sc-post-entry.entry-cover-layout .blog-entry.format-gallery .entry-details > div.entry-thumb .bx-viewport { margin-bottom: -11px; } .dt-sc-post-entry.entry-grid-layout .blog-entry .entry-thumb .mejs-container { min-height: 100px; } .dt-sc-post-entry.entry-grid-layout .blog-entry .entry-thumb .mejs-container .mejs-controls { bottom: 0; float: left; margin: 0; position: absolute; top: auto; width: 100%; } .dt-sc-post-entry:not(.entry-cover-layout) .blog-entry > div:not(.entry-thumb), .dt-sc-post-entry.entry-cover-layout .blog-entry .entry-details > div:not(.entry-thumb), .dt-sc-post-entry.entry-cover-layout .blog-entry > div:not(.entry-details) { display: inline-block; float: none; padding: 0; width: 100%; } .dt-sc-post-entry.entry-cover-layout .blog-entry .entry-details > div:not(.entry-thumb), .dt-sc-post-entry.entry-cover-layout .blog-entry > div:not(.entry-details) { font-size: 12px; text-transform: uppercase; } .dt-sc-post-entry:not(.entry-cover-layout) .blog-entry > div:not(.entry-thumb):empty, .dt-sc-post-entry.entry-cover-layout .blog-entry .entry-details > div:not(.entry-thumb):empty, .dt-sc-post-entry.entry-cover-layout .blog-entry > div:not(.entry-details):empty, .dt-sc-post-entry:not(.entry-cover-layout) .blog-entry > div.entry-body:empty { display: none; } .dt-sc-post-entry.entry-cover-layout .blog-entry .entry-details > div.entry-body p, .dt-sc-post-entry.entry-cover-layout .blog-entry div.entry-body p { font-size: 14px; text-transform: initial; } @media all and (-ms-high-contrast:none) { .dt-sc-post-entry.entry-cover-layout .blog-entry .entry-details > div.entry-body p, .dt-sc-post-entry.entry-cover-layout .blog-entry div.entry-body p { text-transform: none; } /* IE10 */ *::-ms-backdrop, .dt-sc-post-entry.entry-cover-layout .blog-entry .entry-details > div.entry-body p, .dt-sc-post-entry.entry-cover-layout .blog-entry div.entry-body p { text-transform: none; } /* IE11 */ } .dt-sc-post-entry .blog-entry div.entry-categories a, .dt-sc-post-entry .blog-entry div.entry-tags a { position: relative; white-space: nowrap; } .dt-sc-post-entry .blog-entry div.entry-categories a:after, .dt-sc-post-entry .blog-entry div.entry-tags a:after { content: '\002C'; display: inline; font-size: 20px; line-height: 1em; margin-left: 0; } .dt-sc-post-entry .blog-entry div.entry-categories a:last-child:after, .dt-sc-post-entry .blog-entry div.entry-tags a:last-child:after, .dt-sc-post-entry .blog-entry div.entry-categories a:only-child:after, .dt-sc-post-entry .blog-entry div.entry-tags a:only-child:after { display: none; } .dt-sc-post-entry .blog-entry .entry-title h4 { font-size: var(--DTFontSize_H5); font-weight: 500; } .dt-sc-post-entry .blog-entry.format-link > div.entry-thumb .link-text { display: none; } .dt-sc-post-entry .blog-entry.format-link > div.entry-thumb .dticon-link { margin-right: 5px; } .dt-sc-post-entry .blog-entry.format-link > div.entry-thumb .link-author { word-break: break-all; } .dt-sc-post-entry.entry-grid-layout .blog-entry > div.entry-meta-group, .dt-sc-post-entry.entry-list-layout .blog-entry > div.entry-meta-group, .dt-sc-post-entry.entry-cover-layout .blog-entry > div.entry-meta-group, .dt-sc-post-entry.entry-cover-layout .blog-entry .entry-details > div.entry-meta-group { border-top: 1px solid; float: left; margin-top: 24px; padding: 18px 35px 10px; width: 100%; } .dt-sc-post-entry.entry-cover-layout .blog-entry .entry-details > div.entry-meta-group, .dt-sc-post-entry.entry-cover-layout .blog-entry .entry-details > div:not(.entry-thumb), .dt-sc-post-entry.entry-cover-layout .blog-entry > div:not(.entry-details) { padding-left: 25px; padding-right: 25px; } .dt-sc-post-entry .blog-entry > div.entry-meta-group > div, .dt-sc-post-entry.entry-cover-layout .blog-entry div.entry-meta-group > div { word-break: break-all; } .dt-sc-post-entry .blog-entry > div.entry-meta-group > div, .dt-sc-post-entry.entry-cover-layout .blog-entry > div.entry-meta-group > div, .dt-sc-post-entry.entry-cover-layout .blog-entry .entry-details > div.entry-meta-group > div { margin-bottom: 15px; } .dt-sc-post-entry .blog-entry > div.entry-meta-group > div:nth-last-child(-n+2), .dt-sc-post-entry.entry-cover-layout .blog-entry > div.entry-meta-group > div:nth-last-child(-n+2), .dt-sc-post-entry.entry-cover-layout .blog-entry .entry-details > div.entry-meta-group > div:nth-last-child(-n+2) { margin-bottom: 0; } .dt-sc-post-entry .blog-entry > div.entry-meta-group:not(:last-child), .dt-sc-post-entry.entry-cover-layout .blog-entry > div.entry-meta-group:not(:last-child), .dt-sc-post-entry.entry-cover-layout .blog-entry .entry-details > div.entry-meta-group:not(:last-child) { border-bottom: 1px solid; margin-bottom: 15px; margin-top: 10px; padding-bottom: 18px; } .dt-sc-post-entry .blog-entry > div.entry-meta-group:first-child { border-top: none; margin-top: 0; } .dt-sc-post-entry.entry-grid-layout .blog-entry > div.entry-meta-group:last-child, .dt-sc-post-entry.entry-list-layout .blog-entry > div.entry-meta-group:last-child, .dt-sc-post-entry.entry-cover-layout .blog-entry .entry-details > div.entry-meta-group:last-child { margin-top: 0; } /*----*****---- << List >> ----*****----*/ .dt-sc-post-entry.entry-list-layout .blog-entry { clear: both; margin: 0 0 15px; overflow: hidden; padding: 0 0 0 30%; } .dt-sc-post-entry.entry-list-layout .blog-entry .entry-thumb { float: left; height: 100%; left: 0; margin: 0; margin-bottom: 0; position: absolute; width: 30%; } .dt-sc-post-entry.entry-list-layout .blog-entry .entry-thumb .blog-image > a, .dt-sc-post-entry.entry-list-layout .blog-entry .entry-thumb .blog-image .bx-wrapper .entry-gallery-post-slider li { background-position: center center !important; background-size: cover !important; display: inline-block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .dt-sc-post-entry.entry-list-layout .blog-entry:not(.has-post-thumbnail), .dt-sc-post-entry.entry-list-layout.entry-right-thumb .blog-entry:not(.has-post-thumbnail) { padding: 0; } .dt-sc-post-entry.entry-list-layout .blog-entry.has-post-media:not(.has-post-thumbnail) { padding: 0 0 0 30%; } .dt-sc-post-entry.entry-list-layout.entry-right-thumb .blog-entry.has-post-media:not(.has-post-thumbnail) { padding: 0 30% 0 0; } .dt-sc-post-entry.entry-list-layout *[class*="post_format-post-format-"].blog-entry.has-post-media:not(.has-post-thumbnail) { padding: 0; } .dt-sc-post-entry.entry-list-layout .blog-entry.has-post-media:not(.has-post-thumbnail) .entry-thumb { z-index: 0; } .dt-sc-post-entry.entry-list-layout .blog-entry.has-post-media:not(.has-post-thumbnail) .entry-thumb > iframe, .dt-sc-post-entry.entry-list-layout .blog-entry.has-post-media:not(.has-post-thumbnail) .entry-thumb .dt-video-wrap, .dt-sc-post-entry.entry-list-layout .blog-entry.has-post-media:not(.has-post-thumbnail) .entry-thumb .fluid-width-video-wrapper { height: 100%; } .dt-sc-post-entry.entry-list-layout .blog-entry .entry-thumb { position: absolute; width: 30%; } .dt-sc-post-entry.entry-list-layout .blog-entry.format-quote .entry-thumb, .dt-sc-post-entry.entry-list-layout .blog-entry.format-link .entry-thumb { position: static; width: 100%; float: left; } .tpl-blog-holder .column.dt-sc-post-entry.entry-list-layout:last-child .blog-entry { margin-bottom: 0; } .dt-sc-post-entry.entry-list-layout .blog-entry .entry-thumb .blog-image, .dt-sc-post-entry.entry-list-layout .blog-entry .entry-thumb .blog-image .bx-wrapper, .dt-sc-post-entry.entry-list-layout .blog-entry .entry-thumb .blog-image .bx-wrapper .bx-viewport, .dt-sc-post-entry.entry-list-layout .blog-entry .entry-thumb .blog-image .bx-wrapper .entry-gallery-post-slider { height: 100% !important; } .dt-sc-post-entry.entry-list-layout .blog-entry > .entry-thumb + div:nth-child(2) { margin-top: 25px; } .dt-sc-post-entry.entry-list-layout .blog-entry > .entry-thumb + div.entry-meta-group { border-top: none; margin-top: 0; } #primary.page-with-sidebar .dt-sc-post-entry:not(.entry-grid-layout) .format-audio iframe { height: 100%; } .dt-sc-post-entry.entry-list-layout.entry-right-thumb .blog-entry { padding: 0 30% 0 0; text-align: right; } .dt-sc-post-entry.entry-list-layout.entry-right-thumb .blog-entry .entry-thumb { float: right; left: auto; right: 0; } /*----*****---- << Cover >> ----*****----*/ .dt-related-carousel .tpl-blog-holder .dt-sc-post-entry.entry-cover-layout.column { padding-bottom: 20px; } .dt-sc-post-entry.entry-cover-layout .blog-entry .entry-thumb > a { background-position: center center; background-size: cover; height: 100%; width: 100%; position: absolute; left: 0; right: 0; } .dt-sc-post-entry.entry-cover-layout .blog-entry .entry-title h4 span.sticky-post { display: inline-block; float: none; left: auto; left: 0; margin-bottom: 10px; position: relative; right: 0; top: auto; } .dt-sc-post-entry.entry-cover-layout .blog-entry .entry-title h4 > a { display: inline-block; float: none; width: 100%; } .dt-sc-post-entry.entry-cover-layout .blog-entry > div.entry-thumb { position: absolute; top: 0; padding: 0; } .dt-sc-post-entry.entry-cover-layout .blog-entry { clear: both; float: left; margin: 0; overflow: hidden; padding: 0; position: relative; width: 100%; } .dt-sc-post-entry.entry-cover-layout:hover .blog-entry { box-shadow: none; -moz-box-shadow: none; } .dt-sc-post-entry.entry-cover-layout .blog-entry .entry-thumb { float: left; height: 100%; left: 0; margin: 0; margin-bottom: 0; position: absolute; width: 100%; z-index: -1; } .dt-sc-post-entry.entry-cover-layout .blog-entry .entry-thumb .blog-image > a, .dt-sc-post-entry.entry-cover-layout .blog-entry .entry-thumb .blog-image .bx-wrapper .entry-gallery-post-slider li { background-position: center center !important; background-size: cover !important; display: inline-block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .dt-sc-post-entry.entry-cover-layout .blog-entry.format-link > div.entry-thumb, .dt-sc-post-entry.entry-cover-layout .blog-entry.format-quote > div.entry-thumb { position: static; padding: 0; } .dt-sc-post-entry.entry-cover-layout .blog-entry.format-link > div.entry-thumb .link-text { color: inherit; } .dt-sc-post-entry.entry-cover-layout .blog-entry.format-quote > div.entry-thumb blockquote { border-color: inherit; } .dt-sc-post-entry.entry-cover-layout .blog-entry .entry-thumb iframe, .dt-sc-post-entry.entry-cover-layout .blog-entry .entry-thumb .dt-video-wrap, .dt-sc-post-entry.entry-cover-layout .blog-entry .entry-thumb .dt-video-wrap .fluid-width-video-wrapper, .dt-sc-post-entry.entry-cover-layout .blog-entry .entry-thumb .dt-video-wrap .fluid-width-video-wrapper iframe, .dt-sc-post-entry.entry-cover-layout .blog-entry .entry-thumb .bx-wrapper, .dt-sc-post-entry.entry-cover-layout .blog-entry .entry-thumb .bx-wrapper .bx-viewport, .dt-sc-post-entry.entry-cover-layout .blog-entry .entry-thumb .bx-wrapper .bx-viewport ul, .dt-sc-post-entry.entry-cover-layout .blog-entry .entry-thumb .bx-wrapper .bx-viewport ul li, .dt-sc-post-entry.entry-cover-layout .blog-entry .entry-thumb .bx-wrapper .bx-viewport ul li img { height: 100% !important; padding: 0; object-fit: cover; } .dt-sc-post-entry:not(.entry-grid-layout) .blog-entry .entry-thumb .blog-image, .dt-sc-post-entry:not(.entry-grid-layout) .blog-entry .entry-thumb .blog-image iframe, .dt-sc-post-entry:not(.entry-grid-layout) .blog-entry .entry-thumb .blog-image .bx-wrapper, .dt-sc-post-entry:not(.entry-grid-layout) .blog-entry .entry-thumb .blog-image .bx-wrapper .bx-viewport, .dt-sc-post-entry:not(.entry-grid-layout) .blog-entry .entry-thumb .blog-image .bx-wrapper .entry-gallery-post-slider, .dt-sc-post-entry:not(.entry-grid-layout) .blog-entry .entry-thumb .blog-image .dt-video-wrap, .dt-sc-post-entry:not(.entry-grid-layout) .blog-entry .entry-thumb .blog-image .dt-video-wrap .fluid-width-video-wrapper, .dt-sc-post-entry:not(.entry-grid-layout) .blog-entry .entry-thumb .blog-image .dt-video-wrap .wp-video, .dt-sc-post-entry:not(.entry-grid-layout) .blog-entry .entry-thumb .blog-image .dt-video-wrap .wp-video .mejs-container, .dt-sc-post-entry:not(.entry-grid-layout) .blog-entry .entry-thumb .blog-image .dt-video-wrap .wp-video-shortcode video, .dt-sc-post-entry:not(.entry-grid-layout) .blog-entry .entry-thumb .blog-image .dt-video-wrap video.wp-video-shortcode, .dt-sc-post-entry:not(.entry-grid-layout) .blog-entry .entry-thumb .blog-image .mejs-container { height: 100% !important; } .dt-sc-post-entry:not(.entry-grid-layout) .blog-entry .entry-thumb .blog-image .mejs-container { bottom: 0; position: absolute; } .dt-sc-post-entry.entry-cover-layout .blog-entry .entry-details { margin-bottom: 0; } .dt-sc-post-entry.entry-cover-layout .blog-entry .entry-details > div.entry-meta-group:last-child { margin-bottom: 10px; } .dt-sc-post-entry.entry-cover-layout .blog-entry .entry-details > div.entry-meta-group { border-top: 1px solid; margin-bottom: 0; } .dt-sc-post-entry.entry-cover-layout .blog-entry .entry-details > div.entry-meta-group:not(:last-child) { border-bottom: 1px solid; } .dt-sc-post-entry.entry-cover-layout .blog-entry .entry-format { left: auto; right: 0; } .dt-sc-post-entry.entry-cover-layout .blog-entry .entry-format a { background: none; box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -webkit-box-shadow: none; height: 30px; margin: 3px; width: 30px; } .dt-sc-post-entry.entry-cover-layout .blog-entry .entry-format a:before { font-size: 22px; line-height: normal; } .dt-sc-post-entry.entry-cover-layout.alignright .blog-entry .entry-format { left: 0; right: auto; } .dt-sc-post-entry.entry-cover-layout .blog-entry > div.entry-format { padding: 0; width: auto; margin: 0; } .dt-sc-post-entry.entry-cover-layout .blog-entry > div.entry-format a { background: none !important; float: right; margin-top: 7px; } /*----*****---- << Image Overlay Styles >> ----*****----*/ .dt-sc-post-entry .format-audio.blog-entry.has-post-media .entry-thumb:after, .dt-sc-post-entry .format-video.blog-entry.has-post-media .entry-thumb:after { display: none; } .dt-sc-fixed-overlay .blog-entry .entry-thumb:after { background-color: rgba(0,0,0,.3); content: ''; display: block; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; border: none !important; } .dt-sc-fixed-overlay:hover .blog-entry .entry-thumb:after { opacity: 1; } .dt-sc-tb-overlay .blog-entry .entry-thumb:after, .dt-sc-bt-overlay .blog-entry .entry-thumb:after, .dt-sc-lr-overlay .blog-entry .entry-thumb:after, .dt-sc-rl-overlay .blog-entry .entry-thumb:after, .dt-sc-middle-overlay .blog-entry .entry-thumb:after { background-color: rgba(0,0,0,.3); content: ''; display: block; height: 0; left: 0; margin: 0 auto; position: absolute; right: 0; top: 0; width: 100%; border: none !important; } .dt-sc-bt-overlay .blog-entry .entry-thumb:after { bottom: 0; top: auto; } .dt-sc-tb-overlay:hover .blog-entry .entry-thumb:after, .dt-sc-bt-overlay:hover .blog-entry .entry-thumb:after { height: 100%; } .dt-sc-lr-overlay .blog-entry .entry-thumb:after, .dt-sc-rl-overlay .blog-entry .entry-thumb:after, .dt-sc-middle-overlay .blog-entry .entry-thumb:after { height: 100%; top: 0; width: 0; border: none !important; } .dt-sc-lr-overlay .blog-entry .entry-thumb:after { left: 0; right: auto; } .dt-sc-rl-overlay .blog-entry .entry-thumb:after { left: auto; right: 0; } .dt-sc-middle-overlay .blog-entry .entry-thumb:after { left: 0; right: 0; } .dt-sc-lr-overlay:hover .blog-entry .entry-thumb:after, .dt-sc-rl-overlay:hover .blog-entry .entry-thumb:after, .dt-sc-middle-overlay:hover .blog-entry .entry-thumb:after { width: 100%; border: none !important; } .dt-sc-middle-radial-overlay .blog-entry .entry-thumb:after { background-color: rgba(0,0,0,.3); border-radius: 50%; bottom: 0; content: ''; display: block; height: 100%; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transform: scale(.1); -moz-transform: scale(.1); -ms-transform: scale(.1); -webkit-transform: scale(.1); width: 100%; border: none !important; } .dt-sc-middle-radial-overlay:hover .blog-entry .entry-thumb:after { opacity: 1; transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -webkit-transform: scale(1.5); } .dt-sc-flash-overlay .blog-entry .entry-thumb, .dt-sc-circle-overlay .blog-entry .entry-thumb, .dt-sc-middle-radial-overlay .blog-entry .entry-thumb { overflow: hidden; } .dt-sc-circle-overlay .blog-entry .entry-thumb:after, .dt-sc-flash-overlay .blog-entry .entry-thumb:after { content: ''; display: block; position: absolute; border: none !important; } .dt-sc-flash-overlay .blog-entry .entry-thumb:after { background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); background: -moz-linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); background: -webkit-linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); background: -ms-linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); height: 100%; left: -100%; top: 0; transform: skewX(-25deg); -webkit-transform: skewX(-25deg); width: 50%; z-index: 2; } .dt-sc-flash-overlay:hover .blog-entry .entry-thumb:after { animation: shine 1s; -webkit-animation: shine 1s; } @-webkit-keyframes shine { 100% { left: 125%; } } @keyframes shine { 100% { left: 125%; } } .dt-sc-circle-overlay .blog-entry .entry-thumb:after { background: rgba(255,255,255,.3); border-radius: 100%; height: 0; left: 50%; opacity: 0; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 0; z-index: 2; border: none !important; } .dt-sc-circle-overlay:hover .blog-entry .entry-thumb:after { animation: circle .75s; -webkit-animation: circle .75s; } @-webkit-keyframes circle { 0% { opacity: 1; } 40% { opacity: 1; } 100% { height: 200%; opacity: 0; width: 200%; } } @keyframes circle { 0% { opacity: 1; } 40% { opacity: 1; } 100% { height: 200%; opacity: 0; width: 200%; } } .dt-sc-tb-gradient-overlay .blog-entry .entry-thumb:after, .dt-sc-bt-gradient-overlay .blog-entry .entry-thumb:after, .dt-sc-rl-gradient-overlay .blog-entry .entry-thumb:after, .dt-sc-lr-gradient-overlay .blog-entry .entry-thumb:after, .dt-sc-radial-gradient-overlay .blog-entry .entry-thumb:after { content: ''; display: block; height: 100%; opacity: 0; position: absolute; top: 0; width: 100%; border: none !important; pointer-events: none; } .dt-sc-tb-gradient-overlay .blog-entry .entry-thumb:after, .dt-sc-bt-gradient-overlay .blog-entry .entry-thumb:after { left: 0; margin: 0 auto; right: 0; } .dt-sc-rl-gradient-overlay .blog-entry .entry-thumb:after { left: 0; } .dt-sc-lr-gradient-overlay .blog-entry .entry-thumb:after { right: 0; } .dt-sc-tb-gradient-overlay .blog-entry .entry-thumb:after { background: -moz-linear-gradient(bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.75) 100%); background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,.7))); background: -webkit-linear-gradient(bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.75) 100%); background: -o-linear-gradient(bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.75) 100%); background: -ms-linear-gradient(bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.75) 100%); background: linear-gradient(to top, rgba(0,0,0,0) 0%, rgba(0,0,0,.75) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000', endColorstr='#b3000000', GradientType=0); top: 0; } .dt-sc-bt-gradient-overlay .blog-entry .entry-thumb:after { background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.75) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,.7))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.75) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.75) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.75) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.75) 100%); bottom: 0; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000', endColorstr='#b3000000', GradientType=0); top: auto; } .dt-sc-rl-gradient-overlay .blog-entry .entry-thumb:after { background: -moz-linear-gradient(right, rgba(0,0,0,0) 0%, rgba(0,0,0,.75) 100%); background: -webkit-gradient(linear, top left, top right, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,.7))); background: -webkit-linear-gradient(right, rgba(0,0,0,0) 0%, rgba(0,0,0,.75) 100%); background: -o-linear-gradient(right, rgba(0,0,0,0) 0%, rgba(0,0,0,.75) 100%); background: -ms-linear-gradient(right, rgba(0,0,0,0) 0%, rgba(0,0,0,.75) 100%); background: linear-gradient(to left, rgba(0,0,0,0) 0%, rgba(0,0,0,.75) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000', endColorstr='#b3000000', GradientType=0); right: 0; } .dt-sc-lr-gradient-overlay .blog-entry .entry-thumb:after { background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,.75) 100%); background: -webkit-gradient(linear, top right, top left, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,.7))); background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,.75) 100%); background: -o-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,.75) 100%); background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,.75) 100%); background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,.75) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000', endColorstr='#b3000000', GradientType=0); left: 0; } .dt-sc-radial-gradient-overlay .blog-entry .entry-thumb:after { background: rgba(0,0,0,.75); /* For older browsers that may not support gradients */ background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 10%, rgba(0,0,0,.75) 100%); background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 10%, rgba(0,0,0,.75) 100%); background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 10%, rgba(0,0,0,.75) 100%); background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 10%, rgba(0,0,0,.75) 100%); background: radial-gradient(rgba(0,0,0,0) 10%, rgba(0,0,0,.75) 100%); } .dt-sc-tb-gradient-overlay:hover .blog-entry .entry-thumb:after, .dt-sc-bt-gradient-overlay:hover .blog-entry .entry-thumb:after, .dt-sc-rl-gradient-overlay:hover .blog-entry .entry-thumb:after, .dt-sc-lr-gradient-overlay:hover .blog-entry .entry-thumb:after, .dt-sc-radial-gradient-overlay:hover .blog-entry .entry-thumb:after { opacity: 1; } .dt-sc-bt-gradient-overlay .blog-entry.format-link .entry-thumb:after, .dt-sc-bt-gradient-overlay .blog-entry.format-quote .entry-thumb:after { content: none; } .dt-sc-hm-elastic-overlay .blog-entry .entry-thumb:after { backface-visibility: hidden; background: rgba(0,0,0,.75); bottom: 0; content: ''; left: 0; position: absolute; right: 0; top: 0; transform: scaleX(0); -ms-transform: scaleX(0); -webkit-transform: scaleX(0); transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; transition-duration: .3s; -webkit-transition-duration: .3s; transition-property: transform; -webkit-transition-property: transform; transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; border: none !important; } .dt-sc-hm-elastic-overlay:hover .blog-entry .entry-thumb:after { transform: scaleX(1); -ms-transform: scaleX(1); -webkit-transform: scaleX(1); transition-timing-function: cubic-bezier(.52, 1.64, .37, .66); -ms-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66); -webkit-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66); } .dt-sc-vm-elastic-overlay .blog-entry .entry-thumb:after { backface-visibility: hidden; background: rgba(0,0,0,.75); bottom: 0; content: ''; left: 0; position: absolute; right: 0; top: 0; transform: scaleY(0); -ms-transform: scaleY(0); -webkit-transform: scaleY(0); transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -webkit-transform-origin: 100% 50%; transition-duration: .3s; -webkit-transition-duration: .3s; transition-property: transform; -webkit-transition-property: transform; transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; border: none !important; } .dt-sc-vm-elastic-overlay:hover .blog-entry .entry-thumb:after { transform: scaleY(1); -ms-transform: scaleY(1); -webkit-transform: scaleY(1); transition-timing-function: cubic-bezier(.52, 1.64, .37, .66); -ms-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66); -webkit-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66); } /*----*****---- << Hover Image Styles >> ----*****----*/ .dt-sc-blur-hover .blog-entry:hover .entry-thumb > a, .dt-sc-blur-hover .blog-entry:hover .blog-image > a, .dt-sc-blur-hover .blog-entry:hover .entry-thumb > .bx-wrapper img, .dt-sc-blur-hover .blog-entry:hover .blog-image > .bx-wrapper img { filter: blur(2px); -webkit-filter: blur(2px); } .dt-sc-blur-hover.entry-cover-layout .blog-entry:hover .blog-image > a, .dt-sc-blur-hover.entry-cover-layout .blog-entry:hover .blog-image > .bx-wrapper img { filter: blur(10px); -webkit-filter: blur(10px); } .dt-sc-bw-hover .blog-entry:hover .entry-thumb > a, .dt-sc-bw-hover .blog-entry:hover .blog-image > a, .dt-sc-bw-hover .blog-entry:hover .entry-thumb > .bx-wrapper img, .dt-sc-bw-hover .blog-entry:hover .blog-image > .bx-wrapper img { filter: grayscale(1); -webkit-filter: grayscale(1); } .dt-sc-brightness-hover .blog-entry:hover .entry-thumb > a, .dt-sc-brightness-hover .blog-entry:hover .blog-image > a, .dt-sc-brightness-hover .blog-entry:hover .entry-thumb > .bx-wrapper img, .dt-sc-brightness-hover .blog-entry:hover .blog-image > .bx-wrapper img { filter: brightness(1.5); -webkit-filter: brightness(1.5); } .dt-sc-hue-rotate-hover .blog-entry:hover .entry-thumb > a, .dt-sc-hue-rotate-hover .blog-entry:hover .blog-image > a, .dt-sc-hue-rotate-hover .blog-entry:hover .entry-thumb > .bx-wrapper img, .dt-sc-hue-rotate-hover .blog-entry:hover .blog-image > .bx-wrapper img { filter: hue-rotate(90deg); -webkit-filter: hue-rotate(90deg); } .dt-sc-invert-hover .blog-entry:hover .entry-thumb > a, .dt-sc-invert-hover .blog-entry:hover .blog-image > a, .dt-sc-invert-hover .blog-entry:hover .entry-thumb > .bx-wrapper img, .dt-sc-invert-hover .blog-entry:hover .blog-image > .bx-wrapper img { filter: invert(.8); -webkit-filter: invert(.8); } .dt-sc-opacity-hover .blog-entry:hover .entry-thumb > a, .dt-sc-opacity-hover .blog-entry:hover .blog-image > a, .dt-sc-opacity-hover .blog-entry:hover .entry-thumb > .bx-wrapper img, .dt-sc-opacity-hover .blog-entry:hover .blog-image > .bx-wrapper img { filter: opacity(.6); -webkit-filter: opacity(.6); } .dt-sc-sepia-hover .blog-entry:hover .entry-thumb > a, .dt-sc-sepia-hover .blog-entry:hover .blog-image > a, .dt-sc-sepia-hover .blog-entry:hover .entry-thumb > .bx-wrapper img, .dt-sc-sepia-hover .blog-entry:hover .blog-image > .bx-wrapper img { filter: sepia(1); -webkit-filter: sepia(1); } .dt-sc-tint-hover .blog-entry:hover .entry-thumb > a, .dt-sc-tint-hover .blog-entry:hover .blog-image > a, .dt-sc-tint-hover .blog-entry:hover .entry-thumb > .bx-wrapper img, .dt-sc-tint-hover .blog-entry:hover .blog-image > .bx-wrapper img { filter: sepia(1) hue-rotate(200deg); -webkit-filter: sepia(1) hue-rotate(200deg); } div[class*="dt-sc-fadein"] .blog-entry .entry-thumb, div[class*="dt-sc-scale"] .blog-entry .entry-thumb, div[class*="rotate"] .blog-entry .entry-thumb { overflow: hidden; } div[class*="dt-sc-fadein"].dt-sc-overlap-style.dt-sc-post-entry.entry-list-layout .blog-entry .entry-thumb .entry-format, div[class*="dt-sc-scale"].dt-sc-overlap-style.dt-sc-post-entry.entry-list-layout .blog-entry .entry-thumb .entry-format, div[class*="rotate"].dt-sc-overlap-style.dt-sc-post-entry.entry-list-layout .blog-entry .entry-thumb .entry-format, .dt-sc-flash-overlay.dt-sc-overlap-style.dt-sc-post-entry.entry-list-layout .blog-entry .entry-thumb .entry-format, .dt-sc-circle-overlay.dt-sc-overlap-style.dt-sc-post-entry.entry-list-layout .blog-entry .entry-thumb .entry-format, .dt-sc-middle-radial-overlay.dt-sc-overlap-style.dt-sc-post-entry.entry-list-layout .blog-entry .entry-thumb .entry-format { right: -6px; } div[class*="dt-sc-fadein"].dt-sc-overlap-style.dt-sc-post-entry.entry-list-layout.entry-right-thumb .blog-entry .entry-thumb .entry-format, div[class*="dt-sc-scale"].dt-sc-overlap-style.dt-sc-post-entry.entry-list-layout.entry-right-thumb .blog-entry .entry-thumb .entry-format, div[class*="rotate"].dt-sc-overlap-style.dt-sc-post-entry.entry-list-layout.entry-right-thumb .blog-entry .entry-thumb .entry-format, .dt-sc-flash-overlay.dt-sc-overlap-style.dt-sc-post-entry.entry-list-layout.entry-right-thumb .blog-entry .entry-thumb .entry-format, .dt-sc-circle-overlay.dt-sc-overlap-style.dt-sc-post-entry.entry-list-layout.entry-right-thumb .blog-entry .entry-thumb .entry-format, .dt-sc-middle-radial-overlay.dt-sc-overlap-style.dt-sc-post-entry.entry-list-layout.entry-right-thumb .blog-entry .entry-thumb .entry-format { left: -6px; right: auto; } div[class*="dt-sc-fadein"].dt-sc-overlap-style.dt-sc-post-entry.entry-grid-layout .blog-entry .entry-thumb .entry-format, div[class*="dt-sc-scale"].dt-sc-overlap-style.dt-sc-post-entry.entry-grid-layout .blog-entry .entry-thumb .entry-format, div[class*="rotate"].dt-sc-overlap-style.dt-sc-post-entry.entry-grid-layout .blog-entry .entry-thumb .entry-format, .dt-sc-flash-overlay.dt-sc-overlap-style.dt-sc-post-entry.entry-grid-layout .blog-entry .entry-thumb .entry-format, .dt-sc-circle-overlay.dt-sc-overlap-style.dt-sc-post-entry.entry-grid-layout .blog-entry .entry-thumb .entry-format, .dt-sc-middle-radial-overlay.dt-sc-overlap-style.dt-sc-post-entry.entry-grid-layout .blog-entry .entry-thumb .entry-format { bottom: -5px; } div[class*="dt-sc-scale"] .blog-entry .entry-thumb > a img { transition: opacity .35s, transform .45s; } div[class*="dt-sc-fadein"] .blog-entry .entry-thumb > a img, div[class*="dt-sc-fadein"] .blog-entry .entry-thumb .blog-image > a { max-width: none; transition: opacity .35s, transform .45s; } .dt-sc-fadeinleft-hover .blog-entry .entry-thumb > a img, .dt-sc-fadeinleft-hover.dt-sc-post-entry.entry-list-layout .blog-entry .entry-thumb .blog-image > a { transform: translate3d(-6.66%, 0, 0); -webkit-transform: translate3d(-6.66%, 0, 0); width: calc(100% + 10%); } .dt-sc-fadeinleft-hover .blog-entry:hover .entry-thumb > a img, .dt-sc-fadeinleft-hover.dt-sc-post-entry.entry-list-layout .blog-entry:hover .entry-thumb .blog-image > a { transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); } .dt-sc-fadeinright-hover .blog-entry .entry-thumb > a img, .dt-sc-fadeinright-hover.dt-sc-post-entry.entry-list-layout .blog-entry .entry-thumb .blog-image > a { transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); width: calc(100% + 10%); } .dt-sc-fadeinright-hover .blog-entry:hover .entry-thumb > a img, .dt-sc-fadeinright-hover.dt-sc-post-entry.entry-list-layout .blog-entry:hover .entry-thumb .blog-image > a { transform: translate3d(-6.66%, 0, 0); -webkit-transform: translate3d(-6.66%, 0, 0); } .dt-sc-scalein-hover .blog-entry .entry-thumb > a img, .dt-sc-scalein-hover.dt-sc-post-entry.entry-list-layout .blog-entry .entry-thumb .blog-image > a, .dt-sc-scalein-hover.dt-sc-post-entry .blog-entry .entry-thumb .blog-image > a, .dt-sc-scaleout-hover.dt-sc-post-entry.entry-list-layout:hover .blog-entry .entry-thumb .blog-image > a, .dt-sc-scaleout-hover .blog-entry:hover .entry-thumb > a img, .dt-sc-scaleout-hover.dt-sc-post-entry:hover .blog-entry .entry-thumb .blog-image > a { transform: scale(1.2); -webkit-transform: scale(1.2); width: 100%; } .dt-sc-scalein-hover:hover .blog-entry .entry-thumb > a img, .dt-sc-scalein-hover.dt-sc-post-entry.entry-list-layout:hover .blog-entry .entry-thumb .blog-image > a, .dt-sc-scalein-hover.dt-sc-post-entry:hover .blog-entry .entry-thumb .blog-image > a, .dt-sc-scaleout-hover.dt-sc-post-entry.entry-list-layout .blog-entry .entry-thumb .blog-image > a, .dt-sc-scaleout-hover .blog-entry .entry-thumb > a img, .dt-sc-scaleout-hover.dt-sc-post-entry .blog-entry .entry-thumb .blog-image > a { transform: scale(1); -webkit-transform: scale(1); width: 100%; } .dt-sc-rotate-hover .blog-entry:hover .entry-thumb > a img, .dt-sc-rotate-hover.dt-sc-post-entry.entry-list-layout .blog-entry:hover .entry-thumb .blog-image > a, .dt-sc-rotate-hover.dt-sc-post-entry .blog-entry:hover .entry-thumb .blog-image > a { transform: scale(1.5) rotate(-10deg); -moz-transform: scale(1.5) rotate(-10deg); -ms-transform: scale(1.5) rotate(-10deg); -webkit-transform: scale(1.5) rotate(-10deg); } .dt-sc-rotate-alt-hover .blog-entry:hover .entry-thumb > a img, .dt-sc-rotate-alt-hover.dt-sc-post-entry.entry-list-layout .blog-entry:hover .entry-thumb .blog-image > a, .dt-sc-rotate-alt-hover.dt-sc-post-entry .blog-entry:hover .entry-thumb .blog-image > a { transform: scale(1.5) rotate(10deg); -moz-transform: scale(1.5) rotate(10deg); -ms-transform: scale(1.5) rotate(10deg); -webkit-transform: scale(1.5) rotate(10deg); } .dt-sc-fadeinleft-hover.entry-cover-layout .blog-entry .entry-thumb .blog-image > a { transform: translate3d(-6%, 0, 0) scale(1.2); -webkit-transform: translate3d(-6%, 0, 0) scale(1.2); width: calc(100% + 9%); } .dt-sc-fadeinleft-hover.entry-cover-layout .blog-entry:hover .entry-thumb .blog-image > a { transform: translate3d(0, 0, 0) scale(1.2); -webkit-transform: translate3d(0, 0, 0) scale(1.2); } .dt-sc-fadeinright-hover.entry-cover-layout .blog-entry .entry-thumb .blog-image > a { transform: translate3d(0, 0, 0) scale(1.2); -webkit-transform: translate3d(0, 0, 0) scale(1.2); width: calc(100% + 9%); } .dt-sc-fadeinright-hover.entry-cover-layout .blog-entry:hover .entry-thumb .blog-image > a { transform: translate3d(-6%, 0, 0) scale(1.2); -webkit-transform: translate3d(-6%, 0, 0) scale(1.2); } /*-------------------------------------------------------------- Colors --------------------------------------------------------------*/ .dt-sc-post-entry .blog-entry .entry-format a.ico-format:hover, .blog-entry .entry-thumb .bx-controls a { background: var(--DTWhiteColor); } .dt-sc-post-entry.entry-grid-layout .blog-entry > div.entry-meta-group, .dt-sc-post-entry.entry-list-layout .blog-entry > div.entry-meta-group, .dt-sc-post-entry.entry-cover-layout .blog-entry > div.entry-meta-group, .dt-sc-post-entry.entry-cover-layout .blog-entry .entry-details > div.entry-meta-group, .dt-sc-post-entry .blog-entry > div.entry-meta-group:not(:last-child), .dt-sc-post-entry.entry-cover-layout .blog-entry > div.entry-meta-group:not(:last-child), .dt-sc-post-entry.entry-cover-layout .blog-entry .entry-details > div.entry-meta-group:not(:last-child) { border-color: var(--DTBorderColor); } .dt-sc-post-entry.entry-cover-layout .blog-entry .entry-details > div.entry-meta-group, .dt-sc-post-entry.entry-cover-layout .blog-entry .entry-details > div.entry-meta-group:not(:last-child) { border-color: rgba(var(--DTWhite_RGB),.25); } .blog-entry .entry-format a { -webkit-box-shadow: inset 0 0 0 2px var(--DTWhiteColor); box-shadow: inset 0 0 0 2px var(--DTWhiteColor); } .dt-sc-post-entry.entry-cover-layout .blog-entry { -webkit-box-shadow: 0 28px 16px -25px var(--DTBlackColor); box-shadow: 0 28px 16px -25px var(--DTBlackColor); } /*----*****---- << Dark >> ----*****----*/ .blog-entry .entry-social-share .share > i { background-color: var(--DTLinkColor); } .blog-entry .entry-social-share .share { border-color: var(--DTLinkColor); } .dt-sc-post-entry .blog-entry a, .dt-sc-post-entry .blog-entry .entry-title h4 a, .dt-sc-post-entry.entry-cover-layout .blog-entry .entry-title h4 a, .dt-sc-post-entry.entry-cover-layout .blog-entry .entry-button a.dt-sc-button:hover, .dt-sc-post-entry.entry-cover-layout .blog-entry:after, .dt-sc-post-entry .blog-entry .entry-format a.ico-format:hover, .dt-sc-post-entry.entry-cover-layout .blog-entry .entry-format a:after, .dt-sc-post-entry.entry-cover-layout .blog-entry > div.entry-format a:hover, .blog-entry .entry-thumb .bx-controls a.bx-prev:before, .entry-thumb .bx-controls a.bx-next:before { color: var(--DTLinkColor); } .dt-sc-post-entry .blog-entry a:not(.dt-sc-button):hover, .dt-sc-post-entry .blog-entry .entry-title h4 a:hover { color: var(--DTPrimaryColor); } .dt-sc-post-entry .blog-entry div.entry-categories a:after, .dt-sc-post-entry .blog-entry div.entry-tags a:after { color: var(--DTBodyTxtColor); } .dt-sc-post-entry.entry-cover-layout .blog-entry, .dt-sc-boxed-style.dt-sc-post-entry.entry-cover-layout .blog-entry { background-color: rgba(var(--DTBlack_RGB),.75); } .dt-sc-post-entry.entry-cover-layout .blog-entry:hover, .dt-sc-boxed-style.dt-sc-post-entry.entry-cover-layout .blog-entry:hover { background-color: rgba(var(--DTBlack_RGB),.65); } /*----*****---- << Light >> ----*****----*/ .blog-entry .entry-social-share .share > i, .blog-entry .entry-title h4 span.sticky-post, .blog-entry .entry-title h4 span.sticky-post i[class*="fa"], .blog-entry .entry-title h4 span.sticky-post i.pe, .dt-sc-post-entry .blog-entry .entry-format a, .dt-sc-post-entry .blog-entry .entry-button a.dt-sc-button, .dt-sc-post-entry.entry-cover-layout .blog-entry .entry-title h4 a, .dt-sc-post-entry.entry-cover-layout .blog-entry .entry-details, .dt-sc-post-entry.entry-cover-layout .blog-entry > div, .dt-sc-post-entry.entry-cover-layout .blog-entry div i[class*="fa"], .dt-sc-post-entry.entry-cover-layout .blog-entry a:hover { color: var(--DTWhiteColor); } .dt-sc-post-entry.entry-cover-layout .blog-entry .entry-button a.dt-sc-button:hover, .dt-sc-post-entry:not(.entry-cover-layout) .blog-entry .entry-social-share .share { background: var(--DTWhiteColor); } .dt-sc-post-entry.entry-cover-layout .blog-entry > div.entry-meta-group:not(:last-child), .dt-sc-post-entry.entry-cover-layout .blog-entry .entry-details > div.entry-meta-group:not(:last-child) { border-color: rgba(var(--DTWhite_RGB),.15); } /*-------------------------------------------------------------- Accents --------------------------------------------------------------*/ /* Primary */ .blog-entry .entry-title h4 span.sticky-post, .dt-sc-post-entry .blog-entry .entry-button a.dt-sc-button:hover, .dt-sc-post-entry.entry-cover-layout .blog-entry .entry-social-share .share > i, .dt-sc-post-entry .blog-entry .entry-format a { background-color: var(--DTPrimaryColor); } .dt-sc-post-entry.entry-cover-layout .blog-entry.sticky, .dt-sc-post-entry.entry-cover-layout .blog-entry .entry-social-share .share { border-color: var(--DTPrimaryColor); } .apply-no-space .dt-sc-post-entry.entry-cover-layout .blog-entry.sticky { box-shadow: inset 0 0 1px 3px var(--DTPrimaryColor); } /* Secondary */ .dt-sc-post-entry .blog-entry .entry-button a.dt-sc-button { background-color: var(--DTSecondaryColor); } /*-------------------------------------------------------------- Responsive --------------------------------------------------------------*/ /*----*****---- << Laptop >> ----*****----*/ @media only screen and (min-width:1281px) and (max-width:1440px) { .page-with-sidebar .tpl-blog-holder .dt-sc-one-half { width: 48.8%; } #primary.page-with-sidebar .dt-sc-post-entry.entry-cover-layout .blog-entry .entry-format a:before { font-size: 20px; } } /*----*****---- << iPad - Landscape >> ----*****----*/ @media only screen and (min-width:1025px) { #primary.page-with-sidebar .dt-sc-one-third.dt-sc-post-entry.entry-grid-layout .blog-entry > div.entry-meta-group, #primary.page-with-sidebar .dt-sc-one-third.dt-sc-post-entry:not(.entry-cover-layout) .blog-entry > div:not(.entry-thumb) { padding-left: 25px; padding-right: 25px; } #primary.page-with-sidebar .dt-sc-one-third.dt-sc-post-entry:not(.entry-list-layout) .blog-entry .entry-title h4 { font-size: 22px; } #primary.page-with-sidebar .dt-sc-one-third.dt-sc-post-entry.entry-grid-layout .blog-entry > div.entry-meta-group > div:last-child, #primary.page-with-sidebar .dt-sc-one-third.dt-sc-post-entry.entry-cover-layout .blog-entry > div.entry-meta-group > div:last-child, #primary.page-with-sidebar .dt-sc-one-third.dt-sc-post-entry.entry-cover-layout .blog-entry .entry-details > div.entry-meta-group > div:last-child { margin-bottom: 0; } } /*----*****---- << Tablet (Landscape) >> ----*****----*/ /* Note: Design for a width of 960px */ @media only screen and (min-width:1025px) and (max-width:1280px) { .tpl-blog-holder .dt-sc-one-third { width: 33.33%; } .tpl-blog-holder .dt-sc-one-half, .page-with-sidebar .tpl-blog-holder .dt-sc-one-third, .page-with-sidebar .tpl-blog-holder .dt-sc-one-half { width: 50%; } .page-with-sidebar .tpl-blog-holder .dt-sc-one-third.column.first, .page-with-sidebar .tpl-blog-holder .dt-sc-one-third.column { clear: none; } .dt-sc-one-third .blog-entry .entry-title h4 { line-height: 1.5; } #primary.page-with-sidebar .dt-sc-one-third.dt-sc-post-entry.entry-grid-layout .blog-entry > div.entry-meta-group, #primary.page-with-sidebar .dt-sc-one-third.dt-sc-post-entry.entry-list-layout .blog-entry > div.entry-meta-group, #primary.page-with-sidebar .dt-sc-one-third.dt-sc-post-entry:not(.entry-cover-layout) .blog-entry > div:not(.entry-thumb) { padding-left: 25px; padding-right: 25px; } #primary.page-with-sidebar .dt-sc-one-third.dt-sc-post-entry:not(.entry-list-layout) .blog-entry .entry-title h4 { font-size: 22px; } #primary.page-with-sidebar .dt-sc-one-third.dt-sc-post-entry.entry-grid-layout .blog-entry > div.entry-meta-group > div:last-child, #primary.page-with-sidebar .dt-sc-one-third.dt-sc-post-entry.entry-cover-layout .blog-entry > div.entry-meta-group > div:last-child, #primary.page-with-sidebar .dt-sc-one-third.dt-sc-post-entry.entry-cover-layout .blog-entry .entry-details > div.entry-meta-group > div:last-child { margin-bottom: 0; } .dt-sc-post-entry .blog-entry.format-gallery > div.entry-thumb .bx-viewport, .dt-sc-post-entry.entry-cover-layout .blog-entry.format-gallery .entry-details > div.entry-thumb .bx-viewport { margin-bottom: -9px; } } /* Note: Design for a width of 768px */ @media only screen and (min-width:768px) and (max-width:1024px) { .page-with-sidebar .tpl-blog-holder .dt-sc-one-third, .page-with-sidebar .tpl-blog-holder .dt-sc-one-half { width: 100%; } .tpl-blog-holder .dt-sc-one-third { width: 50%; } .tpl-blog-holder .dt-sc-one-third.column.first, .tpl-blog-holder .dt-sc-one-third.column { clear: none; } .dt-sc-one-third.dt-sc-post-entry.entry-grid-layout .blog-entry > div.entry-meta-group, .dt-sc-one-third.dt-sc-post-entry:not(.entry-cover-layout) .blog-entry > div:not(.entry-thumb) { padding-left: 0; padding-right: 0; } .dt-sc-one-third.dt-sc-post-entry:not(.entry-list-layout) .blog-entry .entry-title h4, .dt-sc-one-third.dt-sc-post-entry:not(.entry-list-layout) .blog-entry.format-link > div.entry-thumb .link-text { font-size: 22px; } .dt-sc-one-third.dt-sc-post-entry.entry-grid-layout .blog-entry > div.entry-meta-group > div:last-child, .dt-sc-one-third.dt-sc-post-entry.entry-cover-layout .blog-entry .entry-details > div.entry-meta-group > div:last-child, .dt-sc-one-third.dt-sc-post-entry.entry-cover-layout .blog-entry > div.entry-meta-group > div:last-child { margin-bottom: 0; } #primary.page-with-sidebar .dt-sc-post-entry .blog-entry > div.entry-meta-group > div, #primary.page-with-sidebar .dt-sc-post-entry.entry-cover-layout .blog-entry .entry-details > div.entry-meta-group > div { margin-bottom: 15px; } #primary.page-with-sidebar .dt-sc-one-third.dt-sc-post-entry.entry-grid-layout .blog-entry > div.entry-meta-group, #primary.page-with-sidebar .dt-sc-one-third.dt-sc-post-entry.entry-cover-layout .blog-entry > div.entry-meta-group, #primary.page-with-sidebar .dt-sc-one-third.dt-sc-post-entry.entry-cover-layout .blog-entry .entry-details > div.entry-meta-group { padding-bottom: 0; } #primary.page-with-sidebar .dt-sc-post-entry:not(.entry-grid-layout) .blog-entry .entry-thumb .blog-image, #primary.page-with-sidebar .dt-sc-post-entry:not(.entry-grid-layout) .blog-entry .entry-thumb .blog-image .bx-wrapper, #primary.page-with-sidebar .dt-sc-post-entry:not(.entry-grid-layout) .blog-entry .entry-thumb .blog-image .bx-wrapper .bx-viewport, #primary.page-with-sidebar .dt-sc-post-entry:not(.entry-grid-layout) .blog-entry .entry-thumb .blog-image .bx-wrapper .entry-gallery-post-slider, #primary.page-with-sidebar .dt-sc-post-entry:not(.entry-grid-layout) .blog-entry .entry-thumb .blog-image .dt-video-wrap, #primary.page-with-sidebar .dt-sc-post-entry:not(.entry-grid-layout) .blog-entry .entry-thumb .blog-image .dt-video-wrap .fluid-width-video-wrapper, #primary.page-with-sidebar .dt-sc-post-entry:not(.entry-grid-layout) .blog-entry .entry-thumb .blog-image .dt-video-wrap .wp-video, #primary.page-with-sidebar .dt-sc-post-entry:not(.entry-grid-layout) .blog-entry .entry-thumb .blog-image .dt-video-wrap .wp-video .mejs-container, #primary.page-with-sidebar .dt-sc-post-entry:not(.entry-grid-layout) .blog-entry .entry-thumb .blog-image .dt-video-wrap .wp-video-shortcode video, #primary.page-with-sidebar .dt-sc-post-entry:not(.entry-grid-layout) .blog-entry .entry-thumb .blog-image .dt-video-wrap video.wp-video-shortcode { height: 300px !important; padding: 0 !important; } } /*----*****---- << Mobile (Landscape) >> ----*****----*/ /* Common Styles for the devices below 767px width */ @media only screen and (max-width: 767px) { .page-with-sidebar .tpl-blog-holder .dt-sc-one-half, .page-with-sidebar .tpl-blog-holder .dt-sc-one-third { width: 100%; } .tpl-blog-holder .column { margin-bottom: 0; } .tpl-blog-holder .dt-sc-one-half, .tpl-blog-holder .dt-sc-one-third { width: 100%; } .dt-sc-post-entry.entry-list-layout .blog-entry.has-post-thumbnail, .dt-sc-post-entry.entry-list-layout.entry-right-thumb .blog-entry.has-post-thumbnail, .dt-sc-classic-style.dt-sc-post-entry.entry-list-layout .blog-entry.has-post-thumbnail, .dt-sc-classic-style.dt-sc-post-entry.entry-list-layout .blog-entry.has-post-thumbnail, .dt-sc-classic-style.dt-sc-post-entry.entry-list-layout.entry-right-thumb .blog-entry.has-post-thumbnail, .dt-sc-classic-style.dt-sc-post-entry.entry-list-layout.entry-right-thumb .blog-entry.has-post-thumbnail { padding: 300px 0 0 0; } .dt-sc-post-entry.entry-list-layout .blog-entry:not(.has-post-thumbnail), .dt-sc-post-entry.entry-list-layout.entry-right-thumb .blog-entry:not(.has-post-thumbnail) { padding-top: 0; } .dt-sc-post-entry.entry-list-layout .blog-entry.has-post-thumbnail .entry-thumb, .dt-sc-post-entry.entry-list-layout.entry-right-thumb .blog-entry.has-post-thumbnail .entry-thumb, .dt-sc-classic-style.dt-sc-post-entry.entry-list-layout.entry-right-thumb .blog-entry .entry-thumb { height: 300px; min-height: 300px; position: absolute; top: 0; width: 100%; } .dt-sc-post-entry.entry-list-layout.entry-right-thumb .blog-entry.has-post-thumbnail .entry-format { left: 0; right: auto; } .dt-sc-post-entry.entry-list-layout .blog-entry .entry-thumb { position: static; height: auto; } .dt-sc-post-entry:not(.entry-grid-layout) .blog-entry.has-post-thumbnail .entry-thumb .blog-image, .dt-sc-post-entry:not(.entry-grid-layout) .blog-entry.has-post-thumbnail .entry-thumb .blog-image .bx-wrapper, .dt-sc-post-entry:not(.entry-grid-layout) .blog-entry.has-post-thumbnail .entry-thumb .blog-image .bx-wrapper .bx-viewport, .dt-sc-post-entry:not(.entry-grid-layout) .blog-entry.has-post-thumbnail .entry-thumb .blog-image .bx-wrapper .entry-gallery-post-slider, .dt-sc-post-entry:not(.entry-grid-layout) .blog-entry.has-post-thumbnail .entry-thumb .blog-image .dt-video-wrap, .dt-sc-post-entry:not(.entry-grid-layout) .blog-entry.has-post-thumbnail .entry-thumb .blog-image .dt-video-wrap .fluid-width-video-wrapper, .dt-sc-post-entry:not(.entry-grid-layout) .blog-entry.has-post-thumbnail .entry-thumb .blog-image .dt-video-wrap .wp-video, .dt-sc-post-entry:not(.entry-grid-layout) .blog-entry.has-post-thumbnail .entry-thumb .blog-image .dt-video-wrap .wp-video .mejs-container, .dt-sc-post-entry:not(.entry-grid-layout) .blog-entry.has-post-thumbnail .entry-thumb .blog-image .dt-video-wrap .wp-video-shortcode video, .dt-sc-post-entry:not(.entry-grid-layout) .blog-entry.has-post-thumbnail .entry-thumb .blog-image .dt-video-wrap video.wp-video-shortcode { height: 300px !important; } .dt-sc-post-entry.entry-list-layout .blog-entry.has-post-media:not(.has-post-thumbnail), .dt-sc-post-entry.entry-list-layout.entry-right-thumb .blog-entry.has-post-media:not(.has-post-thumbnail) { padding: 0; } .dt-sc-post-entry.entry-list-layout .blog-entry.has-post-media:not(.has-post-thumbnail) .entry-thumb, .dt-sc-post-entry.entry-list-layout.entry-right-thumb .blog-entry.has-post-media:not(.has-post-thumbnail) .entry-thumb { width: 100%; } .dt-sc-post-entry.entry-list-layout .blog-entry.has-post-media:not(.has-post-thumbnail) .entry-thumb > iframe, .dt-sc-post-entry.entry-list-layout .blog-entry.has-post-media:not(.has-post-thumbnail) .entry-thumb .dt-video-wrap, .dt-sc-post-entry.entry-list-layout .blog-entry.has-post-media:not(.has-post-thumbnail) .entry-thumb .fluid-width-video-wrapper { height: 300px; } } /*----*****---- << Mobile - Portrait >> ----*****----*/ /* Common Styles for the devices below 479px width */ @media only screen and (max-width: 479px) { .dt-sc-post-entry.entry-grid-layout .blog-entry > div.entry-meta-group, .dt-sc-post-entry.entry-cover-layout .blog-entry .entry-details > div.entry-meta-group, .dt-sc-post-entry:not(.entry-cover-layout) .blog-entry > div:not(.entry-thumb), .dt-sc-post-entry.entry-cover-layout .blog-entry .entry-details > div:not(.entry-thumb), .dt-sc-post-entry.entry-cover-layout .blog-entry > div:not(.entry-details) { padding-left: 25px; padding-right: 25px; } .dt-sc-post-entry .blog-entry .entry-title:not(:last-child) { margin-bottom: 20px; } .dt-sc-post-entry.entry-cover-layout .blog-entry > div.entry-format { padding: 0; } .dt-sc-post-entry:not(.entry-list-layout) .blog-entry .entry-title h4 { font-size: 28px; } }