.elementor-kit-7{--e-global-color-primary:#D53E84;--e-global-color-secondary:#5D4C46;--e-global-color-text:#1C1C1C;--e-global-color-accent:#FFBFB8;--e-global-color-5f16aab:#000000;--e-global-color-f00561b:#FFFFFF;--e-global-color-5ceca7b:#00000000;--e-global-typography-primary-font-family:"Futura 100 Greek";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Futura 100 Greek";--e-global-typography-secondary-font-weight:500;--e-global-typography-text-font-family:"Futura 100 Greek";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;color:var( --e-global-color-text );font-family:"Futura 100 Greek", Poppins, Arial, Helvetica, sans-serif;font-size:16px;font-weight:400;line-height:1.2em;}.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-accent );font-family:var( --e-global-typography-text-font-family ), Poppins, Arial, Helvetica, sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-5f16aab );border-style:none;border-radius:100px 100px 100px 100px;padding:18px 32px 18px 32px;}.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-text );color:var( --e-global-color-f00561b );}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 a{color:var( --e-global-color-secondary );}.elementor-kit-7 a:hover{color:var( --e-global-color-accent );}.elementor-kit-7 h1{color:var( --e-global-color-secondary );font-family:"Futura 100 Greek", Poppins, Arial, Helvetica, sans-serif;font-size:2.986em;font-weight:700;line-height:1.2em;}.elementor-kit-7 h2{color:var( --e-global-color-secondary );font-family:"Futura 100 Greek", Poppins, Arial, Helvetica, sans-serif;font-size:2.488em;font-weight:700;line-height:1.2em;}.elementor-kit-7 h3{color:var( --e-global-color-secondary );font-family:"Futura 100 Greek", Poppins, Arial, Helvetica, sans-serif;font-size:2.074em;line-height:1.2em;}.elementor-kit-7 h4{color:var( --e-global-color-secondary );font-family:"Futura 100 Greek", Poppins, Arial, Helvetica, sans-serif;font-size:1.728em;line-height:1.2em;}.elementor-kit-7 h5{color:var( --e-global-color-secondary );font-family:"Futura 100 Greek", Poppins, Arial, Helvetica, sans-serif;font-size:1.44em;line-height:1.2em;}.elementor-kit-7 h6{color:var( --e-global-color-secondary );font-family:"Futura 100 Greek", Poppins, Arial, Helvetica, sans-serif;font-size:1.2em;line-height:1.2em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;}.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);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@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, 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;
}

input, select, textarea {
    color: inherit; /* Inherit the color from the parent */
}

/* 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-169 img, .div-img-169-s img,
.cta-c-169 .elementor-cta__content, .cta-c-169-s .elementor-cta__content,
.cta-bg-169 .elementor-cta__bg, .cta-bg-169-s .elementor-cta__bg,
.cta-bg-169 .elementor-cta__bg-wrapper, .cta-bg-169-s .elementor-cta__bg-wrapper,
.div-img-169 .swiper-image-stretch .swiper-slide .swiper-slide-image,
.div-img-169-s .swiper-image-stretch .swiper-slide .swiper-slide-image {
	aspect-ratio: 16/9;
  	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,
    .div-img-169-s img,
    .cta-c-169-s .elementor-cta__content, 
    .cta-bg-169-s .elementor-cta__bg,
    .cta-bg-169-s .elementor-cta__bg-wrapper,
	.div-img-169-s .swiper-image-stretch .swiper-slide .swiper-slide-image
	{
		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;
}

/* When header is transparent and given the class 'header' */


