.uk-sticky:hover {
    transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
    background: #61BEB9;
    color: #ffffff;
}

.uk-navbar-dropdown {width: auto;}

*+address, *+dl, *+fieldset, *+figure, *+ol, *+p, *+pre, *+ul {
    margin-top: 15px;
}

address, dl, fieldset, figure, ol, p, pre, ul {
    margin: 0px 0 15px 0;
}

.shadow-letters {
    text-shadow: 0 1px 10px rgba(0,0,0,0.65);
}

.btn, .uk-button {
    transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
}

.uk-button-secondary {
    border-bottom: 4px solid #A56F26 !important;
}

.uk-navbar-nav>li>a {
    text-shadow: 0 1px 10px rgba(0,0,0,0.65);
}

.uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav>li>a {
    text-shadow: none;
}

.uk-section-muted {
background-image: linear-gradient(to right,#FFFFFF,#CADEDD);}

.imageeffectck_desc {
    font-size: 14px !important;
    text-transform: none;
}

@media (max-width: 1599px){
#mykonos_dreaml .imageeffectck_desc {
    font-size: 14px !important;
    text-transform: none;
}}

@media (min-width: 768px){
.home .imageeffectck_options {
    top: 58%;
    position: absolute;
    left: 0;
    width: 100%;
    -webkit-transition: all 0.5s ease;;
    transition: all 0.5s ease;;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0);
    font-size: 23px;
    line-height: 50px;
    font-family: helvetica;
    font-weight: 600;
    color: #ffffff !important;
    letter-spacing: 0px;
    text-align: center;
text-shadow: 0 1px 10px rgba(0,0,0,0.65);
}}

@media (max-width: 610px){
.home .imageeffectck_options {
    top: 60%;
    position: absolute;
    left: 0;
    width: 100%;
    -webkit-transition: all 0.5s ease;;
    transition: all 0.5s ease;;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0);
    font-size: 20px;
    line-height: 40px;
    font-family: helvetica;
    font-weight: 600;
    color: #ffffff !important;
    letter-spacing: 0px;
    text-align: center;
text-shadow: 0 1px 10px rgba(0,0,0,0.65);
}}

@media (min-width: 768px) and (max-width: 1500px){
body.tm-isblog.private-day.tm-navbar-transparent figure.effectck-sadie:hover .imageeffectck_options {top: 18%; position: absolute; transition: all 0.5s ease;}}
@media (max-width: 340px){
body.tm-isblog.private-day.tm-navbar-transparent figure.effectck-sadie:hover .imageeffectck_options {top: 20%; position: absolute; transition: all 0.5s ease;}}
@media (min-width: 350px) and (max-width: 610px){
body.tm-isblog.private-day.tm-navbar-transparent figure.effectck-sadie:hover .imageeffectck_options {top: 10%; position: absolute; transition: all 0.5s ease;font-size: 19px; line-height:30px;}}
@media (min-width: 1580px){
body.tm-isblog.private-day.tm-navbar-transparent figure.effectck-sadie:hover .imageeffectck_options {top: 40%; position: absolute; transition: all 0.5s ease;}}

@media (min-width: 768px) and (max-width: 1500px){
body.tm-isblog.home.tm-navbar-transparent figure.effectck-sadie:hover .imageeffectck_options {top: 20%; position: absolute; transition: all 0.5s ease;}}
@media (max-width: 340px){
body.tm-isblog.home.tm-navbar-transparent figure.effectck-sadie:hover .imageeffectck_options {top: 20%; position: absolute; transition: all 0.5s ease;}}
@media (min-width: 350px) and (max-width: 610px){
body.tm-isblog.home.tm-navbar-transparent figure.effectck-sadie:hover .imageeffectck_options {top: 30%; position: absolute; transition: all 0.5s ease;}}
@media (min-width: 1580px){
body.tm-isblog.home.tm-navbar-transparent figure.effectck-sadie:hover .imageeffectck_options {top: 40%; position: absolute; transition: all 0.5s ease;}}

