/*
    Theme Name: pier69pv2026-2026
    Theme URI: pier69pv2026-2026
    Description: Pier69pv2026-2026
    Author:       Mirai Dev Team
    Author URI:   http://mirai.com
    Template:     mirai-ma
    Version:      1.0.0
    License:      GNU General Public License v2 or later
    License URI:  http://www.gnu.org/licenses/gpl-2.0.html
    Text Domain:  mirai-maai
*/

/*************************************/
/********** GENERAL STYLES **********/
/***********************************/

:root {
    /***** SPACES *****/
	--mft-space-5xs: 4px;
	--mft-space-4xs: 8px;
	--mft-space-3xs: 12px;
	--mft-space-2xs: 16px;
	--mft-space-xs: clamp(16px, calc(16px + (24 - 16) * ((100vw - 1180px) / (1920 - 1180))), 24px); /*24 --- 16*/
    --mft-space-s: clamp(24px, calc(24px + (32 - 24) * ((100vw - 1180px) / (1920 - 1180))), 32px); /*32 --- 24*/
    --mft-space-m: clamp(32px, calc(32px + (40 - 32) * ((100vw - 1180px) / (1920 - 1180))), 40px); /*40 --- 32*/
    --mft-space-l: clamp(32px, calc(32px + (48 - 32) * ((100vw - 1180px) / (1920 - 1180))), 48px); /*48 --- 32*/
    --mft-space-xl: clamp(32px, calc(32px + (56 - 32) * ((100vw - 1180px) / (1920 - 1180))), 56px); /*56 --- 32*/
    --mft-space-2xl: clamp(48px, calc(48px + (64 - 48) * ((100vw - 1180px) / (1920 - 1180))), 64px); /*64 --- 48*/
    --mft-space-3xl: clamp(48px, calc(48px + (80 - 48) * ((100vw - 1180px) / (1920 - 1180))), 80px); /*80 --- 48*/
    --mft-space-4xl: clamp(48px, calc(48px + (96 - 48) * ((100vw - 1180px) / (1920 - 1180))), 96px); /*96 --- 48*/
    --mft-space-5xl: clamp(48px, calc(48px + (160 - 48) * ((100vw - 1180px) / (1920 - 1180))), 160px); /*160 --- 48*/

    /***** CONTAINERS *****/
    --width-s: 700px;
    --width-m: 1280px;
    --width-l: 1920px;
	--container-legal:1080px;

    /***** MIN-HEIGHT FOR IMG *****/
	--min-height-s: 350px;
	--min-height-m: 500px;
	--min-height-l: 600px;

	/***** CALCULATE THE HEADER HEIGHT BY JQ *****/
	--mft-min-height-header: 0px;
}

body, a, a:hover {
    font-size: inherit;
	font-family: inherit;
    color: inherit;
	text-transform: inherit;
	text-decoration: none;
}

p {
    font-size: inherit;
    font-weight: inherit;
	line-height: inherit;
    letter-spacing: inherit;
    word-spacing: inherit;
}

/* FIXED WIDGET ICON BOX - TITLE AS PARAGRAPH TAG */
p.elementor-icon-box-title {
	margin-top: 0;
}

/***** SPACE BETWEEN SECTIONS *****/
.mft-space-section-t { padding-top: var(--mft-space-4xl); }
.mft-space-section-b { padding-bottom: var(--mft-space-4xl); }

/***** CONTAINERS ******/
.elementor-element:where(.mft-container-s, .mft-container-m, .mft-container-l) {
	margin: 0 auto;
	box-sizing: border-box;
}
.mft-container-s.elementor-element { max-width: var(--width-s); }
.mft-container-m.elementor-element { max-width: var(--width-m); }
.mft-container-l.elementor-element { max-width: var(--width-l); }

/***** WIDGET IMG RESPONSIVE - makes the image cover and adapt to the container *****/
.mft-bg-img .elementor-element:not(.mft-wrapper-content),
.mft-bg-img .elementor-element :where(.elementor-widget-image, .e-n-carousel.swiper, .elementor-widget-container) {
	height: 100%;
	/*padding-bottom: 0 !important;*/
}

.mft-bg-img .elementor-element .elementor-widget-image img,
.mft-bg-img .elementor-element .elementor-widget-container img {
	position: absolute;
	inset: 0;
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.mft-minh-s {
	min-height: var(--min-height-s); /*300px*/
}

.mft-minh-m {
	min-height: var(--min-height-m); /*500px*/
}

.mft-minh-l {
	min-height: var(--min-height-l); /*600px*/
}

@media(max-width:1024px) {
	.mft-minh-l {
		min-height: var(--min-height-m);
	}

	.mft-minh-m {
		min-height: var(--min-height-s);
	}

}

/* HERO 4 IMAGE SIZE */
@media(max-width: 767px) {
	 .mft-minh-l {
		min-height: 350px;
	}
	 .mft-minh-m {
		min-height: 300px;
	}
}

/***** CENTER ICON RRSS - centre social media widget icon *****/
.elementor-social-icon.elementor-icon {
    display: flex;
}

/***** FIX MOBILE ICON BOX *****/
@media (max-width: 767px) {
    .elementor-widget-icon-box.elementor-vertical-align-middle:where(.elementor-position-left, .elementor-position-right):not(.elementor-mobile-position-top) .elementor-icon-box-wrapper,
    .elementor-widget-icon-box.elementor-vertical-align-middle:where(.elementor-position-left, .elementor-position-right) .elementor-icon-box-icon {
        display: flex;
        align-items: center;
    }
}

/****** 404 PAGE ******/
.not-found-page {
    display: table;
    margin-bottom: 0;
    width: 100%;
    min-height: 570px;
    text-align: center;
    background: url(https://static-resources-elementor.mirai.com/common/bg-404.png) no-repeat center center transparent;
}

.not-found-page span {
    display: table-cell;
    vertical-align: middle;
    font-size: 18px;
}

/***** Hide engine on detail pages *****/
body:where(.cat-room-detail, .cat-offer-detail) [data-mirai-component="finder"] {
    display: none;
}

/***** Colour for the selected menu link *****/
.mft-wrapper-menu-current-link {
    color: var(--e-global-color-accent) !important;
}

/***** Hiding Recaptcha badge *****/
.grecaptcha-badge { visibility: hidden; }


/***** So that loading does not appear in bookingstep1 *****/
body.elementor-editor-active .mi-rs.loading {
	display: none;
}

/***** To make the language selector visible in modal *****/
.wpml-ls-legacy-dropdown-click:hover .wpml-ls-sub-menu {
	visibility: visible;
}

/***** Hide Quicktext chatbot when opening a finder modal in mobile and when opening an Elementor popup *****/
body:has(ui-modal-overflow[class*="_visible"]) #qt-button-frame,
body:has(.dialog-widget [data-mirai-component]) #qt-button-frame{
    visibility: hidden;
}

/* Press the default focus of the WordPress submenu */
.mft-popup-menu .menu-item a:focus {
    background: transparent;
    color: inherit;
}

/***********************************************/

/*********** STYLES THROUGH CLASSES ***********/

/*********************************************/

/***** FROM ABSOLUTE TO RELATIVE - change an absolute element to a relative element from 1024px and above *****/
@media (max-width: 1024px) {
    .mft-relative-tb {
        position: relative;
    }
}

/***** HIDE TEXT CLOSE POP UP CLOSE BUTTON ****/
.btn-close-popup .elementor-icon-box-title {
    display: none;
}

/***** UNDERLINE - add a low line to a button *****/
.mft-underline.elementor-element::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: var(--e-global-color-text);
	transition: all .3s ease-out;
}

.mft-underline.elementor-element:hover::after {
    background-color: var(--e-global-color-primary); 
}

/***** SEPARATOR LINE BETWEEN TITLE AND TEXT *****/
.mft-divider.elementor-element {
    width: 70px !important;
    border-top: 3px solid var(--e-global-color-primary);
}

