@charset "UTF-8";
/* CSS Document */

.mk_menu.mk_main,
.mk_main_search {
	z-index: 80;
    position: fixed;
    width: 50%;
    height: 100vh;
    background: rgba(255,255,255,0.94);
    right: 0;
    top: 0;
    text-align: center;
    display: none;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    box-shadow: -20px 0 20px rgba(0, 0, 0, 0.1);
}
     
.mk_menu.mk_main ul {
	padding: 0;
    text-align: center;
}
     
.mk_menu.mk_main ul li {
    display: inline-block;
    position: relative;
	margin: 0 10px;
}
     
.mk_menu.mk_main li:after { 
    content: none; 
}

.mk_menu.mk_main ul li a {
	display: block;
	padding: 10px 12px;
	text-decoration: none;
	color: #3F3F3F;
    font-size: 20px;
}

.mk_menu_inline_logo {
	
}

.mk_menu_inline_logo .mk_main_nav {
	display: flex;
	justify-content: center;
	align-items: center;	
}

.mk_toggle_nav {
	float: right;
	margin: 14px 16px;
	font-size: 32px;
	transition: color linear 0.15s;
	color: #fff !important;
}

a.mk_toggle_nav:link, 
a.mk_toggle_nav:visited,
a.mk_toggle_nav:hover, 
a.mk_toggle_nav:active {
	text-decoration: none;
	color: #000;
} 

.mk_user_nav .menu,
.woocommerce-MyAccount-navigation ul {
	padding: 0;
}

.mk_user_nav .menu li,
.woocommerce-MyAccount-navigation li {
	border-bottom: dotted 1px #e1e1e1;
	list-style: none;
}

.mk_user_nav .menu li a,
.woocommerce-MyAccount-navigation li a {
	color: inherit;
	text-decoration: none;
	display: block;
	padding: 10px 0;
}

#menu-principal li a {
    font-weight: 600;
    font-size: 22px;
}

#mk_primary_nav::after {
    content: '';
    background-color: #3F3F3F;
    width: 90px;
    height: 4px;
    border-radius: 2px;
    display: block;
    margin: 16px auto;
}

.menu-image {
    width: 20px !important;
    height: auto;
}

.close_menu {
    position: absolute;
    right: 40px;
    top: 40px;
    width: 20px;
    height: 20px;
    display: block;
}

.close_search {
    position: absolute;
    right: 40px;
    top: 40px;
    width: 20px;
    height: 20px;
    display: block;
}

.close_ico {
    width: 100%;
    height: auto;
}

#menu-principal.menu li {
    display: block !important;
}

#menu-secundario.menu li {
    display: block !important;
}

/* Estado normal */
#SR7_1_1-1-0,
#SR7_1_1-1-2 {
    transition: transform 0.3s ease;
}

/* Cuando el menú está abierto */
body.menu-open #SR7_1_1-1-0,
body.menu-open #SR7_1_1-1-2 {
    transform: translateX(-100px) !important;
}

.menu_title {
    font-size: 26px;
    font-weight: 600;
}

.menu_title::after {
    content: '';
    width: 90px;
    height: 4px;
    background: #DE8100;
    border-radius: 2px;
    margin: 20px auto;
    display: block;
}

#menu-rrss-footer {
    margin: 12px 0;
}

#menu-rrss-footer li {
    display: inline-block !important;
    margin-right: 20px;
}