/*
Theme Name: NAD
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: Kadence Theme is a lightweight yet full featured WordPress theme for creating beautiful fast loading and accessible websites, easier than ever. It features an easy to use drag and drop header and footer builder to build any type of header in minutes. It features a full library of gorgeous starter templates that are easy to modify with our intelligent global font and color controls. With extensive integration with the most popular 3rd party plugins, you can quickly build impressive ecommerce websites, course websites, business websites, and more.
Tags: translation-ready,accessibility-ready,two-columns,right-sidebar,left-sidebar,footer-widgets,blog,custom-logo,custom-background,custom-menu,rtl-language-support,editor-style,threaded-comments,custom-colors,featured-images,wide-blocks,full-width-template,theme-options,e-commerce
Version: 1.4.2.1764452883
Updated: 2025-11-29 21:48:03

*/

/* =========================================
   FOOTER STYLES (Add to style.css)
   ========================================= */

/* 1. Main Footer Container */
.site-footer {
    background-color: #215a5d; /* Theme Color */
    color: #ffffff;
    font-family: 'Inter', sans-serif;
}

.footer-main {
    padding-top: 80px;
    padding-bottom: 60px;
}

.footer-grid {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 1.2fr; /* Col 1 is wider for text/map */
    gap: 40px;
}

/* 2. Column Styles */
.footer-heading {
    font-family: 'Poppins', sans-serif;
    font-size: 1.2rem;
    color: #eebb5d; /* Gold Accent */
    margin-bottom: 25px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Brand & Text */
.footer-logo-link { text-decoration: none; }
.footer-about {
    font-size: 0.95rem;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.8);
    margin: 20px 0;
}
.footer-about strong { color: #ffffff; }

/* Integrated Map */
.footer-map-integrated {
    border: 3px solid rgba(255,255,255,0.1);
    border-radius: 8px;
    overflow: hidden;
    height: 180px;
}

/* Links List */
.footer-links, .footer-contact {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-links li { margin-bottom: 12px; }

.footer-links a {
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    transition: all 0.3s ease;
    font-size: 0.95rem;
}

.footer-links a:hover {
    color: #eebb5d;
    padding-left: 5px;
}

/* Contact List */
.footer-contact li {
    display: flex;
    gap: 12px;
    margin-bottom: 18px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.95rem;
}
.footer-contact a { color: #ffffff; text-decoration: none; }
.footer-contact .icon { color: #eebb5d; }

/* Social Icons */
.footer-socials {
    display: flex;
    gap: 15px;
    margin-top: 25px;
}

.social-link {
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #ffffff;
    transition: 0.3s;
}

.social-link:hover {
    background: #eebb5d;
    color: #215a5d;
    transform: translateY(-3px);
}

/* 3. Bottom Bar & Developer Credit */
.footer-bottom-bar {
    background-color: rgba(0, 0, 0, 0.2); /* Slightly darker shade */
    padding: 20px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1); /* Light horizontal line */
}

.bottom-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.6);
}

.developer a {
    color: #eebb5d;
    text-decoration: none;
    font-weight: 700;
}
.developer a:hover { text-decoration: underline; }

/* =========================================
   4. FLOATING BUTTONS (Pulsing Glow)
   ========================================= */
.float-btn {
    position: fixed;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    color: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    z-index: 9999;
    box-shadow: 0 4px 10px rgba(0,0,0,0.3);
    /* Pulse Animation */
    animation: pulse-glow 2s infinite;
}

/* WhatsApp (Left Bottom or Right Bottom? Usually Right) */
.float-whatsapp {
    bottom: 30px;
    right: 30px;
    background-color: #25d366;
}

/* Phone (Left Bottom - Mobile Only) */
.float-phone {
    bottom: 30px;
    left: 30px;
    background-color: #eebb5d; /* Gold */
    display: none; /* Hidden on Desktop */
}

@keyframes pulse-glow {
    0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4); }
    70% { box-shadow: 0 0 0 15px rgba(255, 255, 255, 0); }
    100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); }
}

