@view-transition {
	navigation: auto;
}
::view-transition-old(velvet-hero),
::view-transition-new(velvet-hero) {
	animation-duration: 500ms;
	animation-timing-function: ease-in-out;
	mix-blend-mode: normal;
}
::view-transition-old(velvet-title),
::view-transition-new(velvet-title) {
	animation-duration: 250ms;
	animation-timing-function: ease-in-out;
	mix-blend-mode: normal;
}
::-moz-selection { /* Code for Firefox */
	color:white;
	background:black;
}

::selection {
	color:white;
	background:black;
}

/*greek font swap */
body.lang-el {
	--wp--preset--font-family--libre-baskerville:
		var(--wp--preset--font-family--literata);
		
}
body.lang-el :is(h1,h2,h3,h5,h6) {
	font-weight:550;
}

@media screen and (max-width: 99em) { /* dekstop */
	/*
	body {
	  --wp--style--root--padding-right:7.5rem;
	  --wp--style--root--padding-left:7.5rem;
	}
	*/
} 

@media screen and (max-width: 84em) { /* laptop */
	/*
	body {
	  --wp--style--root--padding-right:5rem;
	  --wp--style--root--padding-left:5rem;
	}
	*/
}
@media screen and (max-width: 64em) { /* < laptop */
	/*
	body {
	  --wp--style--root--padding-right:2rem;
	  --wp--style--root--padding-left:2rem;
	}
	*/
}
#wpadminbar {
	bottom: 0;
	top:unset;
	background: #1d232761;
	width: 620px;
} 
#wp-admin-bar-top-secondary, #wp-admin-bar-comments, #wp-admin-bar-site-editor, #wp-admin-bar-wp-logo {display:none;}
html {margin-top: 0!important;/*scroll-behavior: smooth;*/} 
html.has-modal-open {overflow: unset;}

.wp-site-blocks > main { min-height: max(500px, 50vh);}
.limit-width-ps > p {width: min(100%, 1100px);margin-left: 0 !important;margin-right: 0 !important;}
.limit-width-ps > :is(h1, h2, h3, h4) {margin-top:2em;}

/* header start */


/*make <header> overlap <main>*/

.wp-site-blocks header {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 2;
}
.wp-site-blocks header, 
header nav.hamburger > div.is-menu-open {
	box-sizing:border-box;
	padding: 2rem 2rem 0 2rem;
}
header nav.mainmenu .wp-block-navigation-item__content.wp-block-navigation-item__content, 
header nav.hamburger, .menu-head-label, 
header nav.hamburger .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content ul li a {
	color:#c9965d;
	color:#fff;
}
.page-id-13 { /*home*/
	/*
    header nav.mainmenu .wp-block-navigation-item__content.wp-block-navigation-item__content,
    header nav.hamburger,
    .menu-head-label,
    header nav.hamburger .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content ul li a {
        color: #574f4f;
    }
	*/
}
.page-id-39, .page-id-2123 { /*story*/
    header nav.mainmenu .wp-block-navigation-item__content.wp-block-navigation-item__content,
    header nav.hamburger,
    .menu-head-label,
    header nav.hamburger .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content ul li a {
        color: #000;
    }
}
.page-id-13, .page-id-39, .page-id-2123 {
	header nav.hamburger > .wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open), header nav.hamburger > .wp-block-navigation__responsive-container {
		background-color: #0000002e!important;
	}
}
header nav.mainmenu .wp-block-navigation-item__content.wp-block-navigation-item__content, 
.menu-head-label {
	letter-spacing: 1px;
}
header nav.mainmenu ul li:last-child a span {display: flex;align-items: center;position: relative;}
header nav.mainmenu ul li:last-child a span::after {
	content:'';
	position:relative;
	display:inline-block;
	width: 28px;
	height: 21px;
	background-repeat:no-repeat;
	background-size: 1435px 807px;
	background-position:-33px -130px;
	background-image: url("graphics/vectors2.svg");
	margin: 0 0 0 0.5em;
}
header nav.mainmenu ul.mainmenu {text-transform: uppercase;}
header nav.hamburger > button:before {
	content: 'MENU';
	position: relative;
	display: inline-block;
	font-size: 1.4rem;
	letter-spacing: 1px;
	line-height: 1.4;
	padding-right: 0.2em;
	font-size:clamp(0.929rem, 0.929rem + ((1vw - 0.2rem) * 0.462), 1.4rem);
}
.lang-el header nav.mainmenu ul li:last-child a span::after {
	background-position:-84px -130px;
}
/*
.wp-block-navigation-item[data-tooltip]::after {
    content: attr(data-tooltip);
    position: absolute;
    left: 0;
    top: 115%;
    transform: translateX(-50%) translateY(8px);
    text-transform: none;
    background: #000;
    color: #fff;
    padding: 6px 8px;
    border-radius: 4px;
    white-space: nowrap;
    font-size: 15px;
    line-height: 1.2;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 150ms ease, transform 150ms ease;
    z-index: 9999;
}
.wp-block-navigation-item[data-tooltip]::before {
    content: "";
    position: absolute;
    left: calc(50% + 3px);
    top: calc(115% + 4px);
    transform: translateX(-50%) translateY(-2px);
    border: 5px solid transparent;
    border-bottom-color: #000;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 150ms ease;
    z-index: 9999;
}
.wp-block-navigation-item[data-tooltip]:hover::before, .wp-block-navigation-item[data-tooltip]:focus-within::before, .hamburger .wp-block-navigation-item[data-tooltip]::before {
    opacity: 1;
    visibility: visible;
}
.wp-block-navigation-item[data-tooltip]:hover::after, .wp-block-navigation-item[data-tooltip]:focus-within::after, .hamburger .wp-block-navigation-item[data-tooltip]::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(12px);
}
.hamburger .wp-block-navigation-item[data-tooltip]::after {
	left: 50%;
	color: #ffffff82;
	font-weight: 200;
	font-size: 0.7em;
	    background-color: transparent;
}
.hamburger .wp-block-navigation-item[data-tooltip]::before {
    left: calc(50% + 9px);
    top: calc(115% + -7px);
    border: 12px solid transparent;
    border-bottom-color: #ffffff8f;
}



footer .wp-block-navigation-item[data-tooltip]::after, 
footer .wp-block-navigation-item[data-tooltip]::before {display:none;}
*/

.wp-block-navigation-item .item_label.mobile {display:none;}
.hamburger .wp-block-navigation-item .item_label.desktop, 
footer .wp-block-navigation-item .item_label.desktop {display:none;}
.hamburger .wp-block-navigation-item .item_label.mobile, 
footer .wp-block-navigation-item .item_label.mobile {display:inline-block;}
footer .flex-resp-colgap .wp-block-navigation-item.langswitcher-menu-item {display:none;}
header nav.hamburger > button {
	width: auto;
	align-items: center;
}
header nav.hamburger > button svg {
	width: 45px;
	transition:opacity 0.7s ease;
}
header nav.hamburger > button svg path {
	transform: scaleX(2.3) scaleY(1.1);
	transform-origin: center;
	filter: drop-shadow(0 1px 0 currentColor);
	transition: transform 0.22s ease;
}
html .wp-site-blocks > main, 
html .wp-site-blocks > footer {
	filter:unset;
	transition: filter 1s ease;
}
html.has-modal-open .wp-site-blocks > main, 
html.has-modal-open .wp-site-blocks > footer, 
html.has-modal-open .wp-site-blocks > .flick-post-slider {
	filter: blur(15px);
	transition: filter 0.7s ease;
}
.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog {
margin-top: 0!important;
}





/* hovers */

header nav.mainmenu ul li a, header nav.hamburger > button:before {
	transition: color 2s ease, font-weight 2s ease, letter-spacing 2s ease;
}
header nav.mainmenu ul li a:hover, 
header nav.hamburger > button:hover:before {
	transition: color 0.2s ease, font-weight 0.2s ease, letter-spacing 0.2s ease;
	text-decoration:none;
	font-weight:900;
}
header nav.mainmenu ul li:first-child a:hover {
	letter-spacing:0.5px!important;
}
header nav.hamburger > button:hover svg path {}




/* modal */

body header nav.hamburger > .wp-block-navigation__responsive-container {
	/*
	padding: 2rem!important;
	overflow: auto!important;
	z-index: 100000;
	display: flex!important;
	flex-direction: column!important;
	animation: overlay-menu__fade-in-animation .1s ease-out;
	animation-fill-mode: none;
	animation-fill-mode: forwards;
	background-color: #bec5c7ad !important;
	*/
}
@keyframes overlay-menu__fade-in-animation {
    0% {
        opacity: 0;
        transform: translateY(0)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}
body header nav.hamburger > .wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open), 
body header nav.hamburger > .wp-block-navigation__responsive-container {
	box-sizing:border-box;
	background-color: #5c606175!important;
	padding: 2.3rem 2rem 2rem!important;
	animation: overlay-menu__fade-in-animation .6s ease-out;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity .6s ease-out, visibility .6s ease-out;

	height: 100%;
	width: 100%;
	display: flex; /* keep it in layout */
}

body header nav.hamburger > .wp-block-navigation__responsive-container.is-menu-open {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}
header.wp-block-template-part {
	z-index:4;
}

header nav.hamburger > div .wp-block-navigation__responsive-close, 
header nav.hamburger > div .wp-block-navigation__responsive-close .wp-block-navigation__responsive-dialog {	height: 100%;max-width:unset;}

