/*
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: Inspiry Themes
Author URI: https://www.inspirythemes.com/
Template: realhomes
Version: 1.4.2
*/
@media (min-width: 1280px) {
    .rh_banner__default {
        height: 0;
    }
}
@media (min-width: 1024px) {
    .rh_property .rh_property__main {
        width: 100%;
        margin-right: 3rem;
    }
}
@media (min-width: 1024px) {
    .rh_property .rh_property__sidebar {
        width: 0%;
        margin-top: 0;
    }
}
@media (min-width: 480px) {
    .rh_property .rh_property--borderBottom {
        padding: 0 0 3rem 0;
        display: none;
    }
}
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet">
.icono-prohibido {
  position: relative;
  display: inline-block;
  font-size: 2rem;
}

.icono-prohibido .fa-ban {
  position: absolute;
  top: 0;
  left: 0;
  color: red;
  font-size: 2.2rem;
  pointer-events: none;
}
.rh_contact_widget .rh_contact_widget__item .content {
    font-size: 1.5rem;
    line-height: 2;
    max-width: 30rem
300px
;
}
/* FORMULARIO DE CONTACTO*/
.wpcf7-form label {
  color: #8C6239 !important;
  font-family: 'Roboto Condensed', sans-serif;
}
/* Color gris para placeholders en todos los campos del formulario */
.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder {
  color: #999 !important;
  opacity: 1 !important;
}

/* Compatibilidad con todos los navegadores */
.wpcf7 input::-webkit-input-placeholder,
.wpcf7 textarea::-webkit-input-placeholder {
  color: #999 !important;
}

.wpcf7-form label {
  display: block;
  margin-bottom: 4px; /* acercar el label al input */
  font-weight: 500;
}

.wpcf7-form .wpcf7-form-control-wrap {
  margin-bottom: 16px; /* separar el campo del siguiente grupo */
}

.wpcf7-form input,
.wpcf7-form textarea,
.wpcf7-form select {
  margin-bottom: 0; /* elimina margen extra del campo */
}

.wpcf7 input:-moz-placeholder,
.wpcf7 textarea:-moz-placeholder {
  color: #999 !important;
  opacity: 1 !important;
}

.wpcf7 input::-moz-placeholder,
.wpcf7 textarea::-moz-placeholder {
  color: #999 !important;
  opacity: 1 !important;
}

.wpcf7 input:-ms-input-placeholder,
.wpcf7 textarea:-ms-input-placeholder {
  color: #999 !important;
}
.wpcf7 input[type="submit"] {
  display: block;
  width: 100%;
  margin: 10px auto 0 auto; /* centrar con auto en laterales */
  background-color: #0054a6;
  color: white;
  font-size: 16px;
  padding: 8px 0;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  text-align: center;
}

.wpcf7 input[type="submit"]:hover {
  background-color: #999999;
}
/* GTranslate */
.custom-lang-flags a {
  font-size: 24px;
  margin: 0 5px;
  text-decoration: none;
  transition: transform 0.2s;
}

.custom-lang-flags a:hover {
  transform: scale(1.2);
}

//* CAMBIAR TAMAÑO ICONOS Y FUENTE GTRANSLATE**//
.gtranslate_wrapper img {
  width: 18px !important;
  height: auto !important;
}

.gtranslate_wrapper span {
  font-size: 12px !important;
}
.gt_float_switcher .gt_options a
 {
    padding: 5px 1px !important;
      font-size: 14px !important;
}
.gt_options gt-open {
	max-width: none !important;
}
div[style*="max-width: 25px"] {
  max-width: none !important;
}
div[style*="max-width: 26px"] {
  max-width: none !important;
}
div[style*="max-width: 27px"] {
  max-width: none !important;
}
div[style*="max-width: 32px"] {
  max-width: none !important;
}

table {
    table-layout: auto;
}

/* TRANSFORMACION MENU MOVIL*/ 
.hc-offcanvas-nav .nav-container, .hc-offcanvas-nav .nav-wrapper, .hc-offcanvas-nav ul {
  background: #fff;
}
.hc-offcanvas-nav .nav-wrapper > .nav-content > ul:first-of-type > li:first-child:not(.nav-back):not(.nav-close) > .nav-item-wrapper > .nav-item-link {
  border-top: 1px solid #8C6239;
}
.hc-offcanvas-nav .nav-back a, .hc-offcanvas-nav .nav-item-link, .hc-offcanvas-nav li.nav-close a {
  	border-bottom: 1px solid #8C6239;
	color: #8C6239;
	
}
.hc-offcanvas-nav .nav-content > .nav-close:first-child a {
  background: #8C6239;
}
body nav.rhea-hc-nav-menu.rhea-hc-nav-88ef840 .nav-item-link{
	font-weight: bold;	
}
.hc-offcanvas-nav .nav-item-link, .hc-offcanvas-nav li.nav-close a {
  font-weight: bold;
}

/* FORMATO AREA TEXTO DENTRO DE FORMULARIO DE CONTACTO */
.info-readonly {
  border: none !important;
  background: transparent !important;
  resize: none;
  box-shadow: none;
  cursor: default;
  outline: none;
  font-size: 14px;     /* ajusta el tamaño a tu diseño */
  line-height: 1.5em;  /* mejora la legibilidad */
  width: 100%;         /* ocupa el ancho del contenedor */
  height: auto;        /* se ajusta al texto */
  overflow: hidden;    /* oculta scroll si lo hay */
}
