/*-------------------------------------------------------------- Custom Classic Style --------------------------------------------------------------*/ .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:600; } .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-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 { float: left; margin: 0; text-align: center; width: 30px; position: absolute; left: 0; top: 0; height: 100%; display: flex; align-items: center; justify-content: center; } .blog-single-entry.post-custom-classic > .entry-bottom-details > .dt-sc-one-half > * { width: auto; } .blog-single-entry.post-custom-classic > .entry-bottom-details > .dt-sc-one-half > *:not(:last-child) { margin-right: 10px; } .blog-single-entry.post-custom-classic > .entry-bottom-details > .dt-sc-one-half:not(.first) { text-align: right; } .blog-single-entry.post-custom-classic > div.entry-meta-group .entry-social-share .share, .blog-single-entry.post-custom-classic > .entry-social-share .share { border-width: 0; padding: 0; } .blog-single-entry.post-custom-classic > div.entry-meta-group .entry-social-share .share i, .blog-single-entry.post-custom-classic > .entry-social-share .share i { display: none; } .blog-single-entry.post-custom-classic > div.entry-meta-group .entry-social-share .dt-share-list li:not(:last-child), .blog-single-entry.post-custom-classic > .entry-social-share .dt-share-list li:not(:last-child) { margin-right: 10px; } /* 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%; } /* 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%; width: 1px; -webkit-transform: translateY(-50%); 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 > div{overflow:visible;} article[class*="post-"].blog-single-entry.post-custom-classic .entry-post-navigation > div.no-post { cursor: not-allowed; } .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; width: 100px; overflow: hidden; -webkit-transform: scale(1); 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(var(--DTBlack_RGB),.3); background: -webkit-radial-gradient(center, ellipse cover, transparent 10%, rgba(0,0,0,0.3) 100%); background: radial-gradient(transparent 10%, rgba(0,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 > div ~ .nav-title-wrap {padding: 0 20px 0 120px;} .blog-single-entry[class*="post-custom-classic"] .entry-post-navigation > .post-next-link > div ~ .nav-title-wrap {padding: 0 120px 0 20px;} .blog-single-entry[class*="post-custom-classic"] .entry-post-navigation > .post-prev-link > .nav-title-wrap { padding: 0 20px 0 0; text-align: left; } .blog-single-entry[class*="post-custom-classic"] .entry-post-navigation > .post-next-link > .nav-title-wrap {padding: 0 0 0 20px;text-align: right;} .blog-single-entry[class*="post-custom-classic"] .entry-post-navigation > div > .nav-title-wrap p {display: block; font-size: 15px; font-weight: 500; line-height: normal; margin: 0; position: relative; width: 100%; } .blog-single-entry[class*="post-custom-classic"] .entry-post-navigation > div > .nav-title-wrap h3 {display: block; font-size: 18px; font-weight: 500; line-height: 0; 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 { margin: 0; line-height: 25px; hyphens: auto; word-break: break-word; -ms-word-wrap: break-word; -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; } .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 div[class*="-boxed"].dt-sc-posts-meta-group div[class*="entry-"] a:hover { color: var(--DTWhiteColor); } .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: var(--DTBodyTxtColor); } .blog-single-entry.post-custom-classic div[class*="meta-elements-boxed"], .blog-single-entry[class*="post-custom-classic"] .entry-post-navigation { border-color: var(--DTBorderColor); } .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-post-navigation:before { background: var(--DTBorderColor); } .blog-single-entry[class*="post-custom-classic"] div[class*="meta-elements-"].entry-social-share .share i, .blog-single-entry[class*="post-custom-classic"] div[class*="meta-elements-"].entry-social-share:hover .share li a { color: var(--DTWhiteColor); } .blog-single-entry[class*="post-custom-classic"] div[class*="meta-elements-"].entry-social-share .share { padding: 0 10px 0 42px; } .blog-single-entry[class*="post-custom-classic"] div[class*="-curvy "].entry-social-share .share { border-radius: 5px; } .blog-single-entry[class*="post-custom-classic"] div[class*="-round"].entry-social-share .share { border-radius: 30px; } /*-------------------------------------------------------------- Default Colors --------------------------------------------------------------*/ .blog-single-entry.post-custom-classic div[class*=entry-format] a:hover {background: var(--DTWhiteColor); } .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, .blog-single-entry.post-custom-classic div[class*="metagroup-"] .entry-social-share:hover .share > i { color: var(--DTWhiteColor); } .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(var(--DTWhite_RGB),0.8); } /*-------------------------------------------------------------- Responsive --------------------------------------------------------------*/ @media only screen and (min-width:1441px) and (max-width:1680px) { } /*-------------------------------------------------------------- Accents --------------------------------------------------------------*/ /* Primary */ .blog-single-entry.post-custom-classic div[class*="metagroup-"] div[class*="entry-"] a:hover, .blog-single-entry.post-custom-classic div[class*="entry-format"] a:hover, .blog-single-entry.post-custom-classic div[class*="meta-elements-boxed"]:hover i, .blog-single-entry.post-custom-classic div[class*="meta-elements-boxed"] a:hover, .blog-single-entry[class*="post-custom-classic"] .entry-author-bio .details h3 span, .blog-single-entry[class*="post-custom-classic"] .entry-post-navigation > div > .nav-title-wrap h3 a:hover, .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: var(--DTTertiaryColor); } .blog-single-entry.post-custom-classic div[class*="metagroup-"] .entry-social-share:hover .share > i, .blog-single-entry.post-custom-classic div[class*="entry-format"] a, .blog-single-entry[class*="post-custom-classic"] div[class*="meta-elements-"].entry-social-share:hover .share { background-color: var(--DTPrimaryColor); } /* Secondary */ .blog-single-entry[class*="post-custom-classic"] .entry-post-navigation > div > .nav-title-wrap h3 a:hover { color: var(--DTSecondaryColor); } /*-------------------------------------------------------------- Responsive --------------------------------------------------------------*/ /*----*****---- << Laptop/Notebook >> ----*****----*/ @media only screen and (min-width:1281px) and (max-width:1440px) { /* 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; } } /*----*****---- << iPad - Landscape >> ----*****----*/ @media only screen and (min-width:1025px) and (max-width:1280px) { /* Custom Classic Type */ .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; } } /* Note: Design for a width of 768px */ @media only screen and (min-width:768px) and (max-width:1024px) { /* 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; } .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; } } /* Common Styles for the devices below 767px width */ @media only screen and (max-width: 767px) { /* Custom Classic Type */ .blog-single-entry[class*="post-custom-classic"] .entry-author-bio { font-size: 14px; padding: 0; line-height: 22px; } .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 {width: 50%; height: auto; text-align: center; padding: 0 20px; } .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 { position: static; float: none; display: inline-block; } .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; top: auto; transform: none; -moz-transform: none; -ms-transform: none; -webkit-transform: none; text-align: center; } .blog-single-entry.post-custom-classic > .entry-bottom-details > .dt-sc-one-half { margin-bottom: 0; text-align: center !important; } } /*----*****---- << Mobile - Portrait >> ----*****----*/ @media only screen and (max-width: 479px){ .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 { width: 80px; height: 80px; } }