/*
Theme Name: DalTech
Author: ModinaTheme
Author URI: https://themeforest.net/user/modinatheme/
Description: IT Solution & Technology HTML Template
Version: 1.1.0
*/

/*
=================================
|***    Table of contents:   ***|
=================================

Main Style file-> assets/css/main.css 

All the SCSS File in SCSS Folder of Assets Folder. You can read the doc file also for better understand.

// BASIC
@import 'basic';

// MIXIN
@import 'variables';

// TYPOGRAPHY
@import 'typography';

// MIX
@import 'mix';

// HELPER
@import 'helper';

// ICON FONTS
@import 'icon';

// ANIMATION
@import 'animation';

// Button 
@import 'btn';

// Colors 
@import 'colors';

// Preloader 
@import 'preloader';

/* ----------------------------------
    Template Section Styles
 ------------------------------------*/

/* // Menu - Header Section 
 @import 'header';
 
 // Hero Slide - Section 
 @import 'hero';
 
 // Section Title - Heading 
 @import 'section';
 
 // About - Section 
 @import 'about';
 
 // Features - Section 
 @import 'features';
 
 // services - Section 
 @import 'services';
 
 // testimonial - Section 
 @import 'testimonial';
 
 // Portfolio - Cases - Section 
 @import 'project';
 
 // Price Table - Section 
 @import 'price';
 
 // Call To Action - Section 
 @import 'cta';
 
 // Content Block - Section 
 @import 'contentblock';
 
 // team - Section 
 @import 'team';
 
 // funfact - Section 
 @import 'funfact';
 
 // Download - Section 
 @import 'carousel';
 
 // FAQ - Section 
 @import 'faq';
 
 // Blog - Section 
 @import 'blog';
 
 // Contact Us - Section 
 @import 'contact';
 
 // footer - Section 
 @import 'footer';n facts */


/* Custom Header Overrides for Kioscos y Tecnología Branding */

/* Top Bar - Green */
.header-top-section-2 {
    background-color: #3db02a !important;
}

/* Middle Header (Logo Area) - Dark Blue */
.middle-header {
    background-color: #000e40 !important;
    /* Based on var(--theme) */
}

/* Text and Icon Colors in Middle Header - White */
.middle-header-wrapper .header-contact-items .contact-info-items .content h6,
.middle-header-wrapper .header-contact-items .contact-info-items .content p,
.middle-header-wrapper .header-contact-items .contact-info-items .content a,
.middle-header-wrapper .header-contact-items .contact-info-items .icon {
    color: #ffffff !important;
}

/* Main Navigation Bar - Dark Blue */
.header-section-2::before {
    background-color: #001871 !important;
    /* Matches Middle Header */
}

/* Main Menu Items - White */
.header-main .main-menu ul li a {
    color: #ffffff !important;
}

/* Hover effect for Menu Items - Green (to match brand) */
.header-main .main-menu ul li a:hover {
    color: #3db02a !important;
}

/* Menu Icons (Search, Hamburger) - White */
.header-right .search-icon,
.header-right .header__hamburger .sidebar__toggle i {
    color: #ffffff !important;
}

.header-right .header__hamburger .header-bar span {
    background-color: #ffffff !important;
    /* For hamburger bars */
}

.header-right .search-icon {
    background-color: transparent !important;
    /* Fix for search icon bg if needed */
}

/* Sticky Header Background */
.header-2.sticky {
    background-color: #001871 !important;
}

/* Social Icons in Header Top Left - Restore Styling */
.header-top-wrapper.style-2 .top-left .social-icon {
    gap: 20px;
}

.header-top-wrapper.style-2 .top-left .social-icon a {
    color: var(--header) !important;
    /* Restore generic header text color */
    font-size: 14px;
    /* Ensure consistent size */
}

.header-top-wrapper.style-2 .top-left .social-icon a:hover {
    color: #ffffff !important;
    /* White on hover for better visibility against green */
}

/* Middle Header Alignment - Logo(Left), News(Center), Shop(Right) */
@media (min-width: 1200px) {
    .middle-header-wrapper {
        display: grid !important;
        grid-template-columns: 1fr auto 1fr;
        align-items: center;
        justify-content: stretch !important;
    }

    .middle-header-wrapper .header-logo {
        justify-self: start;
    }

    .middle-header-wrapper .news-item {
        justify-self: center;
        margin: 0 !important;
    }

    .middle-header-wrapper .shop-item {
        justify-self: end;
        margin: 0 !important;
    }
}

/* Make header-section-2 even thinner */
.header-section-2 .main-menu ul li a {
    padding: 5px 0 !important;
}

.header-section-2,
.header-section-2 .container,
.header-section-2 .header-main {
    min-height: 0 !important;
}

/* Hide desktop menu on mobile/tablet */
@media (max-width: 991px) {
    .header-section-2 .header-left {
        display: none !important;
    }
}