header nav.hamburger .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {
	/*justify-content: center!important;*/
	align-items: center!important;
	height: 100%;padding-top:0!important;
}
header nav.hamburger .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content ul {
	justify-content: center!important;
	align-items: center!important;
	gap: 1.2em!important;
	padding-bottom: 1.4em !important;padding-top:1.4em!important;
}
header nav.hamburger .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content ul li {
	width: 100%;
	text-align: center;
	display: block!important;
	line-height:1;
}
header nav.hamburger .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content ul li a {
    font-size: 3rem;
	/*
    text-decoration: underline;
    text-decoration-color: #409cb67a;
    text-underline-offset: 0.3rem;
	text-decoration-thickness: 3px;
	*/
    font-weight: 400;
	letter-spacing: 0.3em;
	margin-right: -0.7em;
	text-transform:uppercase;
	transition:font-weight 2s ease, letter-spacing 2s ease;
}
header nav.hamburger > div .wp-block-navigation__responsive-container-close, 
#cptModal .cpt-modal-close {
    transform: scale(2.8);
    transform-origin: 36px -9px;
	position:fixed;
}
#cptModal .cpt-modal-close {
	padding:0.3em 1em 0 0;
}
.wp-block-navigation__responsive-container-close {}
html.has-modal-open header nav.hamburger > button svg {
	opacity:0;
}
header nav.hamburger .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content ul li a:hover {
	font-weight: 800;
	transition:font-weight 0.3s ease, letter-spacing 0.3s ease;
	text-decoration: none;
	letter-spacing: 0.3em;
}
header nav.hamburger > button:focus-visible {
    outline: 2px solid #676767;
    outline-offset: 3px;
    padding-left: 0.2em;
}


/* header end */




/* home */


.home-cover-grid {
	min-height: calc(100vh + 5em)!important;
	align-items: flex-start;
	position:relative;
}
.home-cover-grid .wp-block-cover__inner-container {
	display: grid;
	height: 97vh; /* full viewport height */
	grid-template-rows: repeat(3, 1fr); /* 3 equal rows (33% each) */
	grid-template-rows: 1fr 1fr 2.9fr; /* 3 equal rows (33% each) */
	grid-template-rows: 25vh 30vh 45vh;
}
.home-cover-grid .wp-block-cover__inner-container > * {
	display: flex;               /* for centering content */
	justify-content: center;     /* horizontal center */
	align-items: center;         /* vertical center */
}
.home-cover-grid .wp-block-cover__inner-container {
	
}
.home-cover-grid h1.wp-block-heading {
	font-size: clamp(1.7rem, 4vh, 5.5rem);
}

.home-cover-grid img {
    width: 21vw;
	width: 36vh;
    max-width: 740px;
    min-width: 220px;
}

.home-cover-grid:after {
	position:absolute;
	bottom:0;
	width:100%;
	height:30vh;
	content:"";
	background: linear-gradient(0deg,rgba(72, 89, 96, 1) 0%, rgba(72, 89, 96, 0) 100%);
	/*bacground-color:var(--wp--preset--color--base);*/
}
.panagio-home-img {margin-left:3vw;}
.home > .wp-block-group {position:relative;}
.wp-block-group.ambelosvert .ambelos-top, .wp-block-group.ambelosvert .ambelos-bottom {
	content:"";
	position:absolute;
	right:-3em;
	width:180px;
	height:306px;
	background-size: 180px 306px;
	background-repeat:no-repeat;
	background-position: top;
	pointer-events: none;
	filter:invert(100%);
	opacity: 0.2;
	margin:0;
}
.ambelosvert {position:relative;}
.wp-block-group.ambelosvert .ambelos-top {
	top:0.1em;
	background-image: url("graphics/abelos_top_1.svg");
	background-position:bottom center;
}
.wp-block-group.ambelosvert .ambelos-bottom {
	height:calc(100% + 145px);
	top:calc(0.1em + 306px);
	background-repeat:repeat-y;
	background-image: url("graphics/abelos_chop_1.svg");	
}
.page-id-39 .wp-block-group.ambelosvert .ambelos-top, .page-id-39 .wp-block-group.ambelosvert .ambelos-bottom {
/*story*/
	filter:unset;
	opacity: 0.08;
	left: calc(var(--ambelos-left) * -1 + 1em);
	right:unset;
}
.page-id-39 .wp-block-group.ambelosvert .ambelos-bottom {

}
.page-id-39 footer {
    z-index: 2;
    background-color: #485960;
	margin-top:0;
	padding-top:1.2rem;
}

