/*
    Theme Name: RealHomes Child Theme
    Theme URI: http://themeforest.net/item/real-homes-wordpress-real-estate-theme/5373914
    Description: Child theme for Real Homes.
    Author: Luis Romero
    Author URI: https://www.inspirythemes.com/
    Template: realhomes 
    Version: 1.4.2
    Actualizado a 3.14.1 el 26/06/2021
	Añadidos los iconos en realhomes/assets/classic/images/
	icon-bed.svg =>es house.svg
	icon-bath.svg => es subvenciones.svg
	icon-garage.svg => es rio.svg
*/

@import url("../realhomes/style.css");

/* COMIENZO A HACER LOS CAMBIOS DEL TEMA*/

/*PARA CENTRAR EL TELEFONO EN LA TOP HEADER*/
#header-top #telefono {
    display: inline;
}

#telefono {
    font-size: 20px;
    line-height: 30px;
    color: #000;
    float: left;
    font-weight: normal;
    padding: 3px 0;
    margin: 0 0 0 18%;
}

/*EN LA PAGINA HOME, quita el espacio que hay entre las fincas y la barra de busqueda*/
.property-items .narrative {
    padding: 0px 0px;
}

/*CAMBIO EL COLOR DEL PRECIO EN EL LISTADO DE FINCAS SIMILARES*/
.property-grid .property-item span {
    color: #ffffff;
    font-weight: bold;
    background: #20a32b;
    padding: 6px !important;
    font-size: 16px;
    margin: 0px !important;
}

/*BORDES EN VERDE DE LA HOME*/
.page-template-template-home-php .main {
    border-bottom: 1px solid #20A32B;
}

.main {
    border-left: 1px solid #20A32B;
    border-right: 1px solid #20A32B;
    margin-bottom: 30px;
}

/*CABECERA*/
#header-top {
    border-bottom: 0px solid #343A3B;
    margin-bottom: 30px;
}

/*REDONDEO EL BOTON DEL MENU*/
.main-menu ul li.current-menu-ancestor > a, .main-menu ul li.current-menu-parent > a, .main-menu ul li.current-menu-item > a, .main-menu ul li.current_page_item > a, .main-menu ul li:hover > a, .main-menu ul li ul, .main-menu ul li ul li a, .main-menu ul li ul li ul, .main-menu ul li ul li ul li a {
    color: #FFF;
    border-radius: 12px;
}

/*HAGO LOS BOTONES DEL MEN� MAS PEQUE�OS Y MENOS SEPARADOS*/
.main-menu ul li a {
    padding: 10px 13px;
    font-size: 15px;
}

/*COLOR DE LA BARRA DE B�SQUEDA DE LA HOME*/
.widget.advance-search .title {
    background-color: #00611f;
    color: #FFF;
    font-size: 18px;
    line-height: 48px;
    position: static;
    padding: 0px 0px 0px 15px;
    margin-bottom: 0px;
}

/*COLOR DE LA LUPA DE LA BARRA DE B�SQUEDA DE LA HOME*/
.advance-search .search-heading .fa-search {
    padding: 13px 20px 15px;
    margin-right: 20px;
    background-color: #014417;
    font-size: 24px;
}

/*COLOR DE LA ETIQUETA DE B�SQUEDA CUANDO SE HACE UNA BUSQUEDA*/
.advance-search .search-heading {
    background-color: #00611F;
    color: #DEDEE0;
    font-size: 21px;
    line-height: 48px;
    min-height: 53px;
    margin: 0px;
    padding-right: 50px;
    position: absolute;
    top: -53px;
    left: 0px;
    text-transform: capitalize;
    z-index: 999;
}

/*COLOR DE LAS ETIQUETAS*/
#overview .share-label, #overview .common-label, #overview .video-label, #overview .attachments-label, #overview .map-label, #overview .floor-plans .floor-plans-label, .floor-plans #overview .floor-plans-label {
    background-color: #00611f;
    display: inline-block;
    padding: 6px 17px 8px 14px;
    color: #FFF;
    font-family: "Lato", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 0.5px;
}

/*EN LA DESCRIPCI�N DE LA FINCA, EL CUADRADO QUE PONE VENTA*/
#overview .property-item .price .status-label {
    margin-right: -5px;
    padding-right: 28px;
    padding-left: 7px;
    background: #00611f url("../images/arrow-left.png") no-repeat scroll right 0px;
}

/*EN EL DETALLE DE LA FINCA, LA SEPARACI�N QUE HAY ENTRE EL TEXTO DE LA DESCRIPCION Y LA PALABRA "CARACTERISTICAS"*/
.property-item h4, .property-item h4 a {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-weight: normal;
    color: #394041;
    text-transform: capitalize;
    margin: 20px 0px 17px;
    font-size: 18px;
}

#property-carousel-two .flex-direction-nav a:hover {
    background-color: #16781E;
}

#property-carousel-two .flex-direction-nav a {
    opacity: 1;
    background-color: #20A32B;
    background-image: url("../images/arrow-right-white.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 8px 11px;
    height: 40px;
    width: 40px;
}

