/*
 Theme Name: Divi Tema Hijo por Alan Fox
 Theme URI: http://www.elegantthemes.com/gallery/divi/
 Description: Tema hijo divi
 Author: Alan Fox
 Author URI: http://www.jartefox.net
 Template: Divi
 Version: 1.0.0
*/
@import url("../Divi/style.css");
/* =Theme customization starts here------------------------------------------------------- */




/* Este estilo coloca un espacio derecho en el la hoja de descripción de propiedades*/
 .wpl_prp_container_content_right{
	
	padding-right:20px;
}
/**********************/

/*estilos de borde para la columna izquierda de la descripción de propiedad*/
.wpl_prp_show_container .wpl_prp_container_content_right{
	border-left:1px dashed #ccc !important;
	
}
/************************/

/*Estilos para el mapa de busqueda agregado manualmente, en la descripción de propiedad*/

#contenedorSpan{
width:100% !important;	
	font-size:0 !important;	
	padding: 0 !important;
	;
}
.spanProporcional{
width:100% ;	
position: relative;
padding-bottom: 56.25%; /* Para que el contenedor tenga relación de aspecto 16/9 */
	
}

iframe[src*="https://www.google.com/maps/"]{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
	
}

/*Fin de estilos para mapa de busqueda*/

/*Estilos para el buscador*/
.wpl_search_from_box .wpl_search_from_box_top .wpl_search_field_container:nth-last-child(3) .chosen-container a{
	
	border-radius:0 !important;
	
}
/*Fin de estilos del bsucador de la página inicio*/






/* Este estilo coloca un espacio derecho en el la hoja de descripción de propiedades*/
 .wpl_prp_container_content_right{
	
	padding-right:20px;
}
/**********************/

/*estilos de borde para la columna izquierda de la descripción d epropiedad*/
.wpl_prp_show_container .wpl_prp_container_content_right{
	border-left:1px dashed #ccc !important;
	
}
/************************/




/*Este estilo agrga un ancho del 100% al contenedor que muestra la información del agente, justamente en la pestaña donde se muestra el detalle del agente*/

div[class="wpl_agent_info_c wpl-large-8 wpl-medium-8 wpl-small-12 wpl-column clearfix"]

{
	
	width:100%;
}

/**************************/
/*Este estilo coloca un borde inferior en la página donde se muestra la información del agente*/

div[class="wpl_profile_show_container_box" ]{
border-bottom: 1px dashed #ccc;
	
	
}
/**************************/

/*Estilo que coloca un espacio o margen superior en la pagian donde se muestra el listado de todas las propiedades*/
#wpl_prp_show_container{
	
padding-top: 15px !important;
	
}


/*Colores de fondo para botonones de formulario agente y las rayas de los titulos descripción de propiedad*/

.btn-primary, .wpl_prp_show_detail_boxes_title:after {

background: #000 !important;	
}

/*Este estilo agrega espacios al boton del formulario ubicado en la pagina que muestra el detalle del agente*/

.wpl_profile_show_container .wpl_user_contact_container .button input {

padding: 10px 25px 10px 25px !important;
    
}


/*Colores para los iconos  en la página de la descripción de propiedades*/

 .wpl_prp_show_detail_boxes_cont .rows.feature.single:after, 
.wpl_prp_show_detail_boxes_cont .neighborhood>span::after{

color: #000 !important;	
}
/*=======================*/

/*Estilo que quita el fondo dgris de la primera pestaña en las opciones de ordenación, mostrado en el listado de propiedades*/
.wpl-page .wpl_sort_options_container .wpl_sort_options_container_title {
	
	background:none!important;
}


/*Estilo que olculta el logo de realtina*/

img[ alt="Powered By Realtyna"] {

display:none;

}

/*Estilos para detalle de propiedad, mostrar items en dos columnas*/
.wpl_prp_show_detail_boxes_cont:before, .wpl_prp_show_detail_boxes_cont:after {
    content: "";
    display: none;
}
.wpl_prp_show_detail_boxes_cont{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap
}
.wpl_prp_show_detail_boxes_cont 
.wpl-column{
	width:calc(50% - 10px);
	border:dashed 1px  #ccc;
	padding:5px 10px 5px 10px !important;
}
@media only screen and (max-width: 600px) {
 .wpl_prp_show_detail_boxes_cont 
.wpl-column{
width: 100%;
  }
}