/*------------------------------------------------------------------
[Master Stylesheet]

- MAIN CSS
- FONTS
- PLUGIN CSS

Author:     Andrey Sokoltsov
Profile:    http://themeforest.net/user/andreysokoltsov
-------------------------------------------------------------------*/

/* MAIN CSS */
@import url('bootstrap.min.css');
@import url('skin-bootstrap.css');
@import url('font-awesome.min.css');
@import url('theme.css');
@import url('responsive.css');
@import url('animate.css');
/* @import url('color.css');  -- We are inlining this below to ensure it loads */



/* FONTS */
@import url(http://fonts.googleapis.com/css?family=Roboto:400,700,300,900,700italic,400italic,500,500italic,300italic);
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url('../fonts/flaticon/flaticon.css');



/* PLUGIN CSS */
@import url('../assets/loader/css/loader.css');
@import url('../assets/owl-carousel/owl.carousel.css');
@import url('../assets/owl-carousel/owl.theme.css');
@import url('../assets/isotope/isotope.css');


/* =========================================
   INLINED COLOR STYLES (Fix for visibility)
   ========================================= */

/* Custom Colors based on KOFNADU Brand */

/*---------- CHANGE COLOR ONE (Strong Black) ----------*/
.why-us li,
.stats>div>div,
.stats>div>div:hover>span:first-child,
#partners .owl-buttons div,
#to-top:hover,
.bg-image.blog-section h3,
.bg-image.blog-section div div a,
.bg-image.blog-section div div a:hover,
.owl-theme .owl-controls .owl-buttons div,
.adress-details>div>span,
.comments>div>span.author,
nav.pagination a,
.tags a,
.recent-posts div a,
ul.blog-cats li a,
.attachments li a,
h1,
h2,
h3,
h4,
h5,
h6,
ul.styled li>ul>li>a,
ul.styled>li>a,
.nav-tabs>li>a,
.default-inp i,
.our-services div>a>span>i {
    color: #0F0F0F;
}

.why-us li span,
.topmenu nav,
.topmenu:before,
footer,
#to-top,
.two-news>div div:last-child>div {
    background: #0F0F0F;
}

header,
.topmenu nav:first-child:before {
    border-top-color: #0F0F0F;
}

.info-texts div>div>div:before {
    border-bottom-color: #0F0F0F;
}

@media screen and (max-width: 768px) {
    .info-texts div>div>div p {
        background: #0F0F0F;
    }
}

/*---------- CHANGE COLOR TWO (Logistics Red) ----------*/
.navbar-main>li>.dropdown-menu,
footer .color-part,
.btn.btn-danger,
.btn.btn-danger:hover,
.main-menu,
.main-menu:before,
#main-menu-bg,
.stats>div>div:hover,
.btn.btn-sm.btn-default:before,
.big-hr.color-2,
.our-services.styled div>a:hover:after,
.adress-details>div>span:after,
.comments>div>a.reply:hover,
.comments>div>a.reply:after,
nav.pagination a:hover,
.tags a:hover,
ul.blog-cats>li:hover,
#menu-open,
.main-menu section nav,
.our-services div>a:hover>span,
.testimonial-content span,
.info-texts:after,
.post-info:after,
.customBgColor {
    background-color: #D32F2F !important;
    /* Force red background regarding user feedback on visibility */
}

.stats>div>div:hover,
.btn.btn-sm.btn-default:hover,
.comments>div>a.reply:hover,
nav.pagination a:hover,
.tags a:hover,
ul.blog-cats li:hover,
.our-services div>a:hover>span,
.testimonial-content span {
    border-color: #D32F2F;
}

.big-hr.color-2:before,
.big-hr.color-2:after,
.info-texts div>div>div:last-child:before {
    border-top-color: #D32F2F;
}

.our-services div>a:hover>span:before,
.our-services div>a:hover>span:after,
.testimonial-content span:before,
.testimonial-content span:after {
    border-bottom-color: #D32F2F;
}

.stats span:first-child,
footer .copy a,
.twitter-feeds div span,
.recent-posts div a:hover {
    color: #D32F2F;
}

@media screen and (max-width: 768px) {
    .info-texts div>div>div:last-child p {
        background: #D32F2F;
    }

    #menu-close,
    .main-menu a:hover {
        color: #D32F2F;
    }
}

.ip-header .ip-loader svg path.ip-loader-circle {
    stroke: #D32F2F;
}

/*---------- CHANGE COLOR THREE (Forest Green / Accents) ----------*/
h1.color-1,
h2.color-1,
h3.color-1,
h4.color-1,
h5.color-1,
h6.color-1,
.twitter-feeds div i,
.navbar-main .open>a,
.navbar-main .open>a:focus,
.navbar-main .open>a:hover,
.navbar-main>li>a:focus,
.navbar-main>li>a:hover,
.navbar-main>li>.dropdown-menu>li>a:focus,
.navbar-main>li>.dropdown-menu>li>a:hover {
    color: #E6B800;
    /* Global Gold for text highlights */
}

.btn.btn-sm.btn-success:hover,
nav.pagination a.active,
.nav-tabs>li.active {
    border-color: #1B5E20;
}

.stats>div>div:hover,
.info-texts div>div>div:first-child:before,
ul.styled li>ul {
    border-bottom-color: #1B5E20;
}

.big-hr.color-1:before,
.big-hr.color-1:after,
.info-texts div>div>div:first-child:before {
    border-top-color: #1B5E20;
}

.btn.btn-success,
.btn-success:hover,
.big-hr.color-1,
.one-news>div>div,
.btn.btn-sm.btn-success:before,
.our-services div>a:hover:after,
nav.pagination a.active,
ul.styled>li.active,
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover,
.info-texts:before,
ul.blog-cats>li:before,
ul.blog-cats li>ul {
    background-color: #1B5E20 !important;
    /* Forest Green for 'Success' elements and main blocks, including tabs */
    color: #fff !important;
    /* Ensure readable text on green */
}

@media screen and (max-width: 768px) {
    .info-texts div>div>div:first-child p {
        background: #1B5E20;
    }
}


/* =========================================
   CRITICAL TEXT VISIBILITY FIXES
   ========================================= */

/* 1. Main Menu Items (Top Level) */
.navbar-main>li>a {
    color: #ffffff !important;
    /* Force WHITE text against RED background */
}

/* 2. Main Menu Dropdown Items */
.navbar-main>li>.dropdown-menu>li>a {
    color: #ffffff !important;
    /* Force WHITE text against RED background */
    border-top-color: rgba(255, 255, 255, 0.2) !important;
}

/* 3. Tab Items (Inactive) */
.nav-tabs>li>a {
    color: #000000 !important;
    /* Force BLACK text for inactive tabs against white background */
    background-color: #f5f5f5 !important;
    /* Light gray background for visibility */
}

/* 4. Tab Items (Active - already covered by green block above but reinforcing) */
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    color: #ffffff !important;
    background-color: #1B5E20 !important;
}

/* 5. Mobile Menu Toggle Icon */
#menu-open {
    color: #ffffff !important;
}

/* 6. Sidebar/Styled List Active Items (INNER PAGES: sidebar tabs) */
ul.styled>li.active>a {
    color: #ffffff !important;
    /* Force WHITE text against GREEN active background */
}

/* 7. Page Titles & Breadcrumbs (INNER PAGES: header overlays) */
.page-title h1,
.page-title h2,
.page-title a,
.page-title i {
    color: #ffffff !important;
    /* Force WHITE text on dark header images */
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
    /* Add shadow for readability on mixed backgrounds */
}

/* 8. Ensure Breadcrumb divider is visible */
.page-title .pull-right {
    color: #ffffff !important;
}

/* 9. Layout Fix: Hide mobile menu header on desktop to prevent offset (FIX FOR '.NU' BUG) */
@media screen and (min-width: 799px) {
    .mobile-menu-header {
        display: none !important;
    }
}

body {
    background-color: #FFFFFF;
}