/*
 Theme Name:   Ecovilla Los Lechuzos
 Theme URI:    pixonit.com
 Description:  pixonit
 Author:       pixonit
 Author URI:   https://www.pixonit.com
 Template:     Divi
 Version:      1.0.0
 Tags:         
 Text Domain:  
*/
@import url("../Divi/style.css");

     
.hide-footer {
opacity: 0;
margin-bottom: -81px !important;
}
    
.show-footer {
opacity: 1;
margin-bottom: 0px !important;
}

.hide-header {
visibility: hidden;
margin-top: -100px !important;
}
        
.show-header {
opacity: 1;
visibility: visible;
margin-top: 0px !important;
}


.active-link{
    
}

.et_pb_menu_0_tb_footer.et_pb_menu ul li a.active-link{
    color: #a8c812!important;
}



#global-footer-section, #global-header-section {
-webkit-transition: all 0.5s ease !important;
-moz-transition: all 0.5s ease !important;
-o-transition: all 0.5s ease !important;
-ms-transition: all 0.5s ease !important;
transition: all 0.5s ease !important;
}

.menu_sticky .et-menu li{
    border-radius: 20px;
    padding: 5px 30px 0px;
    margin-right: 20px !important;
    background-color: #FFFFFF;
    box-shadow: -1px 43px 59px -55px rgba(0,0,0,0.6);
    -webkit-box-shadow: -1px 43px 59px -55px rgba(0,0,0,0.6);
    -moz-box-shadow: -1px 43px 59px -55px rgba(0,0,0,0.6);
}

.menu_sticky .et-menu li:hover{
    background-color: #7a2b3c;
    color: #FFFFFF;
    border-radius: 20px;
}


.menu_sticky .et-menu li a:hover{
    color: #FFFFFF !important;
    opacity: 1 !important;
}


#fila_menu_desc{
    position: sticky !important;
    position:-webkit-sticky !important;
    top:200px !important;
}

#slider_videos .et_pb_slide_description {
    width: 0% !important;
}

#slider_videos .et_pb_slide_video {
    width: 100% !important;
}

#slider_videos .et_pb_slide_video .wp-video {
    margin: auto !important;
}

.caja_imagen .et_pb_grid_item{
    margin-bottom: 0px !important;
}



#fila_menu_tipologia{
    position: sticky !important;
    position:-webkit-sticky !important;
    top:200px !important;
}

/*#menu_descripcion li:hover{*/


.et_pb_contact_submit, .et_contact_bottom_container{
    width: 100% !important;
}

#menu-menu-principal .menu-item a.item-activo{
    color: #3e6d53 !important;
}


.section_ecovilla{
    height: calc(100vh - 80px) !important;
    display: inline-grid;
    width: 100%;
    place-items: center;
   
}


#imagenes_section{
    height: calc(100vh - 80px) !important;
}

#slider_descubre{
    height: calc(100vh - 80px) !important;
}


.menu_desc{
    position: absolute;
    top: 50px;
    z-index: 3;
    background-color: transparent;
    margin: auto;
    text-align: center;
    width: 100%;
    max-width: 100%;
}

.menu_desc .et_pb_menu{
    background-color: transparent !important;
}


.menu_desc .et-menu li{
    border-radius: 20px;
    padding: 5px 30px 0px;
    margin-right: 20px !important;
    background-color: #FFFFFF;
    box-shadow: -1px 43px 59px -55px rgba(0,0,0,0.6);
    -webkit-box-shadow: -1px 43px 59px -55px rgba(0,0,0,0.6);
    -moz-box-shadow: -1px 43px 59px -55px rgba(0,0,0,0.6);
    cursor: pointer;
}

.menu_desc .et-menu li a{
    cursor: pointer !important;
}

#menu_top_hero .et-menu li a{
    cursor: pointer !important;
}



.menu_desc .et-menu li:hover{
    background-color: #7a2b3c;
    color: #FFFFFF;
    border-radius: 20px;
}

.menu_desc .et-menu li.active{
    background-color: #7a2b3c;
    color: #FFFFFF;
    border-radius: 20px;
}


.menu_desc .et-menu li a:hover{
    color: #FFFFFF !important;
    opacity: 1 !important;
}

.menu_desc .et-menu li.active a{
    color: #FFFFFF !important; 
}

#global-footer-section a{
    cursor: pointer !important;
    color:#3e6d53 !important;
    font-family: 'Abril Fatface',display!important;

}

.et_mobile_menu{
    width: auto !important;
    min-width: 200px !important;
}

.et_mobile_menu li{
    width: 200px !important;
    background-color: #FFFFFF !important;
}

.mobile_nav.opened .et_mobile_menu{

    background-color: red !important;

}

@media (max-width: 980px){
/*
        .section_ecovilla{
            height: auto !important;
            display: block;
            width: 100%;
            place-items: center;
        }

        #imagenes_section{
            height: auto !important;
        }
        
        #slider_descubre{
            height: auto !important;
        }

        .menu_desc{
            position: initial;
            display: none;
            margin: auto;
            width: 100%;
            max-width: 100%;
        }

        .menu_desc .et-menu li{
            padding: 5px 10px 0px;
            margin-right: 3px !important;
        }


        #menu_top_hero .et_pb_menu__wrap{
            justify-content: start !important;
        }


        .mobile_menu_bar{
            border: 1px solid #a8c812;
            border-radius: 50%;
        }

       .mobile_menu_bar:before{
        color: #a8c812 !important; 
       }

        //show desktop menu on phone

        .menu_desc .et_pb_menu__menu {
		display: flex!important;
        }
        .menu_desc .et_mobile_nav_menu {
         display: none!important;
        }


        #global-header-section .et_mobile_menu{

            width: 240px !important;
        }*/

}