/*
 * FINAL COLOR FIX - HIGHEST PRIORITY
 * This file overrides ALL other CSS to apply correct logo colors
 * Logo Colors: Teal/Cyan (#00BCD4) NOT Blue
 * Load this file LAST in footer.php
 */

/* ============================================
   BANNER/HERO SECTION - TEAL GRADIENT
   ============================================ */

/* Force teal/cyan gradient background */
.banner-section {
    background: linear-gradient(135deg, #00BCD4 0%, #0097A7 100%) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* Ensure background layer doesn't override */
.banner-section .bg-layer {
    opacity: 0.1 !important;
}

/* White text for all hero content */
.banner-section .content-box h6,
.banner-section .content-box h1,
.banner-section .content-box h2,
.banner-section .content-box p {
    color: #FFFFFF !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2) !important;
}

/* Stronger shadow for h1 */
.banner-section .content-box h1 {
    text-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
}

/* Orange buttons for CTAs */
.banner-section .btn-box a.btn-one,
.banner-section .content-box .btn-box a.btn-one {
    background: linear-gradient(135deg, #FF6F00 0%, #F57C00 100%) !important;
    color: #FFFFFF !important;
    border: none !important;
}

.banner-section .btn-box a.btn-one:hover,
.banner-section .content-box .btn-box a.btn-one:hover {
    background: linear-gradient(135deg, #F57C00 0%, #E65100 100%) !important;
    color: #FFFFFF !important;
}

/* White outline button */
.banner-section .btn-box a.btn-two,
.banner-section .content-box .btn-box a.btn-two {
    background: transparent !important;
    color: #FFFFFF !important;
    border: 2px solid #FFFFFF !important;
}

.banner-section .btn-box a.btn-two:hover,
.banner-section .content-box .btn-box a.btn-two:hover {
    background: #FFFFFF !important;
    color: #00BCD4 !important;
    border-color: #FFFFFF !important;
}

/* ============================================
   HEADER TOP BAR - TEAL
   ============================================ */

.header-top {
    background: linear-gradient(135deg, #00BCD4 0%, #0097A7 100%) !important;
}

.header-top .text p,
.header-top .info li,
.header-top .info li a {
    color: #FFFFFF !important;
}

.header-top .info li a:hover {
    color: #FF6F00 !important;
}

.header-top .social-links li a {
    color: #FFFFFF !important;
}

.header-top .social-links li a:hover {
    color: #FF6F00 !important;
}

/* ============================================
   SECTION TITLES - TEAL
   ============================================ */

.sec-title h6 {
    color: #00BCD4 !important;
}

.sec-title h6:before,
.sec-title.centred h6:after {
    background: #00BCD4 !important;
}

/* ============================================
   BUTTONS - TEAL PRIMARY
   ============================================ */

.theme-btn.btn-one {
    background: linear-gradient(0deg, #00BCD4, #0097A7 100%) !important;
}

.theme-btn.btn-one:before {
    background: linear-gradient(0deg, #0097A7, #00BCD4 100%) !important;
}

.theme-btn.btn-two:hover {
    background: #00BCD4 !important;
}

/* ============================================
   NAVIGATION - TEAL ACCENTS
   ============================================ */

.main-menu .navigation > li.current > a,
.main-menu .navigation > li:hover > a {
    color: #00BCD4 !important;
}

.main-menu .navigation > li > ul > li > a:hover,
.main-menu .navigation > li > .megamenu li > a:hover {
    color: #00BCD4 !important;
}

.main-header .menu-right-content li.nav-btn {
    background: #00BCD4 !important;
}

/* ============================================
   SERVICE BLOCKS - TEAL
   ============================================ */

.service-block-one .inner-box .lower-content h3 a:hover {
    color: #00BCD4 !important;
}

/* ============================================
   LINKS AND HOVER STATES - TEAL
   ============================================ */

.chooseus-block-one .inner-box h3 i {
    color: #00BCD4 !important;
}

.testimonial-block-one .inner-box .text-inner {
    border-top: 5px solid #00BCD4 !important;
}

.testimonial-block-one .inner-box .quote {
    color: #00BCD4 !important;
}

.team-section:before {
    background: #00BCD4 !important;
}

.team-block-one .inner-box .lower-content h3 a:hover {
    color: #00BCD4 !important;
}

.team-block-one .inner-box .lower-content .link a:hover {
    background: #00BCD4 !important;
}

.contact-section .content-box .support-box .phone a:hover {
    color: #00BCD4 !important;
}

.contact-section .default-form .form-group button:hover {
    background: #00BCD4 !important;
}

.default-form .form-group input:focus,
.default-form .form-group textarea:focus {
    border-color: #00BCD4 !important;
}

/* ============================================
   NEWS/BLOG - TEAL
   ============================================ */

.news-block-one .inner-box .lower-content .post-info:before,
.news-block-one .inner-box .lower-content .post-info li:before {
    background: #00BCD4 !important;
}

.news-block-one .inner-box .lower-content .post-info li a,
.news-block-one .inner-box .lower-content h3 a:hover {
    color: #00BCD4 !important;
}

/* ============================================
   FOOTER - TEAL
   ============================================ */

.footer-top .form-inner .form-group button:hover {
    background: #00BCD4 !important;
}

.footer-social li a:hover {
    border-color: #00BCD4 !important;
    color: #00BCD4 !important;
}

.main-footer .links-widget .links-list li a:hover,
.main-footer .contact-widget .info-list li a:hover {
    color: #00BCD4 !important;
}

.footer-bottom .bottom-inner p a:hover {
    color: #00BCD4 !important;
}

/* ============================================
   ALL OTHER BLUE COLORS TO TEAL
   ============================================ */

/* Replace all #00a0eb (blue) with #00BCD4 (teal) */
.main-header .support-box h4 a:hover,
.banner-style-two .content-box .support-box a,
.service-style-two .sec-title .link a:hover,
.service-block-two .inner-box .lower-content h3 a:hover,
.service-block-two .inner-box .lower-content .link a,
.nav-style-two .owl-nav button:hover,
.pricing-block:nth-child(2) .pricing-table .theme-btn:hover,
.pricing-block:nth-child(3) .pricing-block-one .pricing-table .theme-btn:hover,
.cta-section,
.news-style-two .title-inner .text a,
.news-block-two .inner-box .lower-content h3 a:hover,
.news-block-two .inner-box .lower-content h6 a,
.service-block-three .inner-box h3 a:hover,
.service-block-three .inner-box .link a:hover,
.footer-top .text-inner .icon-box,
.header-style-four .support-box h4 a:hover,
.slider-style-two .other-links li a:hover,
.image_block_three .image-box .text-box,
.content_block_four .content-box .inner-box .single-item .icon-box,
.video-section .text .btn-box .video-btn,
.project-block-two .inner-box .content-box .text h4 a:hover,
.header-style-five .menu-right-content .support-box h3 a:hover,
.banner-style-three .form-inner .form-group .theme-btn:hover,
.content_block_seven .content-box .author-box .designation,
.team-block-two .inner-box .lower-content h3 a:hover,
.testimonial-block-four .inner-box .quote,
.header-style-nine .support-box h3 a:hover,
.banner-btn:hover,
.service-block-four .inner-box h3 a:hover,
.service-block-four .inner-box .link a:hover,
.testimonial-style-five .owl-nav button:hover,
.header-style-ten .header-top .top-inner .info li a:hover,
.header-style-seven .social-links li a:hover,
.header-style-eight .header-top .phone a:hover {
    color: #00BCD4 !important;
}

/* Background colors */
.cta-section,
.video-section .text .btn-box .video-btn,
.image_block_three .image-box .text-box,
.service-block-two .inner-box .lower-content .link a,
.nav-style-two .owl-nav button:hover,
.testimonial-style-five .owl-nav button:hover {
    background: #00BCD4 !important;
}

/* Border colors */
.service-style-two .sec-title .link a:hover,
.footer-social li a:hover {
    border-color: #00BCD4 !important;
}

/* Replace all #00a7eb (light blue) with #4DD0E1 (light teal) */
.project-details-content blockquote .icon-box,
.news-block-three .inner-box .lower-content .post-info li a:hover,
.news-block-three .inner-box .lower-content h2 a:hover,
.blog-sidebar .category-widget .category-list li a:hover,
.blog-sidebar .category-widget .category-list li a:hover:before,
.blog-sidebar .post-widget .post h5 a:hover,
.appointment-form .theme-btn:hover,
.faq-style-two .search-form .form-group input:focus,
.faq-form-section .form-inner .form-group .theme-btn:hover,
.error-section .inner-box h1,
.contact-page-section .form-inner .form-group .theme-btn:hover,
.contact-page-section .content-box .info-list li p a:hover {
    color: #4DD0E1 !important;
}

/* Replace all #00a2ff (bright blue) with #00E5FF (bright cyan) */
.slider-style-five .banner-carousel .slide-item .theme-btn,
.estimate-section form .form-group button:hover,
.content_block_one .content-box .inner-box .single-item .icon-box,
.about-style-seven .content-box .inner-box .inner:before,
.about-style-seven .content-box .author-box h3 a:hover,
.header-style-12.header-style-six .menu-right-content .btn-box a,
.banner-style-six .content-box .support-box a,
.page-title .content-box .bread-crumb li a:hover,
.about-style-ten .text-inner .text h6,
.history-section .single-item .year,
.service-sidebar .category-widget .category-list li a:hover,
.service-sidebar .category-widget .category-list li a.current,
.service-sidebar .download-widget a:hover,
.sortable-masonry .filter-tabs li.active,
.sortable-masonry .filter-tabs li:hover,
.faq-section .content-box .theme-btn {
    color: #00E5FF !important;
}

.slider-style-five .banner-carousel .slide-item .theme-btn,
.estimate-section form .form-group button:hover,
.about-style-seven .content-box .inner-box .inner:before,
.header-style-12.header-style-six .menu-right-content .btn-box a,
.history-section .single-item .year,
.service-sidebar .category-widget .category-list li a:hover,
.service-sidebar .category-widget .category-list li a.current,
.service-sidebar .download-widget a:hover,
.faq-section .content-box .theme-btn {
    background: #00E5FF !important;
}

.about-style-ten .text-inner .text h6:before {
    background: #00E5FF !important;
}

.faq-style-two .search-form .form-group input:focus {
    border-color: #00E5FF !important;
}

/* Replace all #28b7ed (medium blue) with #4DD0E1 (light teal) */
.cta-style-two .image-box .image-shape .shape-2,
.cta-style-three .image-box .image-shape .shape-2 {
    border: 1px solid #4DD0E1 !important;
}

.cta-style-two .image-box .image-shape .shape-1,
.cta-style-three .image-box .image-shape .shape-1 {
    background: #4DD0E1 !important;
}

.contact-style-two .form-inner .form-group input:focus,
.contact-style-two .form-inner .form-group textarea:focus {
    border-color: #4DD0E1 !important;
}

.header-style-six .menu-right-content .support-box h4 a:hover,
.header-style-six .menu-right-content .btn-box a:hover,
.content_block_eight .content-box .support-box h3 a:hover {
    color: #4DD0E1 !important;
}

.header-style-six .menu-right-content .btn-box a:hover {
    background: #4DD0E1 !important;
}

/* Replace all #0592e3 (dark blue) with #0097A7 (dark teal) */
.help-section:before {
    background: #0097A7 !important;
}

/* Replace all #008be2 (medium blue) with #00ACC1 (medium teal) */
.funfact-style-three .funfact-inner .single-item .icon-box {
    color: #00ACC1 !important;
}

/* ============================================
   PRELOADER - TEAL
   ============================================ */

.handle-preloader {
    background: #0097A7 !important;
}

.preloader-close {
    color: #00BCD4 !important;
}

/* ============================================
   SLIDER/BANNER STYLES - TEAL
   ============================================ */

.slider-style-six .content-box h6 {
    background: #00BCD4 !important;
}

.banner-btn:hover {
    background: #00BCD4 !important;
}

/* ============================================
   FORM ELEMENTS - TEAL FOCUS
   ============================================ */

.faq-style-two .search-form .form-group input:focus,
.contact-style-two .form-inner .form-group input:focus,
.contact-style-two .form-inner .form-group textarea:focus,
.default-form .form-group input:focus,
.default-form .form-group textarea:focus {
    border-color: #00BCD4 !important;
}

/* ============================================
   RESPONSIVE - MAINTAIN COLORS
   ============================================ */

@media (max-width: 991px) {
    .banner-section {
        background: linear-gradient(135deg, #00BCD4 0%, #0097A7 100%) !important;
    }
}

@media (max-width: 767px) {
    .banner-section {
        background: linear-gradient(135deg, #00BCD4 0%, #0097A7 100%) !important;
    }
}

/* ============================================
   IMPORTANT OVERRIDES
   ============================================ */

/* Ensure NO blue colors remain */
*[style*="#00a0eb"],
*[style*="#00a7eb"],
*[style*="#00a2ff"],
*[style*="#28b7ed"],
*[style*="#0592e3"],
*[style*="#008be2"] {
    color: #00BCD4 !important;
}

/* Force banner section background */
section.banner-section[style] {
    background: linear-gradient(135deg, #00BCD4 0%, #0097A7 100%) !important;
}

/* Force banner text white */
.banner-section .content-box h1[style],
.banner-section .content-box h2[style],
.banner-section .content-box h6[style],
.banner-section .content-box p[style] {
    color: #FFFFFF !important;
}


/* ============================================
   TEAM SECTION - H6 VISIBILITY FIX
   ============================================ */

/* Fix h6 text visibility on light/colored backgrounds */
.team-section .sec-title.light h6,
.sec-title.light h6 {
    color: #FFFFFF !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.4) !important;
    font-weight: 700 !important;
    opacity: 1 !important;
    background: none !important;
    filter: none !important;
}

.team-section .sec-title.light h6:before,
.team-section .sec-title.light h6:after,
.sec-title.light h6:before,
.sec-title.light h6:after {
    background: #FFFFFF !important;
    opacity: 1 !important;
}

.sec-title.light h2 {
    color: #FFFFFF !important;
    text-shadow: 0 2px 15px rgba(0, 0, 0, 0.4) !important;
}

/* Ensure all section titles on colored backgrounds are visible */
section[class*="section"] .sec-title.light h6 {
    color: #FFFFFF !important;
    visibility: visible !important;
    display: inline-block !important;
}

/* Project section light titles */
.project-section .sec-title.light h6,
.project-section .sec-title.light h2 {
    color: #FFFFFF !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.4) !important;
}

/* Any section with light class */
.light h6,
.light h2 {
    color: #FFFFFF !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3) !important;
}