.uk-h3.yesitis {font-size: 25px; font-weight: 600; text-align: center; color: #fff;}

@media (min-width: 1500px){
figure.effectck-sadie:hover figcaption::before, figure.effectck-sadie:hover .imageeffectck_desc {
    /*opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);*/
    top: 25%;
    position: absolute;
    transition: all 0.5s ease;
font-size: 16px;
text-shadow: 0 1px 10px rgba(0,0,0,0.65);
}}

@media (min-width: 1050px) and (max-width: 1450px){
figure.effectck-sadie:hover figcaption::before, figure.effectck-sadie:hover .imageeffectck_desc {
    /*opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);*/
    top: 17%;
    position: absolute;
    transition: all 0.5s ease;
font-weight: 400;
font-size: 14px;
text-shadow: 0 1px 10px rgba(0,0,0,0.65);
}}

/*figure.effectck-sadie figcaption::before {background: -webkit-linear-gradient(top, rgba(72,76,97,0) 0%, rgba(0, 0, 0, 0.8) 65%) !important; background: linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(0, 0, 0, 0.8) 65%) !important;}*/

figure.imageeffectck {margin: 10px 0%;}

@media (max-width: 320px){
figure.imageeffectck .imageeffectck_desc, figure.effectck-sadie:hover .imageeffectck_desc {letter-spacing: 0px; font-size: 13px; top: 20%; text-shadow: 0 1px 10px rgba(0,0,0,0.65);}}

@media (min-width: 330px) and (max-width: 610px){
figure.imageeffectck .imageeffectck_desc, figure.effectck-sadie:hover .imageeffectck_desc {letter-spacing: 0px; font-size: 13px; top: 45%; text-shadow: 0 1px 10px rgba(0,0,0,0.65);}}

img.img1 {width: 100% !important;}
img.take-the-leap {width: auto !important; display: inline-flex !important;}

@media (min-width: 330px) and (max-width: 610px){
body.tm-isblog.private-day.tm-navbar-transparent figure.imageeffectck .imageeffectck_desc, figure.effectck-sadie:hover .imageeffectck_desc {letter-spacing: 0px; font-size: 13px; top: 34%; text-shadow: 0 1px 10px rgba(0,0,0,0.65);}}

.tm-isblog.private-day.tm-navbar-transparent figure.imageeffectck img {width: 100%;}

.mykonos-links a {color: #fff !important; font-weight: 600; line-height: 1.8;}
.mykonos-links a:hover {color: #FDC820 !important; font-weight: 600;}

@media (min-width: 1580px){
.mykonos-links {
    left: 0;
    right: 0;
    position: absolute;
}}

@media (min-width: 1220px){
.uk-panel.mykonos-pick .uk-panel > :not(.uk-panel-title):last-child {width: 102%;}}

@media (min-width: 768px){
figure.effectck-sadie .imageeffectck_title {font-weight: 600 !important; text-shadow: 0 1px 10px rgba(0,0,0,0.65); color: #ffffff !important;}}
@media (max-width: 610px){
figure.effectck-sadie .imageeffectck_title {font-weight: 600 !important; color: #ffffff !important; text-shadow: 0 1px 10px rgba(0,0,0,0.65); top: 45% !important; font-size: 20px !important}}

@media (min-width: 768px){
figure.effectck-sadie:hover .imageeffectck_title {display: none; transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;}}
@media (max-width: 610px){
figure.effectck-sadie:hover .imageeffectck_title {display: none; transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;}}

figure.effectck-sadie:hover figcaption::before, figure.effectck-sadie:hover figcaption [class*="desc"], figure.effectck-sadie.hover figcaption::before, figure.effectck-sadie.hover figcaption [class*="desc"], figure.effectck-sadie figcaption [class*=desc], figure.effectck-sadie figcaption::before, figure.effectck-sadie figcaption::before, figure.effectck-sadie figcaption [class*="desc"] {
    -webkit-transform: none !important;
    transform: none !important;
}

img.addons-img {
    width: auto !important;
    text-align: center;
    display: inline-block !important;
}

@media (max-width: 959px){
.acymailing_fulldiv tr, .acymailing_fulldiv td {
    border: 0px;
    max-width: 235px;
}}

@media (max-width: 959px){
td.acysubbuttons {
    position: relative;
    right: 50px;
}}

@media (max-width: 959px){
.newsletter.uk-grid-margin.uk-row-first {position: relative; top: 0px;}}
@media (min-width: 960px){
.newsletter.uk-grid-margin.uk-row-first {position: relative; top: -80px;}}

@media (max-width: 959px){
.newsletter input[type="text"], .acym_module_form input {
    padding: 12px 25px 10px 25px;
    font-size: 18px;
    color: #fff;
    border: 0;
    width: auto;
    position: relative;
    top: -3px;
}}

.newsletterm input[type="text"], .acym_module_form input {
    padding: 12px 25px 10px 25px;
    font-size: 18px;
    color: #444;
    border: 0;
    width: auto;
    position: relative;
    top: -3px;
}
    
@media (min-width: 960px){
.newsletter input[type="text"], .acym_module_form input {
    padding: 12px 25px 10px 25px;
    font-size: 18px;
    color: #000;
    border: 0;
    width: 100%;
    position: relative;
    top: -3px;
}}

@media (max-width: 959px){
.newsletter button.btn, input[type="submit"].btn {
    background: #61BEB9;
    line-height: 32px;
    position: absolute;
    padding: 4px 15px;
    letter-spacing: 1px;
    font-size: 14px;
    border: 2px solid;
    transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
}}

@media (min-width: 960px){
.newsletter button.btn, input[type="submit"].btn {
    background: #61BEB9;
    line-height: 32px;
    position: absolute;
    padding: 4px 20px;
    letter-spacing: 1px;
    font-size: 18px;
    border: 2px solid;
    transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
}}

@media (min-width: 960px){
.newsletter button.btn, input[type="submit"].btn:hover {
    background: #ffffff;
    line-height: 32px;
    position: absolute;
    padding: 4px 20px;
    letter-spacing: 1px;
    font-size: 18px;
    border: 2px solid #ffffff;
    color: #61BEB9;}}

@media (max-width: 800px){
.newsletter button.btn, input[type="submit"].btn:hover {
    background: #ffffff;
    line-height: 32px;
    position: absolute;
    padding: 4px 10px;
    letter-spacing: 1px;
    font-size: 14px;
    border: 2px solid #ffffff;
    color: #61BEB9;}}

td.acyterms {
    display: inline-flex;
    text-transform: none;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 15px;
    white-space: nowrap;
    position: relative;
    top: 5px;
    left: 20%;
}

td.acyfield_email.acy_requiredField, .acym_module_form .onefield {
    display: block;
    margin: 0 0 0 25px !important;
}

.acymailing_module_form .acymailing_introtext {
    font-size: 14px;
    text-transform: none;
    letter-spacing: 0;
    padding: 10px;
}

#custom_html-1 .uk-button, #module-348 .uk-button, #custom_html-2 .uk-button {
    font-weight: 600;
    color: #FDC820;
    text-shadow: 0 -1px 0 rgba(0,0,0,.2);
    transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
    font-size: 17px;
}

#module-348 .uk-button {
    position: relative;
    top: 10px;
}

#custom_html-3 {
    position: fixed;
    top: 20%;
    right: -42px;
    z-index: 2;
    transform: rotate(270deg);
}

#custom_html-3 a {
    font-size: 18px;
    line-height: 35px;
    -webkit-transition: color .4s, background .2s;
    transition: color .4s, background .2s;
    font-weight: 600;
    padding: 2px 15px;
}

a.new {
    margin: 0 0 0 -10px;
}

@media (max-width: 1599px){
.uk-container-expand {
    padding: 0 10px 0 10px;
}}

@media (min-width: 1200px){
.tm-toolbar-default {
    background: #faa83a;
    display: none;
}}

#module-347 .uk-button {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.uk-position-cover {
transform: scale(1) !important;
}

.welcome_page {
    background-image: url(/images/mykonos-bg5a.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    z-index: 9999;
}

.terms h3 {
    font-size: 25px;
    line-height: 1.4;
}

.terms main .uk-container {
    max-width: 1200px;
}

@media (max-width: 1400px){
.uk-navbar-nav > li > a {
    padding: 0;
    font-family: calibri, 'Source Sans Pro', arial;
    text-transform: none;
    font-size: 13.5px;
    letter-spacing: 0px;
    font-weight: 600;
    font-style: normal;
    text-shadow: 0 1px 10px rgba(0,0,0,0.65);
}}

.uk-navbar-nav img.uk-margin-small-right {
    margin-right: 0 !important;
}

#custom_html-2 {
    margin: 0 20px 0 0;
}

/*li.item-222 picture, li.item-341 picture, li.item-296 picture {
    position: relative;
    top: -7px;
}*/

.CookieDeclarationTable {
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    width: 100% !important;
}

th.CookieDeclarationTableHeader {
    padding: 16px 12px !important;
    text-align: left !important;
    vertical-align: bottom!important;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #b4b5ba !important;
    text-transform: uppercase !important;
}

td.CookieDeclarationTableCell {
    border: 1px solid #ddd !important;
    padding: 5px 10px !important;
}

#article-64, #article-58 {font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important}

.uk-overflow-auto {
    overflow: auto;
}

input.btn.btn-primary.button.subbutton, button.btn.btn-primary.button.subbutton {
    background: #61BEB9;
    line-height: 32px;
    padding: 4px 20px;
    letter-spacing: 1px;
    font-size: 18px;
    border: 2px solid;
    transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
    width: 130px;
    color: #fff;
}

#acym_module_formAcym30881 {
    display: inline-block;
}

@media (min-width: 960px){
td.acysubbuttons {
    position: relative;
    top: -12px;
    left: -25px;
}}

@media (max-width: 959px){
td.acysubbuttons {
    position: relative;
    top: -12px;
}}

.newsletterm .button.subbutton.btn.btn-primary {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
}

/*#module-320 {
    background-image: url(/images/block_texture_border_primary.png);
    background-clip: border-box, padding-box;
    background-position: 50% -57px;
    background-repeat: no-repeat;
    background-size: auto;
}*/

 
/* WordPress migration: Joomla #module-N selectors re-pointed to widget ids (custom_html-1 header buttons, -2 mobile buttons, -3 Book Now tab). */

/* Enquiry form (Contact Form 7, replaces Convert Forms): match the original label style and spacing */
.wpcf7 .uk-form-label { text-transform: none; font-size: 15px; letter-spacing: normal; }
.wpcf7 .uk-margin-small { margin-top: 12px !important; }
.wpcf7 .uk-input, .wpcf7 .uk-select { height: 44px; }

/* Special offers: add-on services list (was an inline <style> in the Joomla article) */
.addon-list {
    border: 1px solid #e2e8e4;
    border-radius: 12px;
    overflow: hidden;
    max-width: 900px;
    margin: 0 auto;
  }

  .addon-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 24px;
    gap: 16px;
  }

  .addon-row:nth-child(odd) {
    background: #f7faf9;
  }

  .addon-row:nth-child(even) {
    background: #ffffff;
  }

  .addon-label {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
          color: inherit;

  }

  .addon-label i {
    font-size: 16px;
    color: #4dbfa0; /* swap for your teal accent */
  }

  .addon-status {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    padding: 5px 14px;
    border-radius: 999px;
    white-space: nowrap;
  }

  .addon-status.free {
    background: #e1f5ee;
    color: #085041;
  }

  .addon-status.request {
    background: #faeeda;
    color: #633806;
  }

  .addon-status.none {
    background: #fcebeb;
    color: #791f1f;
  }

  /* Mobile: stack label above status pill */
  @media (max-width: 640px) {
    .addon-row {
      flex-direction: column;
      align-items: flex-start;
      gap: 8px;
      padding: 14px 18px;
    }
  }

/* YOOtheme 5 dropped these accordion style variables (title background/padding/weight); values from the Joomla style */
.uk-accordion-title { background: #61beb9; padding: 5px 15px; font-weight: 600; }
.uk-accordion-default .uk-accordion-title { color: #fff; }
.uk-accordion-default .uk-accordion-title:hover { color: #faa83a; }

/* Accordion +/- icon as on the Joomla site (::before, so the per-element custom PNG icons apply again) */
.uk-open>.uk-accordion-title::before{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23FFFFFF%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E")}
.uk-open>.uk-accordion-title::before{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23ffffff%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E")}
.uk-accordion-title > h3 { flex: 1; }
.uk-accordion-title::before { order: 2; flex: none; }
.uk-accordion-title [uk-accordion-icon] { display: none; }
.uk-accordion > * > .uk-accordion-title::before { content: "" !important; width: 1.4em; height: 1.4em; margin-left: 10px; background-repeat: no-repeat; background-position: 50% 50%; }

/* AcyMailing for WordPress wraps the terms checkbox + text in a <label>; keep the Joomla inline layout */
td.acyterms > label { display: inline-flex; align-items: center; gap: 4px; margin: 0; font-size: inherit; line-height: inherit; white-space: nowrap; }
td.acyterms > label input.checkbox { margin: 0 4px 0 0; }

/* Footer newsletter (AcyMailing for WordPress), 2026-10-04. Replaces the Joomla-era offsets above, which misplace the
   button with the WordPress markup. Desktop/tablet (.newsletter9): email + SIGN UP on one row, terms below.
   Phone (.newsletterm): email, terms, SIGN UP stacked, as on the old site. */
.newsletter9 .acym_module, .newsletter9 .acym_fulldiv, .newsletter9 form,
.newsletterm .acym_module, .newsletterm .acym_fulldiv, .newsletterm form { width: 100%; }
.newsletterm { width: 100%; }
.newsletter9 table.acym_form, .newsletter9 table.acym_form > tbody, .newsletter9 table.acym_form tr,
.newsletterm table.acym_form, .newsletterm table.acym_form > tbody, .newsletterm table.acym_form tr {
    display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 100%; margin: 0 auto; border: 0;
}
.newsletter9 table.acym_form td, .newsletterm table.acym_form td {
    display: block; position: static !important; top: auto !important; left: auto !important; right: auto !important;
    margin: 0 !important; padding: 0 !important; border: 0; max-width: none;
}
.newsletter9 .acym_form input.acym__user__edit__email, .newsletterm .acym_form input.acym__user__edit__email {
    position: static !important; top: auto !important; box-sizing: border-box; height: 44px; padding: 0 25px !important;
    font-size: 18px; color: #444; background: #fff; border: 0; border-radius: 0; margin: 0;
}
.newsletter9 .acym_form button.subbutton, .newsletterm .acym_form button.subbutton {
    position: static !important; box-sizing: border-box; height: 44px; margin: 0; padding: 0 20px !important;
    background: #61BEB9; color: #fff; border: 2px solid #fff; border-radius: 0; font-size: 18px; line-height: 40px;
    letter-spacing: 1px; text-transform: uppercase; transition: background-color .4s ease, color .4s ease;
    width: auto !important; white-space: nowrap;
}
.newsletter9 .acym_form button.subbutton:hover, .newsletterm .acym_form button.subbutton:hover { background: #fff; color: #61BEB9; }
.newsletter9 .acym_form td.onefield { order: 1; width: auto !important; }
.newsletter9 .acym_form input.acym__user__edit__email { width: 330px !important; max-width: none; }
.newsletter9 .acym_form td.acysubbuttons { order: 2; margin-left: 4px !important; }
.newsletter9 .acym_form td.acyterms { order: 3; flex-basis: 100%; display: flex; justify-content: center; margin-top: 12px !important; }
.newsletterm .acym_form tr { flex-direction: column; }
.newsletterm .acym_form td.onefield { order: 1; width: 100%; max-width: 360px; }
.newsletterm .acym_form input.acym__user__edit__email { width: 100%; }
.newsletterm .acym_form td.acyterms { order: 2; display: flex; justify-content: center; margin: 16px 0 !important; white-space: normal; }
.newsletterm .acym_form td.acyterms > label { display: block; white-space: normal; text-align: center; font-size: 15px; line-height: 1.6; }
.newsletterm .acym_form td.acyterms > label input.checkbox { display: inline-block; vertical-align: middle; margin: 0 6px 2px 0; }
.newsletterm .acym_form td.acysubbuttons { order: 3; }
.newsletterm .acym_form button.subbutton { padding: 0 24px !important; }

/* Book Now tab (2026-10-04): WordPress wraps the link in a <p> with a 15 px bottom margin, which shifted the rotated tab
   7.5 px left (gap + visible bottom border on the right edge). Without it the tab sits flush, as on the old site. */
#custom_html-3 p { margin: 0; }