/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Shrujal Patel
Author: Shrujal Patel
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */


/***********************************
 * Elementor Text Editor Styling
 ***********************************/

/* Remove bottom margin from the last paragraph */
.elementor-widget-text-editor p:last-child {
    margin-bottom: 0px;
}

/* Center-align all headings inside Elementor text editor */
.elementor-widget-text-editor h1,
.elementor-widget-text-editor h2,
.elementor-widget-text-editor h3,
.elementor-widget-text-editor h4,
.elementor-widget-text-editor h5,
.elementor-widget-text-editor h6 {
    text-align: center;
}


/***********************************
 * Elementor Container Styling
 ***********************************/

/* Boxed container padding */
.e-con-boxed {
    padding-inline-start: 15px;
    padding-inline-end: 15px;
}


/***********************************
 * Elementor Scroll Margin Fix
 ***********************************/

/* Default scroll margin for anchor links */
[data-elementor-type="wp-page"] > .elementor-element[id] {
    scroll-margin-top: 80px;
}

/* Adjusted scroll margin for larger screens */
@media only screen and (min-width: 768px) {
    [data-elementor-type="wp-page"] > .elementor-element[id] {
        scroll-margin-top: 90px;
    }
}


/***********************************
 * Animation Effects
 ***********************************/

/* Blinking effect */
.blinking {
    animation: blink 1.3s infinite;
}

/* Keyframes for blink animation */
@keyframes blink {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.7; transform: scale(1.1); }
}


/***********************************
 * Elementor Form Submission Messages
 ***********************************/

/* Error message styling */
.elementor-message.elementor-message-danger {
    background-color: #f8d7da;
    color: #721c24;
    padding: 5px;
}

/* Success message styling */
.elementor-message.elementor-message-success {
    background-color: #d4edda;
    color: #155724;
    padding: 5px;
}


/***********************************
 * Link Styling
 ***********************************/

/* Default link color (excluding WP buttons) */
a:where(:not(.wp-element-button)) {
    color: #007bff;
}

/* Hover state for links */
a:where(:not(.wp-element-button)):hover {
    color: #0056B3;
}