/*
Theme Name: Divi Child Theme
Theme URI: rentandlive.es
Description: Divi Child Theme
Author: Divi Ready Themes
Author URI: https://divireadythemes.com/
Template: Divi
Version: Updated for Divi 3+
*/

/*------------------------------------------------*/
/*-------------------[GENERAL]--------------------*/
/*------------------------------------------------*/
/****************** RESPONSIVE GENERAL ******************/
@media screen and (max-width:1280px) {
	.et_pb_row {
		width: 90%;
	}
}

@media screen and (max-width: 980px) {
	.reverse {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}

	.menu-responsive.et_pb_menu .et_pb_menu__menu {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
	}

	.menu-responsive.et_pb_menu .et_mobile_nav_menu {
		display: none;
	}
}

.ds-vertical-align {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.et_button_no_icon .et_pb_button {
	border-bottom: 1px solid !important;
	font-size: clamp(1.125rem, calc(1.125rem + ((1vw - 0.48rem) * 0.1736)), 1.25rem);
	min-height: 0vw;
}

/******************************************************************
------ TIPOGRAFÍAS 
******************************************************************/
html {
	font-size: 100%;
}
.et-boc h1,
.et-boc h2,
.et-boc h3,
.et-boc h4,
.et-boc h5,
.et-boc h6 {
	font-weight: 300;
}

.et-boc h1,
.et-boc .subtitle-h1,
.et-boc .et_pb_title_container h1 {
font-size: clamp(2.25rem, calc(2.25rem + ((1vw - 0.48rem) * 3.125)), 4.5rem);
	min-height: 0vw;
}

.et-boc h2,
.et-boc .subtitle-h2 {
font-size: clamp(2.125rem, calc(2.125rem + ((1vw - 0.48rem) * 2.6042)), 4rem);
	min-height: 0vw;
}

.et-boc h3,
.et-boc .subtitle-h3 {
font-size: clamp(2rem, calc(2rem + ((1vw - 0.48rem) * 1.3889)), 3rem);
	min-height: 0vw;
}

.et-boc h4,
.et-boc .subtitle-h4 {
font-size: clamp(1.875rem, calc(1.875rem + ((1vw - 0.48rem) * 0.8681)), 2.5rem);
	min-height: 0vw;
}

.et-boc h5,
.et-boc .subtitle-h5 {
font-size: clamp(1.625rem, calc(1.625rem + ((1vw - 0.48rem) * 0.5208)), 2rem);
	min-height: 0vw;
}

.et-boc h6,
.et-boc .subtitle-h6 {
font-size: clamp(1.375rem, calc(1.375rem + ((1vw - 0.48rem) * 0.3472)), 1.625rem);
	min-height: 0vw;
}

body .et-boc {
	font-size: clamp(1.125rem, calc(1.125rem + ((1vw - 0.48rem) * 0.1736)), 1.25rem);
	min-height: 0vw;
	font-weight: 400;
}

.tex-col-negro{
	color: #151515;
}

.tex-col-gris {
	color: #787571;
}


/*------------------------------------------------*/
/*-----------------[HEADER-MENU]------------------*/
/*------------------------------------------------*/
.et-db #et-boc .et-l .sec-header {
	position: absolute;
	width: 100%;
}

.et-db #et-boc .et-l .sec-header .et_pb_menu .et-menu > li {
	padding-left: 16px !important;
	padding-right: 16px !important;
}


.et-db #et-boc .et-l .sec-header .et_pb_menu .bt-header img {
	max-width: 24px;
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
}

.et-db #et-boc .et-l .sec-header .et_pb_menu .bt-header a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 8px;
}

@media (min-width:981px) {
	.et-db #et-boc .et-l .sec-header .et_pb_menu .bt-header a {
		font-size: 0px !important;
	}
}

@media (max-width:980px) {
	.et-db #et-boc .et-l .sec-header .et_pb_menu .bt-header img {
		display: none;
	}

	.et-db #et-boc .et-l .sec-header .et_pb_menu .et_pb_menu_inner_container {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	.et-db #et-boc .et-l .sec-header .et_pb_menu .et_pb_menu__wrap {
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
	}
}

@media (max-width:1280px) and (min-width:981px) {
	.et-db #et-boc .et-l .sec-header .et_pb_menu ul li a {
		font-size: 14px;
	}
}

/*------------------------------------------------*/
/*------------------[PORTADA]--------------------*/
/*------------------------------------------------*/
.et-db #et-boc .et-l .sec-portada {
	display: grid;
	place-items: center;
}

@media (min-width:981px) {
	.et-db #et-boc .et-l .sec-portada .et_pb_post_title {
		margin-top: 100px;
	}
}

/*------------------------------------------------*/
/*------------------[BLOG]--------------------*/
/*------------------------------------------------*/
.dgbm_blog_module .dg-blog-module .dg-blog-grid .dgbm_post_item::after {
	width: 100%;
	height: 100%;
	content: "";
	background: rgba(0, 0, 0, 0.4);
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
}

/*------------------------------------------------*/
/*------------------[PROYECTOS]--------------------*/
/*------------------------------------------------*/
.dgbm_blog_module .full-width.image-left-right .project {
	-webkit-column-gap: 10%;
	-moz-column-gap: 10%;
	column-gap: 10%;
}

