.elementor-kit-7{--e-global-color-primary:#BAB3A0;--e-global-color-secondary:#B1A58E;--e-global-color-text:#262626;--e-global-color-accent:#EDE4DA;--e-global-color-d229314:#FFFFFF;--e-global-color-25204e6:#000000;--e-global-color-3e51fa7:#DBDBDB;--e-global-color-958681a:#00000000;--e-global-color-e0bf701:#2A2420;--e-global-color-7553d5b:#D0B7A1;--e-global-color-77b9c05:#DCD8CC;--e-global-color-ffa55b1:#C6BFAB;--e-global-color-44ba73f:#DBD7CD;--e-global-typography-primary-font-family:"Bile";--e-global-typography-secondary-font-family:"BlairMd";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.6em;--e-global-typography-accent-font-family:"Angelissa";--e-global-typography-accent-font-weight:500;color:var( --e-global-color-text );font-family:"Inter", Sans-serif;font-size:16px;line-height:1.6em;}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{background-color:var( --e-global-color-primary );color:var( --e-global-color-d229314 );}.elementor-kit-7 button:hover,.elementor-kit-7 button:focus,.elementor-kit-7 input[type="button"]:hover,.elementor-kit-7 input[type="button"]:focus,.elementor-kit-7 input[type="submit"]:hover,.elementor-kit-7 input[type="submit"]:focus,.elementor-kit-7 .elementor-button:hover,.elementor-kit-7 .elementor-button:focus{background-color:var( --e-global-color-d229314 );color:var( --e-global-color-primary );}.elementor-kit-7 a{color:var( --e-global-color-e0bf701 );font-size:1em;}.elementor-kit-7 a:hover{color:var( --e-global-color-primary );}.elementor-kit-7 h1{font-family:"Bile", Sans-serif;font-size:2.986rem;}.elementor-kit-7 h2{font-family:"Bile", Sans-serif;font-size:2.488rem;}.elementor-kit-7 h3{font-family:"Bile", Sans-serif;font-size:2.074rem;}.elementor-kit-7 h4{font-family:"Bile", Sans-serif;font-size:1.728rem;}.elementor-kit-7 h5{font-family:"Bile", Sans-serif;font-size:1.44rem;}.elementor-kit-7 h6{font-family:"Bile", Sans-serif;font-size:1.2rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1300px;}.e-con{--container-max-width:1300px;}.elementor-widget:not(:last-child){margin-block-end:4px;}.elementor-element{--widgets-spacing:4px 4px;--widgets-spacing-row:4px;--widgets-spacing-column:4px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* General */
html {font-size: 16px;}
p {margin-bottom: 1rem;}

html, body {
    max-width: 100%;
    overflow-x: clip;
}

a {
	outline: none !important;
}

a:focus {
	outline-color: transparent !important;
	outline-width: 0px !important;
}

.elementor-nav-menu a:focus {
	background: transparent !important;
}

input:focus,
select:focus,
textarea:focus,
button:focus,
div:focus{
    outline: none;
}

button, .e-n-accordion-item-title-text{
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     -webkit-tap-highlight-color: transparent;
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
      user-select: none;
    
    }

input, select, textarea {
    color: inherit; 
}

/* Mobile Menu */
.sub-menu {
	font-size: 0.7rem;
	background: #f2f2f2;
}

/* Image Settings */
.div-img-73 img {
	aspect-ratio: 7/3;
  	object-fit: cover;
}

.div-img-43 img {
	aspect-ratio: 4/3;
  	object-fit: cover;
}

.div-img-34 img, .div-img-34-s img {
	aspect-ratio: 3/4;
  	object-fit: cover;
}

.div-img-43-s img,
.cta-c-43-s .elementor-cta__content,
.cta-bg-43-s .elementor-cta__bg,
.cta-bg-43-s .elementor-cta__bg-wrapper,
.div-img-43-s .swiper-image-stretch .swiper-slide .swiper-slide-image {
	aspect-ratio: 4/3;
  	object-fit: cover;
	height: auto !important;
}

@media(max-width: 768px) {
	.div-img-43-s img,
	.cta-c-43-s .elementor-cta__content,
	.cta-bg-43-s .elementor-cta__bg,
	.cta-bg-43-s .elementor-cta__bg-wrapper,
	.div-img-43-s .swiper-image-stretch .swiper-slide .swiper-slide-image,
    .div-img-34-s img
	{
		aspect-ratio: 1/1;
	}
}

.div-img-32 img,
.cta-c-32 .elementor-cta__content,
.cta-bg-32 .elementor-cta__bg,
.cta-bg-32 .elementor-cta__bg-wrapper
{
	aspect-ratio: 3/2;
  	object-fit: cover;
}

.div-img-square img, 
.cta-c-square .elementor-cta__content
{
	aspect-ratio: 1/1;
  	object-fit: cover;
}

/* Sticky Header & Elementor Widget Anchors */

body:not(.elementor-editor-active) .elementor-widget-menu-anchor {
   position: relative;
   z-index: -1;
 }
 body:not(.elementor-editor-active) .elementor-menu-anchor:before {
   content: "";
   display: block;
   height: 100px;
   margin: -100px 0 0;
   visibility: hidden;
   pointer-events: none;
 }


/* When header is transparent and given the class 'header' */
.header.elementor-sticky--effects
{
    background-color: rgba(255, 255, 255, .8)!important;
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 15%);
      transition: background-color 0.2s ease-in-out, backdrop-filter 0.2s ease-in-out, -webkit-backdrop-filter 0.2s ease-in-out;
}
.header
{
      transition: background-color 0.2s ease-in-out, backdrop-filter 0.2s ease-in-out, -webkit-backdrop-filter 0.2s ease-in-out;
}

