.elementor-kit-16{--e-global-color-primary:#5F7534;--e-global-color-secondary:#C1CFA5;--e-global-color-text:#733E2B;--e-global-color-accent:#E1E0D9;--e-global-color-6597910:#2F2F2F;--e-global-color-1d243fe:#E6E6E6;--e-global-color-ccdc90d:#F8FCFF;--e-global-color-dd0a45b:#2C3E2F;--e-global-color-1bc1aa0:#F7F6F1;--e-global-color-6ae48f8:#F9F8F4;--e-global-color-4890847:#F5F7F2;--e-global-color-6702c88:#F8FAF6;--e-global-color-f4fd800:#2C3E2F;--e-global-color-1afdd01:#5D6D5E;--e-global-typography-primary-font-family:"Sen";--e-global-typography-primary-font-weight:800;--e-global-typography-secondary-font-family:"Sen";--e-global-typography-secondary-font-weight:700;--e-global-typography-text-font-family:"Sen";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:900;}.elementor-kit-16 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Single Post Template Styles */
.single-post-meta {
    display: flex;
    align-items: center;
    gap: 30px;
    flex-wrap: wrap;
    margin-bottom: 30px;
    color: rgba(255, 255, 255, 0.9);
}

.single-post-meta-item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
}

.single-post-meta-item i {
    color: rgba(255, 255, 255, 0.7);
}

.single-post-category {
    background: rgba(255, 255, 255, 0.2);
    color: white;
    padding: 6px 16px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.author-box {
    background: white;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 8px 30px rgba(95, 117, 52, 0.08);
    border: 1px solid #E8EEE0;
    margin-bottom: 30px;
}

.author-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
}

.author-avatar {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid #5F7534;
}

.author-name {
    font-family: 'Helvetica Neue', Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #2C3E2F;
    margin: 0;
}

.author-title {
    color: #5F7534;
    font-size: 14px;
    font-weight: 500;
    margin: 0;
}

.author-bio {
    color: #5D6D5E;
    font-size: 14px;
    line-height: 1.6;
    margin: 0;
}

/* Post Content Styling */
.elementor-widget-theme-post-content h2 {
    color: #5F7534;
    font-size: 28px;
    margin: 40px 0 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #F0F5EA;
}

.elementor-widget-theme-post-content h3 {
    color: #4A5D2A;
    font-size: 22px;
    margin: 30px 0 15px;
}

.elementor-widget-theme-post-content blockquote {
    border-left: 4px solid #5F7534;
    background: #F8FAF6;
    padding: 25px;
    margin: 30px 0;
    font-style: italic;
    color: #4A5D2A;
    border-radius: 0 8px 8px 0;
}

/* Responsive */
@media (max-width: 1024px) {
    .elementor-section .elementor-container {
        flex-direction: column;
    }
    
    .single-post-meta {
        gap: 15px;
    }
}

@media (max-width: 767px) {
    .single-post-meta {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .elementor-post-title {
        font-size: 32px !important;
    }
}


/* Portfolio Main Section */
.portfolio-main-section {
    background: #F7F6F1;
    margin: 0px 0px;
}

/* Carousel Container */
.portfolio-carousel {
    margin: 0px 0px;
}

/* Custom Carousel Image Styling */
.portfolio-carousel .swiper-slide {
    border-radius: 20px;
    overflow: hidden;
    transition: all 0.4s ease-out;
}

.portfolio-carousel .swiper-slide:hover {
    transform: translateY(-10px) scale(1.03);
    box-shadow: 0 35px 90px rgba(95, 117, 52, 0.25);
}

.portfolio-carousel .elementor-carousel-image {
    border-radius: 20px;
    overflow: hidden;
}

.portfolio-carousel img {
    width: 100%;
    height: 500px !important; /* Large rectangular images */
    object-fit: cover;
    transition: transform 0.6s ease-out;
}

.portfolio-carousel .swiper-slide:hover img {
    transform: scale(1.1);
}

/* Custom Navigation - Matching Our Previous Style */
.portfolio-navigation-center {
    display: flex;
    justify-content: center;
    gap: 25px;
    margin-top: 40px;
}

.elementor-button.portfolio-prev,
.elementor-button.portfolio-next {
    background: #5F7534;
    color: white;
    border: none;
    padding: 18px 35px;
    border-radius: 10px;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    transition: all 0.3s ease;
    min-width: 180px;
    outline: none;
    box-shadow: 0 8px 25px rgba(95, 117, 52, 0.3);
    cursor: pointer;
}

.elementor-button.portfolio-prev:focus,
.elementor-button.portfolio-next:focus {
    outline: none;
    box-shadow: 0 0 0 4px rgba(95, 117, 52, 0.3);
}

.elementor-button.portfolio-prev:hover,
.elementor-button.portfolio-next:hover {
    background: #4A5D2A;
    transform: translateY(-4px);
    box-shadow: 0 15px 40px rgba(95, 117, 52, 0.5);
}

.elementor-button.portfolio-prev:active,
.elementor-button.portfolio-next:active {
    transform: translateY(-2px);
}

/* Hide default carousel navigation if any */
.portfolio-carousel .swiper-button-next,
.portfolio-carousel .swiper-button-prev {
    display: none !important;
}

/* Custom pagination styling if you want to keep it */
.portfolio-carousel .swiper-pagination-bullet {
    background: #5F7534;
    width: 12px;
    height: 12px;
    opacity: 0.5;
}

.portfolio-carousel .swiper-pagination-bullet-active {
    opacity: 1;
    transform: scale(1.2);
}

/* Responsive Design */
@media (max-width: 1400px) {
    .portfolio-carousel img {
        height: 450px !important;
    }
}

@media (max-width: 1024px) {
    .portfolio-carousel .swiper-slide {
        padding: 0 10px;
    }
    
    .portfolio-carousel img {
        height: 400px !important;
    }
    
    .elementor-button.portfolio-prev,
    .elementor-button.portfolio-next {
        padding: 15px 30px;
        font-size: 16px;
        min-width: 160px;
    }
}

@media (max-width: 767px) {
    .portfolio-main-section {
        margin: 60px 0;
        padding: 40px 20px !important;
    }
    
    .portfolio-carousel {
        margin: 30px 0;
    }
    
    .portfolio-carousel img {
        height: 300px !important;
    }
    
    .portfolio-navigation-center {
        gap: 15px;
        margin-top: 30px;
    }
    
    .elementor-button.portfolio-prev,
    .elementor-button.portfolio-next {
        padding: 12px 25px;
        font-size: 14px;
        min-width: 140px;
    }
}

/*New carousel overlay code by Siya*/

/* Portfolio Carousel Image Overlay - Text Free */
.portfolio-carousel .swiper-slide {
    position: relative;
}

.portfolio-carousel .swiper-slide::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(95, 117, 52, 0.1) 0%, rgba(47, 85, 52, 0.7) 100%);
    border-radius: 20px;
    opacity: 0;
    transition: all 0.4s ease-out;
    z-index: 2;
    pointer-events: none;
}

.portfolio-carousel .swiper-slide:hover::before {
    opacity: 1;
}/* End custom CSS */