/*
Theme Name: BLu Santorini
Theme URI: https://www.ink.gr
Description:  BLu Santorini
Author: INK Design - What the f*** is branding
Author URI: https://www.ink.gr
Version: 1.0
*/

/*------------------------------------*\
	GENERAL
\*------------------------------------*/
@font-face {
    font-family: asty;
    src: url("assets/media/fonts/ASTYCFSTDBOOK.otf") format("opentype");
}

@font-face {    
    font-family: asty;
    font-weight: 300;
    src: url("assets/media/fonts/ASTYCFSTDLIGHT.otf") format("opentype");
}

@font-face {    
    font-family: asty;
    font-weight: 700;
    src: url("assets/media/fonts/ASTYCFSTDMEDIUM.OTF") format("opentype");
}


@font-face {    
    font-family: beauty;
    src: url("assets/media/fonts/BEAUTYDEMO.TTF") format("truetype");
}
.spanlabel {
    display:none!important;
}
.gilda {
  font-family: "Gilda Display", serif;
  font-weight: 400;
  font-style: normal;
}
*,
*:after,
*:before {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering:optimizeLegibility;
}
html {
	-webkit-tap-highlight-color: transparent;
}
body {
	background-color: #000000;
} 
main, .santorini-section {
	background-color: #f7f3eb;
}
img {
	max-width: 100%;
	vertical-align: middle;
}
input[type="text"],
input[type="search"] {
	font-size: inherit;
	line-height: inherit;
}
::-moz-selection {
	background-color: #04a4cc;
}
::selection {
	background-color: #04a4cc;
}

/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/
body{
	line-height: 1.5;
}
a, a:focus, a:hover {
	text-decoration: none;
}
::-moz-selection, ::selection {
	text-shadow: none;
}

/*------------------------------------*\
	TYPOGRAPHY COLORS
\*------------------------------------*/
body, a{
	color: #53585F;
}
::-moz-selection, ::selection {
	color: #FFFFFF;
}
.white{
	color: #FFFFFF;
}
a:focus, a:hover{
	color: inherit;
}

/*------------------------------------*\
	TYPOGRAPHY FONTS
\*------------------------------------*/
.h1, .h2, .h3, .h4, .h5, .h6, div, article, p, span, a, li, div {
    font-family: asty;
    font-style: normal;
}

.page-title {
    font-size:6rem;
}
 h1, h2, h3, h4, h5, h6 {
    font-family: asty;
    font-weight: 300!important;
 }
.smalltitle { 
    font-weight: 400 !important;
    text-transform: uppercase;
    font-size: 18px;
    margin-bottom: 30px;
}
.maintitle {
    text-transform: uppercase;
    font-size: 22px!important;
    font-weight: 400!important;
    margin-bottom: 50px;
}

@media screen and (max-width:980px) {
    .maintitle {
        font-size: 20px!important;
    }
    .smalltitle {
        font-size: 16px!important;
    }
    
}

strong {
	font-weight:700!important;
}
.grecaptcha-badge {
    visibility: collapse;
}
.relateds > h3 {
    margin-bottom: 100px;
    font-size: 30px;
    font-weight: 100!important;
}

.relateds {
    padding: 100px 0;
    max-width: 1200px;
    position: relative;
    background: #f7f3eb;
    margin-left:auto!important;
    margin-right:auto!important;
}

.related-item {
    padding: 0 70px!important;
    margin-bottom: 70px;
}

.related-title, .related-title:hover {
    color: rgb(23, 22, 20);
    margin-top: 30px;
}

.relateds-list {
    display: flex;
    justify-content: center;
}
/*------------------------------------*\
	LOADING
\*------------------------------------*/

/*
html {
	-webkit-tap-highlight-color: transparent;
}
body.nooverflow {
  overflow: auto;
  max-height: 100vh; 
  background:white;
  transition:all 0s linear;
  padding-left:0;
  padding-right:0;
}

html {
  overflow: hidden; 
}

body {
    background:#171614;
}
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
}
#countign {
    position: absolute;
    bottom: 0;
    font-size: 10rem;
    color: #171614;
    line-height: 1;
    font-weight: bold;
    font-family: asty;
    transition: all 0s linear;
    left: 15px;
}
#bgover {
    background: #171614;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%;
    transition: all 0s ease-in-out;
}

.nooverflow .innerbody {
    opacity: 0;
}

*/

blockquote, blockquote p {
    color:#474747;
}
 
/*------------------------------------*\
	HEADER
\*------------------------------------*/

.thumbnail-of-port-top {
    position: relative;
    height: 100vh;
    background-size: cover;
    background-color:black;
    background-position: top;
    max-height: 1280px;
    min-height: 800px;
}

