/*
Theme Name: Fonestar
Description: Fonestar uses Avada as a Child Theme
Author: ITEISA
Author URI: https://iteisa.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/*
 * ÍNDICE
 * 1.- Mix de CSS
 * 2.- Header
 * 3.- Footer
 * 4.- Page Title Bar
 * 5.- Inicio
 * 6.- Quienes somos
 * 7.- Espacios
 * 8.- Soluciones
 * 9.- Casos de éxito
 * 10.- Formularios de contacto
 * 11.- Mailchimp Form


/*** Ini: Mix de estilos usados en varias partes ***/
#content .fusion-builder-row {z-index:1;} 

.grecaptcha-badge {display:none}

.avada-has-rev-slider-styles .avada-skin-rev {
  border-bottom: 0px!important;
}

.single-espacio .post {margin-bottom: 0px;}

.fusion-fullwidth {z-index: 1;}

.svg-img {width: 110px;}

.link-red2gray {color:#db052c}
.link-red2gray:hover {color:#5a5b63}

.link-lightgray2red {color:#94969d}
.link-lightgray2red:hover {color:#db052c!important}

.link-white2red {color:#fff;}
.link-white2red:hover {color:#db052c!important}
.dflex {display:flex;padding-bottom:10px;}
.linea-categoria-producto {display:inline-block;height:3px;padding-top:0px;padding-left:15px;margin-top:9px;}
.cuadrado-categoria-producto {height: 15px;padding-top: 0px;padding-left: 15px;margin-top: 3px;}

::selection { 
    background: #5a5b63; /*Color gris oscuro para el fondo*/
    color: #fff;  /*Color blanco para el texto seleccionado*/
}

/* Mensaje que sale cuando la API se cae */
.no-data-found-from-api {
	display:flex;
	justify-content: center; 
	align-items:center; 
	padding: 20px;
	color:#db052c;
}

/* Adecuación toggle */
.fusion-toggle-icon-wrapper {order:2;}
.fusion-toggle-heading {width:99%;margin-left:0px!important;}
.fusion-toggle-heading {font-weight:600;}

/* - Necesitas ayuda de familias, subfamilias, productos etc. */
.need-help {font-size:2.2rem;font-weight:bold;color:#5a5c63;margin-bottom: 0px;margin-top: 0px;}
.need-help::before {
  content: '';
  position: static;
  display: inline-block;
  vertical-align: middle;
  width: 25px !important;
  height: 7px !important;
  background-color: #db052c;
  margin: 10px 10px 10px 0;
  opacity: 1;
}

#carousel-btn:hover {background-color: black;}

/*** Fin: Mix de estilos usados en varias partes ***/

/*** Ini: Header ***/

#mybreadcrumb {font-size: 14px;}

/* Opción: Área Cliente */
#menu-menu-top-esp #menu-item-361 {background: #94969d;padding-right:10px}
#menu-menu-top-esp #menu-item-361 a {color: #fff!important;}
#menu-menu-top-esp #menu-item-361 i {color: #fff;}
#menu-menu-top-esp #menu-item-361:hover {background: #d5072d;}

#menu-menu-top-en #menu-item-20655 {background: #94969d;padding-right:10px}
#menu-menu-top-en #menu-item-20655 a {color: #fff!important;}
#menu-menu-top-en #menu-item-20655 i {color: #fff;}
#menu-menu-top-en #menu-item-20655:hover {background: #d5072d;}

#menu-menu-top-fr #menu-item-1014 {background: #94969d;padding-right:10px}
#menu-menu-top-fr #menu-item-1014 a {color: #fff!important;}
#menu-menu-top-fr #menu-item-1014 i {color: #fff;}
#menu-menu-top-fr #menu-item-1014:hover {background: #d5072d;}

#menu-menu-top-pt #menu-item-1629 {background: #94969d;padding-right:10px}
#menu-menu-top-pt #menu-item-1629 a {color: #fff!important;}
#menu-menu-top-pt #menu-item-1629 i {color: #fff;}
#menu-menu-top-pt #menu-item-1629:hover {background: #d5072d;}

/* Menú - Botón de contacto - Igualar altura con el resto del menú */
#menu-menu-principal-esp #menu-item-1604 a {margin-top:-10px;}
#menu-menu-principal-esp-ingles #menu-item-20782 a {margin-top:-10px;}
#menu-menu-principal-fr #menu-item-1620 a {margin-top:-10px;}
#menu-menu-principal-pt #menu-item-1621 a {margin-top:-10px;}

/** Responsive **/
/* Ocultamos en vista de "ordenador" opciones del menú */
@media screen and (min-width:1024px) {
	#menu-menu-principal-esp #menu-item-899 {display:none;} /*Academy*/
	#menu-menu-principal-esp #menu-item-900 {display:none;} /*Sala de prensa*/
    #menu-menu-principal-esp #menu-item-901 {display:none;} /*Área de cliente*/
	#menu-item-wpml-ls-20-es {display:none;} /*Selector de idioma*/
	
	#menu-menu-principal-esp-ingles #menu-item-20596 {display:none;} /*Academy*/
	#menu-menu-principal-esp-ingles #menu-item-20597 {display:none;} /*Sala de prensa*/
	#menu-menu-principal-esp-ingles #menu-item-20598 {display:none;} /*Área de cliente*/
	#menu-item-wpml-ls-20-en {display:none;} /*Selector de idioma*/
	
	#menu-menu-principal-fr #menu-item-1024 {display:none;} /*Academy*/
	#menu-menu-principal-fr #menu-item-1025 {display:none;} /*Sala de prensa*/
	#menu-menu-principal-fr #menu-item-1026 {display:none;} /*Área de cliente*/
	#menu-item-wpml-ls-20-fr {display:none;} /*Selector de idioma*/
	
	#menu-menu-principal-pt #menu-item-20610 {display:none;} /*Academy*/
	#menu-menu-principal-pt #menu-item-20611 {display:none;} /*Sala de prensa*/
	#menu-menu-principal-pt #menu-item-20612 {display:none;} /*Área de cliente*/
	#menu-item-wpml-ls-20-pt {display:none;} /*Selector de idioma*/
}

@media screen and (max-width:1023px) {
	#header-contenedor-menu-secundario {display:flex;flex-direction:column;text-align:center;}
	#header-contenedor-menu-secundario #columna-menu-secundario .fusion-menu {justify-content:center;}
	#menu-menu-top-esp {display:none;} /*Ocultamos el menú superior*/
	#menu-menu-top-en {display:none;} /*Ocultamos el menú superior*/
	#menu-menu-top-fr {display:none;} /*Ocultamos el menú superior*/
	#menu-menu-top-pt {display:none;} /*Ocultamos el menú superior*/
}

/** Preparamos el menú móvil **/
@media screen and (max-width:1224px) {
	#contenedor-logo-menu-principal {padding-bottom:10px;} /*Dar padding inferior al menú hamburguesa*/
	#menu-menu-principal-esp #menu-item-1604 a {margin-top:0px;} /*Pequeño arreglo del botón de "Contacto*/
	#menu-menu-principal-esp-ingles #menu-item-20782 a {margin-top:0px;}/*Pequeño arreglo del botón de "Contacto*/
	#menu-menu-principal-fr #menu-item-1620 a {margin-top:0px;}/*Pequeño arreglo del botón de "Contacto*/
	#menu-menu-principal-pt #menu-item-1621 a {margin-top:0px;}/*Pequeño arreglo del botón de "Contacto*/
	#header-columna-logotipo .fusion-column-wrapper {margin-top:-10px!important;}
}

/* Ajuste de altura del logotipo para "ordenadores",esta resolución sale de las opciones del tema de Avada */
@media screen and (min-width:1225px) {
	.header-columna-logotipo .fusion-column-wrapper {margin-top:-10px!important;}
}

/* Mostrar solo dos letras en el menú desplegable del idioma --> ES en vez de Español, FR en vez de Francés, etc*/

.menu-item-type-wpml_ls_menu_item .menu-text > span {
/*.fusion-dropdown-menu .wpml-ls-link .menu-text { */
	font-family: monospace;
 	width: 2ch;
	text-transform:uppercase;
  	overflow: hidden;
  	white-space: nowrap;
	display: inline-grid;
}

/* Quitar del submenú de categorías el padding */
.awb-menu .fusion-megamenu-wrapper .fusion-megamenu-widgets-container {
    padding: 0px!important;
}

/* Submenu - Categorias - Ajustes de padding y margin */
.fusion-megamenu-holder > ul > li {padding-top:0px!important;padding-bottom:0px!important;}
.fusion-megamenu-holder .second-level-widget {margin-bottom:0px!important;}

#subfamilias > .family:nth-child(odd) {border-bottom:1px solid #e9e8ec;}
#subfamilias > .family:nth-child(even) {border-bottom:1px solid #e9e8ec; border-left:1px solid #e9e8ec; padding-left:20px;}

#subfamilias > .family:last-child:nth-child(odd) {border-bottom: none;}
#subfamilias > .family:last-child:nth-child(even) {border-bottom: none ;padding-left:20px;}

#subfamilias > .family:nth-last-child(2):nth-child(odd) {border-bottom: none;}
#subfamilias > .family:nth-last-child(2):nth-child(even) {border-bottom:1px solid #e9e8ec; ;padding-left:20px;}

/* Migas de pan */
#mybreadcrumb a {color: #94969d;}
#mybreadcrumb a:hover {color: #db052c;}
/*** Fin: Header ***/

/*** Ini: Footer ***/
#footer-conjunto-enlaces p {line-height:28px;}
#footer-social-sharing .fusion-social-network-icon {border:1px solid #93959d!important;}

@media screen and (max-width:1023px) {
	.fusion-social-links-1 {text-align: left!important;margin-top: -10px;}
}

/*** Fin: Footer ***/

/*** Ini: Page Title Bar ***/
/* Se localiza en el middleware */
/*** Fin: Page Title Bar ***/


/*** Ini: Portada ***/
.portada-casos-de-exito .fusion-carousel-title {padding: 0px 20px 0px 20px;font-size:1.3rem}
.portada-casos-de-exito .fusion-carousel-meta {padding: 0px 20px 20px 20px;}

.portada-somos-fonestar-custom-list ul {list-style:none;}
.portada-somos-fonestar-custom-list li {padding-bottom:10px;}
.portada-somos-fonestar-custom-list a::before {content: '';position: static;display: inline-block;vertical-align: middle;width: 15px;height: 3px;background-color:#94969d;transition: width .5s;margin: 10px 16px 10px 0;
	opacity: 1;}

.portada-somos-fonestar-custom-list a:hover::before {width: 30px!important; animation:none;background-color: #db052c;}

.portada-txt-casos-de-exito h2::before{content: '';position: static;display: inline-block;vertical-align: middle;width: 25px!important;height: 7px!important;background-color: #db052c;margin: 10px 10px 10px 0;opacity: 1;}

.portada-sistemas-megafonia-detalle-informacion {background:#e2e1e7;padding:20px 20px 0px 20px;}
.portada-sistemas-megafonia-detalle-informacion .subtitulo {color:#5a5c63;font-size:1.375rem;font-weight:600;min-height: 115px;}
.portada-cta-disena-tu-proyecto {z-index:10001!important;}

.portada-casos-de-exito {margin-bottom:0px!important;}

.animacion-flecha p:hover i {
	position: relative;
	color: #db052c;
	animation: flechita 800ms ease;
    animation-iteration-count: infinite;
}

@keyframes flechita {
	0% { left: 0px; }
 	50% { left: 15px; }
  	100% { left: 0px; }
}

@media screen and (min-width:1023px) and (max-width:1055px) {
	.portada-sistemas-megafonia-detalle-informacion {height:220px;}
}

@media screen and (min-width:1056px) and (max-width:1097px) {
	.portada-sistemas-megafonia-detalle-informacion {height:190px;}
}

@media screen and (min-width:1098px) and (max-width:1467px) {
	.portada-sistemas-megafonia-detalle-informacion {height:165px;}
}

@media screen and (min-width:1468px) and (max-width:1837px) {
	.portada-sistemas-megafonia-detalle-informacion {height:150px;}
}

@media screen and (min-width:1838px) and (max-width:1934px) {
	.portada-sistemas-megafonia-detalle-informacion {height:130px;}
}

@media screen and (min-width:1935px) and (max-width:2403px) {
	.portada-sistemas-megafonia-detalle-informacion {height:118px;}
}


/* Responsive general: 2 Banners */
@media screen and (max-width:550px) {
	#banner-soluciones #txt-soluciones p {font-size:2.6rem;}
	#banner-distribuidores #txt-distribuidores p {font-size:2.6rem;}
}

@media screen and (max-width:480px) {
	#banner-soluciones #txt-soluciones p {font-size:2.0rem;}
	#banner-soluciones #entradilla-soluciones p {font-size:0.75rem;letter-spacing:4px;}
	
	#banner-distribuidores #txt-distribuidores p {font-size:2.0rem;}
	#banner-distribuidores #entradilla-distribuidores p {font-size:0.75rem;letter-spacing:4px;}
}

@media screen and (min-width:1023px) and (max-width:1280px) {
	#portada-contenedor-bg-somos-fonestar { background-size: auto 500px !important;}
}

@media screen and (max-width:1024px) {
	#portada-contenedor-bg-somos-fonestar { background-image: none !important;}
}

@media screen and (min-width:1800px) {
	#portada-contenedor-bg-somos-fonestar { background-size: auto 500px !important;}
}

/*** Fin: Portada ***/

/*** Ini: Somos Fonestar ***/
.somos-fonestar-custom-list ul {list-style:none;}
.somos-fonestar-custom-list li {padding-bottom:10px;}
.somos-fonestar-custom-list li::before {content: '';position: static;display: inline-block;vertical-align: middle;width: 15px;height: 3px;background-color: #94969d;transition: width .5s;margin: 10px 16px 10px 0;	opacity: 1;}

.txt-sobre-nosotros-bullet-list-descripcion {margin-left:30px;}
.txt-sobre-nosotros-bullet-list p::before{content: '';position: static;display: inline-block;vertical-align: middle;width: 15px!important;height: 15px!important;background-color: #db052c;margin: 6px 13px 10px 0;opacity: 1;	border-radius: 20px;
}


.somosfonestar-entrada-circulo-rojo {
    position: absolute;
    display: inline;
    top: 30%;
    left: -35%;
    background-color: #db052c;
    width: 55px;
    height: 55px;
    border-radius: 50%;
}

.somosfonestar-entrada-circulo-gris {
    position: absolute;
    display: inline;
    top: 50%;
    left: -25%;
    background-color: #93959d;
    width: 24px;
    height: 24px;
    border-radius: 50%;
}

.somosfonestar-75-sonando-circulo-rojo {
    position: absolute;
    display: inline;
    top: -140px;
    right: 45%;
    background-color: #db052c;
    width: 105px;
    height: 105px;
    border-radius: 50%;   
}

.somosfonestar-75-sonando-circulo-gris {
    position: absolute;
    display: inline;
    top:-10px;
    right: 63%;
    background-color: #93959d;
    width: 25px;
    height: 25px;
    border-radius: 50%;   
}

.somosfonestar-75-sonando-barra-gris-oscuro {
    position: absolute;
    display: inline;
    top: 20px;
    left: 60%;  
    background-color: #93959d;
    width: 130px;
    height: 25px;
}

.somosfonestar-75-sonando-barra-gris-claro {
    position: absolute;
    display: inline;
    top: 100px;
    left: 90%;  
    background-color: #c9c9cd;
    width: 50px;
    height: 25px;
}

.somosfonestar-75-sonando-barra-roja {
    position: absolute;
    display: inline;
    top: 190px;
    left: 51%;  
    background-color: #db052c;
    width: 220px;
    height: 25px;
}

.somosfonestar-entender-megafonia-circulo-rojo {
    position: absolute;
    display: inline;
    top: -75px;
    left: -18%;
    background-color: #db052c;
    width: 65px;
    height: 65px;
    border-radius: 50%;
}

.somosfonestar-entender-megafonia-circulo-gris {
    position: absolute;
    display: inline;
    top: -10px;
    left: -12%;
    background-color: #93959d;
    width: 24px;
    height: 24px;
    border-radius: 50%;
}

.socio-tecnologico-linea-gris-oscuro {
	position: absolute;
	display: inline;
	top: 45%;
    left: 15%;
	margin-bottom: 0px !important;
	padding-top: 12px !important;
	padding-right: 62px !important;
	padding-bottom: 12px !important;
	padding-left: 62px !important;
	background-color: #94969d;
}	

.socio-tecnologico-linea-gris-claro {
	position: absolute;
	display: inline;
	top: 74%;
    left: 80%;
	margin-bottom: 0px !important;
	padding-top: 12px !important;
	padding-right: 31px !important;
	padding-bottom: 12px !important;
	padding-left: 30px !important;
	background-color: #babbc1;
}

.socio-tecnologico-linea-roja {
	position: absolute;
	display: inline;
	top: 74%;
    left: 15%;
	margin-bottom: 0px !important;
	padding-top: 12px !important;
	padding-right: 109px !important;
	padding-bottom: 12px !important;
	padding-left: 109px !important;
	background-color: #db052c;
}
/*** Fin: Somos Fonestar ***/

/*** Inicio: Espacios ***/
.espacio ul {
	list-style: none;
	padding: 0;
}

.espacio li {
	padding-left: 1.3em;
	padding-bottom: 25px;
}

.espacio li:before {
	margin-left: -25px;
	opacity: 1;
	border-radius: 0px;
	margin-right: 10px;
	display: inline-block;
	margin-left: -20px;
	vertical-align: middle;
	width: 10px !important;
	height: 10px !important;
	background-color: #94969d;
    content: "";
	
}
/*** Fin: Espacios ***/

/*** Ini: Soluciones ***/
.type-solucion-megafonia {margin-bottom: 0px !important;}

/* Estilos últimas noticias blog */
.type-solucion-megafonia .blog-shortcode-post-title {margin-bottom: 0px!important;font-size: 1rem!important;}
.type-solucion-megafonia .fusion-meta-info {margin-top: 0px!important; border: 0px!important;}
.type-solucion-megafonia .fusion-blog-layout-medium article {margin-bottom: 15px!important;}
.type-solucion-megafonia .fusion-meta-info a {color: #94969d; text-transform:uppercase;}

.type-solucion-megafonia .fusion-menu-element-list > li.menu-item > a > .fusion-megamenu-icon {width: 10px!important; padding-right: 10px!important;}
/*** Fin: Soluciones ***/

/*** Ini: Casos de éxito ***/
.related-posts .fusion-carousel-meta {display: none;}
/*** Fin: Casos de éxito ***/

/*** Ini: Formularios de contacto ***/
#i-form-cf7 {padding-top: 20px;}

#i-form-cf7 .i-row {display: flex;} 
#i-form-cf7 .i-row p {margin-bottom: 0px;}
#i-form-cf7 > div {padding-bottom: 8px;}
#i-form-cf7 .i-row > div:nth-child(1) {padding-right: 5px;}
#i-form-cf7 .i-row > div:nth-child(2) {padding-left: 5px;}

@media screen and (max-width: 600px) {
	#i-form-cf7 .i-row {display: flex; flex-direction: column;}
	#i-form-cf7 .i-row > div:nth-child(1) {padding-right: 0px;padding-bottom: 8px;}
	#i-form-cf7 .i-row > div:nth-child(2) {padding-left: 0px;}
}
/*** Fin: Formularios de contacto ***/

/*** Ini: Formularios Mailchimp ***/
.mc4wp-form > div {
	display: flex;
	gap: 15px;
	align-items: center;
	justify-content: center;
}

.mc4wp-form > div .submit {
	padding: 15px 26px;
	background-color: #93939c;
	color: white;
	border: none;
	border-radius: 10px;
	margin-top: 20px;
}


.mc4wp-form > div .submit:hover {
	background-color: #db052c;
	color: white;
}

@media screen and (max-width: 620px) {
	.mc4wp-form > div {
		flex-direction: column;
	}
	.mc4wp-form > div p {
		margin-top: 0px;
		margin-bottom: 0px;
	}
}
/*** Fin: Formularios Mailchimp ***/