#overview .property-item .price span {
    display: inline-block;
    background-color: #20A32B;
    padding: 11px 15px 11px 14px;
    margin-right: -1px;
    color: #FFF;
}

#scroll-top {
    display: none;
    position: fixed;
    right: 30px;
    bottom: 40px;
    height: 42px;
    width: 42px;
    line-height: 42px;
    text-align: center;
    color: #FFF;
    background-color: #20A32B;
    z-index: 9999;
    transition: all 0.25s ease-in-out 0s;
}

#scroll-top:hover {
    background-color: #16781E;
}

/* Cambio el tama�o de letra del texto de la cabecera de arriba, el del correo */
#contact-email {
    font-size: 17px;
    line-height: 20px;
    float: left;
    font-weight: normal;
    padding: 13px 0;
    margin: 0 0 0 6px;
}

/* Cambio el tama�o de letra de slogan de debajo del logo */
.tag-line {
    margin-top: -10px;
    font-size: 14px;
    margin-left: 0px;
    text-align: left;
}

/* Cambio Color de Fondo del slogan de debajo del logo */
/* DESDE LAS OPCIONES DEL TEMA*/

/* Cambio los bordes de los cuadros a verde, en la descripci�n de las fincas */
#property-slider-two-wrapper {
    padding: 19px 19px 3px;
    background-color: #f5f5f5;
    border-top: 1px solid #20A32B;
    border-left: 1px solid #20A32B;
    border-right: 1px solid #20A32B;
}

#overview .property-item {
    background: transparent;
    border: none;
    margin-bottom: 0;
    padding: 0;
    border-left: 1px solid #20A32B;
    border-right: 1px solid #20A32B;
}

#overview .property-video {
    padding: 24px 25px;
    position: relative;
    border-top: 1px solid #20A32B;
    border-left: 1px solid #20A32B;
    border-right: 1px solid #20A32B;
}

.floor-plans {
    padding: 25px;
    position: relative;
    border-top: 1px solid #20A32B;
    border-left: 1px solid #20A32B;
    border-right: 1px solid #20A32B;
}

#overview .map-wrap {
    padding: 24px 25px 10px;
    position: relative;
    border-top: 1px solid #20A32B;
    border-left: 1px solid #20A32B;
    border-right: 1px solid #20A32B;
}

#overview .attachments-wrap {
    padding: 25px 25px 25px 25px;
    position: relative;
    border-top: 1px solid #20A32B;
    border-left: 1px solid #20A32B;
    border-right: 1px solid #20A32B;
    border-bottom: 1px solid #20A32B;
}

/*CAMBIO LA POSICI�N DE LA DESCRIPCI�N DEL SLIDER, CUANDO ES SLIDER PERSONALIZADO DE SLIDES*/
/* Slide Description
--------------------------------------------------------*/
.slide-description {
    background-color: rgba(255, 255, 255, 0.6);
    background-color: #fff \9;
    padding: 2px 22px 1px;
    width: 540px;
}

.slide-description h3 {
    font-size: 24px;
    margin-bottom: 4px;
}

.slide-description h3 a {
    color: #394041;
    text-decoration: none;
}

.slide-description h3 a:hover {
    color: #df5400;
}

.slide-description p {
    margin-bottom: 14px;
}

.slide-description span {
    font-size: 18px;
    color: #df5400;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
}

.slide-description .know-more {
    text-decoration: none;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    position: absolute;
    bottom: -34px;
    left: 0;
    display: inline-block;
    background-color: #37b3d9;
    padding: 6px 13px 8px;
    font-size: 13px;
    color: #fff;
}

.slide-description .know-more:hover {
    background-color: #2aa6cc;
}

/*TAMA�O DE LETRA PARA LA DESCRIPCI�N DE LA FINCA */
.property-item p {
    font-size: 16px;
    line-height: 23px;
}

/*TAMA�O DE LETRA PARA LA DESCRIPCI�N DE LA FINCA - TITULO TEXTO DE CARACTER�STICAS */
.property-item h4, .property-item h4 a {
    font-size: 22px;
}

/*TAMA�O DE LETRA PARA LA INFORMACI�N ADICIONAL DE LA DESCRIPCION DE LA FINCA */
#overview .property-item .content {
    font-size: 16px;
    line-height: 22px;
}

/*TAMA�O DE LETRA LA REFERENCIA DE LA FINCA DEBAJO DE LAS FOTOS A LA IZQUIERDA */
#overview .property-item .title {
    float: left;
    margin-bottom: 0px;
    padding: 0px 0px 0px 16px;
    font-size: 16px;
    line-height: 40px;
    color: #394041;
}

/*-----new css------------*/

article.property-item {
    display: flex;
    justify-content: space-between;
    align-items: start;
    flex-wrap: wrap;
    align-content: start;
    padding: 0px;
}

article.property-item > h4 {
    width: 100%;
    margin: 0px;
    padding: 10px 10px;
}

article.property-item > h4 > a {
    font-size: 18px;
    line-height: 22px;
}

article.property-item figure {
    width: calc(50% - 20px);
    margin: 10px;
}