.header {
    position: absolute;
    width: 100%;
    padding: 30px 0;
    z-index: 1;
    margin-top: -150px;
    transition: all .5s linear .2s;
}
.loaded .header {
    margin-top:0;   
}

nav.nav {
    display:none;
}
.loaded .header nav.nav {
    display:block;
}


.top-bar, .top-bar ul {
    background:transparent;
    padding:0;
}

.main-footer .menu li {
    margin-bottom: 13px;
}
.grid-container.wighter {
    margin-right: 0;
    max-width: 100%;
}
.dropdown.menu>li>a {
    position:relative;
}
li.booknow.menu-item {
    background-color: #F1A948 !important;
    border: 0 !important;
    color: rgb(0, 0, 0) !important;
    padding: 15px 35px;
    transition: all .15s linear;
    font-weight: 500;
}
.dropdown.menu>li:not(.booknow)>a:before {
    content: "";
    display: block !important;
    transition: all .25s linear 0.25s;
    width: 100%;
    height: 1px;
    background: white;
    position: absolute;
    bottom: 0;
    opacity: 0;
}
.booknow a:before {
    display:none;
}
.header.blured .dropdown.menu>li>a:before {
    background: black;
}
.dropdown.menu li a {
    font-size:14px;
    padding: 5px 0px!important;
    transition: all .15s linear;
}
.dropdown.menu>li>ul>li a:hover {
    text-decoration:underline;
}
.dropdown.menu>li:hover>a:before {
    opacity:1;
}
.dropdown.menu>li.is-active>a {
    color:inherit;
}
.dropdown.menu>li {
    padding-left: 25px !important;
    padding-right: 25px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.is-dropdown-submenu {
    display: block;
}
ul.dropdown.menu {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    align-content: center;
    flex-wrap: nowrap;
}

ul.submenu.menu.is-dropdown-submenu {
    padding: 0 !important;
    height: 0;
    border:0;
    left: 50% !important;
    transform: translateX(-50%);
}
.dropdown.menu>li.opens-right>.is-dropdown-submenu {
    padding-top:20px;
}
.dropdown.menu li.opens-right .is-dropdown-submenu:before {
    content:"";
    position: absolute !important;
    top: 0px !important;
    left: 0 !important;
    width: 100% !important;
    background: rgba(255, 255, 255, 0.6) !important;
    height: 0% !important;
    transition: all .25s linear !important;
    border: 0 !important;
    display:block!important;
    
}

.dropdown.menu >.is-active > ul.submenu.menu.is-dropdown-submenu:before, .dropdown.menu >.is-active > ul.submenu.menu.is-dropdown-submenu > .is-active > ul.submenu.menu.is-dropdown-submenu:before {
    height: 100% !important;
    transition: all .25s linear .25s!important;
}

ul.submenu.menu.is-dropdown-submenu > li {
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: center !important;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    position: relative !important;
    min-height: 25px !important;
}

ul.submenu.menu.is-dropdown-submenu > li:not(.is-active) {
    overflow: hidden !important;
}

ul.submenu.menu.is-dropdown-submenu li  a {
    position: absolute !important;
    left: 50% !important;
    transform: translate(-50%, 100%) !important;
    transition: all .25s linear !important;
    width: 100% !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
}
.online-menus {display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;justify-content: flex-start;}

.online-menus a {
    margin-right: 30px;
}
.dropdown.menu>li.is-dropdown-submenu-parent>a::after {
    display: none;
}
#svg-logo {
    height: 90px;
    transition:all .25s linear;
}

.svglogo {
    fill: #ffffff;
}
header:not(.blured) li.menu-item:not(.booknow) > a {
    color: white!important;
}

ul.submenu.menu.is-dropdown-submenu {
    background-color: #ffffff;
    opacity: 0;
}
ul.submenu.menu.is-dropdown-submenu.js-dropdown-active {background: none!important;opacity: 1;}

