/*

Ink Design CSS - by William Hagerty

Generic
Gutenberg

Header
Header Hamburger
-- Spin 

Home - Slider
Home - Hero Left and Right
-- Hero Left
-- Hero Right
-- Vertical Heading
-- Textarea
Home - Text
Home - Map 
Home - Tripadvisor
Home - Contact

Our Villas

Villa
-- Summary
-- Slider
-- Facilities
-- Floor Plans
-- Services

Offers
-- Offer
-- Overview
-- Contact Form

Contact
-- Directions

404

Blog and Single

Sidebar

Footer Widgets
Footer Booking bar
Footer Credits

1200px
992px
768px
576px


Reviews Page
*/

/** Generic **/

body {
    font-family: 'Raleway', sans-serif !important;
  	color: #290D00 !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Catamaran', sans-serif !important;
  	color: #290D00;
}

a:hover,
a:active,
a:focus {
    color: #290D00;
    text-decoration: none !important;
}

#content.site-content {
    padding-bottom: 0 !important;
    padding-top: 2rem !important;
}

.main-heading {
    text-transform: uppercase;
    letter-spacing: 4.6px;
    font-size: 36px;
    margin-top: 20px;
}

.section-heading {
    text-transform: uppercase;
    font-size: 36px;
    letter-spacing: 3.6px;
    line-height: 1.2
}

.alignfull {
	margin-left: calc(-100vw/2 + 100%/2 + 30px);
    margin-right: calc(-100vw/2 + 100%/2 + 30px);
    max-width: 100vw;
    width: auto;
}

.fixed-body {
  	overflow: hidden;
}

/** Gutenberg **/

.wp-block-column ul {
  padding-left: 15px;
    font-size: 15px;
}

.wp-block-column ul li {
  margin-bottom: 6px;
}

.wp-block-column ul ul {
  list-style: none;
  list-style-type: none;
  padding-left: 0;
  font-size: 14px;
}

/** Header **/

header#masthead {
    background-color: #fff !important;
    padding-top: 9px !important;
    padding-bottom: 9px !important;
    box-shadow: none !important;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}

.admin-bar header#masthead {
  	top: 32px;
}

section#primary {
  	margin-top: 51px;
}

.navbar-brand {
    display: block;
    height: 30px;
    width: 220px;
    line-height: 1;
}

.navbar-brand .site-title {
  	position: relative;
    z-index: 9999;
    font-family: 'Catamaran', sans-serif;
    font-weight: 700;
    color: #290D00;
    font-size: 19px;
    letter-spacing: 3.6px;
    margin-right: 24px;
    text-transform: uppercase;
}

.navbar-brand a img {
  width: 31px;
  height: 34.5px;
  margin-left: 18px;
}

.header-book,
.header-number {
    font-family: 'Catamaran', sans-serif;
    font-weight: 700;
    color: #290D00;
    font-size: 19px;
    letter-spacing: 3.6px;
    margin-right: 24px;
    text-transform: uppercase;
}

.header-book:hover,
.header-number:hover {
	color: #CBC8C3;
}

/*
.hamburger.is-active,
.header-number.white,
.header-book.white {
    color: #fff !important;
    z-index: 999;
    position: relative;
}
*/

.ink-menu-wrap {
    background-color: #CBC8C3;
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    transition: all 0.5s ease;
    display: none;
    z-index: 98
}

.ink-menu-wrap.menu-open {
    display: block;
}

.ink-menu-container {
    display: table;
    height: 100%;
    width: 100%;
    text-align: center;
}

.ink-menu-container #ink-menu {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.ink-menu-container .ink-menu-logo {
    margin-bottom: 24px;
}

.ink-menu {
    list-style: none;
    list-style-type: none;
    padding: 0;
}

.ink-menu .menu-item {
    text-align: center;
}

.ink-menu .menu-item a {
    max-width: 420px;
    display: block;
    border-bottom: 2px solid #fff;
    margin-bottom: 4px;
    padding-bottom: 4px;
    margin-left: auto;
    margin-right: auto;
    font-family: 'Catamaran', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 2.6px;
    font-size: 20px;
}

.ink-menu .menu-item.active a,
.ink-menu .menu-item a:hover,
.ink-menu .menu-item a:active,
.ink-menu .menu-item a:focus {
    color: #290D00;
}

.ink-menu .no-border a {
    border-bottom: 0;
}

.ink-menu .small-menu a {
    font-size: 14px;
}

.ink-menu-mobile-link {
    background-color: #4D3F38;
    display: none;
	position: absolute;
    height: 28px;
    top: 54px;
    z-index: 99;
    width: 100%;
}

.header-mobile-book,
.header-mobile-number {
    font-family: 'Catamaran', sans-serif;
    font-weight: 700;
    color: #fff;
    font-size: 19px;
    letter-spacing: 3.6px;
    text-transform: uppercase;
}

/** Header Hamburger **/

.hamburger {
  padding: 0 0 0 0;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }
  .hamburger:hover {
    opacity: 0.7; }

.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: 2px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 40px;
    height: 3px;
    background-color: #cbc8c3;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -10px; }
  .hamburger-inner::after {
    bottom: -10px; }

/* Spin */
.hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spin .hamburger-inner::before {
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;}
  .hamburger--spin .hamburger-inner::after {
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spin.is-active .hamburger-inner::before {
    top: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.hamburger--spin.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); 
}


/** Home - Slider **/

.swiper-slider-bg {
    height: 680px;
    background-size: cover;
    background-position: center right;
    background-repeat: no-repeat;
}

.swiper-slider-bg .swiper-slider-overlay {
    height: 100%;
    /* background-image: linear-gradient(to right, #290D00, #290D00 33.7%, transparent 33.7%, transparent 100% ); */
}

.swiper-slide .container,
.swiper-slide .row {
    height: 100%;
}

.hp-branding {
    height: 100%;
    position: relative;
}

.hp-branding-logo {
    margin-top: 30px;
}

.hp-branding-text {
    transform: rotate(-90deg);
}
.home-slider {
    background-color: black;
}
.spanlabel {
    display:none!important;
}
.ink-book-field input[type=text], .ink-book-field select {
    color: white;
}
.hp-branding-text p {
    color: #4D3F38;
    font-family: 'Catamaran', sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1.6px;
    width: 490px;
    margin-left: -465px;
}

