/* HEADER MENU */
.elementor-nav-menu--main ul.elementor-nav-menu a, .elementor-nav-menu--main ul.elementor-nav-menu a.highlighted
, .elementor-nav-menu--main ul.elementor-nav-menu a:focus, .elementor-nav-menu--main ul.elementor-nav-menu a:hover {
    padding: 13px 15px;
}

/* MENÚ ENCIMA */
.ast-above-header-wrap .site-above-header-wrap > div {
	height: 50px;
}

/* MENU MOVIL */
.elementor-widget-nav-menu .elementor-menu-toggle {
	font-size: 3rem;
	border-radius: 50px;
	background-color: transparent;
}
.elementor-nav-menu--dropdown ul {
	padding: 15px;
	text-align: center;
}
.elementor-nav-menu--dropdown ul li {
	padding: 5px;
	font-size: 3rem;
}
.elementor-nav-menu--dropdown ul li a {
	line-height: normal !important;
}
.elementor-nav-menu--dropdown a.elementor-item.elementor-item-active
, .elementor-nav-menu--dropdown a.elementor-item:hover {
    background-color: var(--color-background2);
	color: var(--color-text);
}
/* BOTONES EN MENU */
.elementor-widget-nav-menu ul li.menu-item.button {
	display: inline-block;
}
.elementor-widget-nav-menu ul li.menu-item.button > a {
	margin-left: 5px;
	margin-right: 5px;
}
.elementor-widget-nav-menu ul li.menu-item.button > a::after {
	height: 0px;
}

/* MENUS DE CABECERA */
header.site-header li.menu-button > a.menu-link {
	padding: 10px 15px;
}

/* Quitamos rallita debajo en hover */
header.site-header li.menu-button > a.menu-link::before {
	display: none;
}

/* BOTONES DE LOGIN / REGISTRO Y MI CUENTA TRANSFORMADOS A BOTONES EN MENU SUPERIOR */
header.site-header li.menu-button > a.menu-link {
	background-color: var(--color-main);
	border: #FFF0 2px solid;
	color: white;
	margin: 5px;
	padding: 10px;
    padding-right: 10px !important;
	border-radius: 5px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 5px 0px;
	transition: all 0.2s ease-in !important;
	line-height: 25px;
} 
/* MENÚ BOTÓN HOVER */
header.site-header li.menu-button:hover > a.menu-link {
	border-radius: 10px;
	color: white;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 15px 0px;
} 

/* BOTÓN DE LOGIN */
header.site-header li.menu-button.login-button > a.menu-link {
    color: var(--color-main);
	border: var(--color-main) 2px solid;
	background-color: white;
}
header.site-header li.menu-button.login-button > a.menu-link:hover {
	color: var(--color-main);
}