#offcanvas-toggler > .fa {
    color: #ffffff;
}

/**MENÚ PRINCIPAL**/
.offcanvas-menu {
    background-color: #5a466b;
    color: #252525;
}
#sp-header{
  background-color: white;
}
#sp-header a {
    color: #575757;
}
#sp-header a:hover {
    color: #ee6f23;
}
#sp-header #offcanvas-toggler>.fa {
    color: #5a466b;
}
#sp-header #offcanvas-toggler>.fa:hover {
    color: #ee6f23;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span {
    display: block;
    padding: 5px 10px;
    position: relative;
    color: #ecf0f5;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul li a {
    color: #c7c7c7;
}
/*Opcional*/
@media (min-width: 1200px){
  #sp-header .container {
    max-width: 75%;
  }  
}
/** FIN MENÚ PRINCIPAL**/


/* MEGA MENU  Items Links */
.sp-megamenu-parent .sp-mega-group > li > a {
    display: block;
    text-transform: none;
    font-size: 14px;
    font-weight: inherit;
    margin-bottom: 10px;
}


/*****************
  BOTON MENU COMPRAR
 **************/

.sp-megamenu-parent >li.menu-comprar a{
  padding-left: 12px;
  padding-right: 12px;
  background: #ee6f23;
  border-radius: 3px;
  -webkit-transition: all 400ms;
  -o-transition: all 400ms;
  transition: all 400ms;
}

.sp-megamenu-parent >li.menu-comprar:hover > a {
  background: #eb5f0b;
  color: #fff;
}

.menu-fixed .sp-megamenu-parent >li.menu-comprar a {
  background: #ee6f23;
  border-radius: 3px;
  -webkit-transition: all 400ms;
  -o-transition: all 400ms;
  transition: all 400ms;
  color: #fff !important;
}

.menu-fixed .sp-megamenu-parent >li.menu-comprar:hover > a {
  color: #fff !important;
  background: #eb5f0b;
}


/*
#sp-header{position: absolute;left: 0;background: transparent;top: 37px;width: 100%;z-index: 999;box-shadow: none;-webkit-transition: 300ms ease-in-out;-o-transition: 300ms ease-in-out;transition: 300ms ease-in-out;}
*/
#sp-header.header-sticky{
    background: white;
    top: 0px;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    box-shadow: 0px 0px 15px 0 rgba(0, 0, 0, 0.10);
}

#sp-header.header-sticky .sp-megamenu-parent > li > a {
    color: inherit;
}
#sp-header.header-sticky .sp-megamenu-parent > li.active > a,
#sp-header.header-sticky .sp-megamenu-parent > li > a:hover,
#sp-header.header-sticky #offcanvas-toggler > .fa {
    color: #ee6f23;
}

@media (max-width: 992px){
    #sp-header {
        top: 0px;
    }
    .logo-image {
    height: inherit !important;
}
}


.sp-page-title {
    background: rgba(8, 8, 8, 0.5);
    padding: 150px 0 100px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    background-attachment: scroll;
    background-blend-mode: color;
}

#sp-top-bar{
position: absolute;
    left: 0;
    background: transparent;
    width: 100%;
    z-index: 999;
}

/* Items de Menu */
.sp-megamenu-parent > li > a {
    color: #fff;
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    display: inline-block;
    padding: 0 15px;
    line-height: 35px;
    font-size: 14px;
    margin: 0;
}
.sp-megamenu-parent{
margin-top: 10px;
}


/* SP RIGHT */

#sp-right .sp-module, #sp-left .sp-module {
    padding: 0px;
    border: none;
}

/* Estilo para los menus */
#sp-right .sp-module .sp-module-title,
#sp-left .sp-module .sp-module-title {
    font-size: 24px;
    color: #464855;
    letter-spacing: 0px;
    font-weight: 500;
    text-transform: none;
}
#sp-right .sp-module,
#sp-left .sp-module {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    /* padding: 25px; */
    /* border: 1px solid #f3f3f3; */
}
#sp-right .sp-module ul >li >a,
#sp-left .sp-module ul >li >a
{
  line-height: inherit;
  display: flex;
  padding: 5px 0;
 }

#sp-right .sp-module ul >li >a.active,
#sp-left .sp-module ul >li >a.active
{
color:#ef5b32;
 }

#sp-right .sp-module ul >li >a:before,
#sp-left .sp-module ul >li >a:before
{
font-family: FontAwesome;
content: "\f0da";
margin-right: 8px;
float:left;
display:inherit
}

/* Estilos para los modulos de menu */

.sp-column .sp-module-content ul li.active {
    background: #e8752c;
    padding: 8px 25px;
    transition: .5s ease;
}
.sp-column .sp-module-content ul li.active:hover {
    background: #e8752c;;
    padding: 8px 25px;
    transition: .5s ease;
}
.sp-column .sp-module-content ul li.active a {
  color: white;
}


.sp-column .sp-module-content ul li {
    background: #f9fafb;
    padding: 8px 25px;
    margin: 5px 0px;
    border-radius: 3px;transition: .5s ease;
}

.sp-column .sp-module-content ul >li >a:before
{
font-family: FontAwesome;
content: "\f0da";
margin-right: 8px;
float:left;
display:inherit

}

.sp-column .sp-module-content ul li:hover {
    background: #59456a;
    padding: 8px 25px;
}
.sp-column .sp-module-content ul li:hover a{
    color: white; 
}

/*******************************************
/////////// ESTILOS PARA S5 TAB  -- tipos de negocio
**********************************************/
.s5_tab_show_slide_button_active, .s5_tab_show_slide_button_inactive{
    background:transparent !important;
    padding:0px 30px;
}

.s5_tab_show_slide_button_active .s5_tab_show_button_img_present .s5_tab_show_button_text
 {
    background:#59456a;
    padding:10px;}

 .s5_tab_show_slides_container_wrap_outer{
    padding: 30px 40px;
}


/* soft-restaurant-10 */
.sombra .sppb-modal-selector .sppb-modal-icon-wrap span {
    box-shadow: 0 0 0 15px rgb(236 96 0 / 80%), 0 0 0 30px rgb(236 96 0 / 60%), 0 0 0 45px rgb(236 96 0 / 40%) !important;
}