.hp-branding-text p a {
    color: #4D3F38;
    margin-right: 20px;
}

.hp-branding-text p span.line {
    width: 298px;
    height: 1px;
    background-color: #4D3F38;
    display: inline-block;
    margin-bottom: 5px;
    margin-left: 20px;
}

.hp-slider-text {
    text-align: center;
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-size: 48px;
    margin-top: 40px;
}

.hp-slider-text span.quote-start {
    font-family: 'Catamaran', sans-serif;
    font-size: 64px;
    line-height: 0;  
}

.hp-slider-text span.quote-end {
    font-family: 'Catamaran', sans-serif;
    font-size: 64px;
    line-height: 0;
}

.hp-slider-text span.quote-logo {
    display: block;
    text-align: right;
    font-size: 32px;
}

.hp-slider-badgets {
    position: absolute;
    bottom: 20px;
}

.swipper-navigation-buttons {
    position: absolute;
    bottom: 20px;
    right: 0;
}

.swipper-navigation-buttons .hp-slider-prev {
    display: inline-block;
    margin-right: 10px;
}

.swipper-navigation-buttons .hp-slider-next {
    display: inline-block;
}

.swipper-navigation-buttons .hp-slider-prev:hover,
.swipper-navigation-buttons .hp-slider-next:hover {
    cursor: pointer;
}

.swiper-first-image {
    margin-bottom: 20px;
}

.swiper-first-image-mobile {
    display: none;
    position: absolute;
    bottom: 100px;
    width: 100%;
    text-align: center;
}

.swiper-first-image-mobile a {
  	font-family: 'Catamaran', sans-serif;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 3.2px;
    border-bottom: 2px solid;
    display: inline-block;
}

.swiper-second-image {
    margin-bottom: 72px;
}

.swiper-second-image img {
    margin-left: -110px;
    margin-bottom: 20px;
}

.swiper-second-image a {
    font-family: 'Catamaran', sans-serif;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 3.2px;
    border-bottom: 2px solid;
    display: inline-block;
}


/** Home - Hero Left and Right **/

/* Hero Left */

.hero-left {
    height: auto;
    padding: 20px 20px 0 20px;
}

.hero-left .hero-left-bg {
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right center;
}

