/*
Theme Name: ZTI Technology Theme
Theme URI: https://ztitech.com
Author: Your Name
Author URI: https://yourwebsite.com
Description: A custom theme for ZTI Technology, an IT consulting and support company in NYC.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: custom-background, one-column, accessibility-ready
Text Domain: ztitheme
*/

body {
    font-family: 'Inter', sans-serif;
}
.hero-bg {
    background-image: linear-gradient(rgba(0, 20, 40, 0.8), rgba(0, 20, 40, 0.8)), url('https://ztitech.com/wp-content/uploads/2025/10/Hero-Image.png');
    background-size: cover;
    background-position: center;
}
/* Chatbot-specific styles */
#chat-window {
    transition: opacity 0.3s ease-out, transform 0.3s ease-out;
}
.bot-typing p {
    animation: typing-dots 1s infinite;
}
@keyframes typing-dots {
    0%, 20% { content: '.'; }
    40% { content: '..'; }
    60%, 100% { content: '...'; }
}
/* Custom Logo Size */
.custom-logo {
    max-height: 50px; /* Adjust this value as needed */
    width: auto;
}
/* Service Item Hover Effect */
#services .grid > div {
    transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

#services .grid > div:hover {
    background-color: #f3f4f6; /* This is equivalent to Tailwind's gray-100 */
}