.mft-divider-white.elementor-element {
    border-top: 3px solid var(--e-global-color-47eea86e);
}

/***** MOVE THE MOTOR ON Y-AXIS - to put the engine half on the hero image and half off the hero image ******/
.mft-booking-translateY .elementor-widget-Mirai-Finder {
    translate: 0 -50%;
    box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.10);
}

/***** CHANGE THE COLOUR OF TEXT AND BUTTONS ON A COLOURED BACKGROUND *****/

/* on a dark background - variable white colour */
.mft-light-text,
.mft-light-text .elementor-button {
	color: var(--e-global-color-47eea86e) !important;
    fill: var(--e-global-color-47eea86e) !important;
}

/* on a light background - variable black colour */
.mft-dark-text,
.mft-dark-text .elementor-button {
	color: var(--e-global-color-21f8c9b7) !important;
    fill: var(--e-global-color-21f8c9b7) !important;
}

/* DYNAMIC CHANGE OF TEXT AND IMAGE BOXED ALTERNATELY */
.mft-alternative-box:nth-of-type(even) {
    flex-direction: row-reverse;
}

/******************************************************/

/*********** ARROWS & DOTS CAROUSEL STYLES ***********/

/*****************************************************/

/***** ARROWS *****/
.mft-arrows-carousel-styles .elementor-swiper-button i {
	padding: var(--mft-space-3xs) var(--mft-space-2xs);
	font-family: 'fap-regular' !important;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	color: var(--e-global-color-accent);
	background: #FFFFFF99;
	border-radius: 50%;
	box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.16);
	transition: color .3s  ease-out, background .3s  ease-out;
}

.mft-arrows-carousel-styles .elementor-swiper-button:hover i {
	color: var(--e-global-color-47eea86e);
    background: var(--e-global-color-accent);
}

.mft-arrows-carousel-styles .elementor-swiper-button-prev i::before {
	content: "\2329";
}

.mft-arrows-carousel-styles .elementor-swiper-button-next i::before {
	content: "\f054";
}

/* when arrows are on a dark background they turn to white */
.mft-arrows-carousel-styles.mft-arrows-carousel-styles-white .elementor-swiper-button i {
	color: var(--e-global-color-secondary);
	background: var(--e-global-color-47eea86e);
}

/***** DOTS *****/
.mft-dots-carousel-styles .swiper-pagination .swiper-pagination-bullet {
	width: 7px;
	height: 7px;
	margin: 5px;
	background: var(--e-global-color-accent);
	transition: opacity .3s ease-out, background .3s ease-out;
}

.mft-dots-carousel-styles .swiper-pagination .swiper-pagination-bullet:hover {
	background: var(--e-global-color-accent);
}

/* DOTS AS LINES */
/*.mft-dots-carousel-styles .swiper-pagination .swiper-pagination-bullet {
	width: var(--mft-space-xs);
	height: 2px;
}

.mft-dots-carousel-styles .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active  {
	width: calc(var(--mft-space-xs) * 2);
}*/

/******************************************/

/*********** AUTOSCROLL POPUPS ***********/

/****************************************/

/***** AUTOSCROLL *****/
.mft-scrolly-auto {
	overflow: hidden !important;
	overflow-y: auto !important;
	max-height: calc(100dvh - 120px);
	-webkit-overflow-scrolling: touch;
  	overscroll-behavior: contain;
}

/***** SCROLL BAR STYLES *****/
.mft-modal-scroll::-webkit-scrollbar {
	width: 5px;
}

.mft-modal-scroll::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px var(--e-global-color-text);
	border-radius: 2px;
}

.mft-modal-scroll::-webkit-scrollbar-thumb {
	background-color: var(--e-global-color-text);
	border-radius: 2px;
	transition: background .3s;
}

.mft-modal-scroll::-webkit-scrollbar-thumb:hover {
	background: var( --e-global-color-primary);
}

/********************************/

/*********** BUTTONS ***********/

/******************************/

/***** GENERIC BUTTON STYLES *****/
.elementor-button[class^='mft-btn'] {
    padding: var(--mft-space-xs) var(--mft-space-xs);
    font-family: var(--e-global-typography-6d2edf1-font-family);
    font-size: var(--e-global-typography-6d2edf1-font-size);
    font-weight: var(--e-global-typography-6d2edf1-font-weight);
    text-transform: var(--e-global-typography-6d2edf1-text-transform);
    line-height: var(--e-global-typography-6d2edf1-line-height);
    letter-spacing: var(--e-global-typography-6d2edf1-letter-spacing);
    fill: inherit;
    background-color: transparent;
    border-radius: 4rem;
	transition: all .3s ease;
}

.mft-btn-width-100 .mft-btn {
	width: 100%;
}

/* fixed extra heigth span icon */
.elementor-button .elementor-button-icon {
	display: flex;
}

/* when hovering */
@media (hover: hover) and (pointer: fine) {
	.mft-btn .elementor-button-text::after {
		content: "\e963";
		padding-left: 10px;
		font-family: 'mirai-icofonts';
		font-size: 12px;
		opacity: 0;
		transition: all .3s ease;
	}

	.mft-btn:not(.mft-btn-4) .elementor-button-content-wrapper {
		align-items: center;
		translate: 11px 0;
		transition: all .3s ease;
	}

	.elementor-button.mft-btn:hover .elementor-button-text::after {
		opacity: 1;
	}

	.elementor-button.mft-btn:hover .elementor-button-content-wrapper {
		translate: 0 0;
	}
}

/***** BTN - 1 - As the Finder Button *****/
.elementor-button.mft-btn-1 {
	color: var(--mirai-ui-button-color);
	fill: var(--mirai-ui-button-color);
	background-color: var(--mirai-ui-button-background);
    border: 2px solid var(--mirai-ui-button-background);
}

@media (hover: hover) and (pointer: fine) {
	.elementor-button.mft-btn-1:hover {
		fill: var(--mirai-ui-button-color-active);
		background-color: var(--mirai-ui-button-background-active);
		border: 2px solid var(--mirai-ui-button-background-active);
	}
}
	

/***** BTN - 2 *****/
.elementor-button.mft-btn-2 {
	color: var(--e-global-color-47eea86e);
	fill: var(--e-global-color-47eea86e);
	background-color: var(--e-global-color-primary);
    border: 2px solid var(--e-global-color-primary);
}

@media (hover: hover) and (pointer: fine) {
	.elementor-button.mft-btn-2:hover {
		fill: var(--e-global-color-47eea86e);
		background-color: var(--e-global-color-13f4851a);
		border: 2px solid var(--e-global-color-13f4851a);
	}
}

/***** BTN - 3 *****/
.elementor-button.mft-btn-3 {
	color: var(--e-global-color-52235058);
	fill: var(--e-global-color-52235058);
	background-color: var(--e-global-color-c192f6c);
	border: 2px solid var(--e-global-color-c192f6c);
}

@media (hover: hover) and (pointer: fine) {
	.elementor-button.mft-btn-3:hover {
		color: var(--e-global-color-47eea86e);
		fill: var(--e-global-color-47eea86e);
		background-color: var(--e-global-color-primary);
		border: 2px solid var(--e-global-color-primary);
	}
}

/***** BTN - 4 *****/
.elementor-button.mft-btn-4 {
	position: relative;
	color: var(--e-global-color-primary);
	fill: var(--e-global-color-primary);
	background-color: transparent;
	padding: 0;
}


.mft-btn.mft-btn-4 .elementor-button-text {
    position: relative;
    padding-bottom: 5px;
}

.mft-btn.mft-btn-4 .elementor-button-text::after {
    padding-left: 0;
    font-size: 0;
}

@media (hover: hover) and (pointer: fine) {
	.elementor-button.mft-btn-4:hover {
		color: var(--e-global-color-primary);
		fill: var(--e-global-color-primary);
	}

	.elementor-button.mft-btn.mft-btn-4:hover .elementor-button-text::after {
		padding-left: 10px;
		font-size: 12px;
		opacity: 1;
	}
}

