/* --------ELementor-Post-Navigation-type-1-without title and image------------- */
.entry-post-navigation-wrapper > .entry-post-navigation.type1 > div > .nav-title-wrap h3:not(.no-post h3) { display: none; }
.entry-post-navigation-wrapper > .entry-post-navigation.type1 > div.no-post > .nav-title-wrap h3 { margin: 0 0 0 0; } 
/* --------ELementor-Post-Navigation-type-2-with title------------ */
.entry-post-navigation-wrapper > .entry-post-navigation.type2    > div > .nav-title-wrap h3 { display: block; }

/* -----ELementor-Post-Navigation-type-2-with title and image------ */
.entry-post-navigation-wrapper > .entry-post-navigation.type2 > .post-prev-link > .prev-post-bgimg { display: block; }


.entry-post-navigation-wrapper > .entry-post-navigation { clear: both; display: block; float: left; margin: 35px 0 35px; 
    position: relative; width: 100%; display: grid; grid-template-columns: repeat(2, 50%); }

.entry-post-navigation-wrapper > .entry-post-navigation > div { overflow: hidden; padding: 35px 0; width: 100%; display: flex; align-items: center; position: relative; }

.entry-post-navigation-wrapper > .entry-post-navigation > div .nav-title-wrap { width: 100%; }

.entry-post-navigation-wrapper > .entry-post-navigation > div *[class*="-bgimg"] ~ .nav-title-wrap { width: calc(100% - 50px); }
.entry-post-navigation-wrapper > .entry-post-navigation.type3 > div [class*="-bgimg"] ~ .nav-title-wrap { 
    width: 100%; display: flex; flex-direction: column-reverse; justify-content: center; }

.entry-post-navigation-wrapper > .entry-post-navigation > .post-prev-link { justify-content: flex-start; text-align: left; }
.entry-post-navigation-wrapper > .entry-post-navigation > .post-next-link { justify-content: flex-end; text-align: right; }

.entry-post-navigation-wrapper > .entry-post-navigation > .post-prev-link > .prev-post-bgimg, 
.entry-post-navigation-wrapper > .entry-post-navigation > .post-next-link > .next-post-bgimg {
    background-position: center; background-size: cover; height: 100px; overflow: hidden; position: absolute; top: 50%; width: 100px; 
    -webkit-border-radius: var(--wdtRadius_3X); border-radius: var(--wdtRadius_3X); }

.entry-post-navigation-wrapper > .entry-post-navigation > .post-prev-link > .prev-post-bgimg {
    transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); }
.entry-post-navigation-wrapper > .entry-post-navigation > .post-next-link > .next-post-bgimg {
    transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%); -moz-transform: translate(50%, -50%); }

.entry-post-navigation-wrapper > .entry-post-navigation:not(.type3) > .post-prev-link > .prev-post-bgimg { right: 0; left: auto; display: none; }
.entry-post-navigation-wrapper > .entry-post-navigation:not(.type3) > .post-next-link > .next-post-bgimg { left: 0; right: auto; display: none; }

.entry-post-navigation-wrapper > .entry-post-navigation > .post-prev-link > .prev-post-bgimg:before, 
.entry-post-navigation-wrapper > .entry-post-navigation > .post-next-link > .next-post-bgimg:before {
    border-width: 0; content: ''; display: block; height: 100%; opacity: 0; position: absolute; top: 0; width: 100%; 
    -webkit-transition: all .3s linear; transition: all .3s linear; }

.entry-post-navigation-wrapper > .entry-post-navigation > .post-prev-link > .prev-post-bgimg:before, 
.entry-post-navigation-wrapper > .entry-post-navigation > .post-next-link > .next-post-bgimg:before {
    background: rgba(var(--wdtHeadAltColorRgb),0.3); 
    background: -webkit-radial-gradient(center, ellipse cover, transparent 10%, rgba(var(--wdtHeadAltColorRgb),0.3) 100%); 
    background: radial-gradient(transparent 10%, rgba(var(--wdtHeadAltColorRgb),0.3) 100%); }

.entry-post-navigation-wrapper > .entry-post-navigation > .post-prev-link:hover > .prev-post-bgimg:before, 
.entry-post-navigation-wrapper > .entry-post-navigation > .post-next-link:hover > .next-post-bgimg:before { opacity: 1; }

.entry-post-navigation-wrapper > .entry-post-navigation > div > a {
    display: block; height: 100%; position: absolute; left: 0; top: 0; width: 100%; z-index: 1; }
.entry-post-navigation-wrapper > .entry-post-navigation > div.post-prev-link > a { right: 0; left: auto; }
.entry-post-navigation-wrapper > .entry-post-navigation > div > a:focus { outline: none; outline-offset: 0; }

