/*----*****---- << Overlap Type Styles >> ----*****----*/ .wdt-overlap-style.wdt-post-entry .blog-entry.has-post-thumbnail .entry-format{top: unset;width: auto;right: 30px;bottom: 22px;left: unset;margin-bottom: 0;} .wdt-overlap-style.wdt-post-entry .blog-entry .entry-format a{border-radius: 50%;} .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry .blog-entry.has-post-thumbnail{display: grid;} .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry .blog-entry.has-post-thumbnail>div.entry-thumb:first-child+div { padding: 0; margin: 0; padding-top: 0; width: max-content; z-index: 1; margin-top: 15px; margin-bottom: auto; margin-left: 15px; position: relative; color: var(--wdtHeadAltColor); line-height: normal; } .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry .blog-entry.has-post-thumbnail > div.entry-thumb:first-child + div.entry-categories{ padding: 7px 20px; display: inline-block; border-radius: var(--wdtRadius_1X); -webkit-border-radius: var(--wdtRadius_1X); } .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry .blog-entry.has-post-thumbnail>div.entry-thumb:first-child + div.entry-categories{ background: linear-gradient(45deg, var(--wdtTertiaryColor), var(--wdtQuaternaryColor)); } .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry .blog-entry.has-post-thumbnail>div.entry-thumb:first-child + div.entry-categories a:hover{ color: var(--wdtSecondaryColor); } .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry:not(.entry-list-layout) .blog-entry.has-post-thumbnail .entry-thumb, .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry:not(.entry-list-layout) .blog-entry.has-post-thumbnail > div.entry-thumb:first-child + div {grid-area: 1/1;} .wdt-overlap-style.wdt-post-entry .blog-entry.has-post-thumbnail .entry-title h4{width: auto;display: inline-block;} .wdt-overlap-style.wdt-post-entry .blog-entry.has-post-thumbnail .entry-thumb img{border-radius: var(--wdtRadius_2X);} .wdt-overlap-style.wdt-post-entry:not(.entry-cover-layout) .blog-entry:last-child > div:not(.entry-thumb){padding-bottom:15px;border: none;margin-bottom: 0;} .wdt-overlap-style.wdt-post-entry:not(.entry-cover-layout) .blog-entry:last-child > div:not(.entry-thumb):last-child { padding-bottom: 30px; } .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry .blog-entry .entry-thumb{margin-bottom:0; border-radius: var(--wdtRadius_2X); } .wdt-overlap-style.wdt-post-entry:not(.entry-cover-layout) .blog-entry > div:not(.entry-thumb):not(.entry-title){width: 90%;background: transparent;margin:0;z-index:9;} .wdt-overlap-style.wdt-post-entry:not(.entry-cover-layout) .blog-entry .entry-body p { margin-bottom: 0; } .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry .has-post-format.blog-entry.has-post-thumbnail > div.entry-thumb:first-child + div:after {content: '';position: absolute;width: 2px;height: 100%;background: var(--wdtBodyBGColor);top: 0;right: 115px;opacity: 0.6;} .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry .blog-entry.has-post-thumbnail .blog-entry .entry-title h4 span.sticky-post > i:first-child{color: var(--wdtBodyBGColor);font-size: 16px;} .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry .blog-entry .entry-format a{background-color: var(--wdtBodyBGColor);color: var(--wdtPrimaryColor);} .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry .blog-entry .entry-format a:before{font-size: 22px;} .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry .blog-entry .entry-format a:hover{background-color: var(--wdtSecondaryColor);color: var(--wdtBodyBGColor);-webkit-box-shadow: inset 0 0 0 2px var(--wdtSecondaryColor);box-shadow: inset 0 0 0 2px var(--wdtSecondaryColor);} .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry .blog-entry.has-post-thumbnail>div:nth-child(2)+div { padding-top: 30px; border-top: 1px solid var(--wdtBorderColor); margin-top: -30px; border-radius: var(--wdtRadius_1X) var(--wdtRadius_1X) 0 0; } .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry .blog-entry.has-post-thumbnail > div:not(.entry-categories, .entry-thumb) { border-left: 1px solid var(--wdtBorderColor); border-right: 1px solid var(--wdtBorderColor); width: 90%; margin-bottom: 0; margin-left: auto; margin-right: auto; background: linear-gradient(45deg, var(--wdtTertiaryColor), var(--wdtQuaternaryColor)); } .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry:hover .blog-entry.has-post-thumbnail > div:not(.entry-categories, .entry-thumb){ background-color: transparent; } .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry .blog-entry.has-post-thumbnail > div:last-child { border-bottom: 1px solid var(--wdtBorderColor); border-radius: 0 0 var(--wdtRadius_1X) var(--wdtRadius_1X); padding-bottom: 30px; } .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry .blog-entry.has-post-thumbnail .entry-title h4 a:hover{color: rgba(var(--wdtLinkColorRgb),.75);} .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry .blog-entry.has-post-thumbnail .entry-title h4:hover span.sticky-post > i:first-child{color: var(--wdtSecondaryColor);} .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry .blog-entry .entry-title h4 a{color: var(--wdtHeadAltColor);} .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry .blog-entry .entry-title h4 a:hover{color: rgba(var(--wdtLinkColorRgb),.75);} .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry .blog-entry .entry-button a.wdt-button:hover{background-color: transparent;color: rgba(var(--wdtLinkColorRgb),.75);padding-left: 0;padding-right: 45px;} .wdt-posts-list-wrapper .wdt-overlap-style .blog-entry .entry-button a.wdt-button:hover:after {width: 30px;} .wdt-posts-list-wrapper .wdt-overlap-style .blog-entry .entry-button a.wdt-button:hover:before{width: 0;} .wdt-posts-list-wrapper .wdt-overlap-style .blog-entry .entry-button a.wdt-button{color:var(--wdtBodyTxtColor);font-size:var(--wdtFontSize_Base);font-family:var(--wdtFontTypo_Base);text-transform:capitalize;letter-spacing:0;position:relative;padding: 0;-webkit-transition: var(--wdtBaseTransition);transition: var(--wdtBaseTransition);background:transparent;} .wdt-overlap-style.wdt-post-entry:not(.entry-cover-layout) .blog-entry .entry-meta-group + div {padding-top: 0;} .wdt-overlap-style.wdt-post-entry .blog-entry > div.entry-meta-group > div, .wdt-overlap-style.wdt-post-entry.entry-cover-layout .blog-entry > div.entry-meta-group > div, .wdt-overlap-style.wdt-post-entry.entry-cover-layout .blog-entry .entry-details > div.entry-meta-group > div{display: inline-block;margin-right: 15px;} .wdt-overlap-style.wdt-post-entry .blog-entry .entry-title h4{position: relative;} .wdt-overlap-style.wdt-post-entry .blog-entry .entry-title h4 span.sticky-post {background: transparent;font-size: inherit;height: auto;line-height: 28px;right: auto;width: auto;color: var(--wdtHeadAltColor);} .wdt-overlap-style.wdt-post-entry:not(.entry-list-layout) .blog-entry.has-post-thumbnail .entry-thumb + .entry-title h4 span.sticky-post > i{color: var(--wdtBodyBGColor);} .wdt-overlap-style.wdt-post-entry .blog-entry .entry-title h4 span.sticky-post > i {font-size: 18px;line-height: inherit;position: unset;transform: none;vertical-align: baseline;} .wdt-overlap-style.wdt-post-entry .blog-entry .entry-title h4 span.sticky-post > i::before {line-height: inherit;margin: 0;} .wdt-post-entry .blog-entry .entry-title h4 span.sticky-post + a {padding-left: 25px;} .wdt-overlap-style.wdt-post-entry .blog-entry > div.entry-meta-group > div:not(:last-child):after {content: '';position: absolute;right: -10px;font-weight: bold;top: 14px;transform: translateY(-50%) rotate(45deg);width: 7px;height: 7px;background: transparent;border-width: 1px 1px 0px 0px;border-style: solid solid solid solid;border-color: currentcolor currentcolor transparent transparent;} .wdt-overlap-style.wdt-post-entry .blog-entry > div.entry-meta-group > div:empty{display: none;} .wdt-overlap-style.wdt-post-entry .blog-entry > div.entry-meta-group > div{position: relative;font-weight: 600;display: inline-block;width: auto;margin: 5px 20px 5px 0px;} .wdt-overlap-style.wdt-post-entry .blog-entry.has-post-thumbnail .entry-thumb + div.entry-meta-group > div{margin: 10px 20px 10px 0;} .wdt-overlap-style.wdt-post-entry .blog-entry .entry-social-share .share{border: none;} .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry:not(.entry-list-layout) .blog-entry.has-post-thumbnail > div.entry-thumb:first-child + div a, .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry:not(.entry-list-layout) .blog-entry.has-post-thumbnail > div.entry-thumb:first-child + div p,.wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry:not(.entry-list-layout) .blog-entry.has-post-thumbnail > div.entry-thumb:first-child + div{color: var(--wdtHeadAltColor);border: none;} .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry .blog-entry.has-post-thumbnail > div.entry-thumb:first-child + div a:hover{color: var(--wdtPrimaryColor);} .wdt-overlap-style.wdt-post-entry .blog-entry a:not(.wdt-button) {text-decoration: none;} .wdt-overlap-style.wdt-post-entry:not(.entry-cover-layout) .blog-entry .entry-thumb + div {padding-bottom: 0;} .wdt-overlap-style.wdt-post-entry .blog-entry .entry-social-share .share > i{border-radius: 50%;} .wdt-overlap-style.wdt-post-entry .blog-entry a:not(.wdt-button):hover{color: var(--wdtSecondaryColor);} .wdt-overlap-style.wdt-post-entry:not(.entry-cover-layout) .blog-entry .entry-meta-group {padding-top: 0;padding-bottom: 0px;} .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry.entry-list-layout .blog-entry.has-post-thumbnail > div.entry-thumb:first-child + div{margin-bottom: 0;} .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry.entry-list-layout .blog-entry .entry-thumb{border-radius: 10px;} .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry .blog-entry > div i{ display: none; } .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry .blog-entry > div .sticky-post i{ display: inline-block; } /*-------------------------------------------------------------- Accents --------------------------------------------------------------*/ /* Primary */ .wdt-overlap-style.wdt-post-entry .blog-entry .entry-format a:after { background-color: var(--wdtPrimaryColor); } /* Secondary */ .wdt-overlap-style.wdt-post-entry .blog-entry .entry-format a:hover:after { background-color: var(--wdtSecondaryColor); } /* Post Quote & Link */ .wdt-overlap-style.wdt-post-entry .blog-entry.format-link > div[class*="entry-"]:not(.entry-title) .entry-link-wrapper { display: inline-flex; align-items: flex-start; position: relative; color: var(--wdtHeadAltColor); } .wdt-overlap-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-overlap-style.wdt-post-entry .blog-entry.format-link > div[class*="entry-"]:not(.entry-title) .entry-link-wrapper:hover .link-author { color: var(--wdtPrimaryColor); } .wdt-overlap-style.wdt-post-entry .blog-entry.format-quote > div[class*="entry-thumb"] .entry-quote-inner .wdticon-quote-left { display: none; } .wdt-overlap-style.wdt-post-entry .blog-entry.format-link > div[class*="entry-thumb"] .entry-link-inner, .wdt-overlap-style.wdt-post-entry .blog-entry.format-quote > div[class*="entry-thumb"] .entry-quote-inner { border-color: var(--wdtBorderColor); border-width: 0 0 1px; border-style: solid; padding-bottom: 10px; padding-top: 0px; margin-bottom: 0; } .wdt-overlap-style.wdt-post-entry .blog-entry.format-link > div[class*="entry-thumb"], .wdt-overlap-style.wdt-post-entry .blog-entry.format-quote>div[class*="entry-thumb"] { -webkit-border-radius: var(--wdtRadius_Zero); border-radius: var(--wdtRadius_Zero); margin-top: 30px; } .wdt-overlap-style.wdt-post-entry .blog-entry.format-link > div[class*="entry-thumb"]:after, .wdt-overlap-style.wdt-post-entry .blog-entry.format-quote > div[class*="entry-thumb"]:after { display: none; } .wdt-overlap-style.wdt-post-entry .blog-entry.format-quote > div[class*="entry-thumb"] blockquote a { text-decoration: underline; } /*-------------------------------------------------------------- Responsive --------------------------------------------------------------*/ @media only screen and (max-width: 767px) { .wdt-overlap-style.wdt-post-entry.entry-list-layout .blog-entry .entry-thumb .blog-image > a, .wdt-overlap-style.wdt-post-entry.entry-list-layout .blog-entry .entry-thumb .blog-image .bx-wrapper .entry-gallery-post-slider li {height: 300px;position: relative;} .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry.entry-list-layout .blog-entry.has-post-thumbnail > div.entry-thumb:first-child + div {margin-top: 20px;padding: 0 20px;} .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry .blog-entry.has-post-thumbnail > div:not(:last-child) { padding-bottom: 10px; } .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry .blog-entry.has-post-thumbnail > div.entry-thumb:first-child + div.entry-categories { padding: 4px 12px; } } /*----*****---- << Mobile - Portrait >> ----*****----*/ /* Common Styles for the devices below 479px width */ @media only screen and (max-width: 479px) { .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry .blog-entry .entry-format a:before {font-size: 18px;line-height: 40px;} .blog-entry .entry-format a{width: 40px;height: 40px;} }