/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Version: 4.27.0.1721659287
Updated: 2024-07-22 14:41:27

*/
/*GENERAL*/
a{
	text-decoration: none !important;
}
.display-none{
	display: none;
}
/* NAVBAR */
#slide-in-open{
cursor: pointer;
}
 
.line{
display: block;
position: absolute;
height: 2px;
width: 60%;
background: #2ea3f2;
border-radius: 9px;
-webkit-transition: .1s ease-in-out;
-moz-transition: .1s ease-in-out;
-o-transition: .1s ease-in-out;
transition: .1s ease-in-out;
}
 
.line-2 {
top: 7px;
}
 
.line-3 {
top: 14px;
}
 
#slide-in-open.open .line-1 {
top: 10px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
background: #FFFFFF;
}
 
#slide-in-open.open .line-2 {
display: none;
}
 
#slide-in-open.open .line-3 {
top: 10px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
background: #FFFFFF;
}
 
.slide-in-menu {
right: 0 !important;
display: block !important;
}
 
.slide-in-menu-container {
-webkit-transition: all 0.5s ease !important;
-moz-transition: all 0.5s ease !important;
-o-transition: all 0.5s ease !important;
-ms-transition: all 0.5s ease !important;
transition: all 0.5s ease !important;
display: none;
}

/* INICIO Y NOSOTROS */
@media all and (min-width: 1023px){
	.page-id-371048 .s-1{
		height: calc(100vh - 115.4px);
	}
	.page-id-371048 .s-2{
		height: calc(100vh - 101.3px);
	}
	.page-id-371048 .s-3{
		height: calc(100vh - 101.3px);
	}
	.page-id-371048 .s-4{
		height: calc(100vh - 101.3px);
	}
	.page-id-371048 .s-6{
		height: calc(100vh - 101.3px);
	}
	
	.page-id-371069 .s-1{
		height: calc(100vh - 115.4px);
	}
	.page-id-371069 .s-2{
		height: calc(100vh - 101.3px);
	}
	.page-id-371069 .s-3{
		height: calc(100vh - 101.3px);
	}
	.page-id-371069 .s-4{
		height: calc(100vh - 101.3px);
	}
	.page-id-371069 .s-5{
		height: calc(100vh - 101.3px);
	}
	.slider-full-height-first .et_pb_slides .et_pb_slide{
		height:calc(100vh - 115.4px);
	}
	.slider-full-height .et_pb_slides .et_pb_slide{
		height:calc(100vh - 101.3px);
	}
	.flex-container{
		display: flex;
	}
	.flex-container .et_pb_module.et_pb_image.et_pb_image_0{
		display: flex;
	}
	.flex-container .et_pb_module.et_pb_image.et_pb_image_0 span{
		display: flex;
		align-items:center;
	}
}


.scroll-control{
	position: fixed;
	right: 20px;
	top: 50%;
	transform: translateX(-50%);
	z-index:999;
}
.scroll-control > span{
	cursor: pointer;
	display: block;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	margin: 10px 0;
	background-color: rgba(78,131,177,0.6);
}
.scroll-control span:hover {
	opacity: 1;
}
.scroll-control .s-active {
	background-color: #4e83b1;
}
.scroll-control .hover-text {
  display: none;
  position: relative;
  background-color: #4e84b2;
  padding: 2px 10px 2px 10px;
  border-radius: 3px;
  right: 20px;
  top: -9px;
  float: right;
  color: #FFFFFF;
}
.scroll-control span:hover .hover-text {
	display:block;
}
.scroll-control span .on-scroll {
	display:block;

}
.scroll-control span:hover .hover-text {
	opacity: 1;
}

@media all and (max-width: 1023px){
	.scroll-control{
		display: none;
	}
}


/*PROMOCIONES*/
.loop-quantity {
	display: none;
}
.loop-typologies{
	display:none;
}
/* Cards banner for properties  */
.loop-container{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.single-loop-wrapper{
	display: flex;
  	flex-direction: column;
	width:28%;
	justify-content: space-between;
	position: relative;
	margin-bottom: 6vh;
}
.single-loop-wrapper:last-child{
	margin-right: 0px !important;
}
.loop-image{
	overflow: hidden;
}
.loop-image{
	width: 100%;
}
.loop-image > a >img{
	width: 100%;
	object-fit: cover;
}
@media all and (max-width: 430px){
	.single-loop-wrapper{
		max-width:300px;
		width: 100% !important;
	}
	.loop-image{
		width: 300px;
	}
	.loop-btn{
		text-align: center;
	}
}
.loop-banner-container{
	display: flex;
	flex-wrap: wrap;
  position: absolute;
  top: 15px;
  left: 15px;
}
.loop-banner{
	display: flex;
  gap: 8px;
  align-items: center;
	padding: 0.5rem;
	background-color: #005fb2;
	margin-bottom: 2vh;
	border-radius: 3px;
	margin-right: 7px;
}
#sold-out{
	background-color:#7b99ea;
}
.loop-banner img{
	width:23px;
}
.loop-banner p {
	font-size: 1.2rem;
  letter-spacing: -.02em;
  color: #FFFFFF;
}
.loop-location-quantity{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 0.5vh;
	margin-bottom: 0.8vh;
}
.loop-location h4{
	text-transform: uppercase;
	padding-bottom: 0;
	font-size:0.75rem;
}
.loop-quantity p{
	color: #4e84b2;
	font-weight: 600;
	text-transform: uppercase;
    font-size: 0.75rem;
}
.single-loop-wrapper h2{
  font-weight: 700;
  font-size: 1.2rem;
  line-height: 2.125rem;
}
.single-loop-wrapper h2:hover{
  color: #4e84b2;
}
.loop-price {
	display: flex;
	justify-content: space-between;
}
.loop-price h4 span {
	font-weight: 700;
	color: black;
	line-height: 1.375rem;
}
.loop-typologies{
	margin-top: 1vh;
}
.loop-typologies div{
	display: flex;
}
.loop-rooms{
	display:flex;
	align-items:center;
	margin-right:15px;
}
.loop-square-meters{
	display:flex;
	align-items:center;
}
.loop-rooms img{
	width:35px;
	margin-right:5px;
}
.loop-square-meters img{
	width:24px;
	margin-right:5px;
}
.loop-btn{
	padding-top: 1.6rem;
}
.loop-btn a{
	color: #4e84b2;
	padding: .75rem 2.25rem;
	border: 2px solid #4e84b2;
	border-radius: 3px;
	font-size: 20px;
}
.loop-btn a:hover{
	background-color: #4e84b2;
	color: #FFFFFF;
}