.entry-post-navigation-wrapper > .entry-post-navigation > div > .nav-title-wrap p {
    position: relative; overflow: hidden; display: block; width: 100%; font-family: var(--wdtFontTypo_Alt); 
    font-size: var(--wdtFontSize_Base); font-weight: var(--wdtFontWeight_Ext); line-height: normal; 
    text-transform: uppercase; -webkit-transition: var(--wdtBaseTransition); 
    transition: var(--wdtBaseTransition); margin: 0; }

.entry-post-navigation-wrapper > .entry-post-navigation > div.post-next-link > .nav-title-wrap p a:after,
.entry-post-navigation-wrapper > .entry-post-navigation > div.post-prev-link > .nav-title-wrap p a:before {
    font-family: "SafeX Icons"; font-style: normal; font-weight: var(--wdtFontWeight_Base); 
    display: inline-block; text-decoration: inherit; font-size: var(--wdtFontSize_H6); margin: 0; 
    text-align: center; font-variant: normal; text-transform: none; line-height: inherit; 
    -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.entry-post-navigation-wrapper > .entry-post-navigation > div.post-prev-link > .nav-title-wrap p a:before { 
    content: '\e800'; font-family: "common-web-icons"; margin-right: 10px; }

.entry-post-navigation-wrapper > .entry-post-navigation > div.post-next-link > .nav-title-wrap p a:after { 
    content: '\e801'; font-family: "common-web-icons"; margin-left: 10px; }

.entry-post-navigation-wrapper > .entry-post-navigation > div > .nav-title-wrap h3 { 
    display: block; margin: 10px 0 0; position: relative; width: 100%; }

.entry-post-navigation-wrapper > .entry-post-navigation > div > .nav-title-wrap h3 a { 
    pointer-events: none; margin: 0; -webkit-hyphens: auto; hyphens: auto; word-break: break-word; }

.entry-post-navigation-wrapper > .entry-post-navigation > div:hover > .nav-title-wrap h3 a { 
    color: var(--wdtLinkHoverColor); }
    
.entry-post-navigation-wrapper > .entry-post-navigation > div > .nav-title-wrap a > span {  
    position: relative; display: block; overflow: hidden; padding: 1px 0; }

.entry-post-navigation-wrapper > .entry-post-navigation > div > .nav-title-wrap a > span:after, 
.entry-post-navigation-wrapper > .entry-post-navigation > div > .nav-title-wrap a > span:before { 
    content: ''; display: block; width: 100%; height: 1px; position: absolute; bottom: 1px; 
    background-color: currentColor; backface-visibility: hidden; will-change: transform; isolation: isolate; 
    transition: transform .4s cubic-bezier(.31,.29,.05,.96); }

.entry-post-navigation-wrapper > .entry-post-navigation > div > .nav-title-wrap a > span:before { left: 0; } 

.entry-post-navigation-wrapper > .entry-post-navigation > div > .nav-title-wrap a > span:after { left: -100%; transition-delay: 0.3s; }

.entry-post-navigation-wrapper > .entry-post-navigation > div > .nav-title-wrap a:hover > span:after, 
.entry-post-navigation-wrapper > .entry-post-navigation > div > .nav-title-wrap a:hover > span:before { transform: translateX(100%); }


.entry-post-navigation-wrapper > .entry-post-navigation > div.no-post { cursor: not-allowed; }

.entry-post-navigation-wrapper > .entry-post-navigation > div > .nav-title-wrap p a,
.entry-post-navigation-wrapper > .entry-post-navigation > div > .nav-title-wrap p a {
    -webkit-box-shadow: inset 0 0px 0 var(--wdtPrimaryColor); box-shadow: inset 0 0px 0 var(--wdtPrimaryColor); }


/** 
    Responsive
*/

@media only screen and (max-width: 1280px) {
    .entry-post-navigation-wrapper > .entry-post-navigation > div { padding: 20px 0px; }
    .entry-post-navigation-wrapper > .entry-post-navigation > div *[class*="-bgimg"] ~ .nav-title-wrap {
        width: calc(100% - 20px); }
    .entry-post-navigation-wrapper > .entry-post-navigation > .post-prev-link > .prev-post-bgimg { right: -20px; }
    .entry-post-navigation-wrapper > .entry-post-navigation > .post-next-link > .next-post-bgimg { left: -20px; }
}

@media only screen and (max-width: 767px) {
    /* .entry-post-navigation-wrapper > .entry-post-navigation > div > .nav-title-wrap h3 { font-size: var(--wdtFontSize_H5); } */
}

@media only screen and (max-width: 767px){
    .entry-post-navigation-wrapper > .entry-post-navigation > div { padding: 20px 0; }
    .entry-post-navigation-wrapper > .entry-post-navigation.type3 > div [class*="-bgimg"] ~ .nav-title-wrap {
        width: calc(100% - 20px); }
    /* .entry-post-navigation-wrapper > .entry-post-navigation > div > .nav-title-wrap p,
    .entry-post-navigation-wrapper > .entry-post-navigation > div > .nav-title-wrap h3 {
        font-size: calc(var(--wdtFontSize_Base) - 2px); } */
    .entry-post-navigation-wrapper > .entry-post-navigation > div *[class*="-bgimg"] { display: none; }
    .entry-post-navigation-wrapper > .entry-post-navigation > div [class*="-bgimg"] ~ .nav-title-wrap { width: 100%; }

}

@media only screen and (max-width: 479px) {
    .entry-post-navigation-wrapper > .entry-post-navigation > div > .nav-title-wrap h3 a { display: none; }
    .entry-post-navigation-wrapper > .entry-post-navigation > .post-prev-link,
    .entry-post-navigation-wrapper > .entry-post-navigation > .post-next-link { 
        justify-content: center; text-align: center; }

}

/**
    New Style 
*/

.entry-post-navigation-wrapper > .entry-post-navigation[class*="type"] { 
    border: solid var(--wdtBorderColor); border-width: 1px 0; padding: 25px 0; }

.entry-post-navigation-wrapper > .entry-post-navigation[class*="type"] > div > .nav-title-wrap h3 { 
    width: 100%; display: block; position: relative; font-size: clamp(1rem, 0.911rem + 0.4908vw, 1.5rem); 
    font-weight: var(--wdtFontWeight_Alt); text-transform: capitalize; margin: 0; }

.entry-post-navigation-wrapper > .entry-post-navigation[class*="type"] > div > .nav-title-wrap > p ~ h3 { 
    margin: 0 0 15px 0; }

.entry-post-navigation-wrapper > .entry-post-navigation[class*="type"] > div > .nav-title-wrap > p > a { 
    display: inline-flex; align-items: center; }


/* Navigation - Type II (with title) */

.entry-post-navigation-wrapper > .entry-post-navigation.type2 { margin-top: 100px; margin-bottom: 100px; }

#primary.page-with-sidebar .entry-post-navigation-wrapper > .entry-post-navigation.type2 > div [class*="-bgimg"] ~ .nav-title-wrap { width: 90%; }

.entry-post-navigation-wrapper > .entry-post-navigation.type2 > div { padding: 20px 0; }
.entry-post-navigation-wrapper > .entry-post-navigation.type2 > .post-prev-link { border-right: 1px solid; padding-right: 20px; }
.entry-post-navigation-wrapper > .entry-post-navigation.type2 > .post-next-link { padding-left: 20px; }

.entry-post-navigation-wrapper > .entry-post-navigation.type2 > .post-next-link > .next-post-bgimg,
.entry-post-navigation-wrapper > .entry-post-navigation.type2 > .post-prev-link > .prev-post-bgimg { display: none }

/* Navigation - Type III (with title And Image) */

.entry-post-navigation-wrapper > .entry-post-navigation.type3 { 
    margin-top: clamp(3.125rem, 2.569rem + 3.0675vw, 6.25rem); /*100px - 50px*/ margin-bottom: 0; }

.entry-post-navigation-wrapper > .entry-post-navigation.type3 > div { padding: 26px; }
.entry-post-navigation-wrapper > .entry-post-navigation.type3 > .post-prev-link { border-right: 1px solid var(--wdtBorderColor); }
.entry-post-navigation-wrapper > .entry-post-navigation.type3 > div[class*="post-"].no-post { cursor: not-allowed; }
.entry-post-navigation-wrapper > .entry-post-navigation.type3 > div[class*="post-"].no-post a { pointer-events: none; }

.entry-post-navigation-wrapper > .entry-post-navigation.type3 > .post-prev-link > .prev-post-bgimg, 
.entry-post-navigation-wrapper > .entry-post-navigation.type3 > .post-next-link > .next-post-bgimg { height: 100%;
    background-position: center; background-size: cover; overflow: hidden; position: absolute; top: 50%; width: 170px; 
    -webkit-border-radius: var(--wdtRadius_4X); border-radius: var(--wdtRadius_4X); }

body.wdt_staff-template-default .entry-post-navigation-wrapper > .entry-post-navigation.type3 > .post-prev-link > .prev-post-bgimg, 
body.wdt_staff-template-default .entry-post-navigation-wrapper > .entry-post-navigation.type3 > .post-next-link > .next-post-bgimg {
    background-position: top center; }

.entry-post-navigation-wrapper > .entry-post-navigation.type3 > .post-prev-link { padding-left: 200px; }
.entry-post-navigation-wrapper > .entry-post-navigation.type3 > .post-next-link { padding-right: 200px; }
.entry-post-navigation-wrapper > .entry-post-navigation.type3 > div[class*="post-"] > a[class$="-post-bgimg"] { 
    transform: translate(0%, -50%); -webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); }