.suite-list .wp-block-query > .wp-block-post-template > li {margin-bottom:var(--wp--preset--spacing--60);}
.suite-list .wp-block-query > .wp-block-post-template > li:last-child {margin-bottom:0;}
.suite-list:not(.one-direction) .wp-block-query > .wp-block-post-template > li:nth-of-type(odd) > .wp-block-columns {flex-direction: row-reverse;}
.acf-suite-gallery-slider {position:relative;z-index:999;}
.suite-carousel {aspect-ratio: 6 / 5;width: 100%;}
.suite-carousel .flickity-viewport {height: 100% !important;}
.suite-carousel .flickity-slider {width: 100%;height: 100%;}
.suite-carousel .carousel-cell { width: 100%;height: 100%;}
.suite-carousel:not(.featured) {display:none;}
.suite-carousel.flickity-enabled {display:block;}
.suite-carousel img { 
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: center;
}
.suite-carousel .flickity-page-dots {text-align: right;position: relative;}
.suite-carousel .flickity-page-dots .dot {background-color:#9fb4b7;opacity:1;width: 13px;height: 13px;transition:transform 0.25s ease;}
.suite-carousel .flickity-page-dots .dot.is-selected {background-color:#171a35;transform:scale(1.5);}
.suite-list .wp-block-query > .wp-block-post-template > li:nth-of-type(odd) .flickity-page-dots {text-align: left;}
.suite-list .wp-block-query > .wp-block-post-template > li:nth-of-type(even) .flickity-page-dots .dot:last-child {margin-right:0;}
.suite-list .wp-block-query > .wp-block-post-template > li:nth-of-type(odd) .flickity-page-dots .dot:first-child {margin-left:0;}
.suite-list .flickity-button {display:none!important;}
.suite-carousel.is-fullscreen .flickity-fullscreen-button {
    display: block;
    right: 2.8em;
    top: 3em;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    transform: scale(2.5);
    transform-origin: top right;
}
.flickity-fullscreen-button {
    transform-origin: top right;
    transform: scale(2.3);
}
.flickity-button {
    background: white;
    color: black;
}
.suite-carousel:not(.is-fullscreen) .flickity-prev-next-button.previous {
    left: -3.8em;
    background: transparent;
    color: black;
}
.suite-carousel:not(.is-fullscreen) .flickity-prev-next-button.next {
    right: -3.8em;
    background: transparent;
    color: black;
}
.suite-carousel.is-fullscreen img { 
	height: 100%;
	width: 100%;
	object-fit: contain;
	object-position: center;
}
.flickity-enabled.is-fullscreen {
	background-color:var(--wp--preset--color--base);
	z-index: 10;
}
.flickity-enabled.is-fullscreen .flickity-prev-next-button.next {
    right: 2.8em;
    transform: scale(1.6);
    transform-origin: right;
}
.flickity-enabled.is-fullscreen .flickity-prev-next-button.previous {
    left: 2.8em;
    transform: scale(1.6);
    transform-origin: left;
}
.flickity-enabled.is-fullscreen .flickity-page-dots {
    bottom: 3em;
    right: 2em;
}

.suite-list .wp-block-post-excerpt__more-text {display:none;}
.suite-list .suite-moto-text {
	font-family: var(--wp--preset--font-family--body);
	/*font-size: clamp(1.039rem, 1.9rem, 2rem);*/
	/*font-weight: 200;*/
	/*line-height: 1.3;*/
}
.suite-list {
	h2.wp-block-post-title, h2.wp-block-post-title a {color: var(--wp--preset--color--contrast) !important;}
	.wp-block-buttons .wp-block-button__link {text-transform:uppercase!important;padding-top: 1rem!important;padding-bottom: 1rem!important;font-size:clamp(0.929rem, 1.1rem, 1.6rem);letter-spacing:1px;padding-right: 1.5vw;padding-left: 1.5vw;}
	.wp-block-post-excerpt__excerpt {font-size:0.9em;font-weight: 300;}
}
#cptModal .wp-block-button .wp-block-button__link {text-transform:uppercase!important;padding-top: 1rem!important;padding-bottom: 1rem!important;font-size:clamp(0.929rem, 1.1rem, 1.6rem);letter-spacing:1.8px;padding-right: 1.5vw;padding-left: 1.5vw;background:transparent;font-weight:400;color: var(--wp--preset--color--contrast-2);width: 100%;margin: 1.3em 0 1em;}
.flex-edge-vertical {
    flex-basis: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.suite-specs-grid {
	display: grid;
    /* Forces items to layout horizontally */
    grid-auto-flow: column; 
    
	grid-template-columns: unset;
	
    /* Each column will only be as wide as its widest content */
    grid-auto-columns: max-content; 
    
    /* Adds spacing between your price blocks */
    gap: 2vw; 
    
    /* Optional: allows horizontal scrolling if content overflows the screen */
    overflow-x: auto;
    padding: 0;
	
}
.suite-specs-grid > div { 
	position: relative;
	font-size:0.9em;
	/*color:var(--wp--preset--color--contrast) !important;*/
}
/* Create a separator using ::after */
.suite-specs-grid > div:not(:last-child)::after {
    content: "";
    width: 1px;
    height: 100%;
    background-color: #cccccc7a;
    margin-left: 15px;
    display: block;
    vertical-align: middle;
    position: absolute;
    right: -1vw;
    top: 0;
}
.suite-specs-grid > div > div, 
.suite-specs-grid > div.hb-starting-price-shortcode-wrapper small > span {
	display:block;
	width:100%;
	font-weight:300;
}
.suite-specs-grid > div > div.firtline, 
.suite-specs-grid > div.hb-starting-price-shortcode-wrapper small > span.hb-price-label {
    text-transform: uppercase;
    font-size: 0.85em;
    font-weight: 600;
    letter-spacing: 1.3px;
}
.suite-specs-grid > div.hb-starting-price-shortcode-wrapper p {
	margin:0;
}
.suite-specs-grid > div.hb-starting-price-shortcode-wrapper small {
	font-size: 1em !important;
}
.suite-specs-grid > div.hb-starting-price-shortcode-wrapper small > span {
	
}


.suite-list.one-direction .wp-block-query > .wp-block-post-template > li {
    margin-bottom: var(--wp--preset--spacing--60);
    padding-bottom: var(--wp--preset--spacing--60);
    border-bottom: 1px solid gray;
}



/* home end */

/* story */
/*
.story-cover-grid:after {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 30vh;
    content: "";
    background: linear-gradient(0deg, rgb(233 222 188) 0%, rgba(72, 89, 96, 0) 100%);
}
*/
.story-cover-grid > .wp-block-cover__image-background {
	mask-image: radial-gradient(ellipse 99% 100% at 50% 0%, black 75%, transparent 100%);
}
.add-abelos {position:relative;}
.add-abelos::before, .add-abelos::after {
	content:"";
	position:absolute;
	top:-2.4em;
	height:180px;
	width:306px;
	background-size: 306px 180px;
	background-repeat:no-repeat;
	background-position: 3.9em;
	pointer-events: none;
	opacity: 0.08;
}
/*
.add-abelos::before {

	right:2em;
	background-image: url("graphics/abelos_hor_top_1.svg");
}
*/
.add-abelos::before {
	width:200vw;
	    transform: rotate(180deg);
	right:-50vw;
	background-repeat:repeat-x;
	background-image: url("graphics/abelos_hor_chop_1.svg");	
}
/*
.add-abelos::after {
	top:5em;
	width:200vw;
	right:-50vw;
	background-repeat:repeat-x;
	background-image: url("graphics/abelos_hor_chop_1.svg");	
}
*/

.arrow-container {
  position: absolute;
  left: 50%;
  bottom: 9em;
  transform: translateX(-50%); /* Centers the container horizontally */
  
  /* The animation happens on the container (which is NOT rotated) */
  animation: float-vertical 3s ease-in-out infinite;
  margin:0!important;
      width: 1px;
}

.arrowzuk {
  width: 1.5em;
  height: 1.5em;
	border-right: 0.3em solid rgb(0 0 0);
	border-bottom: 0.3em solid rgb(0 0 0);
  
  /* The arrow is rotated 45 degrees inside the straight container */
  transform: rotate(45deg);
}

@keyframes float-vertical {
  0%, 100% {
    transform: translateX(-50%) translateY(0);
  }
  50% {
    /* Now it moves perfectly straight down */
    transform: translateX(-50%) translateY(1.5em);
  }
}

/* story end */


/* Elements */
h2 {letter-spacing:-1px;}
h4.wp-block-heading.overbook, 
.hb-booking-search-form .hb-search-fields-and-submit .hb-search-fields::before {
    font-size: clamp(1.039rem, 1.6rem, 2rem);
    font-weight: 200;
    line-height: 1.3;
    color: #d9dedf;
    font-weight: 400;
}
.flex-bottom {align-items: flex-end!important;}
.flex-resp-colgap {column-gap:clamp(1rem, 10vw + 1rem, 14vw)!important;}
.flex-resp-colgap-2 {column-gap:clamp(1rem, 7vw + 1rem, 11vw)!important;}
.flex-resp-colgap-3 {column-gap:clamp(1rem, 7vw + 1rem, 11vw)!important;} 
.flex-align-center-hor {align-items: center!important;}
.flex-send-bottom {align-items: flex-end !important;} 
.flex-send-top {align-items: flex-start!important;}
.max-width-720 {max-width: 720px;}
.max-width-1000 {max-width: 1050px!important;}
.fullheight {height:100vh!important;display: flex;}
:root :where(.wp-element-button:hover, .wp-block-button__link:hover), 
:root :where(.wp-element-button:active, .wp-block-button__link:active), 
:root :where(.wp-element-button:focus, .wp-block-button__link:focus) {
	background-color: transparent;
	border-color: #cdaa70;
} 
.title-top-left {
	position:fixed;
	left:1em;
	top:0.7em;
	z-index:2;
}
.hide-me {display:none!important;}
.relative-me {position:relative;z-index: 1;}
.overflow-x-clip {overflow-x: clip;}
.fullheight-div {height:100vh;}
.fullheight-div .wp-block-media-text__content {
	display: flex;
	height: 100%;
	align-items: center;
}
.fullheight-div .wp-block-media-text__content img {
	filter:invert(100%);
}
.fullheight-div .wp-block-media-text__content a, .contact-box a {
	color: #80d3e9 !important;
	text-underline-offset: 9px;
	text-decoration-color: #ffffff1f;
	text-decoration-thickness: 2px;
		transition:all .25s ease;
}
.fullheight-div .wp-block-media-text__content a:hover, .contact-box a:hover {
	text-underline-offset: 8px!important;
	text-decoration-color: #ffffff!important;
	text-decoration-thickness: 1px!important;
	text-decoration:underline;
}



/* Elements end */

/* footer start */

footer {
	font-size: clamp(1.039rem, 1.039rem + ((1vw - 0.2rem) * 0.551), 1.2rem);
	position:relative;
}
footer:after {
	content:'';
	position:absolute;
	right:0;
	bottom:0;
	display:block;
	width:43vw;
	max-width:960px;
	min-width:200px;
	height:100%;
	background-repeat:no-repeat;
	background-size: 100% auto;
	background-position: bottom right;
	background-image: url("graphics/sponge.png");
	pointer-events: none;
}
html body footer h2.wp-block-heading {font-size: var(--wp--preset--font-size--large)!important}
.footer-logo {}

footer .wp-block-group a, 
footer .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
	color:#c99f59;
	text-decoration:none;
	transition:color 1s ease;
}
footer .wp-block-group a:hover, footer .wp-block-group a:focus, footer .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:hover, footer .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:focus {
	text-decoration: underline;
	text-underline-offset: 9px;
	text-decoration-color: #bf8f45;
	text-decoration-thickness: 2px;
	transition: color .25s ease;
	color: white;
}
.mobile-show {display:none!important;}
		
/* footer end */


/* pages */

.wp-singular.page-template-default.page .entry-content :is(h1, h2, h3, h4, h5, h6) {color:white;}


/* pages end */
 

/* Single acc. */
p.suite-moto-text, .pop-suite-moto {
	font-size: 1.1em;
	font-weight: 200;
	margin: 0;
	line-height: 1.4;
	color: #b3a48c!important;
}
.pop-suite-moto {
	font-size: 0.91em;
}

/* Reset sizing for structural integrity */
.amenities-container * {
  box-sizing: border-box;
} 

/* Main Container */
.amenities-container {
  position: relative;
  margin: 0 auto;
  padding: 1rem 0 3rem 0;
}

/* Close Button Positioning */
.close-btn {
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #ccc;
  background: transparent;
  cursor: pointer;
  font-size: 1.2rem;
}
.stripe-logo {
	width:100px;
	opacity: 0.8;
}


/* The Grid Setup */
.amenities-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* Forces 2 columns at all times */
  /* We don't use gap here because we want precise control over the intersecting borders */
}

/* Individual Grid Items */
/* Apply only vertical padding by default */
.amenity-item {
  padding: 2rem 0; 
  /*color: var(--wp--preset--color--contrast);*/
}

/* Left column items (1, 3, 5) */
.amenity-item:nth-child(odd) {
  padding-right: 2rem; /* Keeps space between text and the center line */
  border-right: 1px solid #696656;
}
 
/* Right column items (2, 4, 6) */
.amenity-item:nth-child(even) {
  padding-left: 2rem; /* Keeps space between the center line and text */
}

/* Create the horizontal dividing lines */
.amenity-item:not(:nth-last-child(-n+2)) {
  border-bottom: 1px solid #696656;
}
 
/* Typography spacing */
.amenity-item h3 {
	margin-top: 0;
	margin-bottom: 0.5rem;
	font-size: 1.4rem;
	font-size:clamp(0.9rem, 1.1vw, 1.4rem);
	text-transform: uppercase;
	font-family: var(--wp--preset--font-family--body);
	font-weight: 350!important;
	color: var(--wp--preset--color--contrast);
}

.amenity-item p {
    margin: 0;
    font-size: 1.1rem;
    line-height: 1.4;
    font-weight: 200;
}

/* Bottom Contact Box */
.contact-box {
  margin-top: 3rem;
  padding: 1.5rem;
  border: 1px solid #696656;
  text-align: center;
  color: var(--wp--preset--color--contrast);
}

.contact-box p {
  margin: 0;
  font-size: clamp(0.9rem, 1.4vw, 1.4rem);
}


/* Fullscreen Modal CSS */
/* no fade method
.cpt-modal { 
	display: none; 
	position: fixed; 
	top: 0; left: 0; width: 100%; height: 100%; 
	background: #334248; 
	z-index: 99999; 
	align-items: center; 
	justify-content: center; 
	flex-direction: column; 
	color: var(--wp--preset--color--contrast);
}
.cpt-modal.active { display: flex; }
*/
.cpt-modal { 
	/* Set to flex by default instead of none */
	display: flex; 
	
	/* New Fade Properties */
	opacity: 0; 
	visibility: hidden; 
	transition: opacity 0.5s ease, visibility 0.5s ease;
	
	position: fixed; 
	top: 0; left: 0; width: 100%; height: 100%; 
	background: #334248; 
	z-index: 99999; 
	align-items: center; 
	justify-content: center; 
	flex-direction: column; 
}

.cpt-modal.active { 
	/* Make visible and opaque when active */
	opacity: 1; 
	visibility: visible; 
}
.cpt-modal-content {
	display: grid;
	grid-template-columns: 2fr 1fr; 
	width: 100%;
	height: 100vh; 
	margin: 0;
	/*color: var(--wp--preset--color--contrast);*/
}
.cpt-modal-content h2 {
	margin-bottom: 2em;
	/*font-size: 2.6rem;
	font-size: clamp(2rem, 2.1vw, 3.1rem);
	letter-spacing: 1.1px;*/
	color: var(--wp--preset--color--contrast);
}
.pop-suite-content > p {
	font-size: 0.825em;
	line-height: 1.4;
	display: block;
	font-weight: 200;
	margin: 0.8em 0;
}
.cpt-modal img { 
	max-width: 100%;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0; /* Start hidden */
	transition: opacity 0.5s ease; /* Smooth fade effect */
}

/* This class gets added by JS once the image finishes downloading */
.cpt-modal img.loaded {
	opacity: 1; 
}
.cpt-modal-close { 
	position: absolute; top: 20px; right: 30px; 
	font-size: 50px; cursor: pointer; color: white; 
	background: none; border: none; line-height: 1; padding: 0;
	transition: opacity 0.2s;
}
.cpt-modal-close:hover { opacity: 0.7; }

.pop-contents {
	padding:2em;
	box-sizing:border-box;
	overflow-y: auto;
	max-height: 100vh;
}
.pop-feature-images {
	height: 100vh;
	display: block;
	position: relative;
	width: 100%;
	background-color: #485960;
}
.suite-list .hb_accommodation .amenities-container {display:none;}
.pop-suite-moto {font-weight:200;}


/*----------------------ACF POSTS SLIDER-------------------------------*/
.flick-post-slider {overflow:hidden;}
.flick-post-slider h3.fluid-text-it {
	word-break: normal;
	overflow-wrap: normal;
	font-size: clamp(1.3rem, 1.8vw, 2.5rem)!important;
}
.flick-post-slider .variable-column-width {
	flex-basis: var(--psb-slide-link-width)!important;
}

/* --------------------------------------------------------------------------------- */
/* 3) booking */
/* --------------------------------------------------------------------------------- */


.hb-datepick-check-in-out-trigger {
	bottom: 16px;
	cursor: pointer;
	font-family: 'Font Awesome 6 Free';
	font-size: 19px;
	right: 10px;
}

.hb-datepick-check-in-out-trigger:before {
	content: "\f073";
	display: none;
}

.hero-booking-form .hb-datepick-check-in-out-trigger {
	bottom: 9px;
	right: 1px;
}

.hero-booking-form .hb-datepick-check-in-out-trigger {
	color: rgba(255,255,255,0.7);
	transition: color 0.4s;
}

.hero-booking-form .hb-datepick-check-in-out-trigger:hover {
	color: rgba(255,255,255,0.9);
}

.hero-booking-form {
/*    left: 0;
    margin: 0 40px 40px;
    opacity: 0;
	padding: 22px 20px 0;
    position: absolute;
    right: 0;
    transition: opacity 0.4s;
	*/
}

.hero-booking-form-pos-top-hero {
	margin: 40px 40px 0;
}

.hero-booking-form-vertical {
    margin: 40px 0;
    width: 220px;
}

.hero-booking-form-left {
    left: 40px;
    right: auto;
}

.hero-booking-form-right {
    left: auto;
    right: 40px;
}

.hero-booking-form-always-below-hero,
.hero-booking-form-is-below-hero {
    height: auto;
    margin: 0;
    padding: 40px 40px 20px;
    position: static;
}

.hb-hero-search-form-is-vertical .hero-booking-form-always-below-hero,
.hb-hero-search-form-is-vertical .hero-booking-form-is-below-hero {
    padding: 22px 40px 20px;
}

.hero-booking-form h3 {
	font-size: 1.1em;
}
body .hbook-wrapper .hb-title {
	grid-column: 1 / 3; 
	margin-bottom: 1.3em;
	margin:2.2em 0 1.5em;
	font-size: 1.2em;
	color: #cbd3d6;
}

.hero-booking-form select,
.hero-booking-form input[type="text"] {
	background: transparent;
	border-bottom: 1px solid rgba(255,255,255,0.3);
	color: #fff;
	font-weight: 700;
	margin-bottom: 0;
	padding-left: 3px;
}

.hero-booking-form select {
	padding-right: 26px;
}

.hero-booking-form select option {
	color: #000;
}

.hero-booking-form .hotelwp-select-arrow svg {
	bottom: 15px;
	color: #fff;
	right: 5px;
}

.hero-booking-form input[type="text"]:focus,
.hero-booking-form select:focus {
	background: transparent;
	border-bottom: 1px solid rgba(255,255,255,0.8);
}

.hero-booking-form .hb-horizontal-search-form input[type="submit"] {

}

.hero-booking-form ::-webkit-input-placeholder {
	color: #fff;
	font-size: 14px;
	font-weight: 700;
}

.hero-booking-form ::-moz-placeholder {
	color: #fff;
	font-size: 14px;
	font-weight: 700;
    opacity: 1;
}

.hero-booking-form :-ms-input-placeholder {
	color: #fff;
	font-size: 14px;
	font-weight: 700;
}

.hero-booking-form .hb-search-error {
	color: #dba654;
	font-weight: 200;
	position:relative;
	    padding-left: 2em;
}
.hero-booking-form .hb-search-error:before, .hb-payment-info-wrapper .hb-payment-type-explanation:before {
	content: "\f117";
    font-family: dashicons;
    display: inline-block;
    padding-right: 0.6em;
    font-size: 2em;
    line-height: 1;
    position: absolute;
	left: -0.1em;
}
.hb-check-dates-wrapper {
    position: relative;
}

.hero.has-booking-form + .hero-booking-form #hero-search-form .hb-search-error {
    bottom: -42px;
    position: absolute;
}