/* underline */
a.elementor-button.mft-btn-4::before {
    content: "";
    position: absolute;
    inset: 100% 0 0 0;
    width: 100%;
    height: 2px;
    background: var(--e-global-color-primary);
}

.mft-light-text a.elementor-button.mft-btn-4::before,
.mft-light-text a.elementor-button.mft-btn-4:hover::before {
	background: var(--e-global-color-47eea86e);
}

.mft-dark-text a.elementor-button.mft-btn-4::before,
.mft-dark-text a.elementor-button.mft-btn-4:hover::before {
	background: var(--e-global-color-21f8c9b7);
}

@media (hover: hover) and (pointer: fine) {
	/* color hover underline */
	a.elementor-button.mft-btn-4:hover::before {
		background: var(--e-global-color-primary);
	}
}


/***** BUTTON SIZE BUTTONS ADAPTED TO THE CONTAINER AND RESPONSIVE *****/
.mft-wrapper-btn .mft-btn-width.elementor-element a {
    display: block;
    width: 100%;
    text-align: center;
}

/******************************************/

/************* GALLERY GRID *************/

/***************************************/

/* Gallery */
.mft-grid-gallery {
	height: 31vw;
}

/* Images fill the entire container without distortion */
.mft-grid-gallery .gallery-item {
	position: relative;
	max-width: unset !important;
	overflow: hidden;
}

.mft-grid-gallery .gallery-item a img {
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    object-fit: cover;
    object-position: center;
}

/* Gallery container: defines the grid */
.mft-grid-gallery .elementor-image-gallery .gallery {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	grid-template-rows: 15.5vw 15.5vw;
	grid-template-areas:
    "item1 item1 item2 item2 item3 item4"
    "item1 item1 item5 item5 item6 item7";
	gap: 5px;
}

/* Assign grid areas by class (grid area) instead of :nth-child */
.mft-grid-gallery .gallery-item:nth-child(1) { grid-area: item1; }
.mft-grid-gallery .gallery-item:nth-child(2) { grid-area: item2; }
.mft-grid-gallery .gallery-item:nth-child(3) { grid-area: item3; }
.mft-grid-gallery .gallery-item:nth-child(4) { grid-area: item4; }
.mft-grid-gallery .gallery-item:nth-child(5) { grid-area: item5; }
.mft-grid-gallery .gallery-item:nth-child(6) { grid-area: item6; }
.mft-grid-gallery .gallery-item:nth-child(7) { grid-area: item7; }

/* Rounded border styles */
.mft-grid-gallery .gallery-item:nth-child(1) {
  border-radius: 18px 0 0 18px;
}

.mft-grid-gallery .gallery-item:nth-child(4) {
  border-radius: 0 18px 0 0;
}

.mft-grid-gallery .gallery-item:nth-child(7) {
  border-radius: 0 0 18px 0;
}

/* Hide additional elements (starting from the eighth) */
.mft-grid-gallery .gallery-item:nth-child(n + 8) {
  display: none;
}

@media (max-width: 768px) {
  .mft-grid-gallery,
  .mft-grid-gallery .gallery-item {
    height: 400px;
  }

  .mft-grid-gallery .elementor-image-gallery .gallery {
	height: 100%;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr;
    grid-template-areas:
      "item1"
      "item1";
  }

  /* Only the first item visible and in full size  */
  .mft-grid-gallery .gallery-item:not(:nth-child(1)) {
    display: none;
  }

  .mft-grid-gallery .gallery-item:nth-child(1) {
    display: block;
    grid-area: item1;
    border-radius: 18px;
  }
}

/* Button Show Gallery */
.mft-show-gallery {
    position: absolute;
    inset: auto 30px 10px auto;
    box-shadow: 3px 3px 15px 0px #0000005c !important;
    white-space: nowrap;
    background: var(--e-global-color-47eea86e) !important;
}

@media (hover: hover) and (pointer: fine) {
	.mft-show-gallery:hover {
		background-color: var(--e-global-color-primary) !important;
	}
}

/* Gallery Lightbox */
.dialog-lightbox-widget[id^='elementor-lightbox-slideshow'] .dialog-widget-content.dialog-lightbox-widget-content {
    inset: 0 !important;
}

/* FIX CAROUSEL DOTS WHEN THERE IS A GRID GALLERY ON THE PAGE */
body:has(.mft-grid-gallery) .e-widget-swiper.elementor-element .swiper-pagination-bullets.swiper-pagination-horizontal {
    transform: none;
}

/************************************************/

/************* SEE MORE / SEE LESS *************/

/**********************************************/

/* Accordion title show/hide */
.mft-see-more .e-n-accordion-item:not([open]) .e-n-accordion-item-title-text>.title-close,
.mft-see-more .e-n-accordion-item[open] .e-n-accordion-item-title-text>.title-open {
    display: none;
}

/* Accordion invert title direction */
.mft-see-more .e-n-accordion-item .e-n-accordion-item-title {
    order: 1;
    width: fit-content;
}

/* Style btn see more - less */
.mft-see-more .title-open, .title-close {
    padding: 0;
    font-family: var(--e-global-typography-6d2edf1-font-family), Sans-serif;
    font-size: var(--e-global-typography-6d2edf1-font-size);
    font-weight: var(--e-global-typography-6d2edf1-font-weight);
    color: var(--e-global-color-text);
    background-color: transparent;
    border-bottom: 2px solid;
    transition: color .3s ease;
}

.mft-see-more .title-open:hover, .title-close:hover {
    color: var(--e-global-color-primary);
}

/**************************************/

/*********** STYLE FORM ***********/

/************************************/

.mft-acceptance-form {
    font-family: "Helvetica";
    font-size: 12px;
    font-weight: 400;
    color: #333333;
}

.mft-acceptance-form a,
.mft-acceptance-form a:hover {
    text-decoration: underline;
    font-weight: bold;
}

#form-field-acceptance {
    width: 20px;
    height: 20px;
    margin: 0 10px 0 0;
}

.elementor-field-group-acceptance .elementor-field-option {
    display: flex;
    align-items: center;
}

.mft-form-style .eicon-caret-down:before {
    content: "\f078";
    font-family: 'fap-regular' !important;
    font-size: 10px;
	font-weight: normal;
}

.mft-mandatory-form {
   color:var(--mirai-ui-button-background);
}

.mft-form-style input,
.mft-form-style textarea,
.mft-form-style select {
  padding-top: 20px !important;
}

.mft-form-style input:focus,
.mft-form-style textarea:focus,
.mft-form-style select:focus  {
  border-color: #000 !important;
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--corporative-color) 50%, transparent) !important;
}

.mft-form-style label:not(.elementor-field-group-acceptance label) {
  position: absolute;
  top: 12px;
  left: 25px;
  pointer-events: none;
  z-index: 1;
  transition: all 0.3s ease;
}

.mft-form-style label:not(.elementor-field-group-acceptance label),
.mft-form-style .elementor-field-group .elementor-field-textual {
  font-family: "Helvetica";
  font-size: 16px;
  font-weight: 400;
  color: #666;
}

.mft-form-style .elementor-field-group .elementor-field-textual {
  color: #333;
  padding-left: 19px;
}

.mft-form-style .elementor-field-group:has(input:focus) label,
.mft-form-style .elementor-field-group:has(textarea:focus) label,
.mft-form-style .elementor-field-group:has(select:focus) label,
.mft-form-style .elementor-field-group:has(input:not(:placeholder-shown)) label,
.mft-form-style .elementor-field-group:has(textarea:not(:placeholder-shown)) label,
.mft-form-style .elementor-field-group:has(select:valid) label {
  top: 5px;
  font-size: 12px !important;
}

.mft-form-style .elementor-field-type-submit .elementor-button {
  background-color: var(--mirai-ui-button-background);
}