.entry-post-navigation-wrapper > .entry-post-navigation.type3 > .post-prev-link > .prev-post-bgimg { right: auto; left: 0; }
.entry-post-navigation-wrapper > .entry-post-navigation.type3 > .post-next-link > .next-post-bgimg { right: 0; left: auto; }

.entry-post-navigation-wrapper > .entry-post-navigation.type3 > .post-prev-link > .prev-post-bgimg:before, 
.entry-post-navigation-wrapper > .entry-post-navigation.type3 > .post-next-link > .next-post-bgimg:before {
    border-width: 0; content: ''; display: block; height: 100%; opacity: 0; position: absolute; top: 0; width: 100%; 
    -webkit-transition: all .3s linear; transition: all .3s linear; }

.entry-post-navigation-wrapper > .entry-post-navigation.type3 > .post-prev-link > .prev-post-bgimg:before, 
.entry-post-navigation-wrapper > .entry-post-navigation.type3 > .post-next-link > .next-post-bgimg:before {
    background: rgba(var(--wdtHeadAltColorRgb),0.3); 
    background: -webkit-radial-gradient(center, ellipse cover, transparent 10%, rgba(var(--wdtHeadAltColorRgb),0.3) 100%); 
    background: radial-gradient(transparent 10%, rgba(var(--wdtHeadAltColorRgb),0.3) 100%); }

