.elementor-kit-1397{--e-global-color-primary:#004976;--e-global-color-secondary:#75C4F0;--e-global-color-text:#004976;--e-global-color-accent:#1C1C1C;--e-global-color-13f4851a:#E6F3FA;--e-global-color-52235058:#C8E7F9;--e-global-color-21f8c9b7:#000;--e-global-color-47eea86e:#FFF;--e-global-color-6cb047a:#FFFFFF00;--e-global-color-de49a09:#F5CD70;--e-global-color-8a473a0:#10101052;--e-global-color-5fe9d9a:#0000003D;--e-global-color-8dc9d7a:#44444433;--e-global-color-8c7b94e:#002C47;--e-global-typography-primary-font-family:"Raleway";--e-global-typography-primary-font-size:clamp(32px, calc(32px + (64 - 32) * ((100vw - 320px) / (1920 - 320))), 64px);--e-global-typography-primary-font-weight:800;--e-global-typography-secondary-font-family:"Raleway";--e-global-typography-secondary-font-size:clamp(24px, calc(24px + (36 - 24) * ((100vw - 320px) / (1920 - 320))), 36px);--e-global-typography-secondary-font-weight:800;--e-global-typography-secondary-letter-spacing:0.1px;--e-global-typography-text-font-family:"Raleway";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:500;--e-global-typography-text-line-height:29px;--e-global-typography-text-letter-spacing:0px;--e-global-typography-accent-font-family:"Raleway";--e-global-typography-accent-font-size:1em;--e-global-typography-accent-font-weight:800;--e-global-typography-accent-line-height:29px;--e-global-typography-fcce242-font-family:"Raleway";--e-global-typography-fcce242-font-size:clamp(18px, calc(18px + (24 - 18) * ((100vw - 320px) / (1920 - 320))), 24px);--e-global-typography-fcce242-font-weight:800;--e-global-typography-d6763ec-font-family:"Raleway";--e-global-typography-d6763ec-font-size:20px;--e-global-typography-d6763ec-font-weight:700;--e-global-typography-d6763ec-letter-spacing:0.2px;--e-global-typography-013566d-font-family:"Mulish";--e-global-typography-013566d-font-size:clamp(18px, calc(18px + (20 - 18) * ((100vw - 320px) / (1920 - 320))), 20px);--e-global-typography-013566d-line-height:25px;--e-global-typography-962030d-font-family:"Raleway";--e-global-typography-962030d-font-size:1em;--e-global-typography-962030d-font-weight:700;--e-global-typography-962030d-text-transform:uppercase;--e-global-typography-962030d-letter-spacing:0.4px;--e-global-typography-4d3a7db-font-family:"Comfortaa";--e-global-typography-4d3a7db-font-size:16px;--e-global-typography-4d3a7db-font-weight:700;--e-global-typography-4d3a7db-text-decoration:underline;--e-global-typography-4d3a7db-line-height:22px;--e-global-typography-adfa3ce-font-family:"Raleway";--e-global-typography-adfa3ce-font-size:16px;--e-global-typography-adfa3ce-font-weight:500;--e-global-typography-adfa3ce-line-height:25px;--e-global-typography-fe530e3-font-family:"Raleway";--e-global-typography-fe530e3-font-size:16px;--e-global-typography-fe530e3-font-weight:800;--e-global-typography-fe530e3-line-height:25px;--e-global-typography-883e88e-font-family:"Raleway";--e-global-typography-883e88e-font-size:14px;--e-global-typography-883e88e-font-weight:500;--e-global-typography-a193f72-font-family:"Raleway";--e-global-typography-a193f72-font-size:14px;--e-global-typography-a193f72-font-weight:700;--e-global-typography-0c8f163-font-family:"Raleway";--e-global-typography-0c8f163-font-weight:800;--e-global-typography-a9dafa4-font-family:"Raleway";--e-global-typography-a9dafa4-font-size:1em;--e-global-typography-a9dafa4-font-weight:800;--e-global-typography-a9dafa4-text-transform:none;--e-global-typography-a9dafa4-line-height:29px;font-family:"Raleway", Sans-serif;font-size:18px;font-weight:500;letter-spacing:0px;}.elementor-kit-1397 e-page-transition{background-color:#FFBC7D;}.elementor-kit-1397 button,.elementor-kit-1397 input[type="button"],.elementor-kit-1397 input[type="submit"],.elementor-kit-1397 .elementor-button{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 );text-transform:var( --e-global-typography-962030d-text-transform );letter-spacing:var( --e-global-typography-962030d-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1920px;}.e-con{--container-max-width:1920px;--container-default-padding-top:0;--container-default-padding-right:var(--gap-main);--container-default-padding-bottom:0;--container-default-padding-left:var(--gap-main);}.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);}@media(max-width:1024px){.elementor-kit-1397 button,.elementor-kit-1397 input[type="button"],.elementor-kit-1397 input[type="submit"],.elementor-kit-1397 .elementor-button{font-size:var( --e-global-typography-962030d-font-size );letter-spacing:var( --e-global-typography-962030d-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-1397{--e-global-typography-text-font-size:16px;--e-global-typography-0c8f163-font-size:20px;font-size:16px;}.elementor-kit-1397 button,.elementor-kit-1397 input[type="button"],.elementor-kit-1397 input[type="submit"],.elementor-kit-1397 .elementor-button{font-size:var( --e-global-typography-962030d-font-size );letter-spacing:var( --e-global-typography-962030d-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//*--- Hotel Samos ---*/

/* Variables */
:root {
    --width-s: 900px;
    --width-m: 1280px;
    --width-base: 1440px;
    --gap-main: 40px;

    --gap-xxlg: -webkit-calc(var(--gap-main) * 3);
    --gap-xxlg: -moz-calc(var(--gap-main) * 3);
    --gap-xxlg: calc(var(--gap-main) * 3);

    --gap-xlg: -webkit-calc(var(--gap-main) * 2.4);
    --gap-xlg: -moz-calc(var(--gap-main) * 2.4);
    --gap-xlg: calc(var(--gap-main) * 2.4);
    
    --gap-lg: -webkit-calc(var(--gap-main) * 1.6);
    --gap-lg: -moz-calc(var(--gap-main) * 1.6);
    --gap-lg: calc(var(--gap-main) * 1.6);

    --gap-m: -webkit-calc(var(--gap-main) * 1.2);
    --gap-m: -moz-calc(var(--gap-main) * 1.2);
    --gap-m: calc(var(--gap-main) * 1.2);

    --gap-xm: -webkit-calc(var(--gap-main) / 1.25);
    --gap-xm: -moz-calc(var(--gap-main) / 1.25);
    --gap-xm: calc(var(--gap-main) / 1.25);
  
    --gap-sm: -webkit-calc(var(--gap-main) / 1.66);
    --gap-sm: -moz-calc(var(--gap-main) / 1.66);
    --gap-sm: calc(var(--gap-main) / 1.66);
  
    --gap-xs: -webkit-calc(var(--gap-main) / 3.33);
    --gap-xs: -moz-calc(var(--gap-main) / 3.33);
    --gap-xs: calc(var(--gap-main) / 3.33);

    --def-marg: 142px;
    
    @media (max-width: 979px) {
        --gap-xxlg: 96px;
        --gap-xlg: 64px;
        --gap-lg: 54px;
        --def-marg: 42px;
    }
  
    @media (max-width: 768px) {
        --gap-xxlg: 60px;
        --gap-xlg: 60px;
        --gap-lg: 48px;
        --gap-m: 48px;
        --def-marg: 20px;
    }
}

.container-m, .container-s, .container-xs {
    margin: 0 auto;
    box-sizing: border-box;
}

.container-m {
    max-width: var(--width-base);
}

.container-s {
    max-width: 1200px;
}

.container-xs {
    max-width: 1100px;
}

.container-xxs{
    max-width: var(--width-s);
}

@media (min-width:1180px) and (max-width:1440px){
    .container-m {
        padding-inline: var(--gap-m);
    }
}

.pdd-0.elementor-section.elementor-section-boxed>.elementor-container {
    padding-right: unset !important;
    padding-left: unset !important;
}

.minh {
    min-height: 350px;
}

.minh-600 {
    min-height: 600px;
}

@media (min-width: 1441px){   
    .no-padd{padding-inline: 0px;}
    .no-marg{margin-inline: 0px;}
}

@media (min-width: 768px) and (max-width: 1178px){    
    .no-padd{padding-inline: 0px;}
    .no-marg{margin-inline: 0px;}
}

@media (max-width: 767px){
     div.minh-600.hero-inter .container-m.no-padd{
        padding-inline: 0px;
     }
}

/* Modal */
.elementor-popup-modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

.elementor-popup-modal .dialog-widget-content{
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

.mft-scrolly-auto {
    overflow: hidden !important;
    overflow-y: auto !important;
    max-height: 100dvh;
}

/* Scrollbar */
* {
  scrollbar-width: thin;
  scrollbar-color: #004976 #E6F3FA;
}

*::-webkit-scrollbar {
  height: 10px;
  width: 10px;
}

*::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: #E6F3FA;
}

*::-webkit-scrollbar-track:hover {
  background-color: #C8E7F9;
}

*::-webkit-scrollbar-track:active {
  background-color: #E6F3FA;
}

*::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #004976;
}