.listing-layout article.property-item .detail,
#home-properties article.property-item .detail{
    width: calc(50% - 20px);
    padding: 0px;
    margin: 10px;
}

.listing-layout article.property-item .detail .price > small,
#home-properties article.property-item .detail .price > small {
    display: none;
}

.listing-layout article.property-item .detail .price,
#home-properties article.property-item .detail .price{
    font-size: 14px;
    padding: 5px;
    margin: 0px;
    background: #20a32b;
}

article.property-item .property-meta {
    padding: 5px 10px !important;
    width: 100%;
    margin: 0px;
}

@media (max-width: 439px){

    .listing-layout .property-item .detail,
    #home-properties .property-item .detail{
        width: auto !important;
    }
}

@media (max-width: 499px){
    .listing-layout .property-item .detail,
    #home-properties .property-item .detail{
        width: auto !important;
    }
    .listing-layout .property-item figure,
    #home-properties .property-item figure{
        width: auto;
    }
}

@media (max-width: 419px){
    #logo:not(.header__top) {
        max-width: 260px;
    }
}



/*---fixing grid view----*/

.property-grid article.property-item {
    margin-left: 0px !important;
    width: 33%;
    float: none;
}

.property-grid .list-container {
    margin-left: 0px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}

h2.cstm-header-title {
    font-size: 20px;
    line-height: 25px;
}

.sort-controls {
    width: 100%;
}

.tag-line {
    display: none;
}

.header-wrapper {
    background: white;
}

.menu-principal-container {
    margin-bottom: 16px;
}

.main-menu ul li.current-menu-ancestor > a, .main-menu ul li.current-menu-item > a, .main-menu ul li.current-menu-parent > a, .main-menu ul li.current_page_item > a, .main-menu ul li:hover > a {
    background: #1ba0261c !important;
}

.main-menu ul li.current-menu-ancestor > a, .main-menu ul li.current-menu-parent > a, .main-menu ul li.current-menu-item > a, .main-menu ul li.current_page_item > a, .main-menu ul li:hover > a, .main-menu ul li ul, .main-menu ul li ul li a, .main-menu ul li ul li ul, .main-menu ul li ul li ul li a {
    color: #00611f;
    border-radius: 0px;
}

#header .social_networks li a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-left: 1px #929a9b38 solid;
}

#header-top {
    margin-bottom: 0px !important;
}

div#home-flexslider {
    max-height: 400px;
    overflow: hidden;
}

.property-item span.reference {
    color: #20a32b;
    background: #e6f5e7;
    font-size: 16px;
    padding: 6px;
    display: block;
    min-width: 90px;
}

.inner-wrapper .hentry strong{
    color: #20a32b !important;
}

p.grid-info-container {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    width: 100%;
    margin-bottom: 10px;
}

p.grid-info-container span {
    width: calc(50% - 12px);
}

#overview .property-item .price .status-label .tag-arrow svg {
    fill: #00611f;
}

#overview .property-item .price .price-and-type .tag-arrow svg {
    fill: #20a32b;
}
.outer-wrapper {
    width: 100%;
}

#home-flexslider .flexslider {
    min-height: 250px;
}

span.price-and-type>small {
    display: none;
}

.property-grid article.property-item figure {
    width: calc(100% - 20px) !important;
    margin: 10px !important;
}


.list-container.clearfix>h3 {
    display: none;
}

.span9.main-wrap {
    width: 100%;
}

.property-grid .property-item p{
    padding: 10px;
}

#overview .property-item .features {
    width: 100%;
}

#overview .property-item .price .reference-detail .tag-arrow {
    position: absolute;
    top: 0;
    left: -11px;
}

#overview .property-item .price .reference-detail .tag-arrow svg {
    fill: #e6f5e7;
}

span.reference-detail {
    position: relative;
    background-color: #e6f5e7 !important;
    color: #20a32b !important;
    left: -3px;
}

#overview .property-item .price {
    background: #dedede;
}

.listing-layout .property-item img {
    width: 100%;
}


.page-head {
     margin-bottom: 0px;
     padding-top: 0px;
    min-height: 250px;
}


.main-menu .rh_menu__hamburger p {
    color: #20a32b;
}

.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {
    background: #20a32b;
}

@media (max-width: 1199px){
    div#logo {
        margin-bottom: 45px;
    }
}


@media (max-width: 767px){
    #overview .property-item .price .status-label {
        flex-grow: 1;
    }

    #overview .property-item .price .price-and-type .tag-arrow {
        display: block !important;
    }

    .property-meta.clearfix {
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        width: 100%;
        margin: 0px auto 15px !important;
    }
    .property-item .property-meta span {
        border-bottom: 0px !important;
    }

    h5.price {
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
    }
}
/*---estilos impresion----*/
@media print {
  body {
    font-size: 12pt;
    color: #000;
    background: #fff;
  }

  .site-header,
  .site-footer,
  .sidebar,
  .print {
    display: none !important;
  }

  .listing-title,
  .property-details,
  .listing-price,
  .listing-address,
  .listing-description {
    display: block;
    width: 100%;
  }

  img {
    max-width: 100%;
    height: auto;
  }

  a[href]:after {
    content: "";
  }
}