
/*----*****---- << Overlap Type Styles >> ----*****----*/


    .wdt-overlap-style.wdt-post-entry .blog-entry.has-post-thumbnail .entry-format{ top: auto; width: auto; left: 10px; right: auto; margin-bottom: 0; bottom: 10px; transition: var(--wdt-Ad-Transition); opacity: 1; transform: translateX(0);}
    .wdt-overlap-style.wdt-post-entry:hover .blog-entry.has-post-thumbnail .entry-format { opacity: 0; transform: translateX(-100%); }
    .wdt-overlap-style.wdt-post-entry .blog-entry .entry-format a{ border-radius: var(--wdtRadius_Zero); -webkit-border-radius: var(--wdtRadius_Zero); }
    .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: clamp(1.25rem, 1.1058rem + 0.641vw, 1.875rem) 0 0; width: auto; z-index: 1; position: relative; background-color: transparent; color: var(--wdtHeadAltColor) !important; }
    .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry .blog-entry.has-post-thumbnail > div.entry-thumb:first-child + div.entry-button { opacity: 0; transform: translateY(-50px); display: flex; }
    .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry .blog-entry.has-post-thumbnail > div.entry-date {align-items: baseline;}
    .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry .blog-entry.has-post-thumbnail > div.entry-date:before { content: "\e844"; font-family: "Champion Icons"; margin-right: 6px; margin-bottom: 4px; }
    .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry:hover .blog-entry.has-post-thumbnail > div.entry-thumb:first-child + div.entry-button { opacity: 1; transform: translateY(0); }
    /* .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; font-size: clamp(1.625rem, 1.5385rem + 0.3846vw, 2rem); }
    .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-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(--wdtPrimaryColor);color: var(--wdtAccentTxtColor);}
    .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 { margin-top: 12px; margin-bottom: 15px; }
    .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry .blog-entry div.entry-date { font-size: var(--wdtFontSize_Ext); font-family: var(--wdtFontTypo_Base); font-weight: var(--wdtFontWeight_Base); line-height: 1.2; text-align: center; display: inline-flex; align-items: center; justify-content: center; width: max-content !important; text-transform: uppercase; letter-spacing: var(--wdtLetterSpacing_2X); }
    .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry .blog-entry .entry-title h4 a:hover{color: rgba(var(--wdtHeadAltColorRgb),.65) !important;}
    .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry.wdt-fixed-overlay .blog-entry .entry-title h4 a:hover { color: var(--wdtPrimaryColor) !important; }
    .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-button a.wdt-button:hover{ background-color: transparent; color: var(--wdtAccentTxtColor); }
    .wdt-posts-list-wrapper .wdt-overlap-style .blog-entry .entry-button a.wdt-button{ font-size:var(--wdtFontSize_Ext);font-family:var(--wdtFontTypo_Alt);text-transform:uppercase;position:relative;width: 100%;background-color: var(--wdtBorderColor);color: var(--wdtHeadAltColor); }
    .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry .blog-entry .entry-button a.wdt-button { overflow: hidden; } .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry .blog-entry .entry-button a.wdt-button:before, .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry .blog-entry .entry-button a.wdt-button:after{ content:""; position: absolute; top: 0; left: 0; width: 100%; height: 110%; bottom: 0; margin: auto; z-index: -1; background-color: var(--wdtSecondaryColor); }
    .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry .blog-entry .entry-button a.wdt-button:before{ width: 135%; -webkit-clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 0% 0%); clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 0% 0%); transform: translate3d(-100%, 0, 0); }
    .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry .blog-entry .entry-button a.wdt-button:hover:before{ transform: translate3d(0,0,0); transition: transform 0.3s linear; }
    .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry .blog-entry .entry-button a.wdt-button:after{ width: 105%; transform: translate3d(100%,0,0); transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1); }
    .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry .blog-entry .entry-button a.wdt-button:hover:after{ transform: translate3d(0,0,0); transition: transform 0.01s 0.3s cubic-bezier(0.7, 0, 0.2, 1); }
    .wdt-posts-list-wrapper .wdt-overlap-style .blog-entry .entry-button a.wdt-button span { font-size: var(--wdtFontSize_Base); margin: 0; display: inline-flex; transition: unset; }
    .wdt-posts-list-wrapper .wdt-overlap-style .blog-entry .entry-button a.wdt-button span > svg { transition: inherit; }
    .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: var(--wdtFontWeight_Alt); display: inline-block; width: auto; margin: 0 0 clamp(0.9375rem, 0.8654rem + 0.3205vw, 1.25rem) 0; font-family: var(--wdtFontTypo_Alt); font-size: var(--wdtFontSize_Ext); line-height: var(--wdtLineHeight_Alt); text-transform: uppercase;}
    .wdt-overlap-style.wdt-post-entry .blog-entry > div.entry-meta-group > div:last-child { margin-bottom: 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-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.has-post-thumbnail > div.entry-thumb:first-child + div { transition: var(--wdt-Ad-Transition); }
    .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry .blog-entry .entry-button.wdt-core-button { display: flex; }
    .wdt-posts-list-wrapper .wdt-overlap-style.wdt-post-entry .blog-entry .entry-button.wdt-core-button a { width: 50px; font-size: 0; padding: 0; display: flex; align-items: center; justify-content: center; height: 32px; }

/*--------------------------------------------------------------
    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 (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;}
    }