.hero-left .hero-left-bg .hero-left-overlay {
    height: 100%;
    background-image: linear-gradient(to right, #290D00, #290D00 33.3%, transparent 33.3%, transparent 100% );
}

.hero-left .container,
.hero-left .container .row {
    height: 100%;
}

.hero-left .container {
  padding: 60px 0
}

/* Hero Right */

.hero-right {
    height: auto;
    padding: 20px 20px 0 20px;
}


@media screen and (min-width:2000px) {
    .hero-right, .hero-left {
        height: 750px;
    }
    .swiper-slider-bg {
        height: 950px;
    }
}

.hero-right .hero-right-bg {
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left center;
}

.hero-right .hero-right-bg .hero-right-overlay {
    height: 100%;
    background-image: linear-gradient(to left, #290D00, #290D00 33.3%, transparent 33.3%, transparent 100% );
}

.hero-right .container,
.hero-right .container .row {
    height: 100%;
}

.hero-right .container {
  padding: 60px 0
}

/* Vertical Heading */

.hero-left-vertical {
    transform: rotate(-90deg);
    text-align: center;
    margin-left: -90px;
    width: calc(100% + 180px);
    max-width: calc(100% + 180px);
}

.hero-right-vertical {
    transform: rotate(90deg);
    text-align: center;
    margin-left: -90px;
    width: calc(100% + 180px);
    max-width: calc(100% + 180px);
}

.hero-left-vertical h4,
.hero-right-vertical h4 {
    color: #4D3F38;
    letter-spacing: 1.8px;
    font-weight: 400;
    font-size: 14px !important;
    text-transform: uppercase;
}

/* Textarea */

.hero-textarea {
    background-color: #fff;
    text-align: center;
    padding: 10px 20px 20px 20px;
  	color: #4D3F38;
}

.hero-textarea-table {
    display: table;
    width: 100%;
    height: 300px;
}

.hero-textarea-table-align {
    display: table-cell;
    vertical-align: middle;
}

.hero-textarea h3 {
    color: #4D3F38;
    text-transform: uppercase;
    letter-spacing: 2.6px;
}

.hero-textarea h4 {
    margin: 10px 0 4px 0;
    color: #4D3F38;
    text-transform: capitalize;
}

.hero-textarea p {
    line-height: 1.25;
  	margin-bottom: 1.25em;
}

.hero-textarea ul {
    list-style: none;
    padding: 0;
    color: #4D3F38;
}

.hero-textarea a {
    color: #4D3F38;
    font-family: 'Catamaran', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1.6px;
    font-weight: 700;
    font-size: 14px;
    border-bottom: 2px solid;
    display: inline-block;
}

.villa-quote {
    font-size: 22px;
    margin-bottom: 10px;
    color: #290D00;
}

.villa-quote span.quote-start {
    font-family: 'Catamaran', sans-serif;
    font-size: 32px;
    line-height: 0;  
}

.villa-quote span.quote-end {
    font-family: 'Catamaran', sans-serif;
    font-size: 32px;
    line-height: 0;
}

.villa-quote span.quote-logo {
    display: block;
}

.hero-textarea a.villa-link {
    color: #4D3F38;
    font-family: 'Catamaran', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1.6px;
    font-weight: 700;
    font-size: 14px;
    border-bottom: 2px solid;
    width: 160px;
    margin: 0 auto ;
    display: block;
}

.hero-textarea a.social-link {
    text-decoration: none;
    border-bottom: none;
    margin-right: 12px;
    font-size: 24px;
  	font-weight: 400
}

.hero-textarea a:focus,
.hero-textarea a:active,
.hero-textarea a:hover,
.hero-textarea a.villa-link:focus,
.hero-textarea a.villa-link:active,
.hero-textarea a.villa-link:hover {
    color: #792D02;
}

.mykonos-logo {
    margin-left: 70px;
    margin-bottom: 20px;
    width: calc(100% + 300px);
    max-width: calc(100% + 300px);
}

.mobile-hero-logo {
    display: none;
}

/** Home - Text **/

.home-text {
    padding: 40px 0;
    color: #4D3F38;
    text-align: center;
}

.home-text h2 {
    text-transform: uppercase;
    color: #4D3F38;
    letter-spacing: 2.6px;
    font-size: 22px;
}


/** Home - Map **/

.hero-map {
    height: auto;
    padding: 20px 20px 0 20px;
}

.hero-map .hero-map-bg {
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left center;
}

.hero-map .hero-map-bg .hero-map-overlay {
    height: 100%;
    background-image: linear-gradient(to left, #290D00, #290D00 33.3%, transparent 33.3%, transparent 100% );
}

.hero-map .container {
    padding: 60px 0;   
}

.mobile-hero-map {
    display: none;
}

/** Home - Tripadvisor **/

.tripadvisor-reviews {
    height: auto;
    padding: 20px 20px 0 20px;
}

.tripadvisor-reviews .tripadvisor-reviews-bg {
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right center;
}

.tripadvisor-reviews .tripadvisor-reviews-bg .tripadvisor-reviews-overlay {
    height: 100%;
    background-image: linear-gradient(to right, #290D00, #290D00 33.3%, transparent 33.3%, transparent 100% );
}

.tripadvisor-reviews .tripadvisor-reviews-bg .tripadvisor-reviews-overlay .container {
    padding: 60px 0;
}

.tripadvisor-reviews-text-overlay {
    background-color: rgba(255, 255, 255, 0.95);
}

.tripadvisor-reviews-text-overlay .hero-textarea {
        background-color: transparent
}

.tripadvisor-logo {
    margin-top: 15px;
    margin-bottom: 15px;
}

.tripadvisor-review-heading p {
    font-size: 18px;
    color: black;
}

.tripadvisor-review-heading p span {
font-size: 14px;
    display: block;
    margin-top: 5px;
}

.mobile-tripadvisor-review {
    display: none;
}

.tripadvisor-reviews-text-overlay h4 {
    text-align: center;
    margin: 20px 4px;
    color: #4D3F38;
    text-transform: capitalize;
}

/** Home - Contact **/

.home-contact {
    height: auto;
    padding: 20px 20px 0 20px;
}

.home-contact .home-contact-bg .home-contact-overlay {
    height: 100%;
    background-image: linear-gradient(to left, #290D00, #290D00 33.3%, transparent 33.3%, transparent 100% );
}

.home-contact .container {
    padding: 60px 0;    
}

.home-contact-form h3 {
    text-transform: uppercase;
    letter-spacing: 2.6px;
    color: #fff;
    margin-top: 0;
    margin-bottom: 12px;
}

.home-contact-form h4 {
    font-weight: 400;
    margin-top: 0;
    color: #fff;
}

@media screen and (min-width:769px) {
    .home-contact-form * {
        color:#290d00!important;
        border-color:#290d00!important;
    }
    .home-contact-form *::placeholder {
        color: #290d00!important;
        opacity: 1; /* Firefox */
    }
    
    .home-contact-form *::-ms-input-placeholder { /* Edge 12 -18 */
        color: #290d00!important;
    }
}

/** Our Villas **/

.our-villas {
    padding: 20px 20px 0 20px;
}

.our-villas .our-villas-bg {
    background-size: cover;
    background-position: center center;
}

.our-villas-wrap {
    display: inline-block;
    background-color:#fff;
    margin: 200px 0;
    width: 300px;
    height: 220px;
    padding: 20px 20px 20px 20px;
    transition: border-radius ease 0.5s;
    position: relative;
    text-align: center;
    transition: all ease 0.75s;
}

.our-villas-heading h4 {
    color: #4D3F38;
    font-family: 'Catamaran', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1.6px;
    font-weight: 700;
    font-size: 14px;
}

.our-villas-overlay {
    position: absolute;
    background-color: #fff;
    width: 160px;
    height: 160px;
    margin: 0 auto;
    left: 0;
    right: 0;
    border-radius: 90px;
    transform: translateY(-50%);
    top: 50%;
    display: none;
}

.our-villas-overlay .our-villas-readmore {
    transform: translateY(-50%);
    top: 50%;
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
}

.our-villas-overlay .our-villas-readmore a {
    color: #4D3F38;
    font-family: 'Catamaran', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1.6px;
    font-weight: 700;
    font-size: 18px;  
}

.our-villas-wrap:hover {
    background-color: transparent;
    border-radius: 30px;
}

.our-villas-wrap:hover hr,
.our-villas-wrap:hover .our-villas-heading,
.our-villas-wrap:hover .our-villas-logo {
    opacity: 0;
}

.our-villas-wrap:hover .our-villas-overlay {
    display: block;
}

/** Villa **/

/* Summary */

.villa-summary {
    color: #290D00;
}

.villa-summary-heading {
    border-bottom: 1px solid #CBC8C3;    
}

.villa-summary-heading h4 {
    font-size: 24px;
    color: #290D00; 
    line-height: 1.2;
    text-transform: capitalize;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
}

.villa-summary-features {
    border-bottom: 1px solid #CBC8C3;
    margin-bottom: 1.5em;
}

.villa-summary-features ul {
    list-style: none;
    list-style-type: none;
    margin: 0;
    padding: 20px 0 10px 0;
}

.villa-summary-features ul li {
    display: inline-block;
    margin-right: 18px;
    margin-bottom: 10px;
}

.villa-summary-features ul li span {
    font-size: 18px;
    color: #290D00; 
    text-transform: capitalize;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    margin-left: 18px;
}

.villa-summary-hidden {
    display: none;
}

.readmore {
    color: #4D3F38;
    font-family: 'Catamaran', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    border-bottom: 2px solid;
}

/* Slider */

.villa-slider {  }

.villa-swiper-slide {
    height: 600px !important;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.villa-swiper-slide a {
  position:absolute;
  height: 100%;
  width: 100%;
}

.swiper-gallery-counter {
    position: absolute;
    top: 0;
    left: 2.5%;
}

.swiper-gallery-counter h4 {
    color: #290D00;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 0;
}

.swiper-gallery-counter > div {
    font-size: 42px;
    color: #290D00;
}

.swiper-gallery-counter > div > span {
	font-size: 14px;
    color: #290D00;
    border: 2px solid #290D00;
    padding: 4px 6px;
    border-radius: 90%;
    margin-left: 10px;
}

.villa-swiper-container .swiper-button-prev {
    background-color: rgba(0,0,0,0.8);
    left: 0;
    width: 45px;
    height: 55px;
    color: #fff;
}

.villa-swiper-container .swiper-button-next {
    background-color: rgba(0,0,0,0.8);
    right: 0;
    width: 45px;
    height: 55px;
    color: #fff;   
}

.villa-swiper-container .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    opacity: 0.4;
}

.villa-swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #fff;
}

/* Facilities */

.villa-facilities {}

.features-heading h3 {
    color: #290D00;
    text-transform: uppercase;
    font-size: 36px;
    letter-spacing: 3.6px;
}

.villa-facility-textarea {
    color: #290D00;
    font-size: 14px;
}

.villa-facility-textarea h4 {
    color: #290D00;
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 1.8px;
}

.villa-facility-textarea ul {
    margin-left: 0;
    padding-left: 15px;
}

ul.bedrooms {
    list-style: none;
    list-style-type: none;
    padding-left: 0 !important;
}

ul.bedrooms li {
    line-height: 3;
    color: #4D3F38;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Catamaran', sans-serif;
	margin-bottom: 0 !important;
}

ul.bedrooms li img {
    margin-left: 5px;
    margin-right: 5px;
}

.villa-call-to-action {
    background-position: center;
    background-size: cover;
    position: relative;
    height: 420px;
}

.villa-call-to-action-heading {
    background-color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    top: -20px;
    display: inline-block;
    width: 75%;
    margin: 0 auto;
    text-align: center; 
    border: 2px solid #4D3F38;
}

.villa-call-to-action-heading h4 {
    color: #4c3e37;
    font-size: 18px;
    margin: 0;
    padding: 10px 0;
    letter-spacing: 1.8px;
}

.villa-call-to-action-brochure {
    width: 75%;
    margin: 0 auto;
    text-align: center;
    padding-top: 60px;
}

.villa-call-to-action-brochure a {
    background-color: #fff;
    width: 100%;
    display: block;
    padding: 5px 0;
}

.villa-call-to-action-link {
    position: absolute;
    bottom: -20px;
    width: 75%;
    left: 0;
    right: 0;
    margin: 0 auto;
	text-align: center;
}

.villa-call-to-action-link a {
    color: #fff;
    padding: 10px 0;
    display: block;
    text-transform: uppercase;
	background-color: #792D02;
}

.villa-call-to-action-link a:hover,
.villa-call-to-action-link a:active,
.villa-call-to-action-link a:focus {
  color: #CBC8C3
}

/* Floor Plans */

.floor-plans-slide {
    text-align: center;
}

.floor-plans-slide-bg {
    height: 554px;
    background-size: auto 554px;
    background-repeat: no-repeat;
    margin: 0 auto;
    width: auto;
    background-position: center;
}

.floor-plans-counter h4 {
    color: #4D3F38;
    font-size: 24px;
    letter-spacing: 2.4px;
    text-transform: uppercase;
}

.floor-plans-counter span {
    font-size: 42px;
    color: #290D00;
}

.floor-plans-container .swiper-button-prev,
.floor-plans-container .swiper-button-next {
    color: #290D00;
    background-color: transparent;
}

/* Services */

.villa-services {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.villa-services-bg {
	padding: 60px 0
}

.villa-services-text {
    background-color: rgba(255,255,255,0.9);
    padding: 20px 40px;
    color: #290D00;
}

.villa-services-list ul {
    margin-left: 0;
    padding-left: 15px;
    font-size: 14px;
	font-size: 15px;
}

.villa-services-list ul li {
  margin-bottom: 6px;
}

.villa-services-logo {
    text-align: center;
}

.villa-services-logo img {
    display: block;
    margin: 0 auto 20px auto;
}

.villa-services-logo a {
    display: block;
    font-family: 'Catamaran', sans-serif;
    text-transform: uppercase;
    background-color: #fff;
    display: inline-block;
    clear: both;
    color: #A0877B;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 1.6px;
    padding: 2px 14px;
    border: 2px solid #fff;
}

.villa-services-logo a:active,
.villa-services-logo a:focus,
.villa-services-logo a:hover {
    background-color: transparent;
    border: 2px solid #A0877B;
}

/** Offers **/

/* Offer */

.villa-offer-bg {
    height: 500px;
    background-repeat: no-repeat;
    background-size: cover;
    display: table;
    width: 100%;
}

.villa-offer-bg .villa-offer-heading {
    display: table-cell;
    vertical-align: middle;
}

.villa-offer-bg .villa-offer-heading h4 {
    padding: 40px;
    background-color: #fff;
    display: inline-block;
    max-width: 280px;
    color: #4D3F38;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 36px;
    line-height: 1.2;
    margin: 0;
}

.villa-offer-text {
    color: #290D00;
    padding: 20px 0 20px 0;
}

.booking-link {
    background-color: #792D02;
    color: #fff;
    display: inline-block;
    padding: 8px 24px;
    text-transform: uppercase;
    font-family: 'Catamaran', sans-serif;
    letter-spacing: 1.2px;
}

.booking-link:hover,
.booking-link:active,
.booking-link:focus {
    background-color: #290D00;
    color: #fff;
}

/* Overview */

.internal-heading {
    color: #290D00;
    text-transform: uppercase;
    font-size: 36px;
    letter-spacing: 3.6px;
}

.villas-overview-text p {
    font-size: 18px;
    font-weight: 700;
    color: #290D00;
}

.villas-overview-box {
    width: 50%;
    float: left;
    height: 300px;
    overflow: hidden;
}

.villas-overview-bg {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    transition: all ease 0.5s;
    display: table;
    width: 100%;
    text-align: center;
}

.villas-overview-box:focus .villas-overview-bg,
.villas-overview-box:hover .villas-overview-bg {
    transform: scale(1.2);
}

.villas-overview-box .villas-overview-bg img {
    opacity: 0;
    transition: all ease 0.5s;
}

.villas-overview-box:focus .villas-overview-bg img,
.villas-overview-box:hover .villas-overview-bg img {
    transform: scale(0.85);
    opacity: 1;
}

.villas-overview-bg .villas-overview-center {
    display: table-cell;
    vertical-align: middle;
}

.villas-overview-box.villas-overview-box-last {
    background-color: #CBC8C3;    
}

.villas-overview-box.villas-overview-box-last .villas-overview-center {
    display: table;
    height: 100%;
    width: 100%;
    text-align: center;
}

.villas-overview-box.villas-overview-box-last .villas-overview-center h4 {
    display: table-cell;
    vertical-align: middle;
    text-transform: uppercase;
    color: #fff;
    font-size: 18px;
    letter-spacing: 1.8px;
}

/* Contact Form */

.offer-contact {}

.offer-contact-bg {
    padding: 60px 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.offer-white-bg {
    background-color: rgba(255, 255, 255, 1);
    padding: 40px 0;
}

.offer-contact-form h4 {
    margin: 0;    
    color: #290D00;
    text-transform: uppercase;
    letter-spacing: 1.6px;
    font-size: 22px;
    margin-bottom: 24px;
}

.offer-contact-form .wpcf7 ul {
    list-style-type: none;
    list-style: none;
    padding: 0;
    margin: 0;
}

.offer-contact-form .wpcf7.gform_validation_container {
    display: none;
}

.offer-contact-form .wpcf7 {
    margin-bottom: 12px;
    width: 100%;
}



.offer-contact-form .wpcf7 textarea,
.offer-contact-form .wpcf7 input[type="email"],
.offer-contact-form .wpcf7 input[type="text"]  {
    width: 100%;
    outline: none;
    border: none;
    border: 2px solid #CBC8C3;
    padding: 6px 12px;
}

.offer-contact-form .wpcf7 textarea {
    height: 125px;
}

.offer-contact-form .wpcf7 input[type="email"]::placeholder,
.offer-contact-form .wpcf7 textarea::placeholder,
.offer-contact-form .wpcf7 input[type="text"]::placeholder {
    color: #CBC8C3;
}

.offer-contact-form .wpcf7 input[type="submit"] {
    background-color: #4d3f38;
    outline: none;
    border: none;
    padding: 8px 0;
    width: 100%;
    color: #fff;
    font-family: 'Catamaran', sans-serif;
    letter-spacing: 1.6px;
}

.offer-contact-form .wpcf7 input[type="submit"]:hover {
    background-color: #4D3F38;
}

.offer-contact-details h4.heading {
    margin: 0;    
    color: #290D00;
    text-transform: uppercase;
    letter-spacing: 1.6px;
    font-size: 22px;
    margin-bottom: 24px;
}

.offer-contact-details p {
    color: #290D00;
    font-family: 'Catamaran', sans-serif;
    font-weight: 700;
    font-size: 16px;
}
.offer-contact-details p.small {
    color: #191919;
    margin-bottom: 6px;
    font-size: 14px;
}

.offer-contact-details h4.social {
    margin: 0;    
    color: #290D00;
    text-transform: uppercase;
    letter-spacing: 1.6px;
    font-size: 22px;
    margin-bottom: 0;
}

.offer-contact-details h4.social a {
    color: #290D00;
}

.offer-contact-details h4.social a:first-child {
    margin-left: 28px;
}


/** Contact **/

/* Directions */

#homepage-maps {
    min-width: 75%;
	background-color: #290D00;
	padding: 0 20px 20px 20px;
}

.fancybox-slide--html .fancybox-close-small {
	color: #fff !important;
	opacity: 1 !important;
}

.tabs {
  overflow: hidden;
  margin-bottom: 24px;
  margin-top: 40px;
}

.tabs button {
  background-color: transparent !important;
  float: left;
  width: 33%;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 0;
  transition: 0.3s;
  text-align: left;
  color: #000;
  font-family: 'Catamaran', sans-serif;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
}

.tabs button:active,
.tabs button:focus,
.tabs button:hover {
  color: #792D02;
  outline: none;
}

.tabs button.active {
  color: #792D02;
}

.tabcontent {
  display: none;
}

.tabcontent .directions-text-column {
    background-color: #4D3F38;
    margin-bottom: 6px;
}

.directions-text {
    padding: 20px;
}

.directions-text h4 {
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 1.6px;
    font-size: 1.2em;
    margin-top: 0;
}

.directions-text ol {
    padding-left: 15px;
}

.directions-text ol li {
    color: #fff;
    line-height: 1.5;
}

/** 404 **/

.ink-404 {
	text-align: center
}

.ink-404 h1 {
	color: #4D3F38;
	font-size: 120px;
	font-family: 'Raleway', sans-serif !important;
	font-weight: normal;
	margin-top: 10px;
}

.ink-404 h4 {
	margin-bottom: 28px
}

.villa-logos {
	display: flex;
	justify-content: center
}


/** Blog and Single **/

.page-template-blog-template main,
.archive main,
.single main {
    padding: 0 15px 0 0
} 

.mykonos-heading h1 {
    margin-top: 0;
    color: #290D00;
}

.myko-blog {
    margin-bottom: 20px;    
}

.myko-blog-heading h2 a {
    color: #290D00;
}

.myko-blog-heading h2 a:hover,
.myko-blog-heading h2 a:active,
.myko-blog-heading h2 a:focus {
    color: #4D3F38 !important;
}

.myko-blog-link {
    text-align: right;
}

.myko-blog-link a {
    color: #4D3F38;
    text-transform: uppercase;
    font-family: 'Catamaran', sans-serif;
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
    border-bottom: 2px solid #4D3F38;
}

.myko-blog-link a:hover,
.myko-blog-link a:active,
.myko-blog-link a:focus {
    border-bottom: 2px solid #290D00;
}

.nav-links,
.prev-next-posts {
    border-top: 1px solid #CBC8C3;
    margin-top: 40px;
    padding-top: 20px;
}

.nav-links a,
.prev-next-posts a {
    color: #4D3F38;
    text-transform: uppercase;
    font-family: 'Catamaran', sans-serif;
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
    border-bottom: 2px solid #4D3F38;
}

.nav-links a:hover,
.nav-links a:focus,
.nav-links a:active,
.prev-next-posts a:hover,
.prev-next-posts a:active,
.prev-next-posts a:focus {
     border-bottom: 2px solid #290D00;
}

.post-navigation .nav-previous a, 
.post-navigation .nav-next a {
    border: none !important;    
}

.post-navigation .nav-previous a:hover, 
.post-navigation .nav-next a:hover {
    background-color: transparent !important;
    border-bottom: none !important;
}

.post.hentry {
    margin-bottom: 2rem !important;
}

.prev-next-posts:after {
    content: "";
    clear: both;
    display: table;
}

.prev-next-posts .prev-posts-link {
    float: left;
}

.prev-next-posts .next-posts-link {
    float: right;
}

.navigation.post-navigation {
    padding-top: 0 !important;
}

.navigation.post-navigation .screen-reader-text {
    display: none !important;   
}

/** Sidebar **/

aside#secondary {
    border-left: 1px solid #CBC8C3;
}

aside#secondary .widget {
    padding: 0 15px;
    margin-bottom: 40px;
}

aside#secondary .widget h3 {
    margin-top: 0;
    color: #290D00;
}

aside#secondary .widget .sidebar-social-links a {
    color: #4D3F38;
    font-size: 28px;
}

aside#secondary .widget .sidebar-social-links a:first-child {
    margin-right: 6px;
}