/* class 'color-invert' to columns of wannabe inverted elements that turn to their initial color when sticky activated */
.color-invert{
    filter:brightness(0)invert(1);
}
.header.elementor-sticky--effects .color-invert {
    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 {
    will-change: transform;
    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;
}

/* Glassmorphism */
.glass,
.glass-menu .dialog-widget-content{
  background: rgba(255, 255, 255, 0.7) !important;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
}
/* Sticky Header */
.header.elementor-sticky--effects::before
{
    content:"";
  transition: all 0.4s ease-in-out;
  backdrop-filter: blur(10px);
  filter: url(#glass-distortion);
  overflow: hidden;
  isolation: isolate;
  z-index: 0;
  border-radius: 2rem;
}
.header.elementor-sticky--effects
{
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2), 0 0 20px rgba(0, 0, 0, 0.1);
    background: rgba(255, 255, 255, 0.25);
  transition: all 0.4s ease-in-out;
border-radius: 2rem;
}
.header.elementor-sticky--effects::after
{
    content:"";
    position: absolute;
  inset: 0;
  z-index: 2;
  overflow: hidden;
  box-shadow: inset 2px 2px 1px 0 rgba(255, 255, 255, 0.5),
    inset -1px -1px 1px 1px rgba(255, 255, 255, 0.5);
    border-radius: 2rem;
}
/* ===== Liquid Glass for Elementor Button (.glass-btn) ===== */

/* Root widget container (your provided div already has .glass-btn) */
.glass-btn {
  /* helpful if the section uses transforms; keeps the blur fast */
  will-change: transform;
}

/* The actual clickable element */
.glass-btn .elementor-button {
  position: relative;
  display: inline-flex;               /* keeps content centered nicely */
  align-items: center;
  justify-content: center;
  padding: 18px 44px;
  border-radius: 999px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,0.8);
  background: transparent;            /* we simulate glass on top of backdrop */
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
}

/* Hover/active scale */
.glass-btn .elementor-button:hover { transform: scale(1.05); }
.glass-btn .elementor-button:active { transform: scale(1); }

/* LAYER 1: “liquid” distortion + backdrop blur */
.glass-btn .elementor-button::before {
  content: "";
  position: absolute;
  inset: 0;
  filter: url(#glass-distortion); /* reuse the svg in the header*/
-webkit-backdrop-filter: blur(0.25em) brightness(1.2) saturate(1.2);
backdrop-filter: blur(0.25em) brightness(1.2) saturate(1.2);
  opacity: 0.85;
  transition: backdrop-filter .2s ease, opacity .2s ease;
  z-index: 0;
}

/* subtle hover polish */
.glass-btn .elementor-button:hover::before { opacity: 0.95; }

/* LAYER 2: inner highlights & soft bevel*/
.glass-btn .elementor-button::after {
  content: "";
  position: absolute; inset: 0;
  border-radius: 999px;
  box-shadow:
          /* direct "classic" shadow */
          0 0.1em 0.25em 0 oklch(0 0 0 / 15%), 
          /* ambient shadow */
          0 0 1em 0 oklch(0 0 0 / 12.5%),      
          /* top left corner highlight */
          inset 0.075em 0.075em 0.05em 0 oklch(1 0 0 / 40%), 
          /* bottom right corner highlight */
          inset -0.075em -0.075em 0.05em 0 oklch(1 0 0 / 40%), 
          /* inside shadow, occlusion arround the corners */
          inset 0 0 3em .5em oklch(0 0 0 / 20%); 
  transition: box-shadow .18s ease;
  z-index: 1;
}

/* Hover highlight boost */
.glass-btn .elementor-button:hover::after {
  box-shadow:
          /* direct "classic" shadow */
          0 0.1em 0.25em 0 oklch(0 0 0 / 15%), 
          /* ambient shadow */
          0 0 1em 0 oklch(0 0 0 / 12.5%),      
          /* top left corner highlight */
          inset 0.075em 0.075em 0.05em 0 oklch(1 0 0 / 40%), 
          /* bottom right corner highlight */
          inset -0.075em -0.075em 0.05em 0 oklch(1 0 0 / 40%), 
          /* inside shadow, occlusion arround the corners */
          inset 0 0 3em .5em oklch(0 0 0 / 20%); 
}

/* Ensure text sits above the layers */
.glass-btn .elementor-button .elementor-button-content-wrapper,
.glass-btn .elementor-button .elementor-button-text {
  position: relative; z-index: 2;
}

/* Optional: a subtle outer glow for contrast on dark backgrounds */
.glass-btn .elementor-button {
  box-shadow: 0 0 0 0 rgba(255,255,255,0.2);
}
.glass-btn .elementor-button:hover {
  box-shadow: 0 8px 22px -10px rgba(0,0,0,0.45);
}

/* Accessibility: respect user’s reduced motion */
@media (prefers-reduced-motion: reduce) {
  .glass-btn .elementor-button,
  .glass-btn .elementor-button::before,
  .glass-btn .elementor-button::after {
    transition: none !important;
  }
}
/* Cards that transform to circle */
/* Base state */
.card2circle {
  clip-path: circle(100% at 50% 50%);
  transition: clip-path .44s ease .18s; /* small hover-out delay */
  aspect-ratio: 6 / 7;
  overflow: hidden; /* keeps inner content tidy */
}

/* Hover / focus state — triggers instantly */
.card2circle:hover,
.card2circle:focus,
.card2circle:focus-within {
  clip-path: circle(44.4% at 50% 50%);
  transition-delay: 0s;
}
.card2circle .elementor-heading-title{
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}
/* ==========================================
   WooCommerce — Order Received / Thank You
   Ticket-style layout
   ========================================== */

/* Scope strictly to thank-you content */
.woocommerce-order {
	max-width: 760px;
	margin: 0 auto;
}

/* ------------------------------------------
   Success message
------------------------------------------ */
.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
	text-align: center;
	max-width: 760px;
	margin: 0 auto 20px;
	padding: 16px 20px;
	border-radius: 14px;
	border: 1px solid rgba(0,0,0,.10);
	background: rgba(0,0,0,.03);
	font-weight: 800;
	font-size: 16px;
}

