/*!
Theme Name: VyV
Theme URI: http://vyv.pe/
Author: Nexterience
Author URI: http://nextperience.net/
Description: Theme created by Nextperience Team
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: vyv
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

*/

/* Estilos para slider */

.uk-navbar-container-vyv-desktop .uk-navbar-nav>li>a, .uk-navbar-container-vyv-desktop .uk-navbar-toggle{
    color: #ffffff;
}

.uk-navbar-container-vyv-desktop .uk-navbar-nav>li>a:hover, .uk-navbar-container-vyv-desktop .uk-navbar-toggle:hover{
    color: #00c3b5;
    font-weight: 500;
}

.uk-navbar-container-vyv-desktop .uk-navbar-nav>li.uk-active>a{
    color: #00c3b5;
    font-weight: 500;
}

.uk-navbar-container-vyv-desktop .uk-navbar-nav>li>a:active, .uk-navbar-container-vyv-desktop .uk-navbar-toggle:active {
    color: #00c3b5;
    font-weight: 500;
}

footer .footer-submenu .uk-list li a{
    font-size: 15px;
    line-height: 2;
}
@media only screen and (max-width: 480px){
    .uk-menu-container-mobile .uk-offcanvas-bar .uk-list-menu li a {
        padding: 10px 0;
    }
}

/* Cambia el color del texto a negro cuando el encabezado es sticky */
.uk-navbar-sticky .uk-navbar-nav > li > a {
    color: #000;
}

.uk-navbar-sticky a.openmenu.uk-navbar-toggle.uk-icon-large.uk-icon.uk-navbar-toggle-icon{
    color: #000;
}

.uk-navbar-sticky .uk-navbar-nav > li > a:active {
    color: #00c3b5 !important;
    font-weight: 500;
}

/* Cambia el logo al hacer scroll */
.uk-navbar-sticky .logo-desktop {
    content: url('/wp-content/uploads/2024/02/logo-vyv_2.webp');
}

.uk-navbar-sticky .logo-mobile {
    content: url('/wp-content/uploads/2024/02/logo-vyv_2.webp');
}


/* Ajuste para menu del home */

/* Por defecto el navbar es transparente */
.uk-navbar-container-vyv-desktop {
    background-color: transparent;
    transition: background-color 0.3s ease;
}

/* Cuando se aplica el sticky, cambia el fondo a blanco */
.uk-navbar-sticky {
    background-color: #fff !important;
    transition: background-color 0.3s ease;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
}

/* Menu lateral */

.menu-header .header-flex {
    display: flex;
    align-items: center;
    justify-content: space-between; /* Espacio entre el logo y el botón */
    padding-bottom: 15px; /* Espaciado opcional */
}

.header-flex a {
    display: inline-block;
}

.uk-offcanvas-bar.uk-offcanvas-bar-animation.uk-offcanvas-slide{
    width: 450px;
    background: #ffffff;
    padding-top: 8em;
}

.uk-offcanvas-bar.uk-offcanvas-bar-animation.uk-offcanvas-slide a{
    color: #000;
    font-size: 1em;
    font-size: 1.5em;
    text-align: end;
    font-weight: 600;
}

.uk-close-vyv svg{
    color: #000;
    width: 25px;
    cursor: pointer;
}

.logo-mobile-menu{
    top: 20px;
    position: absolute;
}

.menu-vyv a {
    position: relative;
    color: black;
    text-decoration: none;
}

.menu-vyv a::after {
    content: "";
    position: absolute;
    bottom: -2px; /* Ajusta para la altura del subrayado */
    right: 0;
    width: 40px; /* Ajusta este valor para el ancho de la línea */
    height: 5px; /* Grosor de la línea */
    background-color: #00c2b2; /* Color verde del subrayado */
    transform: scaleX(0);
    transition: transform 0.3s ease-in-out;
}

.menu-vyv a:hover::after {
    transform: scaleX(1); /* Hace visible la línea */
    transform-origin: left; /* Empieza la animación desde la izquierda */
}

.uk-lang-menu {
    position: absolute; /* Asegura la posición flotante */
    right: 30px; /* Coloca al borde derecho */
    padding: 10px 15px; /* Espaciado interno */
    border-radius: 8px; /* Bordes redondeados */
}

.uk-lang-menu img {
    margin-right: 5px; /* Espaciado entre la bandera y el texto */
}

.uk-lang-menu li {
    display: inline-block; /* Alinea las banderas horizontalmente */
    margin-right: 10px; /* Espaciado entre idiomas */
}

.uk-lang-menu li:last-child {
    margin-right: 0; /* Elimina margen del último elemento */
}

/* Estilos para diseño responsive*/

@media only screen and (max-width: 720px) {

    .font-title-vyv
    {
        font-size: 1.8rem;
    }

    .filter-container{
        position: static;
        transform: none;
        width: auto;
    }

    .uk-mobile-margin{
        margin-left: 0px !important;
    }

    .uk-mobile-padding{
        padding-left: 0;
    }

    .uk-select-pais, .uk-select-distrito, .uk-select-dormitorios{
        box-shadow:0px 1px 4px rgba(0, 0, 0, 0.2);
    }

    .number_home_vyv{
        font-size: 5.5em;
    }

    .uk-text-number{
        font-size: 1.4em;
    }

    #home_blog .uk-card-blog .uk-card-body h4{
        padding-bottom: 2em;
    }
    
    .uk-button-more-info{
        font-size: 1rem;
    }

    .uk-offcanvas-bar.uk-offcanvas-bar-animation.uk-offcanvas-slide{
        width: 100%;
        padding-top: 3em;
    }

    .text-search-vyv{
        margin-left: 0px !important;
    }

    .estado-texto{
        white-space: normal;
    }

    .uk-navbar-sticky .uk-navbar-container-vyv-desktop .uk-navbar-right .openmenu{
        color: #fff !important;
    }

    .uk-navbar-sticky .uk-navbar-container-vyv-desktop .uk-navbar-right .openmenu{
        color: #000 !important;
    }
}

@media only screen and (max-width: 820px) {
    .font-title-vyv
    {
        font-size: 1.8rem;
    }

    .filter-container{
        position: static;
        transform: none;
        width: auto;
    }

    .uk-navbar-sticky .uk-navbar-container-vyv-desktop .uk-navbar-right .openmenu{
        color: #fff !important;
    }

    .uk-navbar-sticky .uk-navbar-container-vyv-desktop .uk-navbar-right .openmenu{
        color: #000 !important;
    }
}

.uk-section-dark {
	background: #111820;
}

@media only screen and (max-width: 1360px) {
    .uk-button-more-info{
        font-size: 0.9rem;
    }
}