*::-webkit-scrollbar-thumb:hover {
  background-color: #005F9A;
}

*::-webkit-scrollbar-thumb:active {
  background-color: #004976;
}

.elementor-icon-wrapper,
.elementor-button-icon,
.elementor-icon-box-icon,
.elementor-button-wrapper {
    display: flex!important;
    justify-content: center;
    align-items: center;
}

/* Pseudo Standarization */ 
@media (min-width: 768px) {
.elementor-section.elementor-section-boxed > .elementor-container {
    padding-left: 30px;
    padding-right: 30px;
}
}

.contenedor-mw, .cookies-section, .cat-room-detail .elementor-section.elementor-section-boxed > .elementor-container > .rooms-detail-wrapper,
.cat-offer-detail .elementor-section.elementor-section-boxed > .elementor-container > .offers-detail-wrapper {
    max-width: 1440px;
    margin: 0 auto;
    box-sizing: border-box;   
}

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

.minh-600.hero-inter .container-m.no-padd h2.elementor-heading-title{
    font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
    font-size: var(--e-global-typography-secondary-font-size);
    font-weight: var(--e-global-typography-secondary-font-weight);
    color: var(--e-global-color-47eea86e);
}

.boxed{
    margin-left: 2%;
    margin-right: 2%;
}

.hidden{
    display: none;
}