.hero.has-booking-form + .hero-booking-form #hero-search-form.hb-vertical-search-form .hb-search-error {
    margin-bottom: 0;
}

.hb-search-fields p {
	margin-bottom: 26px;
}

.hb-vertical-search-form p.hb-booking-search-submit {
    margin-bottom: 22px;
}

.hb-vertical-search-form input[type="submit"] {
    width: 100%;
}

.hb-input-datepicker {
    cursor: pointer;
}

.hb-change-search-wrapper input {
	margin-top: -10px;
}

div.hb-accom,
div.hb-resa-summary-content {
	border-radius: 0;
}

div.hb-accom {
	transition: border 0.4s;
}

div.hb-accom.hb-accom-selected,
div.hb-resa-summary-content {
	border-color: rgba(0,0,0,0);
}

input[type="text"].error,
input[type="email"].error,
input[type="number"].error,
textarea.error {
	border-color: #F04826;
}

.hero-booking-form-no-id {
    color: #fff;
}

.hb-stripe-expiration {
	width: 70px;
}

.hb-stripe-expiration,
.hb-stripe-expiration-separator {
	float: left;
}

.hb-stripe-expiration-separator {
	margin: 10px 10px 0;
}

.hb-confirm-area {
	margin-top: 30px;
}

.hb-accom-list,
.hb-booking-details-form {
	margin: 0 auto;
	max-width: 800px;
}

.hb-searched-summary {
	border-bottom: 1px solid #d4d4d4;
	margin-bottom: 50px;
}

.hbook-wrapper .hb-details-fields input[type="text"] {
    display: inline;
}

.hbook-wrapper .hb-details-fields h3 {
	margin: 1.2em 0 0.5em;
}

.hbook-wrapper .hb-details-fields hr {
	margin: 12px 0 35px;
}

.hbook-wrapper .hb-details-fields h3 + hr {
	margin-top: 22px;
}
.hbook-wrapper .hb-resa-summary h3 {
    margin-top: 1em;
}

.hb-booking-search-form input + label {
	font-weight: 400;
}

.hb-booking-search-form input[type="checkbox"] + label,
.hb-booking-search-form input[type="radio"] + label {
    display: inline;
}

.hb-booking-search-form input[type="text"],
.hb-booking-search-form input[type="email"],
.hb-booking-search-form input[type="number"],
.hb-booking-search-form textarea,
.hb-booking-search-form select {
	background: transparent;
	border: none;
	box-sizing: border-box;
	border-bottom: 2px solid #5f8089;
    font-size: 1.5rem;
	font-family: var(--wp--preset--font-family--body);
    font-weight: 200;
	line-height: 1.5;
	margin-bottom: 0;
	outline: none;
	padding: 10px 10px 10px 0;
	transition: background 0.4s, border 0.4s;
	display:inline-block;
	height: 100%;
	color:#c4c9cc;
}
.hb-booking-search-form input::placeholder {
	color:#c4c9cc;
    font-size: 1.5rem;
	font-family: var(--wp--preset--font-family--body);
    font-weight: 200;
	line-height: 1.5;
	opacity: 1;     /* Overrides the browser's default fading */
}
.hb-booking-search-form select option {
	font-size: 16px;
}
.hb-booking-search-form select {
	cursor: pointer;
	max-width: 540px;
	position: relative;
	width: 100%;
	height: 100%;

	border-radius: 0;
	-webkit-appearance: none;
	appearance: none;
background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23fff' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");

  background-repeat: no-repeat;
  background-position: right 12px center;
}

.hb-booking-search-form option {
	background: #fff;
	color:black;
	font-size:1.2em;
}

.hb-booking-search-form textarea {
	padding: 10px;
	width: 100%;
}

.hb-booking-search-form input[type="text"]:focus,
.hb-booking-search-form textarea:focus {
	outline: none;
}
.hb-booking-search-form input[type="button"],
.hb-booking-search-form input[type="submit"],
.hb-booking-search-form .button, 
.hb-button-wrapper input {
	border: 2px solid #6a929d;
	border-radius: 0;
	background:transparent;
	color: #fff;
	cursor: pointer;
	display: inline-block;
    font-size: clamp(0.929rem, 1.129rem , 1.4rem);
    padding-top: 1.2rem;
    padding-right: 2rem;
    padding-bottom: 1.2rem;
    padding-left: 2rem;
	font-family: var(--wp--preset--font-family--body);
    font-weight: 400;
	line-height: inherit;
	min-width: 100px;
	outline: none;
    letter-spacing: 0.8px;
	text-transform: uppercase;
	transition: background 0.4s, color 0.4s;
}
.hb-booking-search-form input[type="button"]:hover,
.hb-booking-search-form input[type="submit"]:hover,
.hb-booking-search-form .button:hover, 
.hb-button-wrapper input:hover, 
.hb-booking-search-form input[type="button"]:focus,
.hb-booking-search-form input[type="submit"]:focus,
.hb-booking-search-form .button:focus, 
.hb-button-wrapper input:focus {
	border-color: #cdaa70;
}
.hb-booking-search-form input[type="button"],
.hb-booking-search-form .button {
	margin-bottom: 11px;
}

