/*
Theme Name: englobatek
Theme URI:  https://miguelmanchego.com
Author:     Miguel
Author URI: https://miguelmanchego.com
Template:   hello-elementor
Version:    1.0
License:    GNU General Public License v2 or later
*/

h2, h3, h4, h5, h6 { margin-bottom:0; }

ul.elementor-nav-menu > li { position: relative; }
ul.elementor-nav-menu > li:before { 
    content: ""; display: block; width: 18px; height: 18px; background-repeat: no-repeat; background-position: center;  
    background-size: auto 100%; position: absolute; left: 5px; top:6px; opacity: .5;
}
ul.elementor-nav-menu > li.menu__inicio:before { background-image: url(img/home.svg); }
ul.elementor-nav-menu > li.menu__servicios:before { background-image: url(img/servicios.svg); }
ul.elementor-nav-menu > li.menu__contacto:before { background-image: url(img/contacto.svg); }

ul.elementor-nav-menu > li.current-menu-item:before,
ul.elementor-nav-menu > li.current-menu-ancestor:before { opacity: 1; }

ul.elementor-nav-menu > li.current-menu-ancestor > a { color: #000 !important; }

ul#menu-1-2a2221f > li:last-child a{ padding-right: 0; }


/***********************************
 Home Iconos
************************************/
.home__icono .elementor-icon-box-content{
    max-width: 0; max-height: 1px; transition: all .3s; overflow: hidden;
} 
.elementor-icon-box-icon {
    margin-right: 0 !important; transition: all .3s;
}

/***********************************
 Home Iconos Hover
************************************/
.home__icono:hover .elementor-icon-box-content{
    max-width: 350px; max-height: 300px; transition: all .5s;
} 
.home__icono:hover .elementor-icon-box-icon {
    margin-right: var(--icon-box-icon-margin,15px) !important; transition: all .5s;
}
.home__icono:hover .elementor-widget-container { border-radius: 35px !important; }


/**********************************
 Home optionsSlide
*********************************/
#smarthome { display: none; } 
#seguridad { display: none; }

#smarthome.activo { display: block; }
#seguridad.activo { display: block; }

#smarthome_select.activo h2 a, #smarthome_select h2 a:hover { color: #00B4FF; }
#seguridad__select.activo h2 a, #seguridad__select h2 a:hover { color: #00B4FF; }


/********************************
  Responsive
*********************************/
@media only screen and (max-width: 767px) {
    #smarthome .elementor-icon-box-content h3.elementor-icon-box-title, 
    #seguridad .elementor-icon-box-content h3.elementor-icon-box-title {
        margin-top: 0; margin-bottom: 5px;
    }

    #smarthome .elementor-icon-box-icon, 
    #seguridad .elementor-icon-box-icon {
        margin-bottom: 0; border-radius: 50%; 
    }    
}