/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/
Description: Child theme for Hello Elementor adhering strictly to client guidelines: White primary background, Yellow & Red highlight colors, classic linear & clean typography, avoiding ornate decorative frills.
Author: Elementor Team / NUNDÌA
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
*/

:root {
    /* -------------------------------------------------------------
       Client Global System Variables
       - Primary Background: White
       - Highlight Colors: Yellow & Red
       - Font: Classic, Linear & Clean
       - Avoid: Old-fashioned, Ornate, Decorative, Frills
       ------------------------------------------------------------- */
    --color-primary-bg: #FFFFFF;
    --color-highlight-yellow: #F5A623;
    --color-highlight-yellow-hover: #E09415;
    --color-highlight-red: #CD3D21;
    --color-highlight-red-hover: #B52B11;
    --color-text-primary: #181413;
    --color-text-secondary: #555555;
    --color-border-linear: #EAEAEA;
    --color-card-bg: #FFFFFF;
}

#img-hov .elementor-widget-image img,
.img-hov .elementor-widget-image img {
    transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1) !important;
    will-change: transform;
    transform: scale(1) translateZ(0);
    backface-visibility: hidden;
}

#img-hov:hover .elementor-widget-image img,
.img-hov:hover .elementor-widget-image img {
    transform: scale(1.04) translateZ(0) !important;
}

/* H2 color */
#img-hov .elementor-heading-title,
#img-hov .elementor-heading-title a,
.img-hov .elementor-heading-title,
.img-hov .elementor-heading-title a {
    transition: color 0.4s ease !important;
}

#img-hov:hover .elementor-heading-title,
#img-hov:hover .elementor-heading-title a,
.img-hov:hover .elementor-heading-title,
.img-hov:hover .elementor-heading-title a {
    color: #7E1B1B !important;
}

/* Button */
#img-hov .elementor-button,
.img-hov .elementor-button {
    transition: color 0.4s ease, background-color 0.4s ease, border-color 0.4s ease !important;
}

#img-hov .elementor-button .elementor-button-text,
.img-hov .elementor-button .elementor-button-text {
    transition: color 0.4s ease !important;
}

#img-hov .elementor-button .elementor-button-icon svg,
.img-hov .elementor-button .elementor-button-icon svg {
    transition: fill 0.4s ease !important;
}

#img-hov:hover .elementor-button,
.img-hov:hover .elementor-button {
    color: #fff !important;
    background-color: #7E1B1B !important;
    border-color: #7E1B1B !important;
}

#img-hov:hover .elementor-button .elementor-button-text,
.img-hov:hover .elementor-button .elementor-button-text {
    color: #fff !important;
}

#img-hov:hover .elementor-button .elementor-button-icon svg,
.img-hov:hover .elementor-button .elementor-button-icon svg {
    fill: #fff !important;
}