/*
 Theme Name: Ecommunicator App
 Theme URI: https://www.ecommunicator.es/
 Description: Child Theme Divi de Web Ecommunicator
 Author: Ecommunicator
 Author URI: https://www.ecommunicator.es/
 Template: Divi
 Version: 1.0.0
*/
 
/* ----- CODIGO DE ESTILOS PROPIOS ----- */

/* COLOR ENLACE ACTIVO */
.current-menu-item > a {
	color: #a1cd4c !important;
}

/* COLOR MENU CLIENTE */
.zona-cliente {
    margin-right: 0px !important;
    background-color: #a1cd4c !important;
    padding-top: 10px !important;
    padding-left: 10px;
    margin-top: -10px;
    margin-left: -5px;
}
.zona-cliente > a:after {
	top: 10px !important;
}
.zona-cliente.current-menu-item > a {
	color: #ffffff !important;
}

/* MENU TIENDA */
a.et-cart-info {
    position: relative !important;
    display: inline-block !important;
}

/* Icono del carrito de Divi */
.et-cart-info span:before {
    content: "\e015" !important;
    font-family: "ETmodules" !important;
    margin-right: 4px !important;
    position: relative;
}

/* Estilo del badge verde */
a.et-cart-info .et-cart-badge {
    position: relative !important;
    right: -2px !important;
    top: -2px !important;
    background-color: #a1cd4c !important; /* Verde */
    color: #ffffff !important;            /* Texto blanco */
    font-size: 11px !important;
    font-weight: bold !important;
    line-height: 1 !important;
    padding: 3px 6px !important;
    border-radius: 4px !important;
    min-width: 18px !important;
    text-align: center !important;
    display: inline-block !important;
}

/* MODIFICAR ANCHOS MENU */
#top-menu .sub-menu li {
	width: 100% !important;
}
#top-menu .sub-menu a {
	width: 100% !important;
	padding: 6px 0px !important;
}
.et_pb_widget {
	margin-bottom: 10% !important;
}
.et_pb_widget_area_left {
	border: none !important;
}

/* BOTONES PROPIOS */
a.mi_boton {
	background-color: #a1cd4c !important;
	color: #000 !important;
	text-transform: uppercase !important;
	letter-spacing: 2 !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	padding: 10px 20px !important;
	border-radius: 8px !important;
}
a.mi_boton:hover {
	background-color: #000 !important;
	color: #fff !important;
}