/* 
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
*/

/* Quita el borde azul del toggle button del menú */
* {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important; 
    -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important; 
    outline: none !important;
} 

/* ----------- Cabecera transparente de la HOME ------------------ */

body #cabecera { background-color: transparent!important; }

body #cabecera { box-shadow:none!important; }

body #cabecera .elementor-menu-toggle {
										color:white;
										background-color: transparent!important;
									  }
/*Color backup #80939D*/


body #logo-cabecera img {
	
						 -webkit-filter: brightness(0) invert(1);
						filter: brightness(0) invert(1);
	
						}

body #social svg {

				-webkit-filter: brightness(0) invert(1);
				filter: brightness(0) invert(1);
					 
				}

body #menu-2-32b033f a { color:#FFF; }


/*------------- Fin cabecera transparente de la HOME ------------*/

/* ------------- Cabecera blanca scroll HOME ------------------ */

body #cabecera.elementor-sticky--effects {
	background-color: #000!important;
	
}



body #cabecera.elementor-sticky--effects .elementor-menu-toggle {
	/*color: #1DAA6C;*/
	color:#3F515A;
	background-color: #000!important;
}



body #cabecera.elementor-sticky--effects #logo-cabecera img{
	
	-webkit-filter: unset;
  	filter: unset;
	
}


body #cabecera.elementor-sticky--effects .elementor-search-form--skin-full_screen .elementor-search-form__toggle {
	display: inline-block;
	cursor: pointer;
	vertical-align: middle;
	color: var(--e-search-form-toggle-color,#FFF;);
	font-size: var(--e-search-form-toggle-size,33px);
}


/* ---------------- Fin cabecera blanca scroll HOME ---------------- */

@media screen and (max-width: 600px) {
	.number {
		font-size: 34px;
	}
}