.mft-form-style .elementor-field::placeholder,
.mft-form-style .elementor-field-group label:after {
  color: transparent !important;
}

.mft-form-style .elementor-field-group .elementor-field-textual {
  border: 1px solid #DDDDDD;
}

/*********************************/

/************* WPML *************/

/*******************************/

.wpml-elementor-ls {
    display: flex;
    align-items: center;
}

.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle {
    min-height: 25px;
    padding-right: 0;
}

.wpml-ls-legacy-dropdown-click a {
    padding: 1px 10px 1px 25px;
    color: var(--e-global-color-47eea86e);
    border: none;
}

.wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle {
    background-color: transparent;
}

.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle::after {
    display: none;
}

.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle::before {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M9 14.6362C9.21875 14.6362 9.84375 14.4175 10.4688 13.1362C10.75 12.5737 11 11.9175 11.1562 11.1362H6.8125C7 11.9175 7.21875 12.5737 7.5 13.1362C8.15625 14.4175 8.75 14.6362 9 14.6362ZM6.5625 9.63623H11.4062C11.4688 9.16748 11.5 8.66748 11.5 8.13623C11.5 7.63623 11.4688 7.13623 11.4062 6.63623H6.5625C6.5 7.13623 6.5 7.63623 6.5 8.13623C6.5 8.66748 6.5 9.16748 6.5625 9.63623ZM6.8125 5.13623H11.1562C11 4.38623 10.75 3.72998 10.4688 3.16748C9.84375 1.88623 9.21875 1.63623 9 1.63623C8.75 1.63623 8.15625 1.88623 7.5 3.16748C7.21875 3.72998 7 4.38623 6.8125 5.13623ZM12.9062 6.63623C12.9688 7.13623 12.9688 7.63623 12.9688 8.13623C12.9688 8.66748 12.9688 9.16748 12.9062 9.63623H15.3125C15.4375 9.16748 15.5 8.66748 15.5 8.13623C15.5 7.63623 15.4375 7.13623 15.3125 6.63623H12.9062ZM14.75 5.13623C14.0938 3.85498 13 2.82373 11.6875 2.22998C12.125 3.04248 12.4688 4.04248 12.6875 5.13623H14.75ZM5.28125 5.13623C5.5 4.04248 5.84375 3.04248 6.28125 2.22998C4.96875 2.82373 3.875 3.85498 3.21875 5.13623H5.28125ZM2.65625 6.63623C2.5625 7.13623 2.5 7.63623 2.5 8.13623C2.5 8.66748 2.53125 9.16748 2.65625 9.63623H5.0625C5 9.16748 5 8.66748 5 8.13623C5 7.63623 5 7.13623 5.0625 6.63623H2.65625ZM11.6875 14.0737C13 13.48 14.0938 12.4487 14.75 11.1362H12.6875C12.4688 12.2612 12.125 13.2612 11.6875 14.0737ZM6.28125 14.0737C5.84375 13.2612 5.5 12.2612 5.28125 11.1362H3.21875C3.875 12.4487 4.96875 13.48 6.28125 14.0737ZM9 16.1362C6.125 16.1362 3.5 14.6362 2.0625 12.1362C0.625 9.66748 0.625 6.63623 2.0625 4.13623C3.5 1.66748 6.125 0.13623 9 0.13623C11.8438 0.13623 14.4688 1.66748 15.9062 4.13623C17.3438 6.63623 17.3438 9.66748 15.9062 12.1362C14.4688 14.6362 11.8438 16.1362 9 16.1362Z" fill="%23FFFFFF"></path></svg>');
    position: absolute;
    left: 0;
	top: 2px;
}

.wpml-ls-legacy-dropdown-click a.wpml-ls-link {
    padding:4px 25px 7px 25px;
    text-align: center;
    background-color: transparent;
}

.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a {
    border-width: 0;
}

.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
    border-top: none;
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.16);
	transition: .3s ease-in-out;
}

.wpml-ls-legacy-dropdown-click {
    transition: .3s ease-in-out;
}

.wpml-ls-legacy-dropdown-click a:focus {
    background: #dddbd9;
}

.wpml-ls-legacy-dropdown-click a.wpml-ls-link {
    position: relative;
}

.wpml-ls-legacy-dropdown-click a.wpml-ls-link::after {
    content: "";
    position: absolute;
    inset: auto 74% -1px;
    transform: translateX(-50%);
    width: 25px;
    height: 2px;
    background: transparent;
    transition: .3s ease-in-out;
}

@media (hover: hover) and (pointer: fine) {
	.wpml-ls-legacy-dropdown-click a:hover {
		color: var(--e-global-color-fc842eb);
	}

	.wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover>a,
	.wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover>a::after {
		color: var(--e-global-color-primary);
		background: transparent;
	}

	.wpml-ls-legacy-dropdown-click a.wpml-ls-link:hover::after {
    	background: var(--e-global-color-primary);
	}
}

@media (max-width: 1024px) {
	.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle::before {
		content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 18 18" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M9 14.6362C9.21875 14.6362 9.84375 14.4175 10.4688 13.1362C10.75 12.5737 11 11.9175 11.1562 11.1362H6.8125C7 11.9175 7.21875 12.5737 7.5 13.1362C8.15625 14.4175 8.75 14.6362 9 14.6362ZM6.5625 9.63623H11.4062C11.4688 9.16748 11.5 8.66748 11.5 8.13623C11.5 7.63623 11.4688 7.13623 11.4062 6.63623H6.5625C6.5 7.13623 6.5 7.63623 6.5 8.13623C6.5 8.66748 6.5 9.16748 6.5625 9.63623ZM6.8125 5.13623H11.1562C11 4.38623 10.75 3.72998 10.4688 3.16748C9.84375 1.88623 9.21875 1.63623 9 1.63623C8.75 1.63623 8.15625 1.88623 7.5 3.16748C7.21875 3.72998 7 4.38623 6.8125 5.13623ZM12.9062 6.63623C12.9688 7.13623 12.9688 7.63623 12.9688 8.13623C12.9688 8.66748 12.9688 9.16748 12.9062 9.63623H15.3125C15.4375 9.16748 15.5 8.66748 15.5 8.13623C15.5 7.63623 15.4375 7.13623 15.3125 6.63623H12.9062ZM14.75 5.13623C14.0938 3.85498 13 2.82373 11.6875 2.22998C12.125 3.04248 12.4688 4.04248 12.6875 5.13623H14.75ZM5.28125 5.13623C5.5 4.04248 5.84375 3.04248 6.28125 2.22998C4.96875 2.82373 3.875 3.85498 3.21875 5.13623H5.28125ZM2.65625 6.63623C2.5625 7.13623 2.5 7.63623 2.5 8.13623C2.5 8.66748 2.53125 9.16748 2.65625 9.63623H5.0625C5 9.16748 5 8.66748 5 8.13623C5 7.63623 5 7.13623 5.0625 6.63623H2.65625ZM11.6875 14.0737C13 13.48 14.0938 12.4487 14.75 11.1362H12.6875C12.4688 12.2612 12.125 13.2612 11.6875 14.0737ZM6.28125 14.0737C5.84375 13.2612 5.5 12.2612 5.28125 11.1362H3.21875C3.875 12.4487 4.96875 13.48 6.28125 14.0737ZM9 16.1362C6.125 16.1362 3.5 14.6362 2.0625 12.1362C0.625 9.66748 0.625 6.63623 2.0625 4.13623C3.5 1.66748 6.125 0.13623 9 0.13623C11.8438 0.13623 14.4688 1.66748 15.9062 4.13623C17.3438 6.63623 17.3438 9.66748 15.9062 12.1362C14.4688 14.6362 11.8438 16.1362 9 16.1362Z" fill="%23FFFFFF"></path></svg>');
		    top: 22px;
	}
	.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu{
		top: 75% !important;
	}
    /* hide native language and arrow in tb */
    .wpml-ls-legacy-dropdown-click .wpml-ls-current-language a.wpml-ls-item-toggle .wpml-ls-native,
    .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle::after {
        display: none;
    }

    /* to remove the space after hiding the arrow */
    .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle {
        padding-right: 0;
    }

    /* the space for the language drop-down */
    .wpml-ls-legacy-dropdown-click a {
        padding: 0;
    }

    .wpml-ls-legacy-dropdown-click a.wpml-ls-link {
        padding: 5px 0;
        font-size: 13px;
    }
	.mft-item-header.elementor-button:hover::after, .mft-item-header.elementor-element:hover [data-mirai-component="session"]::after {
        width: 80%;
        bottom: 5px;
        left: 7px;
    }
}