/* class 'color-invert' to columns of wannabe inverted elements that turn to their initial color when sticky activated */
.color-invert, .wpml-color-invert a:not(.elementor-sub-item) .wpml-ls-native{
    filter:brightness(0)invert(1);
}
.header.elementor-sticky--effects .color-invert, .header.elementor-sticky--effects .wpml-color-invert a:not(.elementor-sub-item) .wpml-ls-native{
    filter:none;
} 

/* If you have a menu that has a submenu, use the class .menu-color-invert and not color-invert */
.menu-color-invert .menu-item .elementor-item {
    filter: brightness(0)invert(1);
}
.header.elementor-sticky--effects .menu-color-invert .menu-item .elementor-item {
    filter:none;
}
.header.elementor-sticky--effects .header-logo img {
    height:60px !important;
    transition: height 0.2s ease-in-out;
}

/* Elementor Slideshow Title */
.elementor-slideshow__title {
	display:none;	
}

/* Elementor Carousel Line Height - Bottom Gap */
.elementor-widget-image-carousel .swiper-container .swiper-slide figure {
    line-height: 0px !important;
}

/* Elementor Recaptcha */
.elementor-g-recaptcha, .grecaptcha-badge {
	display:none;
}

/* no background for tabindex */
.elementor-nav-menu.menu-item.elementor-item:focus {
    background: white!important;
}
/* Make text selection branded */
::selection {
    background: var(--e-global-color-secondary );
    color: #fff;
    text-shadow: none;
}

::-moz-selection {
    background: var(--e-global-color-secondary );
    color: #fff;
    text-shadow: none;
}
/* WPML add distance between flag icon and language name */
.wpml-ls-flag {
    margin-right: 4px !important;
}

/* Image animation */
body.elementor-editor-active .reveal-bt,
body.elementor-editor-active .reveal-tb,
body.elementor-editor-active .reveal-lr,
body.elementor-editor-active .reveal-rl {
    clip-path: none;
    visibility: visible;
}

body:not(no-js) .reveal-bt img,
body:not(no-js) .reveal-tb img,
body:not(no-js) .reveal-lr img,
body:not(no-js) .reveal-rl img {
    transform: scale(1.3);
    transition: 2s ease-out;
}


/* --- Choose one of below --- */
/* Image animation - Bottom to Up */
body:not(no-js) .reveal-bt {
    transition: 1s ease-out;
    transition-delay: 0.2s;
    position: relative;
    overflow: hidden;
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
    visibility: hidden;
}

