/* ----------------------------------

Template Name: Agrica - Organic Farm Agriculture Template
Author: validtheme
Description:
Version: 1.0

Main Font    : Outfit
Main Color   : #49a760

-------------------------------------

[Typography]

Body copy:    15px 'Outfit', sans-serif
Header:     36px 'Outfit', sans-serif
Input, textarea:  16px 'Outfit', sans-serif
Sidebar heading:  22px 'Outfit', sans-serif

>>> TABLE OF CONTENTS:
=======================
        
    01. Template default css
        - Animations
        - General
        - Section Title
        - Video Button
        - Typography
        - Tables
        - Forms
        - Buttons
        - Pagination
        - Colors
        - Accordion
        - Tabs
    02. Preloader
    03 Navbar
        - Navbar Default
        - Navbar Center Brand
        - Navbar Transparent
        - Navbar Sticky
    04. Banner
        - Banner Agriculture
        - Banner Farming
        - Banner Agrculture Shop
    05. About
        - Version One
        - Version Two
	06. Services
        - Version One
        - Version Two
        - Service Single
    07. Project
        - Project Carousel
        - Project Grid
        - Project Single
	08. Testimonails
        - Version One
        - Version Two
    09. Why Choose Us
    10. Farmer
        - Farmer Slider
        - Farmer Single
        - Farmer Single
    11. Our Speciality
    12. Product Type
    13. Story Timeline
    14. Faq
    15. Brand / Partner
    16. Feature
        - Version One
        - Version Two
    17. Our Story
    18. Product Benifits
	19. Shop
        - Shop Grid
        - Shop List
        - Shop Single With Gallery
        - Shop Single Regular
    20. Blog
        - Standard
        - Grid
        - Left Sidebar
        - Right Sidebar
        - Single
    21. Error 404
    22. Footer
    23. PHP Contact Form
    24. Others

*/

/*
** Fix navbar items to display horizontally and hamburger color
*/

/* Fix navbar items to display horizontally */
.navbar-nav {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important; /* Ensure items are spaced evenly */
}

.navbar-nav > li {
    display: inline-block !important;
    margin-right: 20px !important; /* Adjust margin for spacing */
}

/* Make hamburger menu icon black */
.navbar-toggle .icon-bar {
    background-color: #000 !important;
}

/* Ensure mobile menu items stack vertically when collapsed */
@media (max-width: 991px) {
    .navbar-nav {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    
    .navbar-nav > li {
        display: block !important;
        margin-right: 0 !important;
        width: 100% !important;
    }

    /* Ensure the navbar is visible on mobile */
    .navbar-collapse {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
       .navbar-collapse > li {
        display: inline-block;
        float: none;
        vertical-align: middle;
    }
}

/*
** General Styles for HTML tags
*/