aside#secondary .widget ul li .nav-link {
    margin-left: 0;
    padding-left: 0;
    padding-bottom: 0;
    font-family: 'Catamaran', sans-serif;
    font-size: 16px;
    color: #4D3F38;
}

aside#secondary .widget ul li .nav-link:active,
aside#secondary .widget ul li .nav-link:focus,
aside#secondary .widget ul li .nav-link:hover {
    background-color: transparent;
}

.sidebar-booking-banner {
    position: relative;
    display: inline-block;
    margin-bottom: 40px;
}

.sidebar-booking-banner .villa-call-to-action-text {
    bottom: -40px;
}

/** Footer Widgets **/

.ink-widgets {
    height: auto;
    margin: 20px 20px 0 20px;
    background-color: #4D3F38;
    color: #fff;
    padding: 40px 0 40px 0;
}

.ink-widgets h3 {
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 1.6px;
    font-size: 16px;
}

.ink-widgets .ink-widget-fix section {
    margin-left: 20%;    
}

.ink-widgets ul {
    margin-left: 0;
    padding-left: 0;
    list-style: none;
    list-style-type: none;
}

.ink-widgets ul li a {
    color: #fff;
}

.ink-widgets ul li a:active,
.ink-widgets ul li a:focus,
.ink-widgets ul li a:hover {
    color: #290D00;
}

