/*-----------------------------------------------------------*\
	HEADER
\*-----------------------------------------------------------*/

/*------ header - CLUB DE AMIGOS ------*/

.amh_header_club-amigos .cda_trigger_button {
	max-width: 64px;
    font-size: 12px;
	color: #22475E;
    text-transform: initial;
    line-height: 1em;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
}

.amh_header_club-amigos .cda_trigger_button .cda_trigger_button_icon {
	width: 18px;
    height: 22px;
    background-image: url(https://dev.amarehotels.com/wp-content/uploads/2025/09/flaticon-fuerte-group.png);
	filter: none;
}

.amh_header_club-amigos .cda_trigger_button .cda_trigger_button_text {
	margin-left: 6px;
}


/*----------------------------------------------------------*\
                   Modal Club de Amigos
\*----------------------------------------------------------*/

body .cda_login_container, body .cda_login_container p, body .cda_login_container a, body .cda_login_container button {
	font-family: "Cera", Sans-serif;
	font-weight: 400;
	letter-spacing: 0.12em;
    line-height: 1.2em !important;
    display: block;
}

body .cda_login_container .cda_login p, body .cda_login_container .cda_login a, body .cda_login_container .cda_login input, body .cda_login_container .cda_login input::placeholder, body .cda_login_container .cda_login spam, body .cda_login_container .cda_login button {
	font-size: 15px;
}

body .cda_login_container p, body .cda_login_container a {
	font-size: 12px;
}

body .cda_info_container, body .cda_info_container p, body .cda_info_container a, body .cda_info_container spam, body .cda_login_container input {
	font-family: "Abhaya Libre", Sans-serif;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0.12em;
    line-height: 1.3em !important;
    display: block;
}

body .cda_account, body .cda_account p, body .cda_account a, body .cda_account spam, body .cda_account input, body .cda_account .cda_button {
	font-family: "Abhaya Libre", Sans-serif;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.12em;
    line-height: 1.3em !important;
}

body .cda_response_message, body .cda_response_message p, body .cda_response_message a, body .cda_response_message spam, body .cda_response_message input {
	font-family: "Abhaya Libre", Sans-serif;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0.12em;
    line-height: 1.3em !important;
}

body #cda_recovery_form, body .cda_recovery_form p, body #cda_recovery_form a, body #cda_recovery_form input, body #cda_recovery_form spam {
	font-family: "Abhaya Libre", Sans-serif;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.1em;
    line-height: 1.3em !important;
}

body #cda_recovery_form button {
	font-family: "Cera", Sans-serif;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.12em;
    line-height: 1.3em !important;
}

body .cda_recovery_container .cda_recovery_title {
	font-family: "Abhaya Libre", Sans-serif;
	font-size: 16px;
}

body .cda_login_submit button, .cda_recovery_submit button {
	position: relative;
}

body .cda_login_submit button::after, .cda_recovery_submit button::after {
	bottom: 10px;
}



/*-----------------------------------------------------------*\
       MÁSCARA RESERVAS
\*-----------------------------------------------------------*/

.new_amh_booking_mask_modal .dialog-lightbox-message{
	overflow: visible;
	}

#new_amh_mask #full_wrapper_booking.amare-ibiza #full-booking-engine-html-7{
	padding: 20px 15px 15px 15px !important;
	margin: 0 !important;
	}

body #new_amh_mask form input:focus {
    outline: none;
	}

body #new_amh_mask  #modal_booking,
body #new_amh_mask #full_wrapper_booking.amare-ibiza,
body #new_amh_mask #full_wrapper_booking.with_hotel_selector,
body #new_amh_mask  #full_wrapper_booking,
body #new_amh_mask  .b-booking__inner,
body #new_amh_mask  .full-booking-engine-html-7,
body #new_amh_mask  .booking_form{
	display: flex !important;
	justify-content: center;
	background-color: #E8ECEE;
	transform: none !important;
	width: 100% !important;
	}


body #new_amh_mask  .booking_form input,
body #new_amh_mask  .booking_form input::placeholder,
body #new_amh_mask  .booking_form li p{
	font-family: 'Cera', sans-serif !important;
	font-size: 14px !important;
	color: #22475E !important;
	font-weight: 500 !important;
	background-color: #fff !important;
	width: 100%;
	}

/*Destination*/
.destination_wrapper{
	width: auto !important;
	height: 47px !important;
	}