@media (max-width:1080px) {

	.dgbm_blog_module .full-width.image-left-right .project.dgbm_post_item .column-image,
	.dgbm_blog_module .full-width.image-left-right .project.dgbm_post_item .column-content {
		width: 100% !important;
	}

	.dgbm_blog_module .full-width.image-left-right .project {
		-ms-flex-direction: column !important;
		-webkit-box-orient: vertical !important;
		-webkit-box-direction: normal !important;
		flex-direction: column !important;
		gap: 24px;
	}
}

.single-project .et-waypoint:not(.et_pb_counters) {
	opacity: 1;
}

.single-project .grid-posts .et_pb_gallery_image,
.single-project .grid-posts .et_pb_gallery_image img {
	position: relative;
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

/*Galeria*/
.slick-dotted .slick-list.draggable  .slick-track .slick-slide{
   height: 200px!important;
   overflow: hidden;
  display: flex;
}

.slick-dotted .slick-list.draggable .slick-track .slick-slide .et_pb_de_mach_gallery_item, .slick-dotted .slick-list.draggable .slick-track .slick-slide .et_pb_de_mach_gallery_item img {
  object-fit: cover !important;
  width: 100% !important;
  height: 100%!important;
  display: block !important;
}

.et_pb_de_mach_acf_slider .slick-dots li button {
  height: 8px;
  width: 8px;
}

.et_pb_de_mach_acf_slider_containter_nav .slick-next {
  right: 10px;
}
.et_pb_de_mach_acf_slider_containter_nav .slick-prev{
  left:10px;
}

.et_pb_de_mach_acf_slider_containter_nav .slick-arrow{
  z-index: 99;
}
@media (max-width:766px){
	.slick-dotted .slick-list.draggable .slick-track .slick-slide {
		height: 130px !important;
		width: 40vw !important;
	}	
}


/*------------------------------------------------*/
/*-------------------[Footer]---------------------*/
/*------------------------------------------------*/
.et-db #et-boc footer.et-l .et_pb_menu li.hidden-footer {
	display: none !important;
}

@media screen and (min-width:1280px) {
	.et-db #et-boc footer.et-l .et_pb_blurb {
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
		float: left;
		margin-right: 40px;
	}
}

@media screen and (max-width:980px) {
	.et-db #et-boc footer.et-l .menu-responsive.et_pb_menu .et_pb_menu__wrap {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.et-db #et-boc footer.et-l .menu-responsive.et_pb_menu .et_pb_menu__menu li {
		width: 100%;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}

	.et-db #et-boc .et-l .menu-responsive.et_pb_menu .et_pb_menu__menu li a {
		padding-bottom: 8px;
	}

	.et-db #et-boc .et-l .menu-responsive.et_pb_menu .et-menu-nav,
	.et-db #et-boc .et-l .menu-responsive.et_pb_menu .et-menu.nav {
		width: 100%;
		margin:auto;
	}
}
/******************************************************************
------ FORMULARIOS 
******************************************************************/
/*--- Estructura ---*/
.row_inputs {
	margin-bottom: 1rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 1.2rem;
}

.col_inputs {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-preferred-size: 200px;
	flex-basis: 200px;
}

/*--- Campos ---*/
.wpcf7-form-control-wrap .text,
.wpcf7-form-control-wrap .title,
.wpcf7-form-control-wrap input[type="email"],
.wpcf7-form-control-wrap input[type="password"],
.wpcf7-form-control-wrap input[type="tel"],
.wpcf7-form-control-wrap input[type="text"],
.wpcf7-form-control-wrap input[type="date"],
.wpcf7-form-control-wrap input[type="number"],
.wpcf7-form-control-wrap input[type="url"],
.wpcf7-form-control-wrap select,
.wpcf7-form-control-wrap textarea {
	font-weight: 300;
	font-size: 1rem;
	color: #4e4e4e;
	background-color:transparent;
	width: 100%;
	border-width: 0 0 1px 0 ;
	border-color: #232323;
	padding: 10px 15px;
	border-radius: 0;
}

.wpcf7-form-control-wrap input[type="file"] {
	display: block;
	width: 100%;
}

.wpcf7-acceptance .wpcf7-list-item {
	display: inline-block;
	margin: 0;
	font-size: 14px;
	line-height: 110%;
}

.wpcf7-acceptance .wpcf7-list-item,
.wpcf7-acceptance .wpcf7-list-item a {
	color: #4e4e4e;
}

.wpcf7-submit {
	padding:10px 35px;
	font-size: 18px;
	color:#fff;
	border: none;
	background-color: #000;
	font-weight: 400;
	text-transform: uppercase;
	border-radius: 0;
	-webkit-transition: all 300ms ease 0ms;
	-o-transition: all 300ms ease 0ms;
	transition: all 300ms ease 0ms;

}

.wpcf7-submit:hover {
	background-color: #4e4e4e;
}

.wpcf7-spinner {
	position: absolute !important;
}

.wpcf7-form .etiqueta {
	display: block;
	font-weight: 600;
	font-size: 1rem;
	color: #000;
}

/******************************************************************
------ COOKIES 
******************************************************************/

#cmplz-document {
	max-width: 100%;
}
#main-content .tax-project_category .et_pb_row {
    max-width: 1200px;
}

.alojamientos {
    gap: 2rem;
    display: flex;
    margin-top: 50px;
}

.alojamiento {
    text-align: left;
}

@media only screen and (max-width: 1024px) {
    .alojamientos {
        flex-wrap: wrap;
    }
}

.size-h2 {
    font-size: 40px;
    line-height: 48px;
    font-weight: 300;
    margin-bottom: 16px;
}

.img-separador {
    height: 500px;
    object-fit: cover;
    width: 100%;
}