/* ------------------------------------------
   Order overview pills (FIX padding issue)
------------------------------------------ */
.woocommerce ul.order_details {
	list-style: none;
	margin: 0 0 20px;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

/* RESET Woo default padding-right:2em */
.woocommerce ul.order_details li {
	padding: 10px 14px;
	margin: 0;
	border: 1px solid rgba(0,0,0,.10);
	border-radius: 999px;
	background: #ffffff;
	display: flex;
	gap: 6px;
	align-items: baseline;
	font-size: 14px;
}

/* Strong values inside pills */
.woocommerce ul.order_details li strong {
	font-weight: 800;
}

/* ------------------------------------------
   Payment / instructions paragraph
------------------------------------------ */
.woocommerce-order > p {
	margin: 0 0 22px;
	padding: 14px 16px;
	border-radius: 14px;
	border: 1px solid rgba(0,0,0,.08);
	background: #ffffff;
}

/* ------------------------------------------
   Section titles
------------------------------------------ */
.woocommerce-order h2,
.woocommerce-order .woocommerce-order-details__title,
.woocommerce-order .woocommerce-column__title {
	margin: 22px 0 12px;
	font-size: 18px;
	font-weight: 800;
	letter-spacing: -0.2px;
}

/* ------------------------------------------
   Order details table (ticket card)
------------------------------------------ */
.woocommerce-order table.woocommerce-table--order-details {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	border: 1px solid rgba(0,0,0,.10);
	border-radius: 14px;
	overflow: hidden;
	background: #ffffff;
}

/* Table header */
.woocommerce-order table.woocommerce-table--order-details thead th {
	background: rgba(0,0,0,.04);
	font-weight: 800;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: .8px;
	padding: 14px 16px;
	border: 0;
}

/* Table body */
.woocommerce-order table.woocommerce-table--order-details tbody td {
	padding: 16px;
	border-top: 1px solid rgba(0,0,0,.08);
	vertical-align: top;
}

/* Product / Ticket column */
.woocommerce-order .woocommerce-table__product-name {
	font-weight: 800;
}

.woocommerce-order .product-quantity {
	font-weight: 700;
	opacity: .7;
	margin-left: 6px;
}

/* Price column */
.woocommerce-order .woocommerce-table__product-total {
	text-align: right;
	white-space: nowrap;
	font-weight: 800;
}

/* ------------------------------------------
   Ticket meta (Event Date / Event etc.)
------------------------------------------ */
.woocommerce-order ul.wc-item-meta {
	list-style: none;
	margin: 10px 0 0;
	padding: 10px 12px;
	border: 1px dashed rgba(0,0,0,.18);
	border-radius: 12px;
	background: rgba(0,0,0,.02);
}

.woocommerce-order ul.wc-item-meta li {
	margin: 0;
	padding: 6px 0;
	border-top: 1px solid rgba(0,0,0,.06);
}

.woocommerce-order ul.wc-item-meta li:first-child {
	border-top: 0;
	padding-top: 0;
}

.woocommerce-order .wc-item-meta-label {
	font-weight: 800;
	opacity: .75;
	margin-right: 6px;
}

.woocommerce-order ul.wc-item-meta p {
	display: inline;
	margin: 0;
	font-weight: 700;
}

/* ------------------------------------------
   Totals footer
------------------------------------------ */
.woocommerce-order table.woocommerce-table--order-details tfoot th,
.woocommerce-order table.woocommerce-table--order-details tfoot td {
	padding: 14px 16px;
	border-top: 1px solid rgba(0,0,0,.08);
	font-size: 14px;
}

.woocommerce-order table.woocommerce-table--order-details tfoot th {
	font-weight: 800;
	text-align: left;
}

.woocommerce-order table.woocommerce-table--order-details tfoot td {
	text-align: right;
	font-weight: 800;
}

/* ------------------------------------------
   Customer details card
------------------------------------------ */
.woocommerce-order .woocommerce-customer-details address {
	border: 1px solid rgba(0,0,0,.10);
	border-radius: 14px;
	padding: 14px 16px;
	background: #ffffff;
	height: auto !important; /* override inline height */
	line-height: 1.6;
}

.woocommerce-order .woocommerce-customer-details--phone,
.woocommerce-order .woocommerce-customer-details--email {
	margin: 8px 0 0;
	font-weight: 700;
	opacity: .85;
}

/* ------------------------------------------
   Mobile
------------------------------------------ */
@media (max-width: 600px) {
	.woocommerce ul.order_details {
		flex-direction: column;
	}

	.woocommerce-order table.woocommerce-table--order-details thead th,
	.woocommerce-order table.woocommerce-table--order-details tbody td,
	.woocommerce-order table.woocommerce-table--order-details tfoot th,
	.woocommerce-order table.woocommerce-table--order-details tfoot td {
		padding: 12px;
	}

	.woocommerce-order .woocommerce-table__product-total,
	.woocommerce-order table.woocommerce-table--order-details tfoot td {
		text-align: left;
	}
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Futura 100 Greek';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://oasispoolparty.gr/wp-content/uploads/2025/11/Futura-100-GRK-Regular.woff2') format('woff2'),
		url('https://oasispoolparty.gr/wp-content/uploads/2025/11/Futura-100-GRK-Regular.woff') format('woff'),
		url('https://oasispoolparty.gr/wp-content/uploads/2025/11/Futura-100-GRK-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Futura 100 Greek';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://oasispoolparty.gr/wp-content/uploads/2025/11/Futura-100-GRK-Bold.woff2') format('woff2'),
		url('https://oasispoolparty.gr/wp-content/uploads/2025/11/Futura-100-GRK-Bold.woff') format('woff'),
		url('https://oasispoolparty.gr/wp-content/uploads/2025/11/Futura-100-GRK-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Futura 100 Greek';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://oasispoolparty.gr/wp-content/uploads/2025/11/Futura-100-GRK-Medium.woff2') format('woff2'),
		url('https://oasispoolparty.gr/wp-content/uploads/2025/11/Futura-100-GRK-Medium.woff') format('woff'),
		url('https://oasispoolparty.gr/wp-content/uploads/2025/11/Futura-100-GRK-Medium.ttf') format('truetype');
}
/* End Custom Fonts CSS */