.entry-post-navigation-wrapper > .entry-post-navigation.type3 > .post-prev-link:hover > .prev-post-bgimg:before, 
.entry-post-navigation-wrapper > .entry-post-navigation.type3 > .post-next-link:hover > .next-post-bgimg:before { opacity: 1; }


@media only screen and (max-width: 1540px) { 
}

@media only screen and (max-width: 1280px) {

    /* Navigation - Type II */
    .blog-single-entry .entry-post-navigation.type2 > div *[class*="-bgimg"] ~ .nav-title-wrap { width: 100%; }
}

@media only screen and (max-width: 1024px) { 

    /* Navigation - Type III */
    .entry-post-navigation-wrapper > .entry-post-navigation.type3 > div { padding: 14px; }
    .entry-post-navigation-wrapper > .entry-post-navigation.type3 > .post-prev-link > .prev-post-bgimg, 
    .entry-post-navigation-wrapper > .entry-post-navigation.type3 > .post-next-link > .next-post-bgimg { width: 100px; }

    .entry-post-navigation-wrapper > .entry-post-navigation.type3 > .post-prev-link { padding-left: 125px; }
    .entry-post-navigation-wrapper > .entry-post-navigation.type3 > .post-next-link { padding-right: 125px; }
}

@media only screen and (max-width: 767px) {

    /* Navigation - Type II */
    .entry-post-navigation-wrapper > .entry-post-navigation.type2 > div > .nav-title-wrap > p ~ h3 { margin: 16px 0 0 0; }
    .entry-post-navigation-wrapper > .entry-post-navigation.type2 > div { padding: 10px 0; }
    .entry-post-navigation-wrapper > .entry-post-navigation.type2 > .post-prev-link { border-right: 1px solid; padding-right: 10px; }
    .entry-post-navigation-wrapper > .entry-post-navigation.type2 > .post-next-link { padding-left: 10px; }

    /* Navigation - Type III */
    .entry-post-navigation-wrapper > .entry-post-navigation.type3 > .post-prev-link > .prev-post-bgimg, 
    .entry-post-navigation-wrapper > .entry-post-navigation.type3 > .post-next-link > .next-post-bgimg { display: none; }
    
    .entry-post-navigation-wrapper > .entry-post-navigation.type3 > div { padding: 0; }
    .entry-post-navigation-wrapper > .entry-post-navigation.type3 > .post-prev-link { padding-left: 0; }
    .entry-post-navigation-wrapper > .entry-post-navigation.type3 > .post-next-link { padding-right: 0; }
}

@media only screen and (max-width: 479px) {
    .entry-post-navigation-wrapper > .entry-post-navigation:is(.type2, .type3) > div { padding: 0px 0; }
    .entry-post-navigation-wrapper > .entry-post-navigation[class*="type"] > div > .nav-title-wrap > p ~ h3 { margin: 0; }
}

