@import url("../../css/base.css");

body.site {
    background-color: #ffffff;
}
body {
  /*  font-family: Open Sans, sans-serif; */
    font-size: 15px;
    font-weight: normal;
}
h1 {
   /* font-family: Raleway, sans-serif; */
    font-size: 40px;
    font-weight: 200;
}
h2 {
   /* font-family: Raleway, sans-serif; */
    font-size: 32px;
    font-weight: 300;
}
h3 {
  /*  font-family: Raleway, sans-serif; */
    font-size: 27px;
    font-weight: normal;
}
h4 {
   /* font-family: Raleway, sans-serif; */
    font-size: 23px;
    font-weight: normal;
}
h5 {
   /* font-family: Raleway, sans-serif; */
    font-size: 20px;
    font-weight: 500;
}
h6 {
  /*  font-family: Raleway, sans-serif; */
    font-size: 17px;
    font-weight: 600;
}
.sp-megamenu-parent {
  /*  font-family: Open Sans, sans-serif; */
    font-size: 1.1em;
    font-weight: bold;
}
/* BARRA DE REDES Y LOGUN */
#sp-top-bar { 
    background-color: #606062;
    color: #ffffff;
    padding: 5px 0 4px;
}
#sp-top-bar a {
    color: #ffffff;
}
#sp-top-bar a:hover {
    color: #FFDB49;
}

/* BARRA DE MENU */
#sp-header {
    background-color: transparent;
    color: #f0f0f0;
}
#sp-header a {
    color: #3E4095;
}
#sp-header a:hover {
    color: #0a0a0a;
}



#sp-footer {
    background-color: #363839;
    color: #b0b0b0;
}
#sp-footer a {
    color: #d6d6d6;
}
#sp-footer a:hover {
    color: #f0f0f0;
}

.offcanvas-menu {}
.offcanvas-menu ul li a {
    color:
}
.offcanvas-menu .offcanvas-inner .search input.inputbox {
    border-color:
}
#sp-header .top-search-wrapper .icon-top-wrapper,
#sp-header .top-search-wrapper .icon-top-wrapper >i:before,
.sp-megamenu-wrapper > .sp-megamenu-parent >li >a,
.sp-megamenu-wrapper #offcanvas-toggler,
#sp-header .modal-login-wrapper span,
#sp-header .ap-my-account i.pe-7s-user,
#sp-header .ap-my-account .info-text,
#sp-header .mod-languages,
.logo,
#cart-menu,
#cd-menu-trigger,
.cd-cart,
.cd-cart > i {
    height: 90px;
    line-height: 90px;
}
.total_products {
    top: calc(90px / 2 - 22px);
}
#sp-header,
.transparent-wrapper {
    height: 90px;
}
.transparent,
.sticky-top {}
#sp-header #sp-menu .sp-megamenu-parent >li >a,
#sp-header #sp-menu .sp-megamenu-parent li .sp-dropdown >li >a,
#sp-header .top-search-wrapper .icon-top-wrapper i,
#sp-header #cd-menu-trigger i,
#sp-header .cd-cart i,
#sp-header .top-search-wrapper {}#sp-header #sp-menu .sp-dropdown .sp-dropdown-inner {}#sp-header #sp-menu .sp-dropdown .sp-dropdown-inner li.sp-menu-item >a,
#sp-header #sp-menu .sp-dropdown .sp-dropdown-inner li.sp-menu-item.separator >a,
#sp-header #sp-menu .sp-dropdown .sp-dropdown-inner li.sp-menu-item.separator >a:hover,
#sp-header .sp-module-content ul li a,
#sp-header .vm-menu .vm-title {}.sticky .logo,
.sticky #cart-menu,
.sticky #cd-menu-trigger,
.sticky .cd-cart,
.sticky .cd-cart >i,
.sticky .menu-is-open >i,
#sp-header.sticky .modal-login-wrapper span,
#sp-header.sticky .ap-my-account i.pe-7s-user,
#sp-header.sticky .ap-my-account .info-text,
#sp-header.sticky .mod-languages,
#sp-header.sticky .top-search-wrapper .icon-top-wrapper,
#sp-header.sticky .top-search-wrapper .icon-top-wrapper >i:before,
.sticky .sp-megamenu-wrapper > .sp-megamenu-parent >li >a,
.sticky .sp-megamenu-wrapper #offcanvas-toggler,
.sticky #sp-logo a.logo {
    height: 90px;
    line-height: 90px;
}
.sticky .total_products {
    top: calc(90px / 2 - 22px);
}

/* MENU CUANDO SE HACE SCROLL */
.sticky .sticky__wrapper {
    height: 90px;
    -webkit-animation-name: fade-in-down;
    animation-name: fade-in-down;
    background: rgba(255, 255, 255, 0.9);
}
.sticky .sticky__wrapper .sp-sticky-logo {
    height: 90px;
}
.sticky.onepage .sticky__wrapper,
.sticky.white .sticky__wrapper,
.sticky.transparent .sticky__wrapper {} 


#sp-header.sticky #sp-menu .sp-megamenu-wrapper .sp-megamenu-parent >li >a,
#sp-header.sticky .top-search-wrapper,
#sp-header.sticky .top-search-wrapper .icon-top-wrapper i,
#sp-header.sticky #cd-menu-trigger i,
#sp-header.sticky .cd-cart i {
    ;
}
#sp-header.sticky #sp-menu .sp-megamenu-wrapper .sp-megamenu-parent >li.active>a,
#sp-header.sticky #sp-menu .sp-megamenu-wrapper .sp-megamenu-parent >li.current-item>a,
#sp-header.sticky #sp-menu .sp-megamenu-wrapper .sp-megamenu-parent >li.sp-has-child.active>a,
.sticky #offcanvas-toggler >i,
.sticky #offcanvas-toggler >i:hover {
    color: #3E4095;
}