.hb-booking-search-form input[type="radio"] {
	margin-top: 4px;
}
.hb-booking-search-form .button:hover {
	color: #fff;
}
.hb-step-button.hb-next-step input, .hb-confirm-button.hb-button-wrapper input[type="submit"] {
	padding-left: 3em;
	padding-right: 3em;
	font-weight: 600;
	letter-spacing: 1.7px;
	font-size: 0.9em;
}
.hb-details-fields p.hb-explanation {
    font-style: normal;
    color:#c5cfd3;
    font-size: 18px;
	padding-top:0;
}


body .hb-availability-calendar-centered {margin:0;width:100%!important;}
body .hb-dp-week-header {
    font-size: 0.6em;
    font-weight: normal;
}
body .hb-dp-multi .hb-dp-month:not(.first), body .hb-dp-month-row + .hb-dp-month-row, body .hb-datepick-legend {
    border-color: #d8dedf24;
}
body .hb-dp-day > span, body .hb-dp-day > a, body .hb-dp-day > span {font-size: 0.7em;text-decoration:none;}
body .hb-dp-week-header div, body .hb-dp-day {padding:0;}
body .hb-avail-caption-wrapper {
	margin-bottom:0;
}
body .hb-avail-caption-wrapper span {
    font-size: 0.8em;
}
.hb-dp-day-past, .hb-dp-day-closed, .hb-dp-day-not-selectable, .hb-dp-day-no-check-in {
    color: #888888;
}
table.hb-rates-table {
	max-width:unset!important;
	width:100%;
	margin:0!important;
	border-collapse: separate;
	border-spacing: 0 1em;
	font-size:0.85em;
}
table.hb-rates-table {
	th,tr {text-align:left;}
	td {border-bottom:2px solid #ffffff30;padding-bottom: 1em;}
	tr:last-child td {border-bottom:0px solid #ffffff30;padding-bottom: 0;}
	thead tr th {padding-bottom:1em;font-weight: 500;color: white;}
	thead tr th:last-child, tbody tr > td:nth-child(4) {
		width: 100px !important;
		min-width: 100px !important;
		max-width: 100px !important;
		box-sizing: border-box;
		text-align: right;
		}
	thead tr th:nth-child(-n+3), thead tr td:nth-child(-n+3) {
		width: auto !important;
	}
}


.hb-people-wrapper.hb-people-wrapper-adults, 
.hb-people-wrapper.hb-people-wrapper-children {
    margin-right:0!important;
}
.hb-people-wrapper.hb-people-wrapper-adults > select, 
.hb-people-wrapper.hb-people-wrapper-children > select {

} 
.hb-booking-search-form .hb-search-fields-and-submit {
	container-type: inline-size;
	container-name: booking-container;
}
.hb-booking-search-form .hb-search-fields-and-submit .hb-search-fields {
	position:relative;
	display: flex;
	gap: 1vw;
	justify-content: space-between;
	flex-wrap: wrap;
}
.hero-booking-form .hb-booking-search-form .hb-search-fields-and-submit .hb-search-fields {
	gap: 2vw;
}
.hb-booking-search-form .hb-search-fields-and-submit .hb-search-fields:after, 
.hb-booking-search-form .hb-search-fields-and-submit .hb-search-fields:before {
	display:none;
}


.hb-booking-search-form .hb-search-fields-and-submit .hb-search-fields::before {
	content:"Book your stay";
    display: inline-block;
    white-space: pre;
    line-height: 1.3;
	flex: 0 0 100%;
	color: #d9dedf;
}
.lang-el .hb-booking-search-form .hb-search-fields-and-submit .hb-search-fields::before {
	content:"Επιλέξτε τη διαμονή σας";
} 
.hb-booking-search-form .hb-search-fields-and-submit .hb-search-fields::after {
	display:none;
}
.hb-search-fields p {
	float:none;
	margin:0;
	padding:0;
}


.hb-search-form-no-children .hb-search-button-wrapper {
    width: unset;
	
}


/* Target your specific select dropdown */
.hb-people-wrapper option {
  /* Warning: padding, margin, and :hover WILL NOT WORK */
}

p.hb-people-wrapper:has(select) {
	/* flex: [grow] [shrink] [basis]; */
	/*flex: 0 0 110px; */
	flex: auto;
}
p.hb-search-submit-wrapper {
	flex: 1;
	flex: 0 0 164px;
}
.hero-booking-form p.hb-search-submit-wrapper {
	flex: 1;
}
.hb-accom-list {
    max-width: unset!important;
	container-type: inline-size;
    container-name: booking-search-container;
}
.hb-accom-price-caption {
    float: left;
    font-size: 0.8em;
    line-height: 1.5;
    margin: 0;
	
	display: flex;
	gap: 0.5em;
	margin-left: 0.5em;
}
.hb-multi-accom-choices a {
	color:#80d3e9 !important;
    text-underline-offset: 9px;
    text-decoration-color: #80d3e9;
    text-decoration-thickness: 2px;
    transition: color .25s ease;
    color: white;
}
.hb-multi-accom-choices a:hover {
	text-decoration:underline;
    text-underline-offset: 9px;
    text-decoration-color: #fff;
    text-decoration-thickness: 2px;
}
.hb-accom .hb-accom-price-total {
    display: flex;
    align-items: center;
}
.hb-accom-page .hb-multi-accom-choices.hb-accom-page-one-result .hb-accom {
	border-color:transparent!important;
}

.hero-booking-form .hb-booking-search-form .hb-search-fields-and-submit .hb-search-fields .hb-check-dates-wrapper, 
.hero-booking-form .hb-booking-search-form .hb-search-fields-and-submit .hb-search-fields .hb-people-wrapper {
    width: auto;
    flex: 1;
}

.hb-search-form-no-children .hb-check-dates-wrapper, 
.hb-search-form-no-children .hb-people-wrapper {
	width:auto;
}
.hb-searched-summary {
	padding-bottom: 1em;
	border-bottom: 1px solid #ffffff47;
	margin-bottom: 0.6em;
	margin-left:-0.4em;
	margin-right:-0.4em;
}
.hb-searched-summary p {
	color:var(--wp--preset--color--contrast-2)!important;
	margin:0.5em 0.4em!important;
}
.hb-searched-summary .hb-search-button-wrapper {width:unset!important;}
.hb-booking-search-form p {

}
.hb-booking-search-form. hb-vertical-search-form {
	
}
.hb-booking-search-form.hb-vertical-search-form .hb-search-button-wrapper {
	box-sizing: border-box;
	margin: 0.6em 0 0 !important;
}
.hb-booking-search-form.hb-vertical-search-form .hb-searched-summary p:not(.hb-search-button-wrapper) {
    color: var(--wp--preset--color--contrast-2)!important;
    margin: 0.25em 0 !important;
}



body .hb-booking-details-form {
	max-width:1100px;
	margin:0;
	container-type: inline-size;
    container-name: booking-details-container;
}

/* 1. Base Container Setup */
.hb-details-fields {
  display: grid;
  grid-template-columns: 1fr 1fr; /* Two equal columns */
  gap: 15px 25px; /* Vertical and Horizontal spacing */
  max-width: unset;
  margin: 0 auto;
  font-family: 'Inter', -apple-system, sans-serif;
  color: #333;
      padding-bottom: 1em;
}

/* 2. Full-Width Elements (Exceptions to the 2-column rule) */
.hb-details-fields .hb-title,
.hb-details-fields p:has(textarea),
.hb-details-fields p:has(input[type="checkbox"]),
.hb-details-fields .hb-country-iso-additional-info-wrapper {
  /*grid-column: span 2;*/
}

/* 3. Sleek Typography & Labels */
.hb-details-fields p {
  margin: 0;
  display: flex;
  flex-direction: column;
}

.hb-details-fields label {
	font-size: 1.2rem;
	font-weight: 300;
	margin-bottom: 6px;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 0.03em;
}

/* 4. Modern Input Styling */
.hb-details-fields input[type="text"],
.hb-details-fields textarea,
.selectize-input {
  padding: 12px 14px !important;
  border: 2px solid #6a929d !important;
  border-radius: 0 !important;
  background-color: transparent!important;
  transition: all 0.2s ease;
  box-shadow: none !important;
}
.hb-details-fields input[type="text"],
.hb-details-fields textarea,
.selectize-input, 
.hb-details-fields .selectize-input.items.has-options {
	font-size: 1.3rem;
	font-weight: 400;
	letter-spacing: 0.7px;
	font-family: 'Inter', -apple-system, sans-serif;
	    color: white;
}
.selectize-input {padding:0!important;border:0px solid transparent;}
.hb-details-fields input:focus,
.hb-details-fields textarea:focus,
.selectize-input.focus {
  border-color:#cdaa70!important;
  background-color: #ffffff17 !important;
  outline: none;
}
.hb-details-fields input:hover,
.hb-details-fields textarea:hover,
.selectize-input.hover {
  border-color:#cdaa70!important;
  background-color: #ffffff17 !important;
  outline: none;
}

/* 5. Special Handling for Textarea */
.hb-details-fields textarea {
    min-height: 1.5em;
    resize: vertical;
    max-height: 5em;
}

/* 6. Checkbox Styling */
.hb-checkbox-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 0;
}

.hb-checkbox-wrapper input {
  width: 18px;
  height: 18px;
  cursor: pointer;
}


div.hb-resa-summary-content {
	border-color: rgb(255 255 255 / 27%);
	background:transparent;
	padding: 1.4vw 1.9vw 0.1vw 1.9vw;
	margin-bottom: 0;
}
.hbook-wrapper input[type="checkbox"] {
    transform: scale(2.4);
    transform-origin: top left;
}
.hbook-wrapper label.hb-terms-and-cond, .hbook-wrapper label.hb-privacy-policy {
    padding-left:0;
	color:white;
}
.hbook-wrapper a {
    color: #80d3e9 !important;
    text-underline-offset: 9px;
    text-decoration-color: #ffffff1f;
    text-decoration-thickness: 2px;

}
.hbook-wrapper a:hover {
    text-decoration-color: #fff !important;
	text-decoration:underline;
}

/* Reset the Selectize input height and line-height */
.hb-details-fields .selectize-input,
.hb-details-fields .selectize-input input {
    line-height: 1.5 !important; /* Resets that 80px height */
    min-height: 0 !important;
    height: auto !important;
    padding: 12px 14px !important; /* Matches the sleek padding of your other inputs */
    display: flex !important;
    align-items: center !important;
}

/* Fix the dropdown position so it doesn't float way below the box */
.hb-details-fields .selectize-dropdown {
    top: 100% !important;
    margin-top: 2px !important;
}

/* Ensure the text inside doesn't disappear */
.hb-details-fields .selectize-input.items.has-options {
    height: 2.5em!important; /* Specific height to match standard text inputs */
	    color: white;
}


.hb-search-error, .hbook-wrapper .form-error, .hb-confirm-error, .hb-policies-error, .hb-stripe-error, .hb-coupon-error {
    color: #ddac60;
}


.hb-resa-summary .hb-resa-done-msg, .hb-resa-summary .hb-resa-payment-msg {
    color: #dba654;
    font-weight: 200;
    position: relative;
    padding-left: 2.5em;
}
.hb-resa-summary .hb-resa-done-msg::before, 
.hb-resa-summary .hb-resa-payment-msg::before  {
    content: "\f529";
    font-family: dashicons;
    display: inline-block;
    padding-right: 0.6em;
    font-size: 2em;
    line-height: 0.7;
    position: absolute;
    left: -0.1em;
}
.hb-resa-summary .hb-resa-done-msg ~ .hb-resa-done-msg {
   padding-left: 0em!important;
}
.hb-resa-summary .hb-resa-done-msg ~ .hb-resa-done-msg::before  {
    display:none!important;
}


.hb-accom-list .hb-multi-accom-choices .hb-accom {
    background: #00000012;
    border: 1px solid #ffffff59;
    border-radius: 0;
    margin-bottom: 20px;
    min-height: 90px;

	padding: 1em 0 0 0 !important;
}
.hero-booking-form .hb-accom-list .hb-multi-accom-choices .hb-accom {
	padding: 1em 1.2em 0.5em 1.4em !important;
}
.hb-booking-search-form .hb-title.hb-title-search-form {
	display:none;
}
.hb-accom-list .hb-multi-accom-choices .hb-accom .hb-select-accom-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
    margin: 1em 0;
}
.hb-accom-list .hb-multi-accom-choices .hb-accom .hb-select-accom-wrapper > p {
    float: none;
    margin: 0 !important;
}
.hb-accom-list .hb-multi-accom-choices .hb-accom .hb-accom-price {
	float: left;
	font-size: 1.3rem;
	font-weight: 200;
	line-height: 1.3;
	margin-right: 0.3em;
}
.hb-accom-list .hb-multi-accom-choices .hb-accom .hb-accom-price-total {
    display: flex;
    align-items: center;
}
.hb-accom-list .hb-multi-accom-choices .hb-accom .hb-accom-title {
    font-size: 1.8rem;
    font-family: var(--wp--preset--font-family--libre-baskerville);
    font-weight: normal;
}
.hb-policies-area > p:not(.hb-policies-error) {
    display: flex;
    align-items: flex-start;
    gap: 1.5em;
}
.hb-accom-list p.hb-price-breakdown > span {
    padding-top: 1em;
    display: block;
	font-size: 0.9em;
}
.hb-step-button.hb-next-step {margin-top:0;}
.hb-accom-list .hb-price-breakdown-title, .hb-accom-list .hb-accom-selected .hb-accom-desc, .hb-accom-list .hb-accom-selected .hb-accom-price-total {
    color: white;
    letter-spacing: 0.2px;
    font-weight: 500;
}
.hb-booking-search-form .hb-searched-summary p.hb-check-dates-wrapper {
	display:flex;
	gap:0;
	white-space: pre;
}
.hb-booking-search-form .hb-searched-summary > p {
	width:auto;
}
.hbook-wrapper input[type="radio"] {
    transform: scale(2.4);
    transform-origin: top left;
}
/*payment*/
.hb-payment-info-wrapper h3.hb-title {
	margin-bottom: 0.5em;
}
.hb-payment-info-wrapper p.hb-payment-type-multiple-choice {
	margin:0;
}
.hb-payment-type-multiple-choice > span:not(.hb-payment-type-null-price-wrapper) {
    display: flex;
    align-items: flex-start;
    gap: 1.5em;
	padding-top: 0.8em;
}
.hb-payment-type-multiple-choice span label, .hb-payment-info-wrapper .hb-payment-type-explanation {
    padding-left: 0;
    color: white;
}