/* Image animation - Up to Bottom */
body:not(no-js) .reveal-tb {
    transition: 1s ease-out;
    transition-delay: 0.2s;
    position: relative;
    overflow: hidden;
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    visibility: hidden;
}

/* Image animation - Left to Right Reveal */
body:not(no-js) .reveal-lr {
    transition: 1s ease-out;
    transition-delay: 0.2s;
    position: relative;
    overflow: hidden;
    clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    visibility: hidden;
}

/* Image animation - Right to Left Reveal */
body:not(no-js) .reveal-rl {
    transition: 1s ease-out;
    transition-delay: 0.2s;
    position: relative;
    overflow: hidden;
    clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    visibility: hidden;
}

/* --- Continue Image animation -- */

body:not(no-js) .animated img {
    transform: scale(1);
    transition: 4s ease-out;
}

body:not(no-js) .animated {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    visibility: visible;
    transform: skewY(0);
    height: auto;
}
/* Newsletter */
.newsletter-f a{
    color:white;
    text-decoration:underline;
    text-underline-offset: 4px;
}
.newsletter-f .elementor-field-option {
    display: flex;
    align-items: center;
    gap: var(--e-form-steps-divider-gap);
}

@media(min-width: 768px) {
    .newsletter-f .elementor-field-type-submit {
        order: 2;
    }
    .newsletter-f .elementor-field-type-acceptance {
        order: 3;
    }
}

@media(max-width: 767px) {
    .newsletter-f .elementor-field-type-acceptance {
        width: 100%;
        order: 3;
        margin: 4px 0 0 4px;
    }
    .newsletter-f .elementor-field-type-acceptance label{
    line-height:1.5em;
}
    .newsletter-f .elementor-field-type-submit {
        order: 2;
        width: 20%;
    }
    .newsletter-f .elementor-field-type-email {
        width: 80%;
    }
}
.popup-menu-item {
  position: relative;
  display: inline-block;
}
.popup-menu-item .elementor-heading-title{
    position:relative;
    z-index: 2;
}
.popup-menu-item:hover .elementor-heading-title{
    padding-left:20px;
    transition: padding-left 0.3s ease;
}
 .popup-menu-item .elementor-heading-title{
    transition: padding-left 0.3s ease;
}
/* fix border-radius during image reveal */
.e-gallery-image.elementor-gallery-item__image, .reveal-tb.elementor-widget-image {
    border-radius: 32px;
}
/* Room Listing hover effect on desktop */
@media (hover: hover) and (pointer: fine) {
.excerpt {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transform: translateY(10px);
    transition: max-height 0.4s ease, opacity 0.4s ease, transform 0.4s ease;
}

.show-excerpt:hover .excerpt {
    max-height: 100px; /* Adjust based on expected content height */
    opacity: 1;
    transform: translateY(0);
}
}
/* animate ctas in boxes */
.mv-icon-hover:hover .elementor-icon-box-icon{
        transform: translateX(-5px);
        transition: transform 0.3s ease;
}
.mv-icon-hover .elementor-icon-box-icon{
        transform: translateX(0px);
        transition: transform 0.3s ease;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Bile';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://iridachic.gr/wp-content/uploads/2025/03/Bile-Regular.woff2') format('woff2'),
		url('https://iridachic.gr/wp-content/uploads/2025/03/Bile-Regular.woff') format('woff'),
		url('https://iridachic.gr/wp-content/uploads/2025/03/Bile-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'BlairMd';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://iridachic.gr/wp-content/uploads/2025/03/BlairMdITCTTMedium.woff2') format('woff2'),
		url('https://iridachic.gr/wp-content/uploads/2025/03/BlairMdITCTTMedium.woff') format('woff'),
		url('https://iridachic.gr/wp-content/uploads/2025/03/BlairMdITCTTMedium.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Angelissa';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://iridachic.gr/wp-content/uploads/2025/03/Angelissa.woff2') format('woff2'),
		url('https://iridachic.gr/wp-content/uploads/2025/03/Angelissa.woff') format('woff'),
		url('https://iridachic.gr/wp-content/uploads/2025/03/Angelissa.ttf') format('truetype');
}
/* End Custom Fonts CSS */