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

/* ----- CSS personalizado a partir de aquí ----- */

/* =========================================================
   MENÚ ROSAL - DIVI 5 LIMPIO
   Submenú blanco + línea azul en hover
========================================================= */

/* Menú principal */
.menu-rosal .et-menu-nav > ul > li > a {
  position: relative !important;
  color: #111111 !important;
  font-weight: 400 !important;
  padding-bottom: 26px !important;
  opacity: 1 !important;
}

/* Submenú principal */
.menu-rosal .et-menu-nav ul li ul.sub-menu {
  background: #ffffff !important;
  border: none !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.14) !important;
  padding: 12px 34px !important;
  min-width: 320px !important;
  top: 75% !important;
  overflow: visible !important;
}

/* Elementos del submenú */
.menu-rosal .et-menu-nav ul li ul.sub-menu li {
  padding: 0 !important;
  margin: 0 0 12px 0 !important;
  width: 100% !important;
  display: block !important;
}

/* Último elemento sin margen inferior */
.menu-rosal .et-menu-nav ul li ul.sub-menu li:last-child {
  margin-bottom: 0 !important;
}

/* Enlaces del submenú */
.menu-rosal .et-menu-nav ul li ul.sub-menu li a {
  position: relative !important;
  display: inline-block !important;
  width: auto !important;
  max-width: 100% !important;
  padding: 0 0 3px 0 !important;
  color: #555555 !important;
  line-height: 1.3em !important;
  background: transparent !important;
  opacity: 1 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-decoration: none !important;
}

/* Línea azul oculta */
.menu-rosal .et-menu-nav ul li ul.sub-menu li a::after {
  content: "";
  position: absolute !important;
  left: 0 !important;
  bottom: 1px !important;
  width: 0 !important;
  height: 2px !important;
  background: #24367d !important;
  transition: width 0.25s ease !important;
}

/* Línea azul al pasar */
.menu-rosal .et-menu-nav ul li ul.sub-menu li a:hover::after {
  width: 100% !important;
}

/* Hover del enlace */
.menu-rosal .et-menu-nav ul li ul.sub-menu li a:hover {
  color: #333333 !important;
  opacity: 1 !important;
  background: transparent !important;
}

/* Quitar fondo gris típico de Divi */
.menu-rosal .et-menu-nav ul li ul.sub-menu li:hover,
.menu-rosal .et-menu-nav ul li ul.sub-menu li a:hover {
  background: transparent !important;
}
/* Quitar flechas del menú Divi */
.menu-rosal .menu-item-has-children > a:first-child:after {
  display: none !important;
  content: none !important;
}
.menu-rosal .menu-item-has-children > a:first-child {
  padding-right: 0 !important;
}