.elementor-kit-1397{--e-global-color-primary:#915417;--e-global-color-secondary:#3C1D0C;--e-global-color-text:#484848;--e-global-color-accent:#C78E1D;--e-global-color-d63fffd:#C2815B;--e-global-color-b22998e:#753C1A;--e-global-color-046f570:#F2C8AE;--e-global-color-66a1166:#FEEDE2;--e-global-color-5026aa4:#33210C;--e-global-color-13f4851a:#EBC759;--e-global-color-52235058:#F2DF96;--e-global-color-b0e06ac:#FCF8EA;--e-global-color-0a64093:#E4E4E4;--e-global-color-433254c:#999999;--e-global-color-e1a955f:#202020;--e-global-color-21f8c9b7:#000;--e-global-color-47eea86e:#FFF;--e-global-color-6cb047a:#FFFFFF00;--e-global-typography-primary-font-family:"Outfit";--e-global-typography-primary-font-size:3.75rem;--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Outfit";--e-global-typography-secondary-font-size:3rem;--e-global-typography-secondary-font-weight:700;--e-global-typography-text-font-family:"Outfit";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-fcce242-font-family:"Outfit";--e-global-typography-fcce242-font-size:2rem;--e-global-typography-fcce242-font-weight:400;--e-global-typography-013566d-font-family:"Outfit";--e-global-typography-013566d-font-size:1.5rem;--e-global-typography-013566d-font-weight:400;--e-global-typography-962030d-font-family:"Outfit";--e-global-typography-962030d-font-size:1.25rem;--e-global-typography-962030d-font-weight:400;--e-global-typography-4d3a7db-font-family:"Outfit";--e-global-typography-4d3a7db-font-size:1.125rem;--e-global-typography-4d3a7db-font-weight:400;--e-global-typography-adfa3ce-font-family:"Outfit";--e-global-typography-adfa3ce-font-size:1rem;--e-global-typography-adfa3ce-font-weight:400;--e-global-typography-fe530e3-font-family:"Outfit";--e-global-typography-fe530e3-font-size:0.75rem;--e-global-typography-fe530e3-font-weight:400;--e-global-typography-cdb3973-font-family:"Outfit";--e-global-typography-cdb3973-font-size:0.875rem;--e-global-typography-cdb3973-font-weight:400;--e-global-typography-f2ca318-font-family:"Outfit";--e-global-typography-f2ca318-font-size:1rem;--e-global-typography-f2ca318-font-weight:400;--e-global-typography-420ba7d-font-family:"Outfit";--e-global-typography-420ba7d-font-size:1rem;--e-global-typography-420ba7d-font-weight:600;--e-global-typography-6939661-font-family:"Outfit";--e-global-typography-6939661-font-size:0.875rem;--e-global-typography-6939661-font-weight:600;--e-global-typography-83822ad-font-family:"Outfit";--e-global-typography-83822ad-font-size:1rem;--e-global-typography-83822ad-font-weight:400;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-kit-1397 h1{font-size:3.5em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1920px;}.e-con{--container-max-width:1920px;--container-default-padding-top:0px;--container-default-padding-right:40px;--container-default-padding-bottom:0px;--container-default-padding-left:40px;}.elementor-widget:not(:last-child){margin-block-end:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-1397 e-page-transition{background-color:#FFBC7D;}@media(max-width:1024px){.elementor-kit-1397{font-size:var( --e-global-typography-text-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;--container-default-padding-top:0px;--container-default-padding-right:40px;--container-default-padding-bottom:0px;--container-default-padding-left:40px;}}@media(max-width:767px){.elementor-kit-1397{--e-global-typography-primary-font-size:2.5rem;--e-global-typography-secondary-font-size:2.5rem;--e-global-typography-fcce242-font-size:1.7rem;--e-global-typography-013566d-font-size:1.3rem;--e-global-typography-962030d-font-size:1.2rem;--e-global-typography-4d3a7db-font-size:1.2rem;font-size:var( --e-global-typography-text-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;--container-default-padding-top:0px;--container-default-padding-right:16px;--container-default-padding-bottom:0px;--container-default-padding-left:16px;}}/* Start custom CSS *//* Variables */

:root {
    --width-s: 1280px;
    --width-m: 1600px;
    --width-l: 1900px;

    --gap-main: 60px;
    --gap-xlg: -webkit-calc(var(--gap-main) * 2.66);
    --gap-xlg: -moz-calc(var(--gap-main) * 2.66);
    --gap-xlg: calc(var(--gap-main) * 2.66);
    
    --gap-lg: -webkit-calc(var(--gap-main) * 2);
    --gap-lg: -moz-calc(var(--gap-main) * 2);
    --gap-lg: calc(var(--gap-main) * 2);
  
    --gap-m: -webkit-calc(var(--gap-main) * 1.5);
    --gap-m: -moz-calc(var(--gap-main) * 1.5);
    --gap-m: calc(var(--gap-main) * 1.5);
  
    --gap-sm: -webkit-calc(var(--gap-main) / 1.7);
    --gap-sm: -moz-calc(var(--gap-main) / 1.7);
    --gap-sm: calc(var(--gap-main) / 1.7);
  
    --gap-xs: -webkit-calc(var(--gap-main) / 4);
    --gap-xs: -moz-calc(var(--gap-main) / 4);
    --gap-xs: calc(var(--gap-main) / 4);
    
    @media (max-width: 979px) {
        --gap-lg: 90px;
        --gap-xlg: 120px;
    }
  
    @media (max-width: 768px) {
        --gap-m: 40px;
    }
}

/* --- gral --- */
body {
    background-color: var(--e-global-color-b0e06ac);
}


.wpml-ls-legacy-dropdown-click:hover .wpml-ls-sub-menu{
    visibility: visible;
}

/* contanier */
.mft-container-s.elementor-element, .mft-container-m.elementor-element, .cookies-section.elementor-section.elementor-section-boxed > .elementor-container, .mft-container-l.elementor-element, .mft-container-full.elementor-element {
    margin: 0 auto;
    box-sizing: border-box;
}

.mft-container-s.elementor-element, .cookies-section.elementor-section.elementor-section-boxed > .elementor-container {
    max-width: var(--width-s)!important;
}
.mft-container-m.elementor-element {
    max-width: var(--width-m)!important;
}
.mft-container-l.elementor-element {
    max-width: var(--width-l)!important;
}

.mft-container-full.elementor-element {
    max-width: 1920px!important;
    padding-left: 0;
    padding-right: 0;
}

.txtbox-m {
    max-width: 800px!important;
    margin-left: auto;
    margin-right: auto;
}

.wht-txt, .wht-txt h2, .wht-txt h3, .wht-txt h4, .wht-txt h5, .wht-txt h6 {
    color: #fff;
}

.align-center {
    text-align: center;
}


/* Grid & img */
.grid-1and2 {
    gap: 8px;
}
.grid-1and2 .grid-1and2-imglongest {
    grid-row: 1/3;
    height: 100%
}

/* Decobar */
.decobar .elementor-heading-title {
    display: flex;
    flex-direction: column;
}
.decobar .elementor-heading-title:after {
    content: '';
    width: 70px;
    height: 6px;
    display: block;
    margin-top: var(--gap-sm);
    background-image: url(https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1737/wave-line.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}
.decobar--center .elementor-heading-title {
    align-items: center;
}

.my-ornament:after {
    content: '';
    display: block;
    background-image: url('/app/uploads/sites/1737/ornament-angle-vector.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    bottom: 0;
    height: 270px;
    left: 0;
    opacity: 0.2;
    position: absolute;
    width: 270px;
    z-index: -1;
}

.my-ornament--right:after {
    left: auto;
    right: 0;
    transform: scaleX(-1);
}

/* buttons */
a.butn-link {
    background: transparent;
    border-color: transparent;
}
a.butn-link .elementor-button-content-wrapper {
    align-items: baseline;
}
a.butn-link .elementor-button-icon {
    line-height: 1;
    font-size: 0.8em;
}

a.main-butn {
  min-width: 170px;
  background: var(--e-global-color-primary);
  border-radius: 35px;
  padding: 20px 30px;
}
a.main-butn:hover {
  background: var(--e-global-color-secondary);
}
.wht-txt a.main-butn {
  background: var(--e-global-color-66a1166);
  color: var(--e-global-color-b22998e)!important;
}
.wht-txt a.main-butn:hover {
  background: var(--e-global-color-b22998e);
  color: var(--e-global-color-66a1166)!important;
}

a.main-butn--link {
    background: transparent;
    border-color: transparent;
    min-width: auto;
}
a.main-butn--link:after {
    content: '';
    background: var(--e-global-color-primary);
    display: block;
    height: 2px;
    width: 100%;
    transition: .4s;
}
a.main-butn--link:hover, a.main-butn--link:hover:after {
    background: transparent;
}

/* box and hover */
.box-and-hover {
  overflow: hidden;
}

.box-and-hover__img {
  position: relative;
  display: flex;
  opacity: 1;
}
.box-and-hover__img:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
}

.box-and-hover__txt-box, .box-and-hover__img {
  -webkit-transition: .7s;
          transition: .7s;
}
.box-and-hover__txt-box {
  position: absolute;
  top: calc(100% - 93px);
  left: 0;
  right: 0;
}

.box-and-hover:hover .box-and-hover__img {
  opacity: .3;
}
.box-and-hover:hover .box-and-hover__txt-box {
  top: auto;
  bottom: 0;
}

.box-and-hover__txt-info .elementor-text-editor {
    color: #bbb;
    font-size: 14px
}

@media (max-width: 979px) {
    
  .ph0-sm > .elementor-container {
      padding-right: 0!important;
      padding-left: 0!important;
  }

  .box-and-hover:hover .box-and-hover__img, .box-and-hover .box-and-hover__img {
      opacity: 0.9;
  }
  .box-and-hover .box-and-hover__txt-box, .box-and-hover:hover .box-and-hover__txt-box {
      top: auto;
      bottom: 0;
  }

}

/* rooms */

.rooms-listing-wrapper .common-features {
    display: none;
}

.rooms-listing-4 .rooms-listing .room-box .room-content {
    text-align: center;
    margin-top: 0;
    width: 100%;
    background: transparent;
}

.rooms-listing .room-box .room-content h3 {
    color: var(--e-global-color-secondary);
    font-weight: 500;
    font-size: 2.2rem;
    text-transform: capitalize;
}

.rooms-listing .room-box .room-image-link img {
    border-radius: 10px;
    max-height: 550px;
    object-fit: cover;
}

.room-description {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.rooms-listing .room-box .room-content .room-description .more-info {
    font-weight: 500;
    margin-top: var(--gap-sm);
    text-decoration: initial;
    color: #fff;
    min-width: 170px;
    background: var(--e-global-color-primary);
    border-radius: 35px;
    padding: 20px 30px;
    transition: .4s;
}
.rooms-listing .room-box .room-content .room-description .more-info:hover {
    background: var(--e-global-color-secondary);
}

.rooms-listing .room-box .room-content .room-description .more-info: {
    text-decoration: none;
}

.rooms-detail-wrapper .room-box-image, .rooms-detail-wrapper .room-box-extras, .rooms-detail-wrapper .room-box-offers {
    background-color: transparent!important;
    border: 0!important;
}

.room-box-extras{

    width: 100%;
    display: flex;
    justify-content: center;
    
}

.room-box-extras ul {
    columns: 3;
    column-gap: 4rem;
    list-style-position: inside;
    padding: 0;
    margin: 0;
}

.offers-detail-wrapper, .rooms-detail-wrapper {
    max-width: 1280px;
    margin: 0 auto;
    padding-bottom: 90px;
    padding-top: 90px;
}


/* Offer */
.cat-offers .offers-listing-wrapper, .cat-rooms .rooms-listing-wrapper {
    padding-top: var(--gap-lg);
    padding-bottom: var(--gap-lg);
    max-width: 1280px;
    margin: 0 auto;
}

.offers-listing img {
    border-radius: 10px 10px 0 0;
    height: 270px;
    object-fit: cover;
}

.offers-listing .offer-text {
    background: var(--e-global-color-0a64093);
    border-radius: 0 0 10px 10px;
    padding: 24px 12px;
    position: static;
    text-align: center;
}

.offer .offer-text .offer-name{
    font-size: 1.4rem;
}

.offer-text .offer-discount, .offers-detail-wrapper .title-discount, .cat-offers .offers-listing-wrapper h2 {
    display: none;
}

/* cookies policy */
.page-template-tpl-cookies-policy .cookies-section {
    padding: var(--gap-m) 0;
}

.page-template-tpl-cookies-policy .cookies-section .elementor-widget-heading:first-child .mi-title3 {
    display: none;
}

.page-template-tpl-cookies-policy .cookies-section .mi-title3 {
    margin: var(--gap-sm) 0 var(--gap-xs);
    font-size: 1.5rem;
    font-weight: 400;
    color: var(--e-global-color-secondary);
}

.page-template-tpl-cookies-policy .cookies-section section.elementor-element:nth-last-child(2) {
    margin-top: var(--gap-sm);
}

.page-template-tpl-cookies-policy .cookies-section a {
    text-decoration: underline;
    font-weight: 500;
}

.cookies-section .elementor-widget-wrap > section .elementor-row {
    display: flex;
    margin-top: var(--gap-sm);
    width: 100%;
}

/* Club */
.cat-mirai-club ui-signup[data-role="signup"] {
    width: auto;
    margin: var(--gap-m) auto var(--gap-m);
}

/* fixes */
.flickity-enabled:has(.flickity-slider .carousel-cell:only-child) .flickity-prev-next-button {
    display: none;
}

.dialog-lightbox-widget .dialog-close-button {
    text-decoration: none;
}

/* Queries */

@media (max-width: 1023px) and (min-width: 768px) {
    .cat-offers .offers-listing .offer {
        width: 50%;
    }
}

@media (max-width: 767px) {
    a.main-butn, a.booking-butn {
        width: 100%;
        min-width: auto;
    }

    .my-ornament:after {
        height: 210px;
        width: 210px;
    }
}/* End custom CSS */