.is-active > ul.submenu.menu.is-dropdown-submenu > li > a {
    transform: translate(-50%, 0)!important;
}
.logo-section svg {
    transition:all .25s linear;
}
.wighter.logo-section {
    position: relative;
}
.black-logo {
    opacity:0;
}
.dropdown.menu>li>a:hover {
    color:inherit;
}
.white-logo {
    opacity:1;
        position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.header.blured .black-logo, .mobile-menu-container .black-logo {
    opacity:1;
}
.header.blured .svglogo, .mobile-menu-container.blured .svglogo {
    fill: #2f2f2f;
}

.off-canvas-content.is-open-top path.svglogo {
    fill: white;
}
ul.submenu.menu.is-dropdown-submenu > li > a {
    color:rgb(23, 22, 20)!important;
}
.header.blured .white-logo, .mobile-menu-container.blured .white-logo {
    opacity:0;
}
.sticky.is-stuck {
    top: 30px !important;
}
.mobile-menu-container.blured a.mobile-menu-link {
    border-color:black;
}

.mobile-menu-container.blured a.mobile-menu-link:before {
    background-color:black;
}

.sticky.is-anchored.opacity-hidden {
    transform: translateY(-300px)
}

.sticky.is-anchored {
    transition: all .25s linear;
    transform: translateY(0)
}


.lb-outerContainer {
    background: transparent!important;
}

.lightbox .lb-image {
    border: 0!important;
    border-radius: 0!important;
}

.lb-data .lb-number {
    display: none!important;
}

.lb-dataContainer {
    position: absolute!important;
    left: 50%!important;
    transform: translateX(-50%)!important;
    top: -35px!important;
}
ul.submenu.menu.is-dropdown-submenu ul.submenu.menu.is-dropdown-submenu {
    left: 100%!important;
    transform: none;
}

ul.submenu.menu.is-dropdown-submenu ul.submenu.menu.is-dropdown-submenu.js-dropdown-active {
    z-index: 9999;
    width: 100%;
    position: absolute;
}

.menu .is-active>a {
    background: transparent;
}

/*------------------------------------*\
	MOBILE HEADER
\*------------------------------------*/

.mobile-menu {
    margin-top: -150px;
    transition: all .25s linear;
}
.loaded .mobile-menu {
    margin-top: 0px;
}
.off-canvas-content.is-open-top .mobile-menu-container .black-logo {
    opacity:0;
}

.off-canvas-content.is-open-top .mobile-menu-container .white-logo {
    opacity:1;
}

.off-canvas-content.is-open-top .mobile-menu-container a.mobile-menu-link {
    border-color:white;
    display:none;
}

.off-canvas-content.is-open-top .mobile-menu-container a.mobile-menu-link-close {
    display:block!important;
    color: white;
    font-size: 50px;
    font-weight: 100;
        color: transparent;
    position: relative;
}
.mobile-menu-container a.mobile-menu-link-close:before, .mobile-menu-container a.mobile-menu-link-close:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0%;
    transform: translate(0,-50%) rotate(45deg);
    width: 30px;
    height: 2px;
    background: white;
}

.mobile-menu-container a.mobile-menu-link-close:after { 
    transform: translate(0,-50%) rotate(-45deg);
}

.off-canvas-content.is-open-top .mobile-menu-container a.mobile-menu-link:before {
    background-color:white;
}
.off-canvas-content:not(.is-open-top) .logo-section svg {
    transition-delay:.25s;
}
.mobile-menu-container {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 30;
    padding: 20px;
}

a.mobile-menu-link {
    font-size: 10px;
    border-bottom: 2px solid white;
    border-top: 2px solid white;
    position: relative;
    transition: all .25s linear;
    width: 30px;
    height: 13px;
    display: table;
    margin-left: auto;
    padding: 8px 2px;
}

a.mobile-menu-link:before {
    content: "";
    top: 50%;
    transform: translateY(-50%);
    width: calc(100% + 12px);
    height: 2px;
    position: absolute;
    left: -6px;
    transition: all .25s linear;
    background: white;
}

.js-off-canvas-overlay {
    display: none!important;
}

.off-canvas-content.is-open-top .mobile-menu-container {
    background-color: #171614;
}

.off-canvas {
    background-color: #171614;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.off-canvas-content.is-open-top, .position-top {
    width: 100%!important;
}
.position-top {
    top: 0;
    top: 110px;
    left: 0;
    width: 100%;
    overflow-x: auto;
    height: 100%;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}
.position-top.has-small-logo {
    top: 0;
}
ul.accordion.off-canvas-nav li.booknow.menu-item {
    display: table;
    background: transparent !important;
}

ul.accordion.off-canvas-nav li.booknow.menu-item a {
    display: table;
    width: auto!important;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background: #F1A948;
    color: black;
    padding: 10px 20px;
}



ul.accordion.off-canvas-nav {
    background: transparent;
    margin: 30px 0;
}

ul.accordion.off-canvas-nav a {
    color: white;
    margin: 0;
    padding: 0;
    line-height: 1;
    font-weight: 300;
}

ul.accordion.off-canvas-nav li {
    text-align: center;
    margin: 15px 0;
}

ul.accordion.off-canvas-nav li ul.sub-menu {
    margin-left: 0;
    position: fixed;
    left: 0;
    top: 20px;
}

.submenu-toggle {
    height: 15px;
    position: relative;
}

