
:root {    
    --primary-color: #0bc0eb;    
  }

body, h1, h2, h3, h4, h5, p{
    font-family:"Open Sans",sans-serif !important;
}

.navbar-brand .navbar-brand-item{
    height:80px;
}

.text-black{
    color:black !important;
}

.text-white{
    color:white !important;
}
navbar-light.smoke{
    background-color:whitesmoke;
}

.about-container .fa{        
    font-size:24px !important;    
    background-color: var(--primary-color) !important;    
    width:70px;
    height:70px;
    line-height:70px;
    border-radius:50%;
    color:white;
    margin-bottom:30px;    
}

.ul-valores{
    text-align:center;
    
    
}

.ul-valores li {
    list-style: none !important;        
}

.uppercase{
    text-transform: uppercase;
}

.text-phone{
    color:rgb(30, 48, 80);
}

.text-whatsapp{
    color: rgb(74,201,89);
}

.card.categories{
    cursor:pointer;
    border: 5px solid white;
}

.card.categories:hover{
    border:5px solid var(--primary-color);
}

.header-title{
    color:white !important;
    font-family:Montserrat;
}


.property-item{
    border:1px solid var(--primary-color);
}

.property-item .last-row{
    border-top:1px solid var(--primary-color);
}

.property-item .banda{
    background-color: var(--primary-color);
    color:white;
    font-size:1.2em;
    padding:5px 0;
}

.property-item .description{
    height:50px;
    overflow:hidden;
    margin-bottom:0;

    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.more-detail{
    cursor:pointer;    
    line-height: 2.5;
}

.bg-custom{
    background-color: #459abe !important;
    color:white !important;
}

.bg-custom a:not(.text-twitter, .text-instagram, .text-facebook){
    color:white !important;
}

.lobo-link{
    color:white !important
}

.lobo-link:hover{
    color: var(--primary-color) !important;
}

.footer-links .nav-link{
    display: inline !important;
}

.btn-primary{
    font-weight:bold !important;
}

.bold{
    font-weight:bold !important;
}

.w-100{
    width:100%;
}

#btn-filtros{
    display:none;
}

.no-rounded-bottom{
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
  
.description-full{
    height:auto !important;    

    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.text-primary-hover a{
    color:black !important;    
}

.11em{
    font-size:1.1em !important;
}

@media (max-width: 575.98px) { 
    #hero-container {
        margin-top:0 !important;
    }

    #hero-container .my-5{
        margin-top:0 !important;
    }

    .mobile-center{
        text-align:center !important;
    }

    .mobile-justify{
        text-align:justify !important;
    }

    .mobile-logo{
        text-align:center !important;
    }

    .mobile-logo img{
        max-width: 60% !important;
        margin-bottom:15px;
    }

    .xs-hidden{
        display:none !important;
    }

    .busqueda-container{
        padding-top:0 !important;
    }

    #btn-filtros{
        display:block !important;
    }

    #filtros-container{
        display:none;
    }
}