.destination_wrapper .right_arrow {
	display: none !important;
	}

.destination_wrapper:after {
	content: '\f078';
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	right: 10px;
	top: 13px;
	font-size: 12px;
	z-index: 3000;
	color: #5c8faf !important;
	pointer-events: none;
}

body #new_amh_mask  #full_wrapper_booking .hotel_selector .destination_wrapper input{ 
	width: auto !important;
	}

body #new_amh_mask #full_wrapper_booking .hotel_selector{
	margin-top: -9px !important;
	margin-bottom: 7px !important;
	background: none !important;
  	top: 82px !important;
  	z-index: 5000 !important;
	width: 200px !important;
	}

body #new_amh_mask #full_wrapper_booking .hotel_selector ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	background: #F9F9F9;
  	border: 1px solid #CCC;
  	z-index: 9998;
  	-webkit-box-shadow: 0 0 10px -6px;
  	box-shadow: 0 0 10px -6px;
	margin: -7px 10px 10px 10px;
	}

body #new_amh_mask #full_wrapper_booking .hotel_selector ul li{
	border-bottom: 2px solid #E8ECEE !important;
	padding: 0 0 0 15px !important;
	}

body #new_amh_mask #full_wrapper_booking .hotel_selector ul > li > h3.title_selector{
 	padding: 0 !important;
	}

/*Dates*/
body #new_amh_mask .dates_selector_personalized{
	width: auto !important;
	display: flex;
	flex-direction: row !important;
	height: 47px !important;
	background-color: #fff !important;
	}

html body #new_amh_mask #full_wrapper_booking.with_hotel_selector .dates_selector_personalized .start_end_date_wrapper{
	display: flex !important;
	width: auto !important;
	background-image: none !important;
	align-items: center !important;
	font-family: 'Cera', sans-serif !important;
	font-weight: 400;
	color: #22475E;
	height: 47px !important;
	}

body #new_amh_mask #full_wrapper_booking.with_hotel_selector .dates_selector_personalized .start_end_date_wrapper:before{
	content: "\f133";
	color: #5c8faf;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	opacity: 0.4 !important;
	margin-top: -3px;
	margin-right: 7px;
	}

body #new_amh_mask #full_wrapper_booking.with_hotel_selector .dates_selector_personalized .end_date_personalized{
	margin-right: 20px !important;
	}

body #new_amh_mask #full_wrapper_booking.amare-ibiza.with_hotel_selector .nights_number_wrapper_personalized {
	line-height: 14px !important;
	background: #22475E !important;
	border-radius: 0 !important;
	font-size: 9px;
	font-family: 'Cera', sans-serif !important;
	}

body #new_amh_mask #full_wrapper_booking.with_hotel_selector .dates_selector_personalized span.night-label,
body #new_amh_mask #full_wrapper_booking.with_hotel_selector .dates_selector_personalized span.days_number_datepicker{
	color: #fff !important;
	font-family: 'Cera', sans-serif !important;
	font-size: 12px !important;
	}

/*Rooms*/
body #new_amh_mask #modal-booking #full_wrapper_booking.with_hotel_selector .booking_form .room_list_wrapper{
	width: auto !important;
	display: flex !important;
	flex-direction: column !important;
	flex-wrap: nowrap !important;
	margin: 0 0 7px 0 !important;
	padding: 0;
	}

body #new_amh_mask #modal-booking #full_wrapper_booking.with_hotel_selector .booking_form .room_list_wrapper ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

/*Promo - Submit*/
body #new_amh_mask #modal-booking #full_wrapper_booking.with_hotel_selector .booking_form .wrapper_booking_button {
	display: flex;
	justify-content: space-between;
	margin-left: 7px;
	margin-top: 0 !important;
	padding-top: 0 !important;
	width: auto !important;
	}

body #new_amh_mask #modal-booking #full_wrapper_booking.with_hotel_selector .booking_form .wrapper_booking_button .promocode_wrapper,
body #new_amh_mask #modal-booking #full_wrapper_booking.with_hotel_selector .booking_form .wrapper_booking_button .submit_button {
	background: #22475E;
	color: #fff;
	font-family: 'Cera', sans-serif !important;
	font-size: 14px !important;
	position: relative !important;
	padding: 0 !important;
	background-color: yellow !important;
	width: 48% !important;
	}