.ink-widgets .footer-logos {
    display: -ms-flexbox;
    display: flex;
    margin-top: 40px;
}

.ink-widgets .footer-logos a:first-child {
    margin-right: 10px;
}

.ink-widgets .wpcf7 ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style: none;
    text-align: right;
    width: 100%;
}

.ink-widgets .wpcf7 {
    margin-bottom: 12px 
}

.ink-widgets .wpcf7.gform_validation_container {
    display: none;
}

.ink-widgets .wpcf7 label {
    display: none;
}

.ink-widgets .wpcf7 input[type="text"],
.ink-widgets .wpcf7 input[type="email"],
.ink-widgets .wpcf7 textarea {
    width: 100%;
    background-color: transparent;
    border: none;
    border-bottom: 2px solid rgba(255,255,255, 0.5);
    transition: border-bottom 0.5s ease;
}

.ink-widgets .wpcf7 textarea {
    height: 100px;
}

.ink-widgets .wpcf7 input[type="email"]:focus,
.ink-widgets .wpcf7 textarea:focus,
.ink-widgets .wpcf7 input[type="text"]:focus {
    outline: none;
    border-bottom: 2px solid rgba(255,255,255, 1);
}

.ink-widgets .wpcf7 input[type="email"]::placeholder,
.ink-widgets .wpcf7 textarea::placeholder,
.ink-widgets .wpcf7 input[type="text"]::placeholder {
    text-align: right;
    color: #fff;
}

