/* Table of Content ================================================== 1.0 - Transition 1.1 - Blog 1.2 - Default Color 1.3 - Responsive */ /*-------------------------------------------------------------- 1.0 - Transition --------------------------------------------------------------*/ .blog-entry.entry-date-author-left .entry-date-author .comments i, .blog-entry.blog-medium-style, .pagination ul li a i, .blog-entry.post-info-within-image .entry-thumb:before, .post-nav-container .post-next-link a i, .post-nav-container .post-prev-link a i, .blog-entry.post-info-vertical-image *, .blog-entry.post-info-vertical-image *:after, .blog-entry.post-info-vertical-image *:before, .blog-entry.post-info-above-image .entry-thumb img, .blog-entry .dt-sc-button.simple.with-icon.icon-right span, .blog-entry.bordered .date span, .blog-entry.bordered .date, .blog-entry.bordered, .blog-entry.post-info-within-image .entry-meta .dt_scroll_down a i, .blog-entry.post-info-within-image .entry-meta .likes a i, .blog-entry.post-info-within-image .entry-meta i, .blog-entry.post-standard .entry-meta .entry-info *, .blog-entry.post-standard .entry-meta .entry-info i.zmdi:after, .blog-entry.post-info-bottom-image .entry-meta .entry-info a i { 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 --------------------------------------------------------------*/ .blog-entry *, .blog-entry *:hover { transition: all .3s linear; } .blog-entry { clear: both; float: left; margin: 0; padding: 0; position: relative; width: 100%; } .blog-entry.with-border { border: 20px solid; } .blog-entry ul.entry-gallery-post-slider { margin-bottom: 0; margin-left:0;} .blog-entry .entry-thumb { float: left; line-height: 0; margin: 0 0 20px; overflow: hidden; position: relative; width: 100%; } .blog-entry:not(.has-post-thumbnail) .entry-thumb { /* display: none; */ } .blog-entry .entry-thumb img { height: auto; max-width: 100%; transition: .3s all linear; } .blog-entry .entry-format { display: none; left: 0; position: absolute; top: 0; } .blog-entry.type-post .entry-format { display: block; } .blog-entry.type-post:not(.has-post-thumbnail) .entry-format { display: none; } .blog-entry .entry-format a { border: 10px solid; border-left: 0; border-top: 0; float: left; height: 75px; line-height: 75px; margin: 0; position: relative; text-align: center; width: 75px; } .blog-entry .entry-format a:before { font-family: Stroke-Gap-Icons; font-size: 32px; height: 100%; left: 0; margin: 0; position: absolute; text-align: center; top: 0; width: 100%; } .blog-entry .entry-thumb .dt-video-wrap .wp-video { width: 100% !important; } .blog-entry.format-standard .entry-format a:before, .ico-format.format-standard:before { content: '\e6bd'; } .blog-entry.format-image .entry-format a:before, .ico-format.format-image:before { content: '\e6ac'; } .blog-entry.format-gallery .entry-format a:before, .ico-format.format-gallery:before { content: '\e6be'; } .blog-entry.format-status .entry-format a:before, .ico-format.format-status:before { content: '\e69e'; } .blog-entry.format-link .entry-format a:before, .ico-format.format-link:before { content: '\e67b'; } .blog-entry.format-aside .entry-format a:before, .ico-format.format-aside:before { content: '\e684'; } .blog-entry.format-quote .entry-format a:before, .ico-format.format-quote:before { content: '\e6b2'; } .blog-entry.format-video .entry-format a:before, .ico-format.format-video:before { content: '\e69a'; } .blog-entry.format-chat .entry-format a:before, .ico-format.format-chat:before { content: '\e6b3'; } .blog-entry.format-audio .entry-format a:before, .ico-format.format-audio:before { content: '\e699'; } .blog-entry .entry-title span.sticky-post { background: #666; color: #fff; display: inline-block; font-size: 13px; line-height: 24px; margin-bottom: 10px; margin-right: 10px; padding: 0 10px; text-align: center; width: auto; } .blog-entry.blog-default-style .entry-title span.sticky-post ~ h4 { display: inline-block; position: relative; top: 2px; } .blog-entry.blog-default-style .entry-meta { font-size: inherit !important; font-weight: normal; } .blog-entry.blog-default-style .entry-meta-data { margin: 15px 0 0; padding: 8px 0 0; position: relative; } .blog-entry.blog-default-style .entry-meta-data:before { background-color: #9a9a9a; content: ''; display: inline-block; height: 2px; left: 0; position: absolute; top: 0; width: 45px; } .blog-entry.blog-default-style .entry-meta-data p a, .blog-entry.blog-default-style .entry-meta-data p i { color: #9a9a9a; } .blog-entry.blog-default-style .entry-format { background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.8) 100%); bottom: 0; display: none; right: 0; transition: .3s all linear; } .blog-entry.blog-default-style .entry-format a { border: 0; border-radius: 100%; bottom: auto; display: none; display: block; float: none; height: 60px; line-height: 60px; margin: -30px auto; top: 50%; transition: all .3s linear; width: 60px; } .blog-entry.blog-default-style .entry-format a:before { font-size: 24px; } .blog-entry.blog-default-style:hover .entry-format { display: block !important; transition: .3s all linear; } .blog-entry.blog-default-style.format-video .entry-format, .blog-entry.blog-default-style.format-audio .entry-format { display: none !important; } .blog-entry.blog-default-style:hover .entry-format a { display: block; } .blog-entry.blog-default-style:not(.format-gallery):hover .entry-thumb img { transform: scale(1.1); transition: .3s all linear; } .blog-entry.blog-default-style .entry-body { margin: 0; } .blog-entry.blog-default-style { margin-bottom: 0 !important; } .blog-entry.tribe_events .ico-format { display: none; } .blog-entry .entry-details { clear: both; display: inline-block; width: 100%; } .blog-entry .entry-meta { font-size: 14px; letter-spacing: .5px; margin-bottom: 7px; } .blog-entry .entry-title h4 { text-transform: uppercase; word-wrap: break-word; -ms-word-wrap: break-word; } .blog-entry .entry-body { clear: both; float: left; margin: 0 0 15px; width: 100%; } .blog-entry.blog-medium-style { overflow: hidden; width: 99.5%; } .blog-entry.blog-medium-style .entry-thumb { margin: 0; overflow: visible; width: 53%; } .blog-entry.blog-medium-style .entry-details { clear: none; float: left; padding: 10px 0 0 0; } .blog-entry.blog-medium-style .entry-thumb ~ .entry-details { width: 47%; } .blog-entry.blog-medium-style .entry-thumb ~ .entry-details { padding-left: 70px; } .blog-entry.blog-medium-style .dt-sc-button { margin-bottom: 20px; } .blog-entry.blog-medium-style .entry-format { left: inherit; right: -35px; top: 40px; } .blog-entry.blog-medium-style .entry-format a { background: #fff; border: 2px solid #000; color: #000; height: 70px; line-height: 70px; width: 70px; } .blog-entry.blog-medium-style:hover .entry-format a { color: #fff; } .blog-entry.blog-medium-style .entry-meta-data { margin: 0 0 -5px; } .blog-entry.blog-medium-style.dt-blog-medium-highlight .entry-thumb { overflow: hidden; width: 48%; } .with-both-sidebar .blog-entry.blog-medium-style.dt-blog-medium-highlight .entry-thumb { overflow: visible; } .blog-entry.blog-medium-style.dt-blog-medium-highlight .entry-details, .blog-entry.blog-medium-style .entry-details { width: 100%; } .blog-entry.blog-medium-style.dt-blog-medium-highlight .entry-thumb ~ .entry-details { width: 52%; } .blog-entry.blog-medium-style.dt-blog-medium-highlight { background: rgba(0, 0, 0, .02); } .blog-entry.blog-medium-style.dt-blog-medium-highlight .entry-details { padding: 30px; } .blog-entry.blog-medium-style.dt-blog-medium-highlight .entry-format { right: 10px; top: 10px; } .blog-entry.blog-medium-style.dt-blog-medium-highlight .entry-format a { background: #fff; border: none; color: #000; } .blog-entry.blog-medium-style.dt-blog-medium-highlight:hover .entry-format a { background: #fff; } .blog-entry.blog-medium-style.dt-blog-medium-highlight.dt-sc-skin-highlight .entry-format a { color: #fff; } .blog-entry.blog-medium-style.dt-blog-medium-highlight.dt-sc-skin-highlight .dt-sc-button { box-shadow: 0 0 1px 0 rgba(0, 0, 0, .25); -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, .25); } .blog-entry.entry-date-left .entry-thumb { margin-bottom: 30px; } .blog-entry.entry-date-left .entry-details { margin: 0 0 0; min-height: 120px; padding: 0 0 0 85px; position: relative; } .blog-entry.entry-date-left .entry-date, .blog-entry.entry-date-author-left .entry-date-author .entry-date { font-size: 30px; left: 0; position: absolute; text-align: center; top: 0; width: 70px; } .blog-entry.entry-date-left .entry-date span, .blog-entry.entry-date-author-left .entry-date-author .entry-date span { border-style: solid; border-width: 1px 0; display: inline-block; font-size: 15px; font-weight: bold; letter-spacing: 1px; margin: 10px 0 0; padding: 5px 0; text-transform: uppercase; width: 100%; } .blog-entry.entry-date-left .entry-date div:last-child span, .blog-entry.entry-date-author-left div:last-child .entry-date-author .entry-date span { border-width: 0; } .blog-entry.entry-date-left .entry-date .comments i { margin-right: 5px; } .blog-entry.entry-date-left .entry-date a { display: inline-block; font-size: 16px; margin: 10px 0 0; width: 100%; } .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: 35px; } .column .blog-entry, .wpb_column .blog-entry { margin-bottom: 25px; } .column.no-space .blog-entry, .wpb_column.no-space .blog-entry { margin-bottom: 0; } .blog-entry.entry-date-author-left { min-height: 270px; padding-left: 100px; position: relative; } .blog-entry.entry-date-author-left .entry-date-author { left: 0; position: absolute; text-align: center; top: 0; width: 70px; } .blog-entry.entry-date-author-left .entry-date-author .entry-date { font-size: 30px; position: relative; width: 100%; } .blog-entry.entry-date-author-left .entry-date-author .entry-author { border-bottom: 1px solid; clear: both; display: inline-block; font-size: 11px; line-height: normal; margin: 10px 0; padding-bottom: 10px; width: 100%; } .blog-entry.entry-date-author-left .entry-date-author .entry-author img { border-radius: 50%; padding-bottom: 5px; } .blog-entry.entry-date-author-left .entry-date-author .entry-author a { color: #999; } .blog-entry.entry-date-author-left .entry-date-author .comments a { color: #000; display: inline-block; font-size: 18px; } .blog-entry.entry-date-author-left .entry-date-author .comments i { display: inline-block; font-size: 26px; width: 100%; } .blog-entry.entry-date-author-left.post-password-required .entry-date-author .comments { font-size: 10px; line-height: normal; } .ie9 .blog-entry.entry-date-author-left .entry-date-author .entry-date { position: static; } .blog-entry.entry-date-author-left .entry-thumb { margin-bottom: 35px; } .blog-entry.entry-date-author-left .entry-details .entry-title h4 { font-size: 15px; font-weight: bold; margin-bottom: 15px; } .blog-entry.blog-thumb-style { border-bottom: 1px dashed; margin-bottom: 25px; padding-bottom: 25px; } .blog-entry.blog-thumb-style.last { border: 0; margin-bottom: 0; padding-bottom: 0; } .blog-entry.blog-thumb-style .entry-thumb { margin: 0; padding: 0 25px 0 0; width: 45%; } .blog-entry.blog-thumb-style .entry-thumb img { border-radius: 3px; } .blog-entry.blog-thumb-style .entry-details { margin-top: 0; width: 55%; } .blog-entry.blog-thumb-style .entry-title h4 { font-size: 18px; font-weight: bold; line-height: 28px; margin-bottom: 10px; text-transform: none; } .blog-entry.blog-thumb-style.entry-date-left .entry-details { padding-left: 0; } .blog-entry.blog-thumb-style .entry-format a { border: none; font-size: 18px; height: 35px; line-height: 35px; width: 35px; } .blog-entry.blog-thumb-style .entry-title, .blog-entry.blog-thumb-style .entry-body { float: left; width: 100%; } .blog-entry.blog-thumb-style .entry-date { position: static; width: auto; } .blog-entry.blog-thumb-style a.read-more { color: #898989; float: left; font-size: 14px; font-weight: bold; text-transform: uppercase; width: 100%; } .blog-entry.blog-thumb-style a.read-more span { margin-left: 8px; } .blog-entry.blog-thumb-style.entry-date-left .entry-author { border-right: 1px solid; margin-right: 15px; padding-right: 15px; } .blog-entry.blog-thumb-style.entry-date-left .entry-body { margin-bottom: 20px; } .blog-entry.blog-thumb-style .entry-body p { margin-bottom: 0; } .blog-entry.blog-thumb-style.entry-date-left .entry-date, .blog-entry.blog-thumb-style.entry-date-left .entry-author { color: #cacaca; float: left; font-size: 14px; line-height: 16px; text-transform: uppercase; } .desc-wrapper { display: inline-block; } .entry-thumb .bx-wrapper { overflow: hidden; position: relative; } .entry-thumb .bx-controls a { bottom: 0; color: #fff; font-size: 0; height: 113px; margin: auto; position: absolute; top: 0; width: 57px; } .entry-thumb .bx-controls a:hover { filter: alpha(opacity=100); opacity: 1; } .entry-thumb .bx-controls a.bx-prev:before, .entry-thumb .bx-controls a.bx-next:before { color: #000; content: '\e684'; display: none; font-family: Pe-icon-7-stroke; font-size: 32px; left: 0; line-height: 50px; position: absolute; text-align: center; top: 0; width: 100%; } .entry-thumb .bx-controls a.bx-prev:before { content: '\e686'; } .entry-thumb .bx-controls a.bx-prev { left: -50px; } .entry-thumb .bx-controls a.bx-next { right: -50px; } .entry-thumb:hover .bx-controls a.bx-prev { left: 15px; } .entry-thumb:hover .bx-controls a.bx-next { right: 15px; } .entry-gallery-post-slider li { display: inline; padding: 0; } .entry-meta .date, .entry-meta .comments, .entry-meta .author { display: inline-block; } .entry-meta .comments i, .entry-meta .author i { color: #888; font-size: 16px; position: relative; top: 2px; } .entry-meta-data { display: inline-block; margin: 0 0 10px; padding: 0; width: 100%; } .entry-meta-data p { color: #9a9a9a; display: inline-block; } .entry-meta-data p i { font-size: 20px; margin: 0 8px 0 0; position: relative; top: 2px; } .entry-meta-data p i:only-child { display: none; } .blog-entry.post_format-post-format-audio .entry-format { display: none; } /*blog-thumb*/ .blog-thumb { float: left; margin-bottom: 30px; } .blog-thumb .blog-entry .entry-thumb { float: left; margin: 0 2% 0 0; padding: 0; position: relative; width: 33%; } .blog-thumb .blog-entry .entry-details { clear: none; float: left; margin: 0; padding: 0; width: 65%; } .with-both-sidebar .blog-thumb .blog-entry .entry-thumb { margin: 0 0 20px; width: 100%; } .with-both-sidebar .blog-thumb .blog-entry .entry-details { width: 100%; } /* DateLeft Modern Style - New */ .blog-entry.outer-frame-border { display: block; float: left\0; margin-left: -10px; margin-right: -10px; padding: 10px; position: relative; width: auto; width: 100%\0; } .blog-entry.outer-frame-border:before, .blog-entry.outer-frame-border:after { border: 1px solid; content: ''; position: absolute; z-index: -1; } .blog-entry.outer-frame-border:before, .blog-entry.outer-frame-border:hover:after { bottom: 0; left: 20px; right: 0; top: 20px; } .blog-entry.outer-frame-border:after, .blog-entry.outer-frame-border:hover:before { bottom: 25px; left: 25px; right: 25px; top: 25px; } .wpb_column .blog-entry.outer-frame-border { z-index: 1; } .blog-entry.outer-frame-border { float: none; margin-left: 0; margin-right: 0; width: auto; } .tpl-blog-holder .column .blog-entry.outer-frame-border, .tpl-blog-holder .wpb_column .blog-entry.outer-frame-border { margin-bottom: 0; } .blog-entry.entry-date-left.outer-frame-border .entry-thumb { margin-bottom: 0; } .blog-entry.entry-date-left.outer-frame-border .entry-details { min-height: 135px; padding: 20px 15px 25px 90px; position: relative; } .blog-entry.entry-date-left.outer-frame-border .entry-details .entry-title h4 { margin-bottom: 15px; } .blog-entry.entry-date-left.outer-frame-border .entry-date { font-size: 15px; letter-spacing: 1px; line-height: normal; padding: 12px 0 16px; text-align: center; text-transform: uppercase; top: 20px; } .blog-entry.entry-date-left.outer-frame-border .entry-date span { border-width: 0; font-size: 30px; margin: 0; padding: 0; } .blog-entry.entry-date-left.outer-frame-border .entry-meta-data { margin: 0; } .blog-entry.entry-date-left.outer-frame-border .entry-meta-data p { display: inline; font-size: 12px; letter-spacing: 1px; margin: -5px 0 0; padding: 0; position: relative; text-transform: uppercase; } .blog-entry.entry-date-left.outer-frame-border .entry-meta-data p:after { content: '/'; font-size: 15px; padding: 0 5px; } .blog-entry.entry-date-left.outer-frame-border .entry-meta-data p:last-child:after { display: none; } .blog-entry.entry-date-left.outer-frame-border .entry-meta-data p a, .blog-entry.entry-date-left.outer-frame-border .entry-meta-data p i { display: inline-block; } .blog-entry.entry-date-left.outer-frame-border .entry-meta-data p i { display: none; } .blog-entry.entry-date-left .entry-title { margin: 10px 0 0; } .blog-entry.entry-date-left.outer-frame-border .entry-details .dt-sc-button { background: none; border-width: 0; clear: both; display: table; font-size: 11px; /*font-style: italic;*/ font-weight: bold; letter-spacing: .1em; line-height: inherit; margin-top: 0; padding: 0; text-transform: uppercase; } .blog-entry.entry-date-left.outer-frame-border .entry-details .dt-sc-button span { display: none; } .blog-entry.entry-date-left.outer-frame-border.outer-frame-border .entry-details .dt-sc-button.filled:before, .blog-entry.entry-date-left.outer-frame-border .entry-details .dt-sc-button.filled:after { content: none; } .blog-entry.entry-date-left.outer-frame-border .entry-details .entry-format { bottom: 50%; filter: alpha(opacity=0); left: auto; margin: auto; opacity: 0; position: absolute; right: 50%; text-align: center; top: auto; } .blog-entry.entry-date-left.outer-frame-border .entry-details .entry-format a { border-width: 0; float: left; height: 65px; line-height: 65px; text-align: center; width: 65px; } .blog-entry.entry-date-left .entry-details .entry-format a::before { font-size: 150px; } .blog-entry.entry-date-left:hover .entry-details .entry-format { bottom: 10px; filter: alpha(opacity=25); opacity: .25; right: 15px; } .blog-entry.entry-date-left:hover .entry-details .entry-format a::before { font-size: 50px; } .wpb_column .blog-entry.outer-frame-border { float: left\0; width: auto; width: 100%\0; } .blog-entry.entry-date-left.outer-frame-border, .blog-entry.entry-date-left.outer-frame-border .entry-thumb, .blog-entry.entry-date-left.outer-frame-border .entry-details, .blog-entry.entry-date-left.outer-frame-border .entry-date, .blog-entry.entry-date-left.outer-frame-border .entry-details .entry-format, .blog-entry.entry-date-left.outer-frame-border .entry-details .entry-format a:before { transition: all .3s linear 0s; -webkit-transition: all .3s linear 0s; } .blog-entry.outer-frame-border:before, .blog-entry.outer-frame-border:after { transition: all .75s ease 0s; -webkit-transition: all .75s ease 0s; } /* Modern Style - New */ .blog-entry.blog-modern-style .entry-thumb { float: none; } .blog-entry.blog-modern-style .entry-details { background: #fff; box-shadow: 3px 3px 0 0 rgba(218, 0, 0, .1); display: block; margin-left: auto; margin-right: auto; margin-top: -100px; padding: 30px; position: relative; width: 85%; z-index: 9; } /* Classic Style - New */ .blog-entry.classic .entry-title h4 { margin-bottom: 15px; } .blog-entry .dt-sc-button.simple { background-color: #fff; float: right; padding: 0 0 0 20px; } .blog-entry.classic .entry-details:after, .blog-entry.bordered .entry-details:after { border-bottom: 2px solid; bottom: 7px; content: ''; height: 2px; left: 0; position: absolute; width: 100%; } .blog-entry.bordered .entry-details:after { bottom: 37px; margin-left: 40px; width: 75%; } .blog-entry .dt-sc-button.simple.with-icon.icon-right:hover span { margin-left: 15px; } /* Bordered Style - New */ .blog-entry.bordered .entry-format a { border-width: 0; } .blog-entry.bordered .entry-format a:before { line-height: inherit; } .blog-entry.bordered .entry-details { margin-top: -45px; padding: 0 40px 30px 40px; } .blog-entry.bordered .date { background: #fff; border: 2px solid #86898b; color: #86898b; font-size: 12px; font-weight: normal; height: auto; margin-bottom: 20px; margin-right: 5px; padding: 15px 0 10px 0; position: relative; text-align: center; text-transform: uppercase; width: 75px; } .blog-entry.bordered .date span { display: block; font-size: 35px; font-weight: bold; padding-bottom: 5px; } .blog-entry.bordered { border: 1px solid; } .blog-entry.bordered:hover { box-shadow: 0 0 40px -18px rgba(0, 0, 0, .62); -moz-box-shadow: 0 0 40px -18px rgba(0, 0, 0, .62); -webkit-box-shadow: 0 0 40px -18px rgba(0, 0, 0, .62); } .blog-entry.bordered.post_format-post-format-video .entry-details, .blog-entry.bordered.post_format-post-format-audio .entry-details { margin-top: 0; } .dt-sc-one-column .blog-entry.bordered .entry-details:after { width: 85%; } /* Fashion Style - New */ .blog-entry.entry-fashion-style .entry-details { border: 1px solid #e4e4e4; padding: 40px 20px; text-align: center; } .blog-entry.entry-fashion-style .entry-comment-author-meta { display: block; padding: 13px 0 20px; } .blog-entry.entry-fashion-style .entry-meta .comments { padding-right: 5px; } .blog-entry.entry-fashion-style .entry-title span.sticky-post { display: inline-block; margin-bottom: 20px; padding: 5px 10px; } .blog-entry.entry-fashion-style .entry-thumb { margin: 0; } .blog-entry.entry-fashion-style .entry-meta .author i { padding: 0 3px 0 7px; } .blog-entry.entry-fashion-style .entry-title h4 { text-transform: capitalize; } .blog-entry.entry-fashion-style .entry-meta .date span { font-size: 30px; padding-right: 5px; } /* Minimal Bordered Style - New */ .blog-entry.entry-minimal-bordered { border: 1px solid #ccc; text-align: center; } .blog-entry.entry-minimal-bordered .entry-meta p, .blog-entry.entry-minimal-bordered .entry-meta .date { display: inline-block; font-size: 13px; position: relative; } .blog-entry.entry-minimal-bordered .entry-meta p { margin-right: 10px; padding-right: 10px; } .blog-entry.entry-minimal-bordered .entry-meta p:after { content: '|'; position: absolute; right: -5px; } .blog-entry.entry-minimal-bordered .entry-details { padding: 20px 25px 10px; position: relative; } .blog-entry.entry-minimal-bordered .entry-body { margin: 20px 0; } .blog-entry.entry-minimal-bordered .entry-body p { line-height: 28px; } .blog-entry.entry-minimal-bordered .entry-meta-data a.dt-sc-button { font-weight: normal; padding: 10px 0; } .blog-entry.entry-minimal-bordered .entry-meta-data a.dt-sc-button:hover { background: transparent; color: #000; } .blog-entry.entry-minimal-bordered .entry-meta-data .author, .blog-entry.entry-minimal-bordered .entry-meta-data .comments, .blog-entry.entry-minimal-bordered .entry-meta-data a.dt-sc-button { display: inline-block; position: relative; } .blog-entry.entry-minimal-bordered .entry-meta-data .author, .blog-entry.entry-minimal-bordered .entry-meta-data .comments { font-size: 13px; font-weight: normal; line-height: normal; text-transform: capitalize; } .blog-entry.entry-minimal-bordered .entry-meta-data .comments { margin: 0 15px; padding: 0 15px; } .blog-entry.entry-minimal-bordered .entry-meta-data .comments:after { border-left: 1px solid; border-right: 1px solid; content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .blog-entry.entry-minimal-bordered .entry-meta-data .author a { color: #000; font-size: 14px; font-weight: normal; text-transform: capitalize; } .blog-entry.entry-minimal-bordered .entry-meta-data .comments span { font-weight: 300; margin-left: 10px; text-transform: lowercase; } .blog-entry.entry-minimal-bordered .entry-meta-data a.dt-sc-button:before { border-bottom: 1px solid; border-top: 1px solid; content: ''; height: 100%; left: 0; position: absolute; top: 0; transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -webkit-transition: all 300ms linear; width: 0; } .blog-entry.entry-minimal-bordered .entry-meta-data a.dt-sc-button:hover:before { width: 100%; } .blog-entry.entry-minimal-bordered .entry-meta-data .comments a { color: #000; } .blog-entry.entry-minimal-bordered .entry-meta p a { color: #000; font-weight: 500; } .blog-entry.entry-minimal-bordered .entry-title h4 { margin-bottom: 15px; text-transform: capitalize; } .blog-entry.entry-minimal-bordered .sticky-post { background: #666; color: #fff; display: inline-block; font-size: 13px; font-weight: normal; margin-bottom: 0; padding: 5px 10px; position: absolute; right: 12px; top: -55px; } .blog-entry.entry-minimal-bordered:not(.has-post-thumbnail) .sticky-post { right: 1px; top: 1px; } .blog-entry.entry-minimal-bordered .sticky-post span.fa { margin-right: 5px; } /* Three Column */ .dt-sc-one-third .blog-entry.entry-minimal-bordered .entry-meta-data .comments { margin: 0 10px; } /* Sidebar with three column */ .page-with-sidebar .dt-sc-one-third .blog-entry.entry-minimal-bordered .entry-meta-data .comments { margin-top: 10px; } /* Blog listing default button */ /* Right icon Type1 */ .dt-sc-button.with-icon.icon-right.type1 { padding-right: 15px; } .dt-sc-button.with-icon.icon-right.type1 span { margin-left: 30px; } .dt-sc-button.with-icon.icon-right.type1 { letter-spacing: .5px; overflow: hidden; position: relative; } .dt-sc-button.with-icon.icon-right.type1:after { content: ''; position: absolute; z-index: -1; } .dt-sc-button.with-icon.icon-right.type1:before { left: auto; right: 10px; z-index: 2; } .dt-sc-button.with-icon.icon-right.type1:after { height: 200%; margin: -5px 0 0 -5px; right: 0; top: 0; transform: rotate(-20deg); -moz-transform: rotate(-20deg); -ms-transform: rotate(-20deg); -webkit-transform: rotate(-20deg); transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -webkit-transform-origin: 0 0; width: 35%; z-index: 1; } .dt-sc-button.with-icon.icon-right.type1:hover:after { width: 38%; } .dt-sc-button.small.with-icon.icon-right.type1 span { margin-left: 25px; } .dt-sc-button.small.with-icon.icon-right.type1:after { width: 36%; } .dt-sc-button.small.with-icon.icon-right.type1:hover:after { width: 38%; } .dt-sc-button.medium.with-icon.icon-right.type1 span { margin-left: 30px; } .dt-sc-button.medium.with-icon.icon-right.type1:after { width: 35%; } .dt-sc-button.medium.with-icon.icon-right.type1:hover:after { width: 38%; } .dt-sc-button.large.with-icon.icon-right.type1 span { margin-left: 34px; } .dt-sc-button.large.with-icon.icon-right.type1:after { width: 34%; } .dt-sc-button.large.with-icon.icon-right.type1:hover:after { width: 36%; } .dt-sc-button.xlarge.with-icon.icon-right.type1 span { margin-left: 38px; } .dt-sc-button.xlarge.with-icon.icon-right.type1:after { width: 34%; } .dt-sc-button.xlarge.with-icon.icon-right.type1:hover:after { width: 36%; } .dt-sc-button.btn_underline { background-color: transparent; border-color: currentColor; border-style: solid; border-width: 0 0 2px; padding: 0 6px 6px; text-transform: none; } .dt-sc-button.btn_underline.small { padding: 0 3px 3px; } .dt-sc-button.btn_underline.medium { padding: 0 6px 6px; } .dt-sc-button.btn_underline.large { padding: 0 8px 8px; } .dt-sc-button.btn_underline.xlarge { padding: 0 10px 10px; } .dt-sc-button.btn_underline:before, .dt-sc-button.btn_underline:after { display: none; } .dt-sc-button.btn_underline i { margin-left: 12px; } .dt-sc-button.btn_underline.small i { margin-left: 10px; } .dt-sc-button.btn_underline.medium i { margin-left: 14px; } .dt-sc-button.btn_underline.large i { margin-left: 16px; } .dt-sc-button.btn_underline.xlarge i { margin-left: 20px; } .dt-sc-button.btn_underline:hover, .dt-sc-button.btn_underline.green:hover, .dt-sc-button.btn_underline.orange:hover, .dt-sc-button.btn_underline.blue:hover, .dt-sc-button.btn_underline.pink:hover, .dt-sc-button.btn_underline.red:hover, .dt-sc-button.btn_underline.purple:hover, .dt-sc-button.btn_underline.ocean:hover, .dt-sc-button.btn_underline.black:hover, .dt-sc-button.btn_underline.slateblue:hover, .dt-sc-button.btn_underline.skyblue:hover, .dt-sc-button.btn_underline.coral:hover, .dt-sc-button.btn_underline.khaki:hover, .dt-sc-button.btn_underline.cyan:hover, .dt-sc-button.btn_underline.grey:hover, .dt-sc-button.btn_underline.gold:hover, .dt-sc-button.btn_underline.chocolate:hover, .dt-sc-button.btn_underline.raspberry:hover, .dt-sc-button.btn_underline.electricblue:hover, .dt-sc-button.btn_underline.eggplant:hover, .dt-sc-button.btn_underline.ferngreen:hover, .dt-sc-button.btn_underline.palebrown:hover, .dt-sc-button.btn_underline.violet:hover, .dt-sc-button.btn_underline.yellow:hover, .dt-sc-button.btn_underline.light-red:hover, .dt-sc-button.btn_underline.gold:hover, .dt-sc-button.btn_underline.crimson:hover { background-color: transparent !important; } .dt-sc-button.btn_underline.green:hover, .dt-sc-button.btn_underline.orange:hover, .dt-sc-button.btn_underline.blue:hover, .dt-sc-button.btn_underline.pink:hover, .dt-sc-button.btn_underline.red:hover, .dt-sc-button.btn_underline.purple:hover, .dt-sc-button.btn_underline.ocean:hover, .dt-sc-button.btn_underline.skyblue:hover, .dt-sc-button.btn_underline.cyan:hover, .dt-sc-button.btn_underline.grey:hover, .dt-sc-button.btn_underline.gold:hover, .dt-sc-button.btn_underline.chocolate:hover, .dt-sc-button.btn_underline.raspberry:hover, .dt-sc-button.btn_underline.electricblue:hover, .dt-sc-button.btn_underline.ferngreen:hover, .dt-sc-button.btn_underline.palebrown:hover, .dt-sc-button.btn_underline.violet:hover, .dt-sc-button.btn_underline.yellow:hover, .dt-sc-button.btn_underline.light-red:hover, .dt-sc-button.btn_underline.crimson:hover { border-color: #000; color: #000; } .dt-sc-button.btn_underline.green:hover, .dt-sc-button.btn_underline.orange:hover, .dt-sc-button.btn_underline.blue:hover, .dt-sc-button.btn_underline.pink:hover, .dt-sc-button.btn_underline.red:hover, .dt-sc-button.btn_underline.purple:hover, .dt-sc-button.btn_underline.ocean:hover, .dt-sc-button.btn_underline.skyblue:hover, .dt-sc-button.btn_underline.cyan:hover, .dt-sc-button.btn_underline.grey:hover, .dt-sc-button.btn_underline.gold:hover, .dt-sc-button.btn_underline.chocolate:hover, .dt-sc-button.btn_underline.raspberry:hover, .dt-sc-button.btn_underline.electricblue:hover, .dt-sc-button.btn_underline.ferngreen:hover, .dt-sc-button.btn_underline.palebrown:hover, .dt-sc-button.btn_underline.violet:hover, .dt-sc-button.btn_underline.yellow:hover, .dt-sc-button.btn_underline.light-red:hover, .dt-sc-button.btn_underline.crimson:hover { border-color: #000 !important; color: #000 !important; } /*----*****---- << Social Share >> ----*****----*/ .single-post .blog-entry .share { float: left; width: 100%; } .single-post .blog-entry .share > a { background: #b7b7b7; color: #fff; float: left; font-size: 12px; height: 28px; line-height: 26px; margin-right: 10px; margin-top: 1px; padding: 1px 8px; text-transform: capitalize; } .single-post .blog-entry .share .dt-share-list li { display: inline; float: left; margin-right: 5px; text-align: center; } .single-post .blog-entry .share .dt-share-list li a { border-radius: 50%; color: #fff; height: 30px; line-height: 30px; width: 30px; } .single-post .blog-entry .share .dt-share-list a.fa-facebook { background: #3162a2; } .single-post .blog-entry .share .dt-share-list a.fa-twitter { background: #2fb1eb; } .single-post .blog-entry .share .dt-share-list a.fa-google-plus { background: #c54542; } .single-post .blog-entry .share .dt-share-list a.fa-pinterest { background: #c8232c; } .single-post .blog-entry .share .dt-share-list a.fa-facebook:hover, .single-post .blog-entry .share .dt-share-list a.fa-twitter:hover, .single-post .blog-entry .share .dt-share-list a.fa-google-plus:hover, .single-post .blog-entry .share .dt-share-list a.fa-pinterest:hover { background: #b7b7b7; } .single-post .blog-entry .share > span { float: left; margin-right: 10px; } /*----*****---- << Blog Columns >> ----*****----*/ .tpl-blog-holder { clear: both; display: block; float: none; margin: 0 -10px; padding: 0; width: auto; } .tpl-blog-holder .column { margin-left: 0; padding: 0 10px 25px; } .tpl-blog-holder.apply-isotope .column { margin-left: 0; } .tpl-blog-holder.apply-isotope .dt-sc-one-fourth, .tpl-blog-holder.apply-isotope .column.no-space.dt-sc-one-fourth { width: 25%; } .tpl-blog-holder.apply-isotope .dt-sc-one-third, .tpl-blog-holder.apply-isotope .column.no-space.dt-sc-one-third { width: 33.33%; } .tpl-blog-holder.apply-isotope .dt-sc-one-half, .tpl-blog-holder.apply-isotope .column.no-space.dt-sc-one-half { width: 50%; } .with-both-sidebar .tpl-blog-holder.apply-isotope .column.no-space.dt-sc-one-half, .with-both-sidebar .tpl-blog-holder.apply-isotope .column.no-space.dt-sc-one-third, .with-both-sidebar .tpl-blog-holder.apply-isotope .column.no-space.dt-sc-one-fourth, .with-both-sidebar .tpl-blog-holder.apply-isotope .column.dt-sc-one-third, .with-both-sidebar .tpl-blog-holder.apply-isotope .column.dt-sc-one-fourth { width: 100%; } .dt-sc-one-third .blog-entry .entry-format a:before, .with-both-sidebar .dt-sc-one-half .blog-entry .entry-format a:before, .with-both-sidebar .dt-sc-one-column .blog-entry.blog-medium-style .entry-format a:before { font-size: 24px; } .dt-sc-one-third .blog-entry .entry-format a, .with-both-sidebar .dt-sc-one-half .blog-entry .entry-format a, .with-both-sidebar .dt-sc-one-column .blog-entry.blog-medium-style .entry-format a { height: 60px; line-height: 60px; transition: all .3s linear; width: 60px; } /*.dt-sc-one-third .blog-entry .entry-meta, .with-both-sidebar .dt-sc-one-half .blog-entry .entry-meta { font-size:12px; } .with-both-sidebar .dt-sc-one-half .blog-entry .entry-title h4 { font-size:14px; line-height: 20px; } .with-both-sidebar .dt-sc-one-third .blog-entry .entry-title h4 { font-size:13px; line-height: 20px; font-weight:600; } .with-both-sidebar .dt-sc-one-column .blog-entry .entry-meta { font-size:12px; } .with-both-sidebar .dt-sc-one-column .blog-entry.blog-medium-style .entry-format { right:-25px; } .with-both-sidebar .dt-sc-one-column .blog-entry.blog-medium-style .entry-thumb ~ .entry-details { padding-left:50px; } .with-both-sidebar .dt-sc-one-column .blog-entry .entry-title h4 { font-size:14px; } .with-both-sidebar .dt-sc-one-third .blog-entry .entry-body p { line-height: 22px; }*/ .page-with-sidebar .blog-entry.single.blog-medium-style .entry-thumb, .page-with-sidebar .blog-entry.single.blog-medium-style.dt-blog-medium-highlight .entry-thumb { width: 100%; } .page-with-sidebar .blog-entry.single.blog-medium-style .entry-details, .page-with-sidebar .blog-entry.single.blog-medium-style.dt-blog-medium-highlight .entry-details { width: 100%; } .with-both-sidebar .dt-sc-one-column .blog-entry.blog-medium-style.dt-blog-medium-highlight .entry-format { bottom: -25px; left: 30px; right: inherit; top: inherit; } .with-both-sidebar .dt-sc-one-column .blog-entry.blog-medium-style.dt-blog-medium-highlight .entry-details { padding-left: 30px; } .page-with-sidebar .blog-entry.single.blog-medium-style .entry-format { bottom: -35px; left: 30px; right: inherit; top: inherit; } .page-with-sidebar .blog-entry.single.blog-medium-style .entry-details, .page-with-sidebar .blog-entry.single.blog-medium-style.dt-blog-medium-highlight.dt-sc-skin-highlight .entry-details { padding: 60px 0 0 30px; } .page-with-sidebar .blog-entry.single.blog-medium-style.dt-blog-medium-highlight, /* Blog Single - Skin Highlight Remove */ .blog-entry.single.blog-medium-style.dt-blog-medium-highlight.dt-sc-skin-highlight { background: none; } .page-with-sidebar .blog-entry.single.blog-medium-style.dt-blog-medium-highlight .entry-details { padding: 40px 0 0 30px; } .page-with-sidebar .dt-sc-one-third .blog-entry.entry-date-left .entry-title h4 { font-size: 14px; } .with-both-sidebar .dt-sc-one-third .blog-entry.entry-date-left .entry-details { padding-left: 60px; } .with-both-sidebar .dt-sc-one-third .blog-entry.entry-date-left .entry-date { font-size: 20px; width: 45px; } .with-both-sidebar .dt-sc-one-third .blog-entry.entry-date-left .entry-date span { font-size: 12px; margin-top: 5px; padding: 2px 0; } .with-both-sidebar .dt-sc-one-third .blog-entry.entry-date-left .entry-title h4 { font-size: 15px; } .with-both-sidebar .dt-sc-one-third .blog-entry.entry-date-left .dt-sc-button { margin: 10px 0 15px -60px; } .with-both-sidebar .dt-sc-one-third .blog-entry.entry-date-left .entry-meta-data { margin-top: 0; } .dt-sc-one-column .blog-entry.entry-date-author-left .entry-details { min-height: 280px; } .dt-sc-one-column .blog-entry.entry-date-author-left .entry-thumb ~ .entry-details { min-height: inherit; } .page-with-sidebar .dt-sc-one-third .blog-entry.entry-date-author-left, .with-both-sidebar .dt-sc-one-half .blog-entry.entry-date-author-left { padding-left: 80px; } .page-with-sidebar .dt-sc-one-third .blog-entry.entry-date-author-left .entry-date-author, .with-both-sidebar .dt-sc-one-half .blog-entry.entry-date-author-left .entry-date-author { width: 55px; } .page-with-sidebar .dt-sc-one-third .blog-entry.entry-date-author-left .entry-date-author .entry-date, .with-both-sidebar .dt-sc-one-half .blog-entry.entry-date-author-left .entry-date-author .entry-date { font-size: 24px; } .page-with-sidebar .dt-sc-one-third .blog-entry.entry-date-author-left .entry-date-author .entry-date span, .with-both-sidebar .dt-sc-one-half .blog-entry.entry-date-author-left .entry-date-author .entry-date span { font-size: 12px; } .page-with-sidebar .dt-sc-one-third .blog-entry.entry-date-author-left .entry-details, .with-both-sidebar .dt-sc-one-half .blog-entry.entry-date-author-left .entry-details { margin-top: 5px; } .page-with-sidebar .dt-sc-one-third .blog-entry.entry-date-author-left .entry-details .entry-title h4, .with-both-sidebar .dt-sc-one-half .blog-entry.entry-date-author-left .entry-details .entry-title h4 { font-size: 13px; } .with-both-sidebar .dt-sc-one-third .blog-entry.entry-date-author-left { padding-left: 60px; } .with-both-sidebar .dt-sc-one-third .blog-entry.entry-date-author-left .entry-date-author { width: 40px; } .with-both-sidebar .dt-sc-one-third .blog-entry.entry-date-author-left .entry-date span { margin-top: 5px; padding: 0; } .with-both-sidebar .dt-sc-one-third .blog-entry.entry-date-author-left .entry-title h4 { font-size: 12px; } .with-both-sidebar .dt-sc-one-third .blog-entry.entry-date-author-left .entry-meta-data { margin-top: 0; } .with-both-sidebar .dt-sc-one-third .blog-entry.entry-date-author-left .entry-date-author .entry-author { margin-top: 10px; padding-bottom: 5px; } .with-both-sidebar .dt-sc-one-third .blog-entry.entry-date-author-left .entry-format a { border-width: 5px; height: 45px; width: 45px; } .with-both-sidebar .dt-sc-one-third .blog-entry.entry-date-author-left .entry-format a:before { font-size: 16px; line-height: 40px; } .dt-sc-one-half .blog-entry.blog-medium-style .entry-thumb ~ .entry-details { padding-left: 55px; } .dt-sc-one-half .blog-entry.blog-medium-style .entry-format { right: -25px; top: 20px; } .dt-sc-one-half .blog-entry.blog-medium-style .entry-format a { height: 50px; width: 50px; } .dt-sc-one-half .blog-entry.blog-medium-style .entry-format a:before { font-size: 24px; line-height: 48px; } .dt-sc-one-half .blog-entry.blog-medium-style.dt-blog-medium-highlight .entry-details { padding-left: 30px; } .dt-sc-one-half .blog-entry.blog-medium-style.dt-blog-medium-highlight .entry-format { right: 0; } .page-with-sidebar .dt-sc-one-half .blog-entry.blog-medium-style .entry-meta { font-size: 12px; } .page-with-sidebar .dt-sc-one-half .blog-entry.blog-medium-style .entry-title h4 { font-size: 14px; } .page-with-sidebar .dt-sc-one-half .blog-entry.blog-medium-style.dt-blog-medium-highlight .entry-details { padding-left: 40px; } .page-with-sidebar .dt-sc-one-half .blog-entry.blog-medium-style .entry-thumb ~ .entry-details { padding-left: 0; padding-top: 30px; } .dt-sc-one-half .blog-entry.blog-medium-style .entry-format { right: -18px; top: 15px; } .page-with-sidebar .dt-sc-one-half .blog-entry.blog-medium-style .entry-format { right: 0; } .page-with-sidebar .dt-sc-one-half .blog-entry.blog-medium-style .entry-format a, .page-with-sidebar .dt-sc-one-third .blog-entry.blog-medium-style .entry-format a { height: 36px; width: 36px; } .page-with-sidebar .dt-sc-one-half .blog-entry.blog-medium-style .entry-format a:before, .page-with-sidebar .dt-sc-one-third .blog-entry.blog-medium-style .entry-format a:before { font-size: 16px; line-height: 32px; } .page-with-sidebar .dt-sc-one-half .blog-entry.blog-medium-style.dt-blog-medium-highlight .entry-details, .page-with-sidebar.with-both-sidebar .dt-sc-one-half .blog-entry.blog-medium-style.dt-blog-medium-highlight .entry-details { padding-left: 30px; padding-top: 30px; } .with-both-sidebar .dt-sc-one-half .blog-entry.blog-medium-style.dt-blog-medium-highlight .entry-details { padding: 0 20px 20px; } .with-both-sidebar .dt-sc-one-half .blog-entry.blog-medium-style .entry-thumb, .dt-sc-one-third .blog-entry.blog-medium-style .entry-thumb { width: 100%; } .dt-sc-one-third .blog-entry.blog-medium-style .entry-thumb ~ .entry-details { padding-left: 0; padding-top: 30px; width: 100%; } .with-both-sidebar .dt-sc-one-half .blog-entry.blog-medium-style .entry-format, .dt-sc-one-third .blog-entry.blog-medium-style .entry-format { bottom: -20px; left: 10px; right: inherit; top: inherit; } .dt-sc-one-third .blog-entry.blog-medium-style.format-audio .entry-format, .dt-sc-one-third .blog-entry.blog-medium-style.format-video .entry-format { display: none; } .with-both-sidebar .dt-sc-one-column .blog-entry.blog-medium-style.dt-blog-medium-highlight .entry-thumb, .with-both-sidebar .dt-sc-one-column .blog-entry.blog-medium-style.dt-blog-medium-highlight .entry-thumb ~ .entry-details { width: 100%; } .dt-sc-one-half .blog-entry.blog-medium-style .entry-details, .dt-sc-one-half .blog-entry.blog-medium-style .entry-thumb ~ .entry-details, .dt-sc-one-third .blog-entry.blog-medium-style .entry-details { padding-top: 0; } .dt-sc-one-half .blog-entry.blog-medium-style.dt-blog-medium-highlight .entry-details { padding-top: 30px; } .page-with-sidebar .dt-sc-one-half .blog-entry.blog-medium-style .entry-thumb, .page-with-sidebar .dt-sc-one-half .blog-entry.blog-medium-style .entry-details { width: 100%; } .dt-sc-one-third .blog-entry.blog-medium-style.dt-blog-medium-highlight .entry-thumb { overflow: visible; } .dt-sc-one-third .blog-entry.blog-medium-style.dt-blog-medium-highlight .entry-details { padding-top: 30px; } .dt-sc-one-third .blog-entry.blog-medium-style.dt-blog-medium-highlight .entry-thumb ~ .entry-details, .with-both-sidebar .dt-sc-one-third .blog-entry.blog-medium-style.dt-blog-medium-highlight .entry-details { padding-top: 30px; width: 100%; } .dt-sc-one-third .blog-entry.blog-medium-style.dt-blog-medium-highlight .entry-details { padding: 30px 20px 20px; } /*** Blog Trendy Styles ***/ .blog-entry.entry-overlay-style .entry-details, .blog-entry.entry-overlay-style .entry-thumb img, .blog-entry.entry-overlay-style .entry-details, .blog-entry.entry-overlay-style .entry-details:before, .blog-entry.entry-overlay-style .entry-thumb img, .blog-entry.entry-overlay-style .entry-body, .blog-entry.entry-overlay-style .entry-meta .date, .blog-entry.entry-overlay-style .entry-meta-data p, .blog-entry.entry-overlay-style .entry-meta-data p a, .blog-entry.entry-overlay-style .entry-meta-data p i { transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; } .wpb_column .blog-entry.entry-overlay-style { margin-bottom: 0; } .blog-entry.entry-overlay-style .entry-thumb { background-position: center center; background-repeat: no-repeat; background-size: 0; line-height: inherit; margin-bottom: 0; transition: background-size 3s ease; -moz-transition: background-size 3s ease; -webkit-transition: background-size 3s ease; } .blog-entry.entry-overlay-style:hover .entry-thumb { background-size: cover; } .blog-entry.entry-overlay-style .entry-details { display: inline-block; float: left; line-height: inherit; padding: 80px 50px 40px; position: relative; z-index: 1; } .blog-entry.entry-overlay-style .entry-details:before { border: 5px solid transparent; content: ''; display: inline-block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .blog-entry.entry-overlay-style .entry-thumb img { opacity: 0; visibility: hidden !important; } .blog-entry.entry-overlay-style:hover .entry-thumb img { opacity: 1; visibility: visible !important; } .blog-entry.entry-overlay-style .read-more-link { background: none; border-top: 1px solid #e8e8e8; font-size: 12px; font-weight: normal; letter-spacing: 2px; line-height: 30px; padding: 20px 0 20px; text-transform: uppercase; width: 100%; } .blog-entry.entry-overlay-style:hover .read-more-link { border-top: 1px solid #fff; color: #fff; } .blog-entry.entry-overlay-style .read-more-link span { border: 2px solid #cdcdcd; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; color: #777; float: right; font-size: 18px; height: 35px; line-height: 31px; text-align: center; width: 35px; } .blog-entry.entry-overlay-style:hover .read-more-link span { background-color: #000; color: #fff; } .blog-entry.entry-overlay-style .read-more-link span:before { margin-left: 3px; } .blog-entry.entry-overlay-style:hover .entry-details { color: #fff; } .blog-entry.entry-overlay-style .entry-meta { color: #777; font-size: 12px; font-weight: normal; letter-spacing: .6px; margin-bottom: 36px; padding-bottom: 10px; position: relative; } .blog-entry.entry-overlay-style .entry-meta:before { background-color: #e8e8e8; bottom: 0; clear: both; content: ''; display: inline-block; float: left; height: 3px; left: 0; position: absolute; width: 78px; } .blog-entry.entry-overlay-style .entry-meta .date { text-transform: uppercase; } .blog-entry.entry-overlay-style .entry-title h4 { font-size: 20px; text-transform: none; width: 55%; } .blog-entry.entry-overlay-style .entry-body { opacity: 0; } .blog-entry.entry-overlay-style:hover .entry-body { opacity: 1; } .blog-entry.entry-overlay-style:hover .entry-title h4 a, .blog-entry.entry-overlay-style .entry-meta-data p a:hover, .blog-entry.entry-overlay-style .entry-meta a:hover, .blog-entry.entry-overlay-style:hover .read-more-link, .blog-entry.entry-overlay-style:hover .entry-meta .date, .blog-entry.entry-overlay-style:hover .entry-meta-data p, .blog-entry.entry-overlay-style:hover .entry-meta-data p a, .blog-entry.entry-overlay-style:hover .entry-meta-data p i, .blog-entry.entry-overlay-style:hover .entry-meta a, .blog-entry.entry-overlay-style:hover .entry-meta a i, .blog-entry.entry-overlay-style:hover .entry-meta .author i { color: #fff; } .blog-entry.entry-overlay-style:hover .entry-details { background-color: rgba(0, 0, 0, .7); } /* Skins */ .blog-entry.entry-overlay-style:hover .entry-details:before { border-color: #da0000; } .blog-entry.entry-overlay-style .entry-title h4 a:hover, .blog-entry.entry-overlay-style .read-more-link:hover { color: #ff2828; } /*** Blog Overlap Styles ***/ .blog-entry.overlap .entry-details { background-color: #fff; float: left; margin: -60px 5% 0; padding: 50px 40px 40px; position: relative; width: 90%; z-index: auto; } .blog-entry.overlap .entry-meta-data { border-top: 1px solid #f0f0f0; padding: 30px 0 0; } .blog-entry.overlap.format-audio .entry-details, .blog-entry.overlap.format-video .entry-details { margin: 0; padding: 20px 20px 40px; width: 100%; } .animated-btn { overflow: hidden; } .animated-btn:after { content: ''; display: block; height: 100%; margin: auto; position: absolute; right: -15px; top: 0; } .animated-btn:after { border-radius: 100%; bottom: 0; box-shadow: 0 0 0 0 #fff; content: ''; display: block; height: 100px; left: 0; opacity: 0; padding: 0; position: absolute; right: 0; top: 0; transform: scale(.9); -moz-transform: scale(.9); -ms-transform: scale(.9); -webkit-transform: scale(.9); width: 100px; z-index: 0; } .animated-btn:hover:after { animation: zooming 1s ease-out; -moz-animation: zooming 1s ease-out; -ms-animation: zooming 1s ease-out; -webkit-animation: zooming 1s ease-out; box-shadow: 0 0 10px 10px #fff; } .animated-btn:hover { border-color: transparent; } @-webkit-keyframes zooming { 0% { opacity: .3; } 40% { box-shadow: 0 0 0 2px rgba(255,255,255,.3), 0 0 15px 15px rgba(0,0,0,.1), 0 0 0 15px rgba(255,255,255,.5); opacity: .5; } 100% { box-shadow: 0 0 0 2px rgba(255,255,255,.3), 0 0 15px 15px rgba(0,0,0,.1), 0 0 0 15px rgba(255,255,255,.5); opacity: 0; -webkit-transform: scale(1.1); } } @-moz-keyframes zooming { 0% { opacity: .3; } 40% { box-shadow: 0 0 0 2px rgba(255,255,255,.3), 0 0 15px 15px rgba(0,0,0,.1), 0 0 0 15px rgba(255,255,255,.5); opacity: .5; } 100% { box-shadow: 0 0 0 2px rgba(255,255,255,.3), 0 0 15px 15px rgba(0,0,0,.1), 0 0 0 15px rgba(255,255,255,.5); opacity: 0; -moz-transform: scale(1.1); } } @-ms-keyframes zooming { 0% { opacity: .3; } 40% { box-shadow: 0 0 0 2px rgba(255,255,255,.3), 0 0 15px 15px rgba(0,0,0,.1), 0 0 0 15px rgba(255,255,255,.5); opacity: .5; } 100% { box-shadow: 0 0 0 2px rgba(255,255,255,.3), 0 0 15px 15px rgba(0,0,0,.1), 0 0 0 15px rgba(255,255,255,.5); opacity: 0; -ms-transform: scale(1.1); } } @keyframes zooming { 0% { opacity: .3; } 40% { box-shadow: 0 0 0 2px rgba(255,255,255,.3), 0 0 15px 15px rgba(0,0,0,.1), 0 0 0 15px rgba(255,255,255,.5); opacity: .5; } 100% { box-shadow: 0 0 0 2px rgba(255,255,255,.3), 0 0 15px 15px rgba(0,0,0,.1), 0 0 0 15px rgba(255,255,255,.5); opacity: 0; transform: scale(1.1); } } /*** Blog Stripe Styles ***/ .blog-entry.entry-center-align { background-color: #fff; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } .blog-entry.entry-center-align .entry-thumb img { border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; } .blog-entry.entry-center-align .entry-format a { border-radius: 10px 0 0 0; -moz-border-radius: 10px 0 0 0; -webkit-border-radius: 10px 0 0 0; } .blog-entry.entry-center-align { text-align: center; } .blog-entry.entry-center-align .entry-title h4 { font-size: 30px; text-transform: none; } .blog-entry.entry-center-align .entry-details { padding: 15px 35px 45px; position: relative; } .blog-entry.entry-center-align .entry-details .dt-sc-button { background-color: transparent; border-bottom: 2px solid; font-size: 20px; line-height: 17px; margin-bottom: 0; padding: 0; } .blog-entry.entry-center-align .entry-meta .date { font-size: 14px; text-transform: uppercase; } .blog-entry.entry-center-align .entry-details .dt-sc-button span, .blog-entry.entry-center-align .entry-details .dt-sc-button:after { display: none; } .blog-entry.entry-center-align .entry-details:before { background-image: url(http://fw.wedesignthemes.com/wp-content/uploads/2018/01/blog-stripe.png); background-repeat: repeat-x; content: ''; display: inline-block; height: 19px; left: 0; position: absolute; top: -11px; width: 100%; } .blog-entry.entry-center-align .entry-meta { margin-bottom: 18px; position: relative; } .blog-entry.entry-center-align .entry-meta:after { bottom: -7px; content: ''; left: 0; margin: 0 auto; position: absolute; right: 0; text-align: center; width: 153px; } .blog-entry.entry-center-align .entry-thumb { border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; margin-bottom: 0; overflow: hidden; } /* Skins */ .blog-entry.entry-center-align .entry-details .dt-sc-button { color: #da0000; } .blog-entry.entry-center-align .entry-details .dt-sc-button:hover { background-color: transparent; color: #ff2828; } /* */ .grid-sizer.column { margin: 0; min-height: 0; padding: 0; } /* Page Template */ .vc_col-sm-3 .blog-entry.blog-medium-style .entry-thumb, .vc_col-sm-4 .blog-entry.blog-medium-style .entry-thumb, .page-with-sidebar .vc_col-sm-6 .blog-entry.blog-medium-style .entry-thumb { width: 100%; } .vc_col-sm-3 .blog-entry.blog-medium-style .entry-thumb ~ .entry-details, .vc_col-sm-4 .blog-entry.blog-medium-style .entry-thumb ~ .entry-details, .page-with-sidebar .vc_col-sm-6 .blog-entry.blog-medium-style .entry-thumb ~ .entry-details { padding-left: 0; padding-top: 30px; width: 100%; } .vc_col-sm-3 .blog-entry.blog-medium-style .entry-format a:before { font-size: 16px; line-height: 36px; } .vc_col-sm-3 .blog-entry.blog-medium-style .entry-format a { height: 36px; width: 36px; } .vc_col-sm-3 .blog-entry.blog-medium-style .entry-format { bottom: -15px; left: 10px; top: auto; } .vc_col-sm-3 .blog-entry.blog-medium-style.dt-blog-medium-highlight .entry-details, .vc_col-sm-4 .blog-entry.blog-medium-style.dt-blog-medium-highlight .entry-details, .vc_col-sm-6 .blog-entry.blog-medium-style.dt-blog-medium-highlight .entry-details { padding: 30px; } .vc_col-sm-3 .blog-entry.blog-medium-style.dt-blog-medium-highlight .entry-format { bottom: 0; } .vc_col-sm-4 .blog-entry.blog-medium-style .entry-format, .page-with-sidebar .vc_col-sm-6 .blog-entry.blog-medium-style .entry-format { right: 10px; top: 10px; } /* --- With sidebar --- */ .page-with-sidebar .vc_col-sm-3 .blog-entry .entry-title h4 { font-size: 12px; } .page-with-sidebar .vc_col-sm-4 .blog-entry .entry-title h4 { font-size: 14px; } .page-with-sidebar .vc_col-sm-3 .blog-entry.entry-date-author-left .entry-date-author { width: 30px; } .page-with-sidebar .vc_col-sm-3 .blog-entry.entry-date-author-left { padding-left: 45px; } .page-with-sidebar .vc_col-sm-4 .blog-entry.entry-date-author-left { padding-left: 70px; } .page-with-sidebar .vc_col-sm-4 .blog-entry.entry-date-author-left .entry-date-author { width: 50px; } .page-with-sidebar .vc_col-sm-3 .blog-entry.entry-date-left .entry-details { padding-left: 55px; } .page-with-sidebar .vc_col-sm-3 .blog-entry.entry-date-left .entry-details .entry-date { width: 40px; } .page-with-sidebar .vc_col-sm-3 .blog-entry.entry-date-left .dt-sc-button.with-icon.icon-right.type1 { padding: 10px; } .page-with-sidebar .vc_col-sm-3 .blog-entry.blog-medium-style.dt-blog-medium-highlight .dt-sc-button.with-icon.icon-right.type1 { padding: 12px 8px; } /* Blog - Read More Link/Button */ .dt-sc-button.dt-sc-readmore-link { cursor: pointer; display: inline-block; font-size: 12px; line-height: normal; margin: 10px 0 0; outline: none; padding: 8px 15px; position: relative; text-transform: uppercase; z-index: 1; } .dt-sc-button.dt-sc-readmore-link { background: rgba(0, 0, 0, .5); color: #000; } .dt-sc-button.dt-sc-readmore-link:hover, .dt-sc-button.dt-sc-readmore-link.filled, .dt-sc-button.dt-sc-readmore-link.filled:hover { color: #fff; } .dt-sc-button.dt-sc-readmore-link.small { font-size: 12px; padding: 13px 20px 11px; } .dt-sc-button.dt-sc-readmore-link.with-icon.icon-right.type1 { padding-right: 14px; } .dt-sc-button.dt-sc-readmore-link.with-icon.icon-right.type1 span { margin-left: 35px; } .dt-sc-button.dt-sc-readmore-link.with-icon.icon-right.type1 { letter-spacing: .5px; overflow: hidden; position: relative; } .dt-sc-button.dt-sc-readmore-link.with-icon.icon-right.type1:after { content: ''; position: absolute; z-index: -1; } .dt-sc-button.dt-sc-readmore-link.with-icon.icon-right.type1:before { left: auto; right: 10px; z-index: 2; } .dt-sc-button.dt-sc-readmore-link.with-icon.icon-right.type1:after { height: 200%; margin: -5px 0 0 -5px; right: 0; top: 0; transform: rotate(-20deg); -moz-transform: rotate(-20deg); -ms-transform: rotate(-20deg); -webkit-transform: rotate(-20deg); transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -webkit-transform-origin: 0 0; width: 35%; z-index: 1; } .dt-sc-button.dt-sc-readmore-link.with-icon.icon-right.type1:hover:after { width: 40%; } .dt-sc-button.with-icon.icon-right.type1:after { background: rgba(0, 0, 0, .1); } .dt-sc-button.with-icon.icon-right.type1, .dt-sc-button.with-icon.icon-right.type1:after { transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; -webkit-transition: all .3s linear; } /* Blog Single - Skin Highlight Remove */ .blog-entry.single.dt-sc-skin-highlight, .blog-entry.single.dt-sc-skin-highlight .entry-title h4 a, .blog-entry.single.dt-sc-skin-highlight .entry-meta a, .blog-entry.single.dt-sc-skin-highlight .entry-meta-data p a, .blog-entry.single.dt-sc-skin-highlight .entry-meta-data p i { color: #000; } .blog-entry.single.dt-sc-skin-highlight .entry-meta .comments i, .blog-entry.single.dt-sc-skin-highlight .entry-meta .author i { color: #888; } /* Blog Detail - Standard */ .blog-entry.post-standard .entry-title { float: left; padding: 10px 0; width: 100%; } .blog-entry.post-standard .entry-title h4 { margin: 0; text-transform: inherit; } .blog-entry.post-standard p.category, .blog-entry.post-standard p.category a { margin-bottom: 5px; } .blog-entry.post-standard p.category i { display: none; } .blog-entry.post-standard .entry-meta { float: left; margin-bottom: 20px; line-height: normal; width: 100%; } .blog-entry.post-standard .entry-meta div { display: inline-block; } .blog-entry.post-standard .entry-meta div a { color: #4d4d4d; } .blog-entry.post-standard .entry-meta p.category a { background: #222; color: #fff; float: left; margin-right: 3px; padding: 1px 8px 0; position: relative; text-transform: capitalize; z-index: 9; } .blog-entry.post-standard .entry-meta .entry-info a { color: #000; } .blog-entry.post-standard .entry-meta .entry-info { float: left; width: 100%; } .blog-entry.post-standard .entry-meta .entry-info i.zmdi { color: #fff; font-size: 13px; left: 0; margin-left: 5px; margin-right: 8px; position: absolute; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .blog-entry.post-standard .entry-meta .entry-info i.zmdi:after { background: #000; content: ''; display: block; height: 32px; left: -5px; position: absolute; text-align: center; top: -10px; width: 28px; z-index: -1; } .blog-entry.post-standard .entry-meta .entry-info .likes a i { font-size: 12px; font-style: normal; margin-right: 0; position: static; } .blog-entry.post-standard .entry-meta .entry-info > * { border-style: solid; border-width: 1px; float: left; font-size: 12px; line-height: 18px; margin-bottom: 10px; margin-right: 10px; min-height: 30px; overflow: hidden; padding: 6px 10px 6px 35px; position: relative; } .blog-entry.post-standard .entry-meta-data p span { background: #000; color: #fff; float: left; font-size: 12px; height: 26px; line-height: 26px; margin-right: 7px; padding: 0 8px; text-transform: capitalize; } .blog-entry.post-standard .entry-meta-data p a { background: #222; color: #fff; display: inline-block; float: none; letter-spacing: .5px; line-height: 26px; margin-bottom: 5px; margin-right: 3px; min-height: 26px; padding: 0 8px; position: relative; text-transform: capitalize; z-index: 9; } .blog-entry.post-standard .entry-meta-data p a:hover { color: #fff; } .blog-entry.post-standard .entry-meta-data p a:before { content: ''; display: block; height: 100%; left: auto; position: absolute; right: 0; top: 0; width: 0; z-index: -1; } .blog-entry.post-standard .entry-meta-data p a:hover:before { left: 0; right: auto; width: 100%; } .blog-entry.post-standard .entry-thumb { float: left; overflow: hidden; position: relative; width: auto; } .blog-entry.post-standard .entry-thumb a { display: block; } .blog-entry.post-standard .entry-thumb img { max-width: none; transition: opacity .35s, transform .45s; width: calc(100% + 60px); } .blog-entry.post-standard.format-video .entry-thumb, .blog-entry.post-standard.format-audio .entry-thumb { width: 100%; } @media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari override */ ::i-block-chrome, .blog-entry.post-standard .entry-thumb img { transform: translate3d(0px, 0, 0); width: auto; } ::i-block-chrome, .blog-entry.post-standard .entry-thumb { width: 100%; } } .blog-entry.post-standard:hover .entry-thumb img { transform: scale(1.1); } .blog-entry.post-standard .entry-thumb:before { border: 2px dashed #222; bottom: 10px; content: ''; display: block; left: 10px; opacity: 0; position: absolute; right: 10px; top: 10px; transform: translate3d(20px, 0, 0); -webkit-transform: translate3d(20px, 0, 0); transition: opacity .35s, transform .45s; } .blog-entry.post-standard .entry-thumb:hover:before { opacity: 1; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); } .blog-entry.post-standard .entry-thumb .bx-wrapper img { max-width: none; transform: none; -webkit-transform: none; transition: opacity .35s; width: 100%; } /* Blog Detail - Post Info Within Image */ .blog-entry.post-info-within-image .entry-thumb { margin-bottom: 30px; width: auto; } .blog-entry.post-info-within-image.format-video .entry-thumb, .blog-entry.post-info-within-image.format-audio .entry-thumb { width: 100%; } .blog-entry.post-info-within-image .entry-thumb:before { background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.7) 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,.7) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.7) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.7) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.7) 100%); bottom: 0; content: ''; display: block; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0); height: 40%; position: absolute; width: 100%; z-index: 1; } .blog-entry.post-info-within-image .entry-thumb:hover:before { height: 100%; } .blog-entry.post-info-within-image.format-video .entry-thumb:before, .blog-entry.post-info-within-image.format-audio .entry-thumb:before { display: none; } .blog-entry.post-info-within-image .entry-thumb .bx-controls a { background: none; opacity: 1; } .blog-entry.post-info-within-image .entry-thumb .bx-wrapper { overflow: visible; } .blog-entry.post-info-within-image .entry-thumb .bx-wrapper .bx-viewport { overflow: visible !important; } .blog-entry.post-info-within-image .entry-thumb .bx-controls a.bx-prev { left: -60px; } .blog-entry.post-info-within-image .entry-thumb .bx-controls a.bx-next { right: -35px; } .blog-entry.post-info-within-image .entry-thumb .bx-controls a.bx-prev:after, .blog-entry.post-info-within-image .entry-thumb .bx-controls a.bx-next:after { border-bottom: 60px solid transparent; border-top: 60px solid transparent; content: ''; display: block; height: 0; left: 0; width: 0; } .blog-entry.post-info-within-image .entry-thumb .bx-controls a.bx-prev:after { border-right: 60px solid #b7b7b7; } .blog-entry.post-info-within-image .entry-thumb .bx-controls a.bx-next:after { border-left: 60px solid #b7b7b7; } .page-with-sidebar .blog-entry.post-info-within-image .entry-thumb .bx-wrapper { overflow: hidden; } .page-with-sidebar .blog-entry.post-info-within-image .entry-thumb .bx-controls a.bx-prev { left: 10px; } .page-with-sidebar .blog-entry.post-info-within-image .entry-thumb .bx-controls a.bx-next { right: 10px; } .page-with-sidebar .blog-entry.post-info-within-image .entry-thumb .bx-controls a.bx-prev, .page-with-sidebar .blog-entry.post-info-within-image .entry-thumb .bx-controls a.bx-next { background: #b7b7b7; height: 50px; width: 50px; z-index: 99; } .page-with-sidebar .blog-entry.post-info-within-image .entry-thumb .bx-controls a { opacity: 0; visibility: hidden; } .page-with-sidebar .blog-entry.post-info-within-image .entry-thumb:hover .bx-controls a { opacity: 1; visibility: visible; } .page-with-sidebar .blog-entry.post-info-within-image .entry-thumb .bx-controls a.bx-prev:after, .page-with-sidebar .blog-entry.post-info-within-image .entry-thumb .bx-controls a.bx-next:after { display: none; } .page-with-sidebar .blog-entry.post-info-within-image .entry-thumb .bx-controls a.bx-prev:before, .page-with-sidebar .blog-entry.post-info-within-image .entry-thumb .bx-controls a.bx-next:before { font-size: 50px; left: 0; top: 0; } .blog-entry.post-info-within-image .entry-thumb .bx-controls a.bx-prev:before, .blog-entry.post-info-within-image .entry-thumb .bx-controls a.bx-next:before { color: #fff; font-size: 60px; left: -2.5px; top: 35px; } .blog-entry.post-info-within-image .entry-meta { bottom: 0; float: left; margin-bottom: 0; padding: 30px; position: absolute; width: 100%; z-index: 9; } .blog-entry.post-info-within-image .entry-meta p.category a { background: #b7b7b7; color: #fff; font-size: 12px; padding: 5px 10px; text-transform: capitalize; } .blog-entry.post-info-within-image .entry-meta i { font-size: 14px; } .blog-entry.post-info-within-image .entry-meta > * { float: left; font-size: 14px; line-height: 19px; margin-right: 20px; position: relative; } .blog-entry.post-info-within-image .entry-meta p.category a:hover { color: #fff; } .blog-entry.post-info-within-image .entry-meta p.category { margin-bottom: 12px; } .blog-entry.post-info-within-image .entry-meta p.category, .blog-entry.post-info-within-image .entry-meta .entry-title, .blog-entry.post-info-within-image .entry-meta .entry-info { color: #fff; float: left; margin-right: 0; width: 100%; } .blog-entry.post-info-within-image .entry-meta .entry-info { margin-top: 5px; } .blog-entry.post-info-within-image .entry-meta .dt_scroll_down { background: #fff; bottom: 10px; height: 50px; line-height: 50px; margin: 0; position: absolute; right: 10px; text-align: center; width: 50px; } .blog-entry.post-info-within-image .entry-meta .dt_scroll_down a { float: left; height: 100%; width: 100%; } .blog-entry.post-info-within-image .entry-meta .dt_scroll_down a i { color: #b7b7b7; font-size: 24px; left: 0; line-height: 50px; margin: 0; margin: 0 auto; padding: 0; position: absolute; right: 0; } .blog-entry.post-info-within-image .entry-meta .author, .blog-entry.post-info-within-image .entry-meta .date, .blog-entry.post-info-within-image .entry-meta .comments, .blog-entry.post-info-within-image .entry-meta .views, .blog-entry.post-info-within-image .entry-meta .likes { font-size: 12px; } .blog-entry.post-info-within-image .entry-meta .author { margin-right: 10px; position: relative; } .blog-entry.post-info-within-image .entry-meta .author:before { background: #fff; content: ''; display: block; height: 1px; position: absolute; right: -8px; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 5px; } .blog-entry.post-info-within-image .entry-meta .comments { margin-left: 15px; } .blog-entry.post-info-within-image .entry-meta .views, .blog-entry.post-info-within-image .entry-meta .likes { display: inline-block; float: none; margin-left: 15px; } .blog-entry.post-info-within-image .entry-meta .entry-title h4 { font-size: 30px; margin-bottom: 0; text-transform: capitalize; } .blog-entry.post-info-within-image .entry-meta-data p span { background: #000; color: #fff; float: left; margin-right: 5px; padding: 3px 9px; text-transform: capitalize; } .blog-entry.post-info-within-image .entry-meta-data p a { background: #adaeaf; color: #fff; display: inline-block; float: none; letter-spacing: .5px; margin-bottom: 5px; margin-right: 5px; padding: 3px 9px; position: relative; text-transform: capitalize; z-index: 9; } .blog-entry.post-info-within-image .entry-meta-data p a:before { content: ''; display: block; height: 100%; left: auto; position: absolute; right: 0; top: 0; width: 0; z-index: -1; } .blog-entry.post-info-within-image .entry-meta-data p a:hover:before { left: 0; right: auto; width: 100%; } .blog-entry.post-info-within-image .entry-meta .dt_scroll_down a:hover i, .blog-entry.post-info-within-image .entry-meta i, .blog-entry.post-info-within-image .entry-meta a, .blog-entry.post-info-within-image .entry-meta .entry-title h4 a { color: #fff; } .blog-entry.post-info-within-image .entry-meta i.fa { font-size: 14px; } .blog-entry.post-info-within-image .entry-meta .likes a i { font-size: 12px; font-style: normal; } /* Blog Detail - Post Info Bottom Image */ .blog-entry.post-info-bottom-image .entry-thumb { backface-visibility: hidden; box-shadow: 10px -10px 0 0 rgba(0,0,0,0); -moz-box-shadow: 10px -10px 0 0 rgba(0,0,0,0); -webkit-box-shadow: 10px -10px 0 0 rgba(0,0,0,0); margin-bottom: 30px; width: auto; } .blog-entry.post-info-bottom-image.format-video .entry-thumb, .blog-entry.post-info-bottom-image.format-audio .entry-thumb { width: 100%; } .blog-entry.post-info-bottom-image .entry-meta { background: #fff; bottom: 0; float: none; left: 0; margin: 0 auto; margin-bottom: 0; padding: 20px 20px 0 0; position: absolute; width: 80%; } .blog-entry.post-info-bottom-image .entry-meta .entry-info .author { padding-left: 40px; } .blog-entry.post-info-bottom-image .entry-meta .entry-info .author img { border-radius: 50%; height: 25px; left: 0; position: absolute; top: -5px; width: 25px; } .blog-entry.post-info-bottom-image .entry-meta .comments i { font-size: 14px; } .blog-entry.post-info-bottom-image .entry-meta .entry-info > i { font-size: 13px; left: 0; margin-right: 8px; position: absolute; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .blog-entry.post-info-bottom-image .entry-meta .entry-info > * { display: inline-block; float: none; font-size: 12px; line-height: 19px; margin-right: 30px; position: relative; } .blog-entry.post-info-bottom-image .entry-meta .entry-info > *:before { background: #878787; content: ''; display: block; height: 1px; position: absolute; right: -20px; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 10px; } .blog-entry.post-info-bottom-image .entry-meta .entry-info > *:last-child { margin-right: 0; } .blog-entry.post-info-bottom-image .entry-meta .entry-info > *:last-child:before { content: none; } .blog-entry.post-info-bottom-image .entry-meta .entry-info a, .blog-entry.post-info-bottom-image .entry-meta .entry-info a i { color: #000; } .blog-entry.post-info-bottom-image .entry-meta .entry-info .date span { margin-right: 5px; } .blog-entry.post-info-bottom-image .entry-meta .entry-info .comments { line-height: 22px; } .blog-entry.post-info-bottom-image .entry-meta .entry-title { float: left; margin-top: 3px; width: 100%; } .blog-entry.post-info-bottom-image .entry-meta .entry-title h4 { font-size: 28px; margin-bottom: 15px; text-transform: capitalize; } .blog-entry.post-info-bottom-image .entry-meta p.category a { color: #fff; font-size: 14px; padding: 2px 8px; text-transform: capitalize; } .blog-entry.post-info-bottom-image .entry-meta.bottom-left p.category { float: left; line-height: normal; margin-bottom: 0; width: 100%; } .blog-entry.post-info-bottom-image .entry-meta.bottom-left p.category a { background: #b7b7b7; float: left; font-size: 12px; margin-bottom: 10px; margin-right: 5px; padding: 4px 8px; } .blog-entry.post-info-bottom-image .entry-meta-data p span { color: #fff; font-size: 11px; margin-right: 5px; padding: 4px 9px; text-transform: capitalize; } .blog-entry.post-info-bottom-image .entry-meta-data p a { background: #b7b7b7; color: #fff; float: left; font-size: 12px; letter-spacing: .5px; line-height: 23px; margin-bottom: 5px; margin-right: 5px; padding: 2px 8px; position: relative; text-transform: capitalize; z-index: 9; } .blog-entry.post-info-bottom-image .entry-meta-data p a:before { content: ''; display: block; height: 100%; left: auto; position: absolute; right: 0; top: 0; width: 0; z-index: -1; } .blog-entry.post-info-bottom-image .entry-meta-data p a:hover:before { left: 0; right: auto; width: 100%; } .blog-entry.post-info-bottom-image .entry-meta-data p.tags span { background: #b7b7b7; border-radius: 50%; float: left; height: 25px; margin-right: 15px; margin-top: 2px; padding: 0; position: relative; text-align: center; width: 25px; } .blog-entry.post-info-bottom-image .entry-meta-data p.tags span i { color: #fff; display: inline-block; float: none; font-size: 12px; left: -1px; margin: -1px auto 0; padding: 0; position: absolute; right: 0; text-align: center; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); width: auto; } .blog-entry.post-info-bottom-image .entry-meta i.fa { color: #888; font-size: 13px; margin-right: 3px; } .blog-entry.post-info-bottom-image .entry-meta .likes a i { font-size: 12px; font-style: normal; } /* Blog Detail - Post Info Above Image */ .blog-entry.post-info-above-image .entry-meta { display: inline-block; float: none; margin: 0 auto; padding-bottom: 30px; text-align: center; width: 100%; } .blog-entry.post-info-above-image .entry-meta .entry-info .author { padding-left: 40px; } .blog-entry.post-info-above-image .entry-meta .entry-info .author img { border-radius: 50%; height: 25px; left: 0; position: absolute; width: 25px; } .blog-entry.post-info-above-image .entry-meta .entry-info { float: left; margin-top: 8px; width: 100%; } .blog-entry.post-info-above-image .entry-meta .entry-info i { display: inline-block; float: none; font-size: 16px; margin-right: 3px; } .blog-entry.post-info-above-image .entry-meta .entry-info > * { color: #878787; display: inline-block; float: none; font-size: 14px; line-height: 25px; margin-right: 35px; padding-left: 15px; position: relative; text-transform: capitalize; } .blog-entry.post-info-above-image .entry-meta .entry-info > *:before { background: #222; content: ''; display: block; height: 1px; position: absolute; right: -20px; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 10px; } .blog-entry.post-info-above-image .entry-meta .entry-info > *:last-child:before { content: none; } .blog-entry.post-info-above-image .entry-meta .entry-info i.zmdi { font-size: 14px; left: -7px; position: absolute; top: 5px; } .blog-entry.post-info-above-image .entry-meta .entry-info .date { margin-left: -5px; padding-left: 0; } .blog-entry.post-info-above-image .entry-meta .entry-info > * span { margin-right: 6px; } .blog-entry.post-info-above-image .entry-meta .entry-title { float: left; margin: 10px 0 8px; width: 100%; } .blog-entry.post-info-above-image .entry-meta .entry-title h4 { font-size: 30px; margin-bottom: 0; text-transform: capitalize; } .blog-entry.post-info-above-image .entry-meta p.category { float: left; line-height: normal; margin-bottom: 0; width: 100%; } .blog-entry.post-info-above-image .entry-meta p.category a { background: #222; color: #fff; display: inline-block; float: none; font-size: 12px; margin-bottom: 10px; padding: 4px 8px 6px; text-transform: capitalize; } .blog-entry.post-info-above-image .entry-meta-data p span { color: #fff; font-size: 11px; margin-right: 5px; padding: 4px 9px; text-transform: uppercase; } .blog-entry.post-info-above-image .entry-meta-data p a { background: #222; color: #fff; float: left; margin-bottom: 5px; margin-right: 5px; padding: 2px 8px; position: relative; text-transform: capitalize; z-index: 9; } .blog-entry.post-info-above-image .entry-meta-data p a:hover { color: #fff; } .blog-entry.post-info-above-image .entry-meta-data p a:before { content: ''; display: block; height: 100%; left: auto; position: absolute; right: 0; top: 0; width: 0; z-index: -1; } .blog-entry.post-info-above-image .entry-meta-data p a:hover:before { left: 0; right: auto; width: 100%; } .blog-entry.post-info-above-image .entry-meta-data p.tags span { background: #b7b7b7; border-radius: 50%; float: left; height: 28px; margin-right: 15px; margin-top: 1px; padding: 0; position: relative; text-align: center; width: 28px; } .blog-entry.post-info-above-image .entry-meta-data p.tags span i { color: #fff; display: inline-block; float: none; font-size: 13px; left: -1px; margin: 0 auto; padding: 0; position: absolute; right: 0; text-align: center; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .blog-entry.post-info-above-image .entry-thumb { float: left; margin-bottom: 30px; position: relative; width: 100%; } .blog-entry.post-info-above-image .entry-thumb > a { background: #b7b7b7; float: left; position: relative; width: 100%; } .blog-entry.post-info-above-image .entry-thumb img { border-radius: 150px; -webkit-border-radius: 150px; box-shadow: 0 0 0 5px #fff; -moz-box-shadow: 0 0 0 5px #fff; -webkit-box-shadow: 0 0 0 5px #fff; -ms-box-shadow: 0 0 0 5px #fff; } .blog-entry.post-info-above-image:hover .entry-thumb img { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -ms-box-shadow: none; } .blog-entry.post-info-above-image .entry-meta i.fa { color: #999; font-size: 13px; } .blog-entry.post-info-above-image .entry-meta .likes a i { font-size: 12px; font-style: normal; } /* Blog Detail - Post Info Vertical Image */ .blog-entry.post-info-vertical-image .entry-thumb { float: left; margin-bottom: 30px; overflow: hidden; position: relative; width: 100%; } .blog-entry.post-info-vertical-image .entry-thumb:before { background: rgba(0,0,0,.4); content: ''; display: block; height: 100%; position: absolute; right: 0; top: 0; width: 100%; z-index: 1; } .blog-entry.post-info-vertical-image .entry-thumb .bx-controls a { z-index: 9; } .blog-entry.post-info-vertical-image .entry-thumb:hover:before { background: rgba(0,0,0,.6); } .blog-entry.post-info-vertical-image .entry-meta { display: inline-block; float: none; left: 0; margin: 0 auto; position: absolute; right: 0; text-align: center; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 100%; z-index: 2; } .blog-entry.post-info-vertical-image .entry-meta, .blog-entry.post-info-vertical-image .entry-meta a, .blog-entry.post-info-vertical-image .entry-meta .entry-info i { color: #fff; } .blog-entry.post-info-vertical-image .entry-meta p.category a { background: #222; color: #fff; font-size: 12px; padding: 4px 8px; text-transform: capitalize; } .blog-entry.post-info-vertical-image .entry-meta .entry-info i { font-size: 16px; margin-right: 0; } .blog-entry.post-info-vertical-image .entry-meta .entry-info > * { display: inline-block; float: none; font-size: 14px; line-height: 25px; margin-right: 15px; padding-left: 15px; position: relative; text-transform: capitalize; } .blog-entry.post-info-vertical-image .entry-meta .entry-info i.zmdi { font-size: 14px; left: -7px; position: absolute; top: 5px; } .blog-entry.post-info-vertical-image.format-video.has-post-thumbnail .entry-meta.vertically-centered { display: none; } .blog-entry.post-info-vertical-image.format-video.has-post-thumbnail .entry-video-thumb { margin-top: 50px; overflow: hidden; position: relative; } .blog-entry.post-info-vertical-image.format-video.has-post-thumbnail .entry-video-thumb .entry-meta.vertically-centered { background: none; display: block; } .blog-entry.post-info-vertical-image.format-video .entry-thumb:before { display: none; } .blog-entry.post-info-vertical-image.format-video.has-post-thumbnail .entry-video-thumb { display: block; } .blog-entry.post-info-vertical-image.format-video.has-post-thumbnail .entry-video-thumb:before { background: rgba(0,0,0,.4); content: ''; display: block; height: 100%; position: absolute; right: 0; top: 0; width: 100%; z-index: 1; } .blog-entry.post-info-vertical-image.format-video.has-post-thumbnail:hover .entry-video-thumb:before { background: rgba(0,0,0,.6); } .blog-entry.post-info-vertical-image.format-video.has-post-thumbnail .entry-meta { display: inline-block; float: none; left: 0; margin: 0 auto; padding: 0; position: absolute; right: 0; text-align: center; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 100%; z-index: 2; } .blog-entry.post-info-vertical-image.format-video .entry-video-thumb { display: none; } .blog-entry.post-info-vertical-image.format-video .entry-meta { background: rgba(0, 0, 0, .7); padding: 40px 20px; position: relative; top: auto; transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -webkit-transform: translateY(0%); } .blog-entry.post-info-vertical-image.format-video .entry-thumb > .entry-meta p.category, .blog-entry.post-info-vertical-image.format-video .entry-thumb > .entry-meta div.entry-info { position: static; } .blog-entry.post-info-vertical-image.format-video .entry-thumb > .entry-meta .entry-title h4:before, .blog-entry.post-info-vertical-image.format-video .entry-thumb > .entry-meta .entry-title h4:after { display: none; } .blog-entry.post-info-vertical-image.format-video > .entry-meta .entry-title h4 { margin: 0; padding: 0; } .blog-entry.post-info-vertical-image.format-video.has-post-thumbnail .entry-thumb > .entry-meta p.category { margin-bottom: 15px; } .blog-entry.post-info-vertical-image.format-video .entry-thumb > .entry-meta div.entry-info { display: inline-block; float: none; margin-top: 10px; width: 100%; } .blog-entry.post-info-vertical-image.format-video .entry-thumb:hover > .entry-meta p.category { margin-top: 0; } .blog-entry.post-info-vertical-image.format-video .entry-thumb:hover > .entry-meta div.entry-info { margin-bottom: 0; } .blog-entry.post-info-vertical-image .entry-thumb img.wp-post-image { transform: scale(1.02); -moz-transform: scale(1.02); -ms-transform: scale(1.02); -webkit-transform: scale(1.02); } .blog-entry.post-info-vertical-image .entry-thumb:hover img.wp-post-image { transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); } .blog-entry.post-info-vertical-image .entry-thumb .entry-meta p.category { left: 0; margin: 0 auto; position: absolute; right: 0; top: -30px; } .blog-entry.post-info-vertical-image .entry-thumb .entry-meta div.entry-info { bottom: -30px; left: 0; margin: 0 auto; position: absolute; right: 0; } .blog-entry.post-info-vertical-image .entry-thumb:hover .entry-meta p.category { margin-top: -5px; } .blog-entry.post-info-vertical-image .entry-thumb:hover .entry-meta div.entry-info { margin-bottom: -5px; } .blog-entry.post-info-vertical-image .entry-meta .entry-title { float: left; padding: 0 10px; width: 100%; } .blog-entry.post-info-vertical-image .entry-meta .entry-title h4 { display: inline-block; float: none; font-size: 24px; letter-spacing: 1px; margin: 0 0 5px; padding: 15px 0 13px; position: relative; text-transform: capitalize; width: auto; } .blog-entry.post-info-vertical-image .entry-meta .entry-title h4:before { top: 0; } .blog-entry.post-info-vertical-image .entry-meta .entry-title h4:after { bottom: 0; } .blog-entry.post-info-vertical-image .entry-thumb .entry-meta .entry-title h4:before, .blog-entry.post-info-vertical-image .entry-thumb .entry-meta .entry-title h4:after { background: #fff; bottom: -2px; content: ''; display: block; height: 1px; left: 0; margin: 0 auto; opacity: 0; position: absolute; right: 0; visibility: hidden; width: 50px; } .blog-entry.post-info-vertical-image .entry-thumb:hover .entry-meta .entry-title h4:before, .blog-entry.post-info-vertical-image .entry-thumb:hover .entry-meta .entry-title h4:after { height: 2px; opacity: 1; visibility: visible; width: 100px; } .blog-entry.post-info-vertical-image .entry-meta p.category { float: left; line-height: normal; width: 100%; } .blog-entry.post-info-vertical-image .entry-meta-data p span { background: #222; color: #fff; float: left; margin-right: 5px; padding: 3px 8px; text-transform: capitalize; } .blog-entry.post-info-vertical-image .entry-meta-data p a { background: #222; color: #fff; float: left; letter-spacing: .5px; line-height: normal; margin-bottom: 5px; margin-right: 5px; padding: 3px 8px; position: relative; text-transform: capitalize; z-index: 9; } .blog-entry.post-info-vertical-image .entry-meta-data p a:hover { color: #fff; } .blog-entry.post-info-vertical-image .entry-meta-data p a:before { content: ''; display: block; height: 100%; left: auto; position: absolute; right: 0; top: 0; width: 0; z-index: -1; } .blog-entry.post-info-vertical-image .entry-meta-data p a:hover:before { left: 0; right: auto; width: 100%; } .blog-entry.post-info-vertical-image .entry-meta-data p.tags span { background: #eaeaea; color: #222; float: left; font-size: 13px; line-height: normal; margin-right: 5px; padding: 3px 8px; text-transform: capitalize; } .blog-entry.post-info-vertical-image .entry-meta i.fa { font-size: 14px; } .blog-entry.post-info-vertical-image .entry-meta .likes a i { font-size: 12px; font-style: normal; margin-right: 1px; } /*----*****---- << Blog Author Info >> ----*****----*/ .author-info { clear: both; display: inline-block; margin-top: 30px; position: relative; width: 100%; } .author-info .thumb { float: left; left: 0; margin: 0 15px 0 0; max-width: 85px; position: absolute; } .author-info .author-desc { padding-left: 100px; } .author-info img { border-radius: 2px; } .author-info h2 { color: #1a1c19; font-weight: 500; text-transform: uppercase; } .author-title { display: inline-block; margin-bottom: 15px; } .author-title p { font-size: 15px; margin-bottom: 0; } .author-title p span { font-size: 13px; font-style: italic; text-transform: none; } .author-title p a { font-weight: bold; } .author-title span { color: #aeaeae; text-transform: uppercase; } .author-title span i { margin-right: 5px; } .author-desc sub { float: right; font-size: 13px; } /*----*****---- << Blog Comment Entries >> ----*****----*/ .comment-navigation { border-color: #d1d1d1; border-style: solid; border-width: 1px; float: left; margin-bottom: 35px; padding: 10px 0; width: 100%; } .commententries .nav-previous { float: left; } .commententries .nav-next { float: right; } .commententries .nav-previous > a:before { content: '\f104'; font-family: fontawesome; margin-right: 5px; } .commententries .nav-next > a:after { content: '\f105'; font-family: fontawesome; margin-left: 5px; } .commententries { float: left; margin: 0; padding: 0; width: 100%; } .commententries .comments-area { display: block; margin: 40px 0 0; } .commententries .comments-area:empty { display: none; } .commententries { float: left; margin: 50px 0 0; padding: 0; width: 100%; } ul.commentlist { border-top: 0; float: left; list-style: none; margin: 0 0 20px 0; padding: 0 0 20px 0; width: 100%; } ul.commentlist li { border: none; clear: both; display: block; float: none; list-style: none; margin: 0 0 20px; padding: 0 0 0 115px; position: relative; } ul.commentlist li ul.children { border: none; clear: both; float: left; margin: 10px 0 10px; padding: 0; width: 100%; } ul.commentlist li .respond { margin-left: 69px; } ul.commentlist li .comment-details { margin: 0 0 10px; padding: 0 0 10px; position: relative; } ul.commentlist li .comment-details:before { border-bottom: 1px solid #e5e5d8; bottom: 0; content: ''; left: 0; position: absolute; width: 100%; } ul.commentlist li .comment-body { margin: 10px 0 0; } ul.commentlist li .comment-author { left: 0; position: absolute; top: 0; } ul.commentlist li .comment-author img { border-radius: 2px; float: left; margin: 0; max-height: 90px; max-width: 90px; } ul.commentlist li .author-name, ul.commentlist li .author-name a { color: #303030; font-size: 16px; } ul.commentlist li.bypostauthor .author-name { font-weight: 600; } ul.commentlist li .comment-details { display: inline-block; width: 100%; } ul.commentlist li .commentmetadata { color: #808080; font-size: 12px; font-style: italic; text-decoration: none; } ul.commentlist li .reply { float: right; margin: 0; } ul.commentlist > li > ul.children li ul.children li #respond p span { display: none; } ul.commentlist li #respond { padding-bottom: 20px; } .comment-body ul li, .comment-body ol li { display: list-item; list-style: circle; padding-left: 0; } .commententries #respond { float: left; margin-top: 30px; width: 100%; } .commententries #respond form { float: left; margin-bottom: 0; width: 100%; } ul.commentlist li #respond { margin-left: 69px; padding-bottom: 20px; } #respond { clear: both; } #respond .dt-sc-one-half textarea { height: 123px; } #respond p { display: inline-block; position: relative; width: 100%; } .logged-in-as ~ .column, .logged-in-as ~ .comment-form-comment { width: 100%; } .bypostauthor { line-height: inherit; } .post-password-form label input { width: 50%; } .nocomments { border-top: 1px solid #ddd; clear: both; padding: 15px 0; } .says { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; word-wrap: normal !important; } /*----*****---- << Pagination >> ----*****----*/ .pagination { clear: both; float: left; margin: 30px 0 10px; padding: 0; width: 100%; } .pagination ul { display: table; float: none; margin: auto; padding: 0; } .pagination ul li { display: inline; float: left; margin: 0; padding: 0; } .pagination ul li a, .pagination ul li span { border: 2px solid #000; color: #000; display: inline-block; font-size: 14px; font-weight: bold; line-height: 40px; margin: 0 10px 10px 0; padding: 0 17px; position: relative; position: relative; transition: all .3s; z-index: 1; } .pagination ul li a i { color: #000; font-size: 14px; } .pagination ul li a.next i { margin-left: 5px; } .pagination ul li a.prev i { margin-right: 5px; } .pagination ul li a:hover, .pagination ul li span, .pagination ul li a:hover i { color: #fff; } .pagination .column { float: none; margin: 0; } .pagination.blog-pagination:empty { display: none; } /* Post Nav Container */ .post-nav-container { border-bottom: 1px solid #e5e5d8; border-top: 1px solid #e5e5d8; display: inline-block; padding: 15px 0; position: relative; width: 100%; } .post-nav-container .post-prev-link a, .post-nav-container .post-next-linka { display: block; padding: 3px 10px 0; } .post-nav-container .post-prev-link { float: left; } .post-nav-container .post-next-link { float: right; } .post-nav-container p { color: #bdbdbd; margin-bottom: 0; margin-top: 7px; } .post-nav-container { border-bottom: 1px solid #e5e5d8; border-top: 1px solid #e5e5d8; display: inline-block; padding: 15px 0; position: relative; width: 100%; } .post-nav-container .post-prev-link a, .post-nav-container .post-next-linka { display: block; padding: 3px 10px 0; } .post-nav-container .post-prev-link { float: left; } .post-nav-container .post-next-link { float: right; } .post-nav-container p { color: #bdbdbd; margin-bottom: 0; margin-top: 7px; } html:not(.vc_transform) .entry-body p.has-large-font-size, html:not(.vc_transform) .entry-body p.has-large-font-size + p { line-height: normal; } /*-------------------------------------------------------------- 1.2 - Default Color --------------------------------------------------------------*/ .blog-entry.with-border, .blog-entry.blog-medium-style.white-highlight { background: #fff; } .blog-entry.blog-thumb-style { border-bottom-color: rgba(0, 0, 0, .1); } .blog-entry.with-border, .blog-entry .entry-format a { border-color: #fff; color: #fff; } .blog-entry.entry-date-author-left .entry-date-author .entry-date, .blog-entry.entry-date-author-left .entry-date-author .comments, .blog-entry.entry-date-author-left .entry-date-author .comments i, .blog-entry.entry-date-left .entry-date, .blog-entry.entry-date-left .entry-date a, .blog-entry.entry-date-left .entry-date a i { color: #000; } .blog-entry .entry-format a, .blog-entry.dt-sc-skin-highlight, .blog-entry.dt-sc-skin-highlight .entry-title h4 a, .blog-entry.dt-sc-skin-highlight .entry-meta a, .blog-entry.dt-sc-skin-highlight .entry-meta .comments i, .blog-entry.dt-sc-skin-highlight .entry-meta .author i, .blog-entry.dt-sc-skin-highlight .entry-meta-data p a, .blog-entry.dt-sc-skin-highlight .entry-meta-data p i { color: #fff; } .blog-entry.entry-date-author-left .entry-date-author .entry-author, .blog-entry.entry-date-author-left .entry-date-author .entry-date span { border-color: rgba(0, 0, 0, .05); } .blog-entry.dt-sc-skin-highlight .entry-title h4 a:hover, .blog-entry.dt-sc-skin-highlight .entry-meta a:hover, .blog-entry.dt-sc-skin-highlight .entry-meta-data p a:hover { color: rgba(0, 0, 0, .5); } /* DateLeft Modern */ .blog-entry.entry-date-left.outer-frame-border .entry-details { background-color: #fafafa; } .blog-entry.entry-date-left.outer-frame-border .entry-date { background-color: #ddd; } .blog-entry.entry-date-left.outer-frame-border .entry-details .dt-sc-button.filled, .blog-entry.entry-date-left.outer-frame-border .entry-details .dt-sc-button.filled:hover, .blog-entry.entry-date-left.outer-frame-border .entry-details .entry-format a { background-color: rgba(0,0,0,0); } .blog-entry.entry-date-left.outer-frame-border:hover .entry-details { background-color: #f1efea; } .blog-entry.entry-date-left.outer-frame-border:hover .entry-details .entry-date { background-color: #fff; } .blog-entry.outer-frame-border:before, .blog-entry.outer-frame-border:after { border-color: #ccc; } .blog-entry.outer-frame-border:hover:after { border-color: #f1efea; } .blog-entry.entry-date-left.outer-frame-border .entry-details .entry-title h4 a:not(:hover), .blog-entry.entry-date-left.outer-frame-border .entry-details .dt-sc-button.filled, .blog-entry.entry-date-left.outer-frame-border .entry-details .entry-format a { color: #000; } .blog-entry.entry-date-left.outer-frame-border .entry-details .dt-sc-button.filled:hover { color: rgba(0,0,0,.5); } .blog-entry.entry-date-left.outer-frame-border .entry-details, .blog-entry.entry-date-left.outer-frame-border .entry-date { background-image: url('../images/pattern-grudge.png'); background-repeat: repeat; } /*----*****---- Dark Overlay & Highlight ----*****----*/ .dt-sc-dark-bg .blog-medium-style.white-highlight .dt-sc-button.fully-rounded-border:hover { color: #fff; } .dt-sc-dark-bg .blog-medium-style.white-highlight { color: #888; } /*----*****---- Unit test ----*****----*/ .single-post .entry-details .entry-body h2, .single-post .entry-details .entry-body h3 { margin: 30px 0 10px 0; } p > img { clear: both; } /*-------------------------------------------------------------- 1.3 - Responsive --------------------------------------------------------------*/ /*----*****---- << Desktop >> ----*****----*/ @media only screen and (min-width:1170px) and (max-width:1380px) { .page-with-sidebar .tpl-blog-holder.apply-isotope .dt-sc-one-half { width: 48.8%; } .with-both-sidebar .tpl-blog-holder.apply-isotope .dt-sc-one-half { width: 48.2%; } } /* Note: Design for a width of 960px */ @media only screen and (min-width:992px) and (max-width:1199px) { .with-both-sidebar .tpl-blog-holder.apply-isotope .dt-sc-one-third, .with-both-sidebar .tpl-blog-holder.apply-isotope .dt-sc-one-half { width: 100%; } .page-with-sidebar .tpl-blog-holder.apply-isotope .dt-sc-one-third { width: 50%; } .with-both-sidebar .tpl-blog-holder.apply-isotope .dt-sc-one-third { width: 100%; } .tpl-blog-holder.apply-isotope .dt-sc-one-third { width: 33.33%; } .tpl-blog-holder.apply-isotope .dt-sc-one-half { width: 50%; } .page-with-sidebar .tpl-blog-holder.apply-isotope .dt-sc-one-half { width: 50%; } .with-both-sidebar .tpl-blog-holder.apply-isotope .dt-sc-one-half { width: 100%; } .dt-sc-one-half .blog-entry.blog-medium-style .entry-thumb ~ .entry-details { padding-top: 30px; } .dt-sc-one-third .blog-entry.entry-date-author-left .entry-details .entry-title h4, .dt-sc-one-third .blog-entry .entry-title h4 { line-height: normal; } .with-both-sidebar .blog-entry.blog-medium-style .entry-thumb, .with-both-sidebar .blog-entry.blog-medium-style .entry-details { width: 100%; } .with-both-sidebar .dt-sc-one-column .blog-entry.blog-medium-style .entry-thumb ~ .entry-details { margin-top: 20px; padding-left: 0; } .with-both-sidebar .dt-sc-one-column .blog-entry.blog-medium-style.dt-blog-medium-highlight .entry-thumb ~ .entry-details { padding-left: 30px; } .with-both-sidebar .blog-entry.blog-medium-style .entry-details { padding-bottom: 20px; } .with-both-sidebar .dt-sc-one-column .blog-entry.blog-medium-style .entry-format { right: 0; } .dt-sc-one-half .blog-entry.blog-medium-style .entry-thumb, .dt-sc-one-half .blog-entry.blog-medium-style .entry-details { width: 100%; } .dt-sc-one-half .blog-entry.blog-medium-style .entry-thumb ~ .entry-details { padding-left: 0; } .dt-sc-one-third .blog-entry.blog-medium-style { width: 99.5%; } .with-both-sidebar .dt-sc-one-third .blog-entry.entry-date-left .entry-title { min-height: auto; } .with-both-sidebar .dt-sc-one-third .blog-entry.entry-date-left .entry-body, .with-both-sidebar .dt-sc-one-third .blog-entry.entry-date-left .entry-meta-data { margin-left: 0; margin-top: 0; width: 100%; } .with-both-sidebar .dt-sc-one-third .blog-entry.entry-date-left .entry-title h4 { font-size: 15px; } .with-both-sidebar .dt-sc-one-half .blog-entry.blog-medium-style .entry-details, .page-with-sidebar .dt-sc-one-half .blog-entry.blog-medium-style.dt-blog-medium-highlight .entry-details { margin-top: 0; } .page-with-sidebar .dt-sc-one-half .blog-entry.blog-medium-style .entry-thumb, .page-with-sidebar .dt-sc-one-half .blog-entry.blog-medium-style .entry-details { width: 100%; } .dt-sc-one-half .blog-entry.blog-medium-style.dt-blog-medium-highlight .entry-thumb ~ .entry-details { padding-left: 30px; padding-top: 30px; width: 100%; } .dt-sc-one-half .blog-entry.blog-medium-style .entry-format { right: 0; } .dt-sc-one-column .blog-entry.blog-medium-style.dt-blog-medium-highlight .entry-body { display: none; } .page-with-sidebar.with-both-sidebar .dt-sc-one-column .blog-entry.blog-medium-style.dt-blog-medium-highlight .entry-thumb, .page-with-sidebar.with-both-sidebar .dt-sc-one-column .blog-entry.blog-medium-style.dt-blog-medium-highlight .entry-details { width: 100%; } .vc_col-sm-3 .blog-entry .entry-format a:before { font-size: 20px; line-height: 40px; } .vc_col-sm-3 .blog-entry .entry-format a { border: none; height: 40px; width: 40px; } .vc_col-sm-3 .blog-entry .entry-details h4 { font-size: 13px; } .vc_col-sm-3 .blog-entry.entry-date-left .entry-details { padding-left: 55px; } .vc_col-sm-3 .blog-entry.entry-date-left .entry-details .entry-date { width: 45px; } .vc_col-sm-3 .blog-entry.blog-medium-style.dt-blog-medium-highlight .entry-details .dt-sc-button.with-icon.icon-right.type1, .vc_col-sm-3 .blog-entry.entry-date-left .entry-details .dt-sc-button.with-icon.icon-right.type1 { padding: 10px; } .vc_col-sm-3 .blog-entry.entry-date-author-left { padding-left: 45px; } .vc_col-sm-3 .blog-entry.entry-date-author-left .entry-date-author { width: 30px; } .vc_col-sm-6 .blog-entry.blog-medium-style .entry-thumb { width: 100%; } .vc_col-sm-6 .blog-entry.blog-medium-style .entry-thumb ~ .entry-details { padding-left: 0; padding-top: 30px; width: 100%; } .vc_col-sm-6 .blog-entry.blog-medium-style.dt-blog-medium-highlight .entry-details { padding: 30px; } .vc_col-sm-6 .blog-entry.blog-medium-style .entry-format { right: 10px; top: 10px; } /* Minimal Bordered Style - New */ .dt-sc-one-third .blog-entry.entry-minimal-bordered .entry-meta-data .comments:after { display: none; } .dt-sc-one-third .blog-entry.entry-minimal-bordered .entry-meta-data .comments { margin-top: 10px; } .page-with-sidebar .dt-sc-one-third .blog-entry.entry-minimal-bordered .entry-meta-data .comments:after { display: block; } } /* Note: Design for a width of 768px */ @media only screen and (min-width:768px) and (max-width:991px) { .with-both-sidebar .tpl-blog-holder.apply-isotope .dt-sc-one-third, .with-both-sidebar .tpl-blog-holder.apply-isotope .dt-sc-one-half { width: 100%; } .page-with-sidebar .tpl-blog-holder.apply-isotope .dt-sc-one-third, .page-with-sidebar .tpl-blog-holder.apply-isotope .dt-sc-one-half { width: 100%; } .tpl-blog-holder.apply-isotope .dt-sc-one-third { width: 50%; } .tpl-blog-holder.apply-isotope .dt-sc-one-half, .tpl-blog-holder.apply-isotope .dt-sc-one-third { width: 50%; } .with-sidebar .blog-entry.blog-medium-style .entry-thumb, .with-sidebar .blog-entry.blog-medium-style .entry-details { width: 100%; } .with-sidebar .blog-entry.blog-medium-style .entry-details { padding-bottom: 20px; } .with-sidebar .blog-entry.blog-medium-style .entry-thumb ~ .entry-details, .page-with-sidebar .dt-sc-one-half .blog-entry.blog-medium-style .entry-thumb ~ .entry-details { margin-top: 20px; padding-left: 0; } .with-sidebar .blog-entry.blog-medium-style.dt-blog-medium-highlight .entry-details, .page-with-sidebar .dt-sc-one-half .blog-entry.blog-medium-style.dt-blog-medium-highlight .entry-details { margin-top: 0; padding-left: 30px; } .dt-sc-one-half .blog-entry.blog-medium-style .entry-thumb ~ .entry-details { padding-top: 30px; } .with-both-sidebar .dt-sc-one-half .blog-entry.blog-medium-style .entry-details, .with-sidebar .dt-sc-one-third .blog-entry.blog-medium-style .entry-thumb ~ .entry-details, .dt-sc-one-third .blog-entry.blog-medium-style .entry-thumb ~ .entry-details, .with-sidebar .blog-entry.blog-medium-style .entry-thumb ~ .entry-details, .page-with-sidebar .dt-sc-one-half .blog-entry.blog-medium-style .entry-thumb ~ .entry-details { margin-top: 0; } .with-sidebar .blog-entry.blog-medium-style .entry-format { right: 0; } .with-both-sidebar .dt-sc-one-column .blog-entry.blog-medium-style .entry-format, .dt-sc-one-half .blog-entry.blog-medium-style .entry-format { right: 0; } .with-both-sidebar .dt-sc-one-column .blog-entry.blog-medium-style .entry-thumb ~ .entry-details, .dt-sc-one-half .blog-entry.blog-medium-style .entry-details { margin-top: 20px; padding-left: 0; } .with-both-sidebar .dt-sc-one-column .blog-entry.blog-medium-style.dt-blog-medium-highlight .entry-thumb ~ .entry-details { padding-left: 30px; } .with-both-sidebar .dt-sc-one-column .blog-entry.blog-medium-style.dt-blog-medium-highlight .entry-thumb ~ .entry-details, .dt-sc-one-half .blog-entry.blog-medium-style.dt-blog-medium-highlight .entry-details { margin-top: 0; } .dt-sc-one-half .blog-entry.blog-medium-style .entry-details, .dt-sc-one-half .blog-entry.blog-medium-style .entry-thumb, .blog-entry.blog-medium-style.dt-blog-medium-highlight .entry-thumb ~ .entry-details { width: 100%; } .dt-sc-one-half .blog-entry.blog-medium-style .entry-thumb ~ .entry-details { padding-left: 0; } .dt-sc-one-half .blog-entry.blog-medium-style.dt-blog-medium-highlight .entry-details { padding-left: 30px; } .dt-sc-one-half .blog-entry.blog-medium-style .entry-details { margin-top: 0; } .dt-sc-one-column .blog-entry.blog-medium-style.dt-blog-medium-highlight .entry-thumb ~ .entry-details { width: 52%; } .with-both-sidebar .dt-sc-one-third .blog-entry.entry-date-left .entry-title { min-height: auto; } .with-both-sidebar .dt-sc-one-third .blog-entry.entry-date-left .entry-body, .with-both-sidebar .dt-sc-one-third .blog-entry.entry-date-left .entry-meta-data { margin-left: 0; margin-top: 0; width: 100%; } .with-both-sidebar .dt-sc-one-third .blog-entry.entry-date-left .entry-title h4 { font-size: 14px; } .page-with-sidebar .dt-sc-one-half .blog-entry.blog-medium-style .entry-thumb, .page-with-sidebar .dt-sc-one-half .blog-entry.blog-medium-style .entry-details { width: 100%; } .blog-entry.blog-medium-style { width: 99.4%; } .dt-sc-one-column .blog-entry.blog-medium-style.dt-blog-medium-highlight .entry-body { display: none; } .with-sidebar .blog-entry.blog-medium-style.dt-blog-medium-highlight .entry-thumb, .with-sidebar .blog-entry.blog-medium-style.dt-blog-medium-highlight .entry-details { width: 100%; } .page-with-sidebar .dt-sc-one-column .blog-entry.blog-medium-style.dt-blog-medium-highlight .entry-details, .page-with-sidebar .dt-sc-one-column .blog-entry.blog-medium-style.dt-blog-medium-highlight .entry-thumb, .page-with-sidebar.with-both-sidebar .dt-sc-one-column .blog-entry.blog-medium-style.dt-blog-medium-highlight .entry-thumb, .page-with-sidebar.with-both-sidebar .dt-sc-one-column .blog-entry.blog-medium-style.dt-blog-medium-highlight .entry-details { width: 100%; } .dt-sc-one-column .blog-entry.blog-medium-style.dt-blog-medium-highlight .entry-details { padding-top: 30px; } .with-both-sidebar #commentform .dt-sc-one-half { margin-left: 0; width: 100%; } .with-both-sidebar #commentform .dt-sc-one-half textarea, .with-both-sidebar #commentform .dt-sc-one-half input { margin-bottom: 20px; } .with-both-sidebar #commentform .form-submit, .with-both-sidebar #commentform .form-submit .submit { margin-top: 0; } .vc_col-md-6.wpb_column.no-space.dt-sc-two-fifth, .vc_col-md-6.column.no-space.dt-sc-two-fifth { width: 50%; } ul.commentlist li.comment { padding-left: 80px; } ul.commentlist li .comment-author img { max-height: 60px; max-width: 60px; } /* Minimal Bordered Style - New */ .page-with-sidebar .dt-sc-one-third .blog-entry.entry-minimal-bordered .entry-meta-data .comments:after { display: block; } .with-both-sidebar.page-with-sidebar .blog-entry.entry-minimal-bordered .entry-meta-data .comments:after { display: none; } .with-both-sidebar.page-with-sidebar .blog-entry.entry-minimal-bordered .entry-meta-data .comments { margin-top: 10px; } } /* Common Styles for the devices below 767px width */ @media only screen and (max-width: 767px) { .page-with-sidebar .tpl-blog-holder.apply-isotope .dt-sc-one-half, .page-with-sidebar .tpl-blog-holder.apply-isotope .dt-sc-one-third { width: 100%; } .blog-entry.blog-medium-style .entry-thumb, .blog-entry.blog-medium-style .entry-details { width: 100%; } .blog-entry.blog-medium-style .entry-thumb ~ .entry-details, .with-both-sidebar .dt-sc-one-column .blog-entry.blog-medium-style .entry-thumb ~ .entry-details, .page-with-sidebar .dt-sc-one-half .blog-entry.blog-medium-style .entry-details { margin-top: 0; padding-left: 0; } .dt-sc-one-half .blog-entry.blog-medium-style .entry-thumb ~ .entry-details { padding-left: 0; padding-top: 30px; } .blog-entry.blog-medium-style.dt-blog-medium-highlight .entry-thumb ~ .entry-details, .with-both-sidebar .dt-sc-one-column .blog-entry.blog-medium-style.dt-blog-medium-highlight .entry-thumb ~ .entry-details, .page-with-sidebar .dt-sc-one-half .blog-entry.blog-medium-style.dt-blog-medium-highlight .entry-details { margin-top: 0; padding-left: 30px; } .with-both-sidebar .dt-sc-one-half .blog-entry.blog-medium-style .entry-details, .with-sidebar .dt-sc-one-third .blog-entry.blog-medium-style .entry-thumb ~ .entry-details, .dt-sc-one-third .blog-entry.blog-medium-style .entry-thumb ~ .entry-details { margin-top: 0; } .blog-entry.blog-medium-style .entry-details { padding-bottom: 20px; } .blog-entry.blog-medium-style .entry-format, .with-both-sidebar .dt-sc-one-column .blog-entry.blog-medium-style .entry-format, .dt-sc-one-half .blog-entry.blog-medium-style .entry-format { right: 0; } .with-both-sidebar .dt-sc-one-third .blog-entry.entry-date-left .entry-title { min-height: auto; } .with-both-sidebar .dt-sc-one-third .blog-entry.entry-date-left .entry-body, .with-both-sidebar .dt-sc-one-third .blog-entry.entry-date-left .entry-meta-data { margin-left: 0; margin-top: 0; width: 100%; } .blog-entry.blog-medium-style .entry-thumb ~ .entry-details, .blog-entry.blog-medium-style.dt-blog-medium-highlight .entry-thumb ~ .entry-details { width: 100%; } .with-both-sidebar .dt-sc-one-third .blog-entry.entry-date-left .entry-title h4 { font-size: 14px; } .page-with-sidebar .dt-sc-one-half .blog-entry.blog-medium-style .entry-thumb, .page-with-sidebar .dt-sc-one-half .blog-entry.blog-medium-style .entry-details, .dt-sc-one-column .blog-entry.blog-medium-style.dt-blog-medium-highlight .entry-thumb, .dt-sc-one-column .blog-entry.blog-medium-style.dt-blog-medium-highlight .entry-details, .page-with-sidebar .dt-sc-one-column .blog-entry.blog-medium-style.dt-blog-medium-highlight .entry-thumb, .page-with-sidebar .dt-sc-one-column .blog-entry.blog-medium-style.dt-blog-medium-highlight .entry-details, .page-with-sidebar.with-both-sidebar .dt-sc-one-column .blog-entry.blog-medium-style.dt-blog-medium-highlight .entry-thumb, .page-with-sidebar.with-both-sidebar .dt-sc-one-column .blog-entry.blog-medium-style.dt-blog-medium-highlight .entry-details, .blog-entry.blog-medium-style.dt-blog-medium-highlight .entry-thumb, .blog-entry.blog-medium-style.dt-blog-medium-highlight .entry-details { width: 100%; } .blog-entry.blog-medium-style { width: 99.4%; } .tpl-blog-holder.apply-isotope .dt-sc-one-half, .tpl-blog-holder.apply-isotope .dt-sc-one-third { width: 100%; } /* comment */ ul.commentlist { font-size: 14px; } ul.commentlist li .comment-author { position: relative; } ul.commentlist li.comment { padding: 0; } ul.commentlist li.comment .comment-author img { border-radius: 40px; max-height: 40px; max-width: 40px; } ul.commentlist li.comment ul.children li.comment { padding: 0 0 0 50px; } ul.commentlist li.comment ul.children .comment-author img { border-radius: 30px; max-height: 30px; max-width: 30px; } ul.commentlist > li, ul.commentlist > li ul.children > li { padding-left: 40px; } ul.commentlist > li ul.children > li { margin-left: -40px; } ul.commentlist li .comment-details { margin: 10px 0 30px; } ul.commentlist li .author-name > a { font-size: 16px; } ul.commentlist li li .comment-author { left: 5px; top: 4px; } ul.commentlist li.depth-1, ul.commentlist li.depth-2, ul.commentlist li.depth-3, ul.commentlist li.depth-4, ul.commentlist li.depth-5 { margin-bottom: 0; } .post-password-form label input { width: 100%; } .blog-entry.post-info-bottom-image .entry-meta { padding: 20px 0 0 0; position: static; width: 100%; } .blog-entry.post-info-bottom-image .entry-meta .entry-info > * { margin-bottom: 10px; } .blog-entry.post-info-within-image .entry-meta { padding: 20px; position: static; } .blog-entry.post-info-within-image .entry-meta .entry-title h4 { font-size: 26px; margin-bottom: 5px; } .blog-entry.post-info-within-image .entry-meta p.category, .blog-entry.post-info-within-image .entry-meta .entry-title, .blog-entry.post-info-within-image .entry-meta .entry-info { z-index: 9; } .blog-entry.post-info-within-image .entry-meta .dt_scroll_down { display: none; } .blog-entry.post-info-within-image .entry-thumb:before { background: #878787; height: 100%; z-index: -1; } .blog-entry.post-info-within-image .entry-meta .author, .blog-entry.post-info-within-image .entry-meta .comments { margin-bottom: 10px; } .blog-entry.post-info-vertical-image .entry-meta { padding: 20px 15px; position: static; transform: none; -moz-transform: none; -ms-transform: none; -webkit-transform: none; } .blog-entry.post-info-vertical-image .entry-thumb .entry-meta p.category, .blog-entry.post-info-vertical-image .entry-thumb .entry-meta div.entry-info { padding: 0 10px; position: static; } .blog-entry.post-info-vertical-image .entry-thumb:hover .entry-meta p.category { margin-top: 0; } .blog-entry.post-info-vertical-image .entry-thumb img.wp-post-image, .blog-entry.post-info-vertical-image .entry-thumb:hover img.wp-post-image { transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); } .blog-entry.post-info-vertical-image .entry-thumb:hover .entry-meta p.category { margin-top: 0; } .blog-entry.post-info-vertical-image .entry-thumb:hover .entry-meta div.entry-info { margin-bottom: 0; } .blog-entry.post-info-vertical-image .entry-thumb:before { background: rgba(0,0,0,.8); z-index: -1; } .blog-entry.post-info-vertical-image .entry-thumb:hover:before { background: rgba(0,0,0,.75); } .blog-entry.post-info-vertical-image.format-video .entry-thumb > .entry-meta div.entry-info { margin-top: 0; } .blog-entry.post-info-vertical-image .entry-thumb .entry-meta .entry-title h4:before, .blog-entry.post-info-vertical-image .entry-thumb .entry-meta .entry-title h4:after { display: none; } .blog-entry.post-info-above-image .entry-meta .entry-title h4 { font-size: 24px; margin-bottom: 5px; } /* Minimal Bordered Style - New */ .page-with-sidebar .dt-sc-one-third .blog-entry.entry-minimal-bordered .entry-meta-data .comments:after { display: block; } } /* Common Styles for the devices below 479px width */ @media only screen and (max-width: 479px) { .blog-entry .entry-format a { height: 60px; line-height: 45px; width: 60px; } .blog-entry.blog-medium-style .entry-format a { height: 55px; line-height: 45px; width: 55px; } .blog-entry .entry-format a:before { font-size: 22px; } .blog-entry.blog-medium-style .entry-format a:before { line-height: 50px; } /* latest News */ .blog-entry.blog-thumb-style { margin-bottom: 30px; } .blog-entry.blog-thumb-style .entry-thumb { margin-bottom: 15px; margin-right: 0; padding: 0; text-align: center; width: 100%; } .blog-entry.blog-thumb-style .entry-thumb img { margin: 0 auto; margin-bottom: 5px; width: 100%; } .blog-entry.blog-thumb-style .entry-details { width: 100%; } /* Minimal Bordered Style - New */ .blog-entry.entry-minimal-bordered .entry-meta-data .comments:after { display: none; } .blog-entry.entry-minimal-bordered .entry-meta-data .comments { margin-top: 10px; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 319px) { .blog-entry.entry-date-left .entry-details, .blog-entry.blog-thumb-style.entry-date-left .entry-details, .with-both-sidebar .dt-sc-one-third .blog-entry.entry-date-left .entry-details { padding: 0; } .blog-entry.entry-date-left .entry-date, .with-both-sidebar .dt-sc-one-third .blog-entry.entry-date-left .entry-date, .page-with-sidebar .dt-sc-one-third .blog-entry.entry-date-author-left .entry-date-author, .with-both-sidebar .dt-sc-one-half .blog-entry.entry-date-author-left .entry-date-author { margin-bottom: 10px; position: inherit; width: 100%; } .with-both-sidebar .dt-sc-one-third .blog-entry.entry-date-left .dt-sc-button { margin-left: 0; } .blog-entry.entry-date-author-left { padding-left: 0; } .blog-entry.entry-date-author-left .entry-date-author { display: inline-block; margin-bottom: 20px; position: inherit; width: 100%; } .blog-entry.entry-date-author-left .entry-date-author .entry-author a { display: inline-block; text-align: center; width: 100%; } .blog-entry.entry-date-author-left .entry-format a { border: 0; height: 45px; line-height: 45px; width: 45px; } .blog-entry.entry-date-author-left .entry-format a:before { line-height: 45px; } .page-with-sidebar .dt-sc-one-third .blog-entry.entry-date-author-left, .with-both-sidebar .dt-sc-one-half .blog-entry.entry-date-author-left { padding-left: 0; } .post-nav-container:before { display: none; } .post-nav-container .post-prev-link, .post-nav-container .post-next-link { text-align: center; width: 100%; } .post-nav-container .post-next-link a, .post-nav-container .post-prev-link a { margin: 5px 0; } }