body #new_amh_mask #modal-booking #full_wrapper_booking.with_hotel_selector .booking_form .wrapper_booking_button .submit_button {
	margin-left: 2px;
	margin-top: 2px !important;
	height: 45px !important;
	justify-content: center !important;
	align-items: center !important;
	}

body #new_amh_mask #modal-booking #full_wrapper_booking.with_hotel_selector .booking_form .wrapper_booking_button .promocode_wrapper{
	background-color: #fff !important;
	}

body #new_amh_mask #modal-booking #full_wrapper_booking.with_hotel_selector .booking_form .wrapper_booking_button .promocode_wrapper input{
	height: 44px !important;
	padding: 10px !important;
	}

body #new_amh_mask #modal-booking #full_wrapper_booking.with_hotel_selector .booking_form .wrapper_booking_button .submit_button{
	border-radius: 0 !important;
	background: #22475E !important;
	display: flex !important;
	letter-spacing: 3px !important;
	}

/*Adults*/
body #new_amh_mask #full_wrapper_booking.amare-ibiza.with_hotel_selector .room_list_wrapper .room .adults_selector{
	display: flex !important;
	align-items: center !important;
	padding: 10px 10px 10px 15px !important;
	min-width: 140px !important;
	}

body #new_amh_mask #full_wrapper_booking.amare-ibiza.with_hotel_selector .room_list_wrapper .room .adults_selector:after {
	content: '\f078';
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	right: 10px;
	top: 13px;
	font-size: 12px;
	z-index: 10000;
	color: #5c8faf !important;
	pointer-events: none;
}


body #new_amh_mask #full_wrapper_booking.amare-ibiza.with_hotel_selector .room_list_wrapper .room .adults_selector .button{
	display: none !important;
	}


body #new_amh_mask #full_wrapper_booking .hotel_selector ul > li > h3.title_selector, body #full_wrapper_booking .selectricItems{
	margin-left: -16px;
  	margin-top: 9px;
	width: 200px !important;
	}

body #new_amh_mask #full_wrapper_booking .adults_selector .selectric{
	height: auto !important;
	}

body #new_amh_mask #full_wrapper_booking .adults_selector .selectric .label,
body #new_amh_mask #full_wrapper_booking .adults_selector .selectricWrapper .selectric .label,
body #new_amh_mask #full_wrapper_booking .adults_selector .selectric .label{
	padding: 0 !important;
	height: auto !important;
	line-height: 23px !important;
	}

body #new_amh_mask #full_wrapper_booking .hotel_selector ul > li > h3.title_selector, body #full_wrapper_booking .selectricItems ul{
	border: none !important;
	}

body #new_amh_mask #full_wrapper_booking .hotel_selector ul > li > h3.title_selector, body #full_wrapper_booking .selectricItems ul > li{
	text-align: left;
	padding: 10px 15px;
	width: 100%;
	position: relative;
	left: auto;
	right: auto;
	margin: 0 !important;
	text-transform: normal !important;
	font-family: 'Cera', sans-serif !important;
	font-size: 14px !important;
	outline: none !important;
	background: none;
	}

body #new_amh_mask #full_wrapper_booking .adults_selector .selectricItems ul > li {
	border-top: none !important;
	border-bottom: 2px solid #E8ECEE !important;
	}












/*-----------------------------------------------------------*\
 *-----------------------------------------------------------*
 *-----------------------------------------------------------*
						RESPONSIVE
 *-----------------------------------------------------------*
 *-----------------------------------------------------------*
\*-----------------------------------------------------------*/

@media screen and (max-width: 1199px) {
	
/*-----------------------------------------------------------*\
	HEADER
\*-----------------------------------------------------------*/

/*------ header - VUELO + HOTEL -----*/
	
	.amh_topbar_flight-hotel-icon span.elementor-icon-list-text {
		display: none;
	}
	
}