.ink-widgets .wpcf7 {
    text-align: right;
}

.ink-widgets .wpcf7 input[type="submit"] {
    border: none;
    background-color: #fff;
    font-family: 'Catamaran', sans-serif;
    margin-top: 0;
    text-transform: uppercase;
    letter-spacing: 2.6px;
    color: #4D3F38;
    font-weight: 700;
    padding: 2px 12px;
    font-size: 16px;
}

.ink-widgets .wpcf7 input[type="submit"]:active,
.ink-widgets .wpcf7 input[type="submit"]:focus,
.ink-widgets .wpcf7 input[type="submit"]:hover {
    background-color: #290D00;
    color: #fff;
    outline: none;
}

.footer-logos-mobile {
    justify-content: center;
    width: 100%;
    display: none;
}

.footer-logos-mobile a:first-child {
    margin-right: 10px;
}

.footer-weather {
    text-align: center;
}

.footer-weather p {
    margin-bottom: 0;
}

/** Footer Booking bar **/

.home .villa-booking {
	padding: 20px 20px 0 20px;
}

.ink-booking {
    background-color: #4D3F38;
    padding: 10px;
}

.ink-booking-desk {
    text-align: center;
}

.ink-book-field {
    float: left;
    width: 16%;
    text-align: left;
}

.ink-book-field label {
    display: block;
    text-align: left;
    color: #fff;
    font-family: 'Catamaran', sans-serif !important;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 1.4px;
    font-size: 14px;
    margin-bottom: 0;
}

.ink-book-field select {
    border: none;
    outline: none;
    width: 75%;
    text-align: left; 
    background-color: transparent;
}

.ink-book-field input[type="text"] { 
    border: none;
    outline: none;
    background-color: transparent;
}

.ink-book-button button {
    background-color: #290D00;
    border: none;
    font-family: 'Catamaran', sans-serif; 
    margin-top: 0;
    text-transform: uppercase;
    letter-spacing: 2.6px;
    color: #fff;
    font-weight: 700;
    padding: 10px 12px;
    width: 100%;
}

.ink-book-button button:hover,
.ink-book-button button:active,
.ink-book-button button:focus {
    background-color: #fff;
    color: #4D3F38;
}

.ink-booking-mob {
    display: none;
    text-align: center;
}

.ink-booking-mob a {
    background-color: #fff;
    font-family: 'Catamaran', sans-serif;
    margin-top: 0;
    text-transform: uppercase;
    letter-spacing: 2.6px;
    color: #4D3F38;
    font-weight: 700;
    padding: 2px 12px;
    font-size: 16px;
}