.hb-payment-info-wrapper .hb-payment-type-explanation {
	color: #fff;
	font-weight: 600;
	position: relative;
    padding-left: 2.5em;
    padding-bottom: 1.3em;
    padding-top: 1.2em;
}
.hb-payment-info-wrapper .hb-payment-type-explanation:before {
	content: "\f13f";
	font-size: 1.6em;
	left: 0.075em;
	font-weight: normal;
}

.hb-payment-type-multiple-choice span label span {
	font-size: 0.9em;
	opacity: 0.7;
	display: block;
}
.hb-payment-method-wrapper .hb-payment-form-stripe {
	background: #c8d4d9;
	border:0px solid white;
	border-radius: 0;
}
.hb-payment-method-wrapper .hb-stripe-payment-form-txt-top {
    color: #485960;
    font-weight: 600;
    font-size: 0.95em;
}
.hb-payment-method-wrapper .hb-stripe-payment-form-txt-bottom {
    color: #485960;
    font-weight: 450;
    font-size: 0.75em;
    line-height: 1;
    margin: 1.7em 0 0.2em;
	width: calc(100% - 100px);
}
.hb-payment-method-wrapper .hb-padlock-img {
	margin-right: 9px;
	vertical-align: bottom;
	filter: invert(31%) sepia(24%) saturate(345%) hue-rotate(152deg) brightness(96%) contrast(88%);
	display:none;
}
body .hb-dp-day > span.hb-dp-day-past {color:gray;}
body .hb-dp-day > a {color:white;}

.single-hb_accommodation.postid-1967 .wp-block-post-title + h1.wp-block-heading, 
.single-hb_accommodation.postid-1424 .wp-block-post-title + h1.wp-block-heading, 
.single-hb_accommodation.postid-2168 .wp-block-post-title + h1.wp-block-heading, 
.single-hb_accommodation.postid-2171 .wp-block-post-title + h1.wp-block-heading {display:none;}
.single-hb_accommodation.lang-el main .flex-less-on-mob {
    flex-direction: row-reverse;
    justify-content: flex-end;
}

@container booking-container (max-width: 800px) {
	
	.hb-booking-search-form .hb-search-fields-and-submit .hb-search-fields {
		flex-wrap: wrap;
	}
	.hb-booking-search-form .hb-search-fields-and-submit .hb-search-fields::before {
		flex: 0 0 100%; /* Grow: 0, Shrink: 0, Basis: 100% */
		width: 100%; /* Ensures it forces a wrap */
	}
	p.hb-people-wrapper:has(select) {
		flex: auto;
	}
	.hb-booking-search-form input[type="text"],
	.hb-booking-search-form input[type="email"],
	.hb-booking-search-form input[type="number"],
	.hb-booking-search-form textarea,
	.hb-booking-search-form select {
		font-size: 1.25rem;
		font-weight: 200;
		line-height: 1.5;
	}
	.hb-booking-search-form input::placeholder {
		font-size: 1.25rem;
		font-weight: 200;
		line-height: 1.5;
	}
}
@container booking-container (max-width: 600px) {
	
	.hb-booking-search-form .hb-search-fields-and-submit .hb-search-fields {
	}
	.hb-booking-search-form .hb-search-fields-and-submit .hb-search-fields p:last-child {
		flex: 0 0 100%; /* Grow: 0, Shrink: 0, Basis: 100% */
		width: 100%; /* Ensures it forces a wrap */
		margin-top:0.5em;
	}
	.hb-booking-search-form .hb-search-fields-and-submit .hb-search-fields p:last-child input {
		width: 100%;
	}
	.hb-booking-search-form .hb-search-fields-and-submit .hb-search-fields p:last-child input {
		padding: 0.7em!important
	}
	.hb-booking-search-form input[type="text"],
	.hb-booking-search-form input[type="email"],
	.hb-booking-search-form input[type="number"],
	.hb-booking-search-form textarea,
	.hb-booking-search-form select, 
	.hb-booking-search-form input::placeholder {
		font-size: 1.05rem;
		font-weight: 400;
		line-height: 1.5;
	}

}
@container booking-container (max-width: 400px) {
	.hero-booking-form .hb-booking-search-form .hb-search-fields-and-submit .hb-search-fields .hb-check-dates-wrapper, .hero-booking-form .hb-booking-search-form .hb-search-fields-and-submit .hb-search-fields .hb-people-wrapper, .hb-booking-search-form .hb-search-fields-and-submit .hb-search-fields p:last-child {
		flex: 0 0 47%;
		width: 47%;
		 margin-top: 0;
	}

}
@container booking-search-container (max-width: 500px) {
	.hb-accom .hb-accom-price-total {display:block;}
}
@container booking-details-container (max-width: 600px) {
  .hb-details-fields {gap: 0.8em 0.4em;}
  
}

/* end 3) booking */


/* single post */
.single-post:not(.full-width-post) .limit-width-post {width: min(100%, 1100px);margin: 0 !important;}

.single-post .limit-paragraph {width: min(100%, 1100px);margin: 0 auto !important;}

.single-post.full-width-post main {
	padding-right: 0;
    padding-left: 0;
}

.single-post.hide-title .post-head-wrap {
	display:none;
}

.single-post.hide-featured-hero-image .wp-block-post-featured-image {
	display:none;
}
.single-post .entry-content h2 {font-size:clamp(1.66rem, 2rem, 2.7rem);margin:1.5em 0 0.7em;line-height:1.2;}
.single-post .entry-content h3 {font-size:clamp(1.44rem, 1.7rem, 2.4rem);margin:1.5em 0 0.7em;}
.single-post .entry-content h4 {font-size:clamp(1.22rem, 1.6rem, 2.2rem);margin:1.5em 0 0.7em;}
.single-post .entry-content h5 {font-size:clamp(1.11rem, 1.4rem, 2rem);margin:1.5em 0 0.7em;}