/* FIXES */
.e-con.e-con>.e-con-inner>.elementor-widget,.elementor.elementor .e-con>.elementor-widget {
    max-width: var(--width-base);
}

@media (max-width: 767){
    .e-con.e-con>.e-con-inner>.elementor-widget,.elementor.elementor .e-con>.elementor-widget {
        max-width: 100% !important;
    }
}

@media (min-width: 1367px) and (max-width: 1500px){
    .elementor-widget-n-carousel.elementor-element :is(.swiper,.swiper-container)~.elementor-swiper-button-prev{
        left: 20px !important;
    }
    .elementor-widget-n-carousel.elementor-element :is(.swiper,.swiper-container)~.elementor-swiper-button-next{
        right: 20px !important;
    }
}

@media (max-width: 1366px){
    .elementor-widget-n-carousel.elementor-element :is(.swiper,.swiper-container)~.elementor-swiper-button-prev{
        left: 10px !important;
    }
    .elementor-widget-n-carousel.elementor-element :is(.swiper,.swiper-container)~.elementor-swiper-button-next{
        right: 10px !important;
    }
}

@media (min-width: 1025px) and (max-width: 1179px){
    .container-m.engine-container{
        padding-inline: 20px;
    }
}

@media (max-width: 767px){
    body.cat-home .e-widget-swiper .swiper{z-index: initial;}
}

/* Bullet list */
.lista-web li, .lista-web2 li { 
    padding-left: 5px; 
}

