/*----*****---- << Overlap Type Styles >> ----*****----*/ .wdt-overlap-style.wdt-post-entry .blog-entry.has-post-thumbnail .entry-format{top:10px;left: unset;right:10px;} .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{display: grid;box-shadow: 0px 0px 31.5px 3.5px rgb(0 0 0 / 5%);padding: 30px;border-radius: calc(var(--wdtRadius_3X) * 2);background: var(--wdtBodyBGColor);} .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry .blog-entry.has-post-thumbnail > div.entry-thumb:first-child + div{margin: 0;width: auto;z-index: 1;margin-top: auto;margin-bottom: 0;position: relative;margin-right: auto;background: var(--wdtPrimaryColor);font-size: var(--wdtFontSize_H6); padding: 10px 20px; border-radius: 0 15px 0 15px; font-weight: 500;} .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry .blog-entry div.entry-date {font-size: var(--wdtFontSize_Base);font-weight: 500;} .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: 15px;} .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-posts-list-wrapper .wdt-overlap-style.wdt-post-entry .blog-entry .entry-thumb{overflow: hidden;} .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.entry-grid-layout .format-link.blog-entry .entry-thumb .entry-link-wrapper span {overflow-wrap: break-word;} .wdt-overlap-style.wdt-post-entry:not(.entry-cover-layout) .blog-entry > div:not(.entry-thumb):not(.entry-title){width: 100%;background: transparent;z-index:9;} /* .wdt-overlap-style.wdt-post-entry .has-post-thumbnail .entry-thumb:after {content: '';position: absolute;width: 100%;height: 100%;background: currentColor;left: 0;top: 0;border-radius: 10px;opacity: 0.6;background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1));} */ /* .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;font-size: inherit;} .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry .blog-entry .entry-title h4 {font-size: calc(var(--wdtFontSize_H5) + 2px);} .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(--wdtSecondaryColor);} */ .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(--wdtSecondaryColor);} /* .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(--wdtPrimaryColor);font-size:var(--wdtFontSize_Base);font-family:var(--wdtFontTypo_Base);position:relative;-webkit-transition: var(--wdtBaseTransition);transition: var(--wdtBaseTransition);background:transparent;padding: 0;margin: 0;} .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;bottom:0;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: '';left: 0;width: 100%;height: 2px;bottom:-2px;background:currentColor;} .wdt-posts-list-wrapper .wdt-overlap-style .blog-entry .entry-button a.wdt-button:hover:after {width: 0;} .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: 400;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(--wdtBodyBGColor);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;} .wdt-overlap-style.wdt-post-entry:not(.entry-cover-layout) .blog-entry > div:not(.entry-thumb), .wdt-overlap-style.wdt-post-entry:not(.entry-cover-layout) .blog-entry.format-link > div.entry-thumb, .wdt-overlap-style.wdt-post-entry:not(.entry-cover-layout) .blog-entry.format-quote > div.entry-thumb, .wdt-overlap-style.wdt-post-entry.entry-cover-layout .blog-entry .entry-details > div:not(.entry-thumb){padding-left: 0;padding-right: 0;} .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry.entry-list-layout .blog-entry.has-post-thumbnail > div.entry-thumb:first-child + div{display: none;} .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry .blog-entry.has-post-thumbnail > div:nth-child(2) + div { padding-top: 30px; } .wdt-overlap-style.wdt-post-entry .blog-details-meta-bottom {display: flex !important;justify-content: space-between;flex-wrap: wrap;align-items: center;} .wdt-overlap-style.wdt-post-entry .blog-entry .entry-body p {margin: 0;} .wdt-overlap-style.wdt-post-entry .blog-entry div i {color: var(--wdtPrimaryColor);} .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry .blog-entry:hover { background: var(--wdtPrimaryColor); } .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry .blog-entry:hover > div:nth-child(2) + div h4 a, .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry .blog-entry:hover .entry-button a.wdt-button, .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry .blog-entry:hover .entry-body p, .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry .blog-entry:hover div i, .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry .blog-entry:hover div.entry-comments a, .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry .blog-entry:hover div.entry-date, .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry .blog-entry:hover > div > *, .wdt-post-entry .blog-entry:hover .entry-title h4 a, .wdt-post-entry .blog-entry:hover a:not(.wdt-button) { color: var(--wdtAccentTxtColor); } .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry .blog-entry:hover > div:nth-child(2) + div h4 a, .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry .blog-entry:hover .entry-button a.wdt-button, .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry .blog-entry:hover .entry-body p, .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry .blog-entry:hover div i, .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry .blog-entry:hover div.entry-comments a, .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry .blog-entry:hover div.entry-date, .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry .blog-entry:hover > div > *, .blog-entry * { transition: var(--wdtBaseTransition); -webkit-transition: var(--wdtBaseTransition); } .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry .blog-entry.has-post-thumbnail:hover > div.entry-thumb:first-child + div { transform: translate(15px, -15px); background: var(--wdtBodyBGColor); color: var(--wdtPrimaryColor); box-shadow: 0px 0px 35px 0px rgb(0 0 0 / 5%); } .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry .blog-entry.has-post-thumbnail:hover { background: var(--wdtPrimaryColor); } .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry .entry-link-inner { margin-bottom: 20px; } /*-------------------------------------------------------------- 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); } /*-------------------------------------------------------------- Responsive --------------------------------------------------------------*/ /* @media only screen and (min-width: 768px) and (max-width: 1024px) { .entry-grid-layout.wdt-overlap-style.wdt-default-hover.wdt-default-overlay.wdt-one-third.wdt-post-entry:last-child { left: 50% !important; position: relative !important; transform: translateX(-50%); } } */ @media only screen and (min-width: 768px) { .wdt-overlap-style.wdt-post-entry.entry-list-layout .blog-entry.has-post-thumbnail .entry-thumb{ grid-column: 1/1;grid-row: 1/4; } .wdt-overlap-style.wdt-post-entry.entry-list-layout .blog-entry.has-post-thumbnail{column-gap: 30px;} .wdt-overlap-style.wdt-post-entry.entry-list-layout .blog-entry.has-post-thumbnail{grid-template-columns: minmax(36%, 1.5fr) auto;} .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry.entry-list-layout .blog-entry.has-post-thumbnail:hover > div.entry-thumb:first-child + div{transform:unset;} .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry.entry-list-layout .blog-entry.has-post-thumbnail > div.entry-thumb:first-child + div{grid-row: 3/3;grid-column: 1/1;} .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry.entry-list-layout .blog-entry.has-post-thumbnail > div:nth-child(2) + div{padding-top: 0;} .wdt-custom-blog-list-style .swiper-container-horizontal{overflow: visible;} } @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 .entry-thumb{grid-area: 1/1;} .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: auto;grid-area: 1/1;} .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry .blog-entry{padding: 20px 20px 30px;} .wdt-posts-list-wrapper.swiper-container.swiper-container-horizontal[data-carouselbulletpagination="true"]{padding-bottom: 0;padding-top: 0;} .wdt-posts-list-wrapper.swiper-container.swiper-container-horizontal[data-carouselbulletpagination="true"]{padding-bottom: 30px;} } /*----*****---- << 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;} .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry .blog-entry .entry-format a{width: 40px;height: 40px;} .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry .blog-entry .entry-thumb img{min-height: 250px;object-fit: cover;} .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry .blog-entry.has-post-thumbnail:hover > div.entry-thumb:first-child + div{transform: translate(6px, -6px);} }