.submenu-toggle::after {
    border-color: white transparent  transparent;
    transform: rotate(-90deg);
}
ul.accordion.off-canvas-nav > li {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-bottom:15px;
}
ul.accordion.off-canvas-nav li.has-submenu-toggle {
    padding-left: 40px;
    width: 100vw;
}
ul.accordion.off-canvas-nav li {
    width: 100vw;
}
ul.accordion.off-canvas-nav > li {
    transition:all .25s linear;
    margin-left:0
}
ul.accordion.off-canvas-nav > li > ul {
    padding-top: 120px;
}
.mobile-menu .wighter.logo-section #svg-logo {
    height:80px;
}
.with-small-logo .wighter.logo-section #svg-logo {
    height:60px;
}
.off-canvas-content.is-open-top .wighter.logo-section #svg-logo {
    height:80px;
}

.submenu-toggle[aria-expanded="true"] {
    position: fixed;
    left: 15px;
    transform: rotate(-90deg);
    z-index: 1;
    width: 40px;
    height: 40px;
    top: 10px;
}
ul.accordion.off-canvas-nav  li, ul.accordion.off-canvas-nav  li a {
    outline:none;
}

.position-top.has-small-logo {
    top: 110px;
}

ul.accordion.off-canvas-nav > li {
    margin: 25px 0;
}

.position-top.has-small-logo .submenu-toggle[aria-expanded="true"] {
    margin-top:10px;
}

ul.accordion.off-canvas-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-top: -115px;
    font-size: 20px;
}

ul.accordion.off-canvas-nav li ul.sub-menu {
    padding-top: 0;
}

.submenu-toggle {
    width: 100%;
    position: absolute;
    left: 0;
    height: 100%;
}

.submenu-toggle::after {
    position: absolute;
    right: 15px;
}

ul.accordion.off-canvas-nav li.has-submenu-toggle {
    padding-left: 0;
}

div#lightbox {
    position: fixed;
    top: 50% !important;
    transform: translateY(-50%);
}

/*------------------------------------*\
	SLIDER
\*------------------------------------*/

.bgslide, .slider-list-item, .homeSlider.homeVideo {
    max-height: 1280px;
    height: 100vh;
    background-size: cover;
    background-position: center;
}

.grid-x.checoutform >.small-3.chekguests:after {
    display: none;
}


.iframeSlider.iframeVideo {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */  
    padding-top: 25px;
    width: 300%; /* enlarge beyond browser width */
    left: -100%; /* center */
     background-size: 100vw auto !important;
}
.iframeSlider.iframeVideo iframe, .homeSlider.homeVideo video {
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%;
}
.slideLayer {
    height: 100%;
    position: relative;
}
.iframeSlider.iframeVideo:after {
    content: "";
    width: 100%;
    height: 100%!important;
    left: 0;
    height: 0;
    position: absolute;
}

.contentSlider {
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    padding: 50px;
    max-width: calc(100% - 30px);
    transform: translate(-50%, -50%);
}
.contentSlider.no-opacity {
    background: transparent;
}
.contentSlider img {
    display: table;
    margin-left: auto;
    margin-right: auto;
}

.contentSlider * {
    color: white;
}

.slider-list-item.this-slide-has-iframe .slideLayer {
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
}
.contentSlider h2, .contentSlider h3, .contentSlider h4, .contentSlider h5, .contentSlider h6 {
    font-size: 2.5rem!important;
        font-size: 2.5rem!important;
    margin-bottom: 15px;
    line-height: 2.5rem;
}

.slide-href {
    margin-top: 30px;
}
.contentSlider.no-opacity .slide-title {
    text-align: left;
    font-size: 80px;
    line-height: 90px;
    font-weight: 100;
    color: white;
    letter-spacing: 2px;
}
.slick-prev {
    left: 0;
    z-index: 1;
}
video.home-video, #videoimage {
    width: 100%;
    height: 100vh;
    object-fit: cover;
    left: 0;
    top: 0;
    z-index: -1;
}
.slider-list-item .page-title, .page-title, .bgslide .page-title {
    width: 100%;
    max-width: 700px;
    padding: 0 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    text-align: center;
    text-shadow:0 0 10px #000;
}
.contentSlider .page-title {
    position: relative;
}
#sc-8 .slideLayer {
    display: none; 
}
textarea {
    height: 80px!important;
}

form.wpcf7-form {
    margin-top: 30px;
}

.wpcf7 [type=color], .wpcf7 [type=date], .wpcf7 [type=datetime-local], .wpcf7 [type=datetime], .wpcf7 [type=email], .wpcf7 [type=month], .wpcf7 [type=number], .wpcf7 [type=password], .wpcf7 [type=search], .wpcf7 [type=tel], .wpcf7 [type=text], .wpcf7 [type=time], .wpcf7 [type=url], .wpcf7 [type=week], .wpcf7 textarea, select.wpcf7-select {
    background-color: transparent;
    border: 1px solid #171614;
    box-shadow: none;
    font-weight:300;
}
::placeholder {
  color: #171614;
  opacity: 1; /* Firefox */
}