.take-me-to-the-top {align-self: flex-start!important;}

/* Activities page post query */

.post-list-activities ul.wp-block-post-template {
	column-count: 2;
	column-width: 120px;
	column-gap: 4vw;
}

.post-list-activities ul.wp-block-post-template li.wp-block-post {
	break-inside: avoid;
	margin-bottom:4vw;
	padding-bottom:4vw;
	
	border-color: var(--wp--preset--color--contrast);
    border-width: 0 0 1px 0;
    border-style: solid;
}
.post-list-activities .first-in-second-column {
	padding-top:20vw;
}
.post-list-activities .wp-block-read-more {}
.post-list-activities .wp-block-read-more {
		text-decoration: none;
		font-style: normal;
		font-weight: 500;
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
		border-top-color: #6a929d;
		border-top-width: 2px;
		border-top-style: solid;
		border-right-color: #6a929d;
		border-right-width: 2px;
		border-right-style: solid;
		border-bottom-color: #6a929d;
		border-bottom-width: 2px;
		border-bottom-style: solid;
		border-left-color: #6a929d;
		border-left-width: 2px;
		border-left-style: solid;
		color: var(--wp--preset--color--accent-4);
		font-size: clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.319), 1.2rem);
		padding-top: 1.2rem;
		padding-right: 3rem;
		padding-bottom: 1.2rem;
		padding-left: 3rem;
		text-transform: uppercase !important;
		padding-top: 1rem !important;
		padding-bottom: 1rem !important;
		font-size: clamp(0.929rem, 1.1rem, 1.6rem);
		letter-spacing: 1px;
		padding-right: 1.5vw;
		padding-left: 1.5vw;
		width: 100%;
		color: var(--wp--preset--color--contrast-2);
		background-color: var(--wp--preset--color--base);
		box-sizing:border-box;
		display: inline-block;
		width: auto;
		transition:border 0.25s ease;
    }
.post-list-activities .wp-block-read-more:hover, 
.post-list-activities .wp-block-read-more:focus {
	background-color: transparent;
	border-color: #cdaa70;
}

:root :where(.wp-block-gallery) {
    margin: var(--wp--preset--spacing--40) 0 var(--wp--preset--spacing--40);
}