.ink-booking-mob a:hover,
.ink-booking-mob a:focus,
.ink-booking-mob a:active {
    background-color: #290D00;
    color: #fff;
}

/** Footer Credits **/

.ink-site-footer {
    text-align: center;
    color: #D1C7C2;
    font-family: 'Catamaran', sans-serif;
    text-transform: uppercase;
    font-size: 13px;
}

.ink-site-footer a {
    color: #D1C7C2;
}

.ink-site-footer a:active, 
.ink-site-footer a:focus, 
.ink-site-footer a:hover {
    color: #290D00;
}

#ink-scroll-to-top a {
	background-color: #290D00;
    color: #fff;
    padding: 10px 20px;
    position: fixed;
    bottom: 0;
    right: 0;
    font-size: 20px;
	z-index: 9999;
	display: none;
}

/*
Index: 1200px

- Header
- Home - Slider
- Home - Hero Left
- Home - Hero Right
- Home - Map
- Home - Tripadvisor
- Villa

*/

@media only screen and (max-width: 1200px) {
  
    /* Header */
  
    .navbar-brand a img {
        margin-left: 9px;  
    }
  
    /* Home - Slider */
  
    .swiper-slider-bg {
        background-size: cover;
        height: 600px;
    }
    
    .hp-branding-text p {
        width: 410px;
        margin-left: -410px;        
    }
    
    .hp-branding-text p span.line {
        width: 215px;    
    }
    
    .swiper-second-image img {
        margin-left: -98px;
    }
  
    /* Home - Hero Left */
  
    .hero-left .hero-left-bg {
        background-size: cover;
    }
  
    /* Home - Hero Right */
  
    .hero-right .hero-right-bg {
        background-size: cover;
    }
  
    /* Home - Hero Map */
  
    .hero-map .hero-map-bg {
        background-size: cover;
    }
  
    /* Home - Tripadvisor */
  
    .tripadvisor-reviews .tripadvisor-reviews-bg {
        background-size: cover;
    }
  
    /* Villa */
  
    .floor-plans-slide-bg {
        height: 450px;
        background-size: cover;
    }

}

/*
Index: 992px

- General 
- Home - Hero left and right
- Villa
-- Slider
- Offer
-- Overview

*/

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

    /* General */
  
    .main-heading {
        letter-spacing: 3.6px;
        font-size: 32px;
    }
    
    .section-heading {
        font-size: 26px;
        letter-spacing: 2.6px;
    }
    
	.hp-slider-text,
    .swipper-navigation-buttons {
        margin-bottom: 20px;
    }
    
    aside#secondary {
        margin-top: 60px;
    }
  
    /* Home - Hero left and right */
  
    .hero-textarea-table {
        height: 250px;    
    }
  
    /* Villa */
  
    .floor-plans-slide-bg {
        height: 350px;
    }
  
    .villa-swiper-slide {
        height: 500px !important;
    }
  
    /* Overview */
  
    .villas-overview-box {
        width: 50%;
    }
     
}