::-ms-input-placeholder { /* Edge 12-18 */
  color: #171614;
}

[type=button], [type=submit] {
    border: 0;
    background: transparent;
    padding: 0 0 5px;
    border-bottom: 1px solid;
}
.pagination {
    margin-bottom:0;
}
ul.pagination {
    margin: 20px auto;
    text-align: center;
}

.pagination .current {
    background: #171614;
}

.pagination .current a {
    color: white;
}

.pagination a:hover, .pagination button:hover {
    background: #a0a0a0;
    color: black;
}
span.wpcf7-form-control.wpcf7-acceptance {
    display: block;
}

input:disabled, input[readonly], textarea:disabled, textarea[readonly] {
    background: transparent!important;
}

span.wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item {
    margin-left: 0;
}

.thumbnail-of-port-top button.slick-prev {
    left: 15px;
}
.thumbnail-of-port-top button.slick-next {
    right: 15px;
}

.thumbnail-of-port-top .slick-prev, .thumbnail-of-port-top .slick-next {
    width: 30%;
    background: transparent;
    height: 100%;
    top: 0;
    left: 0;
    transform: none;
}
 .thumbnail-of-port-top .slick-next { 
     left:70%;
 }
 

.thumbnail-of-port-top .slick-next {
    cursor:url(https://blusantorini.com/wp-content/themes/blusantorini/blocks/gallerytext/img/blusantorini-arrow-right.png), auto;
}

.thumbnail-of-port-top .slick-prev {
    cursor:url(https://blusantorini.com/wp-content/themes/blusantorini/blocks/gallerytext/img/blusantorini-arrow-left.png), auto;
}

.thumbnail-of-port-top .slick-arrow:before {
    display: none;
}
/*------------------------------------*\
	FOOTER
\*------------------------------------*/
.footer {
    position:relative;
    background-color:#171614;
}
.footer * {
    color: white!important;
    font-weight: 300;
}

.footer {
    padding: 50px 50px 100px;
    z-index: 10;
    /*
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-end;
    height: 100vh;
    max-height: 1200px;
    min-height: 700px;
    */
}

.newsletter.grid-x {
    display: flex;
    align-items: center;
}

.newsletter.grid-x .large-10 {
    border-bottom: 1px solid white;
    padding: 0px 30px;
}

.newsletter.grid-x .large-2 svg {width: 100px;margin-left: auto;display: table;    cursor: pointer;}
.thumbnail-of-port-top .slider-list-item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.28);
}
input#email_newsletter, input#mce-EMAIL {
    background: transparent;
    border: 0;
    padding: 0;
    margin: 0;
    outline: none;
    box-shadow: none;
    color: white;
    font-size: 16px;
}

input#email_newsletter::placeholder, input#mce-EMAIL::placeholder {
  color: white;
  opacity: 1; /* Firefox */
}

input#email_newsletter::-ms-input-placeholder, input#mce-EMAIL::-ms-input-placeholder { /* Edge 12-18 */
  color: white;
}

input#mce-EMAIL {
    border-bottom: 1px solid white;
    padding: 0px 30px;
}
.main-footer-container {
    margin-top: 100px;
    margin-bottom: 100px;
}

.main-footer-container p {
    text-transform: uppercase;
}

.bottom-footer-container * {
    font-size: 14px;
}

.main-footer-container ul.menu {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

ul.social-icons-list {
    margin: 0;
    list-style: none;
    display: flex;
    justify-content: flex-end;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}


ul.social-icons-list li {
    margin-left: 15px;
}

.top-footer-container .grid-x {
    display: flex;
    align-content: center;
    flex-direction: row;
        width: 100%;
    align-items: center;
}
.menu-terms-menu-container a {
    padding: 0;
    margin-top: 5px;
}

.bottom-footer p {
    margin-bottom: 0;
}
.main-footer .contact-data {
    margin-bottom: 20px;
}

.footer > .instagram-follow {
    position: relative;
    display: block;
    width: calc(100% + 100px);
    margin-left: -50px;
    margin-bottom: 70px;
}

.footer > .instagram-follow > img {
    width: 23%;
    display: inline-block;
    float: left;
        margin-left: 1%;
    margin-right: 1%;
}
.the-abs-text .link {
    color: white!important;
    border-bottom: 1px solid;
}

ul.lista {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-bottom:30px;
}

ul.lista > li {
    flex-basis: 50%;
}
.social-mobile-menu ul.social-icons-list {
    justify-content: center;
}
.disabled.menu-item > a {
    cursor: default;
    pointer-events: none;
}
.social-mobile-menu {
    position: absolute;
    width: 100%;
}

.social-mobile-menu ul.social-icons-list li {
    margin-left: 7px;
    margin-right: 7px;
}
.social-icon.youtube {
    margin-top: -6px;
}
.social-icon.tiktok svg {
    fill: white;
    height: 30px;
    width: auto;
}

.social-icon.pinterest svg, .social-icon.twitter svg {
    width: 30px;
    height: 30px;
}
.social-icon.pinterest svg path, .social-icon.twitter svg path {
    fill:white!important
}
.social-icon.tripadvisor svg, .social-icon.linkedin svg {
    height: 30px;
    width: auto;
}
.svg-logo-footer #svg-logo {
    width: 87px;
    height: auto;
    margin-top: 10px;
}