/*PROMOCIÓN*/
.et_pb_row_1_tb_body .et_pb_button.et_pb_bg_layout_light {
    width: 98%;
}
#menu-bar-title-container {
  display: flex;
  align-items: center;
}
.footer-column {
  display: flex;
  align-items: center;
}
#property-features-container{
	display:flex;
	flex-wrap: wrap;
	gap: 8px;
}
#property-features-container img{
	width: 24px;
}
#property-features-container .property-status, #property-features-container .property-rooms, #property-features-container .property-square-meters, #property-features-container .property-reference{
	padding: .5rem;
	display: flex;
	border-radius: 3px;
	background-color: #005fb2;
	color: #FFFFFF;
	gap: 8px;
	font-size: 0.87rem;
	font-weight: 600;
}
#property-header-image{
	overflow: hidden;
}
#property-header-image img:hover{
  transform: scale(1.05);
  transition: ease-in-out 0.17s;
}
#tooltip-content{
  display: none;
  position:absolute;
  overflow: visible;
  width: max-content;
}
#gallery-count p{
	display:flex;
	justify-content: end;
}
#property-description p{
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
@media screen and (min-width: 675px){
	.grid{
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 45px;
	}
	.grid-large{
		grid-template-rows: 400px 50px 400px;
	}
	.child img{
		max-width: 100%;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.child.child-1{
		grid-row: 1/3;
		grid-column: 1/2;
	}
	.child.child-2{
		grid-row: 1/2;
		grid-column: 2/3;
	}
	.child.child-3{
		grid-row: 1/3;
		grid-column: 3/-1;
	}
	.child.child-4{
		grid-row: 3/4;
		grid-column: 1/2;
	}
	.child.child-5{
		grid-row: 2/-1;
		grid-column: 2/3;
	}
	.child.child-6{
		grid-row: 3/4;
		grid-column: 3/-1;
	}
}
#lightbox{
	z-index: 99999;
}
.promotion-video > .wp-video{
	border: 1px solid #dbdbdb;
}
.js-wpv-view-layout table thead tr th{
	background-color: #4E84B2;
	border: 1px solid #FFFFFF;
	padding: .75rem 1.3rem .75rem .85rem;
}
.js-wpv-view-layout table thead tr th a{
  font-size: 0.85rem;
	color: #fff;
}
.js-wpv-view-layout table tbody tr td{
	background-color: #e9eefb;
	border: 1px solid #FFFFFF;
	padding: .75rem;
    font-size: 0.85rem;
	color: #5f5f5f;
}
table {
    border: 1px solid #ccc;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
    table-layout: fixed;
  }
  
table tr {
	background-color: #f8f8f8;
	border: 1px solid #ddd;
	padding: .35em;
}

table th,
table td {
	padding: .625em;
	text-align: center;
	font-size: .7em;
}

@media screen and (max-width: 600px) {
	table {
		border: 0;
	}

	table th {
		font-size: .6em;
		letter-spacing: .1em;
		text-transform: uppercase;
	}
	
	table thead {
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}

	table tr {
		border-bottom: 3px solid #ddd;
		display: block;
		margin-bottom: 4vh;
	}

	table td {
		border-bottom: 1px solid #ddd;
		display: block;
		font-size: .6em;
		text-align: right;
		display: flex;
		justify-content: space-between;
	}

	table td::before {
		/*
		* aria-label has no advantage, it won't be read inside a table
		content: attr(aria-label);
		*/
		content: attr(data-label);
		font-weight: bold;
		text-transform: uppercase;
	}

	table td:last-child {
		border-bottom: 0;
	}
}
#property-quantity > div{
	display: flex;
  justify-content: end;
  gap: 8px;
}

#property-quantity div div{
  align-content: center;
}
#property-quantity div div p{
	padding-bottom: 2px;
}
#property-quantity div div img{
	width: 27px;
}
/* Equipments */
.loop-equipments > div{
	display: flex;
	flex-wrap: wrap;
}
@media screen and (max-width: 600px){
	.equipment-container p {
	  font-size: 0.75rem !important;
	}
}
.equipment-container{
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 3vh;
}
.equipment-container img{
	width: 50px;
	margin-bottom: 2vh;
}
.equipment-container p{
	color: #333;
  font-weight: 600;
	font-size: 1.1rem;
}

/*--------- G-Translate -----------*/
.menu-item-gtranslate-child a {
    width: 70px !important;
}
.menu-item-gtranslate ul {
	width: auto !important;
}
@media (min-width:470px){
	.gt_switcher_wrapper{
		display: none;
	}
}
@media (max-width:470px){
	.menu-item-gtranslate{
		display: none;
	}
	.glink img{
		width:40px;
		height:40px;
		margin-right:10px !important;
	}
}