/*
Index: 768px

- Header
- Home - Slider
- Home - Hero left and right
- Home - Tripadvisor
- Home - Map
- Home - Contact
- Our Villas
- Villa
-- Slider
-- Facilities
- Offers
-- Overview
-- Contact
- Footer - Widgets
- Footer Booking bar
- Footer Credits

*/

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

    .hide-medium {
        display: none;  
    }
	
	.alignfull {
        margin-left: calc(-100vw/2 + 100%/2 + 15px);
        margin-right: calc(-100vw/2 + 100%/2 + 15px);
    }
    
    .swipper-navigation-buttons {
        margin-bottom: 50px;
		margin-right: 5%;
    }
  
    /* Header */
  
	section#primary {
  		margin-top: 79px;
	}
	
    .navbar-brand a img {
        margin-left: 0;  
    }
  
    .header-number,
    .header-book {
        display: none;
    }
    
    .hamburger.is-active {
        color: #CBC8C3 !important;
    }
    
    .hamburger--spin.is-active .hamburger-inner::after,
    .hamburger--spin.is-active .hamburger-inner::before {
        background-color: #CBC8C3;
    }
    
    .ink-menu-mobile-link {
        display: block;    
    }
    
    .ink-menu-wrap {
        top: 49px;
    }
	
	/* Home - Slider */
	
	.hp-slider-badgets {
		display: none
	}
	
	.swiper-pagination,
  	.villa-call-to-action {
    	display: none;
  	}
  
	.swiper-first-image-mobile {
    	display: block;	
  	}
	
	.hp-slider-text {
		line-height: 1.2;
	}
	
	.hp-slider-text span.quote-start,
	.hp-slider-text span.quote-end {
		display: none;
	}
	
	.hp-slider-text span.quote-logo {
		text-align: center;
	}
  
    /* Home - Hero left and right */
  
    .hero-right .hero-right-bg,
    .hero-left .hero-left-bg {
        background-position: left top;
        background-size: 165%;
    }
    
    .hero-right .hero-right-bg .hero-right-overlay,
    .hero-left .hero-left-bg .hero-left-overlay {
        height: 100%;
        background-image: linear-gradient(to top, #290D00, #290D00 33.3%, transparent 33.3%, transparent 100% );
    }
    
    .hero-right .container,
    .hero-left .container {
        padding: 40px 5% 5% 5%;
    }
    
    .mobile-hero-logo {
        display: block; 
        margin-top: 60px;
        text-align: center;
    }
    
    .hero-right-vertical,
    .hero-left-vertical {
        transform: rotate(0deg);
        margin-left: 0;
        width: auto;
        max-width: none;
    }
    
    .hero-left-vertical h4, 
    .hero-right-vertical h4 {
        color: #fff;
    }
    
    .hero-textarea-table {
        height: 200px;    
    }
    
    .textarea-hero-logo {
        display: none;
    }
    
    .mykonos-logo {
        margin-left: 0;
        width: auto;
        max-width: none;        
    }
  
    /* Home - Tripadvisor */
    
    .tripadvisor-reviews .tripadvisor-reviews-bg .tripadvisor-reviews-overlay {
         background-image: none;   
    }
    
    .tripadvisor-reviews .tripadvisor-reviews-bg .tripadvisor-reviews-overlay .container {
        padding: 5%;
    }
    
    .tripadvisor-reviews-text-overlay {
        background-color: transparent;
    }
    
    .tripadvisor-textarea .hero-textarea {
        background-color: #fff;
    }
    
    .mobile-tripadvisor-review {
        display: block;
    }
  
    /* Home - Map */
  
    .hero-map .hero-map-bg {
        background-image: none !important;
    }

    .hero-map .hero-map-bg .hero-map-overlay {
        background-image: none;
    }

    .hero-map .container {
        padding: 0;
    }

    .mobile-hero-map {
        display: block;
    }
  
    /* Home - Contact */
    
    .home-contact .home-contact-bg .home-contact-overlay {
        background-image: none;    
    }
    
    .home-contact .container {
        padding: 0 !important;
    }
    
    .home-contact-form {
        text-align: center;
        background-color: #290D00;
        padding: 10% 5% 5% 5%;
    }
    
    .home-contact-details .hero-textarea {
        background-color: #4D3F38;
        color: #fff;
        padding: 20px;
    }
    
    .home-contact-details .hero-textarea a.social-link,
    .hero-textarea a.tel-extra-info {
        color: #fff;
    }
    
    .home-contact-details .hero-textarea a.social-link:focus,
    .home-contact-details .hero-textarea a.social-link:active,
    .home-contact-details .hero-textarea a.social-link:hover {
        color: #290D00;
    }
    
    .home-contact-form .wpcf7 input[type=tel]{
        width: 100%;
        background-color: transparent;
        border: none;
        border-bottom: 2px solid rgba(255,255,255,.5);
        transition: border-bottom .5s ease;
        color: #fff;        
    }

    /* Our Villas */
  
    .our-villas-wrap:hover .our-villas-overlay,
    .our-villas-overlay,
    .our-villas-wrap hr,
    .our-villas-wrap .our-villas-heading {
        display: none;
    }
    
    .our-villas-wrap:hover .our-villas-logo {
        opacity: 1;
    }
    
    .our-villas-wrap:hover {
        background-color: #fff;
        border-radius: 90px;
    }
    
    .our-villas-wrap {
        margin: 120px 0;
        height: 180px;
        width: 180px;
        border-radius: 90px;
    }
  
    /* Villa */
  
    .villa-summary-features ul li {
        display: block;
    }
  
    .villa-swiper-slide {
        height: 450px !important;
    }
  
    .floor-plans-slide-bg {
       height: 300px;
    }
  
    .villa-call-to-action {
        margin-top: 40px;   
    }
  
    /* Offers */
  
    .villas-overview-box {
        width: 100%;
    }
    
    .offer-contact-details {
        margin-top: 40px;
    }
	
	 .offer-white-bg {
        margin-left: 5px !important;
        margin-right: 5px !important;
    }
  
     /* Footer Widgets */
    
    .ink-widgets .footer-logos {
        display: none;
    }
    
    .ink-widgets .ink-widget-fix section {
        margin-left: 0;
    }
    
    .footer-logos-mobile {
        display: flex;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    
    .ink-widgets .wpcf7 {
        text-align: center;
    }
    
    .ink-widgets .wpcf7 input[type="email"]::placeholder {
        text-align: left;
    }
    
    .ink-tab h3 {
        background-color: #290D00;
        padding: 5px 10px;
        position: relative;
        margin-top: 10px;
        margin-bottom: 0;
    }
    
    .ink-tab h3:hover {
        cursor: pointer;
    }
    
    .ink-tab h3:after {
        font-family: "Font Awesome 5 Free"; 
        font-weight: 900; 
        content: "\f067";
        right: 10px;
        position: absolute;
    }
    
    .ink-tab h3.tab-open:after {
        content: "\f068";
    }
    
    .ink-tab .custom-html-widget {
        background-color: #fff;
        color: #4D3F38;
        padding: 5%;
        display: none;
        margin-bottom: 0;
    }
    
    .ink-tab .custom-html-widget p {
        margin-bottom: 0;
    }
    
    .ink-tab .custom-html-widget .footer-list {
        margin-bottom: 0;
    }
    
    .ink-tab .custom-html-widget .footer-list li a {
        color: #4D3F38;
    }
    
    .ink-tab .custom-html-widget .footer-list li a:hover {
        color: #290D00;
    }
	
	/* Footer Booking bar */
	
	.ink-booking {
        background-color: #CBC8C3;
        z-index: 9;
        padding: 10px;
    }
	
    .ink-booking-desk {
        display: none;
    }
    
    .ink-booking-mob {
        display: block;
    }
	
	/* Footer Credits */
	
	.ink-site-footer {
        padding-bottom: 40px;    
    }
  
}

/*
Index: 576px

General
Header
Slider
Home - Hero left and right
Footer Credits

*/

@media only screen and (max-width: 576px) {
    
    /* General */
  
    .main-heading {
        letter-spacing: 2.8px;
        font-size: 28px;
    }
    
    .section-heading {
        font-size: 24px;
        letter-spacing: 2.4px;
    }
    
    .swipper-navigation-buttons {
        margin-bottom: 20px;
    }
    
    /* Header */
    
    .header-mobile-book, 
    .header-mobile-number {
        font-size: 18px;
        letter-spacing: 1.8px;
    }
    
    /* Slider */
    
    .swiper-slider-bg {
        height: 480px;
		background-position: center left;
    }
    
    .hp-branding-text p {
        width: 410px;
        margin-left: -320px;
    }

    .hp-branding-text p span.line {
        width: 120px;
    }

    /* Home - Hero left and right */
  
    .hero-right .hero-right-bg,
    .hero-left .hero-left-bg {
        background-size: 250%;
    }
	
	/* Footer Credits */
	
	#ink-scroll-to-top a {
		display: block;
	}
	
}
/*--Reviews Page----*/


.reviews-page h1 {
    text-align: center;
    color: #4D3F38;
}
.reviews-page {
    background-color: #4D3F38;
}
@media only screen and (max-width: 768px){
    .reviews-page {
    background-color: transparent;
}

.reviews-page .col-md-4 .tripadvisor-review-heading p {
    font-size: 24px;
}

.reviews-page .col-md-4 p {
    font-size: 17px;
    line-height: 23px;
}

.reviews-page  h1 {
    /*color: white;*/
}
}
/*--Reviews Page----*/