.lista-web li::before {
    content: "•"; 
    padding-right: 5px;
    color: var(--e-global-color-primary); 
}

a, body > *:not(footer[data-elementor-type="footer"]) p a {
    color: var(--e-global-color-primary);
    text-decoration: none;
}

a.over-white:hover{
    color: var(--e-global-color-8c7b94e) !important;
}

div.wrap div.elementor-text-editor a, div.wrap div.elementor-text-editor p a{
    color: var(--e-global-color-accent);
    font-weight: 600;
    transition: all ease .5s;
}

a:hover, p a:hover, 
div.wrap div.elementor-text-editor a:hover, div.wrap div.elementor-text-editor p a:hover{
    text-decoration: none;
    color: var(--e-global-color-secondary);
}

div.wrap div[data-widget_type="text-editor.default"] a{
    font-weight: 500;
    text-decoration: underline;
    color: var(--e-global-color-primary);
    transition: all ease .5s;
}

div.wrap div[data-widget_type="text-editor.default"] a:hover{
    color: var(--e-global-color-21f8c9b7);
    text-decoration: underline;
}

.elementor-widget-container .elementor-text-editor > p, .elementor-widget-container .elementor-text-editor {
    line-height: inherit;
    font-weight: inherit;
}

@media (max-width:480px){
    .elementor-text-editor > p, .elementor-widget-container .elementor-text-editor {    
        line-height: normal;
        font-weight: normal;    
    }
}

/*body.cat-cookies-policy .elementor-widget:not(:last-child) {
    margin-block-end: 20px;
}*/

body.error404 .not-found-page {
    margin-top: 5%;
}

/* Legal Texts */
.section-legal .legaltxt-html .elementor-widget-container{
    display: flex;
    flex-direction: column; 
    gap: 20px; 
}

@media (min-width:1024px) and (max-width:1440px){
    .hero-inter{
        min-height: 75vh;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    html, body {
        overflow-x: hidden;
    }

    .hero-inter > .e-con-inner{
        padding-bottom: var(--gap-xlg);
    }
}

@media(max-width: 1024px) {
    .minh-600 {
        min-height: 500px;
    }
}

@media(max-width: 767px) {
    .minh {
        min-height: 250px;
    }
    .minh-600 {
        min-height: 380px;
    }
}

/* CTA Button */
a.cta-advantages.elementor-button{
    padding-right: 12px;
    padding-left: 16px;
}

.cta-advantages.elementor-widget-button .elementor-button-content-wrapper{
    gap: 20px;
}

.cta-advantages.elementor-widget-button .elementor-button-content-wrapper .elementor-button-icon{
    background-color: var(--e-global-color-47eea86e);
    border-radius: 400px;
    padding: 5px;
    color: #1C1C1C;
}

a.cta-advantages.elementor-button .elementor-button-icon {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

a.cta-advantages.elementor-button .elementor-button-icon::after {
    content: "";
    position: absolute;
    background-image: url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1633/star_solid.svg');
    background-repeat: no-repeat;
    background-size: contain;
    width: 18px;  
    height: 17px;
    opacity: 0;
    transition: opacity 0.3s ease; 
}

a.cta-advantages.elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
}

a.cta-advantages.elementor-button:hover .elementor-button-icon svg {
    opacity: 0.5; 
}

/* WAVE SECTION - BASE */
.wave-section, .wave-section-blue, .wave-popup-section{
    position: relative;
    overflow: hidden;
}

.wave-section:before {
    content: "";
    background: url("/app/uploads/sites/1633/samos-wave.svg") repeat-x top center;
    position: absolute;
    width: 200%;
    left: 0;
    animation: wave 5s linear infinite;
}

.wave-section-blue:before {
    content: "";
    background: url("/app/uploads/sites/1633/waves-blue.svg") repeat-x bottom center;
    position: absolute;
    width: 200%;
    left: 0;
    animation: wave 5s linear infinite;
}

.wave-popup-section:before {
    content: "";
    background: url("/app/uploads/sites/1633/wave-modal.svg") repeat-x top center;
    position: absolute;
    width: 200%;
    left: 0;
    animation: wave 5s linear infinite;
}

/* Valores por defecto (Desktop) */
.wave-section:before,
.wave-popup-section:before {
    height: 82px;
    top: -21px;
    background-size: 960px 82px;
}

.wave-section-blue:before {
    height: 82px;
    top: 42px;
    background-size: 960px 82px;
}

@keyframes wave {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-960px);
    }
}