.bottom-footer {
    align-items: flex-end;
}
@media screen and (max-width:1440px) {
    .dropdown.menu>li {
        padding-left: 10px!important;
        padding-right: 10px!important;
    }
    /*
    li.booknow.menu-item a {
        width: 100px!important;
    }
    */
    
    .thumbnail-of-port-top {
        min-height: 500px;
    }
    
    ul.lista {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        margin-top: -51px;
    }
    
    ul.lista > li {
        flex-basis: 31%;
        font-size: 12px;
        /* list-style: none; */
        padding-left: 15px;
        line-height: 1.2;
        margin-right: 2%;
    }
    .thumbnail-of-port-top.slider-list {
        min-height: 100px;
        position: relative;
        height: auto;
    }
}

@media screen and (max-width:1300px) {

    li.booknow.menu-item a {
        width: 76px !important;
    }
    .dropdown.menu>li>a {
        font-size: 12px;
    }
        
    footer.footer {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .footer > .instagram-follow > img {
        width: 48%;
        margin-bottom: 1%;
        margin-top: 1%;
    }
    
    .footer > .instagram-follow {
        width: 100%;
        margin-left: 0;
        margin-bottom: 0;
    }
    
    .footer > .instagram-follow * {
        text-align: center;
        font-size: 20px!important;
    }
}
@media screen and (max-width:1240px) {
    .dropdown.menu>li {
        padding-left: 0px!important;
        padding-right: 10px!important;
    }
    .page-title {
        font-size:3rem;
    }
}
@media screen and (min-width:1024px) {
    .dropdown.menu li.booknow a {
        font-size: 12px;
        color: black;
    }
    .wighter.logo-section {
        padding-left: 45px;
    }
    .position-top {
        display:none!important;
    }
    .white-logo {
        left:45px;
        transform:none;
    }
}
@media screen and (max-width:1200px) and (min-width:1024px) {
    .wighter.logo-section {
        padding-left:0
    }
    .main-header-second-column {
        padding-right:0!important;
    }
}
@media screen and (max-width:1100px) {
    .dropdown.menu>li>a {
        font-size:11px!important;
    }
}

@media screen and (max-width:1024px) {
    .gilda.has-big-font {
        font-size:3rem!important;
    }
    .backtoptop svg {
      width: 30px;
      cursor: pointer;
      position: fixed;
      bottom: 60px;
      right: 15px;
      z-index: 999;
    }
    .backtoptop {
      display:none;
    }
    
    .footer {
        position: relative;
        z-index: 50;
    }
    .off-canvas-content.is-open-top .footer {
        z-index: 5;
    }
    .main-footer .contact-data.big-font.socials {
        margin-bottom: 0;
        margin-top: 30px;
    }
    
    .main-footer .contact-data.big-font.socials ul.social-icons-list {
        justify-content: flex-start;
    }
    
    .main-footer .contact-data.big-font.socials ul.social-icons-list li.social-icon {
        margin-left: 0;
        margin-right: 15px;
    }
        
    .newsletter.grid-x .large-2 svg {
        margin-left: 8px;
        width: 60px;
    }
    
    .newsletter.grid-x {
        margin-top: 30px;
    }
    
    .newsletter.grid-x .large-10 {
        width: calc(100% - 70px);
    }
    .lightbox {
        top: 50% !important;
        transform: translateY(-50%);
        position: fixed !important;
    }
    .thumbnail-of-port-top.slider-list.slider-with-iframe .slider-list-item {
      height: auto!important;
    }
}
.inactive a {
    pointer-events: none;
    cursor: default;
}
@media screen and (max-width:980px) {
    .slider-list-item:has(.page-title), .bgslide:has(.page-title) {
        height: 50vh;
    }
    ul.lista {
        margin-top:30px;
    }

}
@media screen and (max-width:980px)  and (orientation : landscape) {
    .slider-list-item:has(.page-title), .bgslide:has(.page-title) {
        height: 100vh;
    }
    ul.accordion.off-canvas-nav {
        position: relative;
        top: auto;
        transform: none;
        margin-top: 0;
        height: calc(100% + 50px);
    }
    
    .position-top {
        overflow-y: auto;
        height: 200%;
    }
    .relateds > h3, .related-title {
        font-size:20px;
    }
    p:empty {
        display: none;
    }
    .related-item .related-image {
        height: calc(100vh - 150px)!important;
    }
    .position-top.has-small-logo .submenu-toggle[aria-expanded="true"] {
        margin-top: 30px;
    }
}
.menu *, ul.accordion.off-canvas-nav * {
    text-transform:uppercase;
}
.menulink a:after {
    content: "";
    position: absolute;
    left: 0;
    width: 0%;
    border-bottom: 2px solid;
    bottom: -3px;
    transition: all .2s linear;
}
.menulink a:hover:after {
    width: 100%;
}

.menulink {
    margin-bottom: 20px;
}

.menulink a {
    position: relative;
}
@media screen and (min-width:640px) {
    .bottom-footer-middle * {
        text-align: center;
    }
}
@media screen and (max-width:640px) and (orientation : portrait){
    .thumbnail-of-port-top.slider-list, .thumbnail-of-port-top.slider-list .slider-list-item {
        height: 40vh;
    }
    .thumbnail-of-port-top.slider-list.slider-with-iframe {
        height:auto;
    }
}
@media screen and (max-width:640px) {
    .bottom-footer {
        gap: 24px;
    }
    .page-title {
        font-size:1.5rem;
    }
    .the-gallery-section.aligncenter .gallerytext .link {
        font-size: 14px;
    }
    
    .the-gallery-section.aligncenter .gallerytext .gallerytext-title {
        font-size: 20px;
    }
    .relateds > h3, .related-title {
        font-size:20px;
    }
    p:empty {
        display: none;
    }
    
    .footer * {
        opacity: 1!important;
        text-align: left;
        font-size: 12px;
    }
    
    .footer *:not(path) {
        transform: translateZ(0);
    }
    
    .main-footer-container ul.menu {
        align-items: flex-start;
    }
    
    .main-footer-container ul.menu a {
        padding-left: 0;
    }
    
    .main-footer-container {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    
    .main-footer-second-column {
        margin-top: 45px;
    }
    
    .bottom-footer-second-column, .bottom-footer-middle {
        margin-top: 30px;
    }
    ul.lista{
        margin-top: 0px;
    } 
    
    ul.lista > li {
        flex-basis: 100%;
    }

}
.press-article .scrolling-content ul {
    margin: 0;
    list-style: none;
}

.press-article .scrolling-content a {color: inherit;}

.press-article .scrolling-content a:hover {
    text-decoration: underline;
}

body:has( .press-article) .header, body:has( .press-article) .header-container-sticky {
    background: #f7f3eb!important;
}

body:has( .press-article) .svglogo {
    fill: #171614!important;
}
body:has( .press-article) header.blured li.menu-item:not(.booknow) > a, body:has( .press-article) header:not(.blured) li.menu-item:not(.booknow) > a {
    color: #171614!important;
}
body:has( .press-article) .header {
    position: fixed;
    top: 0;
}
body:has( .press-article) .header-container-sticky {
    padding-bottom: 15px;
}
aside#moove_gdpr_cookie_info_bar {
    height: 100vh;
    max-height: 5000px;
    background: rgba(0,0,0,0.9)!important;
}

.moove-gdpr-info-bar-container {
    position: absolute!important;
    top: 50%!important;
    left: 50%!important;
    transform: translate(-50%,-50%);
    background: white!important;
    display: block!important;
}

@media screen and (max-width:1024px) {
    
    .moove-gdpr-info-bar-container {
        width: 100%; 
        max-width:90%;
    }
    .a11y-toolbar {
        z-index: 49;
    }
}

#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content {display: flex;flex-direction: column;}

.moove-gdpr-cookie-notice {
    margin-bottom: 20px;
}


@media screen and (max-width:799px) {
    .the-gallery-section.room-type .the-abs-text .gallerytext-title {
        margin-top:30px;    
    }
}
ul.submenu.menu.is-dropdown-submenu.js-dropdown-active {
    z-index: 99999;
}
.footer span.contact-data.big-font.emails .email-2 {
    display: block;
}


@media screen and (min-width:1024px) {
    .dropdown.menu>li.booknow.menu-item {
        position: absolute;
        top: -50px;
        right: 0;
        padding: 8px 25px!important;
    }
    
    ul.dropdown.menu {
        margin-top: 70px;
        padding-top: 7px;
        border-top: 1px solid white;
        margin-bottom: 15px;
    }
    body:has( .press-article) ul.dropdown.menu {
        border-color:black;
    }
    
    .dropdown.menu>li:has(+.booknow) {
        padding-right: 0!important;!
    }
    .sticky {
        transition:all .5s linear;
    }
    .sticky.is-stuck {
        top: 0!important;!
        padding-top: 10px;
        background: #f7f3eb;
    }
    
    
    .sticky.is-stuck ul.dropdown.menu {
        border-color: rgb(198 198 198);
    }
    .sticky.is-stuck ul.dropdown.menu a {
        color: rgb(23, 22, 20)!important;
    }
    
    .sticky.is-stuck  .dropdown.menu li.opens-right .is-dropdown-submenu:before {
        background-color:#f7f3eb!important;    
    }
    .wighter.logo-section {
        padding-top:15px;
    }
    
    
    .sticky.is-stuck .svglogo {
        fill:rgb(23, 22, 20)!important;
    }


    
    .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right>a::after {
        border-color: transparent transparent transparent #000;
    }
}
.scrolling-image.scrolling-code iframe {
    pointer-events: none;
}
.santorini-section.with-contact-form {
    position: relative;
    height: auto;
    padding: 100px 0;
    background-color: #f7f3eb;
}
@media screen and (max-width:1024px) {
    .mobile-menu-container:has( > .with-small-logo) {
        background: #f7f3eb;
    }
    
    .mobile-menu-container:has( > .with-small-logo) svg#svg-logo path {
        fill: #171614;
    }
    
    .mobile-menu-container:has( > .with-small-logo) a.mobile-menu-link {
        border-color: #171614;
    }
    
    .mobile-menu-container:has( > .with-small-logo) a.mobile-menu-link:before {
        background-color: #171614;
    }
    
    .off-canvas-content.is-open-top .wighter.logo-section #svg-logo  path {
        fill: #fff;
    }
    
    
    ul.accordion.off-canvas-nav li ul.sub-menu .sub-menu {
        background: #171614;
    }
    
    ul.accordion.off-canvas-nav li ul.sub-menu {
        top: 45px;
    }
    
    .position-top.has-small-logo .submenu-toggle[aria-expanded="true"] {
        margin-top: 20px;
    }

}


