/*
Theme Name: GB Abogados
Theme URI: 
Author: WordPress Developer
Author URI: 
Description: A Tailwind CSS theme for GB Abogados website.
Requires at least: 5.9
Tested up to: 6.8
Requires PHP: 7.0
Version: 1.0.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gb-abogados
Tags: custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, theme-options, tailwindcss
*/

/* 
This file only contains theme information.
All styles are now managed by Tailwind CSS.
The compiled Tailwind CSS file is located at /dist/tailwind.css
*/

html {
    scroll-behavior: smooth;
}


iframe {
    width: 100% !important;
    height: 400px !important;
    border: none;
}

.wpcf7-form br {
    display: none !important;
}

.wpcf7-form input,
.wpcf7-form textarea {
    background-color: var(--color-iroko-50);
    margin-bottom: 1rem;
    padding: .75rem;
    border-radius: .75rem;
    width: 100%;
}

.wpcf7-form .wpcf7-submit {
    background-color: var(--color-iroko-900);
    color: #FFF;
    border-radius: 20px;
    font-size: 1.4rem;
    padding: .5rem 1.2rem;
    font-weight: 500;
}

/* Animation classes */
.animate-on-scroll {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.animate-on-scroll.animate {
    opacity: 1;
    transform: translateY(0);
}

.animate-fade-in {
    opacity: 0;
    transition: opacity 0.8s ease-out;
}

.animate-fade-in.animate {
    opacity: 1;
}

.animate-slide-left {
    opacity: 0;
    transform: translateX(-30px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.animate-slide-left.animate {
    opacity: 1;
    transform: translateX(0);
}

.animate-slide-right {
    opacity: 0;
    transform: translateX(30px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.animate-slide-right.animate {
    opacity: 1;
    transform: translateX(0);
}

.animate-scale {
    opacity: 0;
    transform: scale(0.9);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.animate-scale.animate {
    opacity: 1;
    transform: scale(1);
}

/* Animation delays */
.delay-100 {
    transition-delay: 0.1s;
}

.delay-200 {
    transition-delay: 0.2s;
}

.delay-300 {
    transition-delay: 0.3s;
}

.delay-400 {
    transition-delay: 0.4s;
}

.delay-500 {
    transition-delay: 0.5s;
}