/* 
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 Elementor team
Author: Elementor Team
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 */
input#form-field-name:focus {
    background: #E1E4FA7D !important;
}

input#form-field-email:focus {
    background: #E1E4FA7D !important;
}

input#form-field-field_8b8f9e7:focus {
    background: #E1E4FA7D !important;
}

input#form-field-field_256ad4b:focus {
    background: #E1E4FA7D !important;
}

textarea#form-field-message:focus {
    background: #E1E4FA7D !important;
}

/*alterações*/
/* Wrapper do select para garantir o espaço para a seta */
.elementor-field.elementor-select-wrapper {
    position: relative;
    display: inline-block;
    width: 100%; /* Ajuste conforme necessário */
}

/* Seta dentro do select */
.select-caret-down-wrapper {
    position: absolute;
    top: 50%;
    right: 10px; /* Ajuste conforme necessário */
    transform: translateY(-50%);
    pointer-events: none; /* Evita que o ícone interfira na interação com o select */
}

/* Estilos para o SVG da seta */
.e-font-icon-svg {
    width: 16px; /* Ajuste conforme necessário */
    height: 16px; /* Ajuste conforme necessário */
    fill: #000; /* Ajuste a cor conforme necessário */
}

/* Adiciona espaço interno ao select para acomodar a seta */
.elementor-field.elementor-select-wrapper select {
    padding-right: 30px; /* Ajuste para dar espaço suficiente para o ícone */
    box-sizing: border-box; /* Garante que o padding não afete o tamanho total */
}


/*tabls*/
@media (min-width: 320px) and (max-width: 768px) { 
#container-tabs .elementor-widget-n-tabs .e-n-tabs-heading {
    display: flex !important;
    flex-direction: row !important;
    flex-shrink: unset !important;
    gap: 10px !important;
    position: relative !important;
    flex-basis: auto !important;
    justify-content: center !important;
    align-items: center !important;
 }

#container-tabs .elementor-widget-n-tabs .e-n-tabs-heading button {
    margin: 0 !important;
}