/*----------------------------------------------------------*\
                       DH Content
\*----------------------------------------------------------*/


.dh-experiences-content-title h3{
	font-size: 2.5rem;
	line-height: 37px;
	font-weight: 600;
	font-weight: 500;
	color: #3e4343;
	margin: 0;
	padding-top: 30px;
	padding-bottom: 30px;
	word-break: break-word;
	hyphens: auto;
}

.dh-experiences-content-divider {
	padding-bottom: 30px
}

.dh-experiences-content-divider hr {
	width: 25%;
	border: 0;
	height: 5px;
	background: #7fbd04;
	background: linear-gradient(to right,#7fbd04 65%,#6aa105 35%);
	float: left;
}

.dh-experiences-content-divider hr:after{
	content: "";
	display: table;
	clear: both;
}


/*----------------------------------------------------------*\
			        DH Experiences Content
\*----------------------------------------------------------*/


.experiences-content h1,
.experiences-content h2,
.experiences-content h3,
.experiences-content h4,
.experiences-content h5,
.experiences-content h6{
  margin: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important
}

.experiences-content h1{

}

.dh_experiences_experience h2{
	color: #363534 !important;
    font-family: "p22-mackinac-pro", Sans-serif !important;
    font-size: 33px !important;
	line-height: 33px !important;
    letter-spacing: 0;
    font-weight: 400 !important;
}

.experiences-content h3{

}

.experiences-content h4{

}

.experiences-content h5{

}

.experiences-content h6{

}

.experiences-content p{
	color: #363534 !important;
	font-family: 'Roboto Mono' !important;
	font-size: 14px !important;
	font-weight: 300 !important;
}


.experiences-content ul{

}


.experiences-content li {
  font-size: 0.9rem;
  letter-spacing: 0;
  margin-bottom: 7px;
  margin-top: 7px;
  color: #3e4343 !important;
  padding-left: 25px;
  position: relative;
  list-style-type: none
}

.experiences-content li:before {
   content:'';
   width: 7px;
   height: 7px;
   background-color: #7fbd04;
   border-radius: 7px;
   position: absolute;
   top: 11px;
   left: 0
}

.experiences-content a {
	text-decoration: none
}
  
  
 /*------ Grid experiences --------*/
 
.dh-experiences-content .dh_experiences {
 	display: grid;
	grid-gap: 60px;
	grid-template-columns: repeat(2, 1fr);
 }
 
 
 /*------ Boxes experiences --------*/

.dh-experiences-content h2, .dh-experiences-content h3, .dh-experiences-content h4, .dh-experiences-content p {
	color: #363534; !important;
	font-weight: 300 !important;
}
 
.dh-experiences-content .dh_experiences .dh_experiences_experience {
	display: flex;
    flex-direction: column;
	border-radius: 12px;
	cursor: pointer;
	justify-content: space-between
}

.dh-experiences-content .dh_experiences .dh_experiences_experience .dh_experiences_experience_image {
	width: 100%;
	height: 310px;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	border-radius: 22px;
}

.dh-experiences-content .dh_experiences .dh_experiences_experience .dh_experiences_experience_image img{
	width: 100%;
	height: auto;
	border-radius: 22px;
}

.dh-experiences-content .dh_experiences .dh_experiences_experience .dh_experiences_experience_content {
	background-color: none;
	padding: 20px 0 0 0;
	flex-grow: 1;
}

.dh-experiences-content .dh_experiences .dh_experiences_experience:nth-child(odd) .dh_experiences_experience_content {
	background-color: none !important;
}

.dh-experiences-content .dh_experiences .dh_experiences_experience:nth-child(even) .dh_experiences_experience_content {
	background-color: #ededed;
}

.dh-experiences-content .dh_experiences .dh_experiences_experience .dh_experiences_experience_content a {
    border: 1px solid #000;
	background-color: transparent;
	color: #363534 !important;
    border-radius: 22px;
    padding: 5px 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
	text-decoration: none;
	color: #363534;
	display: inline-block;
	margin-top: 20px;

}

.dh-experiences-content .dh_experiences .dh_experiences_experience .dh_experiences_experience_content a:hover {
	background-color: #363534;
	color: #f2efe6 !important;
}


/*.dh-experiences-content .dh_experiences .dh_experiences_experience .dh_experiences_experience_content h2, .dh-experiences-content .dh_experiences .dh_experiences_experience .dh_experiences_experience_content h3 {
	font-family: "The Seasons", Sans-serif;
    font-size: 22px;
	letter-spacing: 1px;
	color: #373935;
}

.dh-experiences-content .dh_experiences .dh_experiences_experience .dh_experiences_experience_content p {
	font-family: "IBM Plex Sans", Sans-serif;
	font-size: 16px;
	margin-bottom: 0;
	color: #373935;
	line-height: 22px;
}


 /*------ Filters --------*/
 
.dh-experiences-content .dh_experiences_filters {
	padding: 40px 0;
    border-width: 1px 0 1px 0;
    border-style: solid;
    margin-bottom: 50px;
}

.dh_experiences_filter_hotels {
	margin-bottom: 6px;
}
 
.dh-experiences-content .dh_experiences_filters .dh_experiences_filter_hotels, .dh-experiences-content .dh_experiences_filters .dh_experiences_filter_categories {
    display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
}

.dh_experiences_filter_hotels_hotel, .dh_experiences_filter_hotels_all, .dh_experiences_filter_categories_all, .dh_experiences_filter_categories_category {
	margin-bottom: 6px;
}

.dh-experiences-content .dh_experiences_filters .dh_experiences_filter_hotels span, .dh-experiences-content .dh_experiences_filters .dh_experiences_filter_categories span {
	font-size: 16px;
	line-height: 20px;
    padding: 5px 15px 5px 15px;
    margin-right: 12px;
    color: #fff;
	border-radius: 50px;
	border: 1px solid transparent;
	
	transition: all 0.2s linear;
}

.dh-experiences-content .dh_experiences_filters .dh_experiences_filter_hotels span, .dh-experiences-content .dh_experiences_filters .dh_experiences_filter_categories span:hover {
	transform: scale(1.05)
} 

.dh-experiences-content .dh_experiences_filters .dh_experiences_filter_hotels span.dh_experiences_filter_hotels_all, .dh-experiences-content .dh_experiences_filters .dh_experiences_filter_categories span.dh_experiences_filter_categories_all {
	background-color: transparent;
	color: #363534;
	border: 1px solid #363534;
	cursor: pointer;
	text-transform: uppercase;
	font-weight: 300;
} 


.dh-experiences-content .dh_experiences_filters .dh_experiences_filter_hotels span.dh_experiences_filter_hotels_hotel, .dh-experiences-content .dh_experiences_filters .dh_experiences_filter_categories span.dh_experiences_filter_categories_category {
	background-color: transparent;
	color: #363534;
	border: 1px solid #363534;
	cursor: pointer;
	text-transform: uppercase;
	font-weight: 300;
}

.dh-experiences-content .dh_experiences_filters .dh_experiences_filter_hotels  span.dh_experiences_filter_hotels_hotel.active, .dh-experiences-content .dh_experiences_filters .dh_experiences_filter_categories span.dh_experiences_filter_categories_category.active {
	background-color: #363534;
	border: 1px solid #363534;
	color: #F2EFE6;
	transform: scale(1.05);
	text-transform: uppercase;
	font-weight: 300;
}
 
.dh-experiences-content .dh_experiences_filters .dh_experiences_filter_categories span.dh_experiences_filter_categories_category:hover {
	background-color: transparent;
	border: 1px solid #006480;
} 


/*------ MODAL --------*/

body.modal_open {
	/*height: 100vh;*/
	overflow: hidden;
}

.dh_experience_modal {
	display: none;
	/*display: grid;*/
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 9999999999;
	background-color: #f2efe6ba;
	padding: 20px;
	overflow: auto;
	
	transform: translateY(100vh);
	
	transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out;
}

.dh_experience_modal.load {
	display: grid;
}

.dh_experience_modal.open {
	transform: translateY(0);
}

.dh_experience_modal .dh_experience_modal_container {
	width: 600px;
}


.dh_experience_modal .dh_experience_modal_container .dh_experience_modal_container_inner {
    position: relative;
    background: #ffffff;
	overflow: hidden;
	border-radius: 12px;
	box-shadow: 0px 0px 15px -3px rgba(0,0,0,0.4);
}


.dh_experience_modal .dh_experience_modal_close {
	width: 30px;
    height: 30px;
    position: absolute;
    top: 7px;
    right: 6px;
    color: #363534;
    cursor: pointer;
    background-color: #3635342b;
    background-image: url(https://www.daiahotels.com/wp-content/uploads/2024/07/close-modal-experiences.png);
    background-size: 13px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 100%;
    z-index: 2;
    transform: rotate(0);
    transition: all 0.5s;
}

.dh_experience_modal .dh_experience_modal_close:hover {
	transform:rotate(360deg);
}



 /*--- MODAL TITLE---*/
 
.dh_experience_modal .dh_experience_modal_title {
	font-family: "p22-mackinac-pro";
    font-size: 33px;
	letter-spacing: 0;
	line-height: 34px;
	text-transform: normal;
	padding: 20px 60px 20px 20px;
	background: #f2efe6;
	color: #363534;
 }

 /*--- MODAL IMAGE---*/

.dh_experience_modal .dh_experience_modal_image {
	position: relative;
    width: 100%;
    height: 260px;
    overflow: hidden;
}

.dh_experience_modal .dh_experience_modal_image img{
	position: absolute;
    width: 100%;
    height: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

/*---MODAL INFO---*/

.dh_experience_modal  .dh_experience_modal_content {
	padding: 40px 30px 30px !important;
	position: relative;
	background-color: #f2efe6;
}

.dh_experience_modal .dh_experience_modal_content .dh_experience_modal_content_price  {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	min-width: 120px;
	font-size: 24px;
	font-weight: bold;
	padding: 12px 12px 12px 20px;
	color: #ffffff !important;
	background-color: #F49800;
	border-radius: 50px 0 0 50px;
	position: absolute;
    top: -65px;
    right: -30px;
}

.dh_experience_modal .dh_experience_modal_content .dh_experience_modal_content_price_2-row {
	border-radius: 12px 0 0 12px;
	top: -100px;
}

.dh_experience_modal .dh_experience_modal_content .dh_experience_modal_content_price strong {
	font-size: 12px;
    font-weight: 400;
}

.dh_experience_modal .dh_experience_modal_content .dh_experience_modal_content_price > *,
.dh_experience_modal .dh_experience_modal_content .dh_experience_modal_content_price p {
	margin: 0 !important;
}

.dh_experience_modal .dh_experience_modal_content .dh_experience_modal_content_price  p{
	color: #ffffff !important;
}

.dh_experience_modal  .dh_experience_modal_content button a {
    border: 1px solid #000;
	background-color: #363534;
	color: #f2efe6 !important;
    border-radius: 22px;
    padding: 5px 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
	text-decoration: none;
	color: #363534;

}

.dh_experience_modal  .dh_experience_modal_content a:hover {
	background-color: transparent;
	color: #363534 !important;
}








/*---MODAL FORMULARIO ---*/

.dh_experience_modal .dh_experience_modal_content .elementor-form .elementor-form-fields-wrapper * {
	line-height: 22px;
	min-height: none !important;
}

.dh_experience_modal .dh_experience_modal_content .elementor-form .elementor-field-type-text input, 
.dh_experience_modal .dh_experience_modal_content .elementor-form .elementor-field-type-email input,
.dh_experience_modal .dh_experience_modal_content .elementor-form .elementor-field-type-tel input,
.dh_experience_modal .dh_experience_modal_content .elementor-form .elementor-field-type-textarea textarea {
	padding: 8px 12px !important;
}


.dh_experience_modal .dh_experience_modal_content .elementor-form .elementor-field-option label{
    text-transform: normal !important;
}