/**************************************/

/*********** MASHUP OFFERS ***********/

/************************************/

/***** GENERAL STYLES *****/
.mashup-1 .offers-mashup-slide,
.mashup-2 .offers-mashup-slide {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--mft-space-xs);
}

/* title */
.offers-mashup dl dt {
    font-family: var(--e-global-typography-fcce242-font-family);
    font-size: 24px;
    font-weight: var(--e-global-typography-fcce242-font-weight);
    line-height: var(--e-global-typography-fcce242-line-height);
}

/* discount */
.offers-mashup dl dd {
	font-family: var(--e-global-typography-8035a56-font-family), Sans-serif;
    font-size: var(--e-global-typography-8035a56-font-size);
    font-weight: var(--e-global-typography-8035a56-font-weight);
    line-height: var(--e-global-typography-8035a56-line-height);
}

/* button */
.offers-mashup dl .more-info-link {
    display: inline-block;
	padding: var(--mft-space-2xs) var(--mft-space-xs);
	font-family: var(--e-global-typography-6d2edf1-font-family), Sans-serif;
    font-size: var(--e-global-typography-8035a56-font-size);
    font-weight: var(--e-global-typography-6d2edf1-font-weight);
	color: var(--e-global-color-text);
    text-transform: none;
	background-color: transparent;
	border: 2px solid;
	transition: color .3s ease, fill .3s ease, background-color .3s ease, border-color .3s ease;
}

.offers-mashup dl .more-info-link:hover {
	color: var(--e-global-color-47eea86e);
    fill: var(--e-global-color-47eea86e);
	background-color: var(--e-global-color-primary);
    border: 2px solid var(--e-global-color-primary);
}

/***** MASHUP 1 - 2 fixed offers, with photo and without carousel *****/
.mashup-1 .offers-mashup-slide dl {
	background: var(--e-global-color-47eea86e);
}

.mashup-1 .offers-mashup-slide dl img {
	width: 100%;
	height: 250px;
	object-fit: cover;
}

.mashup-1 .offers-mashup dl dt {
	padding: var(--mft-space-s) var(--mft-space-xs) var(--mft-space-3xs);
}

.mashup-1 .offers-mashup dl dd {
	padding: var(--mft-space-2xs) var(--mft-space-xs) var(--mft-space-s);
}

/***** MASHUP 2 - 2 fixed offers, without photo and without carousel *****/
.mashup-2 .offers-mashup-slide dl {
	background-color: var(--e-global-color-f79e654);
	padding: var(--mft-space-l);
}

.mashup-2 .offers-mashup dl dt {
	position: relative;
	margin-bottom: 24px;
	padding: 0 35px 24px;
	border-bottom: 2px solid var(--e-global-color-text);
}

.mashup-2 .offers-mashup dl dt::before {
	content: "\f006";
	position: absolute;
	left: 0;
	font-family: 'fap-regular' !important;
	color: var(--e-global-color-text);
	font-weight: normal;
}

/***** MASHUP 3 - with photo and carousel (flickity) *****/
.mashup-3 .offers-mashup dl dt {
	padding: var(--mft-space-s) 0;
}

.mashup-3 .offers-mashup dl dd {
	padding-bottom: var(--mft-space-s);
}

.mashup-3  [data-custom-flickity-params] {
	padding-bottom: 50px;
}

.mashup-3 .offers-mashup dl {
	width: 33%;
    margin: 0 5px;
    gap: 10px;
}

.mashup-3 .flickity-button {
	padding: var(--mft-space-3xs);
	color: var(--e-global-color-accent) !important;
	background: #FFFFFF99 !important;
	box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.16);
	transition: background .3s ease-in-out, color .3s ease-in-out, opacity .3s ease-in-out;
}

.mashup-3 .flickity-button:hover {
    color: var(--e-global-color-47eea86e) !important;
    cursor: pointer;
    background: #fff;
    background: var(--e-global-color-accent) !important;
}

.mashup-3 .flickity-page-dots .dot {
	background: var(--e-global-color-accent);
}

.mashup-3  [data-custom-flickity-params] .offers-mashup-inner img {
	width: 100%;
	height: 250px;
	object-fit: cover;
}

@media (max-width:1024px) {
	.mashup-3 .offers-mashup dl {
		width: 50%;
	}
}

@media (max-width:767px) {
	.mashup-1 .offers-mashup-slide,
	.mashup-2 .offers-mashup-slide {
		grid-template-columns: 1fr;
	}

	[data-custom-flickity-params] .carousell-cell {
		width: 100%;
	}

	.mashup-3 .offers-mashup dl {
		width: 100%;
	}
}

/****************************************/

/***** START LEGAL PAGE TEXT WIDGET *****/

/****************************************/

/***** COOKIES POLICY ******/
.cookies-section,
.mft-legal-text {
	max-width: var(--container-legal) !important;
	margin: 0 auto;
	box-sizing: border-box;
}

.cookies-section {
	padding: var(--mft-space-4xl) 0;
}

.cookies-section a {
	font-weight: bold;
	transition: color .3s ease-in-out;
}

.cookies-section a:hover {
	color: var(--e-global-color-primary);
}

.cookies-section .elementor-widget-wrap .elementor-widget-heading:first-child .mi-title3 {
	display: none;
}

/***** LEGAL NOTICE ******/

/* Heading H1 */
.mft-legal-text h1,
.cookies-section .elementor-widget-wrap .elementor-widget-heading:first-child .mi-title3,
.blog-single-post .elementor-widget-theme-post-title h1,
.elementor-widget-single-job-title h1 {
	padding-bottom: 20px;
	font-family: var(--e-global-typography-primary-font-family) !important;
    font-size: var(--e-global-typography-primary-font-size) !important;
    font-weight: var(--e-global-typography-primary-font-weight) !important;
    line-height: var(--e-global-typography-primary-line-height) !important;
	color: var(--e-global-color-text) !important;
}

/* Heading H2 */
.mft-legal-text h2,
.cookies-section .mi-title3,
.blog-single-post h2,
.single_job_listing h2 {
	padding-bottom: 20px;
	font-family: sans-serif;
    font-size: clamp(28px, calc(28px + (36 - 28) * ((100vw - 360px) / (1920 - 360))), 36px);
    font-weight: 700;
    line-height: var(--e-global-typography-secondary-line-height);
}

/* Heading H3*/
.mft-legal-text h3,
.blog-single-post h3,
.single_job_listing h3 {
	padding-bottom: 20px;
	font-family: sans-serif;
    font-size: clamp(21px, calc(21px + (24 - 21) * ((100vw - 360px) / (1920 - 360))), 24px);
    font-weight: 700;
    line-height: var(--e-global-typography-accent-line-height);
}

/* Heading H4*/
.mft-legal-text h4 {
	padding-bottom: 20px;
	font-family: Sans-serif;
    font-size: clamp(19px, calc(19px + (20 - 19) * ((100vw - 360px) / (1920 - 360))), 20px);
    font-weight: 700;
    line-height: var(--e-global-typography-962030d-line-height);
}

.mft-legal-text h1 {
	margin: 0 0 30px;
}

.mft-legal-text h2 {
	margin: 45px 0 0;
}

.mft-legal-text h3,
.mft-legal-text h4,
.cookies-section .mi-title3 {
	margin: 30px 0 0;
}

