@charset "UTF-8";
@charset "UTF-8";
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.datepick {
background-color: #fff;
color: #000;
border: 1px solid #444;
border-radius: 0.25em;
-moz-border-radius: 0.25em;
-webkit-border-radius: 0.25em; font-size: 90%;
}
.datepick-rtl {
direction: rtl;
}
.datepick-popup {
z-index: 1000;
}
.datepick-disable {
position: absolute;
z-index: 100;
background-color: white;
opacity: 0.5;
filter: alpha(opacity=50);
}
.datepick a {
color: #fff;
text-decoration: none;
}
.datepick a.datepick-disabled {
color: #888;
cursor: auto;
}
.datepick button {
margin: 0.25em;
padding: 0.125em 0em;
background-color: #fcc;
border: none;
border-radius: 0.25em;
-moz-border-radius: 0.25em;
-webkit-border-radius: 0.25em;
font-weight: bold;
}
.datepick-nav, .datepick-ctrl {
float: left;
width: 100%;
background-color: #000;
color: #fff;
font-size: 90%;
font-weight: bold;
}
.datepick-ctrl {
background-color: #600;
}
.datepick-cmd {
width: 30%;
}
.datepick-cmd:hover {
background-color: #777;
}
.datepick-ctrl .datepick-cmd:hover {
background-color: #f08080;
}
.datepick-cmd-prevJump, .datepick-cmd-nextJump {
width: 8%;
}
a.datepick-cmd { }
button.datepick-cmd {
text-align: center;
}
.datepick-cmd-prev, .datepick-cmd-prevJump, .datepick-cmd-clear {
float: left;
padding-left: 2%;
}
.datepick-cmd-current, .datepick-cmd-today {
float: left;
width: 35%;
text-align: center;
}
.datepick-cmd-next, .datepick-cmd-nextJump, .datepick-cmd-close {
float: right;
padding-right: 2%;
text-align: right;
}
.datepick-rtl .datepick-cmd-prev, .datepick-rtl .datepick-cmd-prevJump,
.datepick-rtl .datepick-cmd-clear {
float: right;
padding-left: 0%;
padding-right: 2%;
text-align: right;
}
.datepick-rtl .datepick-cmd-current, .datepick-rtl .datepick-cmd-today {
float: right;
}
.datepick-rtl .datepick-cmd-next, .datepick-rtl .datepick-cmd-nextJump,
.datepick-rtl .datepick-cmd-close {
float: left;
padding-left: 2%;
padding-right: 0%;
text-align: left;
}
.datepick-month-nav {
float: left;
background-color: #777;
text-align: center;
}
.datepick-month-nav div {
float: left;
width: 12.5%;
margin: 1%;
padding: 1%;
}
.datepick-month-nav span {
color: #888;
}
.datepick-month-row {
clear: left;
}
.datepick-month {
float: left;
width: 15em;
border: 1px solid #444;
text-align: center;
}
.datepick-month-header, .datepick-month-header select, .datepick-month-header input { background-color: #444;
color: #fff;
font-weight: bold;
}
.datepick-month-header select, .datepick-month-header input { margin: 0em;
padding: 0em;
border: none;
font-size: 100%;
}
.datepick-month-header input {
position: absolute;
display: none;
}
.datepick-month table {
width: 100%;
border-collapse: collapse;
}
.datepick-month thead {
border-bottom: 1px solid #aaa;
}
.datepick-month th, .datepick-month td {
margin: 0em;
padding: 0em;
font-weight: normal;
text-align: center;
}
.datepick-month th {
border: 1px solid #777;
}
.datepick-month th, .datepick-month th a {
background-color: #777;
color: #fff;
}
.datepick-month td {
background-color: #eee;
border: 1px solid #aaa;
}
.datepick-month td.datepick-week {
border: 1px solid #777;
}
.datepick-month td.datepick-week * {
background-color: #777;
color: #fff;
border: none;
}
.datepick-month a {
display: block;
width: 100%;
padding: 0.125em 0em;
background-color: #eee;
color: #000;
text-decoration: none;
}
.datepick-month span {
display: block;
width: 100%;
padding: 0.125em 0em;
}
.datepick-month td span {
color: #888;
}
.datepick-month td .datepick-other-month {
background-color: #fff;
}
.datepick-month td .datepick-weekend {
background-color: #ddd;
}
.datepick-month td .datepick-today {
background-color: #f0c0c0;
}
.datepick-month td .datepick-highlight {
background-color: #f08080;
}
.datepick-month td .datepick-selected {
background-color: #777;
color: #fff;
}
.datepick-month th.datepick-week {
background-color: #777;
color: #fff;
}
.datepick-status {
clear: both;
background-color: #ddd;
text-align: center;
}
.datepick-clear-fix {
clear: both;
}.mphb-hide{display:none!important}.mphb-clear{clear:both}.mphb-preloader{background-image:url(//www.villa-kerasia.gr/wp-content/plugins/motopress-hotel-booking/images/loading.gif?ver=3.9.10);width:20px;height:20px;display:inline-block}.mphb-price-period{border-bottom:1px dashed;cursor:help}.mphb-calendar .datepick-month-header select{display:inline-block!important;width:auto!important}.mphb-calendar .datepick-month table{border-collapse:collapse}.mphb-calendar .datepick-month td{padding:0}.mphb-calendar .datepick-month td .mphb-booked-date{background-color:#ee8767;color:#000}.mphb-calendar .datepick-month td .mphb-booked-date.mphb-date-check-in{background:linear-gradient(to bottom right,#cef093 0,#cef093 50%,#ee8767 50%,#ee8767 100%)}.mphb-calendar .datepick-month td .mphb-booked-date.mphb-date-check-in.mphb-date-check-out{background:#ee8767}.mphb-calendar .datepick-month td .mphb-available-date{background-color:#cef093;color:#000}.mphb-calendar .datepick-month td .mphb-available-date.mphb-date-check-out{background:linear-gradient(to bottom right,#ee8767 0,#ee8767 50%,#cef093 50%,#cef093 100%)}.mphb-calendar .datepick-month td .mphb-past-date{opacity:.15;background-color:#eee;color:#888}.mphb-calendar .datepick-month td .mphb-not-stay-in-date{background-color:#ee8767;color:#000}.mphb-datepick-popup .datepick-month-header select{display:inline-block!important;width:auto!important}.mphb-datepick-popup .datepick-month td .mphb-booked-date:not(.mphb-selectable-date){opacity:.5;background-color:#eee;color:#888}.mphb-datepick-popup .datepick-month td .mphb-past-date{opacity:.15;background-color:#eee;color:#888}.mphb-datepick-popup .datepick-month td .mphb-earlier-min-date,.mphb-datepick-popup .datepick-month td .mphb-later-max-date{opacity:.5;background-color:#eee;color:#888}.mphb-datepick-popup .datepick-month td .mphb-earlier-check-in-date{opacity:.15;background-color:#eee;color:#888}.mphb-datepick-popup .datepick-month td .mphb-check-in-date{background-color:#cef093}.mphb-datepick-popup .datepick-month td a.datepick-today{background-color:#fffaf0}.mphb-datepick-popup .datepick-month td a.datepick-highlight,.mphb-datepick-popup .datepick-month td a.datepick-selected{background-color:#404040;color:#fff}.mphb-datepick-popup .datepick-month td span.mphb-check-in-date{background-color:#606060;color:#fff}.mphb-datepick-popup .mphb-selectable-date{cursor:pointer}@media screen and (min-width:769px){.mphb_sc_availability_calendar-wrapper .mphb-calendar[data-monthstoshow$="1"] .datepick-month{width:100%}.mphb_sc_availability_calendar-wrapper .mphb-calendar[data-monthstoshow$="2"] .datepick-month{width:50%}.mphb_sc_availability_calendar-wrapper .mphb-calendar[data-monthstoshow$="3"] .datepick-month{width:33.33%}.mphb_sc_availability_calendar-wrapper .mphb-calendar[data-monthstoshow$="4"] .datepick-month{width:25%}.mphb_sc_availability_calendar-wrapper .mphb-calendar[data-monthstoshow$="5"] .datepick-month{width:20%}}.mphb_widget_rooms-wrapper .mphb-widget-room-type-book-button,.mphb_widget_rooms-wrapper .mphb-widget-room-type-price,.mphb_widget_rooms-wrapper .mphb-widget-room-type-title{margin:1em 0}.mphb_widget_rooms-wrapper .mphb-widget-room-type-attributes,.mphb_widget_rooms-wrapper .mphb-widget-room-type-description,.mphb_widget_rooms-wrapper .mphb-widget-room-type-featured-image{margin:1em 0}.mphb_widget_rooms-wrapper .mphb-widget-room-type-price .mphb-price,.mphb_widget_rooms-wrapper .mphb-widget-room-type-title>a{font-weight:700}.mphb_widget_rooms-wrapper .mphb-room-type:not(:first-of-type){margin-top:2em}.mphb_sc_rooms-wrapper .mphb-room-type:not(:first-of-type),.mphb_sc_search_results-wrapper .mphb-room-type:not(:first-of-type),.mphb_sc_services-wrapper .mphb-service:not(:first-of-type){margin-top:4em}.mphb_cb_checkout_form>.mphb-checkout-section:not(:first-of-type),.mphb_sc_checkout-form>.mphb-checkout-section:not(:first-of-type){margin-top:4em}.mphb_cb_checkout_form .mphb_checkout-service-quantity,.mphb_sc_checkout-form .mphb_checkout-service-quantity{width:100px;display:inline-block}.mphb_cb_checkout_form .mphb-price-breakdown .mphb-price-breakdown-expand>.mphb-inner-icon,.mphb_sc_checkout-form .mphb-price-breakdown .mphb-price-breakdown-expand>.mphb-inner-icon{font-family:sans-serif;font-size:1em;margin-right:.75em;border:1px solid currentColor;width:1em;height:1em;line-height:1em;display:inline-block;text-align:center;box-sizing:content-box;pointer-events:none}.mphb_cb_checkout_form .mphb-price-breakdown .mphb-table-price-column,.mphb_sc_checkout-form .mphb-price-breakdown .mphb-table-price-column{width:33%}.mphb_cb_checkout_form .mphb-gateways-list,.mphb_sc_checkout-form .mphb-gateways-list{list-style:none}.mphb_cb_checkout_form .mphb-gateways-list>li,.mphb_sc_checkout-form .mphb-gateways-list>li{margin-top:1em}.mphb_cb_checkout_form .mphb-billing-fields,.mphb_sc_checkout-form .mphb-billing-fields{margin-bottom:1em;border:none}.mphb_cb_checkout_form .mphb-billing-fields-hidden,.mphb_sc_checkout-form .mphb-billing-fields-hidden{display:none}.mphb_cb_checkout_form .mphb-billing-fields input[data-beanstream-id],.mphb_sc_checkout-form .mphb-billing-fields input[data-beanstream-id]{background-position:right center;background-repeat:no-repeat}.mphb_cb_checkout_form .mphb-billing-fields fieldset,.mphb_sc_checkout-form .mphb-billing-fields fieldset{border:none;padding:0}.mphb_cb_checkout_form .mphb-terms-and-conditions,.mphb_sc_checkout-form .mphb-terms-and-conditions{margin-bottom:0;padding-left:2em;padding-right:2em;max-height:0;overflow:hidden;transition:margin-bottom .2s linear,padding .2s linear,max-height .4s linear;background:rgba(0,0,0,.05)}.mphb_cb_checkout_form .mphb-terms-and-conditions.mphb-active,.mphb_sc_checkout-form .mphb-terms-and-conditions.mphb-active{margin-bottom:1em;padding-top:2em;padding-bottom:2em;max-height:200px;overflow:auto}.mphb_cb_checkout_form>.mphb-checkout-section:not(:first-of-type){margin-top:0}.mphb_checkout-services-list,.mphb_sc_checkout-services-list{list-style:none}.mphb_sc_search_results-wrapper .mphb-reservation-cart{margin-bottom:4em}.mphb_sc_search_results-wrapper .mphb-reservation-cart .mphb-reservation-details{float:left}.mphb_sc_search_results-wrapper .mphb-reservation-cart .mphb-cart-message{margin-bottom:0}.mphb_sc_search_results-wrapper .mphb-reservation-cart .mphb-confirm-reservation{float:right}.mphb_sc_search_results-wrapper .mphb-reservation-cart.mphb-empty-cart .mphb-cart-message,.mphb_sc_search_results-wrapper .mphb-reservation-cart.mphb-empty-cart .mphb-cart-total-price,.mphb_sc_search_results-wrapper .mphb-reservation-cart.mphb-empty-cart .mphb-confirm-reservation{display:none!important}.mphb_sc_search_results-wrapper .mphb-reservation-cart:not(.mphb-empty-cart) .mphb-empty-cart-message{display:none!important}.mphb_sc_search_results-wrapper .mphb-reserve-room-section:not(.mphb-rooms-added) .mphb-confirm-reservation,.mphb_sc_search_results-wrapper .mphb-reserve-room-section:not(.mphb-rooms-added) .mphb-rooms-reservation-message-wrapper{display:none!important}.mphb_sc_search_results-wrapper .mphb-reserve-room-section .mphb-rooms-reservation-message-wrapper .mphb-remove-from-reservation{float:right}.mphb_sc_search_results-wrapper .mphb-recommendation-details-list:after{content:'';display:table;clear:both}.mphb_sc_search_results-wrapper .mphb-recommendation .mphb-recommendation-item-guests{display:block}.mphb_sc_search_results-wrapper .mphb-recommendation .mphb-recommedation-item-subtotal{float:right;margin-left:1em}.mphb_sc_search_results-wrapper .mphb-recommendation .mphb-recommendation-total{float:right}.mphb_sc_search_results-wrapper .mphb-recommendation .mphb-recommendation-reserve-button{float:right;clear:right}.mphb_sc_booking_confirmation .mphb-booking-details-section+.mphb-booking-details-section{margin-top:2em}.mphb_sc_booking_confirmation .mphb-booking-details-section .mphb-booking-details{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap}.mphb_sc_booking_confirmation .mphb-booking-details-section .mphb-booking-details>li{flex:1 0 100%;padding-left:0;margin:0 0 .5em 0}@media screen and (min-width:768px){.mphb_sc_booking_confirmation .mphb-booking-details-section .mphb-booking-details>li{flex:1 0 auto;margin:0 1.5em 1.5em 0;padding-right:1.5em;border-right:1px dashed #d3ced2}}.mphb_sc_booking_confirmation .mphb-booking-details-section .mphb-booking-details>li:last-of-type{border:none;margin-right:0;padding-right:0}@media screen and (min-width:768px){.mphb_sc_booking_confirmation .mphb-booking-details-section .mphb-booking-details>li span.label{display:block;font-size:.85em}}.mphb_sc_booking_confirmation .mphb-booking-details-section .mphb-booking-details>li span.value{font-weight:700}#mphb-stripe-payment-methods>ul{cursor:pointer;margin:0 0 .5em 0;padding:0;list-style:none}#mphb-stripe-payment-methods .mphb-stripe-payment-method{display:inline-block;margin:0 1.5em 0 0;padding-top:.5em;padding-bottom:.5em}#mphb-stripe-payment-methods .mphb-stripe-payment-method:last-of-type{margin-right:0}#mphb-stripe-payment-methods .mphb-stripe-payment-method.active label{box-shadow:0 2px currentColor}#mphb-stripe-payment-methods .mphb-stripe-payment-method label{cursor:pointer}#mphb-stripe-payment-methods .mphb-stripe-payment-method input[type=radio]{display:none}.mphb-stripe-payment-container{margin-bottom:1em}.mphb-stripe-payment-container .StripeElement{box-sizing:border-box;padding:15px 12px;border:1px solid transparent;border-radius:4px;background-color:#fff;box-shadow:0 1px 6px 0 #e6ebf1;-webkit-transition:box-shadow 150ms ease;transition:box-shadow 150ms ease;margin-top:.5em;margin-bottom:.5em}.mphb-stripe-payment-container .StripeElement--focus{box-shadow:0 1px 3px 0 #cfd7df}.mphb-stripe-payment-container .StripeElement--invalid{border-color:#fa755a}.mphb-stripe-payment-container .StripeElement--webkit-autofill{background-color:#fefde5!important}#mphb-stripe-errors{color:#e25950}#vsel {clear:both;}#vsel:after {content:'';display:block;height:0;clear:both;}.vsel-content:after {content:'';display:block;height:0;clear:both;}#vsel .vsel-content {margin:0 0 20px;padding:0 0 20px;border-bottom:1px solid #ccc;}.vsel-content p {margin:0 0 10px;padding:0;}.vsel-content p:last-of-type {margin-bottom:0;}.vsel-alignleft {float:left;}.vsel-alignright {float:right;}.vsel-content h2.vsel-meta-title {margin:0 0 5px;padding:0;font-size:1.2em;}.vsel-content h3.vsel-meta-title {margin:0 0 5px;padding:0;font-size:1.2em;}.vsel-content h4.vsel-meta-title {margin:0 0 5px;padding:0;font-size:1.2em;}.vsel-content div.vsel-meta-title {margin:0 0 5px;padding:0;font-size:1.2em;}.vsel-meta > div {margin:0 0 5px;}.vsel-meta > div:last-of-type {margin-bottom:0;}.vsel-meta-title {clear:both;}.vsel-meta-error {font-weight:bold;}.acf-field-error {font-weight:bold;}.vsel-meta-date-icon {line-height:1.5;}.vsel-start-icon, .vsel-end-icon {display:inline-block;margin:0 10px 0 0;background:#f8f8f8;color:#333;text-align:center;}.vsel-day, .vsel-month, .vsel-year {display:block;padding:2px 15px;}.vsel-year {font-size:0.8em;}.vsel-day-top, .vsel-month-top {background:#333;color:#fff;}.vsel-meta-combine:after {content:'';display:block;height:0;clear:both;}.vsel-meta-combine > div {margin:0 0 5px;}.vsel-meta-combine > div:last-of-type {margin-bottom:0;}.vsel-meta-combine .vsel-meta-date-icon {float:left;}.vsel-meta-combine .vsel-meta-title {clear:none;}.vsel-content figure.vsel-alignleft {margin:5px 10px 5px 0;}.vsel-content figure.vsel-alignright {margin:5px 0 5px 10px;}.vsel-content img.vsel-image {max-width:100%;height:auto;margin:0;padding:0;border:0;}.vsel-caption {display:block;}.vsel-read-more {display:block;}.vsel-info-acf-fields {padding:20px 0 0;}.vsel-info-acf-fields > div {margin:0 0 5px;}.vsel-info-acf-fields > div:last-of-type {margin-bottom:0;}.vsel-nav, .vsel-nav-numeric {clear:both;}.vsel-nav:after, .vsel-nav-numeric:after {content:'';display:block;height:0;clear:both;}.vsel-nav a.vsel-next {float:right;}.vsel-nav a.vsel-prev {float:left;}.vsel-no-events {margin:0;padding:0 0 20px;}.vsel-widget:after {content:'';display:block;height:0;clear:both;}.vsel-widget-text {margin:0 0 20px;}.vsel-widget-text p {margin:0 0 10px;padding:0;}.vsel-widget-text p:last-of-type {margin-bottom:0;}.vsel-widget .vsel-meta {clear:both;margin:0 0 20px;}.vsel-widget .vsel-info-block {clear:both;}@media screen and (max-width:767px) {.vsel-meta {width:100% !important;clear:both;float:left;margin:0 0 20px;box-sizing:border-box;}.vsel-info-block {width:100% !important;clear:both;float:left;box-sizing:border-box;}}.wpml-ls-menu-item .wpml-ls-flag{display:inline;vertical-align:baseline}.wpml-ls-menu-item .wpml-ls-flag+span{margin-left:.3em}.rtl .wpml-ls-menu-item .wpml-ls-flag+span{margin-left:0;margin-right:.3em}
  .hidden {
display: none;
}    html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
-webkit-box-sizing: content-box;
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent;
} abbr[title] {
border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted;
text-decoration: underline dotted; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
-webkit-box-sizing: border-box;
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
} body,
button,
input,
select,
optgroup,
textarea {
color: #4f4f4f;
font-family: "Roboto", sans-serif;
font-size: 16px;
font-size: 1rem;
line-height: 1.75;
}
h1, h2, h3, h4, h5, h6 {
clear: both;
line-height: 1.4;
margin: 1.5em 0 .5em;
font-weight: 900;
color: #37383c;
}
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
margin-top: 0;
}
h1 {
font-size: 39px;
font-size: 2.4375rem;
}
h2 {
font-size: 31px;
font-size: 1.9375rem;
}
h3 {
font-size: 25px;
font-size: 1.5625rem;
}
h4 {
font-size: 20px;
font-size: 1.25rem;
}
h5 {
font-size: 16px;
font-size: 1rem;
}
h6 {
font-size: 13px;
font-size: 0.8125rem;
}
p {
margin: 0 0 1.5em;
}
dfn, cite, em, i {
font-style: italic;
}
blockquote {
position: relative;
margin: 2.5rem 1.25rem;
padding: 2.5rem 1.875rem 1.875rem 3.75rem;
border: 4px solid #f2f2f2;
-webkit-box-shadow: 20px 20px 0 #f8f8f8;
box-shadow: 20px 20px 0 #f8f8f8;
line-height: 2.25;
font-weight: 400;
font-size: 18px;
font-size: 1.125rem;
}
blockquote:before {
position: absolute;
left: -24px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
content: '';
width: 50px;
height: 50px;
background-color: #00ca4c;
background-image: url(//www.villa-kerasia.gr/wp-content/themes/ciestra/images/quote.svg);
background-position: center;
background-repeat: no-repeat;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #f8f8f8;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.75;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code, kbd, tt, var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 16px;
font-size: 1rem;
background: #00a43e;
color: #fff;
padding: .15em .25em;
}
abbr, acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark, ins {
background: #f8f8f8;
text-decoration: none;
}
big {
font-size: 125%;
} html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
*,
*:before,
*:after { -webkit-box-sizing: inherit;
box-sizing: inherit;
}
body {
background: #fff; }
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul, ol {
margin: 0;
padding-left: 1.5em;
}
ul li, ol li {
margin-bottom: .875rem;
padding-left: .5em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-top: .875rem;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em;
}
img {
height: auto; max-width: 100%; }
figure {
margin: 1em 0; }
th,
td {
border: 1px solid #dddddd;
}
table {
border-collapse: collapse;
border-spacing: 0;
margin: 0 0 1.5rem;
table-layout: fixed; width: 100%;
}
caption,
th,
td {
font-weight: normal;
text-align: left;
}
th {
font-weight: 700;
}
th,
td {
padding: 0.8em;
}
@media (min-width: 992px) {
th,
td {
padding: 1.3em;
}
} .button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: none;
background: #00ca4c;
border-radius: 0;
color: #fff;
font-size: 14px;
font-size: 0.875rem;
line-height: 1;
padding: 1.28571em 1.5625em;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 1px;
font-weight: 900;
-webkit-transition: all .3s ease;
transition: all .3s ease;
white-space: normal;
}
.button:hover,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #00a43e;
background: #00a43e;
cursor: pointer;
color: #fff;
text-decoration: none;
}
.button:active, .button:focus,
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
border-color: #00a43e;
color: #fff;
}
a.more-link {
text-transform: uppercase;
color: #00ca4c;
position: relative;
display: inline-block;
font-size: 14px;
font-size: 0.875rem;
margin-top: .5rem;
font-weight: 900;
letter-spacing: 1px;
padding-bottom: 10px;
-webkit-transition: color .3s ease;
transition: color .3s ease;
}
a.more-link:hover {
text-decoration: none;
color: #00a43e;
}
a.more-link:hover:after {
height: 4px;
background: #00a43e;
}
a.more-link:focus, a.more-link:active {
text-decoration: none;
color: #00ca4c;
outline: none;
}
a.more-link:after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 2px;
background: #00ca4c;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
#back-to-top {
position: fixed;
padding: 0;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
right: 20px;
bottom: 20px;
opacity: 0;
-webkit-transform: translateY(150px);
transform: translateY(150px);
z-index: 10;
}
@media (min-width: 992px) {
#back-to-top {
right: 50px;
bottom: 50px;
}
}
#back-to-top.visible {
-webkit-transform: none;
transform: none;
opacity: 1;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea,
select {
display: block;
color: #37383c;
border: 1px solid #ddd;
max-width: 458px;
width: 100%;
padding: .625rem 1.25rem;
border-radius: 0;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus,
select:focus {
color: #37383c;
outline: none;
border-color: #00ca4c;
}
input[type="text"][disabled], input[type="text"][readonly],
fieldset[disabled] input[type="text"],
input[type="email"][disabled],
input[type="email"][readonly],
fieldset[disabled]
input[type="email"],
input[type="url"][disabled],
input[type="url"][readonly],
fieldset[disabled]
input[type="url"],
input[type="password"][disabled],
input[type="password"][readonly],
fieldset[disabled]
input[type="password"],
input[type="search"][disabled],
input[type="search"][readonly],
fieldset[disabled]
input[type="search"],
input[type="number"][disabled],
input[type="number"][readonly],
fieldset[disabled]
input[type="number"],
input[type="tel"][disabled],
input[type="tel"][readonly],
fieldset[disabled]
input[type="tel"],
input[type="range"][disabled],
input[type="range"][readonly],
fieldset[disabled]
input[type="range"],
input[type="date"][disabled],
input[type="date"][readonly],
fieldset[disabled]
input[type="date"],
input[type="month"][disabled],
input[type="month"][readonly],
fieldset[disabled]
input[type="month"],
input[type="week"][disabled],
input[type="week"][readonly],
fieldset[disabled]
input[type="week"],
input[type="time"][disabled],
input[type="time"][readonly],
fieldset[disabled]
input[type="time"],
input[type="datetime"][disabled],
input[type="datetime"][readonly],
fieldset[disabled]
input[type="datetime"],
input[type="datetime-local"][disabled],
input[type="datetime-local"][readonly],
fieldset[disabled]
input[type="datetime-local"],
input[type="color"][disabled],
input[type="color"][readonly],
fieldset[disabled]
input[type="color"],
textarea[disabled],
textarea[readonly],
fieldset[disabled]
textarea,
select[disabled],
select[readonly],
fieldset[disabled]
select {
background-color: #f2f2f2;
}
input[type="text"][disabled],
fieldset[disabled] input[type="text"],
input[type="email"][disabled],
fieldset[disabled]
input[type="email"],
input[type="url"][disabled],
fieldset[disabled]
input[type="url"],
input[type="password"][disabled],
fieldset[disabled]
input[type="password"],
input[type="search"][disabled],
fieldset[disabled]
input[type="search"],
input[type="number"][disabled],
fieldset[disabled]
input[type="number"],
input[type="tel"][disabled],
fieldset[disabled]
input[type="tel"],
input[type="range"][disabled],
fieldset[disabled]
input[type="range"],
input[type="date"][disabled],
fieldset[disabled]
input[type="date"],
input[type="month"][disabled],
fieldset[disabled]
input[type="month"],
input[type="week"][disabled],
fieldset[disabled]
input[type="week"],
input[type="time"][disabled],
fieldset[disabled]
input[type="time"],
input[type="datetime"][disabled],
fieldset[disabled]
input[type="datetime"],
input[type="datetime-local"][disabled],
fieldset[disabled]
input[type="datetime-local"],
input[type="color"][disabled],
fieldset[disabled]
input[type="color"],
textarea[disabled],
fieldset[disabled]
textarea,
select[disabled],
fieldset[disabled]
select {
cursor: not-allowed;
}
input[type="radio"],
input[type="checkbox"] {
margin: 0 1.2em 0.2em 0;
line-height: normal;
display: inline-block;
vertical-align: middle;
font-size: 14px;
font-size: 0.875rem;
}
input[type="search"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
select {
border: 1px solid #ddd;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url(//www.villa-kerasia.gr/wp-content/themes/ciestra/images/arrow_passive.svg);
background-repeat: no-repeat;
background-position: right 1rem top 1.25rem;
background-color: #fff;
padding-right: 2.25rem;
height: 50px;
}
select:active, select:focus {
background-image: url(//www.villa-kerasia.gr/wp-content/themes/ciestra/images/arrow_hover.svg);
}
select::-ms-expand {
display: none;
}
textarea {
width: 100%;
min-height: 180px;
line-height: 1.75;
}
label {
font-size: inherit;
display: inline-block;
margin-bottom: .25em;
font-weight: inherit;
}
.wpcf7-form > p > label > span {
display: block;
margin-top: .5rem;
}
.wpcf7-form > p > label {
display: block;
}
form > p {
margin-bottom: 1.875rem;
} .theme-social-menu a[href*="twitter.com"] .menu-text, .theme-social-menu a[href*="facebook.com"] .menu-text, .theme-social-menu a[href*="plus.google.com"] .menu-text, .theme-social-menu a[href*="pinterest.com"] .menu-text, .theme-social-menu a[href*="foursquare.com"] .menu-text, .theme-social-menu a[href*="yahoo.com"] .menu-text, .theme-social-menu a[href*="skype:"] .menu-text, .theme-social-menu a[href*="yelp.com"] .menu-text, .theme-social-menu a[href*="linkedin.com"] .menu-text, .theme-social-menu a[href*="viadeo.com"] .menu-text, .theme-social-menu a[href*="xing.com"] .menu-text, .theme-social-menu a[href*="soundcloud.com"] .menu-text, .theme-social-menu a[href*="spotify.com"] .menu-text, .theme-social-menu a[href*="last.fm"] .menu-text, .theme-social-menu a[href*="youtube.com"] .menu-text, .theme-social-menu a[href*="vimeo.com"] .menu-text, .theme-social-menu a[href*="vine.com"] .menu-text, .theme-social-menu a[href*="flickr.com"] .menu-text, .theme-social-menu a[href*="500px.com"] .menu-text, .theme-social-menu a[href*="instagram.com"] .menu-text, .theme-social-menu a[href*="tumblr.com"] .menu-text, .theme-social-menu a[href*="reddit.com"] .menu-text, .theme-social-menu a[href*="dribbble.com"] .menu-text, .theme-social-menu a[href*="stumbleupon.com"] .menu-text, .theme-social-menu a[href*="digg.com"] .menu-text, .theme-social-menu a[href*="behance.net"] .menu-text, .theme-social-menu a[href*="delicious.com"] .menu-text, .theme-social-menu a[href*="deviantart.com"] .menu-text, .theme-social-menu a[href*="play.com"] .menu-text, .theme-social-menu a[href*="wikipedia.com"] .menu-text, .theme-social-menu a[href*="apple.com"] .menu-text, .theme-social-menu a[href*="github.com"] .menu-text, .theme-social-menu a[href*="github.io"] .menu-text, .theme-social-menu a[href*="windows.com"] .menu-text, .theme-social-menu a[href*="tripadvisor."] .menu-text, .theme-social-menu a[href*="slideshare.net"] .menu-text, .theme-social-menu a[href*=".rss"] .menu-text, .theme-social-menu a[href*="vk.com"] .menu-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.theme-social-menu a[href*="twitter.com"]:before, .theme-social-menu a[href*="facebook.com"]:before, .theme-social-menu a[href*="plus.google.com"]:before, .theme-social-menu a[href*="pinterest.com"]:before, .theme-social-menu a[href*="foursquare.com"]:before, .theme-social-menu a[href*="yahoo.com"]:before, .theme-social-menu a[href*="skype:"]:before, .theme-social-menu a[href*="yelp.com"]:before, .theme-social-menu a[href*="linkedin.com"]:before, .theme-social-menu a[href*="viadeo.com"]:before, .theme-social-menu a[href*="xing.com"]:before, .theme-social-menu a[href*="soundcloud.com"]:before, .theme-social-menu a[href*="spotify.com"]:before, .theme-social-menu a[href*="last.fm"]:before, .theme-social-menu a[href*="youtube.com"]:before, .theme-social-menu a[href*="vimeo.com"]:before, .theme-social-menu a[href*="vine.com"]:before, .theme-social-menu a[href*="flickr.com"]:before, .theme-social-menu a[href*="500px.com"]:before, .theme-social-menu a[href*="instagram.com"]:before, .theme-social-menu a[href*="tumblr.com"]:before, .theme-social-menu a[href*="reddit.com"]:before, .theme-social-menu a[href*="dribbble.com"]:before, .theme-social-menu a[href*="stumbleupon.com"]:before, .theme-social-menu a[href*="digg.com"]:before, .theme-social-menu a[href*="behance.net"]:before, .theme-social-menu a[href*="delicious.com"]:before, .theme-social-menu a[href*="deviantart.com"]:before, .theme-social-menu a[href*="play.com"]:before, .theme-social-menu a[href*="wikipedia.com"]:before, .theme-social-menu a[href*="apple.com"]:before, .theme-social-menu a[href*="github.com"]:before, .theme-social-menu a[href*="github.io"]:before, .theme-social-menu a[href*="windows.com"]:before, .theme-social-menu a[href*="tripadvisor."]:before, .theme-social-menu a[href*="slideshare.net"]:before, .theme-social-menu a[href*=".rss"]:before, .theme-social-menu a[href*="vk.com"]:before {
margin-right: 0;
}
.theme-social-menu {
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0;
padding: 0;
}
.theme-social-menu li {
margin: .5rem 1rem;
padding: 0;
}
@media (min-width: 768px) {
.theme-social-menu li {
margin: 0 1rem;
}
}
.theme-social-menu li a {
padding: 0 .5rem;
color: #37383c;
}
.theme-social-menu li a:hover {
color: #00ca4c;
}
.theme-social-menu a:before {
font: normal normal normal 1rem/1 FontAwesome;
font-size: 21px;
font-size: 1.3125rem;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-indent: 0px;
display: inline-block !important;
margin-right: 0.438em;
}
.theme-social-menu a:empty {
width: 1em;
}
.theme-social-menu a[href*="twitter.com"]:before {
content: "";
}
.theme-social-menu a[href*="facebook.com"]:before {
content: "";
}
.theme-social-menu a[href*="google.com"]:before {
content: "";
}
.theme-social-menu a[href*="/map"]:before {
content: "";
}
.theme-social-menu a[href*="pinterest.com"]:before {
content: "";
}
.theme-social-menu a[href*="foursquare.com"]:before {
content: "";
}
.theme-social-menu a[href*="yahoo.com"]:before {
content: "";
}
.theme-social-menu a[href*="skype:"]:before {
content: "";
}
.theme-social-menu a[href*="yelp.com"]:before {
content: "";
}
.theme-social-menu a[href*="linkedin.com"]:before {
content: "";
}
.theme-social-menu a[href*="viadeo.com"]:before {
content: "";
}
.theme-social-menu a[href*="xing.com"]:before {
content: "";
}
.theme-social-menu a[href*="soundcloud.com"]:before {
content: "";
}
.theme-social-menu a[href*="spotify.com"]:before {
content: "";
}
.theme-social-menu a[href*="last.fm"]:before {
content: "";
}
.theme-social-menu a[href*="youtube.com"]:before {
content: "";
}
.theme-social-menu a[href*="vimeo.com"]:before {
content: "";
}
.theme-social-menu a[href*="vine.com"]:before {
content: "";
}
.theme-social-menu a[href*="flickr.com"]:before {
content: "";
}
.theme-social-menu a[href*="500px.com"]:before {
content: "";
}
.theme-social-menu a[href*="instagram.com"]:before {
content: "";
}
.theme-social-menu a[href*="tumblr.com"]:before {
content: "";
}
.theme-social-menu a[href*="reddit.com"]:before {
content: "";
}
.theme-social-menu a[href*="dribbble.com"]:before {
content: "";
}
.theme-social-menu a[href*="stumbleupon.com"]:before {
content: "";
}
.theme-social-menu a[href*="digg.com"]:before {
content: "";
}
.theme-social-menu a[href*="behance.net"]:before {
content: "";
}
.theme-social-menu a[href*="delicious.com"]:before {
content: "";
}
.theme-social-menu a[href*="deviantart.com"]:before {
content: "";
}
.theme-social-menu a[href*="play.com"]:before {
content: "";
}
.theme-social-menu a[href*="wikipedia.com"]:before {
content: "";
}
.theme-social-menu a[href*="apple.com"]:before {
content: "";
}
.theme-social-menu a[href*="github.com"]:before {
content: "";
}
.theme-social-menu a[href*="github.io"]:before {
content: "";
}
.theme-social-menu a[href*="windows.com"]:before {
content: "";
}
.theme-social-menu a[href*="tripadvisor."]:before {
content: "";
}
.theme-social-menu a[href*="slideshare.net"]:before {
content: "";
}
.theme-social-menu a[href*=".rss"]:before {
content: "";
}
.theme-social-menu a[href*="vk.com"]:before {
content: "";
}
.theme-social-menu a[href*="tel:"]:before {
content: "";
}
.theme-social-menu a[href*="mailto:"]:before {
content: "";
} a {
color: #00a43e;
text-decoration: none;
-webkit-transition: color .3s ease;
transition: color .3s ease;
}
a:hover, a:focus, a:active {
color: #00a43e;
text-decoration: underline;
}
a:focus {
outline: thin dotted;
}
a:hover, a:active {
outline: 0;
} .main-navigation {
clear: both;
display: block;
font-size: 16px;
font-size: 1rem;
-webkit-transition: background-color .3s ease;
transition: background-color .3s ease;
background: transparent;
border-top: 1px solid #dddddd;
width: 100%;
}
@media (min-width: 768px) {
.main-navigation {
width: auto;
border-top: 0;
}
}
@media (min-width: 992px) {
.main-navigation {
font-size: 13px;
font-size: 0.8125rem;
}
}
.main-navigation .primary-menu > li > a {
letter-spacing: 1px;
}
.main-navigation ul {
display: none;
list-style: none;
margin: 0;
padding-left: 0;
}
@media (min-width: 992px) {
.main-navigation ul > li {
margin-right: 1em;
}
.main-navigation ul > li:last-child {
margin-right: 0;
}
}
.main-navigation ul ul {
display: none;
}
@media (min-width: 992px) {
.main-navigation ul ul {
background: #fff;
-webkit-box-shadow: 3px 0 12px rgba(188, 197, 202, 0.3);
box-shadow: 3px 0 12px rgba(188, 197, 202, 0.3);
top: 120%;
position: absolute;
z-index: 99999;
visibility: hidden;
opacity: 0;
display: block;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
}
@media (min-width: 992px) {
.main-navigation ul ul ul {
visibility: hidden;
top: -1px;
}
}
.main-navigation ul ul li {
margin: 0;
padding-left: 1.53846em;
position: relative;
}
@media (min-width: 992px) {
.main-navigation ul ul li {
padding-right: 1.53846em;
padding-left: 1.53846em;
}
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
top: 25%;
}
.main-navigation ul ul li:last-child > a {
border: 0;
}
.main-navigation ul ul a {
text-transform: none;
border-bottom: 1px solid #dddddd;
font-weight: 700;
}
@media (min-width: 992px) {
.main-navigation ul ul a {
width: 140px;
font-size: 14px;
font-size: 0.875rem;
}
}
.main-navigation ul ul a:before {
display: none;
position: absolute;
left: 0;
top: 1em;
bottom: 1em;
content: '';
width: 2px;
background: #00ca4c;
}
.main-navigation ul ul a .menu-text {
padding: 1em 0 1em 1em;
}
@media (min-width: 992px) {
.main-navigation ul ul a .menu-text {
padding: 1em 0;
}
}
@media (min-width: 992px) {
.main-navigation ul ul :hover > a:before,
.main-navigation ul ul .focus > a:before {
display: block;
}
}
.main-navigation ul ul .menu-item-has-children > a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.main-navigation ul ul .menu-item-has-children > a .menu-text {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
max-width: calc(100% - 20px);
}
.main-navigation ul ul .current_page_item > a:before,
.main-navigation ul ul .current-menu-item > a:before,
.main-navigation ul ul .current_page_ancestor > a:before,
.main-navigation ul ul .current-menu-ancestor > a:before {
display: block;
}
.main-navigation ul ul .current_page_item > a .menu-text,
.main-navigation ul ul .current-menu-item > a .menu-text,
.main-navigation ul ul .current_page_ancestor > a .menu-text,
.main-navigation ul ul .current-menu-ancestor > a .menu-text {
background: transparent;
color: #00ca4c;
}
@media (min-width: 992px) {
.main-navigation ul li > ul {
left: 0;
}
.main-navigation ul li > ul.toleft {
right: 0;
left: auto;
}
.main-navigation ul li li > ul {
left: 100%;
}
.main-navigation ul li li > ul.toleft {
left: auto;
right: 100%;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
visibility: visible;
opacity: 1;
top: 100%;
}
}
.main-navigation li {
margin-bottom: 0;
position: relative;
padding-left: 0;
display: block;
}
@media (min-width: 992px) {
.main-navigation li {
float: left;
}
}
.main-navigation a {
display: block;
text-decoration: none;
color: #37383c;
text-transform: uppercase;
font-size: inherit;
font-weight: 900;
position: relative;
}
@media (min-width: 992px) {
.main-navigation a {
position: initial;
}
}
@media all and (min-width: 992px) and (-ms-high-contrast: none), (min-width: 992px) and (-ms-high-contrast: active) {
.main-navigation a {
position: static;
}
}
.main-navigation a:hover {
color: #00ca4c;
}
.main-navigation a .menu-text {
display: inline-block;
padding: 0.61538em 1em;
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
color: #00ca4c;
}
.main-navigation .menu-item-has-children > a:after {
font-family: 'FontAwesome';
}
@media (min-width: 992px) {
.main-navigation .menu-item-has-children > a:after {
content: "";
}
} .menu-toggle {
border: 0;
background: transparent;
position: relative;
margin: 0 auto;
padding: .875rem 0;
}
@media (min-width: 768px) {
.menu-toggle {
padding: 0;
position: absolute;
z-index: 10;
top: 1.5rem;
right: 3.125rem;
}
}
.menu-toggle:hover, .menu-toggle:active, .menu-toggle:focus {
border: 0;
background: transparent;
}
.menu-toggle[aria-expanded="true"] .bars i:first-child {
-webkit-transform: translateY(10px) rotate(45deg);
transform: translateY(10px) rotate(45deg);
width: 30px;
}
.menu-toggle[aria-expanded="true"] .bars i:nth-child(2) {
opacity: 0;
}
.menu-toggle[aria-expanded="true"] .bars i:last-child {
width: 30px;
-webkit-transform: translateY(-10px) rotate(-45deg);
transform: translateY(-10px) rotate(-45deg);
}
.menu-toggle .bars i {
display: block;
width: 22px;
height: 2px;
background: #37383c;
margin-bottom: 8px;
opacity: 1;
-webkit-transform: none;
transform: none;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.menu-toggle .bars i:last-child {
margin-bottom: 0;
}
.menu-primary-container {
-webkit-transform: translateY(-20%);
transform: translateY(-20%);
padding: 0 1.5625rem;
opacity: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: opacity .75s ease, -webkit-transform .3s ease;
transition: opacity .75s ease, -webkit-transform .3s ease;
transition: transform .3s ease, opacity .75s ease;
transition: transform .3s ease, opacity .75s ease, -webkit-transform .3s ease;
}
@media (min-width: 768px) {
.menu-primary-container {
-webkit-transform: translateY(-80%);
transform: translateY(-80%);
margin-top: 0;
padding: 0;
}
}
@media (min-width: 992px) {
.menu-primary-container {
-webkit-transform: none;
transform: none;
opacity: 1;
min-height: unset;
display: initial;
}
}
.main-navigation.toggled {
background: #fff;
}
@media (min-width: 768px) {
.main-navigation.toggled {
position: initial;
width: 100%;
}
}
.main-navigation.toggled .menu-item-has-children > a {
padding-right: 45px;
}
.main-navigation.toggled .menu-primary-container {
-webkit-transform: none;
transform: none;
opacity: 1;
margin: 0 auto;
border-top: 1px solid #dddddd;
padding-top: 2.8125rem;
}
@media (min-width: 768px) {
.main-navigation.toggled .menu-primary-container {
border-top: 0;
max-width: 320px;
padding: 80px 0;
}
}
.main-navigation.toggled .primary-menu {
width: 100%;
}
.main-navigation.toggled .primary-menu > li {
margin-bottom: 1.25rem;
}
.main-navigation.toggled .primary-menu > li > .sub-menu {
margin-top: 1rem;
}
.main-navigation.toggled .sub-menu {
display: none;
}
.main-navigation.toggled .sub-menu.toggled-on {
display: block;
}
.menu-toggle,
.main-navigation.toggled .primary-menu {
display: block;
}
.dropdown-toggle {
position: absolute;
right: 0;
top: 0;
background: transparent;
border: 0;
font-size: inherit;
padding: 0.5em 1em;
line-height: 1.75;
color: #37383c;
}
@media (min-width: 992px) {
.dropdown-toggle {
display: none;
}
}
.dropdown-toggle:hover, .dropdown-toggle:focus {
color: #00ca4c;
background: transparent;
border: 0;
}
@media (min-width: 992px) {
.menu-toggle {
display: none;
}
.main-navigation ul {
display: block;
}
}
.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
margin: 0 0 1.5em;
overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
width: 100%;
margin-bottom: 2.5rem;
}
@media (min-width: 768px) {
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
width: 50%;
margin-bottom: 0;
}
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
width: 100%;
text-align: right;
}
@media (min-width: 768px) {
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
float: right;
width: 50%;
}
}
.footer-menu {
padding: 0;
margin: 0;
list-style: none;
font-size: 14px;
font-size: 0.875rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.footer-menu li {
padding: 0;
margin: 0 10px 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.footer-menu li:after {
content: "";
font-family: FontAwesome;
margin-left: 10px;
font-size: 6px;
font-size: 0.375rem;
color: #e0e0e0;
}
.footer-menu li:last-child {
margin: 0;
}
.footer-menu li:last-child:after {
display: none;
} .navigation.pagination {
margin-top: 3.75rem;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
overflow: hidden;
padding: .5rem;
}
.navigation.pagination .page-numbers {
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
display: block;
float: left;
position: relative;
color: #4f4f4f;
margin-right: 1.5625em;
margin-bottom: 1.25em;
}
.navigation.pagination .page-numbers:last-child {
margin-right: 0;
}
.navigation.pagination .page-numbers:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #00ca4c;
opacity: 0;
-webkit-transition: all .5s ease;
transition: all .5s ease;
z-index: -1;
-webkit-transform: rotate(-45deg) scale(0.8);
transform: rotate(-45deg) scale(0.8);
}
.navigation.pagination .page-numbers:focus {
outline: none;
}
.navigation.pagination .page-numbers:not(.dots):hover, .navigation.pagination .page-numbers:not(.dots).current {
color: #fff;
text-decoration: none;
}
.navigation.pagination .page-numbers:not(.dots):hover:after, .navigation.pagination .page-numbers:not(.dots).current:after {
-webkit-transform: rotate(-45deg) scale(1);
transform: rotate(-45deg) scale(1);
opacity: 1;
}
.navigation.pagination .page-numbers.prev, .navigation.pagination .page-numbers.next {
background-repeat: no-repeat;
background-position: center;
text-indent: -9999rem;
}
.navigation.pagination .page-numbers.prev:after, .navigation.pagination .page-numbers.next:after {
z-index: -1;
opacity: 1;
-webkit-transform: rotate(-45deg) scale(1);
transform: rotate(-45deg) scale(1);
background-color: #edf6fc;
}
.navigation.pagination .page-numbers.prev:hover:after, .navigation.pagination .page-numbers.next:hover:after {
background-color: #00ca4c;
}
.navigation.pagination .page-numbers.prev {
background-image: url(//www.villa-kerasia.gr/wp-content/themes/ciestra/images/slider/slider_arrow_left_passive.svg);
}
.navigation.pagination .page-numbers.prev:hover {
background-image: url(//www.villa-kerasia.gr/wp-content/themes/ciestra/images/slider/slider_arrow_left_hover.svg);
}
.navigation.pagination .page-numbers.next {
background-image: url(//www.villa-kerasia.gr/wp-content/themes/ciestra/images/slider/slider_arrow_right_passive.svg);
}
.navigation.pagination .page-numbers.next:hover {
background-image: url(//www.villa-kerasia.gr/wp-content/themes/ciestra/images/slider/slider_arrow_right_hover.svg);
}
.navigation.post-navigation {
margin-top: 4.5rem;
padding-top: 1.5rem;
border-top: 1px solid #dddddd;
}
.navigation.post-navigation a:hover, .navigation.post-navigation a:focus, .navigation.post-navigation a:active {
text-decoration: none;
outline: none;
}
.navigation.post-navigation .nav-links {
margin: 0 -12px;
}
.navigation.post-navigation .nav-links .nav-previous, .navigation.post-navigation .nav-links .nav-next {
padding: 0 12px;
}
.navigation.post-navigation .nav-links .nav-previous a:hover img, .navigation.post-navigation .nav-links .nav-next a:hover img {
-webkit-box-shadow: 10px 10px 0 #edf6fc;
box-shadow: 10px 10px 0 #edf6fc;
}
.navigation.post-navigation .nav-links .nav-previous a:hover .post-title, .navigation.post-navigation .nav-links .nav-next a:hover .post-title {
color: #00ca4c;
}
.navigation.post-navigation .nav-links .nav-previous .post-thumbnail, .navigation.post-navigation .nav-links .nav-next .post-thumbnail {
padding-right: 1.325rem;
}
.navigation.post-navigation .nav-links .nav-previous img, .navigation.post-navigation .nav-links .nav-next img {
margin: 0 0 1.875rem 0;
-webkit-box-shadow: 20px 20px 0 #edf6fc;
box-shadow: 20px 20px 0 #edf6fc;
-webkit-transition: -webkit-box-shadow .3s ease;
transition: -webkit-box-shadow .3s ease;
transition: box-shadow .3s ease;
transition: box-shadow .3s ease, -webkit-box-shadow .3s ease;
}
.navigation.post-navigation .nav-links .nav-next {
text-align: right;
}
.navigation.post-navigation .nav-links .meta-nav {
display: block;
text-transform: lowercase;
color: #7e7e7e;
font-size: 12px;
font-size: 0.75rem;
}
.navigation.post-navigation .nav-links .post-title {
color: #37383c;
font-weight: 700;
-webkit-transition: color .3s ease;
transition: color .3s ease;
}  .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important; }
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
-webkit-clip-path: none;
clip-path: none;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } #content[tabindex="-1"]:focus {
outline: 0;
} .alignleft {
display: block;
margin: 0 auto 1.5em;
}
@media (min-width: 768px) {
.alignleft {
display: inline;
float: left;
margin: 0 3.75em 1.5em 0;
}
}
.alignright {
display: block;
margin: 0 auto 1.5em;
}
@media (min-width: 768px) {
.alignright {
display: inline;
float: right;
margin: 0 0 1.5em 3.75em;
}
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin: 0 auto 1.5em;
}
@media (min-width: 992px) {
.aligncenter {
margin: 0 auto 2.5em;
}
} .clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
} .widget {
margin: 0 0 1.5em;
font-size: 14px;
font-size: 0.875rem; }
.widget:last-child {
margin-bottom: 0;
}
.widget select {
max-width: 100%;
}
.widget .widget-title {
font-weight: 700;
font-size: 16px;
font-size: 1rem;
margin-bottom: 2.125em;
}
.widget .widget-title:after {
content: '';
display: block;
width: 29px;
height: 9px;
margin-top: 16px;
background: url(//www.villa-kerasia.gr/wp-content/themes/ciestra/images/wave_line.svg) center no-repeat;
}
.widget.widget_archive ul, .widget.widget_categories ul, .widget.widget_pages ul, .widget.widget_recent_entries ul, .widget.widget_nav_menu ul, .widget.widget_recent_comments ul {
list-style: none;
padding: 0;
}
.widget.widget_archive > ul > li, .widget.widget_categories > ul > li, .widget.widget_pages > ul > li, .widget.widget_recent_entries > ul > li, .widget.widget_nav_menu > ul > li, .widget.widget_recent_comments > ul > li {
padding-left: 0;
}
@media (min-width: 992px) {
.widget-area {
padding-right: 10px;
}
}
.widget-area .widget {
margin-top: 3.125rem;
border: 1px solid #f2f2f2;
background: #fff;
padding: 2.125rem 1.875rem;
-webkit-box-shadow: 10px 10px 0 #edf6fc;
box-shadow: 10px 10px 0 #edf6fc;
}
.widget-area .widget:first-child {
margin-top: 0;
}
.search-form {
position: relative;
}
.search-form .search-submit {
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 55px;
border: 0;
background: transparent;
color: #7e7e7e;
padding: 0;
font-size: 14px;
font-size: 0.875rem;
}
.search-form .search-submit:hover {
color: #00ca4c;
}
.search-form label {
display: block;
width: 100%;
}
.search-form input {
width: 100%;
max-width: 100%;
padding-right: 55px;
padding-left: 20px;
}
.tagcloud {
display: block;
padding-bottom: 3.75rem;
border-bottom: 1px solid #dddddd;
}
.tagcloud a {
display: inline-block;
font-size: 12px;
font-size: 0.75rem;
color: #7e7e7e;
padding: 0.83333em;
background: #f2f2f2;
-webkit-transition: all .3s ease;
transition: all .3s ease;
margin: 0 0.66667em 0.66667em 0;
line-height: 1;
}
.tagcloud a:hover {
color: #4f4f4f;
background: #ddd;
text-decoration: none;
}
.tagcloud {
padding-bottom: 0;
border: 0;
}
.front-page-widget-area {
width: 100%;
background: #edf6fc;
padding: 2.5rem 1.5625rem;
}
@media (min-width: 768px) {
.front-page-widget-area {
padding: 2.5rem 3.125rem;
}
}
@media (min-width: 992px) {
.front-page-widget-area {
background: transparent;
padding: 2.5rem 0;
}
}
.front-page-widget-area .widget {
margin: 0 0 2.5rem;
}
.front-page-widget-area .widget:last-child {
margin: 0;
}
.front-page-widget-area .widget .widget-title {
display: none;
}
.front-page-widget-area .widget label {
color: #4f4f4f;
}
.front-page-widget-area .mphb_widget_search-form, .front-page-widget-area .mphb-booking-form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -.9375rem;
}
@media (min-width: 992px) {
.front-page-widget-area .mphb_widget_search-form, .front-page-widget-area .mphb-booking-form {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
.front-page-widget-area .mphb_widget_search-form .mphb-required-fields-tip, .front-page-widget-area .mphb-booking-form .mphb-required-fields-tip {
display: none;
}
.front-page-widget-area .mphb_widget_search-form > p, .front-page-widget-area .mphb-booking-form > p {
padding: 0 .9375rem;
margin-bottom: 1.875rem;
}
@media (min-width: 992px) {
.front-page-widget-area .mphb_widget_search-form > p, .front-page-widget-area .mphb-booking-form > p {
margin-bottom: 0;
}
}
.front-page-widget-area .mphb_widget_search-form .mphb_widget_search-adults,
.front-page-widget-area .mphb_widget_search-form .mphb_widget_search-children,
.front-page-widget-area .mphb_widget_search-form .mphb-check-children-date-wrapper,
.front-page-widget-area .mphb_widget_search-form .mphb-children-wrapper,
.front-page-widget-area .mphb_widget_search-form .mphb-adults-wrapper, .front-page-widget-area .mphb-booking-form .mphb_widget_search-adults,
.front-page-widget-area .mphb-booking-form .mphb_widget_search-children,
.front-page-widget-area .mphb-booking-form .mphb-check-children-date-wrapper,
.front-page-widget-area .mphb-booking-form .mphb-children-wrapper,
.front-page-widget-area .mphb-booking-form .mphb-adults-wrapper {
max-width: none;
width: 100%;
}
@media (min-width: 768px) {
.front-page-widget-area .mphb_widget_search-form .mphb_widget_search-adults,
.front-page-widget-area .mphb_widget_search-form .mphb_widget_search-children,
.front-page-widget-area .mphb_widget_search-form .mphb-check-children-date-wrapper,
.front-page-widget-area .mphb_widget_search-form .mphb-children-wrapper,
.front-page-widget-area .mphb_widget_search-form .mphb-adults-wrapper, .front-page-widget-area .mphb-booking-form .mphb_widget_search-adults,
.front-page-widget-area .mphb-booking-form .mphb_widget_search-children,
.front-page-widget-area .mphb-booking-form .mphb-check-children-date-wrapper,
.front-page-widget-area .mphb-booking-form .mphb-children-wrapper,
.front-page-widget-area .mphb-booking-form .mphb-adults-wrapper {
width: 25%;
}
}
@media (min-width: 992px) {
.front-page-widget-area .mphb_widget_search-form .mphb_widget_search-adults,
.front-page-widget-area .mphb_widget_search-form .mphb_widget_search-children,
.front-page-widget-area .mphb_widget_search-form .mphb-check-children-date-wrapper,
.front-page-widget-area .mphb_widget_search-form .mphb-children-wrapper,
.front-page-widget-area .mphb_widget_search-form .mphb-adults-wrapper, .front-page-widget-area .mphb-booking-form .mphb_widget_search-adults,
.front-page-widget-area .mphb-booking-form .mphb_widget_search-children,
.front-page-widget-area .mphb-booking-form .mphb-check-children-date-wrapper,
.front-page-widget-area .mphb-booking-form .mphb-children-wrapper,
.front-page-widget-area .mphb-booking-form .mphb-adults-wrapper {
max-width: 130px;
}
}
.front-page-widget-area .mphb_widget_search-form .mphb_widget_search-check-in-date,
.front-page-widget-area .mphb_widget_search-form .mphb-check-in-date-wrapper, .front-page-widget-area .mphb-booking-form .mphb_widget_search-check-in-date,
.front-page-widget-area .mphb-booking-form .mphb-check-in-date-wrapper {
width: 100%;
}
.front-page-widget-area .mphb_widget_search-form .mphb_widget_search-check-in-date input,
.front-page-widget-area .mphb_widget_search-form .mphb-check-in-date-wrapper input, .front-page-widget-area .mphb-booking-form .mphb_widget_search-check-in-date input,
.front-page-widget-area .mphb-booking-form .mphb-check-in-date-wrapper input {
max-width: 100%;
}
@media (min-width: 768px) {
.front-page-widget-area .mphb_widget_search-form .mphb_widget_search-check-in-date,
.front-page-widget-area .mphb_widget_search-form .mphb-check-in-date-wrapper, .front-page-widget-area .mphb-booking-form .mphb_widget_search-check-in-date,
.front-page-widget-area .mphb-booking-form .mphb-check-in-date-wrapper {
width: 50%;
}
}
@media (min-width: 992px) {
.front-page-widget-area .mphb_widget_search-form .mphb_widget_search-check-in-date,
.front-page-widget-area .mphb_widget_search-form .mphb-check-in-date-wrapper, .front-page-widget-area .mphb-booking-form .mphb_widget_search-check-in-date,
.front-page-widget-area .mphb-booking-form .mphb-check-in-date-wrapper {
width: auto;
}
}
.front-page-widget-area .mphb_widget_search-form .mphb_widget_search-check-out-date,
.front-page-widget-area .mphb_widget_search-form .mphb-check-out-date-wrapper, .front-page-widget-area .mphb-booking-form .mphb_widget_search-check-out-date,
.front-page-widget-area .mphb-booking-form .mphb-check-out-date-wrapper {
width: 100%;
}
.front-page-widget-area .mphb_widget_search-form .mphb_widget_search-check-out-date input,
.front-page-widget-area .mphb_widget_search-form .mphb-check-out-date-wrapper input, .front-page-widget-area .mphb-booking-form .mphb_widget_search-check-out-date input,
.front-page-widget-area .mphb-booking-form .mphb-check-out-date-wrapper input {
max-width: 100%;
}
@media (min-width: 768px) {
.front-page-widget-area .mphb_widget_search-form .mphb_widget_search-check-out-date,
.front-page-widget-area .mphb_widget_search-form .mphb-check-out-date-wrapper, .front-page-widget-area .mphb-booking-form .mphb_widget_search-check-out-date,
.front-page-widget-area .mphb-booking-form .mphb-check-out-date-wrapper {
width: 50%;
}
}
@media (min-width: 992px) {
.front-page-widget-area .mphb_widget_search-form .mphb_widget_search-check-out-date,
.front-page-widget-area .mphb_widget_search-form .mphb-check-out-date-wrapper, .front-page-widget-area .mphb-booking-form .mphb_widget_search-check-out-date,
.front-page-widget-area .mphb-booking-form .mphb-check-out-date-wrapper {
width: auto;
padding-right: .9375rem;
}
}
.front-page-widget-area .mphb_widget_search-form .mphb_widget_search-submit-button-wrapper,
.front-page-widget-area .mphb_widget_search-form .mphb-reserve-btn-wrapper, .front-page-widget-area .mphb-booking-form .mphb_widget_search-submit-button-wrapper,
.front-page-widget-area .mphb-booking-form .mphb-reserve-btn-wrapper {
width: 100%;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
@media (min-width: 768px) {
.front-page-widget-area .mphb_widget_search-form .mphb_widget_search-submit-button-wrapper,
.front-page-widget-area .mphb_widget_search-form .mphb-reserve-btn-wrapper, .front-page-widget-area .mphb-booking-form .mphb_widget_search-submit-button-wrapper,
.front-page-widget-area .mphb-booking-form .mphb-reserve-btn-wrapper {
width: 50%;
padding-left: .9375rem;
}
}
@media (min-width: 992px) {
.front-page-widget-area .mphb_widget_search-form .mphb_widget_search-submit-button-wrapper,
.front-page-widget-area .mphb_widget_search-form .mphb-reserve-btn-wrapper, .front-page-widget-area .mphb-booking-form .mphb_widget_search-submit-button-wrapper,
.front-page-widget-area .mphb-booking-form .mphb-reserve-btn-wrapper {
width: auto;
}
}
.front-page-widget-area .mphb_widget_search-form .mphb-errors-wrapper,
.front-page-widget-area .mphb_widget_search-form .mphb-reserve-room-section, .front-page-widget-area .mphb-booking-form .mphb-errors-wrapper,
.front-page-widget-area .mphb-booking-form .mphb-reserve-room-section {
text-align: center;
width: 100%;
padding: 0 .9375rem;
margin: 0 auto;
}
@media (min-width: 992px) {
.front-page-widget-area .mphb_widget_search-form .mphb-errors-wrapper,
.front-page-widget-area .mphb_widget_search-form .mphb-reserve-room-section, .front-page-widget-area .mphb-booking-form .mphb-errors-wrapper,
.front-page-widget-area .mphb-booking-form .mphb-reserve-room-section {
width: 100%;
margin: 1.25rem auto 0;
}
.front-page-widget-area .mphb_widget_search-form .mphb-errors-wrapper .mphb-confirm-reservation,
.front-page-widget-area .mphb_widget_search-form .mphb-reserve-room-section .mphb-confirm-reservation, .front-page-widget-area .mphb-booking-form .mphb-errors-wrapper .mphb-confirm-reservation,
.front-page-widget-area .mphb-booking-form .mphb-reserve-room-section .mphb-confirm-reservation {
width: 50%;
}
}
.front-page-widget-area .mphb-booking-form {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.front-page-widget-area .mphb-booking-form .mphb-reserve-btn-wrapper .button {
padding-right: 10px;
padding-left: 10px;
}
@media (min-width: 992px) {
.front-page-widget-area .mphb-booking-form .mphb-check-in-date-wrapper,
.front-page-widget-area .mphb-booking-form .mphb-check-out-date-wrapper {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
}
.front-page-widget-area .mphb_widget_search-form {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media (min-width: 992px) {
.front-page-widget-area .mphb_widget_search-form {
margin-top: -1rem;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
.front-page-widget-area .mphb_widget_search-form > p {
width: 100%;
}
@media (min-width: 768px) {
.front-page-widget-area .mphb_widget_search-form > p {
width: 25%;
}
}
@media (min-width: 992px) {
.front-page-widget-area .mphb_widget_search-form > p {
padding-top: 1rem;
width: auto;
min-width: 277px;
}
.front-page-widget-area .mphb_widget_search-form > p.mphb_widget_search-children, .front-page-widget-area .mphb_widget_search-form > p.mphb_widget_search-adults {
min-width: 130px;
max-width: 25%;
width: auto;
}
.front-page-widget-area .mphb_widget_search-form > p.mphb_widget_search-submit-button-wrapper {
min-width: 224px;
-webkit-box-flex: initial;
-ms-flex: initial;
flex: initial;
padding-top: 2rem;
}
}
.widget_calendar th, .widget_calendar td {
border-width: 0;
}
.widget_calendar th {
font-weight: 400;
font-size: 14px;
font-size: 0.875rem;
line-height: 1.66667;
padding: 0.7em 0 0.4em;
background: #f2f2f2;
}
.widget_calendar tbody th, .widget_calendar tbody td, .widget_calendar thead th, .widget_calendar thead td {
text-align: center;
}
.widget_calendar tbody td, .widget_calendar thead td {
padding: 0.25em 0;
}
.widget_calendar tfoot td {
padding: 0.92857em 1.07143em;
}
.widget_calendar table {
margin: 0;
}
.widget_calendar caption {
padding: 1em;
text-align: center;
font-size: 16px;
font-size: 1rem;
}
.widget_calendar #next {
text-align: right;
}
.footer-widget-area .widget ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.footer-widget-area .widget .widget-title:after {
margin: 0 auto;
display: none;
} .wrapper {
max-width: 1330px;
padding: 0 1.5625rem;
margin: 0 auto;
position: relative;
}
@media (min-width: 768px) {
.wrapper {
padding: 0 3.125rem;
}
}
@media (min-width: 992px) {
.wrapper {
padding: 0 6.25rem;
}
}
.content-area {
padding-top: 5rem;
padding-bottom: 5rem;
}
@media (min-width: 992px) {
.content-area {
float: left;
width: 71.33%;
max-width: 806px;
padding-right: 3.75rem;
}
}
.site-content .widget-area {
padding-top: 5rem;
padding-bottom: 5rem;
}
@media (min-width: 992px) {
.site-content .widget-area {
float: right;
width: 28.67%;
max-width: 324px;
}
}
.site-footer {
clear: both;
width: 100%;
}
.content-area.boxed {
float: none;
width: 100%;
max-width: 746px;
margin: 0 auto;
padding-right: 0;
}
.content-area.boxed .page-header {
text-align: center;
}
.content-area.no-sidebar {
float: none;
max-width: none;
padding-right: 0;
width: 100%;
}
.content-area.no-sidebar .page-header {
text-align: center;
}
body.page-template-template-front-page .wrapper {
max-width: none;
padding: 0;
}
.content-area.front-page {
padding-right: 0;
width: 100%;
float: none;
max-width: none;
} .sticky {
display: block;
}
.hentry {
margin: 0 0 1.5em;
}
.updated:not(.published) {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
.hentry .post-thumbnail {
display: inline-block;
line-height: 0;
margin-right: .625rem;
margin-bottom: 1.875rem;
}
@media (min-width: 768px) {
.hentry .post-thumbnail {
margin-right: 1.25rem;
margin-bottom: 2.5rem;
}
}
@media (min-width: 992px) {
.hentry .post-thumbnail {
margin-right: 2.5rem;
margin-bottom: 4.5rem;
}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.hentry .post-thumbnail {
max-width: 100%;
}
}
.hentry .post-thumbnail img {
-webkit-box-shadow: 10px 10px 0 #edf6fc;
box-shadow: 10px 10px 0 #edf6fc;
-webkit-transition: -webkit-box-shadow .5s ease;
transition: -webkit-box-shadow .5s ease;
transition: box-shadow .5s ease;
transition: box-shadow .5s ease, -webkit-box-shadow .5s ease;
}
@media (min-width: 768px) {
.hentry .post-thumbnail img {
-webkit-box-shadow: 20px 20px 0 #edf6fc;
box-shadow: 20px 20px 0 #edf6fc;
}
}
@media (min-width: 992px) {
.hentry .post-thumbnail img {
-webkit-box-shadow: 40px 40px 0 #edf6fc;
box-shadow: 40px 40px 0 #edf6fc;
}
}
@media (min-width: 992px) {
.hentry a.post-thumbnail:hover img {
-webkit-box-shadow: 20px 20px 0 #edf6fc;
box-shadow: 20px 20px 0 #edf6fc;
}
}
.hentry .entry-title {
margin-top: 1.875rem;
margin-bottom: 1.875rem;
word-wrap: break-word;
}
.hentry .entry-title a {
color: #37383c;
}
.hentry .entry-title a:hover {
color: #00a43e;
text-decoration: none;
}
.hentry .entry-title a:focus, .hentry .entry-title a:active {
text-decoration: none;
}
.hentry + .hentry {
margin-top: 6.25rem;
}
.entry-meta {
font-size: 12px;
font-size: 0.75rem;
color: #7e7e7e;
}
.entry-meta a {
color: #7e7e7e;
}
.entry-meta a:hover {
color: #00a43e;
text-decoration: none;
}
.entry-meta .fa {
color: #37383c;
margin-right: .5rem;
}
.entry-meta > span {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.entry-meta > span:after {
content: "";
font-family: FontAwesome;
font-size: 6px;
font-size: 0.375rem;
color: #e0e0e0;
margin: 0 1.875em;
}
.entry-meta > span:last-child:after {
display: none;
}
.entry-meta > span.featured {
color: #00ca4c;
font-weight: 700;
}
.entry-meta > span.featured .fa {
color: #00ca4c;
}
.entry-meta .cat-links a, .entry-meta .tags-links a {
margin-left: .25rem;
}
.entry-meta .cat-links a:first-of-type, .entry-meta .tags-links a:first-of-type {
margin-left: 0;
}
.entry-author {
padding: 2.5rem;
position: relative;
border: 1px solid #f2f2f2;
margin-top: 4.5rem;
}
@media (min-width: 992px) {
.entry-author {
padding-left: 200px;
}
}
.entry-author .author-avatar img {
border-radius: 100%;
}
@media (min-width: 992px) {
.entry-author .author-avatar {
position: absolute;
left: 2.5rem;
top: 2.5rem;
}
}
.entry-author .name {
font-size: 16px;
font-size: 1rem;
margin-bottom: 1.875em;
}
.entry-author .author .description {
margin-bottom: 1.875em;
}
.comments-area {
margin-top: 4.5rem;
}
.page-header {
margin: 0 0 3.75rem;
}
@media (min-width: 992px) {
.page-header {
margin: 0 0 5rem;
}
}
.page-header .page-title {
margin: 0;
word-wrap: break-word;
}
body.page .page > .entry-header {
margin: 0 0 3.75rem;
}
@media (min-width: 992px) {
body.page .page > .entry-header {
margin: 0 0 5rem;
}
}
body.page .page > .entry-header .entry-title {
margin: 0;
}
body.page .boxed .page > .entry-header, body.page .no-sidebar .page > .entry-header {
text-align: center;
}
body.page .boxed .page-header, body.page .no-sidebar .page-header {
text-align: center;
}
.amenities-wrapper {
margin: 0 -.625rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.amenities-wrapper:after {
display: table;
content: '';
clear: both;
}
@media (min-width: 992px) {
.amenities-wrapper.columns-1 .type-cptp-amenity {
width: 100%;
}
.amenities-wrapper.columns-1 .type-cptp-amenity:nth-last-child(-n + 1) {
margin-bottom: 0;
}
}
@media (min-width: 992px) {
.amenities-wrapper.columns-2 .type-cptp-amenity {
width: 50%;
}
.amenities-wrapper.columns-2 .type-cptp-amenity:nth-last-child(-n + 2) {
margin-bottom: 0;
}
}
@media (min-width: 992px) {
.amenities-wrapper.columns-3 .type-cptp-amenity {
width: 33.33%;
}
.amenities-wrapper.columns-3 .type-cptp-amenity:nth-last-child(-n + 3) {
margin-bottom: 0;
}
}
@media (min-width: 992px) {
.amenities-wrapper.columns-4 .type-cptp-amenity {
width: 25%;
}
.amenities-wrapper.columns-4 .type-cptp-amenity:nth-last-child(-n + 4) {
margin-bottom: 0;
}
}
.amenities-wrapper .type-cptp-amenity {
padding: 0 0.625rem;
margin-top: 0;
margin-bottom: 3.75rem;
width: 100%;
}
@media (min-width: 768px) {
.amenities-wrapper .type-cptp-amenity {
width: 50%;
}
}
.amenities-wrapper .type-cptp-amenity .post-thumbnail {
margin: 0;
display: block;
}
.amenities-wrapper .type-cptp-amenity .post-thumbnail img {
-webkit-box-shadow: none;
box-shadow: none;
}
.amenities-wrapper .type-cptp-amenity .post-thumbnail:hover img {
-webkit-box-shadow: none;
box-shadow: none;
}
.amenities-wrapper .type-cptp-amenity .entry-header {
margin-top: 2rem;
padding: 0 2.5rem;
}
.amenities-wrapper .type-cptp-amenity .entry-header .entry-title {
margin: 0;
font-size: 18px;
font-size: 1.125rem;
}
.amenities-wrapper .type-cptp-amenity .entry-content {
margin-top: 1rem;
padding: 0 2.5rem 2.5rem;
}
.amenities-wrapper .type-cptp-amenity .entry-content p:last-child {
margin-bottom: 0;
}
.amenities-wrapper .type-cptp-amenity .entry-content .more-link {
margin-top: 0;
}
.amenities-wrapper .type-cptp-amenity .amenity-wrapper {
border: 4px solid #f2f2f2;
}
.single .cptp-amenity .entry-header {
margin-bottom: 3.75rem;
}
.single .cptp-amenity .entry-header .entry-title {
margin: 0;
text-align: center;
}
.single .cptp-amenity .post-thumbnail {
margin-bottom: 5rem;
}
.single .cptp-amenity .entry-content {
margin-top: 0;
}
.testimonials-wrapper .entry-content {
margin: 0 1.875rem;
position: relative;
-webkit-box-shadow: 30px 53px 0 #f8f8f8;
box-shadow: 30px 53px 0 #f8f8f8;
border: 4px solid #f2f2f2;
padding: 2.5rem 1.875rem 2.5rem 3.75rem;
font-size: 18px;
font-size: 1.125rem;
font-weight: 400;
}
.testimonials-wrapper .entry-content:before {
position: absolute;
top: 2.5rem;
left: 0;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
height: 3.125rem;
width: 3.125rem;
background-color: #00ca4c;
background-image: url(//www.villa-kerasia.gr/wp-content/themes/ciestra/images/quote.svg);
background-position: center;
background-repeat: no-repeat;
}
.testimonials-wrapper .entry-content > p:last-child {
margin-bottom: 0;
}
.testimonials-wrapper .entry-header {
position: relative;
margin-left: 5rem;
}
.testimonials-wrapper .entry-header .entry-title {
margin: 0;
line-height: 53px;
font-size: 14px;
font-size: 0.875rem;
}
.error-404 .page-header {
margin-bottom: 0;
}
.error-404 .page-header .error-code {
color: #37383c;
font-size: 39px;
font-size: 2.4375rem;
display: block;
text-align: center;
margin-bottom: 3.75rem;
font-weight: 900;
}
.error-404 .page-header .page-title {
font-size: 20px;
font-size: 1.25rem;
text-align: center;
margin: 0 0 1.875rem;
}
.error-404 .page-content {
text-align: center;
}
.error-404 .page-content .search-form {
max-width: 554px;
margin: 2.5rem auto;
}
.error-404 .page-content .search-form input {
max-width: 100%;
}
.sticky-menu-enabled .site-content {
margin-top: 132px;
}
@media (min-width: 768px) {
.sticky-menu-enabled .site-content {
margin-top: 71px;
}
}
@media (min-width: 992px) {
.sticky-menu-enabled .site-content {
margin-top: 79px;
}
} .comments-title, .comment-reply-title {
margin-bottom: 1em;
}
.comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}
.comments-area .comment-respond {
margin-top: 4.5rem;
}
.comments-area .comment-respond:first-child {
margin-top: 0;
}
.comments-area .comment-list {
list-style: none;
padding: 0;
}
.comments-area .comment-list li {
padding-left: 0;
}
.comments-area .comment-list .children {
padding-left: .625rem;
list-style: none;
}
@media (min-width: 992px) {
.comments-area .comment-list .children {
padding-left: 3.125rem;
}
}
.comments-area .comment-list .comment .comment-body {
margin-bottom: 2.5rem;
}
.comments-area .comment-list .comment .comment-meta {
position: relative;
padding-left: 80px;
min-height: 60px;
}
.comments-area .comment-list .comment .comment-meta .avatar {
position: absolute;
border-radius: 100%;
left: 0;
}
.comments-area .comment-list .comment .comment-meta .says {
display: none;
}
.comments-area .comment-list .comment .comment-meta .fn {
font-size: 14px;
font-size: 0.875rem;
}
.comments-area .comment-list .comment .comment-meta .fn a {
color: #37383c;
}
.comments-area .comment-list .comment .comment-meta .fn a:hover, .comments-area .comment-list .comment .comment-meta .fn a:focus {
color: #00ca4c;
text-decoration: none;
}
.comments-area .comment-list .comment .comment-meta .comment-metadata a {
display: block;
font-size: 12px;
font-size: 0.75rem;
color: #7e7e7e;
}
.comments-area .comment-list .comment .comment-meta .comment-metadata a:hover, .comments-area .comment-list .comment .comment-meta .comment-metadata a:focus {
color: currentColor;
text-decoration: none;
}
.comments-area .comment-list .comment .comment-reply-link {
text-transform: lowercase;
font-size: 14px;
font-size: 0.875rem;
}
.comments-area .comment-list .comment .comment-body-wrapper {
margin-top: 1.75rem;
border: 1px solid #dfdfdf;
padding: 1.875rem;
position: relative;
}
.comments-area .comment-list .comment .comment-body-wrapper:before {
content: '';
display: block;
position: absolute;
top: 2px;
left: 1.875rem;
width: 13px;
height: 13px;
border-top: 1px solid #dfdfdf;
border-right: 1px solid #dfdfdf;
-webkit-transform: rotate(-45deg) translateY(-100%);
transform: rotate(-45deg) translateY(-100%);
background: #fff;
}
.comments-area .comment-list .comment .comment-content > p:last-child {
margin-bottom: 0;
}
.comments-area .comment-form .form-submit {
margin-top: 2.75rem;
} .site-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-bottom: 1px solid #dddddd;
padding: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
@media (min-width: 768px) {
.site-header {
padding: 1.25rem 3.125rem;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
}
@media (min-width: 992px) {
.site-header {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 1.25rem 3.75rem;
}
}
.site-header .site-branding {
padding: 1.5625rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (min-width: 768px) {
.site-header .site-branding {
padding: 0;
}
}
@media (min-width: 992px) {
.site-header .site-branding {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
}
.site-header .site-branding .custom-logo-link {
margin-right: 1rem;
}
.site-header .site-branding .site-description {
display: none;
}
.site-header .site-branding .site-title {
margin: 0;
font-size: 20px;
font-size: 1.25rem;
text-transform: uppercase;
}
.site-header .site-branding .site-title a {
color: #37383c;
font-weight: 900;
}
.site-header .site-branding .site-title a:hover, .site-header .site-branding .site-title a:focus {
text-decoration: none;
color: #37383c;
}
@media (min-width: 992px) {
.site-header .main-navigation {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
}
.site-header .custom-logo-link img {
display: block;
}
.fp-page-header-wrapper {
position: relative;
max-width: 1330px;
margin: 0 auto;
padding: 0;
}
@media (min-width: 992px) {
.fp-page-header-wrapper {
padding: 0 6.25rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.fp-page-header-wrapper:after {
display: table;
content: '';
clear: both;
}
.fp-page-header-wrapper .front-page-nav-menus {
z-index: 1;
}
.fp-page-header-wrapper .front-page-nav-menus .front-page-contacts-container {
z-index: 1;
background: #fff;
position: relative;
padding: .5rem 1.25rem;
}
@media (min-width: 768px) {
.fp-page-header-wrapper .front-page-nav-menus .front-page-contacts-container {
position: absolute;
padding: 1.5rem;
}
}
@media (min-width: 992px) {
.fp-page-header-wrapper .front-page-nav-menus .front-page-contacts-container {
padding: 0 1.5rem 0 0;
}
}
.fp-page-header-wrapper .front-page-nav-menus .front-page-contacts-container ul {
list-style: none;
padding-left: 0;
}
.fp-page-header-wrapper .front-page-nav-menus .front-page-contacts-container ul:after {
display: table;
content: '';
clear: both;
}
.fp-page-header-wrapper .front-page-nav-menus .front-page-contacts-container ul li {
padding-left: 0;
float: left;
margin-right: 1rem;
font-weight: 900;
}
@media (min-width: 768px) {
.fp-page-header-wrapper .front-page-nav-menus .front-page-contacts-container ul li {
float: none;
margin-right: 0;
}
}
.fp-page-header-wrapper .front-page-nav-menus .front-page-contacts-container ul li:before {
content: '—';
margin-right: 1rem;
}
.fp-page-header-wrapper .front-page-nav-menus .front-page-contacts-container ul li:last-child {
margin-bottom: 0;
}
.fp-page-header-wrapper .front-page-nav-menus .front-page-contacts-container ul li a {
color: #37383c;
font-size: 16px;
font-size: 1rem;
}
.fp-page-header-wrapper .front-page-nav-menus .front-page-contacts-container ul li a:hover, .fp-page-header-wrapper .front-page-nav-menus .front-page-contacts-container ul li a:focus {
text-decoration: none;
color: #00ca4c;
}
.fp-page-header-wrapper .front-page-nav-menus .front-page-socials-container {
height: 100%;
display: none;
}
@media (min-width: 992px) {
.fp-page-header-wrapper .front-page-nav-menus .front-page-socials-container {
display: block;
}
}
.fp-page-header-wrapper .front-page-nav-menus .front-page-socials {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
padding: 83px 38px 0 0;
background: white;
width: 80px;
}
.fp-page-header-wrapper .front-page-nav-menus .front-page-socials li {
margin: 2.5rem 0 0;
}
.fp-page-header-wrapper .front-page-nav-menus .front-page-socials li:first-child {
margin: 0;
}
.fp-page-header-wrapper .front-page-nav-menus .front-page-socials li a {
color: #4f4f4f;
}
.fp-page-header-wrapper .front-page-nav-menus .front-page-socials li a:hover {
color: #00ca4c;
}
.fp-page-header-wrapper .fp-entry-header-wrapper {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}
@media (min-width: 992px) {
.fp-page-header-wrapper .fp-entry-header-wrapper {
padding-left: 2.5rem;
}
}
.fp-page-header-wrapper .fp-entry-header-wrapper:before {
display: none;
content: '';
position: absolute;
top: 83px;
bottom: 0;
left: 0;
background: #edf6fc;
width: 100%;
max-width: 476px;
z-index: -1;
}
@media (min-width: 992px) {
.fp-page-header-wrapper .fp-entry-header-wrapper:before {
display: block;
}
}
.fp-page-header-wrapper .fp-entry-header-wrapper header {
position: absolute;
padding: 2.5rem 1.5625rem;
left: 2.5rem;
max-width: 100%;
background: rgba(255, 255, 255, 0.9);
margin-right: -266px;
z-index: 1;
}
@media screen and (max-width: 991px) {
.fp-page-header-wrapper .fp-entry-header-wrapper header {
bottom: 0;
left: 0;
right: 0;
}
}
@media (min-width: 768px) {
.fp-page-header-wrapper .fp-entry-header-wrapper header {
padding: 2.5rem 3.125rem;
}
}
@media (min-width: 992px) {
.fp-page-header-wrapper .fp-entry-header-wrapper header {
padding: 2.5rem;
}
}
.fp-page-header-wrapper .fp-entry-header-wrapper header .entry-title {
font-size: 31px;
font-size: 1.9375rem;
margin: 0;
}
.fp-page-header-wrapper .fp-entry-header-wrapper header .entry-title br {
display: none;
}
@media (min-width: 992px) {
.fp-page-header-wrapper .fp-entry-header-wrapper header .entry-title br {
display: initial;
}
}
.fp-page-header-wrapper .fp-entry-header-wrapper header .page-subtitle {
display: block;
margin: 0 0 0.64516em;
}
.fp-page-header-wrapper .fp-entry-header-wrapper header .page-subtitle p {
margin: 0;
font-size: 14px;
font-size: 0.875rem;
color: #7e7e7e;
font-weight: 500;
}
.fp-page-header-wrapper .fp-entry-header-wrapper .post-thumbnail {
margin: 0;
display: block;
}
@media (min-width: 992px) {
.fp-page-header-wrapper .fp-entry-header-wrapper .post-thumbnail {
max-width: 842px;
}
}
.fp-page-header-wrapper .fp-entry-header-wrapper .post-thumbnail img {
-webkit-box-shadow: none;
box-shadow: none;
}
@media (max-width: 767px) {
.fp-page-header-wrapper .fp-entry-header-wrapper .post-thumbnail img {
min-height: 450px;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
}
@media (min-width: 768px) {
.fp-page-header-wrapper .fp-entry-header-wrapper .post-thumbnail img {
min-height: unset;
-o-object-fit: initial;
object-fit: initial;
}
}
.fp-page-header-wrapper .fp-entry-header-wrapper .fp-entry-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
margin: 0 auto;
}
@media (min-width: 992px) {
.fp-page-header-wrapper .fp-entry-header-wrapper .fp-entry-header {
position: initial;
margin: 0;
}
}
.site-header.sticky-menu {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 20;
background: #fff;
}
@media (max-width: 991px) {
.site-header.sticky-menu {
max-height: 100%;
overflow: auto;
}
}
@media (min-width: 601px) {
.admin-bar .site-header.sticky-menu {
top: 32px;
}
}
.site-header.sticky-on-scroll {
-webkit-transition: .3s;
transition: .3s;
}
.site-header.sticky-on-scroll.sticky--unpinned {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
opacity: 0;
}
.site-header.sticky-on-scroll.sticky--pinned {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
} .site-footer {
border-top: 1px solid #dddddd;
padding: 5rem 0 3.75rem;
}
.site-footer .wrapper > * {
margin-bottom: 3.75rem;
}
.site-footer .wrapper > *:last-child {
margin-bottom: 0;
}
.site-footer .site-info {
text-align: center;
color: #7e7e7e;
font-size: 12px;
font-size: 0.75rem;
}
.site-footer .footer-widget-area .widget {
text-align: center;
color: #7e7e7e;
}
.site-footer .footer-widget-area .widget .widget-title {
color: #4f4f4f;
}  .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer { display: none;
} .infinity-end.neverending .site-footer {
display: block;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} embed,
iframe,
object {
max-width: 100%;
} .wp-caption, .gallery-caption {
margin-top: 0.45em;
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption-text {
font-size: 12px;
font-size: 0.75rem;
line-height: 1.5;
margin: 1.4em 0 0;
text-align: center;
color: #7e7e7e;
} .gallery {
margin-bottom: 1.5em;
margin: 0 -1.5rem;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
padding: 0 .75rem;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {
display: block;
} body.single .alignwide, body.page .alignwide {
width: auto;
margin-left: -.78125rem;
margin-right: -.78125rem;
max-width: calc(100% + 1.5625rem);
}
@media (min-width: 768px) {
body.single .alignwide, body.page .alignwide {
margin-left: -1.5rem;
margin-right: -1.5rem;
max-width: calc(100% + 3rem);
}
}
@media (min-width: 992px) {
body.single .alignwide, body.page .alignwide {
margin-left: -3.25rem;
margin-right: -3.25rem;
max-width: calc(100% + 6.5rem);
}
}
@media (min-width: 1470px) {
body.single .alignwide, body.page .alignwide {
margin-left: -9.125rem;
margin-right: -9.125rem;
max-width: calc(100% + 18.25rem);
}
}
body.single .alignfull, body.page .alignfull {
width: auto;
margin-left: -1.5625rem;
margin-right: -1.5625rem;
max-width: calc(100% + 3.125rem);
}
@media (min-width: 768px) {
body.single .alignfull, body.page .alignfull {
margin-left: -3.125rem;
margin-right: -3.125rem;
max-width: calc(100% + 6.25rem);
}
}
@media (min-width: 992px) {
body.single .alignfull, body.page .alignfull {
margin-left: -6.5rem;
margin-right: -6.5rem;
max-width: calc(100% + 13rem);
}
}
@media (min-width: 1470px) {
body.single .alignfull, body.page .alignfull {
margin-left: -18.25rem;
margin-right: -18.25rem;
max-width: calc(100% + 36.5rem);
}
}
@media (min-width: 992px) {
body.post-template-template-post-sidebar .alignwide, body.page-template-template-page-sidebar .alignwide {
margin-left: -1.875rem;
margin-right: -1.875rem;
max-width: calc(100% + 3.75rem);
}
}
@media (min-width: 992px) {
body.post-template-template-post-sidebar .alignfull, body.page-template-template-page-sidebar .alignfull {
margin-left: -3.75rem;
margin-right: -3.75rem;
max-width: calc(100% + 7.5rem);
}
}
@media (min-width: 992px) {
body.page-template-template-page-wide .alignwide {
margin-left: -3.25rem;
margin-right: -3.25rem;
max-width: calc(100% + 6.5rem);
}
}
@media (min-width: 1470px) {
body.page-template-template-page-wide .alignwide {
margin-left: -7rem;
margin-right: -7rem;
max-width: calc(100% + 14rem);
}
}
@media (min-width: 992px) {
body.page-template-template-page-wide .alignfull {
margin-left: -6rem;
margin-right: -6rem;
max-width: calc(100% + 12rem);
}
}
@media (min-width: 1470px) {
body.page-template-template-page-wide .alignfull {
margin-left: -10rem;
margin-right: -10rem;
max-width: calc(100% + 20rem);
}
}
body.page-template-template-front-page .alignwide,
body.page-template-template-front-page .alignfull {
max-width: 100%;
margin-left: 0;
margin-right: 0;
}
.wp-block-quote cite {
font-size: 14px;
}
.wp-block-quote p:last-child {
margin-bottom: 0;
}
.wp-block-quote.is-style-large {
margin: 2.5rem 1.25rem;
padding: 2.5rem 1.875rem 1.875rem 3.75rem;
}
.wp-block-quote.is-style-large cite {
font-size: 16px;
}
.wp-block-pullquote {
border-top: 4px solid #f2f2f2;
border-bottom: 4px solid #f2f2f2;
padding: 2.5rem 0;
}
.wp-block-pullquote blockquote {
border: none;
margin: 0;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.wp-block-pullquote blockquote p:last-child {
margin-bottom: 0;
}
.wp-block-pullquote blockquote:before {
display: none;
}
.wp-block-pullquote blockquote cite {
font-size: 18px;
}
.wp-block-pullquote.is-style-solid-color {
border: 0;
padding: 2.5rem;
}
.wp-block-pullquote.is-style-solid-color blockquote {
max-width: 100%;
}
.wp-block-pullquote.is-style-solid-color blockquote p {
margin-bottom: 1.5em;
}
.wp-block-pullquote.is-style-solid-color blockquote p:last-child {
margin-bottom: 0;
}
.wp-block-pullquote.is-style-solid-color blockquote cite {
font-size: 18px;
font-style: italic;
}
.wp-block-file .wp-block-file__button,
.wp-block-button__link {
display: inline-block;
border: none;
background: #00ca4c;
border-radius: 0;
color: #fff;
font-size: 14px;
font-size: 0.875rem;
line-height: 1;
padding: 1.28571em 1.5625em;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 900;
-webkit-transition: all .3s ease;
transition: all .3s ease;
white-space: normal;
}
.wp-block-file .wp-block-file__button:hover, .wp-block-file .wp-block-file__button:focus,
.wp-block-button__link:hover,
.wp-block-button__link:focus {
border-color: #00a43e !important;
background: #00a43e !important;
cursor: pointer;
color: #fff !important;
text-decoration: none;
}
.wp-block-button.is-style-outline .wp-block-button__link {
border: 2px solid currentColor;
background: transparent;
color: #00ca4c;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover, .wp-block-button.is-style-outline .wp-block-button__link:focus {
border-color: #00a43e;
background: #00a43e;
color: #fff;
}
.wp-block-button.is-style-default .wp-block-button__link {
border-radius: 10px;
}
div.wp-block-image {
margin-bottom: 0;
}
.wp-block-image figcaption {
font-size: 12px;
font-size: 0.75rem;
line-height: 1.5;
margin: 1.4em 0 0;
text-align: center;
color: #7e7e7e;
}
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
max-width: 50%;
margin-left: auto;
margin-right: auto;
}
.wp-block-code {
padding: 0;
background: none;
}
@media screen and (min-width: 600px) {
.wp-block-columns {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
.wp-block-latest-comments {
padding-left: 0;
}
.has-primary-background-color {
background-color: #00ca4c;
}
.has-primary-color {
color: #00ca4c;
}
.has-secondary-background-color {
background-color: #4f4f4f;
}
.has-secondary-color {
color: #4f4f4f;
}
.has-light-blue-background-color {
background-color: #edf6fc;
}
.has-light-blue-color {
color: #edf6fc;
}
.has-dark-green-background-color {
background-color: #00a43e;
}
.has-dark-green-color {
color: #00a43e;
}
.has-light-gray-background-color {
background-color: #f2f2f2;
}
.has-light-gray-color {
color: #f2f2f2;
}
.has-beige-background-color {
background-color: #f8f8f8;
}
.has-beige-color {
color: #f8f8f8;
}
.has-black-background-color {
background-color: #37383c;
}
.has-black-color {
color: #37383c;
}
 :root {
--orange: #e18614;
--hoverOrange: #c4730e;
}
.mphb-regular-price,
.mphb-recommedation-item-subtotal,
.mphb-recommendation-total,
#mphb-price-details,
.mphb-total-price {
display:none;	
}
#full-gallery .gallery-item {
padding:15px;
}
.single-event .vsel-content .vsel-meta-left,
.single-event .vsel-content .vsel-image-info-right,
#vsel.vsel-container .vsel-meta-left.vsel-meta,
#vsel.vsel-container .vsel-image-info-right.vsel-image-info {
width:100%;
}
.single-event .vsel-content .vsel-meta-left,
#vsel.vsel-container .vsel-meta-left.vsel-meta  {
display:flex;
align-items:center;
margin-bottom: 20px;
}
.single-event .vsel-content .vsel-meta-left .vsel-meta-location,
#vsel.vsel-container .vsel-meta-left.vsel-meta .vsel-meta-location {
max-width: 300px;
}
#vsel.vsel-container .vsel-content .vsel-image-right {
width:100%;
float:none;
max-width: none;
margin: 0;
}
.vsel-content h3.vsel-meta-title {
font-size: 2em;
}
#vsel.vsel-container .vsel-meta-time {
order: 3;
margin-bottom: 0;
margin-left: 20px;
}
#vsel.vsel-container .vsel-btn {
max-width: 120px;
text-align: center;
border: 1px solid #f15a2a;
margin-top: 20px;
text-transform: uppercase;
background: #f15a2a;
font-size: 14px;
}
.vsel-day-top, 
.vsel-month-top {
background: #f15a2a;
}
#vsel.vsel-container .vsel-btn a {
color:#fff;
display: block;
padding: 10px;
}
#vsel.vsel-container .vsel-btn:hover {
background:#8c181a;
border: 1px solid #8c181a;
}
#vsel.vsel-container .vsel-info {
margin-top:20px;
}
.vsel-meta-location,
.vsel-meta-time{
font-size: 14px;
line-height: normal;
}
textarea {
resize:none;
}
.google-recaptcha {
font-size:12px;
}
.grecaptcha-badge { 
visibility: hidden;
}
#back-to-top .inner-txt {
font-size:0px;
position: absolute;
}
body .mphb-room-type-images .mphb-flexslider.flexslider ol.flex-control-nav li a, body .flexslider ol.flex-control-nav li a {
width: 15px;
height: auto;
font-size: 12px;
}
.slick-dots button,
.testimonials-slider-controls .slick-prev,
.testimonials-slider-controls .slick-next,
.site-footer .site-info,
.flex-control-paging li a,
.screen-reader-text,
.mphb-calendar.mphb-datepick .datepick-month th,
.mphb-calendar.mphb-datepick .datepick-month-row .datepick-month td .mphb-past-date,
.navigation.post-navigation .nav-links .meta-nav,
.mphb-calendar .datepick-nav a.datepick-cmd-next,
.mphb-calendar .datepick-nav a.datepick-cmd-prev.datepick-disabled {
color: #000;
}
#footer-menu.footer-menu a:hover {
text-decoration:none;
color:#8c181a;
}
#footer-menu.footer-menu a {
font-weight:bold;
color: #37383c;
}
ul.mphb-loop-room-type-attributes li .mphb-attribute-title,
ul.mphb-single-room-type-attributes li .mphb-attribute-title {
color: #4f4f4f;
font-weight: 600;
padding-right: 10px;
display: inline;
}
.mphb-loop-room-type-attributes li a,
.mphb-single-room-type-attributes li .mphb-attribute-value a {
color: #4f4f4f;
}
.mphb-single-room-type-attributes li .mphb-attribute-value a:hover {
text-decoration:none;
color: #f15a2a;
}
.mphb-room-type-gallery-wrapper .gallery-item .wp-caption-text.gallery-caption {
display:none;
}
.mphb_sc_search_results-wrapper h2.mphb-room-type-title::after, 
.mphb_sc_rooms-wrapper h2.mphb-room-type-title.entry-title::after, 
.mphb_sc_room-wrapper h2.mphb-room-type-title::after,
.widget .widget-title::after,
.mphb_sc_search_results-wrapper .mphb-room-type h2.mphb-room-type-title::after{ 
background: url(//www.villa-kerasia.gr/wp-content/uploads/2022/02/wave_line_orange.svg) center no-repeat;
}
.slick-prev.slick-arrow {
background-image: url(//www.villa-kerasia.gr/wp-content/uploads/2021/12/slider_arrow_left_passive.svg);
}
.slick-next.slick-arrow {
background-image: url(//www.villa-kerasia.gr/wp-content/uploads/2021/12/slider_arrow_right_passive.svg);
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, select {
max-width:none;
}
.fa, .fas {
font-family: "Font Awesome 5 Free";
}
.fa, .fab, .fad, .fal, .far, .fas {
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}
.fp-page-header-wrapper .fp-entry-header-wrapper header {
max-width: 40%;
}
h2.mphb-calendar-title,
.mphb-calendar.mphb-datepick.inlinePicker{
display:none!important;
}
.room-description-wrapper ul li {
margin-bottom:0px;
}
.mphb_sc_rooms-wrapper.mphb-room-types .mphb-view-details-button-wrapper {
margin-top:40px;
}
#rooms.elementor-widget .mphb_sc_rooms-wrapper .type-mphb_room_type .room-description-wrapper {
flex-wrap:wrap;
-ms-flex-direction: row;
flex-direction: row;
justify-content: flex-start;
}
#rooms.elementor-widget .mphb-view-details-button-wrapper{
margin-top: 0.6em;
margin-right: 1em;
}
#rooms.elementor-widget .mphb_sc_rooms-wrapper .type-mphb_room_type {
align-items: center;
}
.mphb_sc_search_results-wrapper .mphb-room-type .room-description-wrapper ul.room-amenities {
display:none;
}
.mphb-loop-room-type-attributes .mphb-room-type-facilities,
.mphb-loop-room-type-attributes .mphb-room-type-basic-room-benefits,
.mphb-loop-room-type-attributes .mphb-room-type-services-facilities,
#rooms .mphb-loop-room-type-attributes .mphb-room-type-facilities,
#rooms .mphb-loop-room-type-attributes .mphb-room-type-basic-room-benefits,
#rooms .mphb-loop-room-type-attributes .mphb-room-type-services-facilities {
display:none;
}
.room-description-wrapper ul.room-amenities {
list-style:none;
padding-left:0px;
}
.room-description-wrapper ul.mphb-loop-room-type-attributes li {
font-size:16px;
}
#rooms ul.mphb-loop-room-type-attributes .mphb-attribute-title {
padding:0px;
padding-right: 10px;
font-weight: bold;
width: auto;
}
#rooms ul.mphb-loop-room-type-attributes .mphb-attribute-value {
padding:0px;
}
.mphb_sc_search_results-wrapper .mphb-room-type {
display:flex;
align-items:center;
}
#reservation-form .mphb_sc_search-form .mphb-required-fields-tip {
display:none;
}
#reservation-form .mphb_sc_search-form {
display: flex;
align-items: flex-end;
justify-content: space-between;
flex-wrap: wrap;
}
#front-slider .stratum-advanced-slider__slide-container {
background: rgba(255, 255, 255, 0.9);
padding: 2.5rem;
max-width: 420px;
}
#front-slider .stratum-advanced-slider__sub-title {
font-size: 14px;
margin-bottom: 0;
}
#front-slider h3.stratum-advanced-slider__title {
font-size:1.9375rem;	
}
#front-slider::before {
content: '';
position: absolute;
top: 20%;
bottom: 0;
left: 20%;
background: #fa8b0030;
width: 100%;
max-width: 476px;
z-index: -1;
}
#header-socials .elementor-social-icon {
background:transparent;
}
#header-socials .elementor-icon i::before {
color: #4f4f4f;
font-size: 1.3125rem;
}
#header-socials .elementor-widget-wrap {
justify-content: center;
flex-direction: column;
}
#reservation-form .mphb_sc_search-form > p {
width:auto;
}
body.page-template-elementor_header_footer .wrapper {
max-width: none;
padding: 0;
}
.mphb_sc_rooms-wrapper .room-description-wrapper h2.mphb-room-type-title a.mphb-room-type-title,
.vsel-meta-title a{
color:var(--orange);
}
.mphb_sc_rooms-wrapper .room-description-wrapper h2.mphb-room-type-title a.mphb-room-type-title:hover {
color:var(--hoverOrange);
}
.vsel-month.vsel-month-top{
background:var(--orange);
}
#front-slider-wrapper .bdt-prime-slider-content {
background: rgba(255, 255, 255, 0.9);
padding: 2.5rem;
max-width: 420px;
margin-left:50px;
margin-right: 50px;
}
#front-slider-wrapper .bdt-prime-slider {
margin-bottom:40px;
}
#front-slider-wrapper .bdt-prime-slider-content .bdt-sub-title h4{
font-size: 14px;
color: #7E7E7E;
text-transform: none;
letter-spacing: 0;
font-weight: normal;
margin-bottom: 10px;
}
#front-slider-wrapper .bdt-prime-slider-content h1.bdt-title-tag {
color:#37383C;
font-size: 1.9375rem;
text-transform: none;
letter-spacing: 0;
font-weight: 600;
margin-bottom: 20px;
padding-bottom: 0;
}
body .mphb-flexslider.flexslider ol.flex-control-nav.flex-control-paging li a.flex-active {
background:#fff!important;
}
#front-slider-wrapper.bdt-ps-blur-effect--yes .bdt-ps-dragon-bg .bdt-ps-slide-img {
filter: none;
}
a.mphb-recommendation-item-link,
.mphb-room-type-title a,
a.mphb-terms-and-conditions-link,
.wpcf7-list-item-label a,
.google-recaptcha a{
color:var(--orange);
}
#front-slider .front-slider-layer {
min-height: auto;
margin-left: 50px;
}
#front-slider .front-slider-layer  .n2-ss-section-main-content {
padding:30px;
}
#front-slider .front-slider-layer .front-slider-header .n2-ss-item-content{
font-size: 30px;
}
.elementor-widget .elementor-widget-container .mphb_sc_rooms-wrapper .type-mphb_room_type .room-images-wrapper > ::after {
background: #fa8b0030;
}
.hentry .post-thumbnail img {
-webkit-box-shadow: 40px 40px 0 #edf6fc;
box-shadow: 40px 40px 0 #fa8b0030;
}
@media (max-width: 1200px) { 
#front-slider::before {
left:0;
}
}
@media (max-width: 1024px) { 
#header-socials {
width:100%;
}
}
@media (max-width: 992px) { 
.room-images-wrapper .mphb-flexslider ul.slides img {
width:100%!important;
}
.fp-page-header-wrapper .fp-entry-header-wrapper header .entry-title {
font-size:20px;
}
#reservation-form .mphb_sc_search-form > p {
width: 50%;
}
}
@media (max-width: 768px) { 
#reservation-form .mphb_sc_search-form > p {
width: 100%;
}
#front-slider::before {
max-width: none;
left: 0;
top: 50%;
}
#front-slider .front-slider-header .n2-ss-item-content {
font-size:26px;
}
#front-slider .front-slider-layer .n2-ss-section-main-content {
padding: 20px;
max-width: 300px;
}
}
@media (max-width: 480px) { 
#front-slider .front-slider-header .n2-ss-item-content.n2-ss-text {
font-size: 18px;
}
#front-slider .front-slider-subheader .n2-ss-item-content p {
font-size: 11px;
}
#front-slider .front-slider-layer {
margin-left:0px;
}
#front-slider .front-slider-layer .n2-ss-section-main-content {
max-width:250px;
}
} div.elementor-element.elementor-element-e204c7b.elementor-widget.elementor-widget-button,
div.elementor-element.elementor-element-724356e.elementor-widget.elementor-widget-button,
div.elementor-element.elementor-element-b41bcc7.elementor-widget.elementor-widget-button
{
position: absolute;
top: 48%;
left: 47%;
transform: translate(-50%, -50%);
border: none;
border-radius: 5px;
cursor: pointer;
width:auto;
}