/* Laptop (1280px - 1366px) */
@media (max-width: 1366px) {
    .wave-section:before,
    .wave-popup-section:before  {
        height: 72px;
        top: -18px;
        background-size: 850px 72px;
    }

    .wave-section-blue:before {
        height: 72px;
        top: 47px;
        background-size: 850px 72px;
    }

    
    @keyframes wave {
        100% {
            transform: translateX(-850px);
        }
    }
}

/* Tablet (iPad Mini 768px) */
@media (max-width: 768px) {
    .wave-section:before,
    .wave-popup-section:before {
        height: 62px;
        top: -17px;
        background-size: 720px 62px;
    }

    .wave-section-blue:before {
        height: 62px;
        top: 57px;
        background-size: 720px 62px;
    }

    @keyframes wave {
        100% {
            transform: translateX(-720px);
        }
    }
}

/* MOBILE (< 480px) */
@media (max-width: 480px) {
    .wave-section:before,
    .wave-popup-section:before {
        height: 52px;
        top: -20px;
        width: 400%; 
        left: -100%; 
        background-size: 320px 52px; 
        animation: waveMobile 4s linear infinite;
    }

    .wave-section-blue:before {
        height: 52px;
        top: 69px;
        width: 400%; 
        left: -100%; 
        background-size: 320px 52px; 
        animation: waveMobile 4s linear infinite;
    }    
    
    @keyframes waveMobile {
        0% {
            transform: translateX(0);
        }
        100% {
            transform: translateX(-320px); 
        }
    }
}

@media (max-width: 767px) {
    [data-elementor-post-type="page"] div.mft-hero.mft-hero-height[mft-component="hero-8"] {
        background: url(https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1633/cab-mobile-samos.webp);
        background-size: cover;
    }
}

/* BUTTONS */ 
div.button-v3.elementor-widget-button, 
div.button-v4.elementor-widget-button{
    height:40px;
}

.button-v3 a.button-v3 span.elementor-button-icon, 
.button-v4 a.button-v4 span.elementor-button-icon{
    margin: 0 auto;
    text-align: center;
    background-color: var(--e-global-color-6cb047a);
    padding: 10px 5px;
    width: 40px;
    border-radius: 30px;
    height: 40px;
    border: 2px solid #fff;
    transition: all ease .5s;
}

.button-v4 a.button-v4 span.elementor-button-icon{
    border: 2px solid #004976;    
}

.button-v4.white a.button-v4.white span.elementor-button-icon{
    border: 2px solid #fff;
}

.button-v4.white:hover a.button-v4.white span.elementor-button-icon{
    border: 2px solid #75C4F0;
}


.button-v3 a.button-v3 span.elementor-button-text, 
.button-v4 a.button-v4 span.elementor-button-text{
    align-content: center;
    transition: all ease .5s;
}

.button-v3 a.button-v3:hover span.elementor-button-icon,
.button-v4 a.button-v4:hover span.elementor-button-icon{
    background-color: var(--e-global-color-secondary);
    width: 37px;
    height: 37px;
    border: 2px solid #75C4F0;
}

.button-v3 a.button-v3:hover span.elementor-button-icon i::before, 
.button-v4 a.button-v4:hover span.elementor-button-icon i::before{
    color: var(--e-global-color-text);
    fill: var(--e-global-color-text);
}

.button-v3 a.button-v3:hover span.elementor-button-text,
.button-v4 a.button-v4:hover span.elementor-button-text{
    font-size: 16.2px;
}

.button-v4.nohover a.button-v4.nohover:hover span.elementor-button-text{
    font-size: inherit;
}

