/*
Theme Name: Formularios Teatro Real
Theme URI: 
Author: Teatro Real
Author URI: 
Description: 
Requires at least: 6.0
Tested up to: 6.5.3
Requires PHP: 5.7
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfour
Text Domain: formularios-teatro-real
Tags: 
*/



/*-----------------------------------------------------------------*/
/*  VARIABLES
/*-----------------------------------------------------------------*/

:root {

    /* Colores Tema */  
    --base: #414B61;
    --link:#0066FF;
    --link-hover: #67E0E5;
    --fondo-1: #828282;
    --fondo-2: #b9b9b9;
    --fondo-3:#F2F4FF;
    --linea: #B5B9C1;
    --blanco: #fff;
    --negro: #000;


}

/*-----------------------------------------------------------------*/
/*  HEADER
/*-----------------------------------------------------------------*/

/* Logo Desktop */
.logo-fixed.wp-block-site-logo { position: fixed; top: 0;}

/* Logo Mobile (ocultamos) */
.logo-tr-mobile {display: none;}

/*-----------------------------------------------------------------*/
/*  FORMIDABLE FORM
/*-----------------------------------------------------------------*/

/* TAMAÑO FORMU */
.frm_forms.frm_style_estilos-formidable.with_frm_style { max-width: 650px !important; margin: auto; }

/* TITULO */
.frm_form_title {text-align: center !important;}

/* BLOQUE HTML */
.frm_form_field.frm_html_container h3 { font-weight: 700; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #000000; }
.frm_form_field.frm_html_container { font-size: 16px !important; }

/* REPEATER */
.frm_repeat_sec { background-color: #f9f9f9 !important; border: 1px solid #ddd !important; padding: 20px !important; }

    /* Botones iconos repeater */
    .frm_repeat_buttons {display: flex; align-items: center; justify-content: flex-end; gap: 20px;}
    .frm_repeat_buttons.frm_hidden {display: none;}
    .frm_repeat_buttons > a > svg {width: 40px !important; height: 40px !important;}
    .frm_repeat_buttons > a:hover > svg {fill: black !important; opacity: 0.5;}


/* INPUTS */
.with_frm_style .frm_radio input[type=radio]:before, .with_frm_style .frm_scale input[type=radio]:before, .with_frm_style .frm_checkbox input[type=checkbox]:before { box-shadow: inset 10px 10px #c8102e !important;}    
.frm_style_estilos-formidable.with_frm_style .form-field input[type=text]:focus,
.frm_style_estilos-formidable.with_frm_style .form-field input[type=email]:focus,
.frm_style_estilos-formidable.with_frm_style .form-field input[type=tel]:focus,
.frm_style_estilos-formidable.with_frm_style .form-field textarea:focus, 
.frm_style_estilos-formidable.with_frm_style select:focus {box-shadow: none !important;}

.frm_style_estilos-formidable.with_frm_style .form-field input[type=checkbox]:focus,
.frm_style_estilos-formidable.with_frm_style .form-field input[type=radio]:focus {border-color: #c8102e !important; border-width: 1px !important; color: #c8102e !important; box-shadow: none !important;}

/* CASILLAS VERIFICACION INLINE */
.casilla-inline-label { /* grid-template-columns: 20px auto !important; align-items: center !important; */ }
.casilla-inline-label label { font-size: 15px !important; font-weight: 500 !important; }
.casilla-inline-label label span {color: #c8102e; font-weight: 700;}



/*-----------------------------------------------------------------*/
/*  RESPONSIVE
/*-----------------------------------------------------------------*/

@media (max-width: 767px) { 

    /* Logo Desktop (ocultamos) */
    .logo-fixed.wp-block-site-logo { display: none; }
    /* Logo Mobile (mostramos) */
    .logo-tr-mobile {display: block;}


}