/*
Theme Name: Divi Child - Eweb
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Tags: responsive-layout,one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-background,custom-colors,featured-images,full-width-template,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready
Version: 3.0.14.1477321393
Updated: 2016-10-24 15:03:13
Modified by Eweb Diseño y Posicionamiento Web para abogados
*/


/*

	COLORES:


	FALTA:
		Inicio ---> diseño, contenido, fotos y banner
		Firma ---> titlebar contenido, fotos y banner
		Especialidad ---> titlebar, contenido, fotos y banner
		Áreas ---> titlebar, contenido, fotos y banner
		A. Jurídica ---> titlebar, contenido, fotos y banner
		A. Procuraduría ---> titlebar, contenido, fotos y banner
		Noticias ---> titlebar, contenido y banner
		Blog ---> titlebar, contenido y banner
		Contacto ---> titlebar, contenido y banner
		Consulta online ---> titlebar, contenido, fotos y banner
		aviso,cookies y politica ---> titlebar, banner
		404, search, single y category ---> titlebar, banner

	Inspiración:
		

*/


/*
						NAVEGACIÓN
*/

/*****Cambiar el tamaño del submenú*****/
	.nav li ul {
  		/*width:290px !important;*/
	}

/*****Cambiar el tamaño del ítem del submenú*****/
	#top-menu li li a, #menu-principal li li a{
  		/*width:250px !important;*/
	}


/*
                        CUERPO
*/

/*****Alineación horizontal de los elementos en una fila*****/
	.horizontal-align { 
    	display: flex; 
    	flex-direction: column; 
    	justify-content: center;
	}
/*****Eliminar el fallo que se produce en el botón de envío del formulario*****/
	.wpcf7-submit:hover {
		padding: 0.3em 1em !important;
	}


/*
						PIE DE PÁGINA
*/

/*****Resaltar enlaces interéss*****/
	.et_pb_widget a:hover {
		/*color: #ffb356 !important;*/
	}

/*****Resaltar enlaces footer*****/
	#footer-info a:hover {
  		color: #fff!important;
	}

	.et-social-google-plus a:hover {
		color: #d51f1e !important;
	}

	.et-social-facebook a:hover {
		color: #3b5998 !important;
	}

	.et-social-twitter a:hover {
		color: #1da1f2 !important;
	}


/* Efectos */

#animado-patron {
  background-image: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSJyZ2JhKDAsMCwwLDAuMikiIHdpZHRoPSIxMjAiIGhlaWdodD0iNDBweCIgdmlld0JveD0iMCAwIDEyMCA0MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB3aWR0aD0iMTIwIiBoZWlnaHQ9IjIiIHk9IjAiLz48cmVjdCB3aWR0aD0iMTIwIiBoZWlnaHQ9IjIiIHk9IjEwIi8+PHJlY3Qgd2lkdGg9IjEyMCIgaGVpZ2h0PSIyIiB5PSIyMCIvPjxyZWN0IHdpZHRoPSIxMjAiIGhlaWdodD0iMiIgeT0iMzAiLz48L3N2Zz4=');
  background-size: auto;
  background-repeat: repeat;
  animation: moveBackground 5s linear infinite;
  background-color: #001b28;
}

@keyframes moveBackground {
  0% { background-position: 0 0; }
  100% { background-position: 90px 90px; }
}

/* Responsive especialidades */
@media (min-width: 981px) {
    .et_pb_gutters1 .et_pb_column_1_5, .et_pb_gutters1.et_pb_row .et_pb_column_1_5 {
        width: 20%;
        height: 500px!important;
    }
}

/* WHATSAPP */
.whatsapp-float {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #25D366;
  color: white;
  font-size: 28px;
  padding: 14px 16px;
  border-radius: 50%;
  box-shadow: 0 2px 10px rgba(0,0,0,0.2);
  z-index: 9999;
  transition: transform 0.3s ease;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.whatsapp-float:hover {
  transform: scale(1.1);
}

/* Tooltip */
.whatsapp-tooltip {
  position: absolute;
  right: 60px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #444;
  color: #fff;
  padding: 6px 10px;
  border-radius: 6px;
  white-space: nowrap;
  font-size: 13px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, right 0.3s ease;
  pointer-events: none;
  z-index: 10000;
}

.whatsapp-float:hover .whatsapp-tooltip {
  opacity: 1;
  visibility: visible;
  right: 70px;
}

/* Fondo sub sub menu*/

body .et_pb_menu_0_tb_header.et_pb_menu .nav li ul ul {
    background-color: #1D2327 !important;
}