.button-v4.nohover a.button-v4.nohover:hover span.elementor-button-icon{    
    height: 40px;
    width: 40px;
}

@media (max-width: 767px){
    .button-v4.nohover a.button-v4.nohover .elementor-button-text{
        text-align: left;
    }

    .button-v4.nohover a.button-v4.nohover .elementor-button-icon,
    .button-v4.nohover a.button-v4.nohover:hover span.elementor-button-icon{
        height: 30px;
        width: 30px;
        padding: 10px;
    }
}

table.cookies-table th, table.cookies-table td {
    padding: 8px;
    line-height: 20px;
    text-align: left;
    font-size: .8em;
    vertical-align: top;
    border-top: 1px solid #dddddd;
}

/* Cycling Services */
#bike-reservation iframe {
    width: 100%;
    height: 75vh;
    border: none;
}

.faq-cycling-services summary.e-n-accordion-item-title{
    justify-content: space-between;
}

/* Club */
.mi-clubarea, .mi-club-signup {
    color: var(--e-global-color-primary);    
}

.mi-clubarea h2, .mi-club-signup h1{
    font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
    font-size: var(--e-global-typography-secondary-font-size);
    font-weight: var(--e-global-typography-secondary-font-weight);

}

.mi-clubarea p, .mi-club-signup p{
    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);
    line-height: var(--e-global-typography-text-line-height);
    letter-spacing: var(--e-global-typography-text-letter-spacing);
}

.mi-clubarea button.mi-s-color-button{
    background-color: var(--e-global-color-primary);
    fill: var(--e-global-color-47eea86e);
    color: var(--e-global-color-47eea86e);
    border-radius: 40px 40px 40px 40px;
    padding: 16px 24px 16px 24px;
    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);
    text-transform: var(--e-global-typography-962030d-text-transform);
    letter-spacing: var(--e-global-typography-962030d-letter-spacing);
}

body.cat-mirai-club #main [data-mirai-engine="mirai_cs"]{
    background-color: var(--e-global-color-52235058);
}

@media (min-width: 768px){
    [data-mirai-engine="mirai_cs"] .mi-club-signup{
        max-width: 550px;
    }
}

[data-mirai-engine="mirai_cs"] .mi-form .mi-form-item__input, 
[data-mirai-engine="mirai_cs"] .mi-form .mi-form-item__date, 
[data-mirai-engine="mirai_cs"] .mi-form .mi-input-text input{
    border: 1px solid #475558;
}

[data-mirai-engine="mirai_cs"] .mi-form.mi-form-club-signup{
    padding: 20px;
    background-color: var(--e-global-color-47eea86e);
}

.mi-club-signup > * + * {
    margin-top: 30px;
}

.mi-form hr {
    border-top: 1px solid var(--e-global-color-47eea86e);
}

.mi-form.mi-form-club-signup button.mi-form__submit.mi-s-color-button{
    background-color:var(--e-global-color-primary);
    color: var(--e-global-color-47eea86e);
    transition: all ease .5s;
}

.mi-form.mi-form-club-signup button.mi-form__submit.mi-s-color-button:hover {
    filter: brightness(0.85);
    transition: filter 0.3s ease;
}

/* New Club */
div[data-mirai-component="signup"]{
    background-color: var(--e-global-color-52235058);
}

[data-role="signup"] [data-role="form"]{
    background-color: var(--e-global-color-47eea86e);
}


/* FORM */
form.elementor-form .elementor-field-group a{
    text-decoration: underline;
}

/* ROOMS */
.rooms-listing-wrapper h2,
.rooms-listing-wrapper .common-features h2{
    display:none;
}

.elementor-section.elementor-section-boxed .rooms-listing-wrapper .room-box {
    background: var(--e-global-color-6cb047a);
}

.room-box .elementor-button.secondary-btn,
.offer-button.elementor-button.secondary-btn {
    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);
    text-transform: var(--e-global-typography-962030d-text-transform);
    letter-spacing: var(--e-global-typography-962030d-letter-spacing);

}

