.elementor-kit-5{--e-global-color-primary:#179257;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#F5ED2B;--e-global-color-5da4281:#EEF1EF;--e-global-color-62705ea:#D4D4D4;--e-global-color-e1c964a:#F7DDDD;--e-global-color-dce7db1:#FFFFFF;--e-global-color-dcea29c:#1A1F2B;--e-global-color-53a37f4:#15181D;--e-global-color-b74bae8:#2A2F3A;--e-global-color-629fc10:#3A4152;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{background-color:var( --e-global-color-primary );}.elementor-kit-5 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 *//* Video Archive Playlist Styling */
.elementor-widget-posts .elementor-post {
    background: #ffffff;
    padding: 25px;
    margin-bottom: 25px;
    border-radius: 10px;
    box-shadow: 0 3px 15px rgba(0,0,0,0.1);
    border-left: 4px solid #179257;
}

.elementor-archive-title {
    text-align: center;
    margin-bottom: 40px;
    color: #333;
}

/* Mobile optimization for archive */
@media (max-width: 767px) {
    .elementor-widget-posts .elementor-posts-container {
        grid-template-columns: 1fr !important;
    }
    
    .elementor-post {
        padding: 20px 15px;
    }
}

/*siya says custom code stops here*/

/* ===== Simplified Elementor Video Widget Styling ===== */



/* Video widget in grid/loop items */
.elementor-loop-item .elementor-widget-video .elementor-custom-embed-play {
    width: 60px;
    height: 60px;
}

.elementor-loop-item .elementor-widget-video .elementor-custom-embed-play::before {
    font-size: 18px;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .elementor-widget-video .elementor-custom-embed-play {
        width: 70px;
        height: 70px;
    }
    
    .elementor-widget-video .elementor-custom-embed-play::before {
        font-size: 22px;
    }
    
    .elementor-widget-video .elementor-widget-container {
        margin: 10px 0;
    }
}



.elementor-widget-video iframe:focus {
    outline: 2px solid #179257;
}

/* Error state styling */
.elementor-widget-video .elementor-video-error {
    background: linear-gradient(135deg, rgba(23, 146, 87, 0.1), rgba(245, 237, 43, 0.05));
    border: 2px dashed #179257;
    color: #179257;
}

/* Simple loading state - no animation */
.elementor-widget-video .elementor-loading {
    background: linear-gradient(90deg, 
        rgba(23, 146, 87, 0.1) 25%, 
        rgba(245, 237, 43, 0.05) 50%, 
        rgba(23, 146, 87, 0.1) 75%);
}

/* Video widget in archive pages */
.elementor-archive-page .elementor-widget-video {
    margin-bottom: 25px;
}

.elementor-archive-page .elementor-widget-video .elementor-widget-container {
    box-shadow: 0 4px 15px rgba(23, 146, 87, 0.2);
}

/* Category-specific colors */
.elementor-widget-video[data-category="tutorials"] .elementor-custom-embed-play {
    background: rgba(23, 146, 87, 0.9);
}

.elementor-widget-video[data-category="interviews"] .elementor-custom-embed-play {
    background: rgba(245, 237, 43, 0.9);
}

.elementor-widget-video[data-category="interviews"] .elementor-custom-embed-play::before {
    color: #179257;
}

/* ===== Team Member Carousel Styling ===== */
.team-member-card {
    position: relative;
    border: 1px solid #D4D4D4;
    border-radius: 5px;
    overflow: hidden;
    transition: all 0.3s ease;
    background: #ffffff;
    height: 400px;
}

.team-member-card:hover {
    border-color: #179257;
    transform: translateY(-5px);
}

.team-member-image img {
    transition: all 0.3s ease;
    filter: grayscale(0%);
}

.team-member-card:hover .team-member-image img {
    filter: grayscale(100%);
}

.team-member-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, transparent 0%, rgba(23, 146, 87, 0.1) 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 2;
}

.team-member-card:hover .team-member-overlay {
    opacity: 1;
}


/*video widget styling ends here by Siya*/

/* ===== Force Mobile Horizontal Carousel ===== */
@media (max-width: 767px) {
    /* Target ALL possible post containers */
    .elementor-posts-container,
    .elementor-loop-container,
    .elementor-grid,
    [class*="elementor-posts"] {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
        gap: 20px !important;
        padding: 15px 10px !important;
        margin: 0 -10px !important;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        width: auto !important;
        height: auto !important;
    }
    
    /* Hide scrollbars */
    .elementor-posts-container::-webkit-scrollbar,
    .elementor-loop-container::-webkit-scrollbar,
    .elementor-grid::-webkit-scrollbar {
        display: none !important;
    }
    
    /* Target ALL possible post items */
    .elementor-post,
    .elementor-loop-item,
    [class*="elementor-post"],
    .elementor-posts-container > *,
    .elementor-loop-container > *,
    .elementor-grid > * {
        flex: 0 0 85% !important;
        min-width: 300px !important;
        max-width: 85% !important;
        scroll-snap-align: start;
        flex-shrink: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        width: auto !important;
    }
    
    /* Remove any grid/flex properties that might conflict */
    .elementor-posts-container .elementor-post,
    .elementor-loop-container .elementor-loop-item {
        flex-basis: auto !important;
        width: auto !important;
    }
    
    /* Force remove grid layout */
    .elementor-posts-container {
        display: flex !important;
        grid-template-columns: none !important;
        grid-auto-flow: unset !important;
    }
}/* End custom CSS */