@media screen and (min-width: 46.25em) {

}
@media screen and (min-width: 54em) {

}
@media screen and (min-width: 64em) { /* < laptop */
	.cover-on-desktop img {object-fit:cover;height:100%;width:100%;}
}
@media screen and (min-width: 68.75em) { /* < laptop */
	
}
@media screen and (min-width: 84em) { /*laptop width */

}
@media screen and (min-width: 99em) { /* desktop */

}
@media screen and (min-width: 140em) { /* 2k */

}
@media screen and (max-width: 99em) {
	
	.flex-resp-colgap {column-gap:clamp(1rem, 5.5vw + 1rem, 12vw)!important}
	.flex-resp-colgap-2 {column-gap:clamp(1rem, 4.5vw + 1rem, 10vw)!important}
	footer .flex-resp-colgap-2 {column-gap:clamp(1rem, 1.5vw + 1rem, 10vw)!important}
	.footer-logo-col {flex-basis: 300px!important;}
	.panagio-home-img {margin-left:0;}
	.flex-resp-colgap-3 {column-gap:clamp(1rem, 3vw + 1rem, 7vw)!important;} 
	.cpt-modal-content {grid-template-columns: 3fr 2fr;}
}
/*max-width: 99em END*/
@media screen and (max-width: 84em) {
	.fullheight-div {
		grid-template-columns: auto 50%!important;
	}
	.home > .wp-block-group::before, .home > .wp-block-group::after {opacity:0.1;}
	.suite-list {
		.wp-block-buttons .wp-block-button__link {font-size:0.67em;}
		.wp-block-buttons {margin-top: var(--wp--preset--spacing--20)!important;}
	}
	#cptModal .wp-block-button .wp-block-button__link {font-size:0.67em;}
	#cptModal .wp-block-button {margin-top: var(--wp--preset--spacing--20)!importan
	.hb-booking-search-form input[type="button"], .hb-booking-search-form input[type="submit"], .hb-booking-search-form .button, .hb-button-wrapper input {font-size:0.77em;letter-spacing: 1px;}
	.suite-list .suite-moto-text {margin: 0;/*font-size: clamp(1.039rem, 1.5rem, 2rem);*/}
	.suite-specs-grid {    margin-top: 1em!important;margin-bottom: 1em!important;}
	h4.wp-block-heading, 
	.hb-booking-search-form .hb-search-fields-and-submit .hb-search-fields::before {
		font-size: clamp(1rem, 1.5rem, 1.5rem);
	}
	.hb-booking-search-form .hb-search-fields-and-submit .hb-search-fields::before {
	    line-height: 2.6;
	}
	.hbook-wrapper-booking-form, 
	.hb-details-fields label, 
	.hb-details-fields input[type="text"], 
	.hb-details-fields textarea, 
	.selectize-input, 
	.hb-details-fields .selectize-input.items.has-options {
		font-size: 0.8em;
	}
	.hb-details-fields .selectize-input.items.has-options {
		height: 3.3em !important;
	}
	.flickity-fullscreen-button {
		transform: scale(1.5);
	}
}
@media screen and (max-width: 64em) { /* < laptop */
	.flick-post-slider .wp-block-column:not(.variable-column-width) {display:none;}
	footer .last-foot > .wp-block-group {
		flex-wrap: wrap!important;
		align-items: flex-start;
	}
	footer .last-foot > .wp-block-group > * {padding:0!important;}
	footer .last-foot .wp-block-navigation ul {gap: 1em;}
	.post-list-activities .wp-block-post-excerpt {
		margin:0;
	}
	.post-list-activities .wp-block-post-excerpt__excerpt {
		font-size: 12px;
		line-height: 1.4;
		height: 50px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
	}
	.post-list-activities .wp-block-post-title {
		box-sizing: border-box;
		word-break: break-word;
		line-height: 1;
		padding: 0.1em 0 !important;
		margin: 0.1em 0 !important;
		font-size: 1.1em;
		letter-spacing: -0.5px;
	}
	.post-list-activities .wp-block-read-more {
		font-size: 0.6em;
		margin-top: 0.8em !important;
		letter-spacing: 0;
		padding-right: 0.8em;
		padding-left: 0.8em;
		padding-top: 0.5em !important;
		padding-bottom: 0.5em !important;
	}
	.flex-resp-colgap {column-gap:2.5em!important}
	.flex-resp-colgap-2 {column-gap:2.5em!important}
	.footer-logo-col {flex-basis: 200px!important;}
	footer .flex-resp-colgap > .wp-block-group {gap:1em!important;}
	footer .flex-resp-colgap > .wp-block-group {font-size: 0.7em!important;} 
	footer .wp-block-navigation li {font-size: 0.85em!important;}
	html body footer h2.wp-block-heading {font-size: 1.3em !important;}
	.wp-site-blocks header, header nav.hamburger > div.is-menu-open {padding: 1rem 1rem 0 1rem;}
	header nav.hamburger > div .wp-block-navigation__responsive-container-close, 
	#cptModal .cpt-modal-close {transform-origin: 27px 1px;}
	header nav.hamburger .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content ul li a {text-align: right;letter-spacing: 2.5vw;margin-right: -2.5vw;font-size: 1.2em;}
	header nav.hamburger .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content ul {width:100%;}
	.home-cover-grid img {width: 21vw;}
	.home-cover-grid h1.wp-block-heading {font-size: 1.8em;}
	h2 {font-size: clamp(1.4rem, 1.6rem, 2rem);line-height: 1.6;}
	h3 {font-size: clamp(1.1rem, 1.3rem, 1.8rem);line-height: 1.6;}
	.flick-post-slider .wp-block-column.variable-column-width h3 {line-height: 1.2;}
	:root .entry-content :where(.wp-block-button .wp-block-button__link) {padding: 0.6em 1.4em !important;}
	.column-reverse-mob {flex-direction: column-reverse;}
	.flex-gap-addmob {row-gap: 2.5em;}
	.flex-gap-addmob > div {}
	.hamburger .wp-block-navigation-item[data-tooltip]::after {
		left: unset;
		right: 0;
		transform: unset;
		padding-right: 0;
		top: 128%;
	}
	.hamburger .wp-block-navigation-item[data-tooltip]::before {
		left: unset;
		top: calc(115% + -16px);
		right: 0;
		transform: unset;
		    
	}
	.page-template-page-no-title .title-top-left {
        left: 0;
        top: 1.7em;
        position: absolute;
        font-size: 6vw !important;
        text-align: center;
        width: 100%;
	}
	.suite-list .wp-block-post-excerpt {display:none;}
	.suite-specs-grid {display:block!important;margin-bottom:0!important;}
	.suite-specs-grid > div:not(.hb-starting-price-shortcode-wrapper), 
	.suite-specs-grid > div.hb-starting-price-shortcode-wrapper small {display:flex;gap:1em;padding-bottom: 0.5em;}
	.suite-specs-grid > div:not(.hb-starting-price-shortcode-wrapper) {padding-bottom: 0.5em;}
	.suite-specs-grid > div > div.firtline, 
	.suite-specs-grid > div.hb-starting-price-shortcode-wrapper small > span.hb-price-label {}
	.suite-specs-grid > div:not(:last-child)::after {display:none;}
	.suite-specs-grid > div {font-size: 0.7em;line-height: 1.3;}
    .suite-list .suite-moto-text {font-size: clamp(0.839rem, 0.8rem, 2rem);line-height: 1.2;}
	.flex-edge-vertical > .wp-block-group {margin: 0!important;}
	.home > .wp-block-group::before, .home > .wp-block-group::after {
		right:-1.5em;
		width: 90px;
		height: 153px;
		background-size: 90px 153px;
	}
	.home > .wp-block-group::before {top: -5em;}
	.home > .wp-block-group::after {height: calc(100% + 72.5px);top: calc(-5em + 153px);}
	.suite-carousel .flickity-page-dots .dot {width: 6px;height: 6px;margin: 0 6px;}
	.suite-carousel .flickity-viewport {display: block;position: absolute;top: 0;left: 0;width: 100%;}
	.suite-carousel .flickity-page-dots {position:absolute;}
	.suite-list {h2.wp-block-post-title {letter-spacing: 0;font-size: 1.3em;line-height: 1.3;}}
	header nav.hamburger .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content ul li a:hover {letter-spacing: 7px;}
	.hb-accom .hb-accom-img {display:none;}
	.single-hb_accommodation .hide-on-mob {display:none!important;}
	.page-template .hide-on-mob {display:none!important;}
	.collapse-col-mob {
		flex-direction: column-reverse;
	}
	.collapse-col-mob .wp-block-column {
		flex-basis: auto !important; /* Stops the column from forcing a specific height */
		width: 100% !important;      /* Ensures the column takes up full width on mobile */
		min-height: min-content;
	}
	.single-hb_accommodation .wp-block-group.hide-on-mob + .wp-block-group {padding-top: 2.5em!important;}
	.single-hb_accommodation h1.wp-block-post-title, .single-hb_accommodation h1.wp-block-post-title + h1.wp-block-heading {font-size: clamp(1.5rem, 1.8rem, 2rem);}
	.single-hb_accommodation .acf-suite-moto-block {
		font-size: 0.9em;
		padding-top: 0.7em;
	}
	.suite-carousel:not(.is-fullscreen) .flickity-prev-next-button.next {right: 0;}
	.suite-carousel:not(.is-fullscreen) .flickity-prev-next-button.previous {left:0;}
	.cpt-modal-content {grid-template-columns: 1fr 1fr;}
	
	.wp-block-group.ambelosvert .ambelos-top, .wp-block-group.ambelosvert .ambelos-bottom {
		right:-2.2em;
		width:90px;
		height:153px;
		background-size: 90px 153px;
	}
	.wp-block-group.ambelosvert .ambelos-top {
		top:0.1em;
	}
	.wp-block-group.ambelosvert .ambelos-bottom {
		height:calc(100% + 72.5px);
		top:calc(0.1em + 153px);
	}
	.add-abelos::before, .add-abelos::after {
		top:-2.4em;
		height:90px;
		width:153px;
		background-size: 153px 90px;
		background-position: 3.9em;
	}
	.add-abelos::before {
		width:200vw;
		right:-50vw;
	}
	.suite-list {
		.wp-block-buttons .wp-block-button__link {}
		.wp-block-buttons {gap: 0.2rem;}
		.wp-block-buttons .wp-block-button {flex: 1;line-height: 1.3;}
	}
	.cpt-modal-content h2 {
		margin-bottom: 0.1em;
		margin-top: 0;
		    letter-spacing: 0;
	}
	.flex-less-on-mob {gap: 0.6rem!important;}
	.suite-list h1 {font-size: clamp(1.1rem, 1.276rem + ((1vw - 0.2rem) * 1.496), 3.5rem);}
	h4 {font-size: clamp(1rem, 1.052rem + ((1vw - 0.2rem) * 0.832), 2.2rem);}
	h4.wp-block-heading.overbook, .hb-booking-search-form .hb-search-fields-and-submit .hb-search-fields::before {font-size:clamp(1rem, 1.052rem + ((1vw - 0.2rem) * 0.832), 2.2rem);}
	.hb-booking-search-form input::placeholder, .hb-booking-search-form input[type="text"], .hb-booking-search-form input[type="email"], .hb-booking-search-form input[type="number"], .hb-booking-search-form textarea, .hb-booking-search-form select {
		font-size: 1.2rem;
	}
} 
@media screen and (max-width: 54em) { /* < mobile */
	.hb-accom-list .hb-multi-accom-choices .hb-accom .hb-accom-price-total {
		align-items: flex-start;
	}
	.hb-accom-list .hb-multi-accom-choices .hb-accom .hb-accom-price {white-space: pre;}
	.hb-accom-price-caption {flex-wrap: wrap;row-gap: 0;}
	.hb-accom-list .hb-accom-selected .hb-accom-desc {line-height: 1.3;font-size: 1em;padding-bottom: 1em;}
	.hb-booking-search-form input[type="button"], .hb-booking-search-form input[type="submit"], .hb-booking-search-form .button, .hb-button-wrapper input {
		font-size: clamp(0.729rem, 0.829rem, 1.4rem);
		padding-top: 0.7rem;
		padding-bottom: 0.7rem;
		padding-right: 1.3rem;
		padding-left: 1.3rem;
	}
	.hb-step-button.hb-next-step input, .hb-confirm-button.hb-button-wrapper input[type="submit"] {
    padding-left: 2em;
    padding-right: 1.6em;
	}
	.hb-booking-search-form input[type="button"], .hb-booking-search-form input[type="submit"], .hb-booking-search-form .button, .hb-button-wrapper input {font-size: clamp(0.929rem, 0.929rem, 1.4rem);}
	.hb-booking-search-form.hb-vertical-search-form .hb-searched-summary p:not(.hb-search-button-wrapper) {
		width:50%;
		margin:0 0.5em 0 0;
	}
	.hb-booking-search-form.hb-vertical-search-form .hb-search-button-wrapper {
		width: 100% !important;
		margin: 1.3em 0 0 !important;}
	.hb-step-button.hb-next-step input, .hb-button-wrapper input {width:100%;}
	.hb-details-fields > *:nth-last-child(-n + 3) { grid-column: 1 / -1;}
	.hb-details-fields p.hb-explanation {font-size: 1em;line-height: 1.4;}
	.hb-searched-summary {margin-left: 0; margin-right:0;}
	.hbook-wrapper input[type="checkbox"], .hbook-wrapper input[type="radio"] {transform: scale(1.9);margin: -0.2em 0 0 0;}
	#cptModal .cpt-modal-close {
		padding: 0.3em 0 0 0;
	}
	.amenity-item p {
		margin: 0;
		font-size: 0.9rem;
	}
	.amenities-container {padding:0;}
	.contact-box p {
	}
	#wpadminbar {display:none!important;}
	.suite-list {
		.wp-block-buttons .wp-block-button__link {font-size:0.47em;padding-top: 0.6rem !important;padding-bottom: 0.6rem !important;}
	}
	#cptModal .wp-block-button .wp-block-button__link {font-size:0.67em;padding-top: 0.6rem !important;padding-bottom: 0.6rem !important;}
	.hb-booking-search-form input[type="button"], .hb-booking-search-form input[type="submit"], .hb-booking-search-form .button, .hb-button-wrapper input {}
    h4.wp-block-heading, .hb-booking-search-form .hb-search-fields-and-submit .hb-search-fields::befores {
        font-size: clamp(1rem, 1.2rem, 1.5rem);
    } 
	.hbook-wrapper-booking-form, .hb-details-fields label, .hb-details-fields input[type="text"], .hb-details-fields textarea, .selectize-input, .hb-details-fields .selectize-input.items.has-options {
        font-size: 0.8rem;
    }
	.hb-accom-list .hb-multi-accom-choices .hb-accom .hb-accom-title {font-size: 1.5rem;}
	body .hbook-wrapper .hb-title {font-size: 1.2em;}
	.amenity-item:nth-child(even) {padding-left: 1.2rem;}
	.amenity-item {padding: 1.2rem 0;}
	.amenity-item h3 {line-height: 1.2;}
	.cpt-modal-content {grid-template-columns: 1fr;overflow-y: auto;max-height: 100vh;}
	.pop-feature-images {height: 20vh;}
	.pop-contents {overflow-y: unset;max-height: unset;}
	.flick-post-slider {padding-top: 1.9rem!important;}
	.flick-post-slider h3.fluid-text-it {display:none!important;}
}
@media screen and (max-width: 38em) { /* < small mobile */
.single-post.hide-title h1 {margin-top: 1.1em;}
	.hb-booking-search-form input::placeholder, .hb-booking-search-form input[type="text"], .hb-booking-search-form input[type="email"], .hb-booking-search-form input[type="number"], .hb-booking-search-form textarea, .hb-booking-search-form select {
		font-size: 1rem;
	}
	.suite-list {
		.wp-block-buttons .wp-block-button {flex: unset;width:100%;}
	}
	.flex-resp-colgap {column-gap:1em!important}
	.flex-resp-colgap-2 {column-gap:1em!important}
	footer .flex-resp-colgap {flex-wrap: wrap;gap: 2.4em;}
	.footer-logo-col {flex-basis: 160px!important;}
	footer .wp-block-navigation ul {gap:0.3em;}
	footer .has-small-font-size p {font-size:0.7em!important;}
	footer:after {width: 93vw;opacity: 0.3;}
	.suite-list:not(.one-direction) {
		.mobile-show {display:flex!important;margin-top: var(--wp--preset--spacing--50) !important;flex-wrap: nowrap;}
	    .wp-block-buttons .wp-block-button__link {padding: 1em 1.1em !important;letter-spacing: 0.5px;}
	}
	#cptModal .wp-block-button .wp-block-button__link {padding: 0.7em 0.3em !important;letter-spacing: 0.5px;} 
	.suite-list:not(.one-direction) .flex-edge-vertical .wp-block-buttons {display:none!important;} 
	.suite-specs-grid > div.hb-starting-price-shortcode-wrapper small {padding-bottom:0;}
	
	.wp-block-group.ambelosvert .ambelos-top, .wp-block-group.ambelosvert .ambelos-bottom {
		right:-1.6em;
		width:60px;
		height:102px;
		background-size: 60px 102px;
	}
	.wp-block-group.ambelosvert .ambelos-top {
		top:7em;
	}
	.wp-block-group.ambelosvert .ambelos-bottom {
		height:calc(100% + 48.3px);
		top:calc(7em + 102px);
	}
	.add-abelos::before, .add-abelos::after {
		top:-2.4em;
		height:60px;
		width:102px;
		background-size: 102px 60px;
		background-position: 3.9em;
	}
	.add-abelos::before {
		width:200vw;
		right:-50vw;
	}
	table.hb-rates-table {
		thead tr th:last-child, tbody tr > td:nth-child(4) {
			width: 50px !important;
			min-width: 50px !important;
			max-width: 50px !important;
			}
	}

}