/* LINKS */
.mft-legal-text a {
	text-wrap: wrap;
	overflow-wrap: break-word;
	text-decoration: none;
	color: var(--e-global-color-primary);
	transition: .3s ease-in-out;
}

.mft-legal-text a:hover {
	color: var(--e-global-color-13f4851a);
}

.mft-legal-text a span {
	color: inherit !important;
}

/* SPACE AFTER ELEMENTS */
.mft-legal-text :where(p, ul, ol, span) {
	margin-bottom: 15px;
}

/* LISTS */
.mft-legal-text ol {
	padding-left: 18px;
}

.mft-legal-text ol li {
	margin-bottom: 5px;
	list-style: circle outside none;
	overflow-wrap: break-word;
}

.mft-legal-text ul {
	padding-left: 35px;
}

.mft-legal-text ul li {
	margin-bottom: 5px;
	list-style: disc outside none;
	overflow-wrap: break-word;
}

/* TABLE STYLE */
.mft-legal-text table tr:first-child {
	color: var(--e-global-color-47eea86e);
	background-color: var(--e-global-color-d9f1a36);
}

/* Table general styles */
.mft-legal-text table {
	margin: 30px 0;
	width: 100%;
	font-size: 1em;
	background-color: transparent;
	border-spacing: 0;
	border-collapse: collapse;
}

@media (max-width:1023px) {
	.mft-legal-text table {
		display: block;
		overflow-x: auto;
		max-width: 100%;
	}
}

/* Table cell padding and styles */
.mft-legal-text table :where(td, th) {
	padding: 15px;
	min-width: 200px;
	vertical-align: top;
	line-height: 1.5em;
	border: 1px solid var(--e-global-color-15b9b07);
}

/* Background of odd table rows */
.mft-legal-text table tbody > tr:nth-child(odd) > :where(td, th) {
	background-color: #09090912;
}

.mft-legal-text table a:hover {
	text-decoration: none;
}

/**************************************/

/*********** DYNAMIC PAGES ***********/

/************************************/

/***** GENERAL STYLE *****/

/* ICONS -- these icons are painted on the room detail and offer pages */
a.back-link::before, 
a:where(.fwd-link, .down-link)::after {
    content: "\f060";
    display: inline-block;
    margin: 0 .5em;
    vertical-align: middle;
    font-family: 'fap-regular' !important;
    font-size: .85em;
    font-weight: normal;
    text-decoration: none;
    line-height: .85em;
    transition: all .2s ease-out;
}

a.fwd-link::after {content: "\f060";}
a.down-link::after {content: "\f078";}

a.fwd-link:hover, 
.back a:hover,
a.down-link:hover {
    text-decoration: none;
}

a.fwd-link:hover::after {
    margin-left: 1em;
    margin-right: 0;
}

.back a:hover::before {
    margin-right: 1em;
    margin-left: 0;
}

a.down-link:hover::after {
    transform: translateY(0.3em);
}

/* container */
.rooms-listing-wrapper,
.rooms-detail-wrapper,
.offers-listing-wrapper,
.offers-detail-wrapper {
	max-width: var(--width-m);
	margin: 0 auto;
	box-sizing: border-box;
}

/* titles rooms & detail room */
.rooms-listing-wrapper h2,
.rooms-listing-wrapper .room-box h3 a,
.rooms-detail-wrapper :where(h2, h3) {
	font-family: var(--e-global-typography-962030d-font-family), Sans-serif;
    font-size: var(--e-global-typography-962030d-font-size);
    font-weight: var(--e-global-typography-962030d-font-weight);
    line-height: var(--e-global-typography-962030d-line-height);
	text-decoration: none;
	text-transform: none;
	transition: .3s ease-in-out;
}

/* hover title room */
.rooms-listing-wrapper .room-box h3 a:hover {
	color: var(--e-global-color-primary) !important;
}

.offers-listing-wrapper h2, /* title intro offer */
.offers-listing .offer .offer-title, /* title offer */
.offers-detail-wrapper .offer-wrapper .offer-title, /* title offer detail */
.offers-listing-4 .offer-text h3 /* title card offer tpl 4*/ {
	font-family: var(--e-global-typography-962030d-font-family), Sans-serif;
    font-size: var(--e-global-typography-962030d-font-size);
    font-weight: var(--e-global-typography-962030d-font-weight);
    line-height: var(--e-global-typography-962030d-line-height);
}

.offers-listing .offer .offer-title {
    width: 100%;
    font-size: 27px;
}

/* decoration title underlined */
/*.offers-listing .offer .offer-title::after,
.offers-detail-wrapper .offer-header-content-wrapper .offer-title::after {
	content: "";
	display: block;
	margin: var(--mft-space-2xs) 0;
	width: 70px;
	height: 3px;
	background: var(--e-global-color-primary);
}*/

/***** btn - more information & offer-button *****/
.rooms-listing-wrapper .room-box a.more-info,
.rooms-listing-wrapper .room-box .room-intro a,
.offers-listing .offer .offer-button {
	padding: var(--mft-space-2xs) var(--mft-space-xs);
	font-family: var(--e-global-typography-6d2edf1-font-family), Sans-serif;
    font-size: var(--e-global-typography-6d2edf1-font-size);
    font-weight: var(--e-global-typography-6d2edf1-font-weight);
	color: var(--e-global-color-47eea86e);
	background-color: var(--e-global-color-primary);
    border: 2px solid var(--e-global-color-primary);
	transition: all .3s ease;
}

/* hover btn - more information & button */
.rooms-listing-wrapper .room-box a.more-info:hover,
.rooms-listing-wrapper .room-box .room-intro a:hover,
.offers-listing .offer .offer-button:hover {
	background-color: var(--e-global-color-13f4851a);
    border: 2px solid var(--e-global-color-13f4851a);
}

/* btn - more information */
.rooms-listing-wrapper .room-box a.more-info,
.rooms-listing-wrapper .room-box .room-intro a {
	margin-top: var(--mft-space-m);
	display: block !important;
	width: max-content;
	text-decoration: none !important;
}

/* btn -  offer-button */
.offers-listing .offer .offer-button {
	position: relative !important;
	bottom: 0;
	right: 0;
	display: inline-block;
	margin: 10px 35px;
}

.room-box .room-content ul.exclusive-services {
    margin: 15px 0;
    padding-left: 0;
}

/* btn - more information full width & center mobile */
@media (max-width:767px) {
	.rooms-listing-wrapper .room-box a.more-info,
	.rooms-listing-wrapper .room-box .room-intro a {
		width: auto;
		text-align: center;
	}

	.offers-listing .offer .offer-button {
		display: block;
	}

}

/***** icons and room description text *****/
.rooms-listing-1 .room-box .room-detail ul li {
	font-weight: 500;
}

.rooms-listing-wrapper .room-box .room-detail ul li span:where(.occupancies-ico, .size-ico, .distibution-ico) {
	width: auto;
	height: auto;
	background-image: none !important;
}

.rooms-listing-wrapper .room-box .room-detail ul li span:where(.occupancies-ico, .size-ico, .distibution-ico)::before {
	padding-right: 5px;
	font-family: 'fap-regular' !important;
	font-weight: normal;
	font-size: 25px;
	color: var(--e-global-color-primary);
}

.rooms-listing-wrapper .room-box .room-detail ul li span.occupancies-ico::before {
	content: "\1f464";
}

.rooms-listing-wrapper .room-box .room-detail ul li span.size-ico::before {
	content: "\f05a";
}

.rooms-listing-wrapper .room-box .room-detail ul li span.distibution-ico::before {
	content: "\1f6cf";
}

.offers-listing-wrapper.no-offers {
    text-align: center;
    padding: 50px 24px;
}

/********** TEMPLATES ROOMS **********/

/* ROOM TEMPLATE 1 */
.rooms-listing-1 .room-box .room-detail ul {
	margin: 0;
	padding: var(--mft-space-m) 0;
	text-align: left;
	background: transparent !important;
}