/* =========================================
   5. RESPONSIVE MEDIA QUERIES
   ========================================= */
@media (max-width: 992px) {
    .footer-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }
}

@media (max-width: 768px) {
    .footer-grid {
        grid-template-columns: 1fr;
    }
    
    .footer-map-integrated { height: 250px; }
    
    .bottom-flex {
        flex-direction: column;
        gap: 10px;
        text-align: center;
    }

    /* Show Phone Button on Mobile */
    .float-phone {
        display: flex;
    }
    
    /* Adjust WhatsApp position slightly to balance */
    .float-whatsapp {
        right: 20px;
        bottom: 20px;
    }
    .float-phone {
        left: 20px;
        bottom: 20px;
    }
}

/* =========================================
   FOOTER PREMIUM SEPARATOR & LOGO FIX
   ========================================= */

/* 1. The Container */
.site-footer {
    background-color: #215a5d; /* Brand Teal */
    color: #ffffff;
    font-family: 'Inter', sans-serif;
    position: relative; /* Required for the separator line */
    
    /* Optional: Deep Shadow to lift content above it */
    box-shadow: 0 -10px 30px rgba(0,0,0,0.15); 
}

/* 2. THE GOLDEN SEPARATOR LINE */
/* This prevents the footer from merging with the CTA above it */
.site-footer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 6px; /* Thickness of the line */
    
    /* The Magic: A Gradient from Teal to Gold and back */
    background: linear-gradient(
        90deg, 
        #215a5d 0%, 
        #eebb5d 50%, 
        #215a5d 100%
    );
    
    z-index: 10;
}

/* 3. LOGO SIZING (Crucial since you switched to Image) */
.footer-logo {
    max-width: 180px; /* Prevents it from being huge */
    height: auto;
    display: block;
    margin-bottom: 20px;
    
    /* Optional: Brightness filter if your logo is dark */
    /* filter: brightness(0) invert(1); */ 
}

/* 4. Social Icons Fix (Ensures alignment) */
.footer-socials {
    display: flex;
    gap: 15px;
    margin-top: 25px;
    align-items: center;
}

.social-link svg {
    display: block; /* Removes weird gaps inside the circle */
}

/* 5. Mobile Adjustment for the Line */
@media (max-width: 768px) {
    .site-footer::before {
        height: 4px; /* Slightly thinner on mobile */
    }
}

/* FORCE FOOTER CONTAINMENT */
.site-footer .container {
    max-width: 1240px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 24px !important; /* Safety Gap Left */
    padding-right: 24px !important; /* Safety Gap Right */
    box-sizing: border-box;
}

/* Ensure the grid doesn't overflow */
.footer-grid {
    width: 100%;
    max-width: 100%;
}
/* ============================================
   SINGLE POST SIDEBAR — MATCH ARCHIVE DESIGN
   ============================================ */

/* Sidebar widget card */
.single-post .widget {
    background: #fff;
    padding: 25px 30px;
    border-radius: 8px;
    border: 1px solid #eee;
    margin-bottom: 30px;
}

/* Title + top decorative line */
.single-post .widget-title,
.single-post .widgettitle {
    font-size: 1.2rem;
    font-weight: 700;
    color: #215a5d;
    margin-bottom: 10px;
    position: relative;
}

.single-post .widget-title::before,
.single-post .widgettitle::before {
    content: "";
    display: block;
    width: 40px;
    height: 3px;
    background: #215a5d;
    margin-bottom: 12px;
}

/* List items */
.single-post .widget ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.single-post .widget ul li {
    padding: 12px 0;
    border-bottom: 1px solid #eee;
}

.single-post .widget ul li:last-child {
    border-bottom: none;
}

.single-post .widget ul li a {
    color: #333;
    font-weight: 600;
    text-decoration: none;
    transition: 0.25s;
}

.single-post .widget ul li a:hover {
    color: #215a5d;
}