/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
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
*/
input{border-radius: 0 !important; outline: none !important; font-family: "inter" !important;}
span[data-name="text-name"]{display: inline-block; width: 100%; margin-top: 5px;}
span[data-name="phonetext-986"]{display: inline-block; width: 25%; margin-top: 5px;}
span[data-name="tel-phone"]{display: inline-block; width: 75%; margin-top: 5px;}
.submit{display: inline-block; width: 100%; margin-top: 5px; font-family: "Syne" !important; text-transform: uppercase; font-size: 22px; padding: 3px; font-weight: bold; background: #ff0000; color: #fff; border: #071724; outline: 0;}
.submit:hover{background: #88959d; color: #071724;}
.submit:focus{background: #88959d; color: #071724;}
.submit-2{display: inline-block; width: 100%; margin-top: 5px; font-family: "Syne" !important; text-transform: uppercase; font-size: 22px; padding: 3px; font-weight: bold; background: #ff0000; color: #fff; border: #071724; outline: 0;}
.submit-2:hover{background: #88959d; color: #071724;}
.submit-2:focus{background: #88959d; color: #071724;}
.wpcf7-spinner{position: absolute; right: 0; margin-top: 14px;}
.wpcf7 form.sent .wpcf7-response-output {border-color: green; color: #fff; text-align: center; background: green; margin-top: 10px !important;}
form p{margin: 0 !important;}
.phone-area p{margin: 0 !important;}
.phone-area-2 p{margin: 0 !important;}
.success{color: red;}

/* Define keyframes for blinking effect */
@keyframes blink {
  0%, 50%, 100% {
    color: #071724; /* Blinking text color (red) */
    background-color: #ffffff; /* Background color (white) */
  }
  25%, 75% {
    color: #ffffff; /* Text color during blink (gray) */
    background-color: #ff0000; /* Blinking background color (red) */
  }
}
/* Apply blinking animation to the submit button */
.submit, .submit-2 {
  animation: blink 3s infinite; /* 2s duration, infinite iterations */
  border: 1px solid #88959d; /* Optional: add a border for better visibility */
}

@media screen and (max-width:480px) {
span[data-name="phonetext-986"]{width: 30%;}
span[data-name="tel-phone"]{width: 70%;}
}