/*-------------------------------------------------------------- 1.0 - Transition --------------------------------------------------------------*/ .blog-single-entry, .blog-single-entry *, .blog-single-entry *:before, .blog-single-entry *:after, .blog-single-entry .entry-thumb .bx-controls a, .blog-single-entry .related-article article, .blog-single-entry .dt-related-carousel a, .blog-single-entry .dt-related-carousel img, .post-custom-modern .entry-post-navigation > div div[class*="post-bgimg"]:before, .single-post button, .single-post button.mfp-close, .single-post button.mfp-arrow, .single-post button.mfp-close:active, .dt-related-carousel div[class*="carousel-"] > div, .dt-related-carousel div[class*="carousel-"] > div i, .blog-single-entry.post-overlay > .entry-thumb .entry-date, .blog-single-entry.post-overlay > .entry-thumb .entry-social-share .share .dt-share-list, .blog-single-entry.post-overlay > .entry-thumb .entry-social-share .share .dt-share-list li a, div.dt-sc-posts-meta-group div[class*="entry-"], .post-default > div.dt-sc-posts-meta-group div[class*="entry-"], div.dt-sc-posts-meta-group div[class*="entry-"] *, .post-default > div.dt-sc-posts-meta-group div[class*="entry-"] *, div[class*="metagroup-elements"] div[class*="entry-"]:not(:last-child), .post-default > div[class*="entry-meta-group"] div[class*="entry-"]:not(:last-child), div[class*="metagroup-elements-boxed"] div[class*="entry-"], div[class*="metagroup-elements-filled"] div[class*="entry-"], div[class*="metagroup-"] div[class*="entry-"] a i, div[class*="metagroup-"] div[class*="entry-"] > i, div[class*="metagroup-"] div[class*="entry-"] .dt-sc-like-views > div > i, div[class*="metagroup-"] .entry-social-share .share > i, div[class*="meta-elements"], div[class*="meta-elements"] 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; } .blog-single-entry.post-breadcrumb-fixed > .column .entry-post-navigation > .post-prev-link > .prev-post-bgimg, .blog-single-entry.post-breadcrumb-fixed > .column .entry-post-navigation > .post-next-link > .next-post-bgimg { transition: all 2s linear; -moz-transition: all 2s linear; -ms-transition: all 2s linear; -o-transition: all 2s linear; -webkit-transition: all 2s linear; } .blog-single-entry.format-gallery .entry-thumb.single-preview-img, .blog-single-entry.post-breadcrumb-fixed > .dt-post-sticky-wrapper, .blog-single-entry.post-breadcrumb-fixed > .dt-post-sticky-wrapper .theiaStickySidebar, .blog-single-entry .entry-thumb.single-preview-img ul li, .blog-single-entry .dt-related-carousel, .blog-single-entry .dt-related-carousel * { transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; -webkit-transition: none; z-index: 1; } /*-------------------------------------------------------------- 1.1 - Blog Base Styles --------------------------------------------------------------*/ .blog-single-entry { clear: both; color: #666; float: left; margin: 0; padding: 0; position: relative; width: 100%; } .blog-single-entry .entry-details { clear: both; display: inline-block; width: 100%; } .blog-single-entry .entry-meta { font-size: 14px; font-weight: 300; letter-spacing: .5px; margin-bottom: 7px; } .blog-single-entry .entry-body { clear: both; float: left; margin: 0 0 15px; width: 100%; } .blog-single-entry pre { white-space: pre; } /*----*****---- << Blog Icon >> ----*****----*/ .blog-single-entry div i[class*="fa"], .blog-single-entry div i.pe { color: #666; margin-right: 3px; } /*----*****---- << Blog Thumb >> ----*****----*/ .blog-single-entry .entry-thumb { float: left; line-height: 0; position: relative; width: 100%; } .blog-single-entry:not(.has-post-thumbnail) .entry-thumb { display: none; } .blog-single-entry .entry-thumb img { height: auto; max-width: 100%; } .blog-single-entry .entry-thumb .dt-video-wrap .wp-video { width: 100% !important; } /*----*****---- << Blog Title >> ----*****----*/ .blog-single-entry .entry-title span.sticky-post { background: #666; color: #fff; display: inline-block; font-size: 10px; letter-spacing: 1px; line-height: normal; margin-bottom: 15px; padding: 3px 5px; text-align: center; text-transform: uppercase; width: auto; } .blog-single-entry > .entry-title h4 { font-size: 18px; margin-bottom: 20px; text-transform: uppercase; word-wrap: break-word; -ms-word-wrap: break-word; } /*----*****---- << Blog Likes Views >> ----*****----*/ .blog-single-entry > .dt-sc-like-views > div:last-child, .blog-single-entry > .dt-sc-like-views > div:only-child { margin-right: 0; padding-right: 0; } /*----*****---- << Blog Social Share >> ----*****----*/ .blog-single-entry > .entry-social-share > .share, .blog-single-entry > .column > .entry-social-share > .share { border: 1px solid; padding-right: 5px; } .blog-single-entry > .entry-social-share > .share, .blog-single-entry > .entry-social-share > .share *, .blog-single-entry > .column > .entry-social-share > .share, .blog-single-entry > .column > .entry-social-share > .share * { display: inline-block; float: none; } .blog-single-entry > .entry-social-share > .share > ul, .blog-single-entry > .column > .entry-social-share .share > ul { margin-bottom: 0; } .blog-single-entry > .entry-social-share > .share > ul li, .blog-single-entry > .column > .entry-social-share .share > ul li { list-style: none; margin-right: 5px; padding-bottom: 0; } /*----*****---- << Blog Buttons >> ----*****----*/ .blog-single-entry .entry-button a.dt-sc-button { display: inline-block; float: none; margin: 0; padding: 10px 20px; text-transform: capitalize; } /*----*****---- << Blog Format >> ----*****----*/ .blog-single-entry.type-post .entry-format { display: block; } .blog-single-entry .entry-format { display: none; left: 0; position: absolute; top: 0; z-index: 9; } .blog-single-entry .entry-format a { box-shadow: inset 0 0 0 2px #fff; float: left; height: 50px; line-height: 50px; margin: 10px; position: relative; text-align: center; width: 50px; -moz-box-shadow: inset 0 0 0 2px #fff; -webkit-box-shadow: inset 0 0 0 2px #fff; -ms-box-shadow: inset 0 0 0 2px #fff; color: #fff; } .blog-single-entry .entry-format a:before { font-family: "Font Awesome 5 Free"; font-size: 26px; height: 100%; left: 0; line-height: 50px; margin: 0; position: absolute; text-align: center; top: 0; width: 100%; } .blog-single-entry.type-post:not(.has-post-thumbnail) .entry-format { display: none; } .blog-single-entry.format-standard .entry-format a:before, .blog-single-entry.ico-format.format-standard:before { content: '\f044'; } .blog-single-entry.format-image .entry-format a:before, .blog-single-entry.ico-format.format-image:before { content: '\f03e'; } .blog-single-entry.format-gallery .entry-format a:before, .blog-single-entry.ico-format.format-gallery:before { content: '\f083'; font-family: FontAwesome; } .blog-single-entry.format-status .entry-format a:before, .blog-single-entry.ico-format.format-status:before { content: '\f4ad'; } .blog-single-entry.format-link .entry-format a:before, .blog-single-entry.ico-format.format-link:before { content: '\f0c1'; font-family: FontAwesome; } .blog-single-entry.format-aside .entry-format a:before, .blog-single-entry.ico-format.format-aside:before { content: '\f15b'; } .blog-single-entry.format-quote .entry-format a:before, .blog-single-entry.ico-format.format-quote:before { content: '\f10d'; font-family: FontAwesome; } .blog-single-entry.format-chat .entry-format a:before, .blog-single-entry.ico-format.format-chat:before { content: '\f27a'; } .blog-single-entry.format-audio .entry-format a:before, .blog-single-entry.ico-format.format-audio:before { content: '\f028'; font-family: FontAwesome; } .blog-single-entry.format-video .entry-format a:before, .blog-single-entry.ico-format.format-video:before { content: '\f008'; font-family: FontAwesome; } /*----*****---- << Blog Gallery Slider >> ----*****----*/ .blog-single-entry .entry-thumb .bx-wrapper { overflow: hidden; position: relative; } .blog-single-entry .entry-thumb .bx-controls a { bottom: 0; color: #fff; filter: alpha(opacity=60); font-size: 0; height: 50px; margin: auto; opacity: .6; position: absolute; top: 0; width: 35px; z-index: 1; } .blog-single-entry .entry-thumb .bx-controls a:hover { filter: alpha(opacity=100); opacity: 1; } .blog-single-entry .entry-thumb .bx-controls a.bx-prev:before, .entry-thumb .bx-controls a.bx-next:before { color: #000; content: '\e684'; font-family: Pe-icon-7-stroke; font-size: 32px; left: 0; line-height: 50px; position: absolute; text-align: center; text-indent: 0; top: 0; width: 100%; } .blog-single-entry .entry-thumb .bx-controls a.bx-prev:before { content: '\e686'; } .blog-single-entry .entry-thumb .bx-controls a.bx-prev { left: -35px; } .blog-single-entry .entry-thumb .bx-controls a.bx-next { right: -35px; } .blog-single-entry .entry-thumb:hover .bx-controls a.bx-prev { left: 15px; } .blog-single-entry .entry-thumb:hover .bx-controls a.bx-next { right: 15px; } .blog-single-entry .entry-gallery-post-slider li { display: inline; padding: 0; } .blog-single-entry ul.entry-gallery-post-slider { margin-bottom: 0; } /*----*****---- << Related Post Carousel >> ----*****----*/ .dt-related-carousel .tpl-blog-holder .column, .dt-related-carousel .tpl-blog-holder .column.first { clear: none; } .dt-related-carousel div[class*="carousel-"] { width: 100%; float: left; text-align: center; margin: 20px 0 0; } .dt-related-carousel div[class*="carousel-"] > div { float: none; display: inline-block; width: 50px; height: 50px; text-align: center; cursor: pointer; } .dt-related-carousel div[class*="carousel-"] > div i[class*="fa"], .dt-related-carousel div[class*="carousel-"] > div i.pe { line-height: 50px; font-size: 20px; } .dt-related-carousel .carousel-pager > a { background: none; border: 1px solid; display: inline-block; font-size: 13px; font-weight: 600; height: 40px; letter-spacing: .5px; line-height: 38px; margin: 10px 5px 0 0; padding: 0; position: relative; text-transform: uppercase; width: 40px; } .blog-single-entry .dt-sc-related-posts .entry-button a.dt-sc-button { padding: 16px 20px 14px 20px; } /*----*****---- << Blog Comment Entries >> ----*****----*/ .commentlist, .commentlist ul.children { display: inline-block; list-style: none; margin: 0; width: 100%; } .commentlist ul.children { padding-left: 80px; } .commentlist ul.children li > .children { padding-left: 60px; } .commentlist li.comment .comment-body p:last-child { margin-bottom: 0; } .blog-single-entry ul.commentlist li.comment .comment-body p:last-child { margin-bottom: 10px; } .commentlist li.comment .comment-body .comment-meta { display: inline-block; margin-bottom: 7px; position: relative; width: 100%; } .commentlist li.comment { padding-bottom: 0; } .commentlist li.comment p { margin-bottom: 5px; } .commentlist li.comment .comment-respond p { margin-bottom: 20px; } .commentlist li.comment .comment-respond p #email-notes, .comment-form > p #email-notes { display: inline-block; margin-bottom: 5px; width: 100%; } #comments { clear: both; } .comments-title { font-size: 20px; font-size: 1.25rem; margin-bottom: 1.5em; } .comment-list, .comment-list .children { list-style: none; margin: 0; padding: 0; } .comment-list li:before { display: none; } .comment-body { padding-left: 80px; } ul.children li .comment-body { padding-left: 60px; } .comment-author { display: inline-block; line-height: normal; margin-bottom: 0; position: relative; width: 100%; } .comment-author b { font-size: 20px; font-weight: 600; text-transform: capitalize; } .comment-author .avatar { border-radius: 50%; height: 60px; left: -80px; position: absolute; top: 0; width: 60px; } .rounded .comment-author .avatar { border-radius: 50%; -webkit-border-radius: 50%; } .square .comment-author .avatar { border-radius: 0; -webkit-border-radius: 0; } .comment-author .says { display: none; } .comment-metadata { color: #adadad; display: inline-block; font-size: 14px; font-weight: 400; letter-spacing: .5px; line-height: normal; padding: 0; position: relative; } .comment-metadata a { color: #838383; } .comment-metadata a:hover { color: #000; } .comment-metadata a.comment-edit-link:hover { color: #000; } .comment-metadata a.comment-edit-link { color: #838383; margin-left: 1em; } .comment-body { border-bottom: 1px solid rgba(0,0,0,.1); display: inline-block; float: none; margin-bottom: 40px; padding-bottom: 40px; position: relative; width: 100%; } .comment-details .reply { display: table; } .commentlist li.comment .reply { display: inline-block; margin: 0; padding: 0; position: absolute; right: 0; top: 0; } .comment-reply-link { border: 1px solid; border-radius: 50px; display: inline-block; font-size: 14px; font-weight: 400; line-height: normal; margin-top: 0; padding: 8px 15px; position: relative; text-transform: capitalize; } .blog-single-entry.post-overlay .commententries .comments-area .commentlist li.comment .comment-body ~ #respond, .blog-single-entry.post-overlay .commententries .comments-area .commentlist + #respond { margin-top: 25px; } .blog-single-entry.post-overlay .entry-meta-group-bottom { border-bottom: 1px solid rgba(0, 0, 0, .1); float: left; margin-bottom: 40px; padding-bottom: 20px; position: relative; width: 100%; } .blog-single-entry.post-overlay div i[class*='fa'], .blog-single-entry.post-overlay div i.pe { color: #000; margin-right: 6px; } .blog-single-entry.post-overlay .entry-meta-group-bottom .entry-date { float: left; } .blog-single-entry.post-overlay .entry-meta-group-bottom .entry-tags { float: right; } .blog-single-entry.post-overlay .entry-meta-group-bottom .entry-tags a { color: #666; } .logged-in .blog-single-entry.post-overlay .commententries .comments-area .commentlist + #respond .comment-form { margin-top: -15px; } .logged-in .blog-single-entry.post-overlay .commententries .comments-area .commentlist + #respond .comment-form p.logged-in-as { margin-bottom: 10px; } .comment-reply-link:hover { color: #fff; } .comment-reply-link .icon { color: #222; height: 1em; left: -2em; position: absolute; top: 0; width: 1em; } .children .comment-author .avatar { height: 40px; left: -60px; top: 0; width: 40px; } .bypostauthor > .comment-body > .comment-meta > .comment-author .avatar { border: 1px solid rgba(0,0,0,.15); padding: 2px; } .no-comments, .comment-awaiting-moderation { color: #767676; font-size: 14px; font-size: .875rem; font-style: italic; } .comments-pagination { margin: 2em 0 3em; } .form-submit { display: inline-block; text-align: left; width: 100%; } li.comment .comment-form p.form-submit { margin-bottom: 17px; } .comment-form #wp-comment-cookies-consent { margin: 0 10px 0 0; } .comment-form .comment-form-cookies-consent label { display: inline; } .commententries .comments-area > h3, .commententries .comments-area > #comments > h3, #reviews h3, #respond h3#reply-title { font-size: 30px; font-weight: bold; margin-bottom: 30px; text-transform: none !important; } #respond h3#reply-title small { font-size: 12px; text-transform: uppercase; } .commententries { float: left; margin: 0; padding: 0; width: 100%; } .commententries .comments-area > #comments > h3 { margin-bottom: 20px; } #respond h3#reply-title { display: inline-block; position: relative; width: 100%; } .comment-form > p, .wpcf7-form .contact-form { float: left; margin-bottom: 15px; position: relative; text-align: left; width: 100%; } .comment-form > p:last-child, .wpcf7-form .contact-form:last-child, .commentlist li.comment .comment-respond p:last-child { margin-bottom: 0; } .wpcf7-form .contact-form > b { border-right: 1px solid #ddd; display: inline-block; font-size: 14px; left: 0; line-height: 50px; margin: 0; padding: 0; position: absolute; text-align: center; width: 50px; } .comment-form > p.comment-form-comment.textarea-field span.fa, .wpcf7-form .contact-form.textarea-field > b { float: left; height: 200px; } .comment-form { display: inline-block; margin-bottom: 20px; width: 100%; } .commentlist li.comment #respond { display: block; } .commentlist li.comment .comment-body ~ #respond { margin-top: 0; } .pingback .comment-body, .trackback .comment-body { padding-left: 0; } .pingback .comment-body { margin-left: 0; padding-left: 0; } .commentlist li.comment, .commentlist li.pingback { padding-bottom: 0; } .commentlist li.pingback .comment-body .comment-content > p { margin-bottom: 0; } .blog-single-entry .commententries .comment-form p label { display: inline-block; font-weight: 500; margin-bottom: 10px; } .blog-single-entry .related-article { backface-visibility: hidden; bottom: 85px; height: 120px; position: fixed; right: -275px; transition: all .5s ease .5s; width: 300px; z-index: 91; -moz-transition: all .5s ease .5s; -o-transition: all .5s ease .5s; -webkit-transition: all .5s ease .5s; -webkit-backface-visibility: hidden; } .blog-single-entry .related-article.open { box-shadow: -2px 0 6px 0 rgba(0,0,0,.25); right: 0; -webkit-box-shadow: -2px 0 6px 0 rgba(0,0,0,.25); } .blog-single-entry .related-article .arrow { color: #fff; cursor: pointer; height: 100%; position: relative; text-align: center; width: 25px; } .blog-single-entry .related-article .arrow:before { border-bottom: 6px solid transparent; border-right-style: solid; border-right-width: 6px; border-top: 6px solid transparent; content: ''; display: block; height: 0; left: 0; margin: 0 auto; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 0; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .blog-single-entry .related-article .content { height: auto; padding: 7px 15px 10px 15px; width: 273px; } .blog-single-entry .related-article .arrow, .blog-single-entry .related-article .content { float: left; } .blog-single-entry .related-article .content span { border-bottom: 1px dashed; display: block; font-size: 14px; font-weight: bold; letter-spacing: 0; margin-bottom: 15px; padding: 5px 0; text-align: left; text-transform: capitalize; } .blog-single-entry .related-article article { display: table-cell; opacity: 1; padding: 0; vertical-align: middle; width: 100%; } .blog-single-entry .related-article article .entry-thumb { float: left; height: 45px; overflow: hidden; padding-right: 15px; width: 60px; } .blog-single-entry .related-article article .entry-summary { overflow: hidden; } .blog-single-entry .related-article article .entry-summary h2 { font-size: 13px; font-weight: normal; line-height: 18px; margin-bottom: 4px; margin-top: 0; } .blog-single-entry .related-article .content span.entry-date { border: none; color: #000; display: inline-block; font-size: 12px; font-weight: normal; line-height: normal; margin: 0; padding: 2px 0; } .blog-single-entry .entry-related-posts > .dt-sc-related-posts .dt-sc-posts-list-wrapper .blog-pagination { display: none; } .blog-single-entry .commententries .comment-form .comment-form-cookies-consent label, .page-template-default section > .commententries .comment-form p.comment-form-cookies-consent label { display: inline; } /*-------------------------------------------------------------- 1.2 - Blog Single Types --------------------------------------------------------------*/ /*-------------------------------------------------------------- Overlay Type Styles --------------------------------------------------------------*/ .blog-single-entry.post-overlay > .entry-thumb { float: left; line-height: 0; margin: 0 0 20px; margin: 0 0 25px; overflow: hidden; position: relative; width: 100%; } .blog-single-entry.post-overlay:hover > .entry-thumb:before { opacity: 1; transform: scale(1.02); visibility: visible; -moz-transform: scale(1.02); -ms-transform: scale(1.02); -webkit-transform: scale(1.02); } .blog-single-entry.post-overlay > .entry-thumb:before { background: rgba(0,0,0,.4); content: ''; display: block; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; transform: scale(1.1); visibility: hidden; width: 100%; z-index: 1; -moz-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); } .blog-single-entry.post-overlay > .entry-thumb .entry-date { bottom: -20px; color: #fff; left: -50px; line-height: 40px; min-height: 40px; opacity: 0; position: absolute; visibility: hidden; z-index: 1; } .blog-single-entry.post-overlay:hover > .entry-thumb .entry-date { bottom: 0; left: 15px; opacity: 1; visibility: visible; } .blog-single-entry.post-overlay > .entry-thumb .share { float: left; width: 100%; } .blog-single-entry.post-overlay > .entry-thumb .entry-social-share .share > i { display: none; } .blog-single-entry.post-overlay > .entry-thumb .entry-social-share .share .dt-share-list { bottom: -20px; margin: 0; opacity: 0; position: absolute; right: -50px; visibility: hidden; z-index: 2; } .blog-single-entry.post-overlay > .entry-thumb .entry-social-share .share .dt-share-list li { display: inline; float: left; margin-right: 5px; text-align: center; } .blog-single-entry.post-overlay:hover > .entry-thumb .entry-social-share .share .dt-share-list { bottom: 5px; opacity: 1; right: 5px; visibility: visible; } .blog-single-entry.post-overlay > .entry-thumb .entry-social-share .share .dt-share-list li a { border-radius: 50%; height: 30px; line-height: 30px; width: 30px; } .blog-single-entry.post-overlay > .entry-title { display: inline-block; margin-bottom: 0; width: 100%; } .blog-single-entry.post-overlay .entry-author { float: left; margin-bottom: 20px; width: 100%; } .blog-single-entry.post-overlay > .entry-author, .blog-single-entry.post-overlay > .entry-date, .blog-single-entry.post-overlay > .entry-categories, .blog-single-entry.post-overlay > .entry-comments, .blog-single-entry.post-overlay > .entry-social-share, .blog-single-entry.post-overlay > .entry-likes-views, .blog-single-entry.post-overlay > .entry-tags, .blog-single-entry.post-overlay > .entry-title { text-align: left; } .blog-single-entry.post-overlay > .entry-tags, .blog-single-entry.post-overlay > .entry-comments, .blog-single-entry.post-overlay > .entry-date, .blog-single-entry.post-overlay > .entry-categories { display: inline-block; margin: 0 0 20px 0; padding: 0; position: relative; width: 100%; } .blog-single-entry.post-overlay > .entry-thumb .entry-comments { bottom: -20px; margin: 0; opacity: 0; position: absolute; right: -50px; visibility: hidden; z-index: 2; } .blog-single-entry.post-overlay:hover > .entry-thumb .entry-comments { bottom: 15px; opacity: 1; right: 15px; visibility: visible; } .blog-single-entry.post-overlay > .entry-thumb .entry-comments, .blog-single-entry.post-overlay > .entry-thumb .entry-comments i, .blog-single-entry.post-overlay > .entry-thumb .entry-comments a { color: #fff; } /* Overlay Type - Entry Author */ .blog-single-entry.post-overlay .entry-author span, .blog-single-entry.post-overlay > div.entry-meta-group .entry-author span { border: 1px solid; border-radius: 50px; display: inline-block; float: none; font-weight: 400; padding: 5px 15px; } .blog-single-entry.post-overlay > .entry-author span a, .blog-single-entry.post-overlay > div.entry-meta-group .entry-author span a { text-transform: capitalize; } /* Overlay Type - Entry Categories */ .blog-single-entry.post-overlay > .entry-categories a { display: inline-block; font-size: 16px; height: 20px; letter-spacing: 0; line-height: 20px; min-width: 30px; padding: 0; position: relative; text-transform: capitalize; } .blog-single-entry.post-overlay > .entry-categories a:first-child { padding-left: 0; } .blog-single-entry.post-overlay > .entry-categories a:last-child { padding-right: 0; } .blog-single-entry.post-overlay > .entry-title h1 { font-size: 24px; margin-bottom: 20px; padding-bottom: 20px; position: relative; word-wrap: break-word; -ms-word-wrap: break-word; } .blog-single-entry.post-overlay > .entry-title h1:before { bottom: 0; content: ''; display: block; height: 1px; left: 0; margin: 0 auto; position: absolute; width: 40px; } .blog-single-entry.post-overlay:hover > .entry-title h1:before { width: 55px; } /* Overlay Type - Likes Views */ .blog-single-entry.post-overlay > .entry-likes-views { display: inline-block; margin-bottom: 20px; position: relative; width: 100%; } .blog-single-entry.post-overlay > .entry-likes-views .dt-sc-like-views > div { display: inline-block; margin-right: 10px; padding-right: 10px; position: relative; } .blog-single-entry.post-overlay > .entry-likes-views .dt-sc-like-views > div:last-child { margin-right: 0; padding-right: 0; } .blog-single-entry.post-overlay > .entry-likes-views .dt-sc-like-views .likes:before { content: ''; display: block; height: 2px; position: absolute; right: -2px; top: 50%; transform: translateY(-50%); width: 4px; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); } /* Overlay Type - Social Shares */ .blog-single-entry.post-overlay > .entry-social-share { display: inline-block; margin: 0 0 15px 0; position: relative; width: 100%; } .blog-single-entry.post-overlay > .entry-social-share .share { border: none; padding: 0; } .blog-single-entry.post-overlay > .entry-social-share .share i { display: none; } .blog-single-entry.post-overlay > .entry-social-share .share .dt-share-list li { display: inline-block; margin-right: 15px; } .blog-single-entry.post-overlay > .entry-social-share .share .dt-share-list li:last-child { margin-right: 0; } .blog-single-entry.post-overlay > .entry-social-share .share .dt-share-list li a { font-size: 14px; } /*----*****---- << Overlay Type - Meta Group >> ----*****----*/ .blog-single-entry.post-overlay > div.entry-meta-group { border: 1px solid; border-width: 1px 0 0; float: left; margin-bottom: 20px; padding: 25px 0; width: 100%; } .blog-single-entry.post-overlay > div.entry-meta-group:empty{ display:none} .blog-single-entry.post-overlay > div.entry-meta-group > div { display: inline-block; float: none; margin: 0 0 15px 0; position: relative; width: 49%; } .blog-single-entry.post-overlay > div.entry-meta-group > div:nth-child(odd) { clear: both; float: left; text-align: left; } .blog-single-entry.post-overlay > div.entry-meta-group > div:nth-child(even) { float: right; text-align: right; } .blog-single-entry.post-overlay > div.entry-meta-group > div:nth-child(even) .dt-sc-like-views > div { float: none; } .blog-single-entry.post-overlay > div.entry-meta-group > div:nth-child(even) .dt-sc-like-views > div:last-child { margin-right: 0; padding-right: 0; } .blog-single-entry.post-overlay > div.entry-meta-group > div:nth-last-child(-n+2) { margin-bottom: 0; } .blog-single-entry.post-overlay div.entry-categories:before { color: #000; content: '\f0e8'; font-family: Fontawesome; margin-right: 6px; } /* Entry Categories */ .blog-single-entry.post-overlay .entry-categories a { display: inline-block; height: 20px; line-height: 20px; min-width: 30px; padding: 0 2px; position: relative; text-transform: capitalize; } .blog-single-entry.post-overlay .entry-categories a:first-child { padding-left: 0; } .blog-single-entry.post-overlay .entry-categories a:last-child { padding-right: 0; } /* Meta Group - Entry Author */ .blog-single-entry.post-overlay > div.entry-meta-group .entry-author span a { text-transform: capitalize; } /* Meta Group - Social Share */ .blog-single-entry.post-overlay > div.entry-meta-group .entry-social-share .share { border: none; padding: 0; } .blog-single-entry.post-overlay > div.entry-meta-group .entry-social-share .share i { display: none; } .blog-single-entry.post-overlay > div.entry-meta-group .share ul.dt-share-list { display: inline-block; margin: 0; width: 100%; } .blog-single-entry.post-overlay > div.entry-meta-group .share .dt-share-list li { display: inline-block; margin-right: 15px; padding-bottom: 0; } .blog-single-entry.post-overlay > div.entry-meta-group .share .dt-share-list li:last-child { margin-right: 0; } .blog-single-entry.post-overlay > div.entry-meta-group .share .dt-share-list li a { font-size: 16px; } .blog-single-entry.post-overlay > .entry-social-share .share i { display: none; } /* Meta Group - Likes Views */ .blog-single-entry.post-overlay > .entry-meta-group .entry-likes-views .dt-sc-like-views > div { display: inline-block; float: left; margin-right: 10px; padding-right: 10px; position: relative; } .blog-single-entry.post-overlay > div.entry-meta-group .dt-sc-like-views .likes:before { content: ''; display: block; height: 2px; position: absolute; right: -2px; top: 50%; transform: translateY(-50%); width: 4px; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); } /* Overlay Type - Author Bio */ .blog-single-entry.post-overlay > .entry-author-bio { clear: both; display: block; float: left; margin: 0 0 20px; padding: 0 8%; text-align: center; width: 100%; } .blog-single-entry.post-overlay > .entry-author-bio:not(:first-child) { margin-top: 20px; } .blog-single-entry.post-overlay > .entry-author-bio .thumb { display: inline-block; float: none; margin: 0 0 28px 0; position: relative; width: 115px; } .blog-single-entry.post-overlay > .entry-author-bio .thumb img { border-radius: 100%; height: auto; max-width: 100%; } .blog-single-entry.post-overlay > .entry-author-bio .details { display: inline-block; float: none; width: 100%; } .blog-single-entry.post-overlay > .entry-author-bio .details h3 { margin-bottom: 25px; padding-bottom: 15px; position: relative; } .blog-single-entry.post-overlay > .entry-author-bio .details h3:before { background: #d7d7d7; bottom: 0; content: ''; display: block; height: 1px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 40px; } .blog-single-entry.post-overlay > .entry-author-bio .details .desc { display: inline-block; float: none; width: 100%; } /* Overlay Type - Post Navigation */ .blog-single-entry.post-overlay > .entry-post-navigation { clear: both; display: inline-block; float: none; margin: 0 auto; padding: 0; position: relative; width: 100%; } .blog-single-entry.post-overlay > .entry-post-navigation:not(:first-child) { margin-top: 50px; } .blog-single-entry.post-overlay > .entry-post-navigation:before { border-top: 1px solid; content: ''; height: 1px; left: 0; position: absolute; top: 0; width: 100%; } .blog-single-entry.post-overlay > .entry-post-navigation .post-prev-link, .blog-single-entry.post-overlay > .entry-post-navigation .post-next-link { position: relative; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .blog-single-entry.post-overlay > .entry-post-navigation .post-prev-link { float: left; } .blog-single-entry.post-overlay > .entry-post-navigation .post-next-link { float: right; } .blog-single-entry.post-overlay > .entry-post-navigation .post-prev-link > .prev-post-bgimg, .blog-single-entry.post-overlay > .entry-post-navigation .post-prev-link > .next-post-bgimg, .blog-single-entry.post-overlay > .entry-post-navigation .post-prev-link > .nav-title-wrap h3, .blog-single-entry.post-overlay > .entry-post-navigation .post-next-link > .nav-title-wrap h3 { display: none; } .blog-single-entry.post-overlay > .entry-post-navigation .post-next-link a { margin-right: 0; } .blog-single-entry.post-overlay > .entry-post-navigation .post-prev-link p, .blog-single-entry.post-overlay > .entry-post-navigation .post-next-link p { color: #000; display: inline-block; font-size: 13px; letter-spacing: .5px; margin: 0; padding: 0 20px; position: relative; text-transform: uppercase; } .blog-single-entry.post-overlay > .entry-post-navigation .post-prev-link p { border-right: 1px solid rgba(0, 0, 0, .1); padding-left: 0; } .blog-single-entry.post-overlay > .entry-post-navigation .post-next-link p { border-left: 1px solid rgba(0, 0, 0, .1); padding-right: 0; } .blog-single-entry.post-overlay > .entry-post-navigation .post-prev-link:hover p { padding-left: 30px; } .blog-single-entry.post-overlay > .entry-post-navigation .post-next-link:hover p { padding-right: 30px; } .blog-single-entry.post-overlay > .entry-post-navigation .post-prev-link a, .blog-single-entry.post-overlay > .entry-post-navigation .post-next-link a { display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } .blog-single-entry.post-overlay > .entry-post-navigation .post-prev-link > .nav-title-wrap span, .blog-single-entry.post-overlay > .entry-post-navigation .post-next-link > .nav-title-wrap span { font-size: 16px; opacity: 0; position: absolute; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .blog-single-entry.post-overlay > .entry-post-navigation .post-prev-link > .nav-title-wrap span { left: 10px; } .blog-single-entry.post-overlay > .entry-post-navigation .post-next-link > .nav-title-wrap span { right: 10px; } .blog-single-entry.post-overlay > .entry-post-navigation .post-prev-link:hover > .nav-title-wrap span { left: 0; opacity: 1; } .blog-single-entry.post-overlay > .entry-post-navigation .post-next-link:hover > .nav-title-wrap span { opacity: 1; right: 0; } .blog-single-entry.post-overlay > .entry-post-navigation + section.commententries { margin-top: 100px; } /* Overlay Type - Related Post */ .blog-single-entry.post-overlay > .entry-related-posts { border-bottom: 1px solid; float: left; margin-bottom: 20px; padding-bottom: 20px; width: 100%; } .blog-single-entry.post-overlay > .entry-related-posts > h4 { float: left; font-size: 30px; font-weight: bold; margin-bottom: 25px; padding-bottom: 17px; position: relative; text-align: center; text-transform: none; width: 100%; } .blog-single-entry.post-overlay > .entry-related-posts > h4:before { bottom: -2px; content: ''; display: block; height: 1px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 40px; } /* Overlay Type - Comment Entries */ .blog-single-entry.post-overlay > .commententries:not(:first-child) { margin-top: 20px; } .blog-single-entry.post-overlay > .commententries #respond, .blog-single-entry .commententries #respond { margin: 0 0 30px 0; } .blog-single-entry.post-overlay > .commententries .comments-area > #comments > h3 { font-size: 30px; } .blog-single-entry.post-overlay > .commententries .comments-area > h3 { float: left; margin-bottom: 20px; padding-bottom: 15px; position: relative; width: 100%; } .blog-single-entry.post-overlay > .commententries #respond h3#reply-title { font-size: 30px; padding: 0; text-align: left; } .blog-single-entry.post-overlay > .commententries #respond h3#reply-title small { display: inline-block; font-size: 12px; margin-bottom: 8px; margin-top: 20px; padding-top: 20px; position: relative; text-transform: uppercase; width: 100%; } .blog-single-entry.post-overlay > .commententries #respond h3:before { content: none; } .blog-single-entry.post-overlay > .commententries #respond h3#reply-title small:before { background: #d7d7d7; content: ''; display: block; height: 1px; left: 0; margin: 0 auto; position: absolute; top: -2px; width: 40px; } .blog-single-entry.post-overlay > .commententries .comments-area > h3:before { background: #d7d7d7; bottom: -2px; content: ''; display: block; height: 1px; left: 0; margin: 0 auto; position: absolute; right: auto; width: 40px; } .blog-single-entry .commententries input[type='text'], .blog-single-entry .commententries input[type='password'], .blog-single-entry .commententries input[type='email'], .blog-single-entry .commententries input[type='url'], .blog-single-entry .commententries input[type='tel'], .blog-single-entry .commententries input[type='number'], .blog-single-entry .commententries input[type='range'], .blog-single-entry .commententries input[type='date'], .blog-single-entry .commententries input.text, .blog-single-entry .commententries input[type='search'], .blog-single-entry .commententries select, .blog-single-entry .commententries textarea { font-size: 13px; } .blog-single-entry .commententries input[type='submit'], .blog-single-entry .commententries button, .blog-single-entry .commententries input[type='button'], .blog-single-entry .commententries input[type='reset'] { border-radius: 50px; font-weight: 600; } .blog-single-entry.post-overlay > .commententries ul.commentlist { margin-top: 0; padding-bottom: 0; } .blog-single-entry.post-overlay > .commententries ul.commentlist li.comment:last-child, .blog-single-entry.post-overlay > .commententries ul.commentlist li ul.children:last-child, .blog-single-entry.post-overlay > .commententries ul.commentlist li ul li.comment-details:last-child { margin-bottom: 0; } .blog-single-entry.post-overlay > .commententries ul.commentlist li ul li:last-child .comment-details { padding-bottom: 0; } /*-------------------------------------------------------------- Overlap Type Styles --------------------------------------------------------------*/ .blog-single-entry.post-overlap > .entry-thumb { margin: 0 0 20px 0; } .blog-single-entry.post-overlap > .entry-thumb .entry-format a { border: 10px solid; border-left: 0; border-top: 0; box-shadow: none; float: left; height: 75px; line-height: 75px; margin: 0; position: relative; text-align: center; width: 75px; -moz-box-shadow: none; -webkit-box-shadow: none; -ms-box-shadow: none; } .blog-single-entry.post-overlap > .entry-thumb .entry-format a:before { font-size: 26px; height: 100%; left: 0; line-height: 65px; margin: 0; text-align: center; top: 0; width: 100%; } .blog-single-entry.post-overlap > .entry-thumb .entry-overlap { bottom: 0; float: none; left: 0; margin: 0 auto; margin-bottom: 0; padding: 30px 30px 0 0; position: absolute; width: 80%; } .blog-single-entry.post-overlap > .entry-thumb .entry-overlap .entry-title { float: left; margin: 0 0 5px 0; width: 100%; } .blog-single-entry.post-overlap > .entry-thumb .entry-overlap .entry-title h1, .blog-single-entry.post-overlap > .entry-title h1 { font-size: 30px; font-weight: 700; margin: 0; padding: 0; text-transform: uppercase; } .blog-single-entry.post-overlap > .entry-thumb .entry-overlap .entry-bottom-details { float: left; font-size: 13px; margin: 0; width: 100%; } .blog-single-entry.post-overlap > .entry-thumb .entry-overlap .entry-bottom-details > * { display: inline-block; float: left; font-size: 13px; line-height: 20px; margin-right: 20px; position: relative; text-transform: uppercase; } .blog-single-entry.post-overlap > .entry-thumb .entry-overlap .entry-bottom-details > *:last-child { margin-right: 0; } /*----*****---- << Overlap Type - Meta Group >> ----*****----*/ .blog-single-entry.post-overlap > div.entry-meta-group { float: left; font-size: 13px; font-weight: 300; letter-spacing: .5px; margin-bottom: 20px; overflow: hidden; padding: 30px 0; position: relative; width: 100%; } .blog-single-entry.post-overlap > div.entry-meta-group:before, .blog-single-entry.post-overlap > div.entry-meta-group:after { border-left-width: 0; border-right-width: 0; border-right-style: none; border-left-style: none; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; content: ''; display: block; height: 10px; position: absolute; transform: skew(-80deg); width: 100px; -moz-transform: skew(-80deg); -ms-transform: skew(-80deg); -webkit-transform: skew(-80deg); } .blog-single-entry.post-overlap > div.entry-meta-group:before { left: -30px; top: 0; } .blog-single-entry.post-overlap > div.entry-meta-group:after { bottom: 0; right: -30px; } .blog-single-entry.post-overlap > div.entry-meta-group > div { display: inline-block; float: none; margin: 0 0 15px 0; position: relative; width: 49%; } .blog-single-entry.post-overlap > div.entry-meta-group > div:nth-child(odd) { clear: both; float: left; text-align: left; } .blog-single-entry.post-overlap > div.entry-meta-group > div:nth-child(even) { float: right; text-align: right; } .blog-single-entry.post-overlap > div.entry-meta-group > div:nth-child(even) .dt-sc-like-views > div { float: none; } .blog-single-entry.post-overlap > div.entry-meta-group > div:nth-child(even) .dt-sc-like-views > div:last-child { margin-right: 0; padding-right: 0; } .blog-single-entry.post-overlap > div.entry-meta-group > div:nth-last-child(-n+2) { margin-bottom: 0; } /* Meta Group - Entry Tags */ .blog-single-entry.post-overlap > div.entry-meta-group .entry-tags a, .blog-single-entry.post-overlap > .entry-tags a { border: 1px solid; display: inline-block; font-size: 12px; letter-spacing: 1px; line-height: normal; margin: 0 5px 0 0; padding: 5px 10px; text-transform: uppercase; } .blog-single-entry.post-overlap > div.entry-meta-group .entry-tags a:last-child, .blog-single-entry.post-overlap > .entry-tags a:last-child { margin-right: 0; } .blog-single-entry.post-overlap > .entry-author, .blog-single-entry.post-overlap > .entry-date, .blog-single-entry.post-overlap > .entry-categories, .blog-single-entry.post-overlap > .entry-comments, .blog-single-entry.post-overlap > .entry-social-share, .blog-single-entry.post-overlap > .entry-likes-views, .blog-single-entry.post-overlap > .entry-tags, .blog-single-entry.post-overlap > .entry-title { float: left; margin-bottom: 20px; width: 100%; } /* Meta Group - Social Share */ .blog-single-entry.post-overlap > div.entry-meta-group .entry-social-share .share, .blog-single-entry.post-overlap > .entry-social-share .share { border: none; padding: 0; } .blog-single-entry.post-overlap > div.entry-meta-group .entry-social-share .share i, .blog-single-entry.post-overlap > .entry-social-share .share i { display: none; } .blog-single-entry.post-overlap > div.entry-meta-group .share .dt-share-list { display: inline-block; margin: 0; width: 100%; } .blog-single-entry.post-overlap > div.entry-meta-group .share .dt-share-list li, .blog-single-entry.post-overlap > .entry-social-share .share .dt-share-list li { display: inline-block; margin-right: 5px; padding-bottom: 0; text-align: center; } .blog-single-entry.post-overlap > div.entry-meta-group .share .dt-share-list li:last-child, .blog-single-entry.post-overlap > .entry-social-share .share .dt-share-list li:last-child { margin-right: 0; } .blog-single-entry.post-overlap > div.entry-meta-group .share .dt-share-list li a, .blog-single-entry.post-overlap > .entry-social-share .share .dt-share-list li a { border: 1px solid; font-size: 14px; height: 30px; line-height: 30px; width: 30px; } .blog-single-entry.post-overlap > .entry-social-share .share i { display: none; } /* Meta Group - Likes Views */ .blog-single-entry.post-overlap > .entry-meta-group .entry-likes-views .dt-sc-like-views > div, .blog-single-entry.post-overlap > .entry-likes-views .dt-sc-like-views > div { display: inline-block; float: left; margin-right: 10px; padding-right: 10px; position: relative; } .blog-single-entry.post-overlap > .entry-meta-group .entry-likes-views .dt-sc-like-views > div, .blog-single-entry.post-overlap > .entry-likes-views .dt-sc-like-views > div { border: 1px solid; padding: 0; } .blog-single-entry.post-overlap > .entry-meta-group .entry-likes-views .dt-sc-like-views > div > i, .blog-single-entry.post-overlap > .entry-likes-views .dt-sc-like-views > div > i { float: left; font-size: 14px; height: 30px; line-height: 30px; margin: 0; text-align: center; width: 30px; } .blog-single-entry.post-overlap > .entry-meta-group .entry-likes-views .dt-sc-like-views > div > a, .blog-single-entry.post-overlap > .entry-meta-group .entry-likes-views .dt-sc-like-views > div > span, .blog-single-entry.post-overlap > .entry-likes-views .dt-sc-like-views > div > a, .blog-single-entry.post-overlap > .entry-likes-views .dt-sc-like-views > div > span { display: inline-block; line-height: 30px; padding: 0 10px; position: relative; text-align: center; } /* Meta Group - Entry Comments */ .blog-single-entry.post-overlap > div.entry-meta-group .entry-comments a, .blog-single-entry.post-overlap > .entry-comments a { border: 1px solid; color: #000; display: inline-block; padding: 0 15px 0 0; } .blog-single-entry.post-overlap > div.entry-meta-group .entry-comments a i, .blog-single-entry.post-overlap > .entry-comments a i { font-size: 14px; height: 30px; line-height: 30px; margin-right: 10px; text-align: center; width: 30px; } /* Meta Group - Entry Date */ .blog-single-entry.post-overlap > div.entry-meta-group .entry-date .date-wrap, .blog-single-entry.post-overlap > .entry-date .date-wrap { border: 1px solid; color: #000; display: inline-block; padding: 0 15px 0 0; text-transform: uppercase; } .blog-single-entry.post-overlap > div.entry-meta-group .entry-date .date-wrap i, .blog-single-entry.post-overlap > .entry-date .date-wrap i { font-size: 14px; height: 30px; line-height: 30px; margin-right: 10px; text-align: center; width: 30px; } /* Meta Group - Entry Author */ .blog-single-entry.post-overlap > div.entry-meta-group > .entry-author > .author-wrap, .blog-single-entry.post-overlap > .entry-author > .author-wrap { border: 1px solid; display: inline-block; margin: 0; padding: 0; position: relative; } .blog-single-entry.post-overlap > .entry-meta-group > .entry-author > .author-wrap > i, .blog-single-entry.post-overlap > .entry-author > .author-wrap > i { float: left; font-size: 14px; height: 30px; line-height: 30px; margin: 0; text-align: center; width: 30px; } .blog-single-entry.post-overlap > .entry-meta-group > .entry-author > .author-wrap > a, .blog-single-entry.post-overlap > .entry-author > .author-wrap > a { display: inline-block; line-height: 30px; padding: 0 10px; position: relative; text-align: center; text-transform: uppercase; } /* Meta Group - Entry Category */ .blog-single-entry.post-overlap > div.entry-meta-group > .entry-categories > .category-wrap, .blog-single-entry.post-overlap > .entry-categories > .category-wrap { border: 1px solid; display: inline-block; padding: 0; position: relative; } .blog-single-entry.post-overlap > .entry-meta-group > .entry-categories > .category-wrap > i, .blog-single-entry.post-overlap > .entry-categories > .category-wrap > i { float: left; font-size: 14px; height: 30px; line-height: 30px; margin: 0; text-align: center; width: 30px; } .blog-single-entry.post-overlap > .entry-meta-group > .entry-categories > .category-wrap > a, .blog-single-entry.post-overlap > .entry-categories > .category-wrap > a { display: inline-block; line-height: 30px; padding: 0 10px; position: relative; text-align: center; text-transform: uppercase; } /* Overlap Type - Likes Views */ .blog-single-entry.post-overlap > .entry-likes-views { display: inline-block; margin-bottom: 20px; position: relative; width: 100%; } .blog-single-entry.post-overlap > .entry-likes-views .dt-sc-like-views > div { display: inline-block; margin-right: 10px; padding-right: 10px; position: relative; } .blog-single-entry.post-overlap > .entry-likes-views .dt-sc-like-views > div:last-child { margin-right: 0; padding-right: 0; } .blog-single-entry.post-overlap > .entry-likes-views .dt-sc-like-views .likes:before { content: ''; display: block; height: 2px; position: absolute; right: -2px; top: 50%; transform: translateY(-50%); width: 4px; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); } /* Overlap Type - Entry Author Bio */ .blog-single-entry.post-overlap > .entry-author-bio { clear: both; display: block; float: left; margin: 0 0 20px; padding: 0; position: relative; width: 100%; } .blog-single-entry.post-overlap > .entry-author-bio > .thumb { float: left; height: 100%; left: 0; margin: 0; margin-bottom: 0; position: relative; width: 8%; } .blog-single-entry.post-overlap > .entry-author-bio > .details { padding: 0 0 0 10%; position: relative; width: 100%; } .blog-single-entry.post-overlap > .entry-author-bio > .details h3 { display: inline-block; font-size: 16px; font-weight: 700; margin-bottom: 15px; padding-bottom: 15px; position: relative; text-transform: uppercase; } .blog-single-entry.post-overlap > .entry-author-bio > .details h3:before { bottom: 0; content: ''; display: block; height: 1px; left: 0; margin: 0 auto; position: absolute; width: 40px; } /* Overlap Type - Post Navigation */ .blog-single-entry.post-overlap > .entry-post-navigation:not(:first-child) { margin-top: 20px; } .blog-single-entry.post-overlap > .entry-post-navigation { clear: both; display: flex; float: left; margin: 0 0 40px 0; padding: 0; position: relative; width: 100%; } .blog-single-entry.post-overlap > .entry-post-navigation > div:last-child { margin: 0; } .blog-single-entry.post-overlap > .entry-post-navigation > div { float: left; min-height: 130px; margin: 0 2% 0 0; padding: 30px 40px 30px 40px; position: relative; text-align: center; width: 49%; z-index: 1; align-content: center; align-items: center; display: flex; justify-content: center; } .blog-single-entry.post-overlap > .entry-post-navigation > div:not(:empty):before { bottom: 0; content: ''; margin: auto; position: absolute; top: 0; width: 0; z-index: -1; } @media all and (-ms-high-contrast:none) { .blog-single-entry.post-overlap > .entry-post-navigation { display: block; } /* IE10 */ *::-ms-backdrop, .blog-single-entry.post-overlap > .entry-post-navigation { display: block; } /* IE11 */ } .blog-single-entry.post-overlap > .entry-post-navigation > div:hover:before { width: 100%; } .blog-single-entry.post-overlap > .entry-post-navigation > .post-prev-link:before { right: 0; } .blog-single-entry.post-overlap > .entry-post-navigation > .post-next-link:before { left: 0; } .blog-single-entry.post-overlap > .entry-post-navigation > div:empty { cursor: not-allowed; } .blog-single-entry.post-overlap > .entry-post-navigation > div > a { display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } .blog-single-entry.post-overlap > .entry-post-navigation > div > .nav-title-wrap p { display: none; } .blog-single-entry.post-overlap > .entry-post-navigation > div > .nav-title-wrap span { display: inline-block; font-size: 40px; line-height: 20px; margin-bottom: 20px; } .blog-single-entry.post-overlap > .entry-post-navigation > div > .nav-title-wrap > h3 { display: inline-block; font-weight: 700; letter-spacing: 1px; margin-bottom: 0; text-transform: uppercase; width: 100%; } /* Overlap Type - Entry Related Posts */ .blog-single-entry.post-overlap > .entry-related-posts { float: left; margin-bottom: 20px; position: relative; width: 100%; } /* Overlap Type - Comment Entries */ .blog-single-entry.post-overlap > .commententries:not(:first-child) { margin-top: 20px; } .blog-single-entry.post-overlap > .entry-related-posts > h4, .blog-single-entry.post-overlap > .commententries .comments-area > h3, .blog-single-entry.post-overlap > .commententries #respond h3#reply-title { border-bottom: 3px solid; display: inline-block; font-size: 18px; font-weight: 700; letter-spacing: 1px; margin: 0 0 20px 0; padding: 0 0 10px 0; text-transform: uppercase; width: 100%; } .blog-single-entry.post-overlap > .commententries #respond h3#reply-title small { bottom: 15px; font-size: 12px; font-weight: 700; margin: auto; padding: 0; position: absolute; right: 0; text-transform: uppercase; } .blog-single-entry.post-overlap > .commententries ul.commentlist { padding-bottom: 0; margin-top: 0; } .blog-single-entry.post-overlap > .commententries ul.commentlist li.comment:last-child, .blog-single-entry.post-overlap > .commententries ul.commentlist li ul.children:last-child, .blog-single-entry.post-overlap > .commententries ul.commentlist li ul li.comment-details:last-child { margin-bottom: 0; } .blog-single-entry.post-overlap > .commententries ul.commentlist li ul li:last-child .comment-details { padding-bottom: 0; } /*-------------------------------------------------------------- Breadcrumb Type Styles --------------------------------------------------------------*/ .single-post-header-wrapper { clear: both; float: left; margin: 0; padding: 150px 0 80px; position: relative; width: 100%; } .single-post-header-wrapper .main-title-section-bg { background-size: cover; bottom: 0; content: ''; height: 100%; left: 0; position: absolute; width: 100%; z-index: -1; } #header-wrapper.header-top-absolute .single-post-header-wrapper > .main-title-section-bg { height: 9999px; } .single-post-header-wrapper > .main-title-section-bg:before { bottom: 0; content: ''; left: 0; margin: auto; position: absolute; right: 0; top: 0; } .single-post-header-wrapper > .container { position: relative; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); } /*-------------------------------------------------------------- Breadcrumb Fixed Type Styles --------------------------------------------------------------*/ .single-post-header-wrapper > .container h1 { display: inline-block; font-size: 60px; line-height: 60px; text-transform: capitalize; width: 100%; } .single-post-header-wrapper > .container .post-meta-data { display: inline-block; margin: 0; width: 100%; position: relative; } .single-post-header-wrapper > .container .post-meta-data .post-categories { position: relative; display: inline-block; } .single-post-header-wrapper > .container .post-categories a { border: 1px solid; display: inline-block; font-size: 10px; letter-spacing: 1px; padding: 5px 10px; text-transform: uppercase; vertical-align: middle; } .single-post-header-wrapper > .container .post-categories a + a { margin-left: 10px; } .single-post-header-wrapper > .container .post-meta-data .date { display: inline-block; font-size: 13px; margin-left: 20px; } .blog-single-entry.post-breadcrumb-fixed { border-top: 4px solid; margin: -88px auto 0; padding: 40px 20px; position: relative; } .blog-single-entry.post-breadcrumb-fixed:before, .blog-single-entry.post-breadcrumb-fixed:after { content: ''; height: 90px; position: absolute; top: -4px; width: 8px; } .blog-single-entry.post-breadcrumb-fixed:before { background-image: url(../images/single-fixed-shadow.png); left: -8px; } .blog-single-entry.post-breadcrumb-fixed:after { background-image: url(../images/single-fixed-shadow-inverse.png); right: -8px; } .blog-single-entry.post-breadcrumb-fixed > .column.dt-post-sticky-wrapper .entry-social-share { display: inline-block; margin-bottom: 40px; position: relative; width: 100%; z-index: 1; } .blog-single-entry.post-breadcrumb-fixed > .column.dt-post-sticky-wrapper .entry-social-share .share { border: none; margin: 0; padding: 0; position: relative; width: 100%; } .blog-single-entry.post-breadcrumb-fixed > .column.dt-post-sticky-wrapper .entry-social-share .share > i { background: #000; color: #fff; display: inline-block; font-size: 30px; line-height: 65px; margin: 0; padding: 25px; text-align: center; width: 100%; } .blog-single-entry.post-breadcrumb-fixed > .column.dt-post-sticky-wrapper .entry-social-share .share ul { border-left: 1px solid; float: left; margin: 0; padding: 0; position: relative; text-align: center; width: 100%; } .blog-single-entry.post-breadcrumb-fixed > .column.dt-post-sticky-wrapper .entry-social-share .share ul li { border-style: none solid solid none; border-width: 0 1px 1px 0; float: left; line-height: 75px; list-style: none; margin: 0; padding: 0; position: relative; width: 50%; } .blog-single-entry.post-breadcrumb-fixed > .column.dt-post-sticky-wrapper .entry-social-share .share ul li a:hover { background: none; } .blog-single-entry.post-breadcrumb-fixed > .column.dt-post-sticky-wrapper .entry-social-share .share ul li a { font-size: 16px; vertical-align: middle; background: none; } .blog-single-entry.post-breadcrumb-fixed > .column.dt-post-sticky-wrapper h4 { font-size: 12px; letter-spacing: 1px; margin: 0 0 20px 0; padding-top: 20px; position: relative; text-transform: uppercase; } .blog-single-entry.post-breadcrumb-fixed > .column.dt-post-sticky-wrapper h4:before { background-color: #e3e3e5; content: ''; display: block; height: 1px; position: absolute; top: 0; width: 30px; } .blog-single-entry.post-breadcrumb-fixed > .column.dt-post-sticky-wrapper h4 > span { display: inline-block; font-size: 14px; letter-spacing: .5px; margin-top: 10px; text-transform: capitalize; width: 100%; } .blog-single-entry.post-breadcrumb-fixed > .column.dt-post-sticky-wrapper .list-trending { float: left; margin-bottom: 40px; position: relative; width: 100%; } .blog-single-entry.post-breadcrumb-fixed > .column.dt-post-sticky-wrapper .list-trending ul { float: left; margin: 0; padding: 0; position: relative; width: 100%; } .blog-single-entry.post-breadcrumb-fixed > .column.dt-post-sticky-wrapper .list-trending ul li { display: inline-block; float: left; list-style: none; margin-bottom: 20px; padding: 0; position: relative; width: 100%; } .blog-single-entry.post-breadcrumb-fixed > .column.dt-post-sticky-wrapper .list-trending ul li a { display: inline-block; float: left; margin: 0; padding: 0; position: relative; width: 100%; } .blog-single-entry.post-breadcrumb-fixed > .column > .entry-thumb { margin: 0 0 20px 0; } .blog-single-entry.post-breadcrumb-fixed > .column > .entry-thumb > .entry-format { left: 5px; top: 5px; } .blog-single-entry.post-breadcrumb-fixed > .column > .entry-thumb > .entry-format a { background: none; box-shadow: none; height: 40px; line-height: 40px; width: 40px; z-index: 1; -moz-box-shadow: none; -webkit-box-shadow: none; -ms-box-shadow: none; } .blog-single-entry.post-breadcrumb-fixed > .column > .entry-thumb > .entry-format a:before { font-size: 16px; line-height: 40px; } .blog-single-entry.post-breadcrumb-fixed > .column > .entry-thumb > .entry-format a:after { border-right: 70px solid transparent; border-top-style: solid; border-top-width: 70px; content: ''; display: block; height: 0; left: 0; position: absolute; top: 0; width: 0; z-index: -1; } .blog-single-entry.post-breadcrumb-fixed > .column > .entry-title h1 { font-size: 30px; font-weight: 700; letter-spacing: 1px; margin: 0; padding: 0; text-transform: uppercase; } .blog-single-entry.post-breadcrumb-fixed > .column > .entry-author, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-date, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-categories, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-comments, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-social-share, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-likes-views, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-tags, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-title { float: left; margin-bottom: 20px; width: 100%; } .blog-single-entry.post-breadcrumb-fixed > .column > .entry-author .author-wrap, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-comments .comment-wrap, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-tags .tag-wrap, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-categories .category-wrap { display: inline-block; float: left; margin: 0; padding: 0; position: relative; } .blog-single-entry.post-breadcrumb-fixed > .column > .entry-tags .tag-wrap p { display: inline-block; float: left; margin: 0; width: 100%; } .blog-single-entry.post-breadcrumb-fixed > .column > .entry-tags .tag-wrap span { display: inline-block; float: left; font-size: 13px; line-height: normal; margin: 0 0 10px 0; } /*----*****---- << Breadcrumb Fixed Type - Meta Group >> ----*****----*/ .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group { float: left; font-size: 13px; font-weight: 300; letter-spacing: .5px; margin-bottom: 20px; padding: 30px 30px 25px; position: relative; width: 100%; } .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group:not(:first-child) { margin-top: 20px; } .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group:before, .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group:after { content: ''; height: 20px; left: 0; margin: 0 auto; position: absolute; right: 0; transform: translateY(0px); width: 1px; -moz-transform: translateY(0px); -webkit-transform: translateY(0px); } .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group:before { background-color: #fff; top: 0; } .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group:after { top: -20px; } .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group:hover:before { height: 30px; } .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group:hover:after { top: -10px; height: 10px; } .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group > div { display: inline-block; float: none; margin: 0 0 15px 0; position: relative; width: 49%; } .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group > div:nth-child(odd) { clear: both; float: left; text-align: left; } .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group > div:nth-child(even) { float: right; text-align: right; } .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group > div:nth-child(even) .dt-sc-like-views > div { float: none; } .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group > div:nth-child(even) .dt-sc-like-views > div:last-child { margin-right: 0; padding-right: 0; } .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group > div:nth-last-child(-n+2) { margin-bottom: 0; } .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group .author-wrap, .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group .comment-wrap, .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group .tag-wrap, .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group .category-wrap { display: inline-block; float: left; margin: 0; padding: 0; position: relative; } .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group .tag-wrap { margin: 0 0 5px 0; } .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group > div:nth-child(even) .author-wrap, .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group > div:nth-child(even) .comment-wrap, .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group > div:nth-child(even) .tag-wrap, .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group > div:nth-child(even) .category-wrap { float: right; } /* Meta Group - Entry Tags */ .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group .entry-tags span { display: none; } .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group .entry-tags > .tag-wrap p { display: inline-block; float: left; margin: 0; width: 100%; } .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group .entry-tags a, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-tags a { border: 1px solid; display: inline-block; font-size: 12px; float: left; letter-spacing: 1px; line-height: normal; margin: 0 5px 0 0; padding: 5px 10px; text-transform: uppercase; } .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group .entry-tags a:last-child, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-tags a:last-child { margin-right: 0; } /* Meta Group - Social Share */ .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group .entry-social-share .share, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-social-share .share { border: none; padding: 0; } .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group .entry-social-share .share i, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-social-share .share i { display: none; } .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group .share .dt-share-list { display: inline-block; margin: 0; width: 100%; } .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group .share .dt-share-list li, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-social-share .share .dt-share-list li { display: inline-block; margin: 0 5px 5px 0; padding-bottom: 0; text-align: center; } .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group .share .dt-share-list li:last-child, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-social-share .share .dt-share-list li:last-child { margin-right: 0; } .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group .share .dt-share-list li a, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-social-share .share .dt-share-list li a { font-size: 14px; height: 30px; line-height: 30px; width: 30px; } .blog-single-entry.post-breadcrumb-fixed > .column > .entry-social-share .share i { display: none; } /* Meta Group - Likes Views */ .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group .entry-likes-views .dt-sc-like-views > div, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-likes-views .dt-sc-like-views > div { display: inline-block; float: left; margin: 0 10px 5px 0; padding-right: 10px; position: relative; } .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group .entry-likes-views .dt-sc-like-views > div, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-likes-views .dt-sc-like-views > div { border: 1px solid; padding: 0; } .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group .entry-likes-views .dt-sc-like-views > div > i, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-likes-views .dt-sc-like-views > div > i { float: left; font-size: 14px; height: 30px; line-height: 30px; margin: 0; text-align: center; width: 30px; } .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group .entry-likes-views .dt-sc-like-views > div > a, .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group .entry-likes-views .dt-sc-like-views > div > span, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-likes-views .dt-sc-like-views > div > a, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-likes-views .dt-sc-like-views > div > span { display: inline-block; line-height: 30px; padding: 0 10px; position: relative; text-align: center; } /* Meta Group - Entry Comments */ .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group .entry-comments a, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-comments a { border: 1px solid; display: inline-block; padding: 0 15px 0 0; margin: 0 0 5px 0; } .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group .entry-comments a i, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-comments a i { font-size: 14px; height: 30px; line-height: 30px; margin-right: 10px; text-align: center; width: 30px; } /* Meta Group - Entry Date */ .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group .entry-date .date-wrap, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-date .date-wrap { border: 1px solid; display: inline-block; padding: 0 15px 0 0; text-transform: uppercase; } .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group .entry-date .date-wrap i, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-date .date-wrap i { font-size: 14px; height: 30px; line-height: 30px; margin-right: 10px; text-align: center; width: 30px; } /* Meta Group - Entry Author */ .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group > .entry-author > .author-wrap, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-author > .author-wrap { border: 1px solid; display: inline-block; padding: 0; position: relative; } .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group > .entry-author > .author-wrap > i, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-author > .author-wrap > i { float: left; font-size: 14px; height: 30px; line-height: 30px; margin: 0; text-align: center; width: 30px; } .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group > .entry-author > .author-wrap > a, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-author > .author-wrap > a { display: inline-block; line-height: 30px; padding: 0 10px; position: relative; text-align: center; text-transform: uppercase; } /* Meta Group - Entry Category */ .blog-single-entry.post-breadcrumb-fixed > .column > .entry-categories > .category-wrap { display: inline-block; float: left; margin: 0; padding: 0; position: relative; } .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group > .entry-categories > .category-wrap > i, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-categories > .category-wrap > i { float: left; font-size: 14px; height: 30px; line-height: 30px; margin: 0; text-align: center; width: 30px; } .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group > .entry-categories > .category-wrap > a, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-categories > .category-wrap > a { border: 1px solid; display: inline-block; float: left; font-size: 12px; line-height: 30px; margin: 0 5px 5px 0; padding: 0 10px; position: relative; text-align: center; text-transform: uppercase; } .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group .entry-categories a:last-child, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-categories a:last-child { margin-right: 0; } /* Likes Views */ .blog-single-entry.post-breadcrumb-fixed > .column > .entry-likes-views { display: inline-block; margin-bottom: 20px; position: relative; width: 100%; } .blog-single-entry.post-breadcrumb-fixed > .column > .entry-likes-views .dt-sc-like-views > div { display: inline-block; margin-right: 10px; padding-right: 10px; position: relative; } .blog-single-entry.post-breadcrumb-fixed > .column > .entry-likes-views .dt-sc-like-views > div:last-child { margin-right: 0; padding-right: 0; } .blog-single-entry.post-breadcrumb-fixed > .column > .entry-likes-views .dt-sc-like-views .likes:before { content: ''; display: block; height: 2px; position: absolute; right: -2px; top: 50%; transform: translateY(-50%); width: 4px; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); } /* Breadcrumb Fixed Type - Post Navigation */ .blog-single-entry.post-breadcrumb-fixed > .column > .entry-post-navigation:not(:first-child) { margin-top: 20px; } .blog-single-entry.post-breadcrumb-fixed > .column > .entry-post-navigation { clear: both; display: block; float: left; margin: 0 0 40px 0; padding: 0; position: relative; width: 100%; } .blog-single-entry.post-breadcrumb-fixed > .column > .entry-post-navigation > div { float: left; min-height: 200px; position: relative; width: 50%; } .blog-single-entry.post-breadcrumb-fixed > .column > .entry-post-navigation > div { cursor: pointer; display: inline-block; overflow: hidden; position: relative; vertical-align: middle; z-index: 1; } .blog-single-entry.post-breadcrumb-fixed > .column > .entry-post-navigation > .post-prev-link:empty, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-post-navigation > .post-next-link:empty { background: #ccc; cursor: not-allowed; width: 49.5%; } .blog-single-entry.post-breadcrumb-fixed > .column > .entry-post-navigation > .post-prev-link:empty { float: left; } .blog-single-entry.post-breadcrumb-fixed > .column > .entry-post-navigation > .post-next-link:empty { float: right; } .blog-single-entry.post-breadcrumb-fixed > .column > .entry-post-navigation > .post-prev-link > .prev-post-bgimg, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-post-navigation > .post-next-link > .next-post-bgimg { background-position: center; background-size: cover; height: 100%; position: absolute; top: 0; transform: scale(1); width: 100%; -moz-transform: scale(1); -webkit-transform: scale(1); } .blog-single-entry.post-breadcrumb-fixed > .column > .entry-post-navigation > .post-prev-link:hover > .prev-post-bgimg, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-post-navigation > .post-next-link:hover > .next-post-bgimg { transform: scale(1.2); } .blog-single-entry.post-breadcrumb-fixed > .column > .entry-post-navigation > .post-prev-link > .prev-post-bgimg { left: 0; } .blog-single-entry.post-breadcrumb-fixed > .column > .entry-post-navigation > .post-next-link > .next-post-bgimg { right: 0; } .blog-single-entry.post-breadcrumb-fixed > .column > .entry-post-navigation > div > a { display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #080810), color-stop(100%, rgba(255,255,255,0))); background-image: -moz-linear-gradient(left, #080810 0%, rgba(255,255,255,0) 100%); background-image: -webkit-linear-gradient(left, #080810 0%, rgba(255,255,255,0) 100%); background-image: linear-gradient(to right, #080810 0%, rgba(255,255,255,0) 100%); } .blog-single-entry.post-breadcrumb-fixed > .column > .entry-post-navigation > .post-next-link > a { background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #080810), color-stop(100%, rgba(255,255,255,0))); background-image: -moz-linear-gradient(right, #080810 0%, rgba(255,255,255,0) 100%); background-image: -webkit-linear-gradient(right, #080810 0%, rgba(255,255,255,0) 100%); background-image: linear-gradient(to left, #080810 0%, rgba(255,255,255,0) 100%); } .blog-single-entry.post-breadcrumb-fixed > .column > .entry-post-navigation > div > a:hover { opacity: .8; } .blog-single-entry.post-breadcrumb-fixed > .column > .entry-post-navigation > div > .nav-title-wrap span { display: none; } .blog-single-entry.post-breadcrumb-fixed > .column > .entry-post-navigation > div > .nav-title-wrap { padding-left: 35px; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; z-index: 1; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .blog-single-entry.post-breadcrumb-fixed > .column > .entry-post-navigation > .post-next-link > .nav-title-wrap { padding: 0 35px; text-align: right; } .blog-single-entry.post-breadcrumb-fixed > .column > .entry-post-navigation > div > .nav-title-wrap h3 { display: inline-block; margin: 5px 0 0 0; position: relative; width: 100%; } .blog-single-entry.post-breadcrumb-fixed > .column > .entry-post-navigation > div > .nav-title-wrap h3 a { font-size: 20px; font-weight: 700; letter-spacing: 1px; margin: 0; text-transform: capitalize; } .blog-single-entry.post-breadcrumb-fixed > .column > .entry-post-navigation > div:hover > .nav-title-wrap h3 a { opacity: 0.6; } .blog-single-entry.post-breadcrumb-fixed > .column > .entry-post-navigation > div > .nav-title-wrap p { display: inline-block; font-size: 11px; font-weight: 700; letter-spacing: 1px; margin: 0; position: relative; text-transform: uppercase; width: 100%; } article[class*="post-"].blog-single-entry .entry-post-navigation > div.no-post { cursor: not-allowed; } article[class*="post-"].blog-single-entry .entry-post-navigation > div.no-post > a, article[class*="post-"].blog-single-entry .entry-post-navigation > div.no-post > div span + h3 a { pointer-events: none; } .blog-single-entry.post-breadcrumb-fixed .post-prev-link { width: 50%; float: left; } .blog-single-entry.post-breadcrumb-fixed .post-next-link { width: 50%; float: right; text-align: right; } /* Breadcrumb Fixed Type - Author Bio */ .blog-single-entry.post-breadcrumb-fixed > .column > .entry-author-bio { clear: both; display: block; float: left; margin: 0 0 20px; padding: 0; position: relative; width: 100%; } .blog-single-entry.post-breadcrumb-fixed > .column > .entry-author-bio > .thumb { float: left; height: 100%; left: 0; margin: 0; margin-bottom: 0; position: relative; width: 15%; } .blog-single-entry.post-breadcrumb-fixed > .column > .entry-author-bio > .thumb:before { background-color: #fff; right: 0; } .blog-single-entry.post-breadcrumb-fixed > .column > .entry-author-bio > .thumb:after { background-color: #080810; right: -20px; } .blog-single-entry.post-breadcrumb-fixed > .column > .entry-author-bio > .thumb:before, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-author-bio > .thumb:after { bottom: 0; content: ''; height: 1px; margin: 0 auto; position: absolute; top: 0; transform: translateY(20px); width: 20px; -moz-transform: translateY(20px); -webkit-transform: translateY(20px); } .blog-single-entry.post-breadcrumb-fixed > .column > .entry-author-bio:hover > .thumb:before { width: 30px; } .blog-single-entry.post-breadcrumb-fixed > .column > .entry-author-bio:hover > .thumb:after { right: -10px; width: 10px; } .blog-single-entry.post-breadcrumb-fixed > .column > .entry-author-bio > .details { padding: 0 0 0 20%; position: relative; width: 100%; } .blog-single-entry.post-breadcrumb-fixed > .column > .entry-author-bio > .details h3 { display: inline-block; font-size: 16px; font-weight: 700; margin-bottom: 15px; padding: 0; position: relative; text-transform: uppercase; } .blog-single-entry.post-breadcrumb-fixed > .column > .entry-author-bio > .details p { display: inline-block; font-size: 13px; margin: 8px 0 0 0; position: relative; width: 100%; } /* Breadcrumb Fixed Type - Comment Entries */ .blog-single-entry.post-breadcrumb-fixed > .column > .commententries:not(:first-child) { margin-top: 20px; } .blog-single-entry.post-breadcrumb-fixed > .column > .entry-related-posts { float: left; margin-bottom: 20px; position: relative; width: 100%; } .blog-single-entry.post-breadcrumb-fixed > .column > .entry-related-posts > h4, .blog-single-entry.post-breadcrumb-fixed > .column > .commententries .comments-area > h3, .blog-single-entry.post-breadcrumb-fixed > .column > .commententries #respond h3#reply-title { font-weight: 700; ; letter-spacing: 1px; margin: 0 0 20px 0; padding-top: 20px; position: relative; text-transform: uppercase; } .blog-single-entry.post-breadcrumb-fixed > .column > .entry-related-posts > h4:before, .blog-single-entry.post-breadcrumb-fixed > .column > .commententries .comments-area > h3:before, .blog-single-entry.post-breadcrumb-fixed > .column > .commententries #respond h3#reply-title:before { content: ''; display: block; height: 1px; position: absolute; top: 0; width: 30px; } .blog-single-entry.post-breadcrumb-fixed > .column > .commententries #respond h3#reply-title small { margin: auto; padding: 0; position: absolute; right: 0; top: 0; } .blog-single-entry.post-breadcrumb-fixed > .column > .commententries #respond h3#reply-title small a { display: inline-block; font-size: 12px; font-weight: 700; padding: 10px 15px; position: relative; text-transform: uppercase; width: 100%; } /* Post Breadcrumb Fixed - Archive Related Post */ .blog-single-entry.post-breadcrumb-fixed > .column > .entry-related-posts .dt-sc-one-third.dt-sc-canvas-style.dt-sc-post-entry.entry-cover-layout .blog-entry > div.entry-meta-group > div:nth-child(odd), .blog-single-entry.post-breadcrumb-fixed > .column > .entry-related-posts .dt-sc-one-third.dt-sc-canvas-style.dt-sc-post-entry.entry-cover-layout .blog-entry .entry-details > div.entry-meta-group > div:nth-child(odd), .blog-single-entry.post-breadcrumb-fixed > .column > .entry-related-posts .dt-sc-one-third.dt-sc-canvas-style.dt-sc-post-entry.entry-cover-layout .blog-entry > div.entry-meta-group > div:nth-child(even), .blog-single-entry.post-breadcrumb-fixed > .column > .entry-related-posts .dt-sc-one-third.dt-sc-canvas-style.dt-sc-post-entry.entry-cover-layout .blog-entry .entry-details > div.entry-meta-group > div:nth-child(even) { clear: both; display: inline-block; float: none; margin-bottom: 10px; text-align: inherit; width: 100%; } .blog-single-entry.post-breadcrumb-fixed > .column > .entry-related-posts .dt-sc-one-third.dt-sc-canvas-style.dt-sc-post-entry.entry-cover-layout .blog-entry > div.entry-meta-group > div:nth-child(odd):last-child, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-related-posts .dt-sc-one-third.dt-sc-canvas-style.dt-sc-post-entry.entry-cover-layout .blog-entry .entry-details > div.entry-meta-group > div:nth-child(odd):last-child, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-related-posts .dt-sc-one-third.dt-sc-canvas-style.dt-sc-post-entry.entry-cover-layout .blog-entry > div.entry-meta-group > div:nth-child(even):last-child, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-related-posts .dt-sc-one-third.dt-sc-canvas-style.dt-sc-post-entry.entry-cover-layout .blog-entry .entry-details > div.entry-meta-group > div:nth-child(even):last-child { margin-bottom: 0; } .blog-single-entry.post-breadcrumb-fixed > .column > .entry-related-posts .dt-sc-one-third.dt-sc-boxed-style.dt-sc-post-entry .blog-entry > div.entry-meta-group > div:nth-child(odd), .blog-single-entry.post-breadcrumb-fixed > .column > .entry-related-posts .dt-sc-one-third.dt-sc-boxed-style.dt-sc-post-entry .blog-entry .entry-details > div.entry-meta-group > div:nth-child(odd), .blog-single-entry.post-breadcrumb-fixed > .column > .entry-related-posts .dt-sc-one-third.dt-sc-boxed-style.dt-sc-post-entry .blog-entry > div.entry-meta-group > div:nth-child(even), .blog-single-entry.post-breadcrumb-fixed > .column > .entry-related-posts .dt-sc-one-third.dt-sc-boxed-style.dt-sc-post-entry .blog-entry .entry-details > div.entry-meta-group > div:nth-child(even) { clear: both; display: inline-block; float: none; margin-bottom: 10px; text-align: inherit; width: 100%; } .blog-single-entry.post-breadcrumb-fixed > .column > .entry-related-posts .dt-sc-one-third.dt-sc-boxed-style.dt-sc-post-entry .blog-entry > div.entry-meta-group > div:nth-child(odd):last-child, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-related-posts .dt-sc-one-third.dt-sc-boxed-style.dt-sc-post-entry .blog-entry .entry-details > div.entry-meta-group > div:nth-child(odd):last-child, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-related-posts .dt-sc-one-third.dt-sc-boxed-style.dt-sc-post-entry .blog-entry > div.entry-meta-group > div:nth-child(even):last-child, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-related-posts .dt-sc-one-third.dt-sc-boxed-style.dt-sc-post-entry .blog-entry .entry-details > div.entry-meta-group > div:nth-child(even):last-child { margin-bottom: 0; } /*-------------------------------------------------------------- Breadcrumb Parallax Type Styles --------------------------------------------------------------*/ .single-post-header-wrapper.dt-parallax-bg { padding: 150px 0; } .single-post-header-wrapper.dt-parallax-bg > .main-title-section-bg { background-attachment: fixed; background-repeat: no-repeat; background-size: cover; } #header-wrapper.header-top-absolute .single-post-header-wrapper.dt-parallax-bg > .main-title-section-bg { background-attachment: inherit; background-repeat: inherit; background-size: cover; } .single-post-header-wrapper.dt-parallax-bg > .container { transform: none; -moz-transform: none; -ms-transform: none; -webkit-transform: none; } .single-post-header-wrapper.dt-parallax-bg > .container h1 { font-weight: 500; text-transform: none; } .single-post-header-wrapper.dt-parallax-bg > .container .post-categories { display: inline-block; margin: 0 0 15px 0; position: relative; } .single-post-header-wrapper.dt-parallax-bg > .container .post-categories a { background: none; border: 2px solid; border-radius: 5px; display: inline-block; font-size: 14px; font-weight: 500; letter-spacing: 0; line-height: 17px; margin: 0 5px 0 0; padding: 5px 10px 6px; } .single-post-header-wrapper.dt-parallax-bg > .container .post-categories a:last-child { margin-right: 0; } .single-post-header-wrapper.dt-parallax-bg > .container .post-categories a:hover { box-shadow: 0 5px 15px rgba(0, 0, 0, .15); transform: translateY(-3px); -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .15); -webkit-transform: translateY(-3px); } .single-post-header-wrapper.dt-parallax-bg > .container h1 { margin-bottom: 25px; } .single-post-header-wrapper.dt-parallax-bg > .container .post-meta { display: inline-block; margin: 0; position: relative; width: 100%; } .single-post-header-wrapper.dt-parallax-bg > .container .post-meta > div { border-left: 1px solid #000; display: inline-block; font-size: 14px; line-height: 16px; padding: 0 10px 0 10px; position: relative; } .single-post-header-wrapper.dt-parallax-bg > .container .post-meta > div:first-child { border: none; padding-left: 0; } .single-post-header-wrapper.dt-parallax-bg > .container .post-meta .post-author span, .single-post-header-wrapper.dt-parallax-bg > .container .post-meta .post-author a, .single-post-header-wrapper.dt-parallax-bg > .container .post-meta > .post-comments a { font-size: 14px; text-transform: capitalize; } .blog-single-entry.post-breadcrumb-parallax .entry-thumb { margin: 0 0 20px 0; } .blog-single-entry.post-breadcrumb-parallax .entry-thumb > a { display: inline-block; position: relative; width: 100%; } .blog-single-entry.post-breadcrumb-parallax .entry-thumb ul li:after, .blog-single-entry.post-breadcrumb-parallax .entry-thumb > a:after { background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.75) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,.7))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.75) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.75) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.75) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.75) 100%); bottom: 0; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0); top: auto; } .blog-single-entry.post-breadcrumb-parallax .entry-thumb ul li:after, .blog-single-entry.post-breadcrumb-parallax .entry-thumb > a:after { left: 0; margin: 0 auto; right: 0; } .blog-single-entry.post-breadcrumb-parallax .entry-thumb ul li:after, .blog-single-entry.post-breadcrumb-parallax .entry-thumb > a:after { content: ''; display: block; height: 100%; opacity: 0; position: absolute; top: 0; width: 100%; } .blog-single-entry.post-breadcrumb-parallax .entry-thumb:hover ul li:after, .blog-single-entry.post-breadcrumb-parallax .entry-thumb:hover > a:after { opacity: 1; } .blog-single-entry.post-breadcrumb-parallax > .entry-author, .blog-single-entry.post-breadcrumb-parallax > .entry-date, .blog-single-entry.post-breadcrumb-parallax > .entry-categories, .blog-single-entry.post-breadcrumb-parallax > .entry-comments, .blog-single-entry.post-breadcrumb-parallax > .entry-social-share, .blog-single-entry.post-breadcrumb-parallax > .entry-likes-views, .blog-single-entry.post-breadcrumb-parallax > .entry-tags, .blog-single-entry.post-breadcrumb-parallax > .entry-title { float: left; margin-bottom: 20px; width: 100%; } .blog-single-entry.post-breadcrumb-parallax > .entry-title h1 { font-size: 30px; font-weight: 500; letter-spacing: 1px; margin: 0; padding: 0; text-transform: capitalize; } /*----*****---- << Parallax Type Meta Group >> ----*****----*/ .blog-single-entry.post-breadcrumb-parallax > .entry-meta-group { border: 2px solid; float: left; font-size: 13px; font-weight: 300; letter-spacing: .5px; margin-bottom: 30px; padding: 30px; position: relative; width: 100%; } .blog-single-entry.post-breadcrumb-parallax > .entry-meta-group:before { position: absolute; content: ""; display: block; width: 50px; height: 50px; border-width: 2px; border-style: solid; left: -10px; bottom: -10px; border-top: none; border-right: none; } .blog-single-entry.post-breadcrumb-parallax > .entry-meta-group:after { position: absolute; content: ""; display: block; width: 50px; height: 50px; border-width: 2px; border-style: solid; right: -10px; top: -10px; border-bottom: none; border-left: none; } .blog-single-entry.post-breadcrumb-parallax > .entry-meta-group:hover:before { height: 0; left: 0; width: 100px; } .blog-single-entry.post-breadcrumb-parallax > .entry-meta-group:hover:after { height: 0; right: 0; width: 100px; } .blog-single-entry.post-breadcrumb-parallax > .entry-meta-group > div { display: inline-block; float: none; margin: 0 0 15px 0; position: relative; width: 49%; } .blog-single-entry.post-breadcrumb-parallax > .entry-meta-group > div:nth-child(odd) { clear: both; float: left; text-align: left; } .blog-single-entry.post-breadcrumb-parallax > .entry-meta-group > div:nth-child(even) { float: right; text-align: right; } .blog-single-entry.post-breadcrumb-parallax > .entry-meta-group > div:nth-child(even) .dt-sc-like-views > div { float: none; } .blog-single-entry.post-breadcrumb-parallax > .entry-meta-group > div:nth-child(even) .dt-sc-like-views > div:last-child { margin-right: 0; padding-right: 0; } .blog-single-entry.post-breadcrumb-parallax > .entry-meta-group > div:nth-last-child(-n+2) { margin-bottom: 0; } /* Meta Group - Social Share */ .blog-single-entry.post-breadcrumb-parallax > .entry-meta-group .entry-social-share .share, .blog-single-entry.post-breadcrumb-parallax > .entry-social-share .share { border: none; padding: 0; } .blog-single-entry.post-breadcrumb-parallax > .entry-meta-group .entry-social-share .share i, .blog-single-entry.post-breadcrumb-parallax > .entry-social-share .share i { display: none; } .blog-single-entry.post-breadcrumb-parallax > .entry-meta-group .share ul.dt-share-list, .blog-single-entry.post-breadcrumb-parallax > .entry-social-share .share ul.dt-share-list { display: inline-block; margin: 0; width: 100%; } .blog-single-entry.post-breadcrumb-parallax > .entry-meta-group .share .dt-share-list li, .blog-single-entry.post-breadcrumb-parallax > .entry-social-share .share .dt-share-list li { display: inline-block; margin-right: 15px; padding-bottom: 0; } .blog-single-entry.post-breadcrumb-parallax > .entry-meta-group .share .dt-share-list li:last-child, .blog-single-entry.post-breadcrumb-parallax > .entry-social-share .share .dt-share-list li:last-child { margin-right: 0; } .blog-single-entry.post-breadcrumb-parallax > .entry-meta-group .share .dt-share-list li a, .blog-single-entry.post-breadcrumb-parallax > .entry-social-share .share .dt-share-list li a { font-size: 14px; } .blog-single-entry.post-breadcrumb-parallax > .entry-social-share .share i { display: none; } /* Meta Group - Entry Categories */ .blog-single-entry.post-breadcrumb-parallax > .entry-meta-group > .entry-categories a, .blog-single-entry.post-breadcrumb-parallax > .entry-categories a { display: inline-block; font-size: 13px; height: 20px; letter-spacing: 1px; line-height: 20px; min-width: 30px; padding: 0 10px; position: relative; text-transform: capitalize; } .blog-single-entry.post-breadcrumb-parallax > .entry-meta-group .entry-categories a:first-child, .blog-single-entry.post-breadcrumb-parallax > .entry-categories a:first-child { padding-left: 0 } .blog-single-entry.post-breadcrumb-parallax > .entry-meta-group .entry-categories a:last-child, .blog-single-entry.post-breadcrumb-parallax > .entry-categories a:last-child { padding-right: 0 } .blog-single-entry.post-breadcrumb-parallax > .entry-meta-group .entry-categories a:not(:last-child):after, .blog-single-entry.post-breadcrumb-parallax > .entry-categories a:not(:last-child):after { bottom: -1px; content: '-'; display: block; font-size: 16px; position: absolute; right: -5px; } /* Meta Group - Entry Author */ .blog-single-entry.post-breadcrumb-parallax > .entry-meta-group .entry-author a, .blog-single-entry.post-breadcrumb-parallax > .entry-author a { text-transform: capitalize; } /* Meta Group - Likes Views */ .blog-single-entry.post-breadcrumb-parallax > .entry-meta-group .entry-likes-views .dt-sc-like-views > div { display: inline-block; float: left; margin-right: 10px; padding-right: 10px; position: relative; } .blog-single-entry.post-breadcrumb-parallax > .entry-meta-group .dt-sc-like-views .likes:before, .blog-single-entry.post-breadcrumb-parallax > .entry-likes-views .dt-sc-like-views .likes:before { content: ""; display: block; position: absolute; right: -2px; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); width: 4px; height: 1px; } /* Meta Group - Entry Tags */ .blog-single-entry.post-breadcrumb-parallax > .entry-meta-group > .entry-tags a, .blog-single-entry.post-breadcrumb-parallax > .entry-tags a { display: inline-block; font-size: 13px; height: 20px; letter-spacing: 1px; line-height: 20px; min-width: 30px; padding: 0 10px; position: relative; text-transform: capitalize; } .blog-single-entry.post-breadcrumb-parallax > .entry-meta-group > .entry-tags a:first-child, .blog-single-entry.post-breadcrumb-parallax > .entry-tags a:first-child { padding-left: 0 } .blog-single-entry.post-breadcrumb-parallax > .entry-meta-group > .entry-tags i + a, .blog-single-entry.post-breadcrumb-parallax > .entry-tags i + a { padding-left: 2px; } .blog-single-entry.post-breadcrumb-parallax > .entry-meta-group > .entry-tags a:last-child, .blog-single-entry.post-breadcrumb-parallax > .entry-tags a:last-child { padding-right: 0 } .blog-single-entry.post-breadcrumb-parallax > .entry-meta-group > .entry-tags a:not(:last-child):after, .blog-single-entry.post-breadcrumb-parallax > .entry-tags a:not(:last-child):after { bottom: -1px; content: '-'; display: block; font-size: 16px; position: absolute; right: -5px; } /* Likes Views */ .blog-single-entry.post-breadcrumb-parallax > .entry-likes-views { display: inline-block; margin-bottom: 20px; position: relative; width: 100%; } .blog-single-entry.post-breadcrumb-parallax > .entry-likes-views .dt-sc-like-views > div { display: inline-block; margin-right: 10px; padding-right: 10px; position: relative; } .blog-single-entry.post-breadcrumb-parallax > .entry-likes-views .dt-sc-like-views > div:last-child { margin-right: 0; padding-right: 0; } /* Parallax Type - Post Navigation */ .blog-single-entry.post-breadcrumb-parallax > .entry-post-navigation:not(:first-child) { margin-top: 20px; } .blog-single-entry.post-breadcrumb-parallax > .entry-post-navigation { clear: both; display: block; float: left; margin: 0 0 40px 0; padding: 0; position: relative; width: 100%; } .blog-single-entry.post-breadcrumb-parallax > .entry-post-navigation > div { float: left; min-height: 200px; position: relative; width: 50%; } .blog-single-entry.post-breadcrumb-parallax > .entry-post-navigation > div { cursor: pointer; display: inline-block; overflow: hidden; position: relative; vertical-align: middle; z-index: 1; } .blog-single-entry.post-breadcrumb-parallax > .entry-post-navigation > .post-prev-link:empty, .blog-single-entry.post-breadcrumb-parallax > .entry-post-navigation > .post-next-link:empty { background: #ccc; cursor: not-allowed; width: 49.5%; } .blog-single-entry.post-breadcrumb-parallax > .entry-post-navigation > .post-prev-link:empty { float: left; } .blog-single-entry.post-breadcrumb-parallax > .entry-post-navigation > .post-next-link:empty { float: right; } .blog-single-entry.post-breadcrumb-parallax > .entry-post-navigation > .post-prev-link > .prev-post-bgimg, .blog-single-entry.post-breadcrumb-parallax > .entry-post-navigation > .post-next-link > .next-post-bgimg { background-position: center; background-size: cover; height: 100%; position: absolute; top: 0; transform: scale(1); width: 100%; -moz-transform: scale(1); -webkit-transform: scale(1); } .blog-single-entry.post-breadcrumb-parallax > .entry-post-navigation > .post-prev-link:hover > .prev-post-bgimg, .blog-single-entry.post-breadcrumb-parallax > .entry-post-navigation > .post-next-link:hover > .next-post-bgimg { transform: scale(1.2); } .blog-single-entry.post-breadcrumb-parallax > .entry-post-navigation > .post-prev-link > .prev-post-bgimg { left: 0; } .blog-single-entry.post-breadcrumb-parallax > .entry-post-navigation > .post-next-link > .next-post-bgimg { right: 0; } .blog-single-entry.post-breadcrumb-parallax > .entry-post-navigation > div > a { background: rgba(0,0,0,.5); display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } .blog-single-entry.post-breadcrumb-parallax > .entry-post-navigation > .post-prev-link:hover > a, .blog-single-entry.post-breadcrumb-parallax > .entry-post-navigation > .post-next-link:hover > a { background: rgba(0,0,0,0.9); } .blog-single-entry.post-breadcrumb-parallax > .entry-post-navigation > div > .nav-title-wrap { backface-visibility: hidden; padding: 0; position: absolute; top: 50%; width: 100%; z-index: 1; } .blog-single-entry.post-breadcrumb-parallax > .entry-post-navigation > .post-prev-link > .nav-title-wrap { padding-right: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .blog-single-entry.post-breadcrumb-parallax > .entry-post-navigation > .post-next-link > .nav-title-wrap { padding-left: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .blog-single-entry.post-breadcrumb-parallax > .entry-post-navigation > div > .nav-title-wrap h3 { display: inline-block; margin: 0; position: relative; width: 100%; } .blog-single-entry.post-breadcrumb-parallax > .entry-post-navigation > .post-prev-link .nav-title-wrap h3 { text-align: right; } .blog-single-entry.post-breadcrumb-parallax > .entry-post-navigation > .post-next-link .nav-title-wrap h3 { text-align: left; } .blog-single-entry.post-breadcrumb-parallax > .entry-post-navigation > div > .nav-title-wrap h3 a { font-size: 20px; font-weight: 700; letter-spacing: 1px; margin: 0; text-transform: capitalize; } .blog-single-entry.post-breadcrumb-parallax > .entry-post-navigation > div > .nav-title-wrap p { display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: 1px; margin: 0; position: relative; text-transform: capitalize; width: 100%; } .blog-single-entry.post-breadcrumb-parallax > .entry-post-navigation > .post-prev-link > .nav-title-wrap p { text-align: right; } .blog-single-entry.post-breadcrumb-parallax > .entry-post-navigation > .post-next-link > .nav-title-wrap p { text-align: left; } .blog-single-entry.post-breadcrumb-parallax > .entry-post-navigation > .post-prev-link > .nav-title-wrap span { left: 100%; } .blog-single-entry.post-breadcrumb-parallax > .entry-post-navigation .post-next-link > .nav-title-wrap span { right: 100%; } .blog-single-entry.post-breadcrumb-parallax > .entry-post-navigation > div > .nav-title-wrap span { font-size: 40px; opacity: 0; position: absolute; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .blog-single-entry.post-breadcrumb-parallax > .entry-post-navigation .post-prev-link:hover > .nav-title-wrap span { left: 80%; opacity: 1; } .blog-single-entry.post-breadcrumb-parallax > .entry-post-navigation .post-next-link:hover > .nav-title-wrap span { opacity: 1; right: 80%; } /* Parallax Type - Author Bio */ .blog-single-entry.post-breadcrumb-parallax > .entry-author-bio { clear: both; display: block; float: left; margin: 0 0 20px; overflow: hidden; padding: 0 8%; text-align: center; width: 100%; } .blog-single-entry.post-breadcrumb-parallax > .entry-author-bio:not(:first-child) { margin-top: 20px; } .blog-single-entry.post-breadcrumb-parallax > .entry-author-bio .thumb { display: inline-block; float: none; margin: 0 0 20px 0; position: relative; width: 100%; } .blog-single-entry.post-breadcrumb-parallax > .entry-author-bio .thumb:before, .blog-single-entry.post-breadcrumb-parallax > .entry-author-bio .thumb:after { bottom: 0; content: ''; height: 1px; margin: auto; position: absolute; top: 0; z-index: -1; } .blog-single-entry.post-breadcrumb-parallax > .entry-author-bio .thumb:before { left: -100%; right: 58%; } .blog-single-entry.post-breadcrumb-parallax > .entry-author-bio .thumb:after { left: 58%; right: -100%; } .blog-single-entry.post-breadcrumb-parallax > .entry-author-bio .thumb img { height: auto; max-width: 8%; } .blog-single-entry.post-breadcrumb-parallax > .entry-author-bio .details { display: inline-block; float: none; width: 100%; } .blog-single-entry.post-breadcrumb-parallax > .entry-author-bio .details h3 { font-size: 16px; margin-bottom: 20px; padding: 0; position: relative; text-transform: capitalize; } .blog-single-entry.post-breadcrumb-parallax > .entry-author-bio .details .desc { display: inline-block; float: none; width: 100%; } /* Parallax Type - Comment Entries */ .blog-single-entry.post-breadcrumb-parallax > .commententries:not(:first-child) { margin-top: 20px; } .blog-single-entry.post-breadcrumb-parallax > .entry-related-posts { float: left; margin-bottom: 20px; position: relative; width: 100%; } .blog-single-entry.post-breadcrumb-parallax > .entry-related-posts > h4, .blog-single-entry.post-breadcrumb-parallax > .commententries .comments-area > h3, .blog-single-entry.post-breadcrumb-parallax > .commententries #respond h3#reply-title { font-weight: 400; letter-spacing: 1px; margin: 0 0 20px 0; padding: 0; position: relative; text-transform: capitalize; overflow: hidden; } .blog-single-entry.post-breadcrumb-parallax > .entry-related-posts > h4:before, .blog-single-entry.post-breadcrumb-parallax > .commententries .comments-area > h3:before, .blog-single-entry.post-breadcrumb-parallax > .commententries #respond h3#reply-title:before { content: ''; height: 1px; margin: auto; position: absolute; top: 50%; transform: translateY(0); z-index: -1; -moz-transform: translateY(0); -webkit-transform: translateY(0); } .blog-single-entry.post-breadcrumb-parallax > .entry-related-posts > h4:before, .blog-single-entry.post-breadcrumb-parallax > .commententries .comments-area > h3:before, .blog-single-entry.post-breadcrumb-parallax > .commententries #respond h3#reply-title:before { left: 15%; right: -100%; } .blog-single-entry.post-breadcrumb-parallax > .commententries #respond h3#reply-title small { margin: auto; padding: 0; position: absolute; right: 0; } .blog-single-entry.post-breadcrumb-parallax > .commententries #respond h3#reply-title small a { display: inline-block; font-size: 14px; font-weight: 500; padding: 10px 0 10px 30px; position: relative; text-transform: capitalize; width: 100%; } .blog-single-entry.post-breadcrumb-parallax .commententries .comments-area > h3, .blog-single-entry.post-breadcrumb-parallax .commententries .comments-area > #comments > h3, .blog-single-entry.post-breadcrumb-parallax #reviews h3, .blog-single-entry.post-breadcrumb-parallax #respond h3#reply-title { font-size: 18px; } /*-------------------------------------------------------------- 1.3 - Custom Type Styles --------------------------------------------------------------*/ /*----*****---- << Custom Type - Metagroup Styles >> ----*****----*/ div[class*="metagroup-"] .entry-author, div[class*="metagroup-"] .entry-date, div[class*="metagroup-"] .entry-comments, div[class*="metagroup-"] .entry-categories, div[class*="metagroup-"] .entry-tags, div[class*="metagroup-"] .entry-social-share, div[class*="metagroup-"] .entry-likes-views, div[class*="metagroup-"] .entry-likes-views .dt-sc-like-views > div { display: inline-block; float: none; position: relative; text-transform: capitalize; width: auto; } div[class*="metagroup-"] .entry-likes-views .dt-sc-like-views > div:first-child { margin-right: 5px; } div[class*="metagroup-"] div:empty { display: none; } div[class*="metagroup-"] .entry-social-share .share { border: 1px solid; padding-right: 5px; } div[class*="metagroup-"] .entry-social-share .share > ul { float: none; display: inline-block; margin: 0; margin-bottom: 0; } div[class*="metagroup-"] .entry-social-share .share > ul li { list-style: none; padding-bottom: 0; margin-right: 6px; float: none; display: inline-block; list-style: none; padding: 0; } div[class*="metagroup-"] .entry-social-share .share, div[class*="metagroup-"] .entry-social-share .share * { display: inline-block; float: none; } div[class*="metagroup-"] .entry-social-share .share > i { float: none; display: inline-block; font-size: 14px; height: 30px; line-height: 30px; margin-right: 5px; text-align: center; width: 30px; } div[class*="metagroup-"] div.entry-categories a:not(:last-child), div[class*="metagroup-"] div.entry-tags a:not(:last-child) { margin-right: 5px; padding-right: 5px; position: relative; } div[class*="metagroup-"] div.entry-categories a:not(:last-child):before, div[class*="metagroup-"] div.entry-tags a:not(:last-child):before { bottom: 0; content: ','; display: block; font-size: 22px; margin-top: -5px; position: absolute; right: -2px; } div[class*="metagroup-"] div[class*="entry-"]:not(:last-child) { margin-right: 20px; padding-right: 10px; margin-bottom: 10px; } div[class*="metagroup-"] div[class*="entry-"]:not(:last-child):before { display: block; position: absolute; right: -8px; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } div[class*="metagroup-"] div[class*="entry-"] a i, div[class*="metagroup-"] div[class*="entry-"] > i, div[class*="metagroup-"] div[class*="entry-"] .dt-sc-like-views > div > i, div[class*="meta-elements"] a i, div[class*="meta-elements"] > i, div[class*="meta-elements"] .dt-sc-like-views > div > i { margin-right: 3px; } div[class*="metagroup-space"] div[class*="entry-"]:not(:last-child) { padding-right: 0; } .metagroup-slash-separator div[class*="entry-"]:not(:last-child):before { content: '/'; } .metagroup-vertical-separator div[class*="entry-"]:not(:last-child):before { content: '|'; } .metagroup-horizontal-separator div[class*="entry-"]:not(:last-child):before { content: '-'; } .metagroup-dot-separator div[class*="entry-"]:not(:last-child):before { content: ''; width: 3px; height: 3px; border-radius: 50%; } div[class*="metagroup-comma"] div[class*="entry-"]:not(:last-child) { margin-right: 10px; padding-right: 10px; } div[class*="metagroup-comma"] div[class*="entry-"]:not(:last-child):before { bottom: auto; content: ','; font-size: 22px; margin-top: -5px; right: -2px; } div[class*="separator"] .entry-social-share .share { border: none; padding: 0; } div[class*="separator"] .entry-social-share .share i { display: none; } div[class*="separator"] .entry-social-share .share > ul li:last-child { margin-right: 0; } div[class*="metagroup-elements"] div[class*="entry-"], .post-default > div[class*="entry-meta-group"] div[class*="entry-"] { border: 1px solid #d1d1d1; float: none; display: inline-block; font-size: 14px; padding: 5px 15px; width: auto; margin: 0 0 10px 0; background-color: #fff; } div[class*="metagroup-elements"] div[class*="entry-"]:only-child, .post-default > div[class*="entry-meta-group"] div[class*="entry-"]:only-child { width: 100%; margin: 0; } div[class*="metagroup-elements"] div[class*="entry-"]:last-child, .post-default > div[class*="entry-meta-group"] div[class*="entry-"]:last-child { margin-bottom: 0; } div[class*="metagroup-elements"] div[class*="entry-"]:not(:last-child), .post-default > div[class*="entry-meta-group"] div[class*="entry-"]:not(:last-child) { margin-right: 10px; padding-right: 15px; } div.dt-sc-posts-meta-group div[class*="entry-"] > i[class*="fa"], .post-default > div.dt-sc-posts-meta-group div[class*="entry-"] > i[class*="fa"], div.dt-sc-posts-meta-group div[class*="entry-"] > i.pe, div.dt-sc-posts-meta-group div[class*="entry-"] .dt-sc-like-views > div > i[class*="fa"], .post-default > div.dt-sc-posts-meta-group div[class*="entry-"] .dt-sc-like-views > div > i[class*="fa"], div.dt-sc-posts-meta-group div[class*="entry-"] .dt-sc-like-views > div > i.pe { margin-right: 3px; } div[class*="metagroup-elements"] div[class*="entry-social"] { padding: 0 15px 0 0; } div[class*="metagroup-elements"] div[class*="entry-social"]:not(:last-child) { padding-right: 10px; } div[class*="metagroup-elements"] div[class*="entry-social"] .share { border: none; padding: 0; } div[class*="metagroup-elements"] div[class*="entry-social"] .share > i { background: #d1d1d1; height: 34px; width: 34px; line-height: 34px; color: #000; margin-right: 10px; } div[class*="metagroup-elements-filled"] div[class*="entry-"] { border: none; } div[class*="metagroup-elements-filled"] div[class*="entry-"], div[class*="metagroup-elements-filled"] div[class*="entry-"] a, div[class*="metagroup-elements-filled"] div[class*="entry-"] i, div[class*="entry-"].meta-elements-filled, div[class*="entry-"].meta-elements-filled a, div[class*="entry-"].meta-elements-filled i, div[class*="entry-"].meta-elements-filled-curvy, div[class*="entry-"].meta-elements-filled-curvy a, div[class*="entry-"].meta-elements-filled-curvy i, div[class*="entry-"].meta-elements-filled-round, div[class*="entry-"].meta-elements-filled-round a, div[class*="entry-"].meta-elements-filled-round i, div[class*="meta-elements-filled"]:hover, div[class*="meta-elements-filled"]:hover a, div[class*="meta-elements-filled"]:hover i, div[class*="meta-elements-boxed"]:hover, div[class*="meta-elements-boxed"]:hover a, div[class*="meta-elements-boxed"]:hover i { color: #fff !important; } div[class*="boxed-curvy"] div[class*="entry-"], div[class*="filled-curvy"] div[class*="entry-"], .post-default > div[class*="entry-meta-group"] div[class*="entry-"] { border-radius: 5px; } div[class*="boxed-curvy"] div[class*="entry-social"] .share > i, div[class*="filled-curvy"] div[class*="entry-social"] .share > i { border-radius: 5px 0 0 5px; } div[class*="boxed-round"] div[class*="entry-"], div[class*="filled-round"] div[class*="entry-"] { border-radius: 20px; } div[class*="boxed-round"] div[class*="entry-social"] .share > i, div[class*="filled-round"] div[class*="entry-social"] .share > i { border-radius: 20px 0 0 20px; } /*----*****---- << Custom Type - Meta-Elements Styles >> ----*****----*/ div[class*="meta-elements"].entry-author, div[class*="meta-elements"].entry-date, div[class*="meta-elements"].entry-comments, div[class*="meta-elements"].entry-categories, div[class*="meta-elements"].entry-tags, div[class*="meta-elements"].entry-social-share, div[class*="meta-elements"].entry-likes-views, div[class*="meta-elements"].entry-likes-views .dt-sc-like-views > div { display: inline-block; float: none; position: relative; text-transform: capitalize; width: auto; } div[class*="meta-elements"].entry-likes-views .dt-sc-like-views > div:first-child { margin-right: 5px; } div[class*="meta-elements"].entry-social-share .share { border: 1px solid; padding-right: 5px; } div[class*="meta-elements"].entry-social-share .share > ul { float: none; display: inline-block; margin: 0; margin-bottom: 0; } div[class*="meta-elements"].entry-social-share .share > ul li { list-style: none; padding-bottom: 0; margin-right: 6px; float: none; display: inline-block; list-style: none; padding: 0; } div[class*="meta-elements"].entry-social-share .share, div[class*="meta-elements"].entry-social-share .share * { display: inline-block; float: none; } div[class*="meta-elements"].entry-social-share .share > i { float: none; display: inline-block; font-size: 14px; height: 30px; line-height: 30px; margin-right: 5px; text-align: center; width: 30px; } div[class*="meta-elements"]:not(:last-child) { margin-right: 15px; margin-bottom: 10px; } div[class*="meta-elements-boxed"] { border: 1px solid #d1d1d1; float: none; display: inline-block; font-size: 14px; padding: 5px 15px; padding-right: 15px; width: auto; margin: 0; margin-right: 0; background-color: #fff; } div[class*="meta-elements-filled"] { float: none; display: inline-block; font-size: 14px; padding: 5px 15px; padding-right: 15px; width: auto; margin: 0; margin-right: 0; background-color: #fff; } div[class*="meta-elements-space"].entry-social-share, div[class*="meta-elements-boxed"].entry-social-share, div[class*="meta-elements-filled"].entry-social-share { padding: 0; } div[class*="meta-elements-space"].entry-social-share .share, div[class*="meta-elements-boxed"].entry-social-share .share, div[class*="meta-elements-filled"].entry-social-share .share { border: none; padding: 0 10px 0 0; } div[class*="meta-elements-space"].entry-social-share .share > i, div[class*="meta-elements-boxed"].entry-social-share .share > i, div[class*="meta-elements-filled"].entry-social-share .share > i { height: 34px; width: 34px; line-height: 34px; color: #000; margin-right: 10px; } div[class*="meta-elements"].entry-categories a:not(:last-child), div[class*="meta-elements"].entry-tags a:not(:last-child) { margin-right: 5px; padding-right: 5px; position: relative; } div[class*="meta-elements"].entry-categories a:not(:last-child):before, div[class*="meta-elements"].entry-tags a:not(:last-child):before { bottom: 0; content: ','; display: block; font-size: 22px; margin-top: -5px; position: absolute; right: -2px; } .meta-elements-boxed-curvy, .meta-elements-filled-curvy { border-radius: 5px; } .meta-elements-boxed-round, .meta-elements-filled-round { border-radius: 20px; } div[class*="boxed-curvy"].entry-social-share .share > i, div[class*="filled-curvy"].entry-social-share .share > i { border-radius: 5px 0 0 5px; } div[class*="boxed-round"].entry-social-share .share > i, div[class*="filled-round"].entry-social-share .share > i { border-radius: 20px 0 0 20px; } .blog-single-entry[class*="post-custom"] div[class*="entry-thumb"] { margin-bottom: 25px; } /*-------------------------------------------------------------- Custom Type - Classic Styles --------------------------------------------------------------*/ .blog-single-entry.post-custom-classic h1, .blog-single-entry.post-custom-classic h2, .blog-single-entry.post-custom-classic h3, .blog-single-entry.post-custom-classic h4, .blog-single-entry.post-custom-classic h5, .blog-single-entry.post-custom-classic h6 { font-weight: 400; } .blog-single-entry.post-custom-classic .entry-title, .blog-single-entry.post-custom-classic div[class*="metagroup-"] { float: left; width: 100%; } .blog-single-entry.post-custom-classic .entry-title { margin-bottom: 20px; } .blog-single-entry.post-custom-classic .entry-title h1 { font-size: 26px; font-weight: 400; letter-spacing: 1px; margin: 0; padding: 0; text-transform: capitalize; } .dt-sc-custom-metagroup.right { text-align: right; } .blog-single-entry.post-custom-classic > .vc_row div[class*="entry-"], .blog-single-entry.post-custom-classic > .vc_row div[class*="entry-"] li a { font-size: 11px; line-height: normal; text-transform: uppercase; } .blog-single-entry.post-custom-classic div[class*="entry-thumb"] { line-height: 0; } .blog-single-entry.post-custom-classic div[class*="entry-"] .dt-sc-like-views a, .blog-single-entry.post-custom-classic div[class*="entry-"] .dt-sc-like-views span { font-size: 12px; } .blog-single-entry.post-custom-classic div[class*="entry-thumb"]:hover img { opacity: 0.85; } .blog-single-entry.post-custom-classic div[class*="vc_row"] { margin: auto; } .blog-single-entry.post-custom-classic div[class*="dt-sc-lightbox-img"] .entry-format { display: none; } .blog-single-entry.post-custom-classic div[class*="meta-elements"].entry-social-share .share > i, .blog-single-entry.post-custom-classic div[class*="metagroup"] .entry-social-share .share > i { font-size: 11px; height: 25px; line-height: 25px; width: 25px; } /* Classic Type - Author Bio */ .blog-single-entry[class*="post-custom-classic"] > .vc_row div[class*="entry-author-bio"] { font-size: 15px; line-height: 25px; text-transform: none; } .blog-single-entry[class*="post-custom-classic"] .entry-author-bio { clear: both; display: block; float: left; margin: 0 0 20px; overflow: hidden; padding: 0 8%; text-align: center; width: 100%; } .blog-single-entry[class*="post-custom-classic"] .entry-author-bio .thumb { display: inline-block; float: none; margin: 0 0 20px 0; position: relative; width: 100%; } .blog-single-entry[class*="post-custom-classic"] .entry-author-bio .thumb:before, .blog-single-entry[class*="post-custom"] .entry-author-bio .thumb:after { bottom: 0; content: ''; height: 1px; margin: auto; position: absolute; top: 0; z-index: -1; } .blog-single-entry[class*="post-custom-classic"] .entry-author-bio .thumb:before { left: -100%; right: 58%; } .blog-single-entry[class*="post-custom-classic"] .entry-author-bio .thumb:after { left: 58%; right: -100%; } .blog-single-entry[class*="post-custom-classic"] .entry-author-bio .thumb img { height: auto; max-width: 12%; border-radius: 50%; } .blog-single-entry[class*="post-custom-classic"] .entry-author-bio .details { display: inline-block; float: none; width: 100%; } .blog-single-entry[class*="post-custom-classic"] .entry-author-bio .details h3 { font-weight: 700; font-size: 22px; margin-bottom: 30px; padding: 25px 0 0; position: relative; text-transform: uppercase; } .blog-single-entry[class*="post-custom-classic"] .entry-author-bio .details h3 span { font-size: 11px; left: 0; letter-spacing: 1.5px; margin: auto; position: absolute; right: 0; top: 0; } .blog-single-entry[class*="post-custom-classic"] .entry-author-bio .details .desc { display: inline-block; float: none; width: 100%; } /* Classic Type - Related Posts */ .blog-single-entry[class*="post-custom-classic"] .entry-related-posts { float: left; margin-bottom: 20px; position: relative; width: 100%; } .blog-single-entry[class*="post-custom-classic"] .entry-related-posts > h4, .blog-single-entry[class*="post-custom-classic"] .commententries > #comments > h3, .blog-single-entry[class*="post-custom-classic"] .commententries #respond > h3#reply-title { font-size: 14px; font-weight: 700; letter-spacing: 1px; margin: 0 0 50px 0; overflow: hidden; padding: 0; position: relative; text-align: center; text-transform: uppercase; } .blog-single-entry[class*="post-custom-classic"] .entry-related-posts > h4:before, .blog-single-entry[class*="post-custom"] .entry-related-posts > h4:after, .blog-single-entry[class*="post-custom-classic"] .commententries > #comments > h3:before, .blog-single-entry[class*="post-custom-classic"] .commententries > #comments > h3:after, .blog-single-entry[class*="post-custom-classic"] .commententries #respond > h3#reply-title:before, .blog-single-entry[class*="post-custom-classic"] .commententries #respond > h3#reply-title:after { bottom: 0; content: ''; height: 1px; margin: auto; position: absolute; top: 0; z-index: -1; } .blog-single-entry[class*="post-custom-classic"] .entry-related-posts > h4:before, .blog-single-entry[class*="post-custom-classic"] .commententries > #comments >h3:before, .blog-single-entry[class*="post-custom-classic"] .commententries #respond > h3#reply-title:before { left: -100%; right: 60%; } .blog-single-entry[class*="post-custom-classic"] .entry-related-posts > h4:after, .blog-single-entry[class*="post-custom-classic"] .commententries > #comments > h3:after, .blog-single-entry[class*="post-custom-classic"] .commententries #respond > h3#reply-title:after { left: 60%; right: -100%; } .blog-single-entry[class*="post-custom-classic"] .commententries .commentlist #respond > h3#reply-title:before { right: 65%; } .blog-single-entry[class*="post-custom-classic"] .commententries .commentlist #respond > h3#reply-title:after { left: 65%; } .blog-single-entry[class*="post-custom-classic"] .commententries .commentlist #respond h3#reply-title small { margin-left: 20px; } .blog-single-entry[class*="post-custom-classic"] .commententries #respond > h3#reply-title { margin-bottom: 15px; } /* Classic Type - Posts Navigation */ .blog-single-entry[class*="post-custom-classic"] .entry-post-navigation { border-bottom: 1px solid; border-top: 1px solid; clear: both; display: block; float: left; margin: 0 0 40px 0; padding: 80px 0; position: relative; width: 100%; } .blog-single-entry[class*="post-custom-classic"] .entry-post-navigation:before { content: ''; height: 50%; left: 50%; position: absolute; top: 50%; transform: translateY(-50%); width: 1px; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .blog-single-entry[class*="post-custom-classic"] .entry-post-navigation > div { cursor: pointer; display: inline-block; overflow: hidden; position: relative; vertical-align: middle; z-index: 1; } .blog-single-entry[class*="post-custom-classic"] .entry-post-navigation > div { float: left; height: 100px; position: relative; width: 50%; } .blog-single-entry[class*="post-custom-classic"] .entry-post-navigation > .post-prev-link > .prev-post-bgimg, .blog-single-entry[class*="post-custom-classic"] .entry-post-navigation > .post-next-link > .next-post-bgimg { background-position: center; background-size: cover; border-radius: 50%; height: 100px; position: absolute; top: 0; transform: scale(1); width: 100px; -moz-transform: scale(1); overflow: hidden; -webkit-transform: scale(1); } .blog-single-entry[class*="post-custom-classic"] .entry-post-navigation > .post-prev-link:hover > .prev-post-bgimg:before, .blog-single-entry[class*="post-custom-classic"] .entry-post-navigation > .post-next-link:hover > .next-post-bgimg:before { opacity: 1; } .blog-single-entry[class*="post-custom-classic"] .entry-post-navigation > .post-prev-link > .prev-post-bgimg:before, .blog-single-entry[class*="post-custom-classic"] .entry-post-navigation > .post-next-link > .next-post-bgimg:before { background: rgba(0,0,0,.3); background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 10%, rgba(0,0,0,.3) 100%); background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 10%, rgba(0,0,0,.3) 100%); background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 10%, rgba(0,0,0,.3) 100%); background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 10%, rgba(0,0,0,.3) 100%); background: radial-gradient(rgba(0,0,0,0) 10%, rgba(0,0,0,.3) 100%); } .blog-single-entry[class*="post-custom-classic"] .entry-post-navigation > .post-prev-link > .prev-post-bgimg:before, .blog-single-entry[class*="post-custom-classic"] .entry-post-navigation > .post-next-link > .next-post-bgimg:before { border: none; content: ''; display: block; height: 100%; opacity: 0; position: absolute; top: 0; width: 100%; } .blog-single-entry[class*="post-custom-classic"] .entry-post-navigation > .post-prev-link > .prev-post-bgimg { left: 0; } .blog-single-entry[class*="post-custom-classic"] .entry-post-navigation > .post-next-link > .next-post-bgimg { right: 0; } .blog-single-entry[class*="post-custom-classic"] .entry-post-navigation > div > .nav-title-wrap { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; z-index: 1; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .blog-single-entry[class*="post-custom-classic"] .entry-post-navigation > .post-prev-link > .nav-title-wrap { padding: 0 20px 0 120px; } .blog-single-entry[class*="post-custom-classic"] .entry-post-navigation > .post-next-link > .nav-title-wrap { padding: 0 120px 0 20px; } .blog-single-entry[class*="post-custom-classic"] .entry-post-navigation > .post-prev-link > .nav-title-wrap { text-align: left; } .blog-single-entry[class*="post-custom-classic"] .entry-post-navigation > .post-next-link > .nav-title-wrap { text-align: right; } .blog-single-entry[class*="post-custom-classic"] .entry-post-navigation > div > .nav-title-wrap p { display: block; font-size: 11px; font-weight: 500; letter-spacing: 1.5px; margin: 0; position: relative; text-transform: uppercase; width: 100%; } .blog-single-entry[class*="post-custom-classic"] .entry-post-navigation > div > .nav-title-wrap h3 { display: block; margin: 10px 0 0 0; position: relative; width: 100%; } .blog-single-entry[class*="post-custom-classic"] .entry-post-navigation > div > .nav-title-wrap h3 a { font-size: 15px; font-weight: 700; letter-spacing: 1px; margin: 0; text-transform: uppercase; } .blog-single-entry[class*="post-custom-classic"] .entry-post-navigation > div > .nav-title-wrap span { display: none; } .blog-single-entry[class*="post-custom-classic"] .entry-post-navigation > div > a { display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } /* Classic Light Color */ .blog-single-entry.post-custom-classic .entry-categories.meta-elements-space i, .blog-single-entry.post-custom-classic div[class*="metagroup-"] div[class*="entry-"] a, .blog-single-entry.post-custom-classic div[class*="metagroup-"] div[class*="meta-elements"] a, .blog-single-entry.post-custom-classic div[class*="metagroup-"] div[class*="entry-"], .blog-single-entry.post-custom-classic div[class*="metagroup-"] div[class*="entry-"] i, .blog-single-entry.post-custom-classic div[class*="metagroup-"] div[class*="entry-"] a i, .blog-single-entry[class*="post-custom-classic"] .entry-post-navigation > div > .nav-title-wrap p { color: #b4b4b4; } .blog-single-entry.post-custom-classic div[class*="meta-elements-boxed"] a, .blog-single-entry.post-custom-classic div[class*="meta-elements"].entry-social-share .share > i, .blog-single-entry.post-custom-classic div[class*="metagroup-"] .entry-social-share .share > i, .blog-single-entry[class*="post-custom-classic"] .entry-author-bio .details h3, .blog-single-entry[class*="post-custom-classic"] .entry-author-bio .details h3 a { color: #454545; } .blog-single-entry.post-custom-classic div[class*="meta-elements-boxed"], .blog-single-entry[class*="post-custom-classic"] .entry-post-navigation { border-color: #ebebeb; } .blog-single-entry.post-custom-classic div[class*='metagroup-'] .entry-social-share .share > i, .blog-single-entry.post-custom-classic div[class*='meta-elements'].entry-social-share .share > i, .blog-single-entry[class*='post-custom-classic'] .entry-author-bio .thumb:before, .blog-single-entry[class*='post-custom-classic'] .entry-author-bio .thumb:after, .blog-single-entry[class*='post-custom-classic'] .entry-related-posts h4:before, .blog-single-entry[class*='post-custom'] .entry-related-posts h4:after, .blog-single-entry[class*='post-custom-classic'] .commententries > #comments > h3:before, .blog-single-entry[class*='post-custom-classic'] .commententries > #comments > h3:after, .blog-single-entry[class*='post-custom-classic'] .commententries #respond > h3#reply-title:before, .blog-single-entry[class*='post-custom-classic'] .commententries #respond > h3#reply-title:after, .blog-single-entry[class*='post-custom-classic'] .entry-post-navigation:before { background: #ebebeb; } .blog-single-entry.post-custom-classic div[class*="-boxed"]:hover, .blog-single-entry.post-custom-classic div[class*="-boxed"] div:hover { background: none; } /*-------------------------------------------------------------- Custom Type - Modern Style --------------------------------------------------------------*/ .post-custom-modern .entry-title h1 { margin-bottom: 14px; } .post-custom-modern .post-image-grid { padding-left: 15px; padding-right: 15px; } .post-custom-modern .post-image-grid .wpb_column { margin-bottom: 0; } .post-custom-modern .post-image-grid .lightbox-preview-img, .post-custom-modern .post-image-grid .lightbox-preview-img img { float: left; width: 100%; } .post-custom-modern .post-image-grid .wpb_column .vc_column-inner { padding-right: 0; padding-left: 0; } /* Modern Type - Posts Navigation */ .post-custom-modern .entry-post-navigation > div { width: 50%; float: left; position: relative; min-height: 240px; overflow: hidden; } .post-custom-modern .entry-post-navigation > div div[class*="post-bgimg"] { position: absolute; width: 100%; height: 100%; background-size: cover; background-position: center; z-index: -1; } .post-custom-modern .entry-post-navigation > div div[class*="post-bgimg"]:before { content: ''; display: block; height: 100%; position: absolute; top: 0; width: 100%; } .post-custom-modern .entry-post-navigation > div div.prev-post-bgimg:before { opacity: 0.5; background: -moz-linear-gradient(right, rgba(0,0,0,0) 0%, rgba(0,0,0,.85) 100%); background: -webkit-gradient(linear, top left, top right, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,.8))); background: -webkit-linear-gradient(right, rgba(0,0,0,0) 0%, rgba(0,0,0,.85) 100%); background: -o-linear-gradient(right, rgba(0,0,0,0) 0%, rgba(0,0,0,.85) 100%); background: -ms-linear-gradient(right, rgba(0,0,0,0) 0%, rgba(0,0,0,.85) 100%); background: linear-gradient(to left, rgba(0,0,0,0) 0%, rgba(0,0,0,.85) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0); left: 0; } .post-custom-modern .entry-post-navigation > div div.next-post-bgimg:before { background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,.85) 100%); background: -webkit-gradient(linear, top right, top left, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,.8))); background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,.85) 100%); background: -o-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,.85) 100%); background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,.85) 100%); background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,.85) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0); opacity: .5; right: 0; } .post-custom-modern .entry-post-navigation > div:hover div.next-post-bgimg:before, .post-custom-modern .entry-post-navigation > div:hover div.prev-post-bgimg:before { opacity: 1; } .post-custom-modern .entry-post-navigation > div.post-prev-link > a, .post-custom-modern .entry-post-navigation > div.post-next-link > a { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 9; } .post-custom-modern .entry-post-navigation > div.post-prev-link div.prev-post-bgimg, .post-custom-modern .entry-post-navigation > div.post-next-link div.next-post-bgimg { max-width: none; transition: opacity .35s, transform .45s; width: calc(100% + 10%); } .post-custom-modern .entry-post-navigation > div.post-next-link div.next-post-bgimg, .post-custom-modern .entry-post-navigation > div.post-prev-link:hover div.prev-post-bgimg { transform: translate3d(-6.66%, 0, 0); -webkit-transform: translate3d(-6.66%, 0, 0); } .post-custom-modern .entry-post-navigation > div.post-next-link:hover div.next-post-bgimg, .post-custom-modern .entry-post-navigation > div.post-prev-link div.prev-post-bgimg { transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); } .post-custom-modern div.nav-title-wrap { height: 100%; padding: 40px; position: absolute; width: 100%; } .post-custom-modern div.nav-title-wrap p { text-transform: uppercase; font-size: 12px; } .post-custom-modern div.nav-title-wrap p, .post-custom-modern div.nav-title-wrap h3 { margin-bottom: 0; } .post-custom-modern div.nav-title-wrap h3 { font-size: 24px; } .post-custom-modern div.nav-title-wrap > span { bottom: 15px; font-size: 24px; position: absolute; right: 20px; text-align: center; width: 80px; height: 30px; } .post-custom-modern div.nav-title-wrap > span:before { line-height: 28px; } .post-custom-modern .post-next-link div.nav-title-wrap { text-align: right; } .post-custom-modern .post-next-link div.nav-title-wrap > span { left: 20px; right: auto; } /* Modern Type - Author Bio */ .post-custom-modern .entry-author-bio { width: 100%; float: left; border-right: 1px solid; } .post-custom-modern .entry-author-bio .thumb { width: 15%; float: left; } .post-custom-modern .entry-author-bio .thumb img { border-radius: 50%; } .post-custom-modern .entry-author-bio .details { float: right; margin-left: 5%; padding-right: 5%; width: 80%; } .post-custom-modern .entry-author-bio .details h3 { text-transform: capitalize; padding-bottom: 10px; margin-bottom: 10px; width: 100%; float: left; font-size: 16px; } .post-custom-modern .entry-author-bio .details h3 a { border-bottom: 1px solid rgba(0, 0, 0, .2); display: inline-block; float: none; padding-bottom: 12px; } .post-custom-modern .entry-author-bio .details h3 span { display: none; } .single-post .mfp-title { font-size: 0; margin-top: 10px; padding-right: 0; text-align: center; text-transform: capitalize; } .single-post .mfp-title a { font-size: 16px; border-bottom: 1px solid; } .single-post button, .single-post button.mfp-close, .single-post button.mfp-arrow, .single-post button.mfp-close:active { transform: none; -moz-transform: none; -webkit-transform: none; -ms-transform: none; top: auto; } .single-post .blog-single-entry.format-audio .entry-thumb.single-preview-img .mejs-offscreen + .mejs-container { min-height: 120px !important; } .single-post .blog-single-entry.format-audio .entry-thumb.single-preview-img .mejs-container button { border-radius: 0; } .single-post .blog-single-entry.format-audio .entry-thumb.single-preview-img .mejs-container .mejs-time { line-height: 5px; } /*-------------------------------------------------------------- Custom Type - Minimal Style --------------------------------------------------------------*/ .post-custom-minimal.blog-single-entry .entry-thumb { position: initial; } .post-custom-minimal.blog-single-entry .entry-thumb .entry-format { left: 15px; } /* Minimal Type - Author Bio */ .post-custom-minimal.blog-single-entry .entry-author-bio img { border-radius: 50%; margin: 0 auto 20px; text-align: center; width: 100px; } /* Minimal Type - Social Share */ .post-custom-minimal.blog-single-entry .social-share-inline.entry-social-share { display: inline-block; margin: 0 0 15px 0; position: relative; } .post-custom-minimal.blog-single-entry .social-share-inline.entry-social-share .share i { display: none; } .post-custom-minimal.blog-single-entry .social-share-inline.entry-social-share .share .dt-share-list li { display: inline-block; margin-right: 15px; } .post-custom-minimal.blog-single-entry .social-share-inline.entry-social-share .share .dt-share-list li:last-child { margin-right: 0; } /* Minimal Type - Post Navigation */ .post-custom-minimal.blog-single-entry .entry-post-navigation { border: 1px solid #d7d7d7; border-left: 0; border-right: 0; display: inline-block; position: relative; width: 100%; } .post-custom-minimal.blog-single-entry .entry-post-navigation:after { background: #d7d7d7; content: ''; height: 50%; left: 50%; position: absolute; top: 50%; transform: translateY(-50%); width: 1px; } .post-custom-minimal.blog-single-entry .entry-post-navigation > div { float: left; margin: 0 2% 0 0; padding: 20px 20px 25px; position: relative; text-align: center; width: 49%; z-index: 1; } .post-custom-minimal.blog-single-entry .entry-post-navigation > div:last-child { margin: 0; } .post-custom-minimal.blog-single-entry .entry-post-navigation > div > .nav-title-wrap p { display: none; } .post-custom-minimal.blog-single-entry .entry-post-navigation > .post-prev-link { text-align: left; } .post-custom-minimal.blog-single-entry .entry-post-navigation > .post-next-link { text-align: right; } .post-custom-minimal.blog-single-entry .entry-post-navigation > .post-next-link h3 { margin: 0; } .post-custom-minimal.blog-single-entry .entry-post-navigation > div span.fa { position: absolute; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .post-custom-minimal.blog-single-entry .entry-post-navigation > .post-prev-link h3 { margin: 0; } .post-custom-minimal.blog-single-entry .entry-post-navigation > div.post-prev-link span.fa { left: 10px; } .post-custom-minimal.blog-single-entry .entry-post-navigation > div.post-next-link span.fa { right: 10px; } .post-custom-minimal.blog-single-entry .write-comment-button a { border: 1px solid; border-radius: 50px; font-size: 16px; padding: 4px 25px 5px; } .post-custom-minimal.blog-single-entry .entry-related-posts > h4 { text-align: center; } .post-custom-minimal.blog-single-entry .commententries { padding: 50px; } /*-------------------------------------------------------------- 1.4 - Sidebar Styles --------------------------------------------------------------*/ .page-with-sidebar .blog-single-entry.post-overlap > .entry-thumb .entry-overlap .entry-title h1 { font-size: 25px; } .with-both-sidebar .blog-single-entry.post-overlap > .entry-thumb .entry-overlap .entry-title h1 { font-size: 20px; } .with-both-sidebar .blog-single-entry.post-overlap > .entry-post-navigation > div { padding: 20px 30px 20px 30px; } .with-both-sidebar .blog-single-entry.post-overlap > .entry-post-navigation > div > span { font-size: 30px; } .with-both-sidebar .blog-single-entry.post-overlap > .entry-post-navigation > div > h3 { font-size: 14px; } /* Breadcrumb Fixed Parallax Style */ .with-both-sidebar .blog-single-entry.post-breadcrumb-parallax > .entry-post-navigation > div, .with-both-sidebar .blog-single-entry.post-breadcrumb-parallax > .entry-post-navigation > .post-prev-link:empty, .with-both-sidebar .blog-single-entry.post-breadcrumb-parallax > .entry-post-navigation > .post-next-link:empty { margin-bottom: 2%; width: 100%; } .page-with-sidebar .blog-single-entry.post-breadcrumb-parallax > .entry-post-navigation > .post-prev-link > .nav-title-wrap { padding-right: 30%; } .page-with-sidebar .blog-single-entry.post-breadcrumb-parallax > .entry-post-navigation > .post-next-link > .nav-title-wrap { padding-left: 30%; } .with-both-sidebar .blog-single-entry.post-breadcrumb-parallax > .entry-post-navigation > .post-prev-link > .nav-title-wrap { transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .with-both-sidebar .blog-single-entry.post-breadcrumb-parallax > .entry-post-navigation > .post-next-link > .nav-title-wrap { transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .with-both-sidebar .blog-single-entry.post-breadcrumb-parallax > .entry-related-posts > h4:before, .with-both-sidebar .blog-single-entry.post-breadcrumb-parallax > .commententries .comments-area > h3:before, .with-both-sidebar .blog-single-entry.post-breadcrumb-parallax > .commententries #respond h3#reply-title:before { left: 30%; } /* Post Breadcrumb Parallax - Archive Related Post */ .page-with-sidebar .blog-single-entry.post-breadcrumb-parallax > .entry-related-posts .dt-sc-one-third.dt-sc-canvas-style.dt-sc-post-entry.entry-cover-layout .blog-entry > div.entry-meta-group > div:nth-child(odd), .page-with-sidebar .blog-single-entry.post-breadcrumb-parallax > .entry-related-posts .dt-sc-one-third.dt-sc-canvas-style.dt-sc-post-entry.entry-cover-layout .blog-entry .entry-details > div.entry-meta-group > div:nth-child(odd), .page-with-sidebar .blog-single-entry.post-breadcrumb-parallax > .entry-related-posts .dt-sc-one-third.dt-sc-canvas-style.dt-sc-post-entry.entry-cover-layout .blog-entry > div.entry-meta-group > div:nth-child(even), .page-with-sidebar .blog-single-entry.post-breadcrumb-parallax > .entry-related-posts .dt-sc-one-third.dt-sc-canvas-style.dt-sc-post-entry.entry-cover-layout .blog-entry .entry-details > div.entry-meta-group > div:nth-child(even) { clear: both; display: inline-block; float: none; margin-bottom: 10px; text-align: inherit; width: 100%; } .page-with-sidebar .blog-single-entry.post-breadcrumb-parallax > .entry-related-posts .dt-sc-one-third.dt-sc-canvas-style.dt-sc-post-entry.entry-cover-layout .blog-entry > div.entry-meta-group > div:nth-child(odd):last-child, .page-with-sidebar .blog-single-entry.post-breadcrumb-parallax > .entry-related-posts .dt-sc-one-third.dt-sc-canvas-style.dt-sc-post-entry.entry-cover-layout .blog-entry .entry-details > div.entry-meta-group > div:nth-child(odd):last-child, .page-with-sidebar .blog-single-entry.post-breadcrumb-parallax > .entry-related-posts .dt-sc-one-third.dt-sc-canvas-style.dt-sc-post-entry.entry-cover-layout .blog-entry > div.entry-meta-group > div:nth-child(even):last-child, .page-with-sidebar .blog-single-entry.post-breadcrumb-parallax > .entry-related-posts .dt-sc-one-third.dt-sc-canvas-style.dt-sc-post-entry.entry-cover-layout .blog-entry .entry-details > div.entry-meta-group > div:nth-child(even):last-child { margin-bottom: 0; } .page-with-sidebar .blog-single-entry.post-breadcrumb-parallax > .entry-related-posts .dt-sc-one-third.dt-sc-boxed-style.dt-sc-post-entry .blog-entry > div.entry-meta-group > div:nth-child(odd), .page-with-sidebar .blog-single-entry.post-breadcrumb-parallax > .entry-related-posts .dt-sc-one-third.dt-sc-boxed-style.dt-sc-post-entry .blog-entry .entry-details > div.entry-meta-group > div:nth-child(odd), .page-with-sidebar .blog-single-entry.post-breadcrumb-parallax > .entry-related-posts .dt-sc-one-third.dt-sc-boxed-style.dt-sc-post-entry .blog-entry > div.entry-meta-group > div:nth-child(even), .page-with-sidebar .blog-single-entry.post-breadcrumb-parallax > .entry-related-posts .dt-sc-one-third.dt-sc-boxed-style.dt-sc-post-entry .blog-entry .entry-details > div.entry-meta-group > div:nth-child(even) { clear: both; display: inline-block; float: none; margin-bottom: 10px; text-align: inherit; width: 100%; } .page-with-sidebar .blog-single-entry.post-breadcrumb-parallax > .entry-related-posts .dt-sc-one-third.dt-sc-boxed-style.dt-sc-post-entry .blog-entry > div.entry-meta-group > div:nth-child(odd):last-child, .page-with-sidebar .blog-single-entry.post-breadcrumb-parallax > .entry-related-posts .dt-sc-one-third.dt-sc-boxed-style.dt-sc-post-entry .blog-entry .entry-details > div.entry-meta-group > div:nth-child(odd):last-child, .page-with-sidebar .blog-single-entry.post-breadcrumb-parallax > .entry-related-posts .dt-sc-one-third.dt-sc-boxed-style.dt-sc-post-entry .blog-entry > div.entry-meta-group > div:nth-child(even):last-child, .page-with-sidebar .blog-single-entry.post-breadcrumb-parallax > .entry-related-posts .dt-sc-one-third.dt-sc-boxed-style.dt-sc-post-entry .blog-entry .entry-details > div.entry-meta-group > div:nth-child(even):last-child { margin-bottom: 0; } .blog-single-entry.post-breadcrumb-parallax .entry-body .entry-post-navigation > div:not(:last-child), .blog-single-entry.post-overlay .entry-body .entry-post-navigation > div:not(:last-child), .blog-single-entry.post-overlap .entry-body .entry-post-navigation > div:not(:last-child) { width: 50%; float: left; padding-right: 10px; } .blog-single-entry.post-breadcrumb-parallax .entry-body .entry-post-navigation > div:last-child, .blog-single-entry.post-overlay .entry-body .entry-post-navigation > div:last-child, .blog-single-entry.post-overlap .entry-body .entry-post-navigation > div:last-child { width: 50%; float: right; text-align: right; padding-left: 10px; } /* Breadcrumb Fixed Style */ .with-both-sidebar .blog-single-entry.post-breadcrumb-fixed > .dt-sc-one-sixth, .with-both-sidebar .blog-single-entry.post-breadcrumb-fixed > .dt-sc-five-sixth { width: 100%; } .with-both-sidebar .blog-single-entry.post-breadcrumb-fixed > .column.dt-post-sticky-wrapper .list-trending ul li a > img { margin: auto; } .with-both-sidebar .blog-single-entry.post-breadcrumb-fixed > .column > .entry-post-navigation > div, .with-both-sidebar .blog-single-entry.post-breadcrumb-fixed > .column > .entry-post-navigation > .post-prev-link:empty, .with-both-sidebar .blog-single-entry.post-breadcrumb-fixed > .column > .entry-post-navigation > .post-next-link:empty { margin-bottom: 2%; width: 100%; } /* Custom Classic Style */ .page-with-sidebar .blog-single-entry[class*="post-custom-classic"] .commententries .commentlist #respond > h3#reply-title:before { right: 70%; } .page-with-sidebar .blog-single-entry[class*="post-custom-classic"] .commententries .commentlist #respond > h3#reply-title:after { left: 70%; } .with-both-sidebar .blog-single-entry[class*="post-custom-classic"] .entry-author-bio .thumb img { max-width: 18%; } .with-both-sidebar .blog-single-entry[class*="post-custom-classic"] .entry-author-bio .thumb:before { right: 65%; } .with-both-sidebar .blog-single-entry[class*="post-custom-classic"] .entry-author-bio .thumb:after { left: 65%; } .with-both-sidebar .blog-single-entry[class*="post-custom-classic"] .entry-post-navigation { padding: 50px 0; } .with-both-sidebar .blog-single-entry[class*="post-custom-classic"] .entry-post-navigation > div { height: 80px; } .with-both-sidebar .blog-single-entry[class*="post-custom-classic"] .entry-post-navigation > .post-prev-link > .prev-post-bgimg, .with-both-sidebar .blog-single-entry[class*="post-custom-classic"] .entry-post-navigation > .post-next-link > .next-post-bgimg { height: 80px; width: 80px; } .with-both-sidebar .blog-single-entry[class*="post-custom-classic"] .entry-post-navigation > .post-prev-link > .nav-title-wrap { padding: 0 20px 0 100px; } .with-both-sidebar .blog-single-entry[class*="post-custom-classic"] .entry-post-navigation > .post-next-link > .nav-title-wrap { padding: 0 100px 0 20px; } .with-both-sidebar .blog-single-entry[class*="post-custom-classic"] .entry-post-navigation > div > .nav-title-wrap p { font-size: 10px; font-weight: 500; letter-spacing: 1px; text-transform: capitalize; } .with-both-sidebar .blog-single-entry[class*="post-custom-classic"] .entry-post-navigation > div > .nav-title-wrap h3 { margin: 5px 0 0 0; } .with-both-sidebar .blog-single-entry[class*="post-custom-classic"] .entry-post-navigation > div > .nav-title-wrap h3 a { font-size: 10px; letter-spacing: 1px; text-transform: capitalize; } .with-both-sidebar .blog-single-entry[class*="post-custom-classic"] .entry-related-posts > h4:before, .with-both-sidebar .blog-single-entry[class*="post-custom-classic"] .commententries > #comments >h3:before, .with-both-sidebar .blog-single-entry[class*="post-custom-classic"] .commententries #respond > h3#reply-title:before { right: 70%; } .with-both-sidebar .blog-single-entry[class*="post-custom-classic"] .entry-related-posts > h4:after, .with-both-sidebar .blog-single-entry[class*="post-custom-classic"] .commententries > #comments > h3:after, .with-both-sidebar .blog-single-entry[class*="post-custom-classic"] .commententries #respond > h3#reply-title:after { left: 70%; } .with-both-sidebar .blog-single-entry[class*="post-custom-classic"] .commententries .commentlist #respond > h3#reply-title:before { right: 85%; } .with-both-sidebar .blog-single-entry[class*="post-custom-classic"] .commententries .commentlist #respond > h3#reply-title:after { left: 85%; } /* Unit Test Fixes */ .page-link a, .page-link > span { background: none; border: none; border-radius: 50%; color: #666; display: inline-block; font-size: 13px; font-weight: 600; height: 24px; line-height: 24px; margin: 10px 2px; padding: 0; position: relative; text-align: center; text-transform: uppercase; width: 24px; } .entry-body > .page-link { float: left; margin-bottom: 20px; width: 100%; } .blog-single-entry .entry-body > p + ul { list-style-position: outside; margin-left: 0; padding-left: 20px; } .blog-single-entry .entry-post-navigation + section.commententries h2 + p + blockquote, .blog-single-entry .entry-post-navigation + section.commententries h2 + p + blockquote + p + blockquote { margin: 20px 0 20px; } .blog-single-entry .entry-body h2 + p + blockquote, .blog-single-entry .entry-body h2 + p + blockquote + p + blockquote, .page-template-default .type-page h2 + p + blockquote, .page-template-default .type-page h2 + p + blockquote + p + blockquote, .blog-single-entry ul.commentlist h2 + p + blockquote, .blog-single-entry ul.commentlist h2 + p + blockquote + p + blockquote { margin: 20px 0 10px; } .blog-single-entry .entry-post-navigation + section.commententries h2 + p + blockquote p, .blog-single-entry .entry-body h2 + p + blockquote p, .page-template-default .type-page h2 + p + blockquote p { display: inline-block; float: none; } .blog-single-entry .entry-post-navigation + section.commententries p ~ h6 + h2, .blog-single-entry .entry-post-navigation + section.commententries blockquote + p ~ h2, .blog-single-entry .entry-body p ~ h6 + h2, .blog-single-entry .entry-body blockquote + p ~ h2, .page-template-default .type-page p ~ h6 + h2, .page-template-default .type-page blockquote + p ~ h2, .blog-single-entry ul.commentlist .entry-post-navigation + section.commententries p ~ h6 + h2, .blog-single-entry ul.commentlist .entry-post-navigation + section.commententries blockquote + p ~ h2, .blog-single-entry ul.commentlist p ~ h6 + h2, .blog-single-entry ul.commentlist blockquote + p ~ h2 { margin-top: 30px; } .blog-single-entry .entry-body h3 + ul { padding-top: 10px; } .blog-single-entry .entry-body ol { list-style-position: inherit; } .blog-single-entry .entry-body ul + h3, .blog-single-entry .entry-body ol + h3 { margin-bottom: 10px; margin-top: 20px; } .page-template-default .type-page tbody tr td:first-child a { color: #222; text-transform: uppercase; } .page-template-default .type-page tbody tr td:first-child a:hover { text-decoration: underline; } .page-template-default.page:not(.woocommerce) section .type-page + .dt-sc-hr + .dt-sc-clear + section.commententries { margin-top: 30px; } .page-template-default:not(.woocommerce) section .type-page ~ .commententries:last-child { margin-bottom: 50px; } .page-template-default section > .commententries #respond h3#reply-title small { display: inline-block; display: inline-block; font-size: 12px; font-size: 12px; margin-bottom: 8px; margin-top: 20px; padding-top: 20px; padding-top: 20px; position: relative; position: relative; text-transform: uppercase; text-transform: uppercase; width: 100%; width: 100%; } .page-template-default section > .commententries #respond h3#reply-title small:before { background: #d7d7d7; content: ''; display: block; height: 1px; left: 0; margin: 0 auto; position: absolute; top: -2px; width: 40px; } .page-template-default section > .commententries .comment-form p label { display: inline-block; font-weight: 500; margin-bottom: 10px; } .blog-single-entry.post-overlay > .commententries #respond h3#reply-title { margin-bottom: 0; } .blog-single-entry.post-overlay > .commententries #respond h3#reply-title + .comment-form { margin-top: -12px; } .blog-single-entry.post-overlay > .commententries #respond h3#reply-title small a { color: #1e1d1e; float: left; width: 100%; } .blog-single-entry .entry-body figure.wp-caption ~ p:last-child img.alignright.size-thumbnail, .logged-in .blog-single-entry .entry-body figure.wp-caption ~ p:nth-last-child(2) img.alignright.size-thumbnail { clear: both; } .commententries nav.navigation { border-bottom-color: rgba(0,0,0,.1); border-top-color: rgba(0,0,0,.1); margin-bottom: 40px; } .commententries .nocomments { border-top: none; padding: 0; } ul.commentlist footer.comment-meta + .comment-content > ul, ul.commentlist footer.comment-meta + .comment-content > ol { margin-bottom: 20px; } ul.commentlist footer.comment-meta + .comment-content > ul + h2, ul.commentlist footer.comment-meta + .comment-content > ol + h2 { margin-bottom: 10px; } ul.commentlist .comment-content blockquote + p + h2 + table tr td a { color: #fff; } .type-page p img.alignright.size-full { clear: both; } .page-template-default img.aligncenter[title*='Image Alignment'], .page-template-default img.alignnone[title*='Image Alignment'], .post-template-default img.aligncenter[title*='Image Alignment'], .post-template-default img.alignnone[title*='Image Alignment'] { margin: 30px auto; } .page-template-default figure.wp-caption[aria-describedby*='caption-attachment'].aligncenter, .page-template-default figure.wp-caption[aria-describedby*='caption-attachment'].alignnone, .post-template-default figure.wp-caption[aria-describedby*='caption-attachment'].aligncenter, .post-template-default figure.wp-caption[aria-describedby*='caption-attachment'].alignnone { margin: 40px auto; } .page-template-default #primary.page-with-sidebar .type-page p:nth-child(15), .post-template-default #primary.page-with-sidebar .type-post p:nth-child(15), #primary.page-with-sidebar .type-page p img.alignright.size-full { margin-top: 30px; } .blog-single-entry.post-overlap > .entry-post-navigation > div > .nav-title-wrap > h3 a[title='Taumatawhakatangihangakoauauotamateaturipukakapikimaungahoronukupokaiwhenuakitanatahu'] { word-break: break-all; word-wrap: anywhere; } html:not(.vc_transform) .main-title-section h1, html:not(.vc_transform) .breadcrumb { hyphens: auto; word-break: break-word; word-wrap: break-word; -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; } ul.commentlist .comment-content blockquote + p + h2 + table tr td a, .page-template-default .type-page tbody tr td:first-child a, .blog-single-entry .commententries .commentlist table td a { color: #222; text-transform: uppercase; } .blog-single-entry .entry-body tbody th { background: none; font-weight: 400; } .blog-single-entry .entry-body tbody th a { color: #222; text-transform: uppercase; } html:not(.vc_transform) .entry-body > * { margin-bottom: 20px; } 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; } /* Default Colors */ .page-link > span { color: #fff; } /*-------------------------------------------------------------- 1.5 - Default Colors --------------------------------------------------------------*/ .blog-single-entry .entry-thumb .bx-controls a, .blog-single-entry .related-article, .blog-single-entry.post-breadcrumb-fixed, .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group .entry-author i, .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group .entry-categories .category-wrap a:hover, .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group .entry-categories > .category-wrap > i, .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group .entry-comments a i, .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group .entry-date .date-wrap i, .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group .entry-likes-views .dt-sc-like-views > div > i, .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group .entry-tags a:hover, .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group .share .dt-share-list li a:hover, .blog-single-entry.post-breadcrumb-parallax > .commententries #respond h3#reply-title small a, .blog-single-entry.post-breadcrumb-parallax > div.entry-meta-group .dt-sc-like-views .likes:before, .blog-single-entry.post-custom-classic div[class*=entry-format] a:hover, .blog-single-entry.post-overlap > .entry-thumb .entry-overlap, .blog-single-entry.post-overlay > .entry-author span:hover, .blog-single-entry.post-overlay > .entry-post-navigation .post-next-link p, .blog-single-entry.post-overlay > .entry-post-navigation .post-prev-link p, .blog-single-entry.post-overlay > .entry-thumb > .entry-format > a:hover, .blog-single-entry.post-overlay > div.entry-meta-group .entry-author span:hover, .post-custom-minimal.blog-single-entry .commententries .comment-form input:not(#submit), .post-custom-minimal.blog-single-entry .commententries .comment-form textarea { background: #fff; } .blog-single-entry.post-breadcrumb-fixed > .column > .entry-author i, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-categories .category-wrap a:hover, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-categories > .category-wrap > i, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-comments a i, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-date .date-wrap i, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-likes-views .dt-sc-like-views > div > i, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-social-share .share .dt-share-list li a:hover, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-tags a:hover, .blog-single-entry.post-breadcrumb-fixed > .column > .share .dt-share-list li a:hover, .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group, .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group:after, .blog-single-entry.post-breadcrumb-parallax > .entry-likes-views .dt-sc-like-views .likes:before, .blog-single-entry.post-breadcrumb-parallax > .entry-meta-group, .blog-single-entry.post-overlap > .entry-author i, .blog-single-entry.post-overlap > .entry-author-bio > .details h3:before, .blog-single-entry.post-overlap > .entry-categories > .category-wrap > i, .blog-single-entry.post-overlap > .entry-comments a i, .blog-single-entry.post-overlap > .entry-date .date-wrap i, .blog-single-entry.post-overlap > .entry-likes-views .dt-sc-like-views > div > i, .blog-single-entry.post-overlap > .entry-social-share .share .dt-share-list li a:hover, .blog-single-entry.post-overlap > .entry-tags a:hover, .blog-single-entry.post-overlap > div.entry-meta-group .entry-author i, .blog-single-entry.post-overlap > div.entry-meta-group .entry-comments a i, .blog-single-entry.post-overlap > div.entry-meta-group .entry-date .date-wrap i, .blog-single-entry.post-overlap > div.entry-meta-group .entry-likes-views .dt-sc-like-views > div > i, .blog-single-entry.post-overlap > div.entry-meta-group .entry-tags a:hover, .blog-single-entry.post-overlap > div.entry-meta-group .share .dt-share-list li a:hover, .blog-single-entry.post-overlap > div.entry-meta-group > .entry-categories > .category-wrap > i, .post-custom-minimal.blog-single-entry .write-comment-button a:hover, .post-custom-modern div.nav-title-wrap:hover > span { background: #000 } .blog-single-entry.post-breadcrumb-parallax > .entry-author-bio .thumb:before, .blog-single-entry.post-breadcrumb-parallax > .entry-author-bio .thumb:after, .blog-single-entry.post-breadcrumb-parallax > .entry-related-posts > h4:before, .blog-single-entry.post-breadcrumb-parallax > .commententries .comments-area > h3:before, .blog-single-entry.post-breadcrumb-parallax > .commententries #respond h3#reply-title:before { background: #ebebeb; } .blog-single-entry.post-overlay > .entry-likes-views .dt-sc-like-views .likes:before, .blog-single-entry.post-overlay > div.entry-meta-group .dt-sc-like-views .likes:before { background: #c0c0c0; } .blog-single-entry.post-overlap > .entry-post-navigation > div, .post-custom-minimal.blog-single-entry .commententries { background: #f5f5f5; } .blog-single-entry.post-overlay > .entry-title h1:before, .blog-single-entry.post-overlay > .entry-related-posts > h4:before { background: rgba(0,0,0,0.15); } .blog-single-entry.post-overlap > .entry-post-navigation > div:before { background: rgba(0,0,0,0.8); } .single-post-header-wrapper > .main-title-section-bg:before { background-color: rgba(255,255,255,0.8); } .blog-single-entry.post-breadcrumb-fixed > .column > .entry-related-posts > h4:before, .blog-single-entry.post-breadcrumb-fixed > .column > .commententries .comments-area > h3:before, .blog-single-entry.post-breadcrumb-fixed > .column > .commententries #respond h3#reply-title:before { background: #e3e3e5; } .blog-single-entry div[class*="meta-elements-filled"]:hover, .metagroup-dot-separator div[class*="entry-"]:not(:last-child):before, .post-default>div[class*="entry-meta-group"] div[class*=entry-]:hover, div[class*="metagroup-"] .entry-social-share .share>i, div[class*="metagroup-elements-filled"] div[class*=entry-]:hover, div[class*="metagroup-elements-filled"] div[class*=entry-social] .share>i, div[class*="meta-elements"].entry-social-share .share>i, div[class*="meta-elements-boxed"].entry-social-share .share>i, div[class*="meta-elements-filled"].entry-social-share .share>i, div[class*="meta-elements-filled"]:hover { background: #666 } .blog-single-entry.post-overlay > .entry-title h1 a, .blog-single-entry.post-overlay > .entry-author-bio .details h3 a, .blog-single-entry.post-overlap > .entry-thumb .entry-overlap .entry-title h1 a, .blog-single-entry.post-overlap > .entry-thumb .entry-overlap .entry-bottom-details > * i, .blog-single-entry.post-overlap > .entry-thumb .entry-overlap .entry-bottom-details > * a, .blog-single-entry.post-overlap > .entry-tags a, .blog-single-entry.post-overlap > .entry-social-share .share .dt-share-list li a, .blog-single-entry.post-overlap > .entry-likes-views .dt-sc-like-views > div > a, .blog-single-entry.post-overlap > .entry-categories a, .blog-single-entry.post-overlap .entry-author > .author-wrap > a, .blog-single-entry.post-overlap > div.entry-meta-group .entry-tags a, .blog-single-entry.post-overlap > div.entry-meta-group .share .dt-share-list li a, .blog-single-entry.post-overlap > div.entry-meta-group .entry-likes-views .dt-sc-like-views > div > a, .blog-single-entry.post-overlap > div.entry-meta-group > .entry-categories a, .blog-single-entry.post-overlap > div.entry-meta-group > .entry-author > .author-wrap > a, .blog-single-entry.post-overlap > .entry-author-bio > .details h3 > a, .blog-single-entry.post-overlap > .entry-title h1 a, .blog-single-entry.post-overlap > .commententries #respond h3#reply-title small a, .single-post-header-wrapper > .container h1, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-author-bio > .details h3 a, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-title h1 a, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-related-posts > h4, .blog-single-entry.post-breadcrumb-fixed > .column > .commententries .comments-area > h3, .blog-single-entry.post-breadcrumb-fixed > .column > .commententries #respond h3#reply-title, .blog-single-entry.post-breadcrumb-fixed > .column > .commententries #respond h3#reply-title small a, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-comments a, .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group .entry-tags a:hover, .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group > .entry-categories > .category-wrap > a:hover, .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group .share .dt-share-list li a:hover, .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group .entry-date .date-wrap i, .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group .entry-author i, .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group .entry-likes-views .dt-sc-like-views > div > i, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-tags a, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-categories > .category-wrap > a, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-social-share .share .dt-share-list li a, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-date .date-wrap, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-author > .author-wrap > a, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-likes-views .dt-sc-like-views > div > a, .single-post-header-wrapper.dt-parallax-bg > .container .post-meta .post-author a:hover, .single-post-header-wrapper.dt-parallax-bg > .container .post-meta > .post-comments a:hover, .blog-single-entry.post-breadcrumb-parallax > .entry-title h1 a, .blog-single-entry.post-breadcrumb-parallax >.entry-tags a, .blog-single-entry.post-breadcrumb-parallax > .entry-categories a, .blog-single-entry.post-breadcrumb-parallax > .entry-comments a, .blog-single-entry.post-breadcrumb-parallax > .entry-author a, .blog-single-entry.post-breadcrumb-parallax > .entry-likes-views .dt-sc-like-views a, .blog-single-entry.post-breadcrumb-parallax > .entry-social-share .share .dt-share-list li a, .blog-single-entry.post-breadcrumb-parallax > [class*="entry-"] > i, .blog-single-entry.post-breadcrumb-parallax > .entry-tags a:not(:last-child):after, .blog-single-entry.post-breadcrumb-parallax > .entry-categories a:not(:last-child):after, .blog-single-entry.post-breadcrumb-parallax > .entry-author, .blog-single-entry.post-breadcrumb-parallax > .entry-date, .blog-single-entry.post-breadcrumb-parallax > .entry-author-bio .details h3 a, .blog-single-entry.post-custom-classic .entry-title h1 a, .blog-single-entry[class*="post-custom-classic"] .entry-post-navigation > div > .nav-title-wrap h3 a { color: #000000; } .commentlist li.comment .reply a:hover, .blog-single-entry.post-overlay > .entry-thumb > .entry-format > a, .blog-single-entry.post-overlay > .entry-thumb .share .dt-share-list li a, .blog-single-entry.post-overlay > .entry-author span, .blog-single-entry.post-overlay > .entry-author span a, .blog-single-entry.post-overlay > div.entry-meta-group .entry-author span, .blog-single-entry.post-overlay > div.entry-meta-group .entry-author span a, .blog-single-entry.post-overlap > .entry-thumb > .entry-format > a, .blog-single-entry.post-overlap > .entry-tags a:hover, .blog-single-entry.post-overlap > .entry-social-share .share .dt-share-list li a:hover, .blog-single-entry.post-overlap > .entry-comments a i, .blog-single-entry.post-overlap > .entry-author i, .blog-single-entry.post-overlap > .entry-likes-views .dt-sc-like-views > div > i, .blog-single-entry.post-overlap > .entry-date .date-wrap i, .blog-single-entry.post-overlap > .entry-categories > .category-wrap > i, .blog-single-entry.post-overlap > div.entry-meta-group .entry-tags a:hover, .blog-single-entry.post-overlap > div.entry-meta-group .share .dt-share-list li a:hover, .blog-single-entry.post-overlap > div.entry-meta-group .entry-comments a i, .blog-single-entry.post-overlap > div.entry-meta-group .entry-author i, .blog-single-entry.post-overlap > div.entry-meta-group .entry-likes-views .dt-sc-like-views > div > i, .blog-single-entry.post-overlap > div.entry-meta-group .entry-date .date-wrap i, .blog-single-entry.post-overlap > div.entry-meta-group > .entry-categories > .category-wrap > i, .blog-single-entry.post-overlap > .entry-post-navigation > div:hover span, .blog-single-entry.post-overlap > .entry-post-navigation > div:hover h3 a, .single-post-header-wrapper > .container .post-categories a, .blog-single-entry.post-breadcrumb-fixed > .dt-post-sticky-wrapper .entry-social-share .share ul li:hover a, .blog-single-entry.post-breadcrumb-fixed .column > .entry-thumb > .entry-format > a, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-post-navigation > div:hover > .nav-title-wrap p, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-post-navigation > div > .nav-title-wrap h3 a, .blog-single-entry.post-breadcrumb-fixed > .column > .commententries #respond h3#reply-title small:hover a, .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group .share .dt-share-list li a, .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group .entry-comments a, .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group .entry-tags a, .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group > .entry-categories > .category-wrap > a, .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group > .entry-author > .author-wrap > a, .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group .entry-date .date-wrap, .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group .entry-likes-views .dt-sc-like-views > div > a, .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group .entry-likes-views .dt-sc-like-views > div > span, .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group .entry-comments a:hover i, .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group .entry-author > .author-wrap:hover i, .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group .entry-likes-views .dt-sc-like-views > div:hover > i, .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group .entry-date .date-wrap:hover i, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-categories > .category-wrap > a:hover, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-tags a:hover, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-date .date-wrap i, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-likes-views .dt-sc-like-views > div > i, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-author > .author-wrap > i, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-comments a i, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-social-share .share .dt-share-list li a:hover, .single-post-header-wrapper.dt-parallax-bg > .container .post-categories a:hover, .blog-single-entry.post-breadcrumb-parallax > .entry-thumb > .entry-format > a, .blog-single-entry.post-breadcrumb-parallax > .entry-meta-group .entry-tags i, .blog-single-entry.post-breadcrumb-parallax > .entry-meta-group .entry-comments i, .blog-single-entry.post-breadcrumb-parallax > .entry-meta-group .entry-likes-views .dt-sc-like-views i, .blog-single-entry.post-breadcrumb-parallax > .entry-meta-group .entry-tags a, .blog-single-entry.post-breadcrumb-parallax > .entry-meta-group .entry-categories a, .blog-single-entry.post-breadcrumb-parallax > .entry-meta-group .entry-tags a, .blog-single-entry.post-breadcrumb-parallax > .entry-meta-group .entry-comments a, .blog-single-entry.post-breadcrumb-parallax > .entry-meta-group .entry-likes-views .dt-sc-like-views a, .blog-single-entry.post-breadcrumb-parallax > .entry-meta-group .entry-likes-views .dt-sc-like-views span, .blog-single-entry.post-breadcrumb-parallax > .entry-meta-group .entry-author a, .blog-single-entry.post-breadcrumb-parallax > .entry-meta-group .entry-author span, .blog-single-entry.post-breadcrumb-parallax > .entry-meta-group .entry-date, .blog-single-entry.post-breadcrumb-parallax > .entry-meta-group .entry-social-share .share .dt-share-list li a, .blog-single-entry.post-breadcrumb-parallax > .entry-meta-group .entry-meta-group .share .dt-share-list li a, .blog-single-entry.post-breadcrumb-parallax > .entry-meta-group > .entry-tags a:not(:last-child):after, .blog-single-entry.post-breadcrumb-parallax > .entry-meta-group > .entry-categories a:not(:last-child):after, .blog-single-entry.post-breadcrumb-parallax > .entry-post-navigation > div > .nav-title-wrap p, .blog-single-entry.post-breadcrumb-parallax > .entry-post-navigation > div > .nav-title-wrap h3 a, .blog-single-entry.post-breadcrumb-parallax > .entry-post-navigation > div > .nav-title-wrap span, .blog-single-entry.post-custom-classic div[class*="entry-format"] a, .blog-single-entry.post-custom-classic div[class*="metagroup-elements-filled"] div[class*="entry-date"], .blog-single-entry.post-custom-classic div[class*="metagroup-elements-filled"] div[class*="entry-"] a, .blog-single-entry.post-custom-classic div[class*="metagroup-elements-filled"] div[class*="entry-"] i, .blog-single-entry.post-custom-classic div[class*="metagroup-elements-filled"] div[class*="entry-"] span, .blog-single-entry.post-custom-classic div[class*="metagroup-elements-filled"] div[class*="entry-"] a > i, .post-custom-modern div.nav-title-wrap h3 a, .dt-related-carousel div[class*="carousel-"] > div i[class*="fa"], .dt-related-carousel div[class*="carousel-"] > div i.pe, .dt-related-carousel .carousel-pager > a.selected, .dt-related-carousel .carousel-pager > a:hover, .post-custom-modern .entry-post-navigation > div, .post-custom-minimal.blog-single-entry .write-comment-button a:hover, .page-link > span { color: #fff; } div[class*="metagroup-"] div[class*="entry-"] a:hover, div[class*="meta-elements"] a:hover { color: #666; } div[class*="metagroup-elements"] div[class*='entry-social']:hover .share > i { color: #090909; } div[class*="metagroup-"] .entry-social-share .share > i, div.dt-sc-posts-meta-group[class*="metagroup-elements-filled"] div[class*="entry-"], div.dt-sc-posts-meta-group[class*="metagroup-elements-filled"] div[class*="entry-"] a, div.dt-sc-posts-meta-group[class*="metagroup-elements-filled"] div[class*="entry-"] i, div.dt-sc-posts-meta-group[class*="metagroup-elements-filled"] div[class*="entry-social"] .share > i, .blog-single-entry div[class*="meta-elements-filled"], .blog-single-entry div[class*="meta-elements-filled"] a, .blog-single-entry div[class*="meta-elements-filled"] i[class*="fa"], .blog-single-entry div[class*="meta-elements-filled"] i.pe, .blog-single-entry div[class*="meta-elements-filled"] .share > i, div[class*="meta-elements"].entry-social-share .share > i, div[class*="metagroup-elements-boxed"] div[class*="entry-"]:hover, div[class*="metagroup-elements-boxed"] div[class*="entry-"]:hover a, div[class*="metagroup-elements-boxed"] div[class*="entry-"] a:hover, div[class*="metagroup-elements-boxed"] div[class*="entry-"]:hover i, div.dt-sc-posts-meta-group[class*="metagroup-elements-filled"] div[class*="entry-"]:hover, div.dt-sc-posts-meta-group[class*="metagroup-elements-filled"] div[class*="entry-"]:hover a, div.dt-sc-posts-meta-group[class*="metagroup-elements-filled"] div[class*="entry-"] a:hover, div.dt-sc-posts-meta-group[class*="metagroup-elements-filled"] div[class*="entry-"]:hover i, div[class*="meta-elements-boxed"]:hover a, div[class*="meta-elements-boxed"]:hover i[class*="fa"], div[class*="meta-elements-boxed"]:hover i.pe, .blog-single-entry div.dt-sc-posts-meta-group[class*="meta-elements-filled"]:hover i, .blog-single-entry div.dt-sc-posts-meta-group[class*="meta-elements-filled"]:hover a, .blog-single-entry div.dt-sc-posts-meta-group[class*="meta-elements-filled"] .entry-likes-views .dt-sc-like-views:hover > span { color: #fff; } .blog-single-entry.post-overlay > .entry-tags a, .blog-single-entry.post-overlay > .entry-comments a, .blog-single-entry.post-overlay > .entry-likes-views .dt-sc-like-views a, .blog-single-entry.post-overlay > .entry-meta-group .entry-categories a, .blog-single-entry.post-overlay > .entry-meta-group .entry-tags a, .blog-single-entry.post-overlay > .entry-meta-group .entry-comments a, .blog-single-entry.post-overlay > .entry-meta-group .entry-likes-views .dt-sc-like-views a { color: #707070; } .single-post-header-wrapper > .container .post-meta-data .date, .blog-single-entry.post-breadcrumb-fixed > .dt-post-sticky-wrapper h4 { color: #757575; } .blog-single-entry.post-overlay > .entry-social-share .share .dt-share-list li a, .blog-single-entry.post-overlay > div.entry-meta-group .share .dt-share-list li a { color: #666666; } .blog-single-entry.post-breadcrumb-fixed>.column>.entry-author-bio>.details p, .blog-single-entry.post-breadcrumb-fixed>.column>.entry-post-navigation>div>.nav-title-wrap p, .blog-single-entry.post-breadcrumb-fixed>.column>.entry-tags .tag-wrap span, .blog-single-entry.post-breadcrumb-fixed>.dt-post-sticky-wrapper .entry-social-share .share ul li a { color: #989898 } .single-post-header-wrapper.dt-parallax-bg > .container .post-categories a { color: rgba(0,0,0,0.5); } .single-post-header-wrapper.dt-parallax-bg > .container .post-meta .post-author span, .single-post-header-wrapper.dt-parallax-bg > .container .post-meta .post-author a, .single-post-header-wrapper.dt-parallax-bg > .container .post-meta > .post-date, .single-post-header-wrapper.dt-parallax-bg > .container .post-meta > .post-comments a { color: rgba(0,0,0,0.6); } .blog-single-entry.post-custom-classic div[class*="meta-elements-filled"] a:hover, .blog-single-entry.post-custom-classic div[class*="meta-elements-filled"] a:hover > span, .blog-single-entry.post-custom-classic div[class*="metagroup-elements-filled"] div[class*="entry-"] a:hover, .blog-single-entry.post-custom-classic div[class*="metagroup-elements-filled"] div[class*="entry-"] a:hover > span { color: rgba(255,255,255,0.8); } .blog-single-entry.post-overlap > .entry-thumb > .entry-format > a, .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group .share .dt-share-list li a, .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group .entry-comments a, .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group > .entry-categories > .category-wrap > a, .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group .entry-tags a, .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group > .entry-author > .author-wrap, .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group .entry-date .date-wrap, .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group .entry-likes-views .dt-sc-like-views > div { border-color: #fff; } .blog-single-entry.post-overlap > .entry-tags a, .blog-single-entry.post-overlap > .entry-social-share .share .dt-share-list li a, .blog-single-entry.post-overlap > .entry-comments a, .blog-single-entry.post-overlap > .entry-likes-views .dt-sc-like-views > div, .blog-single-entry.post-overlap > .entry-tags a, .blog-single-entry.post-overlap > .entry-social-share .share .dt-share-list li a, .blog-single-entry.post-overlap > .entry-comments a, .blog-single-entry.post-overlap > .entry-likes-views .dt-sc-like-views > div, .blog-single-entry.post-overlap > div.entry-meta-group .entry-tags a, .blog-single-entry.post-overlap > div.entry-meta-group .share .dt-share-list li a, .blog-single-entry.post-overlap > div.entry-meta-group:before, .blog-single-entry.post-overlap > div.entry-meta-group:after, .blog-single-entry.post-overlap > div.entry-meta-group .entry-comments a, .blog-single-entry.post-overlap > div.entry-meta-group .entry-likes-views .dt-sc-like-views > div, .blog-single-entry.post-overlap > .entry-related-posts > h4, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-comments a, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-categories > .category-wrap > a, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-tags a, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-social-share .share .dt-share-list li a, .blog-single-entry.post-breadcrumb-parallax > .entry-meta-group, .blog-single-entry.post-breadcrumb-parallax > .entry-meta-group:before, .blog-single-entry.post-breadcrumb-parallax > .entry-meta-group:after, .post-custom-minimal.blog-single-entry .write-comment-button a { border-color: #000000; } .blog-single-entry.post-overlay > .entry-related-posts { border-color: rgba(0, 0, 0, .1); } .blog-single-entry.post-overlay > div.entry-meta-group, .blog-single-entry.post-overlay > .entry-post-navigation:before { border-top-color: rgba(0, 0, 0, .1); } .post-custom-modern .entry-author-bio { border-right-color: rgba(0, 0, 0, .2); } .blog-single-entry.post-overlay > div.entry-meta-group { border-color: rgba(0, 0, 0, .1); } ul.commentlist li.bypostauthor .author-name { border-bottom-color: rgba(0, 0, 0, .1); } .single-post-header-wrapper > .container .post-categories a { border-color: rgba(255,255,255,0.3); } .single-post-header-wrapper.dt-parallax-bg > .container .post-categories a { border-color: rgba(0,0,0,0.5); } .blog-single-entry > .commententries input[type="text"], .blog-single-entry > .commententries input[type="password"], .blog-single-entry > .commententries input[type="email"], .blog-single-entry > .commententries input[type="url"], .blog-single-entry > .commententries input[type="tel"], .blog-single-entry > .commententries input[type="number"], .blog-single-entry > .commententries input[type="range"], .blog-single-entry > .commententries input[type="date"], .blog-single-entry > .commententries textarea, .blog-single-entry > .commententries input.text, .blog-single-entry > .commententries input[type="search"], .blog-single-entry > .commententries textarea, .blog-single-entry.post-breadcrumb-fixed > .column > .commententries input[type="text"], .blog-single-entry.post-breadcrumb-fixed > .column > .commententries input[type="password"], .blog-single-entry.post-breadcrumb-fixed > .column > .commententries input[type="email"], .blog-single-entry.post-breadcrumb-fixed > .column > .commententries input[type="url"], .blog-single-entry.post-breadcrumb-fixed > .column > .commententries input[type="tel"], .blog-single-entry.post-breadcrumb-fixed > .column > .commententries input[type="number"], .blog-single-entry.post-breadcrumb-fixed > .column > .commententries input[type="range"], .blog-single-entry.post-breadcrumb-fixed > .column > .commententries input[type="date"], .blog-single-entry.post-breadcrumb-fixed > .column > .commententries textarea, .blog-single-entry.post-breadcrumb-fixed > .column > .commententries input.text, .blog-single-entry.post-breadcrumb-fixed > .column > .commententries input[type="search"], .blog-single-entry.post-breadcrumb-fixed > .column > .commententries textarea { color: #707070; } .blog-single-entry > .commententries input[type="text"]:focus, .blog-single-entry > .commententries input[type="password"]:focus, .blog-single-entry > .commententries input[type="email"]:focus, .blog-single-entry > .commententries input[type="url"]:focus, .blog-single-entry > .commententries input[type="tel"]:focus, .blog-single-entry > .commententries input[type="number"]:focus, .blog-single-entry > .commententries input[type="range"]:focus, .blog-single-entry > .commententries input[type="date"]:focus, .blog-single-entry > .commententries textarea:focus, .blog-single-entry > .commententries input.text:focus, .blog-single-entry > .commententries input[type="search"]:focus, .blog-single-entry[class*="post-breadcrumb-"] > .column > .commententries input[type="text"]:focus, .blog-single-entry[class*="post-breadcrumb-"] > .column > .commententries input[type="password"]:focus, .blog-single-entry[class*="post-breadcrumb-"] > .column > .commententries input[type="email"]:focus, .blog-single-entry[class*="post-breadcrumb-"] > .column > .commententries input[type="url"]:focus, .blog-single-entry[class*="post-breadcrumb-"] > .column > .commententries input[type="tel"]:focus, .blog-single-entry[class*="post-breadcrumb-"] > .column > .commententries input[type="number"]:focus, .blog-single-entry[class*="post-breadcrumb-"] > .column > .commententries input[type="range"]:focus, .blog-single-entry[class*="post-breadcrumb-"] > .column > .commententries input[type="date"]:focus, .blog-single-entry[class*="post-breadcrumb-"] > .column > .commententries textarea:focus, .blog-single-entry[class*="post-breadcrumb-"] > .column > .commententries input.text:focus, .blog-single-entry[class*="post-breadcrumb-"] > .column > .commententries input[type="search"]:focus, .blog-single-entry[class*="post-breadcrumb-"] > .column > .commententries #respond h3#reply-title small a, .blog-single-entry[class*="post-custom-"] .commententries input[type="text"]:focus, .blog-single-entry[class*="post-custom-"] .commententries input[type="password"]:focus, .blog-single-entry[class*="post-custom-"] .commententries input[type="email"]:focus, .blog-single-entry[class*="post-custom-"] .commententries input[type="url"]:focus, .blog-single-entry[class*="post-custom-"] .commententries input[type="tel"]:focus, .blog-single-entry[class*="post-custom-"] .commententries input[type="number"]:focus, .blog-single-entry[class*="post-custom-"] .commententries input[type="range"]:focus, .blog-single-entry[class*="post-custom-"] .commententries input[type="date"]:focus, .blog-single-entry[class*="post-custom-"] .commententries textarea:focus, .blog-single-entry[class*="post-custom-"] .commententries input.text:focus, .blog-single-entry[class*="post-custom-"] .commententries input[type="search"]:focus { background: rgba(0, 0, 0, .05); } .blog-single-entry > .commententries input[type="text"], .blog-single-entry > .commententries input[type="password"], .blog-single-entry > .commententries input[type="email"], .blog-single-entry > .commententries input[type="url"], .blog-single-entry > .commententries input[type="tel"], .blog-single-entry > .commententries input[type="number"], .blog-single-entry > .commententries input[type="range"], .blog-single-entry > .commententries input[type="date"], .blog-single-entry > .commententries textarea, .blog-single-entry > .commententries input.text, .blog-single-entry > .commententries input[type="search"], .blog-single-entry[class*="post-breadcrumb-"] > .column > .commententries input[type="text"], .blog-single-entry[class*="post-breadcrumb-"] > .column > .commententries input[type="password"], .blog-single-entry[class*="post-breadcrumb-"] > .column > .commententries input[type="email"], .blog-single-entry[class*="post-breadcrumb-"] > .column > .commententries input[type="url"], .blog-single-entry[class*="post-breadcrumb-"] > .column > .commententries input[type="tel"], .blog-single-entry[class*="post-breadcrumb-"] > .column > .commententries input[type="number"], .blog-single-entry[class*="post-breadcrumb-"] > .column > .commententries input[type="range"], .blog-single-entry[class*="post-breadcrumb-"] > .column > .commententries input[type="date"], .blog-single-entry[class*="post-breadcrumb-"] > .column > .commententries textarea, .blog-single-entry[class*="post-breadcrumb-"] > .column > .commententries input.text, .blog-single-entry[class*="post-breadcrumb-"] > .column > .commententries input[type="search"], .blog-single-entry[class*="post-custom-"] .commententries input[type="text"], .blog-single-entry[class*="post-custom-"] .commententries input[type="password"], .blog-single-entry[class*="post-custom-"] .commententries input[type="email"], .blog-single-entry[class*="post-custom-"] .commententries input[type="url"], .blog-single-entry[class*="post-custom-"] .commententries input[type="tel"], .blog-single-entry[class*="post-custom-"] .commententries input[type="number"], .blog-single-entry[class*="post-custom-"] .commententries input[type="range"], .blog-single-entry[class*="post-custom-"] .commententries input[type="date"], .blog-single-entry[class*="post-custom-"] .commententries textarea, .blog-single-entry[class*="post-custom-"] .commententries input.text, .blog-single-entry[class*="post-custom-"] .commententries input[type="search"] { border-color: rgba(0, 0, 0, 0.1); } .blog-single-entry > .commententries input[type="text"]:focus, .blog-single-entry > .commententries input[type="password"]:focus, .blog-single-entry > .commententries input[type="email"]:focus, .blog-single-entry > .commententries input[type="url"]:focus, .blog-single-entry > .commententries input[type="tel"]:focus, .blog-single-entry > .commententries input[type="number"]:focus, .blog-single-entry > .commententries input[type="range"]:focus, .blog-single-entry > .commententries input[type="date"]:focus, .blog-single-entry > .commententries textarea:focus, .blog-single-entry > .commententries input.text:focus, .blog-single-entry > .commententries input[type="search"]:focus, .blog-single-entry[class*="post-breadcrumb-"] > .column > .commententries input[type="text"]:focus, .blog-single-entry[class*="post-breadcrumb-"] > .column > .commententries input[type="password"]:focus, .blog-single-entry[class*="post-breadcrumb-"] > .column > .commententries input[type="email"]:focus, .blog-single-entry[class*="post-breadcrumb-"] > .column > .commententries input[type="url"]:focus, .blog-single-entry[class*="post-breadcrumb-"] > .column > .commententries input[type="tel"]:focus, .blog-single-entry[class*="post-breadcrumb-"] > .column > .commententries input[type="number"]:focus, .blog-single-entry[class*="post-breadcrumb-"] > .column > .commententries input[type="range"]:focus, .blog-single-entry[class*="post-breadcrumb-"] > .column > .commententries input[type="date"]:focus, .blog-single-entry[class*="post-breadcrumb-"] > .column > .commententries textarea:focus, .blog-single-entry[class*="post-breadcrumb-"] > .column > .commententries input.text:focus, .blog-single-entry[class*="post-breadcrumb-"] > .column > .commententries input[type="search"]:focus, .blog-single-entry[class*="post-custom-"] .commententries input[type="text"]:focus, .blog-single-entry[class*="post-custom-"] .commententries input[type="password"]:focus, .blog-single-entry[class*="post-custom-"] .commententries input[type="email"]:focus, .blog-single-entry[class*="post-custom-"] .commententries input[type="url"]:focus, .blog-single-entry[class*="post-custom-"] .commententries input[type="tel"]:focus, .blog-single-entry[class*="post-custom-"] .commententries input[type="number"]:focus, .blog-single-entry[class*="post-custom-"] .commententries input[type="range"]:focus, .blog-single-entry[class*="post-custom-"] .commententries input[type="date"]:focus, .blog-single-entry[class*="post-custom-"] .commententries textarea:focus, .blog-single-entry[class*="post-custom-"] .commententries input.text:focus, .blog-single-entry[class*="post-custom-"] .commententries input[type="search"]:focus { border-color: rgba(0, 0, 0, 0.15); } /* Breadcrumb Fixed */ .blog-single-entry.post-breadcrumb-fixed > .column.dt-post-sticky-wrapper .entry-social-share .share ul, .blog-single-entry.post-breadcrumb-fixed > .column.dt-post-sticky-wrapper .entry-social-share .share ul li { border-color: #e3e3e5; } label span.required, .comment-form > .comment-notes span.required { color: #ff0000; } /* Gutenberg Updates */ .post-default .entry-meta-group { float: right; width: 27.5%; } .post-default .entry-author-bio { float: left; width: 70% !important; } .post-default .entry-related-posts { float: left; width: 100% } .post-default > div[class*="entry-meta-group"] div[class*="entry-"] { border: none; } .post-default .commententries, .post-default .entry-related-posts { margin-top: 20px; } .blog-single-entry:not(.has-post-thumbnail) .dt-sc-related-posts .entry-thumb { display: block; } .blog-single-entry .dt-sc-related-posts .entry-meta-group .entry-author a { left: auto !important; } /**********************************/ .blog-single-entry.post-overlay div i[class*='fa'], .blog-single-entry.post-overlay div i.pe { color: #000; margin-right: 6px; } .blog-single-entry.post-overlay .entry-meta-group-bottom .entry-date { float: left; } .blog-single-entry.post-overlay .entry-meta-group-bottom .entry-tags { float: right; } .blog-single-entry.post-overlay .entry-meta-group-bottom .entry-tags a { color: #666; } .blog-single-entry.post-overlay .entry-meta-group-bottom { border-bottom: 1px solid rgba(0, 0, 0, .1); float: left; margin-bottom: 40px; padding-bottom: 20px; position: relative; width: 100%; } .blog-single-entry.post-overlay div.entry-categories:before { color: #000; content: '\f0e8'; font-family: Fontawesome; margin-right: 6px; } /* Unit Test Fix */ .blog-single-entry > .entry-title h1 { word-wrap: break-word; } .blog-single-entry .entry-body ol ul, .blog-single-entry .entry-body ol ul ul { margin-top: 10px; } .commententries nav.navigation { float: left; margin-bottom: 40px; width: 100%; } .commententries nav.navigation > div .nav-previous { float: left; } .commententries nav.navigation > div .nav-next { float: right; } .commententries .nav-links > div a { border-bottom: 1px solid; padding-bottom: 5px; } .commententries .nav-links > div a:hover { color: #111; } .commententries .nav-previous > a:before, .commententries .nav-next > a:after { font-size: 16px; font-family: "Font Awesome 5 Free"; font-weight: 900; transition: none; -webkit-transition: none; -ms-transition: none; -moz-transition: none; } .commententries .nav-previous > a:before { content: "\f104"; margin-right: 10px; } .commententries .nav-next > a:after { content: "\f105"; margin-left: 10px; } .blog-single-entry .post-password-form label input[type=password] { margin: 15px 0 10px; } body .blog-single-entry ul li .comment-body .comment-author a:hover, body .blog-single-entry ul li .comment-body .comment-content a:hover { color: #000; } /*-------------------------------------------------------------- 1.6 - Responsive --------------------------------------------------------------*/ @media only screen and (min-width:1441px) and (max-width:1680px) { .children .comment-author .avatar { left: -60px; } /* Custom Classic Style */ .with-both-sidebar .blog-single-entry[class*='post-custom-classic'] .entry-post-navigation { padding: 40px 0; } .with-both-sidebar .blog-single-entry[class*='post-custom-classic'] .entry-post-navigation > div { height: 80px; } .with-both-sidebar .blog-single-entry[class*='post-custom-classic'] .entry-post-navigation > .post-prev-link > .prev-post-bgimg, .with-both-sidebar .blog-single-entry[class*='post-custom-classic'] .entry-post-navigation > .post-next-link > .next-post-bgimg { height: 80px; width: 80px; } .with-both-sidebar .blog-single-entry[class*='post-custom-classic'] .entry-post-navigation > .post-prev-link > .nav-title-wrap { padding: 0 20px 0 100px; } .with-both-sidebar .blog-single-entry[class*='post-custom-classic'] .entry-post-navigation > .post-next-link > .nav-title-wrap { padding: 0 100px 0 20px; } .with-both-sidebar .blog-single-entry[class*='post-custom-classic'] .entry-post-navigation > div > .nav-title-wrap p { font-size: 10px; font-weight: 500; letter-spacing: 1px; text-transform: capitalize; } .with-both-sidebar .blog-single-entry[class*='post-custom-classic'] .entry-post-navigation > div > .nav-title-wrap h3 { margin: 5px 0 0 0; } .with-both-sidebar .blog-single-entry[class*='post-custom-classic'] .entry-post-navigation > div > .nav-title-wrap h3 a { font-size: 10px; letter-spacing: 1px; text-transform: capitalize; } .with-both-sidebar .blog-single-entry[class*='post-custom-classic'] .entry-related-posts > h4:before, .with-both-sidebar .blog-single-entry[class*='post-custom-classic'] .commententries > #comments > h3:before, .with-both-sidebar .blog-single-entry[class*='post-custom-classic'] .commententries #respond > h3#reply-title:before { right: 70%; } .with-both-sidebar .blog-single-entry[class*='post-custom-classic'] .entry-related-posts > h4:after, .with-both-sidebar .blog-single-entry[class*='post-custom-classic'] .commententries > #comments > h3:after, .with-both-sidebar .blog-single-entry[class*='post-custom-classic'] .commententries #respond > h3#reply-title:after { left: 70%; } .with-both-sidebar.page-with-sidebar .blog-single-entry[class*='post-custom-classic'] .commententries .commentlist #respond > h3#reply-title:before { right: 85%; } .with-both-sidebar.page-with-sidebar .blog-single-entry[class*='post-custom-classic'] .commententries .commentlist #respond > h3#reply-title:after { left: 85%; } /* Post Breadcrumb Parallax */ .page-with-sidebar .blog-single-entry.post-breadcrumb-parallax > .entry-post-navigation > .post-prev-link > .nav-title-wrap { padding-right: 30%; } .page-with-sidebar .blog-single-entry.post-breadcrumb-parallax > .entry-post-navigation > .post-next-link > .nav-title-wrap { padding-left: 30%; } } /*----*****---- << Laptop/Notebook >> ----*****----*/ @media only screen and (min-width:1200px) and (max-width:1440px) { .comment-body { padding-left: 85px; } .comment-author .avatar { left: -85px; } ul.children li .comment-body { padding-left: 60px; } .children .comment-author .avatar { left: -60px; } /* Post Breadcrumb Fixed - Archive Related Post */ .blog-single-entry.post-breadcrumb-fixed > .column > .entry-related-posts .dt-sc-one-third.dt-sc-canvas-style.dt-sc-post-entry.entry-cover-layout .blog-entry > div.entry-meta-group > div:nth-child(odd), .blog-single-entry.post-breadcrumb-fixed > .column > .entry-related-posts .dt-sc-one-third.dt-sc-canvas-style.dt-sc-post-entry.entry-cover-layout .blog-entry .entry-details > div.entry-meta-group > div:nth-child(odd), .blog-single-entry.post-breadcrumb-fixed > .column > .entry-related-posts .dt-sc-one-third.dt-sc-canvas-style.dt-sc-post-entry.entry-cover-layout .blog-entry > div.entry-meta-group > div:nth-child(even), .blog-single-entry.post-breadcrumb-fixed > .column > .entry-related-posts .dt-sc-one-third.dt-sc-canvas-style.dt-sc-post-entry.entry-cover-layout .blog-entry .entry-details > div.entry-meta-group > div:nth-child(even) { clear: both; display: inline-block; float: none; margin-bottom: 10px; text-align: inherit; width: 100%; } .blog-single-entry.post-breadcrumb-fixed > .column > .entry-related-posts .dt-sc-one-third.dt-sc-canvas-style.dt-sc-post-entry.entry-cover-layout .blog-entry > div.entry-meta-group > div:nth-child(odd):last-child, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-related-posts .dt-sc-one-third.dt-sc-canvas-style.dt-sc-post-entry.entry-cover-layout .blog-entry .entry-details > div.entry-meta-group > div:nth-child(odd):last-child, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-related-posts .dt-sc-one-third.dt-sc-canvas-style.dt-sc-post-entry.entry-cover-layout .blog-entry > div.entry-meta-group > div:nth-child(even):last-child, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-related-posts .dt-sc-one-third.dt-sc-canvas-style.dt-sc-post-entry.entry-cover-layout .blog-entry .entry-details > div.entry-meta-group > div:nth-child(even):last-child { margin-bottom: 0; } .blog-single-entry.post-breadcrumb-fixed > .column > .entry-related-posts .dt-sc-one-third.dt-sc-boxed-style.dt-sc-post-entry .blog-entry > div.entry-meta-group > div:nth-child(odd), .blog-single-entry.post-breadcrumb-fixed > .column > .entry-related-posts .dt-sc-one-third.dt-sc-boxed-style.dt-sc-post-entry .blog-entry .entry-details > div.entry-meta-group > div:nth-child(odd), .blog-single-entry.post-breadcrumb-fixed > .column > .entry-related-posts .dt-sc-one-third.dt-sc-boxed-style.dt-sc-post-entry .blog-entry > div.entry-meta-group > div:nth-child(even), .blog-single-entry.post-breadcrumb-fixed > .column > .entry-related-posts .dt-sc-one-third.dt-sc-boxed-style.dt-sc-post-entry .blog-entry .entry-details > div.entry-meta-group > div:nth-child(even) { clear: both; display: inline-block; float: none; margin-bottom: 10px; text-align: inherit; width: 100%; } .blog-single-entry.post-breadcrumb-fixed > .column > .entry-related-posts .dt-sc-one-third.dt-sc-boxed-style.dt-sc-post-entry .blog-entry > div.entry-meta-group > div:nth-child(odd):last-child, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-related-posts .dt-sc-one-third.dt-sc-boxed-style.dt-sc-post-entry .blog-entry .entry-details > div.entry-meta-group > div:nth-child(odd):last-child, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-related-posts .dt-sc-one-third.dt-sc-boxed-style.dt-sc-post-entry .blog-entry > div.entry-meta-group > div:nth-child(even):last-child, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-related-posts .dt-sc-one-third.dt-sc-boxed-style.dt-sc-post-entry .blog-entry .entry-details > div.entry-meta-group > div:nth-child(even):last-child { margin-bottom: 0; } /* Custom Classic Style */ .page-with-sidebar .blog-single-entry[class*='post-custom-classic'] .entry-post-navigation { padding: 40px 0; } .page-with-sidebar .blog-single-entry[class*='post-custom-classic'] .entry-post-navigation > div > .nav-title-wrap h3 a { font-size: 13px; } .page-with-sidebar .blog-single-entry[class*='post-custom-classic'] .entry-related-posts > h4:before, .page-with-sidebar .blog-single-entry[class*='post-custom-classic'] .commententries > #comments > h3:before, .page-with-sidebar .blog-single-entry[class*='post-custom-classic'] .commententries #respond > h3#reply-title:before { right: 65%; } .page-with-sidebar .blog-single-entry[class*='post-custom-classic'] .entry-related-posts > h4:after, .page-with-sidebar .blog-single-entry[class*='post-custom-classic'] .commententries > #comments > h3:after, .page-with-sidebar .blog-single-entry[class*='post-custom-classic'] .commententries #respond > h3#reply-title:after { left: 65%; } .page-with-sidebar .blog-single-entry[class*='post-custom-classic'] .commententries .commentlist #respond > h3#reply-title:before { right: 75%; } .page-with-sidebar .blog-single-entry[class*='post-custom-classic'] .commententries .commentlist #respond > h3#reply-title:after { left: 75%; } .with-both-sidebar .blog-single-entry[class*='post-custom-classic'] .commententries .commentlist #respond > h3#reply-title:before { right: 85%; } .with-both-sidebar .blog-single-entry[class*='post-custom-classic'] .commententries .commentlist #respond > h3#reply-title:after { left: 85%; } /* Post Breadcrumb Parallax */ .page-with-sidebar .blog-single-entry.post-breadcrumb-parallax > .entry-post-navigation > .post-prev-link > .nav-title-wrap { padding-right: 30%; } .page-with-sidebar .blog-single-entry.post-breadcrumb-parallax > .entry-post-navigation > .post-next-link > .nav-title-wrap { padding-left: 30%; } /* Custom Minimal Style */ .page-with-sidebar .blog-single-entry.post-custom-minimal .commententries .commentlist #respond h3#reply-title:after { left: 45%; } .with-both-sidebar .blog-single-entry.post-custom-minimal .commententries .commentlist #respond h3#reply-title:after { left: 75%; } } @media only screen and (min-width: 1200px) { #primary.content-full-width .blog-single-entry.post-overlay { float: none; margin: 0 auto; width: 73.2%; } } /*----*****---- << iPad - Landscape >> ----*****----*/ @media only screen and (min-width:992px) and (max-width:1199px) { .comment-body { padding-left: 75px; } .comment-author .avatar { height: 60px; left: -75px; width: 60px; } ul.children li .comment-body { padding-left: 60px; } .children .comment-author .avatar { left: -60px; } .with-both-sidebar .comment-body { padding-left: 70px; } .with-both-sidebar .comment-author .avatar { height: 50px; left: -70px; width: 50px; } .with-both-sidebar .children .comment-author .avatar { left: -65px; } .with-both-sidebar .commentlist ul.children { padding-left: 40px; } .with-both-sidebar .commentlist li.comment #respond { padding-left: 70px; } .with-both-sidebar .commentlist .children li.comment #respond { padding-left: 60px; } /* Post Overlap */ .with-both-sidebar .blog-single-entry.post-overlap > .entry-thumb .entry-overlap .entry-title h1 { font-size: 20px; } .with-both-sidebar .blog-single-entry.post-overlap > .entry-post-navigation > div { margin: 0 0 2% 0; width: 100%; } .page-with-sidebar .blog-single-entry.post-overlap > .entry-post-navigation > div > h3 { font-size: 16px; } /* Post Breadcrumb Fixed */ .single-post-header-wrapper { padding: 100px 0 80px; } .blog-single-entry.post-breadcrumb-fixed > .column.dt-post-sticky-wrapper .entry-social-share .share > i { line-height: 50px; } .blog-single-entry.post-breadcrumb-fixed > .column.dt-post-sticky-wrapper .entry-social-share .share ul li { line-height: 55px; } /* Post Breadcrumb Fixed - Archive Related Post */ .blog-single-entry.post-breadcrumb-fixed > .column > .entry-related-posts .dt-sc-canvas-style.dt-sc-post-entry.entry-cover-layout .blog-entry > div.entry-meta-group > div:nth-child(odd), .blog-single-entry.post-breadcrumb-fixed > .column > .entry-related-posts .dt-sc-canvas-style.dt-sc-post-entry.entry-cover-layout .blog-entry .entry-details > div.entry-meta-group > div:nth-child(odd), .blog-single-entry.post-breadcrumb-fixed > .column > .entry-related-posts .dt-sc-canvas-style.dt-sc-post-entry.entry-cover-layout .blog-entry > div.entry-meta-group > div:nth-child(even), .blog-single-entry.post-breadcrumb-fixed > .column > .entry-related-posts .dt-sc-canvas-style.dt-sc-post-entry.entry-cover-layout .blog-entry .entry-details > div.entry-meta-group > div:nth-child(even) { clear: both; display: inline-block; float: none; margin-bottom: 10px; text-align: inherit; width: 100%; } .blog-single-entry.post-breadcrumb-fixed > .column > .entry-related-posts .dt-sc-canvas-style.dt-sc-post-entry.entry-cover-layout .blog-entry > div.entry-meta-group > div:nth-child(odd):last-child, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-related-posts .dt-sc-canvas-style.dt-sc-post-entry.entry-cover-layout .blog-entry .entry-details > div.entry-meta-group > div:nth-child(odd):last-child, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-related-posts .dt-sc-canvas-style.dt-sc-post-entry.entry-cover-layout .blog-entry > div.entry-meta-group > div:nth-child(even):last-child, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-related-posts .dt-sc-canvas-style.dt-sc-post-entry.entry-cover-layout .blog-entry .entry-details > div.entry-meta-group > div:nth-child(even):last-child { margin-bottom: 0; } .with-both-sidebar .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group { padding: 30px 15px 25px; } .with-both-sidebar .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group .share .dt-share-list li a, .with-both-sidebar .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group .entry-comments a, .with-both-sidebar .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group > .entry-categories > .category-wrap > a, .with-both-sidebar .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group .entry-tags a, .with-both-sidebar .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group > .entry-author > .author-wrap, .with-both-sidebar .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group .entry-date .date-wrap, .with-both-sidebar .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group .entry-likes-views .dt-sc-like-views > div { font-size: 10px; } /* Post Breadcrumb Parallax */ .single-post-header-wrapper.dt-parallax-bg { padding: 30px 0 80px; } .blog-single-entry.post-breadcrumb-parallax > .entry-post-navigation > .post-prev-link > .nav-title-wrap { padding-right: 30%; } .blog-single-entry.post-breadcrumb-parallax > .entry-post-navigation > .post-next-link > .nav-title-wrap { padding-left: 30%; } .blog-single-entry.post-breadcrumb-parallax > .entry-related-posts > h4:before, .blog-single-entry.post-breadcrumb-parallax > .commententries .comments-area > h3:before, .blog-single-entry.post-breadcrumb-parallax > .commententries #respond h3#reply-title:before { left: 20%; } /* Custom Classic Type */ .blog-single-entry[class*='post-custom-classic'] .commententries .commentlist #respond > h3#reply-title:before { right: 70%; } .blog-single-entry[class*='post-custom-classic'] .commententries .commentlist #respond > h3#reply-title:after { left: 70%; } .page-with-sidebar .blog-single-entry[class*='post-custom-classic'] .commententries .commentlist #respond > h3#reply-title:before { right: 80%; } .page-with-sidebar .blog-single-entry[class*='post-custom-classic'] .commententries .commentlist #respond > h3#reply-title:after { left: 80%; } .page-with-sidebar .blog-single-entry[class*='post-custom-classic'] .entry-post-navigation > div > .nav-title-wrap p { font-size: 10px; letter-spacing: 1px; } .page-with-sidebar .blog-single-entry[class*='post-custom-classic'] .entry-post-navigation > div > .nav-title-wrap h3 a { font-size: 13px; text-transform: capitalize; } .page-with-sidebar .blog-single-entry[class*='post-custom-classic'] .entry-related-posts > h4:before, .page-with-sidebar .blog-single-entry[class*='post-custom-classic'] .commententries > #comments > h3:before, .page-with-sidebar .blog-single-entry[class*='post-custom-classic'] .commententries #respond > h3#reply-title:before { right: 65%; } .page-with-sidebar .blog-single-entry[class*='post-custom-classic'] .entry-related-posts > h4:after, .page-with-sidebar .blog-single-entry[class*='post-custom-classic'] .commententries > #comments > h3:after, .page-with-sidebar .blog-single-entry[class*='post-custom-classic'] .commententries #respond > h3#reply-title:after { left: 65%; } .with-both-sidebar .blog-single-entry[class*='post-custom-classic'] .commententries .commentlist #respond > h3#reply-title { text-align: left; } .with-both-sidebar .blog-single-entry[class*='post-custom-classic'] .commententries .commentlist #respond > h3#reply-title:before, .with-both-sidebar .blog-single-entry[class*='post-custom-classic'] .commententries .commentlist #respond > h3#reply-title:after { content: none; } .with-both-sidebar .blog-single-entry[class*='post-custom-classic'] div[class*='entry-author-bio'] { padding: 0; } .with-both-sidebar .blog-single-entry[class*='post-custom-classic'] .entry-post-navigation:before { height: 1px; left: 0; margin: 0 auto; right: 0; transform: none; width: 25%; } .with-both-sidebar .blog-single-entry[class*='post-custom-classic'] .entry-post-navigation > div { width: 100%; } .with-both-sidebar .blog-single-entry[class*='post-custom-classic'] .entry-post-navigation > div.post-prev-link { margin-bottom: 50px; } .with-both-sidebar .blog-single-entry[class*='post-custom-classic'] .entry-post-navigation > div.post-next-link { margin-top: 50px; } .with-both-sidebar .blog-single-entry[class*='post-custom-classic'] .entry-post-navigation > div > .nav-title-wrap p { font-size: 12px; letter-spacing: 1.5px; text-transform: uppercase; } .with-both-sidebar .blog-single-entry[class*='post-custom-classic'] .entry-post-navigation > div > .nav-title-wrap h3 a { font-size: 15px; letter-spacing: 1px; text-transform: uppercase; } /* Custom Minimal Type */ .page-with-sidebar .blog-single-entry.post-custom-minimal .single-content-wrapper .vc_col-sm-6, .with-both-sidebar .comment-button-wrapper .vc_col-sm-4 { width: 100%; } .page-with-sidebar .blog-single-entry.post-custom-minimal .single-content-wrapper .vc_col-sm-6:last-child { margin-top: 40px; } .page-with-sidebar .post-custom-minimal.blog-single-entry .write-comment-button a { padding: 7px 15px 7px; } .blog-single-entry.post-custom-minimal .commententries .commentlist #respond h3#reply-title:after { left: 38%; } .blog-single-entry.post-custom-minimal .commententries .commentlist .children #respond h3#reply-title:after { left: 40%; } .page-with-sidebar .blog-single-entry.post-custom-minimal .commententries .commentlist .children #respond h3#reply-title:after { left: 60%; } .page-with-sidebar .blog-single-entry.post-custom-minimal .commententries .commentlist #respond h3#reply-title:after { left: 54%; } .with-both-sidebar .post-custom-minimal.blog-single-entry .entry-post-navigation > .post-next-link h3 { font-size: 14px; } .with-both-sidebar .blog-single-entry.post-custom-minimal .commententries .commentlist #respond h3#reply-title:after { content: none; } } /* Note: Design for a width of 768px */ @media only screen and (min-width:768px) and (max-width:991px) { ul.commentlist li .comment-author img { max-height: 60px; max-width: 60px; } .comment-body { padding-left: 80px; } .comment-author .avatar { height: 60px; left: -80px; width: 60px; } ul.children li .comment-body { padding-left: 60px; } .children .comment-author .avatar { left: -60px; } .comment-metadata { position: relative; top: 0; } .commentlist li.comment .comment-body .comment-meta { margin-bottom: 15px; } .commentlist li.comment #respond { padding-left: 80px; } .commentlist .children li.comment #respond { padding-left: 60px; } .comment-author b { font-size: 18px; } .with-both-sidebar .comment-body { padding-left: 0; } .with-both-sidebar .commentlist, .with-both-sidebar .commentlist ul.children { padding-left: 0; } .with-both-sidebar ul.children li .comment-body { padding-left: 0; } .with-both-sidebar .commentlist li.comment .reply { margin-top: 20px; position: relative; } .with-both-sidebar .commentlist li.comment .comment-body .comment-meta { margin-bottom: 10px; } .with-both-sidebar .commentlist li.comment .comment-author img { max-height: 50px; max-width: 50px; } .with-both-sidebar .comment-author .avatar { display: block; height: 50px; left: 0; margin-bottom: 20px; position: relative; top: 0; width: 50px; } .with-both-sidebar .commentlist li.comment #respond { padding-left: 0; } .with-both-sidebar li.comment .comment-form p.form-submit input[type='submit'] { font-size: 12px; margin-top: 0; padding: 12px 20px; } /* Post Overlay */ .with-both-sidebar .blog-single-entry.post-overlay > .entry-meta-group .entry-likes-views .dt-sc-like-views > div { float: none; } /* Post Overlap */ .blog-single-entry.post-overlap > .entry-thumb .entry-overlap .entry-title h1, .page-with-sidebar .blog-single-entry.post-overlap > .entry-thumb .entry-overlap .entry-title h1 { font-size: 20px; } .page-with-sidebar .blog-single-entry.post-overlap > .entry-post-navigation > div { margin: 0 0 2% 0; width: 100%; } .page-with-sidebar .blog-single-entry.post-overlap > .commententries #respond h3#reply-title small { bottom: 10px; } .with-both-sidebar .blog-single-entry.post-overlap > .entry-thumb .entry-overlap { padding: 15px 15px 0 0; width: 95%; } .with-both-sidebar .blog-single-entry.post-overlap > .entry-thumb .entry-overlap .entry-title { margin: 0 0 10px 0; } .with-both-sidebar .blog-single-entry.post-overlap > .entry-thumb .entry-overlap .entry-title h1 { font-size: 15px; } .with-both-sidebar .blog-single-entry.post-overlap > .entry-thumb .entry-overlap .entry-bottom-details > * { font-size: 10px; margin-right: 10px; } /* Post Overlay */ .with-both-sidebar .blog-single-entry.post-overlay > div.entry-meta-group > div, .with-both-sidebar .blog-single-entry.post-overlap > div.entry-meta-group > div { width: 100%; } .with-both-sidebar .blog-single-entry.post-overlay > div.entry-meta-group > div:nth-child(odd), .with-both-sidebar .blog-single-entry.post-overlay > div.entry-meta-group > div:nth-child(even), .with-both-sidebar .blog-single-entry.post-overlap > div.entry-meta-group > div:nth-child(odd), .with-both-sidebar .blog-single-entry.post-overlap > div.entry-meta-group > div:nth-child(even) { float: none; margin-bottom: 15px; text-align: center; } .with-both-sidebar .blog-single-entry.post-overlay > div.entry-meta-group > div:last-child, .with-both-sidebar .blog-single-entry.post-overlap > div.entry-meta-group > div:last-child { margin-bottom: 0; } .with-both-sidebar .blog-single-entry.post-overlap > .entry-meta-group .entry-likes-views .dt-sc-like-views > div, .with-both-sidebar .blog-single-entry.post-overlap > .entry-likes-views .dt-sc-like-views > div { float: none; } .with-both-sidebar .blog-single-entry.post-overlap > .entry-author-bio > .thumb { margin: 0 0 10px; position: relative; width: 20%; } .with-both-sidebar .blog-single-entry.post-overlap > .entry-author-bio > .details { padding: 0; } /* Post Breadcrumb Fixed */ .single-post-header-wrapper { padding: 100px 0 80px; } .blog-single-entry.post-breadcrumb-fixed > .column.dt-post-sticky-wrapper .entry-social-share .share > i { line-height: 30px; } .blog-single-entry.post-breadcrumb-fixed > .column.dt-post-sticky-wrapper .entry-social-share .share ul li { line-height: 45px; } .blog-single-entry.post-breadcrumb-fixed > .column > .entry-title h1 { font-size: 20px; } .blog-single-entry.post-breadcrumb-fixed > .column > .entry-post-navigation > div > .nav-title-wrap p { font-size: 10px; } .blog-single-entry.post-breadcrumb-fixed > .column > .entry-post-navigation > div > .nav-title-wrap h3 a { font-size: 16px; } .with-both-sidebar .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group { padding: 50px 15px 25px; } .with-both-sidebar .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group > div { width: 100%; } .with-both-sidebar .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group > div:nth-child(odd), .with-both-sidebar .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group > div:nth-child(even) { float: none; margin-bottom: 15px; text-align: center; } .with-both-sidebar .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group .author-wrap, .with-both-sidebar .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group .comment-wrap, .with-both-sidebar .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group .tag-wrap, .with-both-sidebar .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group .category-wrap, .with-both-sidebar .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group .entry-likes-views .dt-sc-like-views > div, .with-both-sidebar .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group > div:nth-child(even) .author-wrap, .with-both-sidebar .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group > div:nth-child(even) .comment-wrap, .with-both-sidebar .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group > div:nth-child(even) .tag-wrap, .with-both-sidebar .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group > div:nth-child(even) .category-wrap { float: none; } /* Post Breadcrumb Fixed - Archive Related Post */ .blog-single-entry.post-breadcrumb-fixed > .column > .entry-related-posts .dt-sc-canvas-style.dt-sc-post-entry.entry-cover-layout .blog-entry > div.entry-meta-group > div:nth-child(odd), .blog-single-entry.post-breadcrumb-fixed > .column > .entry-related-posts .dt-sc-canvas-style.dt-sc-post-entry.entry-cover-layout .blog-entry .entry-details > div.entry-meta-group > div:nth-child(odd), .blog-single-entry.post-breadcrumb-fixed > .column > .entry-related-posts .dt-sc-canvas-style.dt-sc-post-entry.entry-cover-layout .blog-entry > div.entry-meta-group > div:nth-child(even), .blog-single-entry.post-breadcrumb-fixed > .column > .entry-related-posts .dt-sc-canvas-style.dt-sc-post-entry.entry-cover-layout .blog-entry .entry-details > div.entry-meta-group > div:nth-child(even) { clear: both; display: inline-block; float: none; margin-bottom: 10px; text-align: inherit; width: 100%; } .blog-single-entry.post-breadcrumb-fixed > .column > .entry-related-posts .dt-sc-canvas-style.dt-sc-post-entry.entry-cover-layout .blog-entry > div.entry-meta-group > div:nth-child(odd):last-child, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-related-posts .dt-sc-canvas-style.dt-sc-post-entry.entry-cover-layout .blog-entry .entry-details > div.entry-meta-group > div:nth-child(odd):last-child, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-related-posts .dt-sc-canvas-style.dt-sc-post-entry.entry-cover-layout .blog-entry > div.entry-meta-group > div:nth-child(even):last-child, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-related-posts .dt-sc-canvas-style.dt-sc-post-entry.entry-cover-layout .blog-entry .entry-details > div.entry-meta-group > div:nth-child(even):last-child { margin-bottom: 0; } .blog-single-entry.post-breadcrumb-fixed > .column > .entry-related-posts .dt-sc-boxed-style.dt-sc-post-entry .blog-entry > div.entry-meta-group > div:nth-child(odd), .blog-single-entry.post-breadcrumb-fixed > .column > .entry-related-posts .dt-sc-boxed-style.dt-sc-post-entry .blog-entry .entry-details > div.entry-meta-group > div:nth-child(odd), .blog-single-entry.post-breadcrumb-fixed > .column > .entry-related-posts .dt-sc-boxed-style.dt-sc-post-entry .blog-entry > div.entry-meta-group > div:nth-child(even), .blog-single-entry.post-breadcrumb-fixed > .column > .entry-related-posts .dt-sc-boxed-style.dt-sc-post-entry .blog-entry .entry-details > div.entry-meta-group > div:nth-child(even) { clear: both; display: inline-block; float: none; margin-bottom: 10px; text-align: inherit; width: 100%; } .blog-single-entry.post-breadcrumb-fixed > .column > .entry-related-posts .dt-sc-boxed-style.dt-sc-post-entry .blog-entry > div.entry-meta-group > div:nth-child(odd):last-child, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-related-posts .dt-sc-boxed-style.dt-sc-post-entry .blog-entry .entry-details > div.entry-meta-group > div:nth-child(odd):last-child, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-related-posts .dt-sc-boxed-style.dt-sc-post-entry .blog-entry > div.entry-meta-group > div:nth-child(even):last-child, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-related-posts .dt-sc-boxed-style.dt-sc-post-entry .blog-entry .entry-details > div.entry-meta-group > div:nth-child(even):last-child { margin-bottom: 0; } /* Post Breadcrumb Parallax */ .single-post-header-wrapper.dt-parallax-bg { padding: 50px 0 80px; } .single-post-header-wrapper.dt-parallax-bg > .container h1 { font-size: 50px; line-height: normal; margin-bottom: 15px; } .blog-single-entry.post-breadcrumb-parallax > .entry-post-navigation > .post-prev-link > .nav-title-wrap { padding-right: 30%; } .blog-single-entry.post-breadcrumb-parallax > .entry-post-navigation > .post-next-link > .nav-title-wrap { padding-left: 30%; } .blog-single-entry.post-breadcrumb-parallax > .entry-related-posts > h4:before, .blog-single-entry.post-breadcrumb-parallax > .commententries .comments-area > h3:before, .blog-single-entry.post-breadcrumb-parallax > .commententries #respond h3#reply-title:before { left: 25%; } .blog-single-entry.post-breadcrumb-parallax > .entry-author-bio .thumb img { max-width: 10%; } .page-with-sidebar .blog-single-entry.post-breadcrumb-parallax > .entry-post-navigation > div, .blog-single-entry.post-breadcrumb-parallax > .entry-post-navigation > .post-prev-link:empty, .page-with-sidebar .blog-single-entry.post-breadcrumb-parallax > .entry-post-navigation > .post-next-link:empty { margin-bottom: 2%; width: 100%; } .page-with-sidebar .blog-single-entry.post-breadcrumb-parallax > .entry-post-navigation > .post-prev-link > .nav-title-wrap { padding-right: 30%; } .page-with-sidebar .blog-single-entry.post-breadcrumb-parallax > .entry-post-navigation > .post-next-link > .nav-title-wrap { padding-left: 30%; } .with-both-sidebar .blog-single-entry.post-breadcrumb-parallax > div.entry-meta-group > div { width: 100%; } .with-both-sidebar .blog-single-entry.post-breadcrumb-parallax > div.entry-meta-group > div:nth-child(odd), .with-both-sidebar .blog-single-entry.post-breadcrumb-parallax > div.entry-meta-group > div:nth-child(even) { float: none; margin-bottom: 15px; text-align: center; } .with-both-sidebar .blog-single-entry.post-breadcrumb-parallax > div.entry-meta-group > div:last-child { margin-bottom: 0; } .with-both-sidebar .blog-single-entry.post-breadcrumb-parallax > .entry-meta-group .entry-likes-views .dt-sc-like-views > div, .with-both-sidebar .blog-single-entry.post-breadcrumb-parallax > .entry-likes-views .dt-sc-like-views > div { float: none; } .with-both-sidebar .blog-single-entry.post-breadcrumb-parallax > .entry-post-navigation > .post-prev-link > .nav-title-wrap { padding-right: 15%; } .with-both-sidebar .blog-single-entry.post-breadcrumb-parallax > .entry-post-navigation > .post-next-link > .nav-title-wrap { padding-left: 15%; } .with-both-sidebar .blog-single-entry.post-breadcrumb-parallax > .entry-post-navigation > .post-prev-link > .nav-title-wrap span, .with-both-sidebar .blog-single-entry.post-breadcrumb-parallax > .entry-post-navigation .post-next-link > .nav-title-wrap span, .with-both-sidebar .blog-single-entry.post-breadcrumb-parallax > .entry-post-navigation .post-prev-link:hover > .nav-title-wrap span, .with-both-sidebar .blog-single-entry.post-breadcrumb-parallax > .entry-post-navigation .post-next-link:hover > .nav-title-wrap span { display: none; } /* Custom Classic Type */ .blog-single-entry[class*='post-custom-classic'] .entry-author-bio .thumb img { max-width: 15%; } .blog-single-entry[class*='post-custom-classic'] .entry-author-bio .thumb:before { right: 65%; } .blog-single-entry[class*='post-custom-classic'] .entry-author-bio .thumb:after { left: 65%; } .blog-single-entry[class*='post-custom-classic'] .entry-post-navigation > div > .nav-title-wrap p { font-size: 10px; letter-spacing: 1px; } .blog-single-entry[class*='post-custom-classic'] .entry-post-navigation > div > .nav-title-wrap h3 a { font-size: 14px; text-transform: capitalize; } .blog-single-entry[class*='post-custom-classic'] .entry-related-posts > h4:before, .blog-single-entry[class*='post-custom-classic'] .commententries > #comments > h3:before, .blog-single-entry[class*='post-custom-classic'] .commententries #respond > h3#reply-title:before { right: 65%; } .blog-single-entry[class*='post-custom-classic'] .entry-related-posts > h4:after, .blog-single-entry[class*='post-custom-classic'] .commententries > #comments > h3:after, .blog-single-entry[class*='post-custom-classic'] .commententries #respond > h3#reply-title:after { left: 65%; } .blog-single-entry[class*='post-custom-classic'] .commententries .commentlist #respond > h3#reply-title:before { right: 75%; } .blog-single-entry[class*='post-custom-classic'] .commententries .commentlist #respond > h3#reply-title:after { left: 75%; } .page-with-sidebar .blog-single-entry[class*='post-custom-classic'] .entry-post-navigation { padding: 40px 0; } .page-with-sidebar .blog-single-entry[class*='post-custom-classic'] .entry-post-navigation:before { height: 1px; left: 0; margin: 0 auto; right: 0; transform: none; width: 25%; } .page-with-sidebar .blog-single-entry[class*='post-custom-classic'] .entry-post-navigation > div { width: 100%; } .page-with-sidebar .blog-single-entry[class*='post-custom-classic'] .entry-post-navigation > div.post-prev-link { margin-bottom: 30px; } .page-with-sidebar .blog-single-entry[class*='post-custom-classic'] .entry-post-navigation > div.post-next-link { margin-top: 30px; } .page-with-sidebar .blog-single-entry[class*='post-custom-classic'] .entry-post-navigation > div > .nav-title-wrap p { font-size: 12px; letter-spacing: 1.5px; text-transform: uppercase; } .page-with-sidebar .blog-single-entry[class*='post-custom-classic'] .entry-post-navigation > div > .nav-title-wrap h3 a { font-size: 15px; letter-spacing: 1px; text-transform: uppercase; } .page-with-sidebar .blog-single-entry[class*='post-custom-classic'] .entry-related-posts > h4:before, .page-with-sidebar .blog-single-entry[class*='post-custom-classic'] .commententries > #comments > h3:before, .page-with-sidebar .blog-single-entry[class*='post-custom-classic'] .commententries #respond > h3#reply-title:before { right: 70%; } .page-with-sidebar .blog-single-entry[class*='post-custom-classic'] .entry-related-posts > h4:after, .page-with-sidebar .blog-single-entry[class*='post-custom-classic'] .commententries > #comments > h3:after, .page-with-sidebar .blog-single-entry[class*='post-custom-classic'] .commententries #respond > h3#reply-title:after { left: 70%; } .page-with-sidebar .blog-single-entry[class*='post-custom-classic'] .commententries .commentlist #respond > h3#reply-title { text-align: left; } .page-with-sidebar .blog-single-entry[class*='post-custom-classic'] .commententries .commentlist #respond > h3#reply-title:before, .page-with-sidebar .blog-single-entry[class*='post-custom-classic'] .commententries .commentlist #respond > h3#reply-title:after { content: none; } .with-both-sidebar .blog-single-entry.post-custom-classic .entry-title { margin-bottom: 15px; } .with-both-sidebar .blog-single-entry.post-custom-classic .entry-title h1 { font-size: 22px; } .with-both-sidebar .blog-single-entry[class*='post-custom-classic'] .entry-author-bio { font-size: 14px; line-height: 22px; padding: 0; } .with-both-sidebar .blog-single-entry[class*='post-custom-classic'] .entry-author-bio .thumb { margin: 0 0 10px 0; } .with-both-sidebar .blog-single-entry[class*='post-custom-classic'] .entry-author-bio .thumb img { max-width: 25%; } .with-both-sidebar .blog-single-entry[class*='post-custom-classic'] .entry-author-bio .thumb:before { right: 75%; } .with-both-sidebar .blog-single-entry[class*='post-custom-classic'] .entry-author-bio .thumb:after { left: 75%; } .with-both-sidebar .blog-single-entry[class*='post-custom-classic'] .entry-author-bio .details h3 { font-size: 20px; margin-bottom: 20px; } .with-both-sidebar .blog-single-entry[class*='post-custom-classic'] .entry-related-posts > h4:before, .with-both-sidebar .blog-single-entry[class*='post-custom-classic'] .commententries > #comments > h3:before, .with-both-sidebar .blog-single-entry[class*='post-custom-classic'] .commententries #respond > h3#reply-title:before { right: 80%; } .with-both-sidebar .blog-single-entry[class*='post-custom-classic'] .entry-related-posts > h4:after, .with-both-sidebar .blog-single-entry[class*='post-custom-classic'] .commententries > #comments > h3:after, .with-both-sidebar .blog-single-entry[class*='post-custom-classic'] .commententries #respond > h3#reply-title:after { left: 80%; } /* Custom Minimal Type */ .blog-single-entry.post-custom-minimal .single-content-wrapper .vc_col-sm-6 { width: 100%; } .blog-single-entry.post-custom-minimal .single-content-wrapper .vc_col-sm-6:last-child { margin-top: 40px; } .page-with-sidebar .post-custom-minimal.blog-single-entry .write-comment-button a { font-size: 10px; letter-spacing: 1px; padding: 6px 15px 6px; } .page-with-sidebar .post-custom-minimal.blog-single-entry .entry-post-navigation > .post-next-link h3 { font-size: 16px; } .blog-single-entry.post-custom-minimal .commententries .commentlist #respond h3#reply-title:after { left: 50%; } .blog-single-entry.post-custom-minimal .commententries .commentlist .children #respond h3#reply-title:after { left: 55%; } .page-with-sidebar .blog-single-entry.post-custom-minimal .commententries .commentlist #respond h3#reply-title:after { content: none; } .with-both-sidebar .comment-button-wrapper .vc_col-sm-4, .with-both-sidebar .post-custom-minimal.blog-single-entry .entry-post-navigation > div { width: 100%; } .with-both-sidebar .post-custom-minimal.blog-single-entry .entry-post-navigation > .post-next-link, .with-both-sidebar .post-custom-minimal.blog-single-entry .entry-post-navigation > .post-prev-link { text-align: center; } .with-both-sidebar .post-custom-minimal.blog-single-entry .entry-post-navigation:after { height: 1px; left: 0; margin: 0 auto; right: 0; width: 50%; } .commentlist ul.children li > .children { padding-left: 20px; } } /* Common Styles for the devices below 767px width */ @media only screen and (max-width: 767px) { /* Comment */ ul.commentlist { font-size: 14px; } ul.commentlist li.comment .comment-author img { max-height: 40px; max-width: 40px; } .comment-body { padding-left: 60px; } .comment-author b { font-size: 16px; } .comment-author .avatar { height: 40px; left: -60px; width: 40px; } ul.children li .comment-body { padding-left: 50px; } .children .comment-author .avatar { left: -50px; } .commentlist li.comment .comment-body .comment-meta { margin-bottom: 10px; } .commentlist li.comment #respond { padding-left: 0; } .comment-reply-link { font-size: 13px; padding: 6px 12px; } li.comment .comment-form p.form-submit input[type='submit'] { font-size: 12px; font-weight: normal; margin-top: 0; padding: 12px 20px; } .commentlist ul.children { padding-left: 15px; } .commentlist ul.children li > .children { padding-left: 20px; } ul.commentlist li.comment ul.children .comment-author img { max-height: 30px; max-width: 30px; } ul.commentlist li .comment-details { margin: 0 0 10px; } ul.commentlist li .author-name > a { font-size: 16px; } ul.commentlist, ul.commentlist li .comment-details { width: 100%; } 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; } .commententries #respond, .commentlist li.comment #respond, .commentlist .children li.comment #respond { padding-left: 0; } .post-password-form label input { width: 100%; } /* Post Overlay */ .blog-single-entry.post-overlay > div.entry-meta-group > div { width: 100%; } .blog-single-entry.post-overlay > div.entry-meta-group > div:nth-child(odd), .blog-single-entry.post-overlay > div.entry-meta-group > div:nth-child(even) { display: inline-block; float: none; margin-bottom: 15px; text-align: center; } .blog-single-entry.post-overlay > .entry-meta-group .entry-likes-views .dt-sc-like-views > div { float: none; } .blog-single-entry.post-overlay > div.entry-meta-group > div:last-child { margin-bottom: 0; } /* Post Overlap */ .blog-single-entry.post-overlap > .entry-thumb .entry-overlap .entry-title h1, .page-with-sidebar .blog-single-entry.post-overlap > .entry-thumb .entry-overlap .entry-title h1 { font-size: 20px; } .blog-single-entry.post-overlap > .entry-post-navigation > div { margin: 0 0 2% 0; width: 100%; } .with-both-sidebar .blog-single-entry.post-overlap > .entry-thumb .entry-overlap, .blog-single-entry.post-overlap > .entry-thumb .entry-overlap { padding: 15px 15px 0 0; width: 95%; } .blog-single-entry.post-overlap > .entry-thumb .entry-overlap .entry-title h1, .with-both-sidebar .blog-single-entry.post-overlap > .entry-thumb .entry-overlap .entry-title h1 { font-size: 15px; } .with-both-sidebar .blog-single-entry.post-overlap > .entry-thumb .entry-overlap .entry-title, .blog-single-entry.post-overlap > .entry-thumb .entry-overlap .entry-title { margin: 0 0 10px 0; } .blog-single-entry.post-overlap > div.entry-meta-group > div { width: 100%; } .blog-single-entry.post-overlap > div.entry-meta-group > div:nth-child(odd), .blog-single-entry.post-overlap > div.entry-meta-group > div:nth-child(even) { float: none; margin-bottom: 15px; text-align: center; } .blog-single-entry.post-overlap > div.entry-meta-group > div:last-child { margin-bottom: 0; } .blog-single-entry.post-overlap > .entry-meta-group .entry-likes-views .dt-sc-like-views > div, .blog-single-entry.post-overlap > .entry-likes-views .dt-sc-like-views > div { float: none; } .blog-single-entry.post-overlap > .commententries #respond h3#reply-title small { bottom: 14px; font-size: 10px; } .blog-single-entry.post-overlap > .entry-author-bio > .thumb { margin-bottom: 20px; width: 100%; } .blog-single-entry.post-overlap > .entry-author-bio > .thumb img { max-width: 20%; } .blog-single-entry.post-overlap > .entry-author-bio > .details { padding-left: 0; } .page-with-sidebar .blog-single-entry.post-overlap > .entry-author-bio > .thumb { margin: 0 0 10px; position: relative; width: 20%; } .page-with-sidebar .blog-single-entry.post-overlap > .entry-author-bio > .details { padding: 0; } /* Post Breadcrumb Fixed */ .single-post-header-wrapper { padding: 50px 0 60px; } .single-post-header-wrapper > .container h1 { font-size: 35px; } .blog-single-entry.post-breadcrumb-fixed > .column.dt-post-sticky-wrapper .entry-social-share .share > i { line-height: 100px; } .blog-single-entry.post-breadcrumb-fixed > .column.dt-post-sticky-wrapper .entry-social-share .share ul li { line-height: 100px; } .blog-single-entry.post-breadcrumb-fixed > .column.dt-post-sticky-wrapper .list-trending ul li a img { width: 100%; } .blog-single-entry.post-breadcrumb-fixed > .column > .entry-title h1 { font-size: 20px; } .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group { padding: 50px; } .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group > div { width: 100%; } .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group > div:nth-child(odd), .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group > div:nth-child(even) { display: inline-block; float: none; margin-bottom: 15px; text-align: center; } .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group .author-wrap, .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group .comment-wrap, .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group .tag-wrap, .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group .category-wrap, .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group .entry-likes-views .dt-sc-like-views > div, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-likes-views .dt-sc-like-views > div, .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group > div:nth-child(even) .author-wrap, .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group > div:nth-child(even) .comment-wrap, .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group > div:nth-child(even) .tag-wrap, .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group > div:nth-child(even) .category-wrap { float: none; } .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group > div:last-child { margin-bottom: 0; } .blog-single-entry.post-breadcrumb-fixed > .column > .entry-post-navigation > div, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-post-navigation > .post-prev-link:empty, .blog-single-entry.post-breadcrumb-fixed > .column > .entry-post-navigation > .post-next-link:empty { margin-bottom: 2%; width: 100%; } .blog-single-entry.post-breadcrumb-fixed > .column > .entry-author-bio > .thumb { width: 30%; } .blog-single-entry.post-breadcrumb-fixed > .column > .entry-author-bio > .details { padding: 0; } /* Post Breadcrumb Parallax */ .single-post-header-wrapper.dt-parallax-bg { padding: 30px 0 60px; } .single-post-header-wrapper.dt-parallax-bg > .container h1 { font-size: 30px; line-height: normal; margin-bottom: 15px; } .single-post-header-wrapper.dt-parallax-bg > .container .post-categories a { margin-bottom: 5px; } .blog-single-entry.post-breadcrumb-parallax > div.entry-meta-group > div { width: 100%; } .blog-single-entry.post-breadcrumb-parallax > div.entry-meta-group > div:nth-child(odd), .blog-single-entry.post-breadcrumb-parallax > div.entry-meta-group > div:nth-child(even) { display: inline-block; float: none; margin-bottom: 15px; text-align: center; } .blog-single-entry.post-breadcrumb-parallax > .entry-meta-group .entry-likes-views .dt-sc-like-views > div { float: none; } .blog-single-entry.post-breadcrumb-parallax > div.entry-meta-group > div:last-child { margin-bottom: 0; } .blog-single-entry.post-breadcrumb-parallax > .entry-post-navigation > div, .blog-single-entry.post-breadcrumb-parallax > .entry-post-navigation > .post-prev-link:empty, .blog-single-entry.post-breadcrumb-parallax > .entry-post-navigation > .post-next-link:empty { margin-bottom: 2%; width: 100%; } .blog-single-entry.post-breadcrumb-parallax > .entry-post-navigation > .post-prev-link > .nav-title-wrap { padding-right: 30%; } .blog-single-entry.post-breadcrumb-parallax > .entry-post-navigation > .post-next-link > .nav-title-wrap { padding-left: 30%; } .blog-single-entry.post-breadcrumb-parallax > .entry-related-posts > h4:before, .blog-single-entry.post-breadcrumb-parallax > .commententries .comments-area > h3:before, .blog-single-entry.post-breadcrumb-parallax > .commententries #respond h3#reply-title:before { left: 40%; } .blog-single-entry.post-breadcrumb-parallax > .commententries #respond h3#reply-title small a { font-size: 12px; padding: 2px 0 2px 30px; } .blog-single-entry.post-breadcrumb-parallax > .entry-author-bio .thumb img { max-width: 15%; } .blog-single-entry.post-breadcrumb-parallax > .entry-author-bio .thumb:before { right: 65%; } .blog-single-entry.post-breadcrumb-parallax > .entry-author-bio .thumb:after { left: 65%; } /* Custom Classic Type */ .dt-sc-custom-metagroup, .dt-sc-custom-metagroup.right { text-align: center; } .blog-single-entry[class*='post-custom-classic'] .entry-author-bio { font-size: 14px; line-height: 22px; padding: 0; } .blog-single-entry[class*='post-custom-classic'] .entry-author-bio .thumb { margin: 0 0 10px 0; } .blog-single-entry[class*='post-custom-classic'] .entry-author-bio .thumb img { max-width: 25%; } .blog-single-entry[class*='post-custom-classic'] .entry-author-bio .thumb:before { right: 75%; } .blog-single-entry[class*='post-custom-classic'] .entry-author-bio .thumb:after { left: 75%; } .blog-single-entry[class*='post-custom-classic'] .entry-author-bio .details h3 { font-size: 20px; margin-bottom: 20px; } .blog-single-entry[class*='post-custom-classic'] .entry-post-navigation { padding: 40px 0; } .blog-single-entry[class*='post-custom-classic'] .entry-post-navigation > div { height: auto; padding: 0 20px; text-align: center; width: 50%; } .blog-single-entry[class*='post-custom-classic'] .entry-related-posts > h4:before, .blog-single-entry[class*='post-custom-classic'] .commententries > #comments > h3:before, .blog-single-entry[class*='post-custom-classic'] .commententries #respond > h3#reply-title:before { right: 70%; } .blog-single-entry[class*='post-custom-classic'] .entry-related-posts > h4:after, .blog-single-entry[class*='post-custom-classic'] .commententries > #comments > h3:after, .blog-single-entry[class*='post-custom-classic'] .commententries #respond > h3#reply-title:after { left: 70%; } .blog-single-entry[class*='post-custom-classic'] .commententries .commentlist #respond > h3#reply-title { text-align: left; } .blog-single-entry[class*='post-custom-classic'] .commententries .commentlist #respond > h3#reply-title:before, .blog-single-entry[class*='post-custom-classic'] .commententries .commentlist #respond > h3#reply-title:after { content: none; } .with-both-sidebar .blog-single-entry[class*='post-custom-classic'] .entry-post-navigation > div > .nav-title-wrap p { font-size: 12px; letter-spacing: 1.5px; text-transform: uppercase; } .with-both-sidebar .blog-single-entry[class*='post-custom-classic'] .entry-post-navigation > div > .nav-title-wrap h3 a { font-size: 14px; letter-spacing: 1px; text-transform: uppercase; } /* Custom Modern Type */ .post-custom-modern .entry-author-bio { border-bottom: 1px solid rgba(0, 0, 0, .2); border-right: none; margin-bottom: 20px; padding: 20px 0 30px; } .post-custom-modern .entry-post-navigation > div { width: 100%; } /* Custom Minimal Type */ .post-custom-minimal.blog-single-entry .entry-post-navigation > div { width: 100%; } .post-custom-minimal.blog-single-entry .entry-post-navigation > .post-next-link, .post-custom-minimal.blog-single-entry .entry-post-navigation > .post-prev-link { text-align: center; } .post-custom-minimal.blog-single-entry .entry-post-navigation:after { height: 1px; left: 0; margin: 0 auto; right: 0; width: 50%; } .blog-single-entry.post-custom-minimal .commententries .commentlist #respond h3#reply-title:after { left: 75%; } .blog-single-entry.post-overlay > .entry-post-navigation > .post-prev-link { float: left; width: auto; } .blog-single-entry.post-overlay > .entry-post-navigation > .post-next-link { float: right; width: auto; } .blog-single-entry.post-breadcrumb-fixed .post-prev-link, .blog-single-entry.post-overlay .post-prev-link, .blog-single-entry.post-overlap .post-prev-link { float: left; text-align: center; width: 100%; } .blog-single-entry.post-breadcrumb-fixed .post-next-link, .blog-single-entry.post-overlay .post-next-link, .blog-single-entry.post-overlap .post-next-link { float: right; text-align: center; width: 100%; } .blog-single-entry.post-breadcrumb-fixed > div > .entry-post-navigation > .post-prev-link, .blog-single-entry.post-overlay > div > .entry-post-navigation > .post-prev-link, .blog-single-entry.post-overlap > div > .entry-post-navigation > .post-prev-link { text-align: left; } .blog-single-entry[class*='post-custom-classic'] .entry-post-navigation > div > .nav-title-wrap h3 { line-height: 20px; } .blog-single-entry[class*='post-custom-classic'] .entry-post-navigation > .post-prev-link > .prev-post-bgimg, .blog-single-entry[class*='post-custom-classic'] .entry-post-navigation > .post-next-link > .next-post-bgimg { display: inline-block; float: none; position: static; } .blog-single-entry[class*='post-custom-classic'] .entry-post-navigation > .post-prev-link > .nav-title-wrap, .blog-single-entry[class*='post-custom-classic'] .entry-post-navigation > .post-next-link > .nav-title-wrap { padding: 20px 0 0; position: static; text-align: center; top: auto; transform: none; -moz-transform: none; -ms-transform: none; -webkit-transform: none; } .blog-single-entry.post-overlap > .entry-post-navigation { display: block; } .blog-single-entry.post-breadcrumb-parallax .entry-body .entry-post-navigation > div:not(:last-child), .blog-single-entry.post-breadcrumb-parallax .entry-body .entry-post-navigation > div:last-child, .blog-single-entry.post-overlay .entry-body .entry-post-navigation > div:not(:last-child), .blog-single-entry.post-overlay .entry-body .entry-post-navigation > div:last-child, .blog-single-entry.post-overlap .entry-body .entry-post-navigation > div:not(:last-child), .blog-single-entry.post-overlap .entry-body .entry-post-navigation > div:last-child { padding: 0 10px; text-align: center; width: 100%; } /* Gutenberg Updates */ .post-default .entry-author-bio, .post-default .entry-meta-group { width: 100%; } .post-default .entry-meta-group { margin-bottom: 30px; } .post-default .entry-author-bio { border: none; } .blog-single-entry.post-overlay .entry-meta-group-bottom { text-align: center; } .blog-single-entry.post-overlay .entry-meta-group-bottom .entry-date { float: none; margin-bottom: 10px; } .blog-single-entry.post-overlay .entry-meta-group-bottom .entry-tags { float: none; } } /*----*****---- << Mobile - Portrait >> ----*****----*/ @media only screen and (max-width: 479px) { .blog-single-entry.post-overlap > .entry-thumb .entry-overlap .entry-bottom-details > * { font-size: 11px; } .page-with-sidebar .blog-single-entry.post-overlap > .entry-thumb .entry-overlap .entry-title h1 { font-size: 18px; } .comment-body { padding-left: 0; } .comment-author .avatar { display: block; height: 50px; left: 0; margin-bottom: 20px; position: relative; top: 0; width: 50px; } .children .comment-author .avatar { left: 0; top: 0; } .commentlist li.comment #respond { padding-left: 0; } .commentlist { padding-left: 0; } .commentlist li.comment .reply { margin-top: 20px; position: relative; } ul.children li .comment-body { padding-left: 0; } ul.commentlist li.comment .comment-author img { max-height: 50px; max-width: 50px; } li.comment .comment-form p.form-submit input[type='submit'] { font-size: 12px; font-weight: normal; margin-top: 0; padding: 12px 20px; } /* Post Overlap */ .blog-single-entry.post-overlap > .entry-thumb .entry-overlap .entry-bottom-details > * { margin-right: 15px; } .blog-single-entry.post-overlap > .entry-author-bio > .thumb img { max-width: 25%; } .blog-single-entry.post-overlap > .entry-post-navigation > div > .nav-title-wrap > h3 { font-size: 14px; } /* Post Breadcrumb Fixed */ .single-post-header-wrapper { padding: 50px 0 60px; } .single-post-header-wrapper > .container h1 { font-size: 22px; } .blog-single-entry.post-breadcrumb-fixed > .column > .entry-author-bio > .thumb { width: 40%; } .blog-single-entry.post-breadcrumb-fixed > .column > .entry-title h1 { font-size: 18px; } .blog-single-entry.post-breadcrumb-fixed > .column > .entry-post-navigation > div > .nav-title-wrap p { font-size: 10px; } .blog-single-entry.post-breadcrumb-fixed > .column > .entry-post-navigation > div > .nav-title-wrap h3 a { font-size: 15px; } .blog-single-entry.post-breadcrumb-fixed > .column > div.entry-meta-group { padding: 50px 20px 20px; } /* Post Breadcrumb Parallax */ .single-post-header-wrapper.dt-parallax-bg { padding: 50px 0 60px; } .single-post-header-wrapper.dt-parallax-bg > .container h1 { font-size: 22px; } .single-post-header-wrapper.dt-parallax-bg > .container .post-categories a { font-size: 12px; } .blog-single-entry.post-breadcrumb-parallax > .entry-title h1 { font-size: 22px; } .blog-single-entry.post-breadcrumb-parallax > .entry-meta-group:before { bottom: -5px; left: -5px; } .blog-single-entry.post-breadcrumb-parallax > .entry-meta-group:after { right: -5px; top: -5px; } .blog-single-entry.post-breadcrumb-parallax > .entry-author-bio .thumb img { max-width: 25%; } .blog-single-entry.post-breadcrumb-parallax > .entry-post-navigation > div { height: 150px; } .blog-single-entry.post-breadcrumb-parallax > .entry-post-navigation > .post-prev-link > .nav-title-wrap { padding-right: 15%; } .blog-single-entry.post-breadcrumb-parallax > .entry-post-navigation > .post-next-link > .nav-title-wrap { padding-left: 15%; } .with-both-sidebar .blog-single-entry.post-breadcrumb-parallax > .entry-post-navigation > .post-prev-link > .nav-title-wrap { padding-right: 15%; } .with-both-sidebar .blog-single-entry.post-breadcrumb-parallax > .entry-post-navigation > .post-next-link > .nav-title-wrap { padding-left: 15%; } .blog-single-entry.post-breadcrumb-parallax > .entry-post-navigation > .post-prev-link > .nav-title-wrap span, .blog-single-entry.post-breadcrumb-parallax > .entry-post-navigation .post-next-link > .nav-title-wrap span { display: none; } .blog-single-entry.post-breadcrumb-parallax > .entry-related-posts > h4:before, .blog-single-entry.post-breadcrumb-parallax > .commententries .comments-area > h3:before, .blog-single-entry.post-breadcrumb-parallax > .commententries #respond h3#reply-title:before { left: 50%; } .blog-single-entry.post-breadcrumb-parallax > .commententries #respond h3#reply-title small a { font-size: 12px; padding: 0 0 0 30px; } .blog-single-entry[class*='post-custom-classic'] .entry-related-posts > h4:before, .blog-single-entry[class*='post-custom-classic'] .commententries > #comments > h3:before, .blog-single-entry[class*='post-custom-classic'] .commententries #respond > h3#reply-title:before, .blog-single-entry[class*='post-custom-classic'] .entry-related-posts > h4:after, .blog-single-entry[class*='post-custom-classic'] .commententries > #comments > h3:after, .blog-single-entry[class*='post-custom-classic'] .commententries #respond > h3#reply-title:after { content: none; } /* Custom Minimal Type */ .blog-single-entry.post-custom-minimal .commententries .commentlist #respond h3#reply-title:after { content: none; } .blog-single-entry[class*='post-custom-classic'] .entry-post-navigation > div { padding: 0 10px; } .blog-single-entry[class*='post-custom-classic'] .entry-post-navigation > div > .nav-title-wrap h3 { display: none; } .blog-single-entry[class*='post-custom-classic'] .entry-post-navigation > .post-prev-link > .prev-post-bgimg, .blog-single-entry[class*='post-custom-classic'] .entry-post-navigation > .post-next-link > .next-post-bgimg { height: 80px; width: 80px; } .blog-single-entry ol { list-style-position: inside; } .blog-single-entry ol, .type-page ol { padding-left: 30px; } }