.room-box .elementor-button.secondary-btn:hover,
.offer-button.elementor-button.secondary-btn:hover {
    background-color: var(--e-global-color-primary);
    fill: var(--e-global-color-47eea86e);
    color: var(--e-global-color-47eea86e);
    border-color: var(--e-global-color-primary);
}

.rooms-listing-wrapper .room-box .room-name{
    font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
    font-size: var(--e-global-typography-secondary-font-size);
    font-weight: var(--e-global-typography-secondary-font-weight);
    color: var(--e-global-color-primary);
}

p.room-description{
    color: var(--e-global-color-primary);
    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);
    line-height: var(--e-global-typography-text-line-height);
    letter-spacing: var(--e-global-typography-text-letter-spacing);
}

ul.row.room-services-list{
    color: var(--e-global-color-primary);
    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);
    line-height: var(--e-global-typography-text-line-height);
    letter-spacing: var(--e-global-typography-text-letter-spacing);
}

.room-box .room-image .price-box{
    background-color: var(--e-global-color-primary);
}

.rooms-detail-wrapper > .elementor-section.elementor-section-boxed > .elementor-container{
    padding-inline: 0px;
}

.offer-list.room-box-offers .elementor-container .offer-list-wrapper, 
.rooms-detail-5 .room-box-offers.offer-list{
    background: var(--e-global-color-13f4851a);
}

.offer-list-wrapper ol.offers-listing.offers-listing-1 .offer a{
    background: var(--e-global-color-52235058);
}

.rooms-detail-wrapper .offer-list-wrapper h2{
    color: var(--e-global-color-primary);
}

.go-to-offers-page.all-offers a.fwd-link{
    color: var(--e-global-color-primary);
    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);
    text-transform: var(--e-global-typography-962030d-text-transform);
    letter-spacing: var(--e-global-typography-962030d-letter-spacing);    
}

li.offer p.offer-description, li.offer .offer-includes, li.offer .offer-link .offer-box{color: var(--e-global-color-primary);}

/* OFFERS */
.offers-listing-wrapper h2{display: none;}

body.cat-offers .offers-listing-wrapper{padding-top: 0px;}

.offer .offer-title{
    font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
    color: var(--e-global-color-primary);
}

body.cat-offers .offer .offer-description, .offer .offer-includes{
    color: var(--e-global-color-primary);
    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);
    line-height: var(--e-global-typography-text-line-height);
    letter-spacing: var(--e-global-typography-text-letter-spacing);
}

body.cat-offers .offer-box span{
    text-transform: uppercase;
    color: var(--e-global-color-primary);
}

body.cat-offer-detail .offers-detail-wrapper .socialmedia-share{
    display: none;
}

body.cat-offer-detail .offers-detail-wrapper .offer-header-content-wrapper .offer-description, 
.offers-detail-wrapper .offer-header-content-wrapper .offer-board{
    color: var(--e-global-color-primary);
    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);
    line-height: var(--e-global-typography-text-line-height);
    letter-spacing: var(--e-global-typography-text-letter-spacing);    
}

body.cat-offer-detail .offer-extra-wrapper.section{
    color: var(--e-global-color-primary);
    font-family: var(--e-global-typography-text-font-family), Sans-serif;    
}

body.cat-offer-detail ul.offer-extra-offers{
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    line-height: var(--e-global-typography-text-line-height);
    letter-spacing: var(--e-global-typography-text-letter-spacing);    
}

/* Cookies Table */
@media (max-width: 767px) {
  .cookies-table-container {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  
  .cookies-table {
    min-width: 100%;
  }
}

/* Swiper Arrows */
@media (max-width: 767px) {
    .welcome-swiper.elementor-widget-n-carousel .elementor-swiper-button.elementor-swiper-button-next, 
    .welcome-swiper.elementor-widget-n-carousel .elementor-swiper-button.elementor-swiper-button-prev,
    .slide-room-container .elementor-widget-n-carousel .elementor-swiper-button.elementor-swiper-button-next,
    .slide-room-container .elementor-widget-n-carousel .elementor-swiper-button.elementor-swiper-button-prev{
        z-index: inherit;
    }
}

/* Experiences Grid */ 
@media (max-width: 767px) {
    .exp-tpl-html-container .grid-viewport .nav-arrow{
        z-index: inherit;
    }
}

/* */
@media (max-width: 767px) {
    .advantage-tabs button#samos-club .e-n-tab-title-text{
        text-align: left;
    }
}

