/*----*****---- << 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: auto;z-index: 1;margin-top: auto;margin-bottom: 30px;position: relative;text-align: center;} .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_Zero);} .wdt-overlap-style.wdt-post-entry:not(.entry-cover-layout) .blog-entry:last-child > div:not(.entry-thumb){padding-bottom:0;border: none;} .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry .blog-entry .entry-thumb{margin-bottom:0;} .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 .has-post-thumbnail .entry-thumb:after {content: '';position: absolute;width: 100%;height: 80%;background: transparent;left: 0;top: auto;bottom: 0;border-radius: var(--wdtRadius_Zero);opacity: 1;background-image: linear-gradient(360deg,rgba(var(--wdtBodyBGColorRgb), 1),transparent);} .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 .entry-title h4 a{font-weight: 600;} .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;} .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry .blog-entry.has-post-thumbnail .entry-title h4 a:hover{color: var(--wdtPrimaryColor);} .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: var(--wdtSecondaryColor);} .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry .blog-entry .entry-button a.wdt-button:hover{background-color: transparent;color: var(--wdtPrimaryColor);padding-left: 0;padding-right: 52px;} .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(--wdtAccentTxtColor);font-size: var(--wdtFontSize_Base);font-weight: var(--wdtFontWeight_Base);font-family:var(--wdtFontTypo_Base);text-transform:capitalize;letter-spacing:1.1px;position:relative;padding-left: 45px;-webkit-transition: var(--wdtBaseTransition);transition: var(--wdtBaseTransition);background:transparent;} .wdt-posts-list-wrapper .wdt-overlap-style .blog-entry .entry-button a.wdt-button span{display:none;} /* .wdt-posts-list-wrapper .wdt-overlap-style .blog-entry .entry-button a.wdt-button:before {position: absolute;content: '';left: 0;width: 30px;height: 2px;top: 50%;background: var(--wdtBodyTxtColor);margin-top: -1px;-webkit-transition: var(--wdtBaseTransition);transition: var(--wdtBaseTransition);} */ /* .wdt-posts-list-wrapper .wdt-overlap-style .blog-entry .entry-button a.wdt-button:after {position: absolute;content: '';right: 0;width: 0px;height: 2px;top: 50%;background: var(--wdtSecondaryColor);margin-top: -1px;} */ .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(--wdtPrimaryColor);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(--wdtSecondaryColor);} .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;} /*-------------------------------------------------------------- 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); } /*-------------------------------------------------------------- Custom Styles --------------------------------------------------------------*/ .wdt-overlap-style.wdt-post-entry .blog-entry div.entry-date, .wdt-overlap-style.wdt-post-entry .blog-entry div.entry-title, .wdt-overlap-style.wdt-post-entry .blog-entry div.entry-body, .wdt-overlap-style.wdt-post-entry .blog-entry div.entry-button { padding: 0; } .wdt-overlap-style.wdt-post-entry .blog-entry div.entry-title { margin-bottom: 20px; } .wdt-overlap-style.wdt-post-entry .blog-entry div.entry-body > p { margin-bottom: 20px; } /*--<< Button >>--*/ .wdt-overlap-style.wdt-post-entry .blog-entry .entry-button a.wdt-button{display: inline-flex;align-items: center;padding: 0;background: transparent;font-weight: var(--wdtFontWeight_Ext);padding-left: 52px;} .wdt-overlap-style.wdt-post-entry .blog-entry .entry-button a.wdt-button span svg {display: none;} .wdt-overlap-style.wdt-post-entry .blog-entry .entry-button a.wdt-button span{width: 8px;height: 8px;display: inline-block;background: var(--wdtPrimaryColor);border-radius: 50%;margin: 0;margin-right: 6px;order: -1;} .wdt-overlap-style.wdt-post-entry .blog-entry .entry-button a.wdt-button span:before {content: '';position: absolute;width: 46px;background: var(--wdtBorderColor);height: 1px;left: 0;top: 0;bottom: 0;margin: auto;transition: var(--wdtBaseTransition);} .wdt-overlap-style.wdt-post-entry .blog-entry .entry-button a.wdt-button span:after {content: '';position: absolute;width: 0;background: var(--wdtBorderColor);height: 1px;left: auto;right: 0;bottom: 0;top: 0;margin: auto;transition: var(--wdtBaseTransition);} .wdt-overlap-style.wdt-post-entry .blog-entry .entry-button a.wdt-button:hover {padding-left: 0;padding-right: 52px;color: var(--wdtPrimaryColor);} .wdt-overlap-style.wdt-post-entry .blog-entry .entry-button a.wdt-button:hover span {background: var(--wdtAccentTxtColor);} .wdt-overlap-style.wdt-post-entry .blog-entry .entry-button a.wdt-button:hover span:before{width: 0;} .wdt-overlap-style.wdt-post-entry .blog-entry .entry-button a.wdt-button:hover span:after {width: 46px;} /*-------------------------------------------------------------- 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;} } /*----*****---- << 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-title h4 a{font-size: calc(var(--wdtFontSize_H4) * 0.75);} .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;} }