/* EPINEC Custom Color Scheme - Green Theme */
/* Primary Green: #2d8659 (Forest Green - professional and welcoming) */
/* Secondary Green: #1f6342 (Darker shade for hover states) */
/* Light Green: #e8f5f0 (For backgrounds and highlights) */
/* Accent: #3aa876 (Bright green for CTAs) */

:root {
    --primary-green: #2d8659;
    --secondary-green: #1f6342;
    --light-green: #e8f5f0;
    --accent-green: #3aa876;
    --text-dark: #2c3e50;
}

/* Global Font Family - Inter (Modern, Clean, Professional) */
/* Exclude icon fonts from font family override */
body, p, a, span:not([class*="fa-"]):not([class*="lnr-"]):not([class*="icon"]), 
div:not([class*="fa-"]):not([class*="lnr-"]):not([class*="icon"]), 
button, input, textarea, select {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
    font-weight: 700;
    letter-spacing: -0.5px;
}

/* Ensure icon fonts work properly - DO NOT override with inherit */
.fa, [class^="fa-"], [class*=" fa-"] {
    font-family: 'FontAwesome' !important;
}

.lnr, [class^="lnr-"], [class*=" lnr-"] {
    font-family: 'Linearicons-Free' !important;
}

.icon {
    font-family: inherit !important;
}

/* Executive Team Section Responsive Styles */
.executive-team-section .team-member-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.executive-team-section .team-member-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 30px rgba(0,0,0,0.12) !important;
}

@media (max-width: 767px) {
    .executive-team-section {
        padding: 40px 0 !important;
    }
    
    .executive-team-section .section-header h2 {
        font-size: 32px !important;
    }
    
    .executive-team-section .section-header p {
        font-size: 16px !important;
    }
    
    .executive-team-section .team-member-card {
        margin-bottom: 30px !important;
    }
    
    .executive-team-section .team-photo {
        min-height: 250px !important;
    }
    
    .executive-team-section .col-md-8 {
        padding: 25px !important;
    }
    
    .executive-team-section .team-bio h3 {
        font-size: 24px !important;
    }
    
    .executive-team-section .team-bio h4 {
        font-size: 16px !important;
    }
    
    .executive-team-section .team-bio p {
        font-size: 14px !important;
    }
}

/* Header Top Bar - Removed, styles kept for reference if needed */
.header {
    background-color: var(--primary-green) !important;
}

/* Navigation Updates */
.navbar-nav > li > a {
    color: var(--primary-green) !important;
    transition: color 0.3s ease;
}

.navbar-nav > li > a:hover,
.navbar-nav > li.active > a {
    color: var(--secondary-green) !important;
}

/* Hero Section Height Fix */
.header-slider-area {
    padding: 0 !important;
    margin: 0 !important;
}

.header-slider-area .item {
    height: 600px !important;
    max-height: 600px !important;
}

.welcome-hero {
    height: 600px !important;
    max-height: 600px !important;
}

.carousel-inner > .item {
    height: 600px !important;
}

/* Remove padding from hero slider items */
.single-slide-item {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 600px !important;
}

.single-slide-item .container {
    padding-top: 40px;
    padding-bottom: 40px;
}

/* About/Service/Contact Hero Section - Remove Purple Overlay */
.about-part:before {
    background: rgba(45, 134, 89, 0.85) !important; /* Green overlay instead of purple */
}

.about-part {
    padding: 0 !important; /* Remove padding */
}

.about-part .container {
    padding-top: 80px;
    padding-bottom: 80px;
}

/* Buttons and CTAs */
.welcome-btn,
.slide-btn,
.project-view,
.about-btn a,
.single-service-btn a {
    background: var(--primary-green) !important;
    border-color: var(--primary-green) !important;
    color: white !important;
    transition: all 0.3s ease;
}

.welcome-btn:hover,
.slide-btn:hover,
.project-view:hover,
.about-btn a:hover,
.single-service-btn a:hover {
    background: var(--secondary-green) !important;
    border-color: var(--secondary-green) !important;
    color: white !important;
}

/* Service Icons and Highlights */
.single-service:hover {
    border-color: var(--primary-green) !important;
}

.single-service-icon span {
    color: var(--primary-green) !important;
}

/* Statistics Counter */
.statistics {
    background: linear-gradient(135deg, var(--primary-green) 0%, var(--secondary-green) 100%) !important;
}

/* Section Titles */
.project-head h2,
.service-head h2,
.about-head h2,
.testimonial-head h2 {
    color: var(--text-dark);
}

.project-head h2:after,
.service-head h2:after,
.about-head h2:after,
.testimonial-head h2:after {
    background: var(--primary-green) !important;
}

/* Footer Updates */
.hm-footer {
    background: var(--light-green);
    padding: 40px 0 20px !important; /* Reduced padding */
}

.hm-footer-details {
    margin-top: 40px !important; /* Reduce space at top of footer */
}

.hm-footer-widget {
    margin-bottom: 20px !important; /* Reduced spacing */
}

.hm-foot-title h4 {
    color: var(--primary-green);
    margin-bottom: 15px !important;
}

.hm-para-news p {
    margin-bottom: 8px !important;
    line-height: 1.6;
}

.footer-menu ul li {
    margin-bottom: 3px !important;
    padding: 0 !important;
}

.footer-menu ul li a {
    color: var(--text-dark);
    transition: color 0.3s ease;
    padding: 0 !important;
    display: inline-block;
}

.footer-menu ul li a:hover {
    color: var(--primary-green);
}

.hm-foot-icon {
    text-align: center;
    margin-top: 20px;
}

.hm-foot-icon ul li a {
    background: transparent !important;
    color: var(--primary-green);
    border: none !important;
    transition: all 0.3s ease;
}

.hm-foot-icon ul li a:hover {
    color: var(--secondary-green);
    transform: translateY(-3px);
}

.footer-copyright {
    background: var(--primary-green);
    padding: 20px 0 !important; /* Reduced padding */
}

.foot-copyright p,
.foot-copyright p a {
    color: white;
}

.foot-menu ul li a {
    color: white !important;
    text-transform: capitalize;
}

/* Portfolio/Project Cards */
.single-project-item:hover .project-hover {
    background: rgba(45, 134, 89, 0.9) !important;
}

/* Testimonials */
.single-testimonial-item {
    border-color: var(--light-green);
}

.single-testimonial-item:hover {
    border-color: var(--primary-green);
}

/* Contact Form */
.contact-form .form-control:focus {
    border-color: var(--primary-green);
    box-shadow: 0 0 8px rgba(45, 134, 89, 0.2);
}

/* Partner/Client Images */
.client img,
.partner-logo img {
    max-height: 80px;
    width: auto;
    object-fit: contain;
    filter: grayscale(100%);
    opacity: 0.7;
    transition: all 0.3s ease;
}

.client img:hover,
.partner-logo img:hover {
    filter: grayscale(0%);
    opacity: 1;
}

/* Improve spacing consistency */
section {
    padding: 60px 0;
}

.container {
    padding-left: 15px;
    padding-right: 15px;
}

/* Mobile responsiveness for hero */
@media (max-width: 768px) {
    .header-slider-area .item,
    .welcome-hero,
    .carousel-inner > .item {
        height: 400px !important;
    }
}