.rooms-listing-1 .room-box .room-detail ul li {
	width: auto !important;
	padding-right: var(--mft-space-s);
}

.rooms-listing-1 .room-box .room-content .room-price {
	border-top: none;
}

.rooms-listing-1 .room-box .room-content .room-price .box-from .box-price,
.rooms-listing-1 .room-box .room-content .room-price .box-from .price-description {
	color: var(--e-global-color-text);
}

.rooms-listing-1 .room-box .room-content .room-price .box-from .box-price {
	font-weight: bold;
}

.rooms-listing-1 .room-box .room-content .room-price .box-from .box-price span {
	font-size: 16px;
}

@media (min-width:1025px) {
	.rooms-listing-1 .room-box .room-detail {
		padding: 0 var(--mft-space-m) !important;
	}

	.rooms-listing-1 .room-box .room-content {
		padding: 0 var(--mft-space-m) var(--mft-space-m) !important;
	}
}

/* ROOM TEMPLATE 2 */
.rooms-listing-2 .room-box {
	border: none;
}

.rooms-listing-2 .room-box .room-detail {
	padding: 0px 2%;
}

@media (min-width:979px) {
	.rooms-listing-2 .room-box .room-image,
	.rooms-listing-2 .room-box .room-detail {
		width: 50%;
	}

	.rooms-listing-2 .room-box .room-detail ul {
		width: 50%;
		left: auto;
	}
}

@media (max-width:979px) {
	.rooms-listing-2 .room-detail h3 {
		padding-top: var(--mft-space-m);
	}
}

/* ROOM TEMPLATE 3 */
.rooms-listing-3 .room-item h3 {
	font-family: var(--e-global-typography-962030d-font-family), Sans-serif;
    font-size: var(--e-global-typography-962030d-font-size);
    font-weight: var(--e-global-typography-962030d-font-weight);
    line-height: var(--e-global-typography-962030d-line-height);
	background-color: rgb(32 32 32 / 60%);
}

.rooms-listing-3 a.room-image-link img {
	transition: all .3s ease;
}

.rooms-listing-3 a.room-image-link:hover img {
	filter: brightness(0.8);
}

.rooms-listing-3 .room-item .min-price {
	color: var(--e-global-color-47eea86e);
	background-color: var(--e-global-color-primary);
}

/* ROOM TEMPLATE 4 */
.rooms-listing-4 .room-box .room-image-link {
	position: relative;
	min-height: 400px;
}

.rooms-listing-4 .room-box .room-image-link img {
	position: absolute;
	height: 100%;
	width: 100%;
	inset: 0;
	object-fit: cover;
}

.rooms-listing-4 .room-box .room-content {
	background-color: var(--e-global-color-f79e654) !important;
}

/* ROOM TEMPLATE 5 */
.rooms-listing-5 li.item-service::marker {
    font-size: 0;
}

@media (min-width:768px) {
	.rooms-listing-5 .room-box {
		padding: var(--mft-space-l);
		background-color: transparent !important;
	}

	.rooms-listing-5 .room-name,
	.rooms-listing-5 .room-intro {
		padding-right: var(--mft-space-l);
		padding-left: 0;
	}

	.rooms-listing-5 .room-box:nth-child(odd) .room-name,
	.rooms-listing-5 .room-box:nth-child(odd) .room-intro {
		padding-left: var(--mft-space-l);
		padding-right: 0;
	}
}

@media (max-width:767px) {
	.rooms-listing-wrapper .room-box .room-content {
		padding-top: var(--mft-space-m) !important;
	}

	.rooms-listing-4 .room-box .room-image-link {
		min-height: 200px;
	}

	.rooms-listing-4 .room-box .room-content {
		background-color: transparent !important;
	}
}

/* decomment when requesting centred content - for all templates*/
/*.rooms-listing-wrapper .room-detail,
.rooms-listing-wrapper .room-box .room-detail ul,
.rooms-listing-wrapper .room-box .room-content,
.rooms-listing-5 .room-name,
.rooms-listing-5 .room-description {
text-align: center !important;
}*/

/* centring for template 2 and 4 */
/*.rooms-listing-wrapper .room-box .room-content,
.rooms-listing-2 .room-box .room-detail .room-description,
.rooms-listing-4 .room-box .room-description,
.rooms-listing-5 .room-intro .row:last-child {
display: flex;
flex-direction: column;
align-items: center;
}*/

/* centred check-list template 5 */
/*.rooms-listing-5 .room-services-list {
padding-left: var(--mft-space-l);
}*/

/********** TEMPLATE OFFERS **********/

/* OFFER TEMPLATE 1 */
.offers-listing-1 .offers-listing {
	display: flex;
	flex-wrap: wrap;
	gap: var(--mft-space-l);
	padding-top: var(--mft-space-l);
}

.offers-listing-1 .offer {
	margin: 0 auto;
	width: 48%;
}

.offers-listing-1 .offer .offer-photo {
	position: relative;
	width: 150px;
	height: 350px;
}