/* Swiper Welcome - Home page */ 
@media (min-width: 1441px) and (max-width: 1920px){
    .main-waves-container .e-con>.elementor-widget.welcome-swiper{
        max-width: 100%;
    }

    .main-waves-container .elementor-widget-n-carousel.e-widget-swiper.welcome-swiper .elementor-swiper-button.elementor-swiper-button-prev{left: 65px}
    .main-waves-container .elementor-widget-n-carousel.e-widget-swiper.welcome-swiper .elementor-swiper-button.elementor-swiper-button-next{right: 65px}
} 

li.main-group-link{
    padding-bottom: 15px;
}

li.main-group-link a{
    color: var(--e-global-color-21f8c9b7) !important;
    text-transform: uppercase;
}

li.main-group-link a:hover{
    color: var(--e-global-color-primary) !important;
}

li.main-group-link a.elementor-item-active{
    color: var(--e-global-color-secondary) !important;
}

body.error404 header.elementor-location-header .main-header.mft-toggle-scroll-header{
    background-color: var(--e-global-color-8a473a0);
}

/* MISC */
div.back a.back-link{
    color: var(--e-global-color-primary);
    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);
    text-transform: var(--e-global-typography-962030d-text-transform);
    letter-spacing: var(--e-global-typography-962030d-letter-spacing);
}

.detail-rooms-intro .detail-description>h2{
    color: var(--e-global-color-primary);
    font-family: var(--e-global-typography-secondary-font-family)"Raleway", Sans-serif;
    font-size: var(--e-global-typography-secondary-font-size);
    font-weight: var(--e-global-typography-secondary-font-weight);
    line-height: var(--e-global-typography-013566d-line-height);
}

div.box-price{color: var(--e-global-color-primary);}

.detail-rooms-intro .detail-description .go-to-calendar{
    color: var(--e-global-color-primary);
    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);
    text-transform: var(--e-global-typography-962030d-text-transform);
    letter-spacing: var(--e-global-typography-962030d-letter-spacing);
}

.detail-rooms-services h3, ul.detail-room-list{
    color: var(--e-global-color-primary);
}

/*** FAQ / Blog Formatting fixes ***/
/***  Even when the HTML gets dumb (UL containing all other HTML tags)  ***/
body.single-post [data-widget_type="theme-post-content.default"] > .elementor-widget-container > ul{padding-bottom: 1em;}

body.single-post [data-widget_type="theme-post-content.default"] > .elementor-widget-container > ul li { 
    padding-left: 5px; 
}

body.single-post [data-widget_type="theme-post-content.default"] > .elementor-widget-container > ul li::before {
    content: "•"; 
    padding-right: 5px;
    color: var(--e-global-color-primary); 
}

body.single-post [data-widget_type="theme-post-content.default"] > .elementor-widget-container > p, 
body.single-post [data-widget_type="theme-post-content.default"] > .elementor-widget-container > ul > p{
    padding-bottom: 1em;
}


body.single-post [data-widget_type="theme-post-content.default"] > .elementor-widget-container > h2, 
body.single-post [data-widget_type="theme-post-content.default"] > .elementor-widget-container > ul > h2{
    font-family: var(--e-global-typography-fcce242-font-family), Sans-serif;
    font-size: var(--e-global-typography-fcce242-font-size);
    font-weight: var(--e-global-typography-fcce242-font-weight);
    padding-bottom: .5em;
}

body.single-post [data-widget_type="theme-post-content.default"] > .elementor-widget-container > h3, 
body.single-post [data-widget_type="theme-post-content.default"] > .elementor-widget-container > ul > 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);
    text-transform: var(--e-global-typography-962030d-text-transform);
    letter-spacing: var(--e-global-typography-962030d-letter-spacing);
    padding-bottom: .5em;
}/* End custom CSS */