.iframeVideo .slide-desc {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1;
    color: white;
}

.iframeVideo .slide-desc h1, .iframeVideo .slide-desc h2, .iframeVideo .slide-desc h3, .iframeVideo .slide-desc h4, .iframeVideo .slide-desc h5, .iframeVideo .slide-desc h6 {
    color: white;
    text-align: center;
    text-shadow: 0 0 14px #000;
}

@media screen and (max-width:1204px) {
    .iframeVideo .slide-desc h1, .iframeVideo .slide-desc h2, .iframeVideo .slide-desc h3, .iframeVideo .slide-desc h4, .iframeVideo .slide-desc h5, .iframeVideo .slide-desc h6 {
        margin-top:50px!important;
    }
}




.thumbnail-of-port-top.fade-in-opacity-bg .slider-list-item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #f7f3eb;
    transition: all 1.5s linear!important;
}

.thumbnail-of-port-top.fade-in-opacity-bg svg {
    margin-bottom:25px;
}
.thumbnail-of-port-top.fade-in-opacity-bg svg path {
    fill:#031a5d;
    transition:all 1.5s linear!important;
}

.thumbnail-of-port-top.fade-in-opacity-bg .page-title {
    color: #031a5d;
    font-size:5rem;
    line-height:1;
    letter-spacing: 3.6px;
    font-size: 20px;
    transition: all 1.5s linear!important;
}


.thumbnail-of-port-top.fade-in-opacity-bg.show-full .page-title {
    color: #fff;
}

.thumbnail-of-port-top.fade-in-opacity-bg.show-full svg path {
    fill:#ffffff;
}
.thumbnail-of-port-top.fade-in-opacity-bg.show-full .slider-list-item:before {
    background-color: rgba(0,0,0,0.28);
}
.bgmpez {
    background-color: #f7f3eb;
}

@media screen and (max-width: 980px) {
    
    .thumbnail-of-port-top.fade-in-opacity-bg svg {
        display: none;
    }
}

@media screen and (max-width: 640px) {
    
    .thumbnail-of-port-top.fade-in-opacity-bg .page-title {
        font-size:3rem;
    }
}

.page-id-2032.page-child.parent-pageid-1762 img.videologo {
    left: calc(50% - 145px /2);
    display: flex!important;
    position: absolute;
    height: 172px;
    z-index: 15!important;
    width: 145px;
    top: calc(50% - 172px /2);
}

.page-id-2032.page-child.parent-pageid-1762 .homeSlider.homeVideo {
    position: relative;
}
.a11y-toolbar {
    top: auto!important;
    bottom: 80px!important;
}