.offers-listing-1 .offer .offer-photo img {
	position: absolute;
	inset: 0;
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.offers-listing-1 .offer .offer-box {
	float: none;
}

.offers-listing-1 .offer .offer-title {
	padding: 25px 35px 0;
}

.offers-listing-1 .offer .offer-date-range {
	padding: 0 35px;
}

.offers-listing-1 .offer-box.box-3 {
	display: none;
}

.offers-listing-1 .offer-link {
	background: var(--e-global-color-f79e654);
}

.offers-listing-1 .offer .offer-description,
.offers-listing-1 .offer .offer-includes {
	margin-right: 0;
	padding: 0 35px 20px;
}

@media (max-width:1024px) {
	.offers-listing-1 .offer {
		width: 45%;
	}
}

@media (max-width:820px) {
	.offers-listing-1 .offers-listing {
		padding-left: 0;
	}

	.offers-listing-1 .offer {
		width: 100%;
	}
}

@media (max-width:767px) {
	.offers-listing-1 .offer .offer-photo {
		width: 100%;
		height: 150px;
	}

	.offers-listing-1 .offer .offer-title {
		padding: 25px 0 0;
	}

	.offers-listing-1 .offer .offer-description,
	.offers-listing-1 .offer .offer-includes {
		padding: 0 0 20px;
	}

	.offers-listing-1 .offer .offer-button {
		margin: 20px 0;
	}

	.offers-listing .offer .offer-title {
		text-align: left;
	}
}

/* OFFER TEMPLATE 2 */
.offers-listing-2 .offer .offer-intro,
.offers-listing-2 .offer .offer-date-range {
	background-color: var(--e-global-color-52235058);
}

.offers-listing-2 .offer .offer-photo {
	position: relative;
	width: 100%;
	height: 200px;
}

.offers-listing-2 .offer .offer-photo img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.offers-listing-2 .offer .offer-deco {
	background-color: var(--e-global-color-primary);
}

.offers-listing-2 .offer-deco i::before {
	content: "\ea7a";
	color: var(--e-global-color-eff34ee);
}

.offers-listing-2 .offer .offer-description {
	padding: var(--mft-space-xs);
}

.offers-listing-2 .offer .offer-box {
	background-color: var(--e-global-color-f79e654);
}

.offers-listing-2 .offer .offer-box span,
.offers-detail-wrapper .offer .offer-box span {
	font-family: var(--e-global-typography-fcce242-font-family);
    font-size: var(--e-global-typography-fcce242-font-size);
    font-weight: var(--e-global-typography-fcce242-font-weight);
    line-height: var(--e-global-typography-fcce242-line-height);
	color: var(--e-global-color-text);
}

.rooms-listing-2 .room-box .room-detail .price-box .last-booking {
    padding: 5px;
    color: var(--e-global-color-text);
    background: #ffffffba;
}

@media (min-width:1025px) {
	.offers-listing-2 .offers-listing .offer {
		width: 33%;
	}
}

/* OFFER TEMPLATE 4 */
.offers-listing-4 .offer-text {
	text-align: center;
}

.offers-listing-4 .offer .offer-box {
	min-height: 400px;
	transition: .3s ease-in-out;
}

.offers-listing-4 .offer .offer-box img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.offers-listing-4 .offer .offer-box:hover {
	box-shadow: 0px 0px 9px #00000047;
}

/* OFFER TEMPLATE 5 */
.offers-listing-5 .offer .offer-link,
.offers-detail-wrapper.offer-detail-5 .offer-wrapper {
	background: var(--e-global-color-f79e654) !important;
	transition: .3s ease-in-out;
}

.offers-listing-5 .offer .offer-link *,
.offers-detail-wrapper.offer-detail-5 .offer-wrapper {
	color: var(--e-global-color-text) !important;
}

.offers-listing-5 .offer .offer-link:hover {
	box-shadow: 0px 0px 9px #00000047 !important;
}

.offers-listing-5 .offer .offer-link::before {
	opacity: 0 !important;
}

.offers-listing-5 .offer .offer-title,
.offers-detail-wrapper.offer-detail-5 .offer-wrapper .offer-title {
	border-bottom: 2px solid var(--e-global-color-text) !important;
}

.offers-listing-5 .offer .offer-content i::before,
.offers-detail-wrapper.offer-detail-5 .offer-wrapper .offer-title i::before {
	content: "\e997";
	color: var(--e-global-color-text);
}

.offers-listing-5 .offer .offer-date-range {
	left: 30px;
	font-weight: 600;
}

.offers-listing-5 .offer .offer-date-range i::before {
	content: "\e9e2";
	color: var(--e-global-color-primary);
}

.offers-listing-5 .offer .offer-title::after {
	display: none;
}

@media (min-width:1025px) {
	.offers-listing-5 .offers-listing .offer {
		width: 33%;
	}
}

/***** ROOM DETAILS *****/
.calendar-wrapper.calendar-type1 {
	border-top: 0;
}

.rooms-detail-wrapper .room-box-services h3,
.rooms-detail-wrapper h3 {
	margin-bottom: 40px;
}

.rooms-detail-wrapper h4 {
	font-family: var(--e-global-typography-962030d-font-family), Sans-serif;
    font-size: var(--e-global-typography-962030d-font-size);
    font-weight: var(--e-global-typography-962030d-font-weight);
    line-height: var(--e-global-typography-962030d-line-height);
}

.rooms-detail-wrapper h2 {
	padding-bottom: var(--mft-space-s);
}

.rooms-detail-wrapper .room-box-detail,
.rooms-detail-wrapper .room-box-price {
	background-color: var(--e-global-color-15b9b07) !important;
}

.rooms-detail-wrapper .room-box-services,
.rooms-detail-wrapper .room-box-common-services {
    padding: 15px 0px;
}

.rooms-detail-5 .offers-listing-1 {
	display: flex;
	flex-wrap: wrap;
	gap: 25px;
}

.rooms-detail-5 .offers-listing-1 .offer {
	width: 48%;
}

.rooms-detail-5 .room-box-offers .elementor-container .offer-list-wrapper {
    background: transparent;
}

/*.rooms-detail-5 .room-box-offers {
	background: var(--e-global-color-f79e654);
}*/

/***** OFFER DETAILS *****/
.offers-detail-wrapper.offer-detail-1 .offer-features-wrapper .offer-boxes-wrapper .offer-box span, 
.offers-detail-wrapper.offer-detail-1 .offer-features-wrapper .offer-boxes-wrapper .offer-box meta {
    font-family: var(--e-global-typography-fcce242-font-family);
    font-size: 20px !important;
    font-weight: var(--e-global-typography-fcce242-font-weight);
    line-height: var(--e-global-typography-fcce242-line-height);
}

.offers-detail-wrapper.offer-detail-1 .offer-photo {
    width: 230px;
}

.offers-detail-wrapper .offer-photo {
	width: auto;
}

.offers-detail-wrapper.offer-detail-2 .offer-wrapper {
	float: none;
}

.offers-detail-wrapper.offer-detail-2 .offer {
	margin: 55px auto;
}

.offer-detail-5 .offer-wrapper .offer-title i.eci {
    display: inline;
    margin: 0 15px 0 0;
    font-size: 25px;
}


/************************************************************************************************/

/************************************************************************************************/

/************************************************************************************************/


/***** STYLES JOSB PAGE - SINGLE POST JOB *****/

/* list job - pag work us */
.job_filters .search_jobs {
    margin-bottom: 80px;
    padding: 0;
}

.job_filters .search_jobs div.search_keywords,
.job_filters .search_jobs div.search_location{
    float: left;
    width: 25%;
}

ul.job_listings {
    border: none;
}

ul.job_listings li {
    margin-bottom: 40px !important;
}

ul.job_listings li.job_listing a div.location {
    float: right;
    font-size: 23px !important;
    text-align: right !important;
}

ul.job_listings .job-manager-applications-applied-notice {
    font-size: 20px;
}

ul.job_listings li.job_listing a div.position {
    padding: 0;
}

/* individual post job */
.single_job_listing .meta li {
    font-size: 14px;
    color: var(--e-global-color-text);
}

.single_job_listing .company {
    margin: 0;
    align-items: center;
    display: flex;
    padding: 0;
    box-shadow: none;
}

.single_job_listing .company .company_header {
	padding-left: 15px;
}

.single_job_listing .company .company_header {
    margin: 0;
    min-height: 0;
}

.single_job_listing p {
    padding-bottom: 10px;
}

.job_application input.application_button.button,
.job_application .button.wp_job_manager_send_application_button {
    font-family: var(--e-global-typography-6d2edf1-font-family);
    font-size: var(--e-global-typography-6d2edf1-font-size);
    font-weight: var(--e-global-typography-6d2edf1-font-weight);
    text-transform: var(--e-global-typography-6d2edf1-text-transform);
    line-height: var(--e-global-typography-6d2edf1-line-height);
    letter-spacing: var(--e-global-typography-6d2edf1-letter-spacing);
	transition: background .3s ease;
}

.job_application input.application_button.button {
    padding: var(--mft-space-xs) var(--mft-space-xs);
    color: var(--e-global-color-47eea86e);
	background-color: var(--e-global-color-primary);
	border: 0;
}

input.button.wp_job_manager_send_application_button {
    padding: var(--mft-space-3xs) var(--mft-space-3xs);
    color: var(--e-global-color-13f4851a);
	background-color: transparent;
	border: 2px solid;
}

@media (min-width: 1025px) {
	.job_application input.application_button.button:hover {
		background-color: var(--e-global-color-13f4851a);
	}

    input.button.wp_job_manager_send_application_button:hover {
        color: var(--e-global-color-47eea86e);
        background-color: var(--e-global-color-13f4851a);
        border: 2px solid var(--e-global-color-13f4851a);
    }
}

.single_job_listing .job-manager-applications-applied-notice {
	background: var(--e-global-color-610777e);
}

form.job-manager-application-form.job-manager-form {
    padding-top: 35px;
}

@media (max-width: 767px) {
	.job_filters .search_jobs {
		margin-bottom: 40px;
	}

	.job_filters .search_jobs div.search_keywords, 
	.job_filters .search_jobs div.search_location {
		width: 100%;
	}

	ul.job_listings .job-manager-applications-applied-notice {
		float: unset;
		display: block;
		padding: 16px 0;
	}

	ul.job_listings li.job_listing a div.position {
		padding-bottom: 16px;
	}
}
/* END */

/* CUSTOM CSS */
	background-color: var(--e-global-color-primary) !important;
	bottom: -2px !important;
    height: 1px !important;
}
.vcard-address .elementor-widget-container {
    font-weight: 400 !important;
}

@media(max-width:600px){
    h2 br{
        display:none;
    }
}