@media (max-width: 1024px){

/*-----------------------------------------------------------*\
                      MÁSCARA RESERVAS
\*-----------------------------------------------------------*/
	
	html[lang="en-US"] body #full_wrapper_booking.with_hotel_selector.amare-ibiza .start_end_date_wrapper,
	body #full_wrapper_booking.amare-ibiza.with_hotel_selector .dates_selector_personalized .start_end_date_wrapper {
		width: 100% !important;
	}


	html[lang="en-US"] #full_wrapper_booking.with_hotel_selector.amare-ibiza .start_end_date_wrapper {
		width: 100% !important;
	}
	
	#full-booking-engine-html-7 form.booking_form {
		flex-wrap: wrap;
		justify-content: space-between;
		padding: 0 !important;
		margin: 0 !important;
		max-width: 550px !important;
		}

	#full_wrapper_booking.amare-ibiza .destination_wrapper,
	body #new_amh_mask #modal-booking #full_wrapper_booking.with_hotel_selector .booking_form .wrapper_booking_button {
		width: 100% !important;
		margin: 0 0 10px 0 !important;
		}

	#full_wrapper_booking.amare-ibiza.with_hotel_selector .dates_selector_personalized,
	body #new_amh_mask #modal-booking #full_wrapper_booking.with_hotel_selector .booking_form .room_list_wrapper{
		width: 49% !important;
		margin-bottom: 10px !important;
		}

	html body #new_amh_mask #full_wrapper_booking.with_hotel_selector .dates_selector_personalized .start_end_date_wrapper {
		width: 100% !important;
		}

	body #new_amh_mask #full_wrapper_booking.amare-ibiza.with_hotel_selector .room_list_wrapper .room .adults_selector {
		width: 100% !important;
		}

	body #new_amh_mask #modal-booking #full_wrapper_booking.with_hotel_selector .booking_form .wrapper_booking_button .promocode_wrapper, 
	body #new_amh_mask #modal-booking #full_wrapper_booking.with_hotel_selector .booking_form .wrapper_booking_button .submit_button {
		width: 49% !important;
		}

	body #new_amh_mask #modal-booking #full_wrapper_booking.with_hotel_selector .booking_form .wrapper_booking_button .submit_button {
		margin-left: 13px !important;
		}

	body #new_amh_mask #full_wrapper_booking.amare-ibiza.with_hotel_selector .room_list_wrapper .room .adults_selector:after,
	body #new_amh_mask #full_wrapper_booking.with_hotel_selector .dates_selector_personalized .start_end_date_wrapper:before {
		top: 13px !important;
		}	

}

@media (min-width: 768px){
	
	#mobile_booking_wrapper{
		display: none;
	}
	
}	


@media screen and (max-width: 767px) {
	
/*-----------------------------------------------------------*\
	HEADER
\*-----------------------------------------------------------*/

/*------ header - CLUB DE AMIGOS ------*/
	
	/*------ Club de Amigos ------*/

	.amh_header_club-amigos .cda_trigger_button .cda_trigger_button_icon {
		width: 10px;
		height: 20px;
	}

	.amh_header_club-amigos .cda_trigger_button .cda_trigger_button_text {
		display: none;
	}
	

/*-----------------------------------------------------------*\
                      MÁSCARA RESERVAS
\*-----------------------------------------------------------*/
	
	body #new_amh_mask #full_wrapper_booking .hotel_selector{
		width: 98% !important;	
		}

	body #new_amh_mask #full_wrapper_booking .hotel_selector ul {
		margin: -7px 10px 10px 0;
		z-index: 10001;
		position: relative;
		}

	#full_wrapper_booking.amare-ibiza.with_hotel_selector .dates_selector_personalized,
	body #new_amh_mask #modal-booking #full_wrapper_booking.with_hotel_selector .booking_form .room_list_wrapper {
		width: 100% !important;
		}	


	body #new_amh_mask	#full_wrapper_booking .room_list_wrapper .room {
		background: transparent !important;
		}

	body #new_amh_mask #modal-booking #full_wrapper_booking.with_hotel_selector .booking_form .wrapper_booking_button {
		display: block !important;
		}

	body #new_amh_mask #modal-booking #full_wrapper_booking.with_hotel_selector .booking_form .wrapper_booking_button .promocode_wrapper, 
	body #new_amh_mask #modal-booking #full_wrapper_booking.with_hotel_selector .booking_form .wrapper_booking_button .submit_button {
		width: 100% !important;
		}

	body #new_amh_mask #modal-booking #full_wrapper_booking.with_hotel_selector .booking_form .wrapper_booking_button .submit_button {
		margin-top: 0 !important;
		}

	body #new_amh_mask #modal-booking #full_wrapper_booking.with_hotel_selector .booking_form .wrapper_booking_button .promocode_wrapper{
		margin-bottom: 15px !important;
		}

	body #new_amh_mask #modal-booking #full_wrapper_booking.with_hotel_selector .booking_form .wrapper_booking_button .promocode_wrapper input{
		padding: 15px !important;
		}
	
}