.elementor-2632 .elementor-element.elementor-element-e842381{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2632 .elementor-element.elementor-element-87e63bf{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:3px 0px 0px 0px;--border-top-width:3px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-text );--border-color:var( --e-global-color-text );--margin-top:-5px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2632 .elementor-element.elementor-element-c23051d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:3px 3px 0px 0px;--border-top-width:3px;--border-right-width:3px;--border-bottom-width:0px;--border-left-width:0px;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-2632 .elementor-element.elementor-element-19713c5{width:100%;max-width:100%;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-2632 .elementor-element.elementor-element-19713c5 .wpr-post-content{color:#777777;font-size:14px;}.elementor-2632 .elementor-element.elementor-element-19713c5 .wpr-post-content a{transition-duration:0.1s;}.elementor-2632 .elementor-element.elementor-element-ff0593e .elementor-repeater-item-0898f73 > div{color:#222222;}.elementor-2632 .elementor-element.elementor-element-ff0593e .elementor-repeater-item-0898f73 > div svg{fill:#222222;}.elementor-2632 .elementor-element.elementor-element-ff0593e .elementor-repeater-item-0898f73 > div:hover{background-color:#3b5998;}.elementor-2632 .elementor-element.elementor-element-ff0593e .elementor-repeater-item-94c5a59 > div{color:#222222;}.elementor-2632 .elementor-element.elementor-element-ff0593e .elementor-repeater-item-94c5a59 > div svg{fill:#222222;}.elementor-2632 .elementor-element.elementor-element-ff0593e .elementor-repeater-item-94c5a59 > div:hover{background-color:#1da1f2;}.elementor-2632 .elementor-element.elementor-element-ff0593e .elementor-repeater-item-b7ac8e5 > div{color:#222222;}.elementor-2632 .elementor-element.elementor-element-ff0593e .elementor-repeater-item-b7ac8e5 > div svg{fill:#222222;}.elementor-2632 .elementor-element.elementor-element-ff0593e .elementor-repeater-item-b7ac8e5 > div:hover{background-color:#0077b5;}.elementor-2632 .elementor-element.elementor-element-ff0593e .elementor-repeater-item-9ab9a14 > div{color:#222222;}.elementor-2632 .elementor-element.elementor-element-ff0593e .elementor-repeater-item-9ab9a14 > div svg{fill:#222222;}.elementor-2632 .elementor-element.elementor-element-ff0593e .elementor-repeater-item-9ab9a14 > div:hover{background-color:#3b5998;}.elementor-2632 .elementor-element.elementor-element-ff0593e .ekit_socialshare{text-align:center;}.elementor-2632 .elementor-element.elementor-element-ff0593e .ekit_socialshare > li > div{text-align:center;text-decoration:none;border-radius:50% 50% 50% 50%;width:40px;height:40px;cursor:pointer;line-height:40px;}.elementor-2632 .elementor-element.elementor-element-ff0593e .ekit_socialshare > li{display:inline-block;margin:5px 5px 5px 5px;}.elementor-2632 .elementor-element.elementor-element-ff0593e .ekit_socialshare > li > div i{font-size:20px;}.elementor-2632 .elementor-element.elementor-element-ff0593e .ekit_socialshare > li > div svg{max-width:20px;}.elementor-2632 .elementor-element.elementor-element-e3c3aeb{width:100%;max-width:100%;}.elementor-2632 .elementor-element.elementor-element-e3c3aeb .wpr-comments-navigation a.prev{display:none;}.elementor-2632 .elementor-element.elementor-element-e3c3aeb .wpr-comments-navigation a.next{display:none;}.elementor-2632 .elementor-element.elementor-element-e3c3aeb .wpr-comments-navigation .page-numbers:not(.prev):not(.next){display:none;}.elementor-2632 .elementor-element.elementor-element-e3c3aeb .wpr-comments-wrap > h3{text-align:center;color:#222222;border-color:#e8e8e8;font-family:"Trebuchet MS", Sans-serif;font-size:17px;letter-spacing:0.5px;border-style:none;margin-bottom:25px;}.elementor-2632 .elementor-element.elementor-element-e3c3aeb .even .wpr-post-comment{background-color:#131EF5;}.elementor-2632 .elementor-element.elementor-element-e3c3aeb .odd .wpr-post-comment{background-color:#000000;}.elementor-2632 .elementor-element.elementor-element-e3c3aeb .bypostauthor .wpr-post-comment{background-color:#FF0000;}.elementor-2632 .elementor-element.elementor-element-e3c3aeb .wpr-post-comment{border-color:#e8e8e8;padding:20px 20px 20px 20px;border-style:solid;border-width:1px 1px 1px 1px;border-radius:0px 0px 0px 0px;margin-bottom:50px;}.elementor-2632 .elementor-element.elementor-element-e3c3aeb .wpr-comments-list .children{padding-left:24px;}.elementor-2632 .elementor-element.elementor-element-e3c3aeb .wpr-comment-meta, .wpr-comment-content{margin-left:calc(60px + 20px);}.elementor-2632 .elementor-element.elementor-element-e3c3aeb.wpr-comment-reply-separate .wpr-comment-reply{margin-left:calc(60px + 20px);}.elementor-2632 .elementor-element.elementor-element-e3c3aeb .wpr-comment-avatar{border-radius:0px 0px 0px 0px;}.elementor-2632 .elementor-element.elementor-element-e3c3aeb .wpr-comment-author span{color:#333333;}.elementor-2632 .elementor-element.elementor-element-e3c3aeb .wpr-comment-author a{color:#333333;transition-duration:0.1s;}.elementor-2632 .elementor-element.elementor-element-e3c3aeb .wpr-comment-author{font-size:15px;margin-bottom:2px;}.elementor-2632 .elementor-element.elementor-element-e3c3aeb .wpr-comment-metadata{color:#9B9B9B;font-family:"Open Sans", Sans-serif;font-size:12px;margin-bottom:5px;}.elementor-2632 .elementor-element.elementor-element-e3c3aeb .wpr-comment-metadata a{color:#9B9B9B;}.elementor-2632 .elementor-element.elementor-element-e3c3aeb .wpr-comment-reply:before{color:#9B9B9B;}.elementor-2632 .elementor-element.elementor-element-e3c3aeb .wpr-comment-content{color:#666666;font-family:"Open Sans", Sans-serif;font-size:14px;font-weight:400;}.elementor-2632 .elementor-element.elementor-element-e3c3aeb .wpr-comment-content a{color:#605BE5;}.elementor-2632 .elementor-element.elementor-element-e3c3aeb .wpr-comment-reply a{color:#DB1ADC;background-color:#FCFCFC;font-size:13px;transition-duration:0.6s;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-2632 .elementor-element.elementor-element-e3c3aeb .wpr-comment-reply a:hover{color:#54595f;}.elementor-2632 .elementor-element.elementor-element-e3c3aeb .wpr-comments-navigation a{color:#333333;transition-duration:0.1s;padding:0px 0px 0px 0px;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-2632 .elementor-element.elementor-element-e3c3aeb .wpr-comments-navigation span{color:#333333;padding:0px 0px 0px 0px;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-2632 .elementor-element.elementor-element-e3c3aeb .wpr-comments-navigation a, .elementor-2632 .elementor-element.elementor-element-e3c3aeb .wpr-comments-navigation span{font-size:13px;}.elementor-2632 .elementor-element.elementor-element-e3c3aeb .wpr-comments-navigation a:hover{color:#54595f;}.elementor-2632 .elementor-element.elementor-element-e3c3aeb .wpr-comments-navigation span.current{color:#54595f;}.elementor-2632 .elementor-element.elementor-element-e3c3aeb .wpr-comment-reply-title{color:#222222;border-color:#e8e8e8;font-family:"Raleway", Sans-serif;font-size:17px;font-weight:500;letter-spacing:0.5px;border-style:none;margin-top:85px;margin-bottom:20px;text-align:left;}.elementor-2632 .elementor-element.elementor-element-e3c3aeb .wpr-comment-form input[type=text]{color:#666666;background-color:#ffffff;border-color:#DBDBDB;transition-duration:0.6s;padding:10px 0px 10px 10px;border-style:solid;border-width:1px 1px 1px 1px;border-radius:15px 15px 15px 15px;}.elementor-2632 .elementor-element.elementor-element-e3c3aeb .wpr-comment-form textarea{color:#666666;background-color:#ffffff;border-color:#DBDBDB;transition-duration:0.6s;padding:10px 0px 10px 10px;border-style:solid;border-width:1px 1px 1px 1px;border-radius:15px 15px 15px 15px;}.elementor-2632 .elementor-element.elementor-element-e3c3aeb .wpr-comment-form label{color:#666666;}.elementor-2632 .elementor-element.elementor-element-e3c3aeb .wpr-comment-form .logged-in-as a{color:#666666;}.elementor-2632 .elementor-element.elementor-element-e3c3aeb .wpr-comment-form .logged-in-as .required-field-message{color:#666666;}.elementor-2632 .elementor-element.elementor-element-e3c3aeb .wpr-comment-form label, .elementor-2632 .elementor-element.elementor-element-e3c3aeb .wpr-comment-form input[type=text], .elementor-2632 .elementor-element.elementor-element-e3c3aeb .wpr-comment-form textarea, .elementor-2632 .elementor-element.elementor-element-e3c3aeb .wpr-comment-form .logged-in-as{font-size:14px;}.elementor-2632 .elementor-element.elementor-element-e3c3aeb .wpr-comment-form input[type=text]::placeholder{transition-duration:0.6s;}.elementor-2632 .elementor-element.elementor-element-e3c3aeb .wpr-comment-form input[type=text]::-ms-input-placeholder{transition-duration:0.6s;}.elementor-2632 .elementor-element.elementor-element-e3c3aeb .wpr-comment-form input[type=text]:focus{color:#666666;background-color:#ffffff;}.elementor-2632 .elementor-element.elementor-element-e3c3aeb .wpr-comment-form textarea:focus{color:#666666;background-color:#ffffff;}.elementor-2632 .elementor-element.elementor-element-e3c3aeb .wpr-comment-form-author{margin-bottom:10px;margin-right:10px;}.elementor-2632 .elementor-element.elementor-element-e3c3aeb .wpr-comment-form-email{margin-bottom:10px;margin-right:10px;}.elementor-2632 .elementor-element.elementor-element-e3c3aeb .wpr-comment-form-url{margin-bottom:10px;}.elementor-2632 .elementor-element.elementor-element-e3c3aeb .wpr-comment-form-text{margin-bottom:10px;}.elementor-2632 .elementor-element.elementor-element-e3c3aeb .wpr-submit-comment{color:#ffffff;background-color:#1A1A1E;border-color:#DBDBDB;font-size:15px;letter-spacing:0.5px;transition-duration:0.7s;padding:10px 45px 10px 45px;margin:25px 0px 0px 0px;border-style:none;border-radius:30px 30px 30px 30px;}.elementor-2632 .elementor-element.elementor-element-e3c3aeb .wpr-submit-comment:hover{color:#FFFFFF;background-color:#4C48BD;}.elementor-2632 .elementor-element.elementor-element-e3c3aeb .form-submit{text-align:center;}.elementor-2632 .elementor-element.elementor-element-7f63857{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-2632 .elementor-element.elementor-element-7f63857.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2632 .elementor-element.elementor-element-6667bc4{padding:0px 0px 0px 0px;}.elementor-2632 .elementor-element.elementor-element-bd2e9d4{padding:0px 0px 0px 0px;}.elementor-2632 .elementor-element.elementor-element-a1fc4ef{padding:0px 0px 0px 0px;}body.elementor-page-2632{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-2632 .elementor-element.elementor-element-87e63bf{--width:100%;}.elementor-2632 .elementor-element.elementor-element-c23051d{--width:100%;}.elementor-2632 .elementor-element.elementor-element-7f63857{--width:22%;}}@media(max-width:1024px) and (min-width:768px){.elementor-2632 .elementor-element.elementor-element-7f63857{--width:100%;}}@media(max-width:767px){.elementor-2632 .elementor-element.elementor-element-87e63bf{--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-2632 .elementor-element.elementor-element-c23051d{--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}}/* Start custom CSS for shortcode, class: .elementor-element-8709e1b *//* --- 1. FONTS --- */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@500;700&family=Playfair+Display:ital,wght@1,600&display=swap');

/* --- 2. CONTAINER --- */
.lux-post-nav {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    margin: 80px 0; /* More breathing room */
    width: 100%;
    font-family: 'Manrope', sans-serif;
}

.nav-spacer { flex: 1; }

/* --- 3. THE CARD (Structure) --- */
.nav-card {
    flex: 1;
    position: relative; /* Essential for absolute bg */
    height: 200px; /* Fixed height for image display */
    text-decoration: none !important;
    border-radius: 16px;
    overflow: hidden; /* Clips the zoomed image */
    display: flex;
    flex-direction: column;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background-color: #050a10; /* Fallback color */
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
    transition: all 0.4s ease;
}

/* --- 4. BACKGROUND IMAGE (The Zoom) --- */
.nav-bg {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s cubic-bezier(0.25, 0.45, 0.45, 0.95);
    z-index: 0;
}

/* --- 5. DARK OVERLAY (Readability) --- */
.nav-overlay {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    /* Gradient: Darker at bottom for text readability */
    background: linear-gradient(to bottom, rgba(5, 10, 16, 0.4), rgba(0, 0, 0, 0.9));
    z-index: 1;
    transition: background 0.4s ease;
}

/* --- 6. CONTENT WRAPPER (On Top) --- */
.nav-content {
    position: relative;
    z-index: 2; /* Sits above overlay */
    padding: 30px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end; /* Push text to bottom */
}

/* --- 7. HOVER EFFECTS --- */
.nav-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 50px rgba(0,0,0,0.5);
    border-color: rgba(207, 161, 68, 0.8); /* Gold Border */
}

.nav-card:hover .nav-bg {
    transform: scale(1.1); /* Smooth Zoom */
}

.nav-card:hover .nav-overlay {
    /* Darken slightly on hover for drama */
    background: linear-gradient(to bottom, rgba(5, 10, 16, 0.5), rgba(0, 0, 0, 0.95));
}

/* --- 8. TEXT STYLING --- */
.nav-label {
    color: #CFA144; /* Gold */
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 8px;
    text-shadow: 0 2px 5px rgba(0,0,0,0.8);
}

.nav-title {
    color: #fff;
    font-family: 'Playfair Display', serif;
    font-size: 22px;
    font-weight: 600;
    font-style: italic;
    line-height: 1.2;
    margin: 0;
    text-shadow: 0 2px 10px rgba(0,0,0,1); /* Strong shadow for image bg */
    
    /* Truncate text */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* --- 9. ALIGNMENT & ARROWS --- */
.nav-arrow { font-size: 16px; transition: transform 0.3s; }
.nav-card.prev:hover .nav-arrow { transform: translateX(-5px); }
.nav-card.next:hover .nav-arrow { transform: translateX(5px); }

.nav-card.prev { text-align: left; }
.nav-card.next { text-align: right; }

.nav-card.next .nav-content { align-items: flex-end; }
.nav-card.next .nav-label { flex-direction: row-reverse; }

/* --- MOBILE --- */
@media (max-width: 768px) {
    .lux-post-nav { flex-direction: column; gap: 20px; margin: 40px 0; }
    .nav-card { height: 160px; } /* Smaller height on mobile */
    .nav-title { font-size: 18px; }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d0f847a *//* --- 1. FONTS --- */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@500;700&family=Playfair+Display:ital,wght@1,600&display=swap');

/* --- 2. CONTAINER --- */
.lux-post-nav {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    margin: 80px 0; /* More breathing room */
    width: 100%;
    font-family: 'Manrope', sans-serif;
}

.nav-spacer { flex: 1; }

/* --- 3. THE CARD (Structure) --- */
.nav-card {
    flex: 1;
    position: relative; /* Essential for absolute bg */
    height: 200px; /* Fixed height for image display */
    text-decoration: none !important;
    border-radius: 16px;
    overflow: hidden; /* Clips the zoomed image */
    display: flex;
    flex-direction: column;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background-color: #050a10; /* Fallback color */
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
    transition: all 0.4s ease;
}

/* --- 4. BACKGROUND IMAGE (The Zoom) --- */
.nav-bg {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s cubic-bezier(0.25, 0.45, 0.45, 0.95);
    z-index: 0;
}

/* --- 5. DARK OVERLAY (Readability) --- */
.nav-overlay {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    /* Gradient: Darker at bottom for text readability */
    background: linear-gradient(to bottom, rgba(5, 10, 16, 0.4), rgba(0, 0, 0, 0.9));
    z-index: 1;
    transition: background 0.4s ease;
}

/* --- 6. CONTENT WRAPPER (On Top) --- */
.nav-content {
    position: relative;
    z-index: 2; /* Sits above overlay */
    padding: 30px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end; /* Push text to bottom */
}

/* --- 7. HOVER EFFECTS --- */
.nav-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 50px rgba(0,0,0,0.5);
    border-color: rgba(207, 161, 68, 0.8); /* Gold Border */
}

.nav-card:hover .nav-bg {
    transform: scale(1.1); /* Smooth Zoom */
}

.nav-card:hover .nav-overlay {
    /* Darken slightly on hover for drama */
    background: linear-gradient(to bottom, rgba(5, 10, 16, 0.5), rgba(0, 0, 0, 0.95));
}

/* --- 8. TEXT STYLING --- */
.nav-label {
    color: #CFA144; /* Gold */
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 8px;
    text-shadow: 0 2px 5px rgba(0,0,0,0.8);
}

.nav-title {
    color: #fff;
    font-family: 'Playfair Display', serif;
    font-size: 22px;
    font-weight: 600;
    font-style: italic;
    line-height: 1.2;
    margin: 0;
    text-shadow: 0 2px 10px rgba(0,0,0,1); /* Strong shadow for image bg */
    
    /* Truncate text */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* --- 9. ALIGNMENT & ARROWS --- */
.nav-arrow { font-size: 16px; transition: transform 0.3s; }
.nav-card.prev:hover .nav-arrow { transform: translateX(-5px); }
.nav-card.next:hover .nav-arrow { transform: translateX(5px); }

.nav-card.prev { text-align: left; }
.nav-card.next { text-align: right; }

.nav-card.next .nav-content { align-items: flex-end; }
.nav-card.next .nav-label { flex-direction: row-reverse; }

/* --- MOBILE --- */
@media (max-width: 768px) {
    .lux-post-nav { flex-direction: column; gap: 20px; margin: 40px 0; }
    .nav-card { height: 160px; } /* Smaller height on mobile */
    .nav-title { font-size: 18px; }
}/* End custom CSS */