/*----*****---- << Boxed Type Styles >> ----*****----*/ .wdt-classic-style.wdt-post-entry .blog-entry { background-color: transparent; margin-bottom: 0; -webkit-border-radius: var(--wdtRadius_Zero); border-radius: var(--wdtRadius_Zero); -webkit-box-shadow: 0 0; box-shadow: 0 0; position: relative; overflow: hidden; } .wdt-classic-style.wdt-post-entry .blog-entry:not(.has-post-thumbnail) { border: 1px solid var(--wdtBorderColor); padding: 20px; } .wdt-classic-style.wdt-post-entry .blog-entry.post-without-title .entry-title + div { margin-top: 15px; } .wdt-classic-style.wdt-post-entry .blog-entry .entry-title h4 { margin-bottom: 0; position: relative; } /* .wdt-classic-style.wdt-post-entry.entry-list-layout .blog-entry .entry-title h4 { font-size: var(--wdtFontSize_Base); } */ .wdt-classic-style.wdt-post-entry .blog-entry .entry-title h4 a { display: inline; } .wdt-classic-style.wdt-post-entry .blog-entry div:not(.entry-body) { text-transform: capitalize; } .wdt-classic-style.wdt-post-entry .blog-entry div.entry-button:not(.entry-body) { display: inline-flex; margin-bottom: 0; margin-top: 5px; } .wdt-classic-style.wdt-post-entry .blog-entry div.entry-button:not(.entry-body){ position: absolute; right: 0; width: 45%; bottom: 10px; justify-content: end; padding-left: 10px; } .wdt-custom-blog .wdt-classic-style.wdt-post-entry .blog-entry div.entry-button:not(.entry-body) { position: static; width: auto; padding-left: 0; justify-content: flex-start; margin-top: 15px; } .wdt-classic-style.wdt-post-entry .blog-entry:not(.has-post-thumbnail) div.entry-button:not(.entry-body){ right: 20px; bottom: 30px; } .wdt-classic-style.wdt-post-entry .blog-entry > div.entry-body { margin: 0; } .wdt-classic-style.wdt-post-entry .blog-entry > div.entry-body > *:last-child { margin-bottom: 0; } .wdt-classic-style.wdt-post-entry.entry-grid-layout .blog-entry > div:last-child { margin-bottom: 0 !important; } .wdt-classic-style.wdt-post-entry.entry-grid-layout .blog-entry > div.entry-author { margin-top: 20px; padding-top: 20px; width: 55%; position: relative; } .wdt-classic-style.wdt-post-entry.entry-grid-layout .blog-entry > div.entry-author:before { content: ""; position: absolute; top: -1px; left: 0; right: 0; width: 200%; height: 1px; background-color: var(--wdtBorderColor); } .wdt-classic-style.wdt-post-entry .blog-entry div.entry-meta-group, .wdt-classic-style.wdt-post-entry.entry-cover-layout .blog-entry .entry-details > div.entry-meta-group { border-style: solid; border-width: 1px 0 0; padding-top: 10px; padding-bottom: 15px; } .wdt-classic-style.wdt-post-entry .blog-entry > div.entry-meta-group:not(:first-child), .wdt-classic-style.wdt-post-entry .blog-entry > div.entry-meta-group:nth-last-child(2), .wdt-classic-style.wdt-post-entry.entry-cover-layout .blog-entry .entry-details > div.entry-meta-group:not(:first-child) { border-width: 1px 0 0; } .wdt-classic-style.wdt-post-entry .blog-entry:not(.has-post-thumbnail)>div.entry-thumb+.entry-meta-group, .wdt-classic-style.wdt-post-entry.entry-cover-layout .blog-entry .entry-details>div.entry-meta-group:first-child { /* border-width: 0 0 1px; */ margin-bottom: 15px; } .wdt-classic-style.wdt-post-entry.entry-list-layout .blog-entry { overflow: visible; padding: 20px; box-shadow: rgba(var(--wdtSecondaryColorRgb),.1) 2px 2px 14px 0; -webkit-box-shadow: rgba(var(--wdtSecondaryColorRgb),.1) 2px 2px 14px 0; background-color: var(--wdtAccentTxtColor); } .wdt-classic-style.wdt-post-entry.entry-list-layout .blog-entry.has-post-thumbnail .entry-thumb { padding: 0; width: calc(100% - 20px); } .wdt-classic-style.wdt-post-entry .blog-entry div.entry-meta-group:not(:last-child) { margin-bottom: 0; } .wdt-classic-style.wdt-post-entry .blog-entry div:not(.entry-button):last-child, .wdt-classic-style.wdt-post-entry .blog-entry div:not(.entry-button):nth-last-child(2), .wdt-classic-style.wdt-post-entry.entry-cover-layout .blog-entry div:not(.entry-button):last-child, .wdt-classic-style.wdt-post-entry.entry-cover-layout .blog-entry div:not(.entry-button):nth-last-child(2) { padding-bottom: 0; } .wdt-classic-style.wdt-post-entry .blog-entry div.entry-meta-group > * { display: inline-block; float: left; margin: 0; } .wdt-classic-style.wdt-post-entry .blog-entry div.entry-author, .wdt-classic-style.wdt-post-entry .blog-entry div.entry-date, .wdt-classic-style.wdt-post-entry .blog-entry div.entry-comments, .wdt-classic-style.wdt-post-entry .blog-entry div.entry-categories, .wdt-classic-style.wdt-post-entry .blog-entry div.entry-tags, .wdt-classic-style.wdt-post-entry .blog-entry div.entry-social-share, .wdt-classic-style.wdt-post-entry .blog-entry div.entry-likes-views, .wdt-classic-style.wdt-post-entry .blog-entry div.entry-meta-group > div, .wdt-classic-style.wdt-post-entry.entry-cover-layout .blog-entry .entry-details > div.entry-meta-group > div { font-size: 0.875em; letter-spacing: 0.08em; margin-top: 0; margin-bottom: 5px; text-transform: capitalize; font-style: italic; } .wdt-classic-style.wdt-post-entry .blog-entry div.entry-meta-group > div:not(:last-child) { margin-right: 15px; } .wdt-classic-style.wdt-post-entry .blog-entry div.entry-meta-group > div + div { position: relative; } /* .wdt-classic-style.wdt-post-entry .blog-entry div.entry-meta-group > div + div:before { background-color: currentColor; content: ""; display: inline-block; height: 8px; margin: 10px 10px 0 0; opacity: 0.15; position: absolute; left: 0; width: 8px; vertical-align: top; -webkit-border-radius: var(--wdtRadius_Full); border-radius: var(--wdtRadius_Full); -webkit-transition: var(--wdtBaseTransition); transition: var(--wdtBaseTransition); } */ .wdt-classic-style.wdt-post-entry .blog-entry div.entry-meta-group > div.entry-date:not(:first-child):before { margin-right: 10px; } .wdt-classic-style.wdt-post-entry .blog-entry div.entry-meta-group > div:empty, .wdt-classic-style.wdt-post-entry .blog-entry .entry-comments i, .wdt-classic-style.wdt-post-entry .blog-entry .entry-date i, .wdt-classic-style.wdt-post-entry .blog-entry .entry-categories i, .wdt-classic-style.wdt-post-entry .blog-entry .entry-tags i, .wdt-classic-style.wdt-post-entry .blog-entry .entry-author > span { display: none; } .wdt-classic-style.wdt-post-entry .blog-entry div.entry-meta-group > div a:not(:focus), .wdt-classic-style.wdt-post-entry .blog-entry .entry-comments a:not(:focus), .wdt-classic-style.wdt-post-entry .blog-entry .entry-date a:not(:focus), .wdt-classic-style.wdt-post-entry .blog-entry .entry-categories a:not(:focus), .wdt-classic-style.wdt-post-entry .blog-entry .entry-tags a:not(:focus), .wdt-classic-style.wdt-post-entry .blog-entry .entry-author a:not(:focus) { text-decoration: none; } .wdt-classic-style.wdt-post-entry:not(.entry-cover-layout) .blog-entry div.entry-author a, .wdt-classic-style.wdt-post-entry:not(.entry-cover-layout) .blog-entry div.entry-date a, .wdt-classic-style.wdt-post-entry:not(.entry-cover-layout) .blog-entry div.entry-comments a, .wdt-classic-style.wdt-post-entry:not(.entry-cover-layout) .blog-entry div.entry-categories a, .wdt-classic-style.wdt-post-entry:not(.entry-cover-layout) .blog-entry div.entry-tags a, .wdt-classic-style.wdt-post-entry:not(.entry-cover-layout) .blog-entry div.entry-social-share a, .wdt-classic-style.wdt-post-entry:not(.entry-cover-layout) .blog-entry div.entry-likes-views a, .wdt-classic-style.wdt-post-entry:not(.entry-cover-layout) .blog-entry div.entry-meta-group > div a { color: var(--wdtBodyTxtColor); } .wdt-dark-bg .wdt-classic-style.wdt-post-entry:not(.entry-cover-layout) .blog-entry div.entry-author a, .wdt-dark-bg .wdt-classic-style.wdt-post-entry:not(.entry-cover-layout) .blog-entry div.entry-date a, .wdt-dark-bg .wdt-classic-style.wdt-post-entry:not(.entry-cover-layout) .blog-entry div.entry-comments a, .wdt-dark-bg .wdt-classic-style.wdt-post-entry:not(.entry-cover-layout) .blog-entry div.entry-categories a, .wdt-dark-bg .wdt-classic-style.wdt-post-entry:not(.entry-cover-layout) .blog-entry div.entry-tags a, .wdt-dark-bg .wdt-classic-style.wdt-post-entry:not(.entry-cover-layout) .blog-entry div.entry-social-share a, .wdt-dark-bg .wdt-classic-style.wdt-post-entry:not(.entry-cover-layout) .blog-entry div.entry-likes-views a, .wdt-dark-bg .wdt-classic-style.wdt-post-entry:not(.entry-cover-layout) .blog-entry div.entry-meta-group > div a { color: var(--wdtAccentTxtColor); } .wdt-dark-bg .wdt-classic-style.wdt-post-entry:not(.entry-cover-layout) .blog-entry div.entry-author a:hover, .wdt-dark-bg .wdt-classic-style.wdt-post-entry:not(.entry-cover-layout) .blog-entry div.entry-date a:hover, .wdt-dark-bg .wdt-classic-style.wdt-post-entry:not(.entry-cover-layout) .blog-entry div.entry-comments a:hover, .wdt-dark-bg .wdt-classic-style.wdt-post-entry:not(.entry-cover-layout) .blog-entry div.entry-categories a:hover, .wdt-dark-bg .wdt-classic-style.wdt-post-entry:not(.entry-cover-layout) .blog-entry div.entry-tags a:hover, .wdt-dark-bg .wdt-classic-style.wdt-post-entry:not(.entry-cover-layout) .blog-entry div.entry-social-share a:hover, .wdt-dark-bg .wdt-classic-style.wdt-post-entry:not(.entry-cover-layout) .blog-entry div.entry-likes-views a:hover, .wdt-dark-bg .wdt-classic-style.wdt-post-entry:not(.entry-cover-layout) .blog-entry div.entry-meta-group > div a:hover { color: var(--wdtPrimaryColor); } .wdt-classic-style.wdt-post-entry:not(.entry-cover-layout) .blog-entry div.entry-author a:hover, .wdt-classic-style.wdt-post-entry:not(.entry-cover-layout) .blog-entry div.entry-date a:hover, .wdt-classic-style.wdt-post-entry:not(.entry-cover-layout) .blog-entry div.entry-comments a:hover, .wdt-classic-style.wdt-post-entry:not(.entry-cover-layout) .blog-entry div.entry-categories a:hover, .wdt-classic-style.wdt-post-entry:not(.entry-cover-layout) .blog-entry div.entry-tags a:hover, .wdt-classic-style.wdt-post-entry:not(.entry-cover-layout) .blog-entry div.entry-social-share a:hover, .wdt-classic-style.wdt-post-entry:not(.entry-cover-layout) .blog-entry div.entry-likes-views a:hover, .wdt-classic-style.wdt-post-entry:not(.entry-cover-layout) .blog-entry div.entry-meta-group > div a:hover { color: rgba(var(--wdtSecondaryColorRgb),.65); } .wdt-classic-style.wdt-post-entry .blog-entry .entry-author * { display: inline-block; float: none; margin-right: 5px; vertical-align: middle; } .wdt-classic-style.wdt-post-entry .blog-entry .entry-author a { font-family: var(--wdtFontTypo_H6); font-weight: var(--wdtFontWeight_H6); line-height: var(--wdtLineHeight_H6); font-size: var(--wdtFontSize_Base); letter-spacing: 0; } .wdt-classic-style.wdt-post-entry .blog-entry .entry-author *:last-child { margin-right: 0; } .wdt-classic-style.wdt-post-entry .blog-entry .entry-author img { border-radius: var(--wdtRadius_Full); position: relative; display: inline-block; width: 35px; height: 35px; margin-right: 5px; } .wdt-classic-style.wdt-post-entry .blog-entry > div:first-child:not(.entry-thumb), .wdt-classic-style .wdt-post-entry.entry-cover-layout .blog-entry .entry-details > div:first-child:not(.entry-thumb) { margin-top: 0; } .wdt-classic-style.wdt-post-entry.entry-grid-layout .blog-entry.format-link > div[class*="entry-thumb"], .wdt-classic-style.wdt-post-entry.entry-grid-layout .blog-entry.format-quote > div[class*="entry-thumb"] { display: inline-block; margin: 0 0 20px; width: 100%; } .wdt-classic-style.wdt-post-entry.entry-grid-layout .blog-entry.format-link > div[class*="entry-thumb"]:after, .wdt-classic-style.wdt-post-entry.entry-grid-layout .blog-entry.format-quote > div[class*="entry-thumb"]:after { content: none; } .wdt-classic-style.wdt-post-entry .blog-entry.format-link > div[class*="entry-thumb"] .entry-link-inner, .wdt-classic-style.wdt-post-entry .blog-entry.format-quote > div[class*="entry-thumb"] .entry-quote-inner { border-style: solid; padding-bottom: 10px !important; padding-top: 10px !important; } .wdt-classic-style.wdt-post-entry .blog-entry.format-link > div[class*="entry-thumb"]:first-child .entry-link-inner, .wdt-classic-style.wdt-post-entry .blog-entry.format-quote > div[class*="entry-thumb"]:first-child .entry-quote-inner { border-width: 0 0 1px; } .wdt-classic-style.wdt-post-entry .blog-entry.format-link > div[class*="entry-thumb"]:not(:first-child) .entry-link-inner, .wdt-classic-style.wdt-post-entry .blog-entry.format-quote > div[class*="entry-thumb"]:not(:first-child) .entry-quote-inner { border-width: 1px 0 0; } .wdt-classic-style.wdt-post-entry.entry-grid-layout .blog-entry.format-link > div[class*="entry-thumb"] +.entry-meta-group, .wdt-classic-style.wdt-post-entry.entry-grid-layout .blog-entry.format-quote > div[class*="entry-thumb"] +.entry-meta-group { margin-top: 0 !important; } .wdt-classic-style.wdt-post-entry .blog-entry.format-quote > div[class*="entry-thumb"] .entry-quote-inner .wdticon-quote-left { display: none; } .wdt-classic-style.wdt-post-entry .blog-entry.format-quote > div[class*="entry-thumb"] .entry-quote-inner, .wdt-classic-style.wdt-post-entry .blog-entry.format-quote > div[class*="entry-thumb"] .entry-quote-inner { margin-bottom: 0; padding: 0; } .wdt-classic-style.wdt-post-entry .blog-entry.format-link > div[class*="entry-button"], .wdt-classic-style.wdt-post-entry .blog-entry.format-quote > div[class*="entry-button"] { padding-top: 0 !important; padding-bottom: 0 !important; } .wdt-classic-style.wdt-post-entry .blog-entry div.entry-meta-group:last-child, .wdt-classic-style.wdt-post-entry.entry-cover-layout .blog-entry > .entry-thumb + div:nth-child(2), .wdt-classic-style.wdt-post-entry.entry-cover-layout .blog-entry .entry-details > div.entry-meta-group:last-child, .wdt-classic-style.wdt-post-entry.entry-cover-layout .blog-entry .entry-details > div:first-child:not(.entry-thumb) { margin-top: 15px; } /* .wdt-classic-style.wdt-post-entry .blog-entry div.entry-button { clear: both; display: inline-block; margin-top: 0; margin-bottom: 0 !important; position: absolute; bottom: 0; left: 0; width: auto !important; -webkit-transform: translateY(50%); transform: translateY(50%); } */ .wdt-classic-style.wdt-post-entry .blog-entry div.entry-button .wdt-button { padding: 0; position: relative; background: none; color: var(--wdtHeadAltColor); text-transform: uppercase; font-size: var(--wdtFontSize_Ext); text-decoration: underline; text-underline-offset: 2px; } .wdt-dark-bg .wdt-classic-style.wdt-post-entry .blog-entry div.entry-button .wdt-button { color: var(--wdtAccentTxtColor); } .wdt-classic-style.wdt-post-entry .blog-entry div.entry-button .wdt-button:hover { color: rgba(var(--wdtSecondaryColorRgb),.65); } .wdt-dark-bg .wdt-classic-style.wdt-post-entry .blog-entry div.entry-button .wdt-button:hover { color: var(--wdtPrimaryColor); } .wdt-classic-style.wdt-post-entry .blog-entry div.entry-button .wdt-button span { display: none; } .wdt-classic-style.wdt-post-entry .blog-entry div.entry-button .wdt-button span:before { margin: 0; } .wdt-classic-style.wdt-post-entry .blog-entry.format-link > div[class*="entry-"]:not(.entry-title) .entry-link-wrapper { color: var(--wdtHeadAltColor); display: inline-flex; font-weight: var(--wdtFontWeight_Ext); align-items: flex-start; line-height: normal; margin: 1em 0; position: relative; } .wdt-classic-style.wdt-post-entry .blog-entry.format-link > div[class*="entry-"]:not(.entry-title) .entry-link-wrapper .entry-link-url { height: 100%; position: absolute; left: 0; top: 0; width: 100%; } .wdt-classic-style.wdt-post-entry .blog-entry.format-link > div[class*="entry-"]:not(.entry-title) .entry-link-wrapper .link-author { font-size: inherit; text-transform: none; word-break: break-word; } .wdt-classic-style.wdt-post-entry .blog-entry > div[class*="entry-"]:only-child { margin-bottom: 0; } .wdt-classic-style.wdt-post-entry .blog-entry div.entry-meta-group div[class*="entry-"]:only-child { margin-bottom: 0; } .wdt-classic-style.wdt-post-entry .blog-entry .entry-title h4 span.sticky-post { color: inherit; font-size: 0.5em; line-height: inherit; height: auto; left: 0; right: auto; top: 2px; width: auto; width: 24px; height: 24px; display: flex; justify-content: center; align-items: center; background-color: var(--wdtSecondaryColor); } .wdt-classic-style.wdt-post-entry .blog-entry .entry-title h4 span.sticky-post > i { font-size: inherit; line-height: inherit; position: static; vertical-align: middle; -webkit-transform: none; transform: none; } .wdt-classic-style.wdt-post-entry .blog-entry .entry-title h4 span.sticky-post > i:before { line-height: inherit; margin: 0; } .wdt-classic-style.wdt-post-entry .blog-entry .entry-title h4 span.sticky-post + a { padding-left: 30px; } .wdt-classic-style.wdt-post-entry.entry-grid-layout .blog-entry > div.entry-thumb { display: block; float: none; width: auto; } /* .wdt-classic-style.wdt-post-entry.entry-grid-layout .blog-entry.has-post-thumbnail > div.entry-thumb { margin-left: 15px; margin-right: 15px; } */ .wdt-classic-style.wdt-post-entry.entry-grid-layout .blog-entry:not(.format-link):not(.format-quote) > div.entry-thumb:first-child { margin-top: 0; } /* .wdt-classic-style.wdt-post-entry.entry-grid-layout .blog-entry:not(.has-post-thumbnail) > div.entry-thumb:first-child + div { margin-top: 15px; } */ .wdt-classic-style.wdt-post-entry.entry-grid-layout .blog-entry:not(.has-post-thumbnail) > div.entry-thumb:first-child + div { padding-bottom: 0; } .wdt-classic-style.wdt-post-entry.entry-grid-layout .blog-entry div.entry-meta-group + .entry-thumb { margin-top: -15px; } .wdt-classic-style.wdt-post-entry.entry-grid-layout .blog-entry div.entry-meta-group:first-child + .entry-thumb { margin-top: -15px; } .wdt-classic-style.wdt-post-entry.entry-grid-layout .blog-entry div.entry-meta-group:not(:last-child), .wdt-classic-style.wdt-post-entry.entry-grid-layout .blog-entry .entry-details > div.entry-meta-group:not(:last-child) { margin-top: 10px; } .wdt-classic-style.wdt-post-entry.entry-grid-layout .blog-entry > div.entry-thumb + .entry-meta-group { border-top-width: 0; margin-top: 0; padding-top: 0; display: inline-flex; align-items: flex-start; } .wdt-classic-style.wdt-post-entry.entry-grid-layout .blog-entry:not(.has-post-thumbnail) > div.entry-thumb + .entry-meta-group{ flex-direction: column; } .wdt-classic-style.wdt-post-entry .blog-entry:not(.has-post-thumbnail) div.entry-meta-group > div.entry-date { max-width: 100%; padding: 9px 15px; background-color: var(--wdtPrimaryColor); color: var(--wdtHeadAltColor); min-height: auto; height: auto; margin-bottom: 10px; } .wdt-classic-style.wdt-post-entry.entry-grid-layout .blog-entry > div.entry-thumb:last-child { margin-bottom: 0; } .wdt-classic-style.wdt-post-entry.entry-cover-layout .blog-entry .entry-format + .entry-details .entry-meta-group:first-child { padding-top: 30px; } .wdt-classic-style.wdt-post-entry.entry-list-layout .blog-entry.format-link > div[class*="entry-thumb"], .wdt-classic-style.wdt-post-entry.entry-list-layout .blog-entry.format-quote > div[class*="entry-thumb"] { z-index: 1; } .wdt-classic-style.wdt-post-entry.entry-cover-layout .blog-entry div.entry-categories a:after, .wdt-classic-style.wdt-post-entry.entry-cover-layout .blog-entry div.entry-tags a:after { color: var(--wdtAccentTxtColor); } .wdt-classic-style.wdt-post-entry:not(.entry-cover-layout) .blog-entry.sticky { background: var(--wdtBodyBGColor); } .wdt-classic-style.wdt-post-entry .blog-entry div[class*="entry-"]:not(.entry-body) > [class^="wdticon-"]::before, .wdt-classic-style.wdt-post-entry .blog-entry div[class*="entry-"]:not(.entry-body) > [class*="wdticon-"]::before { text-align: left; } .wdt-classic-style.wdt-post-entry .blog-entry div.entry-meta-group > div.entry-date { font-size: var(--wdtFontSize_Ext); font-family: var(--wdtFontTypo_H6); font-weight: var(--wdtFontWeight_H6); line-height: 1.2; background-color: var(--wdtPrimaryColor); color: var(--wdtHeadAltColor); padding: 9px 15px; text-align: center; display: flex ; align-items: center; justify-content: center; } .wdt-classic-style.wdt-post-entry .blog-entry div.entry-meta-group > div.entry-date { max-width: 50px; min-width: 50px; max-height: 50px; height: 50px; padding: 5px; } .wdt-dark-bg .wdt-classic-style.wdt-post-entry .blog-entry div.entry-meta-group > div.entry-date { background-color: var(--wdtPrimaryColor); color: var(--wdtHeadAltColor); } .wdt-classic-style.wdt-post-entry.entry-list-layout .blog-entry div.entry-meta-group > div.entry-date { font-size: var(--wdtFontSize_Base); } /*-------------------------------------------------------------- Colors --------------------------------------------------------------*/ /*----*****---- << Dark >> ----*****----*/ .wdt-classic-style.wdt-post-entry.entry-cover-layout .blog-entry, .wdt-classic-style.wdt-post-entry.entry-cover-layout .blog-entry.sticky { background-color: rgba(var(--wdtHeadAltColorRgb),0.5); } .wdt-classic-style.wdt-post-entry.entry-cover-layout .blog-entry:hover, .wdt-classic-style.wdt-post-entry.entry-cover-layout .blog-entry.sticky:hover { background-color: rgba(var(--wdtHeadAltColorRgb),0.65); } .wdt-classic-style.wdt-post-entry.entry-cover-layout .blog-entry { min-height: 460px; display: flex; flex-direction: column; justify-content: end; align-items: flex-start; padding-bottom: 25px; } .wdt-classic-style.wdt-post-entry.entry-cover-layout .blog-entry div.entry-button:not(.entry-body) { position: static; justify-content: center; width: auto; padding-right: 25px; padding-left: 25px !important; } .wdt-classic-style.wdt-post-entry.entry-cover-layout .blog-entry div.entry-button:not(.entry-body) a { color: var(--wdtAccentTxtColor); } .wdt-classic-style.wdt-post-entry.entry-cover-layout .blog-entry div.entry-button:not(.entry-body) a:hover { color: var(--wdtPrimaryColor); } .wdt-classic-style.wdt-post-entry.entry-cover-layout .blog-entry > div.entry-body { margin-bottom: 15px; } .wdt-classic-style.wdt-post-entry.entry-cover-layout .blog-entry div.entry-meta-group:not(:last-child) { padding-bottom: 15px; } .wdt-classic-style.wdt-post-entry.entry-cover-layout .blog-entry .entry-title h4 { font-size: clamp(1.625rem, 1.5385rem + 0.3846vw, 2rem); /* Min-26 & Max-32 */ width: 80%; } /*-------------------------------------------------------------- Accents --------------------------------------------------------------*/ /* Primary Color */ .wdt-classic-style.wdt-post-entry .blog-entry div.entry-meta-group .div:not(.entry-social-share) i, .wdt-classic-style.wdt-post-entry .blog-entry.format-link > div[class*="entry-"]:not(.entry-title) .entry-link-wrapper:hover .link-author, .wdt-classic-style.wdt-post-entry .blog-entry .entry-title h4 span.sticky-post > i { color: rgba(var(--wdtHeadAltColorRgb),.65); } .wdt-classic-style.wdt-post-entry .blog-entry .entry-title h4 span.sticky-post > i { color: var(--wdtAccentTxtColor); } .wdt-classic-style.wdt-post-entry.entry-grid-layout .blog-entry div.entry-meta-group, .wdt-classic-style.wdt-post-entry.entry-list-layout .blog-entry div.entry-meta-group, .wdt-classic-style.wdt-post-entry.entry-cover-layout .blog-entry div.entry-meta-group, .wdt-classic-style.wdt-post-entry.entry-cover-layout .blog-entry .entry-details > div.entry-meta-group, .wdt-classic-style.wdt-post-entry .blog-entry div.entry-meta-group:not(:last-child), .wdt-classic-style.wdt-post-entry.entry-cover-layout .blog-entry div.entry-meta-group:not(:last-child), .wdt-post-entry.entry-cover-layout .blog-entry .entry-details > div.entry-meta-group:not(:last-child), .wdt-classic-style.wdt-post-entry .blog-entry.format-link > div[class*="entry-thumb"] .entry-link-inner, .wdt-classic-style.wdt-post-entry .blog-entry.format-quote > div[class*="entry-thumb"] .entry-quote-inner { border-color: rgba(var(--wdtHeadAltColorRgb),0.1); } .wdt-classic-style.wdt-post-entry .blog-entry:hover > div.entry-meta-group > div + div::before, .wdt-classic-style.wdt-post-entry .blog-entry.sticky > div.entry-meta-group > div + div::before { background-color: var(--wdtSecondaryColor); opacity: 0.5; } /*-------------------------------------------------------------- Responsive --------------------------------------------------------------*/ /*----*****---- << iPad - Landscape >> ----*****----*/ @media only screen and (min-width:1025px) { .wdt-classic-style.wdt-post-entry .blog-entry:not(.entry-list-layout) .entry-meta-group div.entry-author:nth-child(even) a { left: auto; overflow: hidden; position: relative; right: 0; width: auto; } } /*----*****---- << Tablet (Landscape) >> ----*****----*/ /* Note: Design for a width of 960px */ @media only screen and (min-width:1025px) and (max-width:1280px) { .wdt-classic-style.wdt-post-entry .blog-entry:not(.entry-list-layout) .entry-meta-group .entry-author { position: relative; } .wdt-classic-style.wdt-post-entry .blog-entry:not(.entry-list-layout) .entry-meta-group .entry-author a { overflow: visible; position: static; width: auto; } } /*----*****---- << Tablet (Portrait) >> ----*****----*/ /* Note: Design for a width of 768px */ @media screen and (max-width:1024px) { .wdt-classic-style.wdt-post-entry.entry-cover-layout .blog-entry .entry-title h4 { width: 100%; } } /* Note: Design for a width of 768px */ @media only screen and (min-width:768px) { .wdt-post-entry.entry-list-layout .blog-entry.has-post-thumbnail .entry-thumb > a { display: block; float: none; margin-right: -15px; width: auto; } .wdt-post-entry.entry-list-layout.entry-right-thumb .blog-entry.has-post-thumbnail .entry-thumb > a { margin-left: -15px; margin-right: 0; } .wdt-post-entry.entry-list-layout.entry-left-thumb .blog-entry.has-post-thumbnail div.entry-button { grid-column-start: 2; } } /*----*****---- << Mobile (Landscape) >> ----*****----*/ /* Common Styles for the devices below 767px width */ @media only screen and (max-width: 767px) { .wdt-classic-style.wdt-post-entry.entry-list-layout .blog-entry.has-post-thumbnail .entry-thumb { min-height: clamp(12.5rem, 4.2076rem + 36.855vw, 21.875rem); width: 100%; } } /*----*****---- << Mobile - Portrait >> ----*****----*/ /* Common Styles for the devices below 479px width */ @media only screen and (max-width: 479px) { .wdt-classic-style.wdt-post-entry .blog-entry div.entry-meta-group > div:last-child, .wdt-post-entry.entry-grid-layout .blog-entry div.entry-meta-group > div:last-child, .wdt-post-entry.entry-cover-layout .blog-entry .entry-details > div.entry-meta-group > div:last-child { margin-bottom: 0; vertical-align: top; } .wdt-classic-style.wdt-post-entry .blog-entry:not(.entry-list-layout) .entry-meta-group .entry-author { position: relative; } .wdt-classic-style.wdt-post-entry .blog-entry:not(.entry-list-layout) .entry-meta-group .entry-author a { overflow: visible; position: static; width: auto; } .wdt-classic-style.wdt-post-entry .blog-entry div.entry-meta-group:last-child > div:last-child { margin-bottom: 0; } /* .wdt-classic-style.wdt-post-entry .blog-entry .entry-author a { font-size: var(--wdtFontSize_Base); } */ }