/* Custom CSS to make email, Home menu, and breadcrumbs white */

/* Email link in header info box - keep black (has white background) */
.main-header .info-box li a {
    color: #0A0A0A !important;
}

/* Email link in contact info section (mail@autowork.com) - make white */
.contact-info-section .contact-info-block .inner-box a {
    color: #ffffff !important;
}

/* Home menu item */
.main-menu .navigation > li.current > a,
.main-menu .navigation > li:first-child > a {
    color: #ffffff !important;
}

/* Sticky header Home menu */
.main-header .sticky-header .main-menu .navigation > li.current > a,
.main-header .sticky-header .main-menu .navigation > li:first-child > a {
    color: #ffffff !important;
}

/* Breadcrumbs - make all text and links black */
.page-title .bread-crumb,
.page-title .bread-crumb li,
.page-title .bread-crumb li a,
.page-title .bread-crumb li:before {
    color: #0A0A0A !important;
}

/* Fix navigation dropdown z-index to appear above page content */
.main-header {
    z-index: 9999 !important;
}

.header-lower {
    z-index: 9999 !important;
}

.main-menu .navigation > li > ul {
    z-index: 9999 !important;
}

/* Global Typography - Desktop */
h1 {
    font-size: 56px !important;
}

h2 {
    font-size: 40px !important;
}

p,
li,
.bread-crumb,
.bread-crumb li,
.bread-crumb li a,
.main-menu .navigation > li > a,
.main-menu .navigation > li > ul > li > a,
.main-menu .navigation > li > ul > li > ul > li > a,
.main-footer ul li,
.main-footer ul li a,
.main-footer p,
.service-detail blockquote,
.service-detail li,
.lower-content li,
.btn,
a.btn {
    font-size: 18px !important;
}

/* Global Typography - Mobile */
@media (max-width: 767px) {
    h1 {
        font-size: 36px !important;
    }
    
    h2 {
        font-size: 28px !important;
    }
    
    p,
    li,
    .bread-crumb,
    .bread-crumb li,
    .bread-crumb li a,
    .main-menu .navigation > li > a,
    .main-menu .navigation > li > ul > li > a,
    .main-menu .navigation > li > ul > li > ul > li > a,
    .main-footer ul li,
    .main-footer ul li a,
    .main-footer p,
    .service-detail blockquote,
    .service-detail li,
    .lower-content li,
    .btn,
    a.btn {
        font-size: 16px !important;
    }
}

/* Sticky header menu styling */
.sticky-header .navigation > li > a {
    text-transform: uppercase !important;
}

.sticky-header .navigation > li > a:hover,
.sticky-header .navigation > li.current > a {
    color: #ffffff !important;
}

/* Mobile menu background fix */
@media (max-width: 991px) {
    .main-menu .navbar-collapse > .navigation > li > a,
    .main-menu .navbar-collapse > .navigation > li > ul > li > a,
    .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li > a {
        background: #314372 !important;
    }
    
    .main-menu .navbar-collapse > .navigation,
    .main-menu .navbar-collapse > .navigation > li > ul,
    .main-menu .navbar-collapse > .navigation > li > ul > li > ul {
        background: #314372 !important;
    }
}

/* ── 1. Logo scaling – now fixed in style.css directly; keep override for safety ── */
.main-header .logo-outer .logo img {
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
    display: block !important;
}

/* Ensure the logo container itself does not overflow its column */
.main-header .logo-outer,
.main-header .logo-outer .logo {
    max-width: 100%;
    overflow: visible;
}

/* ── 2. "Global-Scale Innovation" section – always visible ── */
section.py-5 {
    overflow: visible !important;
    position: relative;
}
/* Always force the h2 heading visible — no clipping, no hidden state */
section.py-5 h2 {
    visibility: visible !important;
    opacity: 1 !important;
    color: #0d4f7c !important;
}

/* ── 3. Footer columns – add left/right padding on mobile ── */
@media (max-width: 767px) {
    .main-footer .footer-column {
        padding-left: 20px !important;
        padding-right: 20px !important;
        margin-bottom: 30px;
    }
    .contact-info-section .contact-info-block {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

/* ── 4. Consistent Barlow Condensed font everywhere – including subpage body text ── */
body,
p,
li,
td,
th,
label,
blockquote,
.lower-content,
.lower-content p,
.lower-content h1,
.lower-content h2,
.lower-content h3,
.lower-content h4,
.lower-content h5,
.lower-content h6 {
    font-family: 'Barlow Condensed', sans-serif !important;
}

/* ── 5. Left/right padding on .auto-container for smaller screens ── */
@media (max-width: 1199px) {
    .auto-container {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}
@media (max-width: 767px) {
    .auto-container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

/* ── 6. Contact form – enforce site font on all form elements ── */
input,
select,
textarea,
button,
.contact-form input,
.contact-form select,
.contact-form textarea,
.contact-form label,
.contact-form .form-group input,
.contact-form .form-group select,
.contact-form .form-group textarea {
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 16px !important;
}

/* Made with Bob */