body,
header p {
    font-size: 16px
}
#mapOverlay,
.modalWindow {
    display: none
}
@font-face {
    font-family: 'HB Regular';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Heuristica Regular'), url(https://cdn.hammertonbarbados.com/website_assets/fonts/hurr.woff) format('woff')
}
@font-face {
    font-family: 'HB Bold';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Heuristica Bold'), url(https://cdn.hammertonbarbados.com/website_assets/fonts/hchb.woff) format('woff')
}
@font-face {
    font-family: 'HB Bold Italic';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Heuristica Bold Italic'), url(https://cdn.hammertonbarbados.com/website_assets/fonts/hchbi.woff) format('woff')
}
@font-face {
    font-family: 'HB Italic';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Heuristica Italic'), url(https://cdn.hammertonbarbados.com/website_assets/fonts/hurit.woff) format('woff'), url(https://cdn.hammertonbarbados.com/website_assets/fonts/hchi.otf) format('opentype')
}

.slider-wrapper ul li .caption {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.25s ease-out;
}
.font-loaded .slider-wrapper ul li .caption {
  transform: translateY(0px);
  opacity: 1;
}
.very-pink {
    color: #E487BA
}
::selection {
  background: rgba(228, 135, 186, 0.496);
  color:#2a2a2d
}
.pink,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #E487BA
}
body,
p {
    color: #5a5b60
}
body {
    font-family: 'Open Sans', Helvetica, sans-serif;
    font-weight: 200
}
h1,
h2,
h3,
h4,
h5,
h6,
header p {
    font-family: 'HB Regular', Georgia, serif
}
a {
    color: #E487BA
}
a:active,
a:hover {
    color: #d16aa4
}
acronym {-webkit-text-decoration: underline dotted #bbb; text-decoration: underline dotted #bbb; cursor:help; padding: 0 0 0 1px;}
header p {
    color: #85868a;
    margin: 0 auto;
    max-width: 980px
}
blockquote,
p.quote {
    font-family: journalregular, 'Palatino', serif;
    font-size: 28px;
    letter-spacing: 1px;
}
#mapContainer {
    position: relative;
    background-color:#35393C;
    border-radius:3px;
}
@media screen and (max-width:1440px) {
  .maparea #mapContainer {
      border-radius:0;
  }
}
#mapContainer #map {
    background-color:#35393C;
}
#mapContainer #map > div:first-child {
    background-color:#35393C !important;
}
#mapOverlay {
    width: 300px;
    position: absolute;
    top: 40px;
    right: 40px;
    padding: 0;
    background: #fff;
    text-align: left;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .4);
    border-radius: 3px;
    z-index:5000;
  }
  #mapOverlay .button{
      border-radius: 0 0 3px 3px !important;
  }
#mapOverlay #opName {
    margin: 10px 20px 0;
    text-transform: uppercase;
    font-family: 'HB Regular', Georgia, serif;
    font-size: 16px;
    color: #85868a;
    padding: 12px 0 0
}
#mapOverlay #opLoc {
    margin: 0 20px 15px;
    font-size: 15px;
    color: #85868a;
    padding: 3px 0 0
}
#mapOverlay #opOurView {
    margin: 0 20px;
    font-size: 13px;
    font-weight:600;
}
#mapOverlay #opDesc {
    margin: 0 20px 10px;
    color: #707275;
    font-weight: 300;
    padding: 10px 0;
    line-height: 18px;
    font-size: 20px;
    border: none;
    font-family: journalregular, serif;
    vertical-align: middle;
    letter-spacing: 1px;
}
#contact_links,
#quick_links,
nav#main_menu,
nav#secondary_menu {
    font-family: 'HB Regular', Georgia, serif
}
#contact_links, #contact_links a {
	color:#89afa3;
}
.contact_links_header {
	display:block;
	color:#5a5b60;
}
#mapOverlay #opDesc:before {
    content: "“";
    margin-left: -6px
}
#mapOverlay #opDesc:after {
    content: "”"
}
#mapOverlay #opImg {
    margin: 0 0 10px
}
#mapOverlay #opPrice {
    margin: 10px 20px;
    font-size: 14px
}
#mapOverlay #opLink {
padding: 10px;}
.maparea {
    margin-bottom: 66px
}
.modalWindow.open {
    display: block
}
.modalWindow .modal-backdrop {
    color: rgba(0, 0, 0, .3);
    z-index: 9999980;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .6);
    -webkit-transition: opacity ease-out .6s;
    transition: opacity ease-out .6s;
    opacity: 0
}
.modalWindow.open .modal-backdrop {
    opacity: 1;
    -webkit-transition: opacity ease-out .5s;
    transition: opacity ease-out .5s
}
.modalWindow .modal-window {
    z-index: 9999996;
    width: 580px;
    position: fixed;
    left: 50%;
    margin-top: 0;
    margin-left: -290px;
    background: #fff;
    overflow: hidden;
    -webkit-transition: all ease-in .33s;
    transition: all ease-in .33s;
    padding: 40px;
    overflow-y: scroll;
    opacity: 0;
    top: 800px;
    border-radius:3px;
    max-height: 90vh;
}
.modalWindow.open .modal-window {
    opacity: 1;
    top: 5vh;
    -webkit-transition: all cubic-bezier(0, .7, .17, 1.12) .6s;
    transition: all cubic-bezier(0, .7, .17, 1.12) .6s
}
.modal-window h5 {
    font-size: 22px;
    margin-top: 0
}
.modal-window p,
.modal-window ul {
    font-size: 15px
}
.modal-window ul {
    padding-left: 18px;
    margin-bottom: 20px
}
.modal-window ul li {
    margin-bottom: 8px
}
.modal-window button {
    margin-top: 10px
}




.cookie-modalWindow .cookie-modal-backdrop {
  color: rgba(0, 0, 0, .3);
  z-index: 9999999995;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, .6);

  opacity: 1
}

.cookie-modalWindow .cookie-modal-window {
  z-index: 9999999996;
  width: 480px;
  position: fixed;
  left: 50%;
  margin-top: -150px;
  margin-left: -240px;
  background: #fff;
  overflow: hidden;
  -webkit-transition: all ease-in .33s;
  transition: all ease-in .33s;
  padding: 40px;
  overflow-y: scroll;
  opacity: 1;
  top: 50%;
}

.cookie-modal-window h5 {
  font-size: 22px;
  margin-top: 0
}
.cookie-modal-window p,
.cookie-modal-window ul {
  font-size: 15px
}
.cookie-modal-window button {
  margin-top: 10px;
  margin-right: 12px;
  background: #E487BA;
  color:white;
  padding: 4px 15px;
  border: none;
  outline: 0;
  font-family: 'HB Italic', Georgia, serif;
}
.cookie-modal-window a {
  color: #707275;
  font-weight: 200;
  line-height: 20px;
  font-size: 13px;
  text-decoration: underline;
}

@media only screen and (max-width: 600px) {
  .cookie-modalWindow .cookie-modal-window {
    width: 80vw;
    margin-left: -40vw;
  }
  .cookie-modalWindow .cookie-modal-window {
    text-align:center;
  }
  .cookie-modal-window button {
    margin: 15px 0 10px 0;
    padding: 12px;
    font-size: 18px;
  }
  
  .cookie-modal-window button,
  .cookie-modal-window a {
    display:block;
    width: 100%;
    text-align: center;
  }
  
  
}


#priceMatchModal.modalWindow .modal-window {
    width: 790px;
    margin-left: -420px;
    padding: 30px;
    padding-right: 350px;
    padding-bottom: 30px;
    background-image: url('https://cdn.hammertonbarbados.com/website_assets/the-dream-popup.jpg');
    background-repeat: no-repeat;
    background-position: right center
}
#priceMatchModal.modalWindow .modal-window .pink-style {
    font-family: 'HB Italic', Georgia, serif;
    font-size: 16px;
    color: #fda2d6;
}
#priceMatchModal.modalWindow .modal-window .sticker {
    width: 100px;
    margin-top: -38px;
    margin-right: 0px
}
#priceMatchModal.modalWindow .modal-window .smallprint {
    font-size: 12px;
    margin: 18px 0 0
}
#priceMatchModal.modalWindow .modal-window .smallerprint {
    font-size: 10px;
    color: #999;
    margin: 8px 0 0
}
@media only screen and (max-width: 860px) {
    #priceMatchModal.modalWindow .modal-window {
        width: 510px;
        height: auto;
        left: 50%;
        margin-top: 0;
        margin-left: -255px;
        padding: 30px;
        padding-top: 30px;
        background-position: center top;
        background: white;
    }
    #priceMatchModal.modalWindow .modal-window .sticker {
        width: 100px;
        margin-top: 0;
        margin-right: 0;
        margin-left: 20px;
        margin-bottom: 10px;
    }
}
@media only screen and (max-width: 600px) {
    #priceMatchModal.modalWindow .modal-window h5 {
        font-size: 16px
    }
    #priceMatchModal.modalWindow .modal-window img {
        margin-top: 0px !important;
    }
    #priceMatchModal.modalWindow .modal-window .pink-style {
        font-size: 13px
    }
    #priceMatchModal.modalWindow .modal-window {
        width: 90%;
        height: 388px;
        left: 5%;
        margin-top: 0;
        margin-left: 00px;
        padding: 30px;
        background-image: none;
    }
    #priceMatchModal.modalWindow .modal-window .smallprint {
        font-size: 11px;
    }
}

#fastTrackModal.modalWindow .modal-window {
    width: 840px;margin-left:-420px;padding: 30px;padding-right: 420px;padding-bottom: 20px; background-image: url('https://cdn.hammertonbarbados.com/website_assets/airport-family.jpg'); background-size: 380px 311px; background-repeat: no-repeat; background-position: right center
}
#fastTrackModal.modalWindow .modal-window .pink-style {
    font-family: 'HB Italic', Georgia, serif;
    font-size: 16px;
    color: #fda2d6;
}
#fastTrackModal.modalWindow .modal-window .sticker {
    width: 100px;
    margin-top: -38px;
    margin-right: 0px
}
#fastTrackModal.modalWindow .modal-window .smallprint {
    font-size: 12px;
    margin: 18px 0 0
}
#fastTrackModal.modalWindow .modal-window .smallerprint {
    font-size: 10px;
    color: #999;
    margin: 8px 0 0
}
@media only screen and (max-width: 860px) {
    #fastTrackModal.modalWindow .modal-window {
        width: 510px;
        height: auto;
        left: 50%;
        margin-top: 0;
        margin-left: -255px;
        padding: 30px;
        padding-top: 30px;
        background-position: center top;
        background: white;
    }
    #fastTrackModal.modalWindow .modal-window .sticker {
        width: 100px;
        margin-top: 0;
        margin-right: 0;
        margin-left: 20px;
        margin-bottom: 10px;
    }
}
@media only screen and (max-width: 600px) {
    #fastTrackModal.modalWindow .modal-window h5 {
        font-size: 16px
    }
    #fastTrackModal.modalWindow .modal-window img {
        margin-top: 0px !important;
    }
    #fastTrackModal.modalWindow .modal-window .pink-style {
        font-size: 13px
    }
    #fastTrackModal.modalWindow .modal-window {
        width: 90%;
        height: 388px;
        left: 5%;
        margin-top: 0;
        margin-left: 00px;
        padding: 30px;
        background-image: none;
    }
    #fastTrackModal.modalWindow .modal-window .smallprint {
        font-size: 11px;
    }
}
.offer-banner {

    padding: 8px 20px 8px;
    background: #ebf6ee;
    text-align: left;
    font-size: 13px
}
.offer-banner p {
    font-size: 13px
}
.offer-banner:hover {
    cursor: pointer;
}
#redirectOverlay {
    display: none
}
#redirectOverlay.open {
    display: block
}
#redirectOverlay .redirectOverlay-backdrop {
    color: rgba(0, 0, 0, .3);
    z-index: 9999980;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .3);
    -webkit-transition: opacity ease-out .6s;
    transition: opacity ease-out .6s;
    opacity: 1
}
#redirectOverlay .redirectOverlay-window {
    z-index: 9999996;
    width: 680px;
    position: fixed;
    left: 50%;
    margin-left: -340px;
    background: #fff;
    overflow: hidden;
    -webkit-transition: all ease-in .33s;
    transition: all ease-in .33s;
    padding: 40px;
    overflow-y: scroll;
    opacity: 1;
    top: 50%;
    margin-top: -180px
}
#redirectOverlay .redirectOverlay-window img.logo {
    padding-right: 30px;
    margin-right: 30px;
    width: 132px;
    border-right: 1px solid #E487BA;
    float: left
}
#redirectOverlay .redirectOverlay-window .redirectText {
    margin: 18px 0 0;
    font-size: 16px;
    font-weight: 500
}
#redirectOverlay .redirectOverlay-window .redirectWaitText {
    margin: 8px 0 0
}
.webp .turtle {background-image: url(https://cdn.hammertonbarbados.com/website_assets/underwater_turtle.webp);}
.nowebp .turtle {background-image: url(https://cdn.hammertonbarbados.com/website_assets/underwater_turtle.jpg);}
.turtle {
    background-position: left bottom;
    background-size: cover;
    background-color: #06397c;
    color: #fff;
    position: relative;
    padding-bottom: 65%;
    overflow: hidden;
    margin-bottom: 56px
}
.turtle .project-info {
    height: 100%;
    width: 900px;
    left: 50%;
    top: 10%;
    margin-left: -600px;
    position: absolute
}
nav#main_menu ul li,
nav#secondary_menu ul li {
    display: inline-block;
    
}
.turtle .project-info p {
    font-weight: 300;
    color: #fff;
    font-size: 16px;
    line-height: 30px
}

.turtle .project-info p a {
    color: #fff;
    text-decoration: underline
}
.turtle .project-info p.para2 {
    margin-right: 80px
}
.turtle .project-info p.para3 {
    margin-right: 120px
}
.turtle .project-info p.para4 {
    margin-right: 140px
}
nav#main_menu ul,
nav#secondary_menu ul {
    padding: 0;
    margin: 0 auto;
    max-width: 1400px
}
#contact_links {
    height: 48px;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 16px;
    right: 30px;
    font-size: 15px
}
#quick_links {
    height: 48px;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 26px;
    left: 20px;
    font-size: 12px
}
#contact_links li {
    margin: 0 0 0 30px;
    padding: 0;
    display: block;
}
#quick_links li {
    margin: 0 30px 0 0;
    padding: 0;
    display: inline-block
}

#quick_links li a {
    color: #5a5b60
}
#contact_links li a:hover,
#quick_links li a:hover {
    color: #dd70ae;
    text-decoration: none
}

.contact-actions .telephone:before {
    content: "Call: "
}
#hb_logo {
    overflow: auto;
    text-align: center;
    padding: 14px 0 20px
}
#hb_logo img,
#hb_logo svg {
    height: 90px;
    padding:0 1px;
}
.top-header {
	
    position:relative;
}
nav#main_menu {
    background: #FFF;
    color: #fff;
    z-index: 99999;
    height:38px;
    text-align: center;
}
nav#main_menu > ul > li {
    margin: 0;
    padding: 0;
    position: relative;
    font-size: 14px;
    text-align: center;
    border-right: 2px solid #bee0d8;
}
nav#main_menu > ul > li:last-of-type {
    border-right: none;
}
nav#main_menu ul li a {
    color: #707275;
    position: relative;
    display: inline-block;
    padding: 2px 20px;
    text-decoration: uppercase;
    text-align: center;
}
nav#main_menu ul li:hover {
    color: rgba(100, 102, 104, 1)
}
nav#main_menu ul li.active {
    color: rgba(100, 102, 104, 1)
}
nav#secondary_menu {
    background: #89afa3;
    color: #fff;
    height: 48px
}
nav#main_menu ul li ul.dropdown li,
nav#secondary_menu ul li,
nav#secondary_menu ul li ul.dropdown li {
    margin: 0;
    padding: 0;
    font-size: 15px;
    text-align: center
}
nav#secondary_menu ul li {
    position: relative
}
nav#secondary_menu.meetus ul li {
    width: 33%
}
nav#secondary_menu.blog ul li {
    width: 19.6%
}
nav#secondary_menu ul li ul.dropdown {
    position: relative;
    z-index: 6000;
    background: #fff;
    overflow: auto;
    display: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .3)
}
nav#secondary_menu ul li a,
nav#secondary_menu ul li ul.dropdown li,
nav#secondary_menu ul li ul.dropdown li a {
    display: block;
    width: 100%;
    line-height: 48px;
    height: 48px;
    position: relative
}
nav#secondary_menu ul li ul.dropdown li a {
    color: #707275
}
nav#secondary_menu ul li ul.dropdown li a:hover,
nav#secondary_menu ul li ul.dropdown li.active a {
    background: rgba(243, 243, 243, 1)
}
nav#secondary_menu ul li a {
    color: #fff
}
nav#secondary_menu ul li a:hover,
nav#secondary_menu ul li.active a {
    background: #7ea196
}
nav#main_menu ul li ul.dropdown {
    position: absolute;
    z-index: 99999;
    background: #fff;
    overflow: auto;
    display: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .3);
    border-radius:3px;
}
nav#main_menu ul li:hover ul.dropdown {
    display: block;
    margin-left: 10px;
}
nav#main_menu ul li ul.dropdown li {
    display: block;
    position: relative;
    width: 100%;
    line-height: 38px;
    height: 38px;
    border:none;
}
nav#main_menu ul li ul.dropdown li a {
    color: #707275;
    position: relative;
    display: block;
    width: 100%;
    line-height: 38px;
    height: 38px;
    font-size: 12px;
    text-align:left;
white-space: nowrap;
}
nav#main_menu ul li ul.dropdown li a:hover,
nav#main_menu ul li ul.dropdown li.active a {
    background: rgba(243, 243, 243, 1)
}



nav#main_menu > ul > li > ul.villas-dropdown {
    position: absolute;
    z-index: 99999;
    background: #fff;
    overflow: auto;
    visibility: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .3);
    width: 700px;left: -128px;
    padding:10px 0;opacity:0;
    transition: all 0.2s ease 0.75s;
    border-radius:3px;
    
}
.no-touch nav#main_menu > ul > li:hover ul.villas-dropdown {
      visibility: visible;
      opacity: 1;
      transition: all 0.2s ease 0s;
  }
  
.touch nav#main_menu > ul > li a {
      text-decoration:none;
  }
  
nav#main_menu > ul > li >  ul.villas-dropdown > li {
        float:left;
         width:  33.33%;
         position:relative;
         padding:0 10px;
}
nav#main_menu > ul > li >  ul.villas-dropdown > li:after {
  content: " ";width: 4px;position: absolute;top: 15px;bottom: 10px;right: 0;background-image: url(https://cdn.hammertonbarbados.com/website_assets/dots-vertical.png);background-position: right top;background-repeat: repeat-y;background-size: 3px 10px;}

nav#main_menu > ul > li >  ul.villas-dropdown > li:last-child:after { content: none; background:none; }

nav#main_menu > ul > li > ul.villas-dropdown .dropdown-col-title {    
      font-family: 'HB Italic', Georgia, serif;
      font-size: 20px;
      color: #df89ba;
      text-align: left;display: block;padding-left: 20px;padding-bottom:10px;padding-top:10px;
      text-decoration:none;
   }   
 
 nav#main_menu > ul > li > ul.villas-dropdown .dropdown-col-button {    
   position:relative;
   margin:20px;
   padding:10px;
   text-decoration:none;
   display:block;
   text-align:center;
   color:white;
      background-color: #df89ba;
      font-size: 15px;
      border-radius:3px;
   }   
   nav#main_menu > ul > li > ul.villas-dropdown .dropdown-col-button:after { content: "";  display: inline-block;width: 6px;height: 8px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23ffffff' d='m317.3 256-22.6 22.6-192 192L80 493.3 34.7 448l22.6-22.6L226.7 256 57.4 86.6 34.7 64 80 18.7l22.6 22.6 192 192 22.7 22.7z'/%3E%3C/svg%3E");background-size: 5px;margin-left: 2px;  }
   nav#main_menu > ul > li > ul.villas-dropdown .dropdown-col-link {    
   position:relative;
   margin:8px 0 8px 20px;
   padding:0;
   display:block;
   text-align:left;
      color: #df89ba;
      font-size: 13px;
   }   
   
   nav#main_menu > ul > li > ul.villas-dropdown .dropdown-col-link:after { content: "";  display: inline-block;width: 6px;height: 8px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23df89ba' d='m317.3 256-22.6 22.6-192 192L80 493.3 34.7 448l22.6-22.6L226.7 256 57.4 86.6 34.7 64 80 18.7l22.6 22.6 192 192 22.7 22.7z'/%3E%3C/svg%3E");background-size: 5px;margin-left: 2px;  }
   
   
   /* nav#main_menu > ul > li > ul.villas-dropdown .dropdown-col-button-mobile {  display:none; } */
  
 nav#main_menu > ul > li > ul.villas-dropdown  li > ul.villas-dropdown-col {
        display: block;
    }

    
nav#main_menu > ul > li > ul.villas-dropdown  li > ul.villas-dropdown-col li {
    display:block;
}
nav#main_menu > ul > li > ul.villas-dropdown  > li > ul.villas-dropdown-col > li > a {
    color: #707275;
    position: relative;
    display: block;
    width: 100%;
    line-height: 38px;
    height: 38px;
    font-size: 12px;
    text-align:left;
white-space: nowrap;
}
nav#main_menu > ul > li > ul.villas-dropdown > li > ul > li a:hover,
nav#main_menu > ul > li > ul.villas-dropdown > li > ul > li.active a {
    background: rgba(243, 243, 243, 1)
}



.touch  nav#main_menu > ul > li >  ul.villas-dropdown .close-menu {
  position:fixed;
  top: 170px;margin-left: 647px;z-index:9999;
  display: block;
  width: 30px;
  height: 30px;
  background-size:20px;
  background-repeat:no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3C!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath fill='%23df89ba' d='M345 137l17-17L328 86.1l-17 17-119 119L73 103l-17-17L22.1 120l17 17 119 119L39 375l-17 17L56 425.9l17-17 119-119L311 409l17 17L361.9 392l-17-17-119-119L345 137z'/%3E%3C/svg%3E");
  cursor:pointer;
}


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

  nav#main_menu > ul > li > ul.villas-dropdown {
      width: 100%;left:0;right:0;
      padding:10px 0;
      position:fixed;top:156px;bottom:0;
  }
  nav#main_menu > ul > li >  ul.villas-dropdown > li {
    
  }
  
.touch  nav#main_menu > ul > li >  ul.villas-dropdown .close-menu {
    position:absolute;
    top:10px;right:20px;z-index:9999;
    display: block;
    width: 30px;
    height: 30px;
    background-size:20px;
    background-repeat:no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3C!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath fill='%23df89ba' d='M345 137l17-17L328 86.1l-17 17-119 119L73 103l-17-17L22.1 120l17 17 119 119L39 375l-17 17L56 425.9l17-17 119-119L311 409l17 17L361.9 392l-17-17-119-119L345 137z'/%3E%3C/svg%3E");
    cursor:pointer;
  }
  
}


.touch nav#main_menu > ul > li > ul.villas-dropdown .close-menu { display:block}
.touch nav#main_menu > ul > li > ul.villas-dropdown { visibility: hidden; opacity:0; transition: all 0.2s ease 0s; }
.touch nav#main_menu > ul > li > ul.villas-dropdown.open { visibility: visible; opacity:1; transition: all 0.2s ease 0s;}




@media screen and (max-width: 668px) {
  
  
  nav#main_menu > ul > li > ul.villas-dropdown {
      top:120px;white-space: normal;
  }
  nav#main_menu > ul > li >  ul.villas-dropdown > li {
          float:none;
           width:  100%;
           position:relative;
           padding:0;white-space: normal;
           text-transform: none;
  }
  nav#main_menu > ul > li > ul.villas-dropdown li > ul.villas-dropdown-col {
    margin-left:10px;
    margin-right:10px;
  }
  
  nav#main_menu > ul > li > ul.villas-dropdown li > ul.villas-dropdown-col li a {
    font-size:15px;
    padding-left: 10px;
  }
  nav#main_menu > ul > li >  ul.villas-dropdown > li: { border-bottom: 1px solid #eee;padding-bottom: 20px;margin-bottom: 10px;}
  nav#main_menu > ul > li >  ul.villas-dropdown > li:after { content: none; background:none; }
  
  nav#main_menu > ul > li >  ul.villas-dropdown > li .close-menu {
    position:fixed;
    top:140px;right:20px;
    display: block;
    width: 30px;
    height: 30px;
    background-size:20px;
    background-repeat:no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3C!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath fill='%23df89ba' d='M345 137l17-17L328 86.1l-17 17-119 119L73 103l-17-17L22.1 120l17 17 119 119L39 375l-17 17L56 425.9l17-17 119-119L311 409l17 17L361.9 392l-17-17-119-119L345 137z'/%3E%3C/svg%3E");
    cursor:pointer;
  }
  
  
  
  
  /* 
  nav#main_menu > ul > li > ul.villas-dropdown .dropdown-col-button {    
    display:none;
  }
  nav#main_menu > ul > li > ul.villas-dropdown .dropdown-col-button-mobile {    
   position:relative;
   margin:20px;
   padding:10px;
   text-decoration:none;
   display:block;
   text-align:center;
   color:white;
      background-color: #df89ba;
      font-size: 15px;
   }   
   nav#main_menu > ul > li > ul.villas-dropdown .dropdown-col-button-mobile:after { content: "";  display: inline-block;width: 6px;height: 8px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23ffffff' d='m317.3 256-22.6 22.6-192 192L80 493.3 34.7 448l22.6-22.6L226.7 256 57.4 86.6 34.7 64 80 18.7l22.6 22.6 192 192 22.7 22.7z'/%3E%3C/svg%3E");background-size: 5px;margin-left: 2px;  } */
   
   
   
}




section header {
    margin-bottom: 100px
}
section header h2,
section header h1 {
    font-family: 'HB Italic', Georgia, serif;
    font-size: 36px;
    color: #df89ba;
/*     border-top: 1px solid #df89ba; */
    padding-top: 20px;
    text-align: center
}
.hero .caption h3,
.slider-wrapper ul li .caption h3 {
    font-family: 'Open Sans', Helvetica, sans-serif
}
section header p {
    font-size: 20px;
    text-align: center;
    margin-bottom: 20px
}
section.contact header h2 {
    margin-top: 30px
}
section.info header h2,
section.meetus header h2,
section.info header h1,
section.meetus header h1 {
    margin-top: 10px
}
section.blog header h2,
section.blog header h1 {
    margin-top: 24px
}
section.villas header h2 {
    margin-top: 0
}

.more-legible {
  -webkit-backdrop-filter: blur(1px);
}


.col {
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 60px
}
.hero {
    position: relative
}
.hero img {
    margin: 0 auto;
    display: block;
    width: 1440px;
    max-width: 100%
}
.hero .caption {
    text-align: left;
    display: block;
    max-width: 1400px;
    margin: -150px auto 0;
    padding: 0 100px 150px;
    text-shadow: 0 0 3px rgba(0, 0, 0, .4)
}
.hero .caption h3 {
    color: #fff;
    font-size: 15px;
    margin: 0;
    padding: 0
}
.hero .caption .quote {
    display: inline-block;
    padding: 0 0 0 40px
}
.hero .caption .quote blockquote {
    color: #fff;
    font-weight: 700;
    margin: 4px 0;
    padding: 0;
    line-height: 24px;
    font-size: 28px;
    border: none
}
.hero blockquote:before {
    content: "“";
    margin-left: -6px
}
.hero blockquote:after {
    content: "”"
}
.hero cite {
    color: #fff;
    font-style: normal;
    margin: 0 40px 0 0;
    padding: 0;
    text-align: right;
    display: block;
    font-size: 14px
}
.hero .scrollToContent {
    margin-top: 20px;
    width: 40px;
    height: 40px;
    display: inline-block;
    background-image: url(https://cdn.hammertonbarbados.com/website_assets/arrow-down.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 40px 80px;
    cursor: pointer;
    -webkit-animation: bounce 4s 2s infinite;
    animation: bounce 4s 2s infinite
}
.hero .scrollToContent:hover {
    background-position: center bottom
}
#postBody {
    font-size: 15px;
    line-height: 22px
}
#postBody img {
    max-width: 100%;
    margin: 30px 0
}
.note-editor .panel-heading {
    padding: 0!important
}
.slider-wrapper {
    position: relative
}
.slider-wrapper ul li .caption {
    text-align: left;
    display: block;
    max-width: 1400px;
    margin: -150px auto 0;
    padding: 0 100px 150px;
    text-shadow: 0 0 3px rgba(0, 0, 0, .4)
}
.slider-wrapper ul li .caption h3 {
    color: #fff;
    font-size: 15px;
    margin: 0;
    padding: 0
}
.slider-wrapper ul li .caption .quote {
    display: inline-block;
    padding: 0 0 0 40px
}
.slider-wrapper ul li .caption .quote blockquote {
    color: #fff;
    font-weight: 700;
    margin: 4px 0;
    padding: 0;
    line-height: 24px;
    font-size: 28px;
    border: none;
    max-height: 26px;
}
.overlay-content .col .search-form legend,
.overlay-content .col h1,
.overlay-content .col h2 {
    font-family: 'HB Italic', Georgia, serif;
    font-weight: 400
}
.slider-wrapper ul li .caption .quote blockquote:before {
    content: "“";
    margin-left: -6px
}
.slider-wrapper ul li .caption .quote blockquote:after {
    content: "”"
}
.featured .property .quote:before,
section.villa .villa-details .our-view:before {
    content: "“"
}
.slider-wrapper ul li .caption .quote cite {
    color: #fff;
    font-style: normal;
    margin: 0 40px 0 0;
    padding: 0;
    text-align: right;
    display: block;
    font-size: 14px
}
.button.block,
.featured .property,
.villas-list .villa .villa-details {
    text-align: center
}
.overlay-content {
    position: absolute;
    width: 100%;
    z-index: 8888
}
.overlay-content .col {
    display: block;
    max-width: 1400px;
    margin: 40px auto 0;
    padding-left: 60px
}
.overlay-content .col h1,
.overlay-content .col h2 {
    color: #fff;
    text-transform: none;
    font-size: 37px;
    margin-bottom: 20px;
    text-shadow: 0 0 3px rgba(0, 0, 0, .4)
}
.overlay-content .col .search-form {
    background-color: #FFF;
    padding: 2px 14px;
    display: inline-block;
    font-size: 13px;
    border-radius:3px;
}
.overlay-content .col .search-form select,
.select-control.sort {
    background: url(https://cdn.hammertonbarbados.com/website_assets/caret-down.png) center right no-repeat #FFF
}
.overlay-content .col .search-form legend {
    color: #525457;
    font-size: 16px;
    display: inline-block;
    float: left;
    border: none;
    padding: 0;
    margin: 0 20px 0 0;
    line-height: 40px;
    width: auto
}
.overlay-content .col .search-form .option {
    display: inline-block;
    padding: 0 16px;
    line-height: 40px;
    cursor: pointer;
    position: relative
}
.overlay-content .col .search-form input {
    position: absolute;
    border: none;
    width: 20px;
    visibility: hidden;
    height: 0
}
.overlay-content .col .search-form select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    border: none;
    outline: 0;
    font-family: 'Open Sans', Helvetica, sans-serif;
    font-size: 13px;
    color: #5a5b60;
    height: 40px;
    font-weight: 200;
    line-height: 40px;
    background-size: 18px 8px;
    padding-right: 17px
}
.button,
.overlay-content .col .search-form button {
    background: #E487BA;
    border: none;
    outline: 0;
    font-family: 'HB Italic', Georgia, serif;
    border-radius:2px;
}
.overlay-content .col .search-form button {
    color: #FFF;
    margin: 0;
    padding: 3px 20px
}
#resetSearch {
    float: right;
    color: #E487BA;
    font-size: 11px;
    margin-right: 16px;
    line-height: 25px;
    cursor: pointer
}
.button,
.button:hover {
    color: #FFF;
    text-decoration: none
}
.button {
    margin: 0;
    padding: 5px 28px;
    display: inline-block
}
.button:hover {
    background: #e871b5
}
.button:disabled {
    opacity: .4
}
.button:disabled:hover {
    background: #E487BA
}
.button.block {
    display: block;
    width: 100%
}
.button.naked {
    background: 0 0;
    color: rgba(140, 141, 149, 1);
    padding: 8px 10px
}
.button.naked:hover {
    background: 0 0;
    color: #E487BA
}
.we-love-barbs h3 {
    color: #707275;
    font-size: 19px;
    text-transform: uppercase;
}
.we-love-barbs .watermarked p {
    color: #707275;
    font-weight: 200;
    line-height: 20px;
    font-size: 14px
}
.we-love-barbs .watermarked {
    background-size: 146px 156px;
    background-position: right bottom;
    background-repeat: no-repeat;
    padding-bottom: 56px;
    padding-right: 40px;
    padding-left: 40px;
    overflow: auto
}

.we-love-barbs .watermarked:after {
	content: " ";
	width: 4px;
	position:absolute;
	top:10%;
	bottom:20%;
	right:0;
	background-image: url(https://cdn.hammertonbarbados.com/website_assets/dots-vertical.png);
	background-position: right top;
	background-repeat: repeat-y;
	background-size: 3px 10px
}
@media screen and (min-width: 992px) {
    .we-love-barbs .watermarked:nth-of-type(4):after,
    .we-love-barbs .watermarked:nth-of-type(9):after {
        background-image:none;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .we-love-barbs .watermarked:nth-of-type(2):after {
        background-image: none !important;
    }
     .we-love-barbs .watermarked:nth-of-type(6):after {
        background-image: none !important;
    }
    .we-love-barbs .watermarked:nth-of-type(9):after {
        background-image: none !important;
    }
}
.we-love-barbs .watermarked .spacer {
    height: 80px
}
.we-love-barbs .watermarked img,
.we-love-barbs .watermarked picture {
    float: right;
    clear: right;
    height: 146px;
    width: 156px
}
.featured .property {
	text-align: left;
    padding: 0 40px 80px
}
.featured .property:nth-of-type(2n+1) {
	clear:left;
}
.featured .property:nth-of-type(2n+1):after {
	content: " ";
	width: 4px;
	position:absolute;
	top:10px;
	bottom:50px;
	right:0;
	background-image: url(https://cdn.hammertonbarbados.com/website_assets/dots-vertical.png);
	background-position: right top;
	background-repeat: repeat-y;
	background-size: 3px 10px
}

.featured .property h4.cap-title {
    text-transform: uppercase;
    font-family: 'HB Regular', Georgia, serif;
    font-size: 24px;
    color: #85868a;
    padding: 12px 0 0;
    margin-bottom:0;
}
.featured .property h4.cap-title a,
.featured .property h4.cap-title a {
    color: #85868a;
    text-decoration: none;
}
.featured .property h4.cap-title a:hover,
.featured .property h4.cap-title a:hover {
    color: #E487BA;
    text-decoration: underline;
}

.featured .property div.cap-subtitle {

    margin-top:0;
    font-size: 16px;
    color: #85868a;
    padding: 0 0 12px 0
}
.featured .property .our-view {
    color:#85868a;
    font-weight: 400;
    line-height: 16px;
    font-size: 14px;
    margin: 12px 0 8px;

}
.featured .property p.quote {
    color: #707275;
    font-weight: 300;
    margin: 4px 0;
    padding: 0px 20px 10px 0;
    line-height: 28px;
    font-size: 28px;
    border: none;

}
.featured .property .quote:before {
    margin-left: -6px
}
.featured .property .quote:after {
    content: "”"
}
.featured .property .image {
    margin-bottom: 10px
}
.featured .property .button {
    float:right;
}
.featured .property .price {
    margin-top: 6px;
    font-weight: 400;
    color:#85868a;
    font-family: 'HB Italic', Georgia, serif;
    font-size: 14px;
}
.featured .property .button {
    margin-top: -5px;
}
.villas-list .villa {
    padding: 20px 30px 30px;
    margin: 8px 0
}
.villas-list .villa-content:nth-of-type(2n+1) {
	clear:left;
}
.villas-list .villa-content:nth-of-type(2n+1):after {
	content: " ";
	width: 4px;
	position:absolute;
	top:10px;
	bottom:50px;
	right:0;
	background-image: url(https://cdn.hammertonbarbados.com/website_assets/dots-vertical.png);
	background-position: right top;
	background-repeat: repeat-y;
	background-size: 3px 10px
}

/*
.villas-list .villa-content:before {
	content: " ";
	height: 4px;
	position:absolute;
	left:6px;
	top:-8px;
	right:10px;
	background-image: url(https://cdn.hammertonbarbados.com/website_assets/dots-horizontal.png);
	background-position: center top;
	background-repeat: repeat-x;
	background-size: 10px 4px 
}
*/

.villas-list div.page article.col-md-6:nth-of-type(odd) {
    clear: left
}
.villas-list div.page {
    clear:both;
    display:none;
}
.villas-list div.page.active {
    display:block;
}
.villas-list .villa header.villa-details {
    border-top: none;
    margin: 0 0 12px;
    padding: 0;
    text-align: left;
}
.villas-list .villa header.villa-details h2,
.villas-list .villa header.villa-details h3 {
    font-family: 'HB Regular', Georgia, serif;
    color: #85868a;
    border: none
}
.villas-list .villa header.villa-details h2 {
    text-transform: uppercase;
    font-size: 28px;
    padding: 0;
    margin: 0;
    line-height: 24px;
    text-align: left;
}
.villas-list .villa header.villa-details h3 {
    text-transform: none;
    font-size: 18px;
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    padding: 0 0 4px;
    margin-top: 8px;
    line-height: 20px;
    text-align: left;
}
.villas-list .villa header.villa-details h2 a,
.villas-list .villa header.villa-details h3 a {
    color: #85868a;
    text-decoration: none;
}
.villas-list .villa header.villa-details h2 a:hover,
.villas-list .villa header.villa-details h3 a:hover {
    color: #E487BA;
    text-decoration: underline;
}
.villas-list .villa .villa-details .our-view {
    font-family: journalregular, serif;
    color: #707275;
    font-size: 26px;
    font-weight: 100;
    line-height: 26px;
    margin: 10px 0 20px;
    min-height: 60px;
    letter-spacing: 1.5px;
    text-align: left;
}
    section.villa .villa-details .sleeping  {
	    margin: 20px 0 30px
    }
 
        section.villa .villa-details .staff  {
	    margin: 20px 0 30px
    }
    section.villa .villa-details .sleeping ul,
        section.villa .villa-details .staff ul {
	    margin:0;padding:0;list-style:none;
    }
    section.villa .villa-details .sleeping ul li,
    section.villa .villa-details .staff ul li {
	    margin: 0 0 4px 0;
		padding: 0;
		font-size: 15px;
		font-weight: 400;
	}

#collectionsList h3,
.villas-list .villa .price-from,
.villas-list .villa .price-from-only {
	font-size: 14px;
    margin-top: 0px;
    margin-bottom: 10px;
    font-family: 'HB Italic', Georgia, serif
}
.villas-list .villa  .available-text {
	color:#6EB3A1;
	font-size: 15px;
    margin-top: 10px;
    float:right;
 font-family: 'HB Italic', Georgia, serif

}
.villas-list .villa  .available-text i {
	float:left;

}
.villas-list .villa .villa-figures {
    text-align: center;
    margin: 0 0 0;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 14px;
	line-height: 16px;
    font-family: 'HB Italic', Georgia, serif
}
.villas-list .villa .villa-figures img {
    width: 112px;
    max-width: 80%;
    height: auto;
    vertical-align: top;
    margin-bottom: 5px;
}
.villa .villa-details .button {
	float:none;
    display:block;
    padding: 5px;
}

.divider-left {
	background-image: url(https://cdn.hammertonbarbados.com/website_assets/dots-vertical.png);
	background-position: top left;
	background-repeat: repeat-y;
	background-size: 3px 10px 
}
.villas-list .villa .divider-left {
	margin-left: -10px;
	padding-left: 24px;
	padding-right: 5px;
}

.results-intro {
	margin-bottom: 60px;
}
.hb-pagination {
	text-align: center;margin: 30px 0 0;
	font-size: 15px;font-family: 'HB Italic', Georgia, serif
}
.hb-pagination-top {
	text-align: right;
	margin-top:0;
}
.hb-pagination .page-selector {
	padding: 0px 7px 0px 6px;
	display:inline-block;
	background-color:#FFF;
	border: 1px solid transparent;
	border-radius: 50%;
}
.hb-pagination .page-selector:hover {
	text-decoration: none;
	border: 1px solid #DDD;
}
.hb-pagination .page-selector.active {
	color:#fff;
	background-color:#E487BA;
}

.hb-pagination .page-selector.hidden {
  display:none;
}

.hb-pagination .page-selector.spacer-right,
.hb-pagination .page-selector.spacer-left,
.hb-pagination .page-selector.spacer-right:hover
.hb-pagination .page-selector.spacer-left:hover {
  color:#b1b3b5;
  border:none;
  background-color:transparent;
  cursor:default;
}

.hb-pagination .prev {
	margin-right: 10px;
}
.hb-pagination .next {
	margin-left: 10px;
}
.hb-pagination .fa {
	color:#b1b3b5
}
.hb-pagination .prev .fa {
	margin-right: 4px;
}
.hb-pagination .next .fa {
	margin-left: 4px;
}


@media screen and (max-width: 600px) {
	
	.results-intro {
		margin-bottom: 30px;
	}

	.hb-pagination-top {
		text-align: center;
		margin: 30px 0;;
	}
	.sort-control {
		margin-left: auto;
		margin-right:auto;
	}
}

.select-control.configs,
.select-control.sort {
    height: 36px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    font-weight: 500;
    cursor: pointer;
    outline: 0
}
.villas-list .villa .cta {
    text-align: left
}

.villas-list .villa .cta .fa {
    font-size: 36px;
    color: #fda2d6;
    margin-right: 4px
}
.villas-list .villa .price-from-only {
    font-size: 14px;
    margin-top: 0px;
    margin-bottom: 10px;
    font-family: 'HB Italic', Georgia, serif;
}
.villas-list .villa .cta .price-from {
    font-size: 12px
}
.villas-list .villa .cta .available-text {
    font-size: 15px
}
.avail-next,
.avail-prev {
    cursor: pointer;
    width: 30px;
    text-align: center
}
.avail-next:hover,
.avail-prev:hover {
    background: #f5f5f5
}
.avail-next.disabled,
.avail-prev.disabled:hover {
    opacity: .2;
    background: #fff
}
#collectionsList {
    background: #fff;
    padding: 30px 0;
    margin: 40px 0 76px
}
#collectionsList h3 {
    font-size: 26px;
    line-height: 22px;
    padding: 0;
    margin: 0 0 26px 15px;
    color:#DF89BA;
}
.configs-control,
.select-control.configs {
    font-family: 'Open Sans', Helvetica, sans-serif
}
#collectionsList h4 {
    font-size: 14px;
    line-height: 18px;
    color: #DF89BA;
    padding: 0;
    margin: 8px 0 20px
}
#collectionsList .image-cropped {
    max-height: 200px;
    overflow: hidden
}
#collectionsList .image-cropped img {
    padding-bottom: 0;
    max-height: 200px
}
.page-villas .bx-pager {
    display: none
}
.sort-control {
    border: 1px solid #ddd;
    display: block;
    margin-bottom: 15px;
    color: #999;
    padding-left: 12px;
    font-size: 13px;
    width: 256px;
    border-radius:2px;
}
.select-control.sort {
    width: 194px;
    font-size: 13px;
    border: 1px solid #FFF;
    border-radius: 0;
    background-size: 28px 12px;
    padding: 2px 10px;
    margin: 0
}
.configs-control {
    display: block;
    margin-bottom: 0;
    padding-left: 0;
    font-size: 13px;
    color: #5a5b60
}
.select-control.configs {
    min-width: 190px;
    font-size: 13px;
    border: 1px solid #ddd;
    border-radius: 3px;
    background: url(https://cdn.hammertonbarbados.com/website_assets/caret-down.png) center right no-repeat #FFF;
    background-size: 28px 12px;
    padding: 2px 28px 2px 10px;
    margin: 0
}
section.villa {
    padding: 10px 0 60px
}

section.villa .quick-jump {
    padding:0;
    margin:10px 0 20px;
    list-style:none;
    display:block;
}
section.villa .quick-jump li {
    display:inline-block;
    margin: 0 14px 0 0;
    padding: 0 14px 0 0 ;
    border-right: 1px solid #949494;
}
section.villa .quick-jump li:last-of-type {
    margin: 0;
    border-right: none;
}
section.villa .quick-jump li a {
    color:#E487BA;
    font-size: 15px;
    text-decoration: none;
    font-family: 'HB Regular', Georgia, serif;
	text-transform: uppercase;
}


section.villa .villa-details {
    text-align: left;
    padding: 0 60px
}
section.villa .villa-details .col1 {
    padding: 0 0
}
section.villa .villa-details .col2 {
    padding: 0 40px
}
section.villa .villa-details h1 {
    text-transform: uppercase;
    font-family: 'HB Regular', Georgia, serif;
    font-size: 32px;
    color: #85868a;
    padding:  0 0;
    margin:0;
}
section.villa .villa-details h2 {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-weight: 300;
    margin:0;
    color: #85868a;
    padding: 12px 0;
    margin: 0 0 0;
}

section.villa .villa-details .our-view {
    font-family: journalregular, serif;
    font-size: 31px;
    font-weight: 100;
    line-height: 27px;
    color:#89afa3;
    letter-spacing: 1px;
}
section.villa .villa-details .our-view:after {
    content: "”"
}
section.villa .villa-details .wcv-intro {
    margin: 30px 0 8px;
    overflow: hidden;
    position: relative;
    box-sizing:border-box;
	 background:linear-gradient(#5a5b60 80%, transparent 100%);
	 background: -webkit-linear-gradient(#5a5b60 80%, transparent 100%);
     -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

section.villa .villa-details .wcv-intro.expanded {
	background:none;
	-webkit-background-clip: border;
	-webkit-text-fill-color: inherit;
	color:inherit;
	margin-bottom:20px;
}
/*
section.villa .villa-details .wcv-intro.closed:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 34px;
    background-image: url(https://cdn.hammertonbarbados.com/website_assets/fade-to-white.png);
    background-position: 0 0;
    -webkit-transition: all .4s ease-out
}
*/
section.villa .villa-details .wcv-intro-expand {
    position: relative;
/*     top: -20px; */
    color: #E487BA;
/*     text-align: center; */
    cursor: pointer;
    font-weight:600;
    margin-bottom: 22px;
}
section.villa .villa-details .detail-list {
    text-align: left
}
section.villa .villa-details .detail-list h4 {
    font-family: 'HB Regular', Georgia, serif;
    color:#89afa3;
    text-transform: uppercase;
    margin-top: 30px;
    margin-bottom: 10px;
}
section.villa .villa-details .detail-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
section.villa .villa-details .detail-list ul li {
    margin: 0 0 4px 0;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
}
section.villa .villa-details .detail-list ul li a {
    text-decoration: underline;
    color:#5a5b60;
}
section.villa .villa-details .detail-list ul li a:hover {
    color:#E487BA;
}
section.villa .villa-details .villa-figures {
    margin-bottom: 20px;
    text-align: center;
        font-size: 14px;
	line-height: 16px;
    font-family: 'HB Italic', Georgia, serif
}
section.villa .villa-details .villa-figures img {
    margin: 0 auto 5px
}
section.villa .villa-details .villa-testimonial {
    color: #fc83c8;
    padding: 40px 10px;
    border-top: 1px solid #fc83c8;
    margin: 40px -15px 30px
}
section.villa .villa-testimonial {
	text-align: center;
	padding: 30px 40px 0;
}
section.villa .villa-testimonial h5 {
    color: #89afa3;
    font-family: 'HB Italic', Georgia, serif;
    font-size: 26px;
    padding: 0;
    border: none
}

section.villa .villa-testimonial blockquote {
    color: #89afa3;
    font-family: 'Open Sans', Helvetica, sans-serif;
    font-size: 15px;
    font-style: italic;
    padding: 0;
    margin-bottom:6px;
    border: none
}
section.villa .villa-testimonial blockquote:before {
    content: "“"
}
section.villa .villa-testimonial blockquote:after {
    content: "”"
}
section.villa .villa-testimonial cite {
    font-weight: 600;
    font-style: normal;
    font-size: 14px
}
section.villa .villa-details #map {
    width: 100%;
    height: 400px;
    border-radius:3px;
}

section.villa .villa-details .pricing-header {
  display:flex;
  justify-content: space-between;margin-bottom:10px;
}

section.villa .villa-details .pricing-heading {
flex-grow:2;
}

section.villa .villa-details .pricing-config-control {
  color: #89afa3;
  margin-top: 18px;
}
/* section.villa .villa-details .pricing-config-control span {
  font-family: 'HB Regular', Georgia, serif;
  color: #89afa3;  font-weight: 400;text-transform: uppercase
} */

@media screen and (max-width:600px) {
  section.villa .villa-details .pricing-header {
    display:block;
    justify-content: initial;margin-bottom:10px;
  }
  section.villa .villa-details .pricing-config-control {
    margin-top: 10px;
  }
}

section.villa .villa-details .rate-card {
    
}
section.villa .villa-details .rate-card table {
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    vertical-align: middle;
    position: relative
}
section.villa .villa-details .rate-card table thead tr th {
    font-weight: 400;
    text-transform: uppercase;
    color:#89afa3;
    font-family: 'HB Regular', Georgia, serif
}
section.villa .villa-details .rate-card table thead tr th.pricing-minstay {
  width:132px;
}
@media screen and (max-width:660px) {
  section.villa .villa-details .rate-card table thead tr th.pricing-minstay {
    width:80px;
  }
  section.villa .villa-details .rate-card table thead tr th.pricing-rate {
    width:80px;
  }
}
section.villa .villa-details .rate-card table thead tr th.pricing-minstay,
section.villa .villa-details .rate-card table thead tr th.pricing-rate {
    text-align: center
}
section.villa .villa-details .rate-card table tbody tr td,
section.villa .villa-details .rate-card table thead tr th {
    padding: 8px 6px;
    border: 2px solid #FFF
}
section.villa .villa-details .rate-card table tbody tr td.pricing-period {
    background: #F5F5F5
}
section.villa .villa-details .rate-card table tbody tr td.pricing-minstay {
    background: #F5F5F5;
    text-align: center
}
section.villa .villa-details .rate-card table tbody tr td.pricing-rate {
    background: #F5F5F5;
    text-align: center
}
section.villa .villa-details .rate-card table tbody tr td.pricing-rate strong {
    font-weight: 400
}
section.villa .villa-details .rate-card table tbody tr td.pricing-currency {
    background: #E487BA;
    text-align: center;
    color: #fff;
    font-weight: 500;
    position: relative;
    cursor: pointer;
    border-radius: 0 0 3px 4px;border:none;
}
section.villa .villa-details .rate-card table tbody tr td.pricing-currency ul.currency-dropdown {
    width: 100%;
    display: none;
    position: absolute;
    z-index: 8888;
    left: 0;
    top: 27px;
    right: 0;
    list-style: none;
    box-shadow: 0 0 4px rgba(0, 0, 0, .3);
    margin: 0;
    padding: 0; border-radius:3px;
}
section.villa .villa-details .rate-card table tbody tr td.pricing-currency:hover ul.currency-dropdown {
    display: block
}
section.villa .villa-details .rate-card table tbody tr td.pricing-currency ul.currency-dropdown li {
    width: 100%;
    background: #fff;
    border-top: 1px solid #DDD;
    line-height: 26px;
    color: #707276;
    cursor: pointer
}
section.villa .villa-details .rate-card table tbody tr td.pricing-currency ul.currency-dropdown li:hover {
    background: #F0F0F0
}
section.villa .villa-details h3 {
    font-family: 'HB Regular', Georgia, serif;
    color:#89afa3;
    text-transform: uppercase;
}

section.villa .villa-details .rates-supplementary-info {
    text-align: left;
    margin: 15px 0 0;
    font-size: 12px
}
.enquiry-form .form {
    margin: 0;
    padding: 20px 0;
    border: none
}
.enquiry-form .form {
    margin: 0;
    padding: 20px 0;
    border: none
}
.enquiry-form .form textarea {

}
.enquiry-form {
  
}
.enquiry-form .property {
    text-transform: uppercase;
    font-family: 'HB Regular', Georgia, serif;
    font-size: 18px;
    color: #85868a;
    padding: 0;
    text-align: center
}
.enquiry-form .details {
    font-size: 12px;
    color: #85868a;
    border-bottom: 2px solid #fda2d6;
    padding: 0 0 18px;
    margin-bottom: 6px;
    text-align: center
}
#submitBookingEnquiry,
.plan-your-stay .row {
    margin: 0
}
.modal-window .enquiry-form .button,
.modal-window .plan-your-stay .button {
    height: 34px;
    line-height: 28px;
    padding: 3px
}
.modal-window .enquiry-form .bottom-panel {
    height: 42px
}




.modalWindow .plan-your-stay,
.plan-your-stay {
    height: 220px;
    background: rgba(255, 255, 255, .75);
    z-index: 8000;
    -webkit-transition: height ease-out .4s;
    bottom: 0;
    
}
.modalWindow .plan-your-stay {
  height:auto;
}
.plan-your-stay {
    position: absolute;
    width: 270px;
    right: 3%;
    padding-top: 14px;
    border-radius: 3px 3px 0 0;
}
.plan-your-stay:hover {
	opacity:1 !important;
}
.modalWindow .plan-your-stay {
    position: relative;
    width: auto;
    right: auto;
    padding-top: 0
}
.modalWindow .plan-your-stay .bottom-panel,
.plan-your-stay .bottom-panel {
    background: rgba(255, 255, 255, .65);
    font-family: 'HB Italic', Georgia, serif;
    color: #E487BA;
    font-size: 26px;
    text-align: center
}
.plan-your-stay.showsPrice {
     height: 250px 
}
.plan-your-stay.showsOffer {
     height: 270px 
}
.modalWindow .plan-your-stay.showsPrice {
     height: auto; 
}
.plan-your-stay .bottom-panel {
    height: 50px;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    line-height: 50px
}
.modalWindow .plan-your-stay .bottom-panel {
    left: auto;
    bottom: auto;
    right: auto;
    position: relative;
    line-height: 38px
}
.plan-your-stay .form-control,
.plan-your-stay .select-control,
.form-controls.payment-fields {
    font-size: 12px;
    padding: 2px 10px;
    font-weight: 500;
    height: 30px;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none
}
.plan-your-stay .form-control,
.form-controls.payment-fields {
    border: 1px solid #fff;
    border-radius: 0;
    margin-bottom: 10px
}
.plan-your-stay .select-control {
    line-height: 28px!important;
    border: 1px solid #fff;
    border-radius: 2px;
    background: url(https://cdn.hammertonbarbados.com/website_assets/caret-down.png) center right no-repeat #FFF;
    background-size: 28px 12px;
    margin-bottom: 0;
    cursor: pointer
}
.modalWindow .plan-your-stay .form-control,
.modalWindow .plan-your-stay .select-control,
.form-controls.payment-fields {
    border: 1px solid #DDD
}
.modalWindow .plan-your-stay span.text-danger {
    font-size: 11px;
    top: -7px;
    position: relative;
    display: block;
    line-height: 12px
}
.plan-your-stay .form-control.date {
    background-image: url(https://cdn.hammertonbarbados.com/website_assets/calendar-icon.png);
    background-size: 28px 14px;
    background-repeat: no-repeat;
    background-position: right center;
    cursor: pointer;
    line-height: 28px;
    font-weight: 500;
    border-radius: 2px;
}
.plan-your-stay .button {
    height: 28px;
    line-height: 28px;
    padding: 0;
    font-size: 13px;
    display: block;
    width: 100%
}
.plan-your-stay .phone {
    text-align: center;
    margin-top: 10px
}
.plan-your-stay .phone .telephon {
    font-family: 'HB Regular', Georgia, serif
}
.plan-your-stay .holidayPrice {
    background: rgba(255, 255, 255, 0.7);
    text-align: center;
    padding: 4px;
    font-size: 14px;
    display: none;
    margin-bottom: 10px;
    border-radius:2px;
}
#decJanPricingInfo,
#decJanPricingNote {
    margin-bottom: 12px
}
.plan-your-stay .holidayPrice.loading .xrp-sym:after {
    content: " ";
    width: 16px;
    height: 16px;
    position: absolute;
    margin-left: -20px;
    background-image: url(https://cdn.hammertonbarbados.com/website_assets/loader-small-light.gif);
    background-size: 16px 16px;
    background-position: center center
}
.plan-your-stay .holidayPrice.loading .xrp {
    opacity: .35;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}
#decJanPricingInfo {
    display: none
}

section.villa .villa-details h3 span {
	font-size: 19px;
    color:#c2c0c0;
}
section.villa .villa-details h4 {
	font-size: 21px;
	font-family: 'HB Italic', Georgia, serif
}

section.villa .availability {
    margin: 40px 
}
section.villa .availability h3 {
    font-family: 'HB Regular', Georgia, serif;
    color:#89afa3;
    text-transform: uppercase;
}
section.villa .availability h3 span{
    font-size: 19px;
    color:#c2c0c0;
}
section.villa .availability ul.controls {
    margin: -40px 0 0;
    padding: 0;
    list-style: none;
    float: right
}
section.villa .availability ul.controls li {
    margin: 0;
    padding: 0;
    display: inline-block;
    color: #E487BA;
    border-radius:3px;
}
section.villa .availability-table-item {
    padding: 4px
}
section.villa .availability-month {
    background: #F5F5F5;
    padding: 10px;
    height: 215px;
    border-radius:3px;
}

.slider_thumb_video {
    position:relative;width: 192px;float: left;margin-left: 60px;margin-top: 20px;margin-right: 12px;padding-right: 11px;border-right: 1px solid #E487BA;
    cursor:pointer;
}
.slider_thumb_video img{
    max-width:100%;
    opacity: 1;
    background-color:white;
}
.slider_thumb_video:after {
    position:absolute ;
    content: "  ";
    background-image: url(/assets/img/play_button.png);
    background-size: 70px 52px;
    background-repeat:no-repeat;
    background-position: center center;
    background-color: transparent;
    top:0;left:0;
    width:95%;
    height:100%;
}
.slider_thumb_video:hover img {
	opacity:0.85
}

.bxslider .video-container {
	width:1440px;
	margin:0 auto;
}
.page-villas .bx-wrapper .bx-viewport {
  background-color:transparent;
}

.page-home .bx-wrapper .bx-viewport {
  background-color:transparent;
}

.page-villas.page-loaded .bx-wrapper .bx-viewport {
  background-color:#fff;
}

@media screen and (min-width: 1440px) {
  .slider-wrapper:before {position:absolute;top:0;bottom:0;width:1440px;max-width:100%;left:50%;margin-left:-720px;content:" ";border-radius:4px;}
}
.slider-wrapper img, .slider-wrapper picture,  .slider-wrapper picture img,  .slider-wrapper picture source {
  /* width: 1440px;
  max-width:100%  !important; */
  max-width:1440px;max-height:800px;margin:0 auto;
  width:100%;
  height:auto;aspect-ratio: 7 / 4;
  object-fit: cover;
}
@media screen and (min-width: 1440px) {
  .slider-wrapper img, .slider-wrapper picture,  .slider-wrapper picture img,  .slider-wrapper picture source {
    border-radius:3px;
  }
}

@media screen and (max-width: 980px) {
	.slider-wrapper {
		position: relative;
		max-height: 55vw;
		overflow: hidden;
	}

	.bxslider {
		padding: 0;
		min-height: 55vw;
	}

	.bx-wrapper img {
		max-width: 100%;
		min-height: 55vw;
		max-height: 58vw;
	}
	.bx-wrapper li img {
		max-width: 100%;
	}
	
}


@media screen and (min-width: 1440px) {
	.bxslider .video-container {
	    padding-bottom:805px;
    }
    
    .slider-wrapper {height:800px}
    .bxslider {
        margin:0;
        padding:0;
        height:800px; overflow:hidden;
    }
    .bxslider li {
        max-width:1440px;height:800px;
        margin:0 auto;
    }
    .bx-wrapper .bxslider {
        margin:0;
        padding:0;
    }
    .bx-wrapper .bxslider li {
        max-width: none;
        margin:0;
    }

    .plan-your-stay-container {
      position:relative; max-width: 1440px; margin: 0px auto 0;
    }

}



table.month-calendar {
    width: 100%;
    cursor: default
}
table.month-calendar .month-name {
    text-align: left;
    font-family: 'HB Regular', Georgia, serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    padding: 4px 10px 8px
}
.blog .category h3,
.blog .related h3,
.form #enquiry_success #enquiry_msg,
.form #su-success #su-msg,
.form #success #msg,
section.villa .enquiry h5,
section.villa .special-offer h5,
table.month-calendar .day-of-week {
    font-family: 'HB Italic', Georgia, serif
}
table.month-calendar .day-of-week {
    width: 14.285714286%;
    text-align: center;
    font-weight: 200;
    font-size: 12px;
    padding-bottom: 5px;
    color: #bbb
}
table.month-calendar td {
  border-style:none;
    border-bottom: 3px solid #F5F5F5;
    text-align: center;
    line-height:21px;
    font-size: 13px;
}
table.month-calendar td.in-past span {
    opacity: .3
}
table.month-calendar td.availability-item span {
    position: relative;
    display: block
}
table.month-calendar td.availability-item:not(.in-past):not(.unavailable):hover {
    background-color: rgba(227, 134, 185, 0.8);
    /* color: #fff */
}

table.month-calendar td.availability-item:not(.unavailable).noprice:hover span:before,
table.month-calendar td.availability-item:not(.unavailable):not(.noprice):not(.in-past):hover span:before {
    background-color: transparent;
    color: #fff;
    background-position: center top;
    background-repeat: no-repeat;
    height: 46px;
    line-height: 42px;
    position: absolute;
    top: -50px;
    font-size: 12px;
    font-weight: 600;
    overflow: visible
}
table.month-calendar td.availability-item:not(.unavailable):not(.noprice) {
    cursor: pointer
}
table.month-calendar td.availability-item:not(.unavailable):not(.noprice):not(.in-past):hover span:before {
    background-image: url(https://cdn.hammertonbarbados.com/website_assets/pricepopup.png);
    background-size: 60px 46px;
    width: 64px;
    left: -20px;
    font-size: 14px;
    font-family: 'HB Italic', Georgia, serif;
    content: "" attr(data-price)
}
table.month-calendar td.availability-item:not(.unavailable).noprice:hover span:before {
    background-image: url(https://cdn.hammertonbarbados.com/website_assets/pricepopup-wide.png);
    background-size: 125px 46px;
    width: 125px;
    left: -50px;
    content: "Request Price";
    z-index: 3333
}
.image-thumbs,
.telephone {
    position: relative
}
table.month-calendar td.availability-item.unavailable {
    background-color: #89afa3;
    color: rgba(255,255,255, .45);
    opacity: 1;
    cursor: not-allowed
}
table.month-calendar td.availability-item.selected {
    background-color: #E487BA;
    /* color: #fff */
}


table.month-calendar td.availability-item.in-past {
    cursor: not-allowed !important;
}
table.month-calendar td.availability-item.halfDayIn {
  background: rgb(245,245,245);
  background-size:100% 100%;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' width='80' height='80'%3E%3Cpath fill='%2389AFA4' fill-rule='evenodd' d='M80 0v80H0z'/%3E%3C/svg%3E");
  /* text-shadow: 0 0 2px white; */
}
/* table.month-calendar td.availability-item.halfDayIn:not(.in-past):hover,
table.month-calendar td.availability-item.halfDayOut:not(.in-past):hover {
  background: rgba(227, 134, 185, 0.8) !important;
  color: #fff
} */

table.month-calendar td.availability-item.halfDayIn:not(.in-past) span:before,
table.month-calendar td.availability-item.halfDayOut:not(.in-past) span:before {
  text-shadow:none;
}




table.month-calendar td.availability-item.halfDayOut:not(.in-past):hover {
   background-color: rgba(227, 134, 185, 0.9);
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' width='80' height='80'%3E%3Cpath fill='%2389AFA4' fill-rule='evenodd' d='M0 0h80L0 80z'/%3E%3C/svg%3E");
    /* color: #fff */
}

table.month-calendar td.availability-item.halfDayIn:not(.in-past):hover {
   background-color: rgba(227, 134, 185, 0.8);
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' width='80' height='80'%3E%3Cpath fill='%2389AFA4' fill-rule='evenodd' d='M80 0v80H0z'/%3E%3C/svg%3E");
    /* color: #fff */
}



table.month-calendar td.availability-item.unavailable.selected.selected-end {
   background-color:#89afa3;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' width='80' height='80'%3E%3Cpath fill='red' fill-rule='evenodd' d='M0 0h80L0 80z'/%3E%3C/svg%3E");
    /* color: #fff */
}
table.month-calendar td.availability-item.unavailable.selected.selected-start {
   background-color:#89afa3;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' width='80' height='80'%3E%3Cpath fill='red' fill-rule='evenodd' d='M80 0v80H0z'/%3E%3C/svg%3E");
    /* color: #fff */
}

table.month-calendar td.availability-item.selected.selected-start {
  position: relative;
}
table.month-calendar td.availability-item.selected.selected-start:after {
   content: "";
   position: absolute;
   top:0;right:0;
   height: 100%;
   width:1px;
   background-color:rgba(227, 134, 185);
}

table.month-calendar td.availability-item {
  position: relative;
}
table.month-calendar td.availability-item.halfDayIn:after {
   content: "";
   position: absolute;
   top:0;right:0;
   height: 100%;
   width:1px;
   background-color:#89afa3;
}

table.month-calendar td.availability-item.selected.halfDayIn:not(.selected-end):after {
   content: "";
   position: absolute;
   top:0;right:0;
   height: 100%;
   width:1px;
   background-color:red;
}

table.month-calendar td.availability-item.selected.halfDayOut:not(.selected-start):not(.selected-end) {
  background-color:rgba(227, 134, 185);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' width='80' height='80'%3E%3Cpath fill='red' fill-rule='evenodd' d='M0 0h80L0 80z'/%3E%3C/svg%3E"); !important;
}
table.month-calendar td.availability-item.selected.halfDayOut:not(.selected-start):not(.selected-end):after {
   content: "";
   position: absolute;
   top:0;right:0;
   height: 100%;
   width:1px;
   background-color:rgba(227, 134, 185);
}

/* table.month-calendar td.availability-item.halfDayIn:not(.in-past).selected,
table.month-calendar td.availability-item.halfDayOut:not(.in-past).selected { 
  background: rgba(228, 135, 186, 1) !important;

  color: #fff !important;
  text-shadow: none;
} */





table.month-calendar td.availability-item.halfDayOut {
  background: rgb(245,245,245);
  background-size:100% 100%;
  background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' width='80' height='80'%3E%3Cpath fill='%2389AFA4' fill-rule='evenodd' d='M0 0h80L0 80z'/%3E%3C/svg%3E");
  /* text-shadow: 0 0 2px white; */
}
table.month-calendar td.availability-item.halfDayIn:not(.in-past).selected { 
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' width='80' height='80'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23E486BA' d='M0 0h80L0 80z'/%3E%3Cpath fill='%2389AFA4' d='M80 80V0L0 80z'/%3E%3C/g%3E%3C/svg%3E");
}
table.month-calendar td.availability-item.halfDayOut:not(.in-past).selected { 
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' width='80' height='80'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%2389AFA4' d='M0 0h80L0 80z'/%3E%3Cpath fill='%23E486BA' d='M80 80V0L0 80z'/%3E%3C/g%3E%3C/svg%3E");
}


table.month-calendar td.availability-item.unavailable.selected
  {
    background-color: red;
    background-image: none;
}



table.month-calendar td.availability-item.selected.selected-start
{background-size:100% 100%;
  background-repeat: no-repeat;
  background-color:transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' width='80' height='80'%3E%3Cpath fill='%23E486BA' fill-rule='evenodd' d='M80 0v80H0z'/%3E%3C/svg%3E");
}

table.month-calendar td.availability-item.selected.selected-end
{background-size:100% 100%;
  background-repeat: no-repeat;
  background-color:transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' width='80' height='80'%3E%3Cpath fill='%23E486BA' fill-rule='evenodd' d='M0 0h80L0 80z'/%3E%3C/svg%3E");
} 

table.month-calendar td.availability-item.halfDayIn.selected:not(.selected-end) {
   background-color: rgba(227, 134, 185);
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' width='80' height='80'%3E%3Cpath fill='red' fill-rule='evenodd' d='M80 0v80H0z'/%3E%3C/svg%3E");
    /* color: #fff */
}


/* table.month-calendar td.availability-item.halfDay:not(.in-past):after {
    content: "";
    position:absolute;
    top:0px;right:-1px;bottom:0;width:2px;
    background-color:rgba(137,175,163,1);
}

table.month-calendar td.availability-item.halfDay:not(.in-past):hover:after {
    content: "";
    position:absolute;
    top:1px;right:0px;bottom:0;width:1px;
    background-color:#E487BA;
    
} */


.calendar_legend {
	list-style: none;
margin: 5px 0 0 20px;
clear: both;
overflow: auto;
padding: 0;
}
.calendar_legend li {
	display:inline-block;
	font-size: 15px;
	margin-right: 10px;
}
.calendar_legend li span.calendar_legend_selected,
.calendar_legend li span.calendar_legend_unavailable {
	display:inline-block;
	width:10px;
	height:10px;
}
.calendar_legend li span.calendar_legend_selected {
	background-color: #E487BA
}
.calendar_legend li span.calendar_legend_unavailable {
	background-color: #89afa3
}

section.villa .enquiry-form {
	background-color:#dde7e0;
	padding-right: 60px;
	border:none;
	position:relative;
	padding: 40px 40px 24px;
    border-radius:3px;
}
section.villa .enquiry-form:before {
/*
	position:absolute;
	top:0;
	left:-2040px;
	bottom:0;
	background-color:#dde7e0;
	width:2400px;
	content: " ";
*/
}
section.villa textarea.form-control {
	min-height: 110px;
}
section.villa .special-offer {
  	background-color: #edf4f0;
    padding: 20px 25px;
    border-radius:3px;
}

section.villa .pineapple-filler {
	position:relative;
}
section.villa .pineapple-filler:before {
    content: " ";
    background-image:url(https://cdn.hammertonbarbados.com/website_assets/pineapple-filler-alt.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0 0;
    position:absolute;
    right: -9%;
    top: auto;
    bottom: -280px;
    width: 58%;
    height: 100%;
    z-index: -1;
    opacity: 0.7;
}
section.villa .pineapple-filler.with-offer:before {
    top: 20px;
    bottom:auto;
}




section.villa .special-offer h5 {
    font-size: 23px;
    color: #E487BA;
    margin: 0 0 20px;
    padding: 0;
    text-align: center
}
section.villa .special-offer p.offer-text {
    font-size: 16px;
    font-style: italic;
    color: #89aea3;
    line-height: 20px;
    text-align: center
}
section.villa .special-offer p.supplementary-text {
    font-size: 13px;
    font-style: italic;
    font-weight: 400;
    line-height: 20px;
    text-align: center
}
section.villa .special-offer .button {
  padding: 5px 28px;
  margin:20px auto 0 auto;
}

section.villa .enquiry {
    background: #fafafa;
    border: 1px solid #ddd;
    min-height: 230px;
    padding: 30px
}
section.villa .enquiry h5 {
    font-size: 25px;
    margin: 0;
    padding: 0 0 20px
}
section.villa .enquiry p {
    font-size: 14px;
    margin-right: 12px
}
section.villa .enquiry .form {
    border: none;
    padding: 0;
    margin: 0
}
section.villa .enquiry .form .form-group input {
    height: 32px
}
section.villa .enquiry .form .form-group textarea {
    min-height: 62px
}

.love-to-help {
	
}
.love-to-help img {
	width: 250px;float:left;margin-right: 30px;margin-bottom: 30px
}

.image-thumbs-container {
    margin: 0 60px 20px;
    height: 134px;
    position: relative;
    overflow: hidden
}

.webp .pineapple-leader {background-image: url(https://cdn.hammertonbarbados.com/website_assets/pineapple-leader.webp);}
.nowebp .pineapple-leader {background-image: url(https://cdn.hammertonbarbados.com/website_assets/pineapple-leader.jpg);}
.pineapple-leader {
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
	padding-left: 68px;
	padding-top: 16px;
	line-height: 50px;
	font-family: 'HB Regular', Georgia, serif;
    color:#89afa3;
    text-transform: uppercase;
	font-size:24px;
	margin-bottom: 20px;
}

footer,
footer section {
    margin: 0 auto
}
.image-thumbs {
    padding: 20px 0;
    height: 110px;
    white-space: nowrap;
}
.image-thumbs img {
    max-height: 100px;
    cursor: pointer;
}
.image-thumbs img:hover {
    filter:brightness(110%)
}
.image-thumbs .image-thumb-clipped {
  width:180px;height:100px;display:inline-block;
  background-size:cover;
  background-repeat: no-repeat;
  border-radius:4px;
}
footer {
    overflow: hidden;
    font-weight: 200;
    line-height: 20px;
    font-size: 14px;
    padding: 0 60px;
    max-width: 1440px
}
.aside>.instagram,
footer .logo {
    overflow: auto
}
.blog .post-list .post .author span,
.telephone {
    font-weight: 400
}
footer section header h2 {
    border-top: none;
    border-top: 1px solid #fda2d6;
    padding-top: 50px;
    color:#6EB3A1;
    font-family: "HB Regular";
    text-transform: uppercase;
    font-size: 32px;
}

footer section header {
    margin-bottom: 50px;
}
.contact-actions {
    text-align: center;
    padding-bottom: 30px;
    margin: 0 auto 30px;
    font-size: 13px
}
.contact-actions-panel {
	position: relative;
	padding: 5px 20px 13px;
}

.contact-actions-panel .highlight-action {
	font-size: 19px;
	color: #5a5b60;
	display:inline-block;
	min-height:50px;
}
.contact-actions-panel .social {

	min-height:50px;
}

.contact-actions-panel:after {
	content: " ";
	width: 4px;
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	background-image: url(https://cdn.hammertonbarbados.com/website_assets/dots-vertical.png);
	background-position: right top;
	background-repeat: repeat-y;
	background-size: 3px 10px
}
.contact-actions-panel:last-of-type:after {
	content: none;
}

.contact-actions-panel 
.livechat_button a {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='156' height='100'%3E%3Cdefs%3E%3Cfilter id='a' width='139.4%25' height='144.8%25' x='-16.7%25' y='-19%25' filterUnits='objectBoundingBox'%3E%3CfeOffset dx='2' dy='2' in='SourceAlpha' result='shadowOffsetOuter1'/%3E%3CfeGaussianBlur in='shadowOffsetOuter1' result='shadowBlurOuter1' stdDeviation='4'/%3E%3CfeColorMatrix in='shadowBlurOuter1' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.230317656 0'/%3E%3C/filter%3E%3Cpath id='b' d='M20 73V28h66v45H45L29 86V73h-9Z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23DFDFDF' d='M70 57V12h66v45h-15v13l-16-13H70Z'/%3E%3Cuse xlink:href='%23b' fill='%23000' filter='url(%23a)'/%3E%3Cuse xlink:href='%23b' fill='%23E486BA'/%3E%3C/g%3E%3C/svg%3E");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 78px 50px;
	display:inline-block;
	width:78px;
	height:50px;
	text-indent: -9999px;
  cursor:pointer;
}

.contact-actions h4 {
	font-size: 19px;
	color: #5a5b60;
	margin-bottom: 10px;
}

.contact-actions p {
	margin-top: 6px;
}

.contact-actions div {
    text-align: center
}
.contact-actions div a {
    color: inherit
}
.contact-actions div a:hover {
    color: #fda2d6;
    text-decoration: none
}
a[href^=tel] {
    color: inherit;
    text-decoration: none
}
.telephone:hover {
    color: #fda2d6;
    cursor: default
}
/*
.telephone:hover:after {
    content: attr(data-alt);
    position: absolute;
    background: #fff;
    right: 0;
    top: 20px;
    padding: 5px 0;
    font-size: 11px;
    line-height: 11px;
    width: 158px;
    text-align: center;
    box-shadow: 0 0 2px rgba(0, 0, 0, .25)
}
ul.contact-options li.phone .telephone:hover:after {
    top: 34px
}
*/
footer .logo {
    text-align: center;
    margin: 60px 10px
}
footer .logo img,
footer .logo svg {
    max-height: 112px
}
footer .links ul {
    margin: 0 0 40px;
    padding: 0;
    display: block;
    text-align: center
}
footer .links ul li {
    margin: 0 20px;
    padding: 0;
    display: inline-block;
    position: relative
}

footer .links ul li ul.currency-dropdown {
    width: 100%;
    display: none;
    position: absolute;
    z-index: 8888;
    left: 0;
    bottom: 20px;
    right: 0;
    list-style: none;
    box-shadow: 0 0 4px rgba(0, 0, 0, .3);
    margin: 0;
    padding: 0;
    border-radius: 3px;
    overflow:hidden;
}
footer .links ul li:hover ul.currency-dropdown {
    display: block
}
footer .links ul li ul.currency-dropdown li {
    width: 100%;
    background: #fff;
    line-height: 26px;
    color: #707276;
    cursor: pointer;
    margin: 0;
    padding: 0;
    border-radius: 3px 3px 0 0;
}
footer .links ul li ul.currency-dropdown li:last-child {
    border-top: 1px solid #DDD;
    border-radius: 0 0 3px 3px;
}
footer .links ul li ul.currency-dropdown li:hover {
    background: #F0F0F0
}
#quick_links li a.propertySearchTrigger {
	box-shadow: 0 0 2px rgba(0,0,0,0.3);
	padding: 8px 10px;
	color:#E487BA;
    border-radius: 3px;
    transition: all 0.2s ease;
}

#quick_links li a.propertySearchTrigger:hover {
	box-shadow: 0 0 3px rgba(0,0,0,0.3);
	color:#e871b5;
}

ul.social {
    margin: 0 0 0 10px;
    padding: 0;
    display: inline-block
}
ul.social li,
ul.social li a {
    margin: 0;
    padding: 0;
    display: inline-block
}
ul.social li a {
    background: rgba(112, 114, 117, .6);
    height: 26px;
	width: 26px;
	font-size: 16px;
	line-height: 26px;
    color: #fff;
    text-align: center;border-radius:2px;

  background-size: 14px;
  background-repeat: no-repeat;
  background-position: center;
  text-indent: -9999px;
} 
ul.social li a:hover {
    background-color: #707275;
    color: #fff;
}
ul.social li a.icon-mastodon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:16px;height:17px' viewBox='0 0 448 512'%3E%3Cpath fill='%23ffffff' d='M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.54 102.54 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5zm-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z'/%3E%3C/svg%3E");
}

ul.social li a.icon-x-twitter {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23FFFFFF' d='M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8l164.9-188.5L26.8 48h145.6l100.5 132.9L389.2 48zm-24.8 373.8h39.1L151.1 88h-42l255.3 333.8z'/%3E%3C/svg%3E");
}
ul.social li a.icon-facebook {
  background-size: 9px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23FFFFFF' d='M80 299.3V512h116V299.3h86.5l18-97.8H196v-34.6c0-51.7 20.3-71.5 72.7-71.5 16.3 0 29.4.4 37 1.2V7.9C291.4 4 256.4 0 236.2 0 129.3 0 80 50.5 80 159.4v42.1H14v97.8h66z'/%3E%3C/svg%3E");
}
ul.social li a.icon-instagram {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23FFFFFF' d='M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z'/%3E%3C/svg%3E");
}
ul.social li a.icon-pinterest {
  background-size: 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='%23FFFFFF' d='M204 6.5C101.4 6.5 0 74.9 0 185.6 0 256 39.6 296 63.6 296c9.9 0 15.6-27.6 15.6-35.4 0-9.3-23.7-29.1-23.7-67.8 0-80.4 61.2-137.4 140.4-137.4 68.1 0 118.5 38.7 118.5 109.8 0 53.1-21.3 152.7-90.3 152.7-24.9 0-46.2-18-46.2-43.8 0-37.8 26.4-74.4 26.4-113.4 0-66.2-93.9-54.2-93.9 25.8 0 16.8 2.1 35.4 9.6 50.7-13.8 59.4-42 147.9-42 209.1 0 18.9 2.7 37.5 4.5 56.4 3.4 3.8 1.7 3.4 6.9 1.5 50.4-69 48.6-82.5 71.4-172.8 12.3 23.4 44.1 36 69.3 36 106.2 0 153.9-103.5 153.9-196.8C384 71.3 298.2 6.5 204 6.5z'/%3E%3C/svg%3E");
}

.contact-options.connect ul.social li a {
  background-size: 16px;
}
.contact-options.connect ul.social li a.icon-facebook {
  background-size: 10px;
}
.contact-options.connect ul.social li a.icon-pinterest {
  background-size: 12px;
}



.icon {
    background-size: 20px 16px;
    background-repeat: no-repeat;
    background-position: center center;
    width: 20px;
    height: 16px;
    display: inline-block;
    vertical-align: baseline
}
.icon-mail {
    background-image: url(https://cdn.hammertonbarbados.com/website_assets/icon-mail.png)
}
.icon-chat {
    background-image: url(https://cdn.hammertonbarbados.com/website_assets/icon-chat.png)
}


#map {
    width: 100%;
    height: 860px
}
.bxslider {
    list-style: none
}
.bx-controls {
    position: relative;
    max-width: 1400px;
    margin: -120px auto 120px
}
.bx-wrapper .bx-controls-auto,
.bx-wrapper .bx-pager {
    width: auto;
    right: 60px
}
.bx-wrapper .bx-pager.bx-default-pager a {
    background: #dcdcdc;
    background: rgba(255, 255, 255, .3);
    text-indent: -9999px;
    display: block;
    width: 8px;
    height: 30px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 2px;
}
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: #fff;
    background: rgba(255, 255, 255, 1)
}

.page-home .bx-viewport {
  max-height:820px;
}


.blog .post-list .post {
    background: white;
    padding: 30px 0;
    margin-bottom: 20px;
    background-image: url(https://cdn.hammertonbarbados.com/website_assets/dots-horizontal.png);
    background-size: 10px 4px;
    background-repeat: repeat-x;
    background-position: center bottom;
}
.blog .post-list .post:last-of-type {
	background: none;
}
.blog .post-list .post .post-meta {
    margin-top: 20px;
    font-size: 14px
}
.blog .post-list .post .post-meta.single-post {
    margin-top: 30px;
    font-size: 14px
}
.blog .post-list .post .post-meta .date {
    color: #777980;
    margin-bottom: 12px
}
.blog .post-list .post .author {
    color: #777980;
    margin-bottom: 20px;
    font-size: 14px
}
.blog .post-list .post .post-meta .category {
    margin-bottom: 6px;
    text-transform: uppercase;
    font-size: 14px
}
.blog .post-list .post .post-content h2 a {
    font-size: 24px;
    color: #89afa3
}
.blog .post-list .post .post-content h2 a:hover {
    text-decoration: underline
}
.blog .post-list .post .post-content p {
    font-size: 14px;
    margin-bottom: 20px
}
#postBody hr {
    border-top: 1px solid #fda2d6;
    margin: 30px 25%
}
.comments {
    margin: 30px 0 5px;
    position: relative
}
.comments:after {
    content: " ";
    width: 100%;
    position: absolute;
    height: 42px;
    bottom: 3px;
    left: 0;
    right: 0;
    background: #fff
}
.blog .post h2,
.blog .post h1 {
    font-size: 24px;
    color: #5a5b60
}
.blog .related {

    margin-bottom: 40px
}
.blog .related h3 {
    font-size: 26px;
    line-height: 22px;
    padding: 0;
    margin: 0 0 26px
}
.blog .related h4 {
    font-size: 14px;
    line-height: 18px;
    color: #5a5b60;
    padding: 0;
    margin: 8px 0 10px
}
.blog .category {
    margin-bottom: 130px;
    position: relative;
    display: block;
    clear: both;
    opacity: .9
}
.blog .category:hover {
    opacity: 1
}
.blog .category h3 {
    font-size: 20px;
    padding: 18px 18px 17px;
    background: rgba(255, 255, 255, 1);
    color: #5a5b60;
    margin: 30px;
    position: absolute;
    z-index: 7777;
    border-radius:3px;
}
.blog .category h3 i.fa {
    margin: 0 10px;
    color: #fda2d6
}
.blog .category .caption {
    text-align: left;
    display: block;
    max-width: 1400px;
    margin: -110px auto 0;
    padding: 0 20px;
    text-shadow: 0 0 3px rgba(0, 0, 0, .4)
}
.blog .category .caption .quote {
    display: inline-block;
    padding: 0 0 0 40px
}
.blog .category .caption .quote blockquote {
    color: #fff;
    font-weight: 700;
    margin: 4px 0;
    padding: 0;
    line-height: 24px;
    font-size: 28px;
    border: none
}
.blog .category blockquote:before {
    content: "“";
    margin-left: -6px
}
.blog .category blockquote:after {
    content: "”"
}
.blog .category cite {
    color: #fff;
    font-style: normal;
    margin: 0 40px 0 0;
    padding: 0;
    text-align: right;
    display: block;
    font-size: 14px
}
.blog .tags {
    padding: 0;
    margin: 0 0 20px;
    list-style: none
}
.blog .tags li {
    font-size: 13px;
    display: inline
}
.blog .tags li:before {
    content: " • "
}
.blog .tags li:first-of-type:before {
    content: ""
}
.blog .tags li a {
    font-weight: 600
}
.form {
    position: relative
}
.form #enquiry_success,
.form #su-success,
.form #success {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, .88);
    text-align: center;
    padding: 0;
    z-index: 9999;
    display: none
}
.form #enquiry_success #enquiry_msg,
.form #su-success #su-msg,
.form #success #msg {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -250px;
    margin-top: -40px;
    width: 500px;
    height: 80px;
    font-size: 26px;
    text-shadow: 0 0 12px #fff
}
.aside>.instagram .photos,
.video-container {
    position: relative
}
.aside .video-container {
    border-radius:3px !important;
    overflow:hidden;
}
.aside .hello p.sign-off,
.content p.sign-off,
.image p.caption {
    font-family: journalregular, serif;
    letter-spacing: 1px;
}
.booking-form label {
    text-align: right;
    line-height: 48px
}
table.bookingDetails {
    margin-top: 10px;
    width: 100%
}
table.bookingDetails tr th.config {
    padding: 10px 6px
}
table.bookingDetails tr th {
    font-size: 14px;
    padding: 2px 6px 2px 0;
    font-weight: 600
}
table.bookingDetails tr td {
    font-size: 14px;
    padding: 2px 0
}
table.bookingDetails tr th.spacer {
    height: 12px
}
table.bookingDetails tr th.spacer.bordered {
    border-top: 1px solid #fda2d6
}
.smallprint {
    font-size: 11px;
    margin: 14px 0 0
}
.smallprint small {
    font-size: 11px;
    margin: 0 0 14px;
    display: block
}
.aside .hello {
    border: 1px solid #d9dada;
    padding: 30px;
    margin-bottom: 30px;
    border-radius:3px;
}
.aside .hello h5,
.aside>.instagram h5,
.aside>.recent-posts h5,
.form {
    border-bottom: 1px solid #fda2d6
}
.aside .hello h4 {
    font-size: 17px;
    line-height: 28px
}
.aside .hello p {
    font-size: 12px;
    line-height: 18px
}
.aside .hello p.sign-off {
    line-height: 35px;
    font-size: 28px
}
.aside .hello h5 {
    font-size: 15px;
    line-height: 22px;
    color: #5a5b60;
    padding: 0 0 8px;
    margin: 36px 0 0
}
.aside .hello .recent-posts a {
    font-size: 12px;
    line-height: 18px;
    color: #5a5b60
}
.image p.caption {
    margin-top: 4px;
    line-height: 20px;
    font-size: 24px
}
.image {
    margin-bottom: 30px
}
.image img {
    margin-bottom: 6px
}
.aside>.instagram,
.aside>.signup {
    padding: 0;
    margin-bottom: 30px
}
.aside>.signup h5 {
    font-size: 17px
}
aside>.signup .social {
    margin-top: 5px
}
.aside>.instagram h5 {
    font-size: 15px;
    line-height: 22px;
    color: #5a5b60;
    padding: 0 0 8px;
    margin: 0 0 15px
}
.aside>.instagram a.profile-link {
    display: block;
    margin-bottom: 15px;
    font-size: 12px;
    line-height: 18px;
    color: #5a5b60
}


.instafeed-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2 columns */
  grid-template-rows: repeat(2, 1fr);    /* 2 rows */
  gap: 6px; /* 6px gap between the grid items */
  width: 100%; /* Full width container */
  height: 100%; /* Full height container (optional) */
  padding: 0; /* No gap around the sides */
  box-sizing: border-box; /* Ensure padding doesn't affect width */
}

.instafeed-container .insta-thumb {
  background-color: #f0f0f0;
  aspect-ratio:1/1;
  text-align: center;
  background-position: center center; background-size: cover;background-repeat:no-repeat;
}
.instafeed-container .insta-thumb:hover {
  opacity:0.9
}


.aside>.recent-posts {
    background-color: #fff3fa;
    padding: 30px;
    margin-bottom: 30px
}
.aside>.recent-posts h5 {
    font-size: 15px;
    line-height: 22px;
    color: #5a5b60;
    padding: 0 0 8px;
    margin: 0 0 30px
}
.aside>.recent-posts a,
.aside>.signup .p,
.aside>.signup p {
    font-size: 12px;
    line-height: 18px
}
.aside>.recent-posts a {
    display: block;
    color: #5a5b60
}
.aside>.signup button {
    padding: 3px 13px
}
.video-container {
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%
}
.video-container embed,
.video-container iframe,
.video-container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.video-leader {
    margin-top: 14px;
    border-top: 1px solid #f0f0f0;
    padding-top: 14px
}
.content {
    padding-right: 60px
}
.content p.sign-off {
    line-height: 42px;
    font-size: 33px
}
.contact-options h3,
.ui-datepicker .ui-datepicker-header,
label,
ul.contact-options li {
    font-family: 'HB Regular', Georgia, serif
}
#postBody h2 {
        font-size: 20px;
        color: #5a5b60;
        margin-bottom: 12px;
        margin-top: 30px;
    }
#postBody h3 {
        font-size: 17px;
        color: #5a5b60;
        margin-bottom: 10px;
        margin-top: 26px;
    }
#postBody h4 {
        font-size: 16px;
        color: #5a5b60;
        margin-bottom: 8px;
        margin-top: 20px;
    }
#postBody p {
    font-size: 14px;
    margin-bottom: 20px
}
.pv80 {
    padding-top: 80px;
    padding-bottom: 80px
}
.pt20 {
    padding-top: 20px
}
.pt50 {
    padding-top: 50px
}
.pt80 {
    padding-top: 80px
}
.pb20,
.pb50 {
    padding-bottom: 20px
}
.pb50 {
    padding-bottom: 50px
}
.pb60 {
    padding-bottom: 60px
}
.mb60 {
    margin-bottom: 60px
}
.mtn {
    margin-top: 0
}
.FIXME-BOX {
    position: relative;
    padding-bottom: 57%;
    background-color: #eee;
    margin: 30px 0
}
.form {
    border-top: 1px solid #fda2d6;
    padding: 40px 0;
    margin: 40px 0
}
label {
    font-size: 15px;
    line-height: 22px;
    color: #5a5b60;
    font-weight: 500
}
.form-control,
.select-control,
.form-controls.payment-fields {
    height: 48px;
    font-size: 16px;
    z-index: 5656;
}
.form-control,
.form-controls.payment-fields {
    border-radius:4px;
    border-color: #ddd;
    box-shadow: none
}
#paymentForm input.pensioCreditCardInput,
.select-control {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0
}
.form-control:focus  {
    border-color: #fda2d6;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(253, 162, 214, .6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(253, 162, 214, .6);
    -ms-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(253, 162, 214, .6);
    -o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(253, 162, 214, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(253, 162, 214, .6)
}

.form-controls.payment-fields {
	max-width:420px;
}
#cc-exp {
	max-width:180px;
}
#cc-cvv {
	max-width:180px;
}
.select-control {
    border-radius: 0;
    border-color: #ddd;
    box-shadow: none;
    background: url(https://cdn.hammertonbarbados.com/website_assets/caret-down.png) center right no-repeat #fff;
    background-size: 28px 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none
}
textarea.form-control {
    height: auto;
    min-height: 300px
}
.form.compact {
    padding: 0;
    margin: 0;
    border: none
}
.form.compact .form-control {
    height: 28px;
    padding: 5px;
    font-size: 13px
}
ul.contact-options {
    margin: 0;
    padding: 0;
    list-style: none
}
ul.contact-options li {
    margin: 0 0 12px;
    padding: 0;
    list-style: none;
    line-height: 28px;
    font-size: 15px
}
ul.contact-options li.phone {
    font-size: 28px;
    margin-bottom: 20px
}
ul.contact-options li i.fa {
    font-size: 20px;
    text-align: center;
    width: 33px;
    color: rgba(0, 0, 0, .3)
}
ul.contact-options li.phone i.fa {
    width: 30px
}
ul.contact-options li a {
    color: #5a5b60
}
ul.contact-options li a:hover {
    color: #E487BA
}
.contact-options h3 {
    margin-top: 0;
    font-size: 15px;
    line-height: 22px;
    color: #5a5b60;
    font-weight: 500
}
#mapFilter .returnedResultsDetail,
#mapFilter h4 {
    font-family: 'HB Italic', Georgia, serif
}
.contact-options.connect {
    margin-top: 40px
}
.contact-options ul.social {
    margin: 0
}
.contact-options ul.social li a {
    font-size: 18px;
    height: 30px;
    width: 30px;
    line-height: 30px;
}
.purechat-button-expand {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    cursor: pointer
}
.purechat-button-expand:hover {
    color: #E487BA
}
input.hpc {
    display: none
}
.form-group .text-danger {
    color: #dc0303;
    font-size: 13px
}
form.error #error_form {
    color: #dc0303;
    font-size: 14px;
    display: block;
    margin-bottom: 20px
}
.pinkbox {

    margin: 30px 0
}
.image-cropped {
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: #fff;
}
.image-cropped:hover {
    filter:brightness(105%);
}

.footer-bhta-logo img,
.footer-bhta-logo picture source {
	width:100px;margin-top: 20px;
}
.footer-trip-logo img {
	width:100px;margin-top: -2px;
}
#mapFilter .returnedResultsDetail.loading,
.image-clipped:hover img {
    filter:brightness(105%);
}
.image-cropped img {
    visibility: hidden;
    padding-bottom: 30%
}
.fs13 {
    font-size: 13px
}
.mt15 {
    margin-top: 15px
}
.ml25 {
    margin-left: 25px
}
.mt50 {
    margin-top: 50px
}
.mbn {
    margin-bottom: 0
}
.mb10 {
    margin-bottom: 10px
}
.mb20 {
    margin-bottom: 20px
}
.mb30 {
    margin-bottom: 30px
}
.mb40 {
    margin-bottom: 40px
}
.mh70 {
    margin-left: 70px;
    margin-right: 70px
}
.mh60 {
    margin-left: 60px;
    margin-right: 60px
}
.mhn {
    margin-left: 0;
    margin-right: 0
}
.pr5 {
    padding-right: 5px
}
.pl5 {
    padding-left: 5px
}
.phn {
    padding-left: 0;
    padding-right: 0
}
.pbn {
    padding-bottom: 0
}
.bbn {
    border-bottom: none
}
.btopn {
    border-top: none
}
.bln {
    border-left: none
}
.brn {
    border-right: none
}
.image-clipped {
  display: block;
  max-height: 315px;
  overflow: hidden;
  
  background-size:cover;
  background-repeat: no-repeat;
}
.featured .image-clipped {
  aspect-ratio: 16/8.85;max-height:none;
}
.featured .image-clipped img {
  max-height:none;
}
.image-clipped img {
    height: auto
}
.villa .image-clipped img,
.villa .image-clipped picture,
.property .image-clipped img,
.property .image-clipped picture {
  width:100%;
}

#mapContainer {
    background: #35393C;
    max-width: 1440px;
    margin: 0 auto
}
#mapFilter_wrapper {
    position: relative;
    max-width: 1500px;
    margin: 0 auto
}
#mapFilter {
    width: 460px;
    position: absolute;
    top: 40px;
    right: 40px;
    padding: 20px 0 20px 20px;
    background: 0 0;
    z-index: 4566;
    
}
#mapFilter h4 {
    font-size: 28px;
    margin-bottom: 20px
}
#mapFilter .returnedResultsDetail {
    color: #fff;
    -webkit-transition: all .3s ease-in;
    position: relative;
    font-size: 18px;
    margin-right: 100px
}
#mapFilter .returnedResultsDetail .count {
    font-family: 'HB Bold Italic', Georgia, serif
}
#mapFilter .returnedResultsPointers,
.leader h2,
.leader h1 {
    font-family: 'HB Italic', Georgia, serif
}
#mapFilter .returnedResultsDetail .whynone {
    cursor: pointer;
    color: #fda2d6
}
#mapFilter .returnedResultsDetail.loading:before {
    content: " ";
    width: 16px;
    height: 16px;
    position: absolute;
    left: -20px;
    top: 1px;
    background-image: url(https://cdn.hammertonbarbados.com/website_assets/loader-small.gif);
    background-size: 16px 16px;
    background-position: center center
}
#mapFilter .returnedResultsPointers {
    color: #fff;
    -webkit-transition: all .3s ease-in;
    position: relative;
    margin-top: 14px;
    font-size: 13px;
    margin-right: 100px
}
#mapFilter .returnedResultsPointers span.or {
    display: inline-block;
    margin: 0 12px;
    opacity: .65
}
#mapFilter .returnedResultsPointers span.viewOnMap {
    margin-left: -15px
}
#mapFilter .returnedResultsPointers span.viewSummary {
    cursor: pointer
}
#mapFilter .returnedResultsPointers .fa {
    color: #e871b5
}
#mapFilter .returnedResultsPointers .fa.fa-long-arrow-down {
    margin-left: 5px;
    -webkit-animation: point-down 4s 3s;
    animation: point-down 4s 3s
}
#mapFilter .returnedResultsPointers .fa.fa-long-arrow-left {
    margin-left: 5px;
    -webkit-animation: point-left 4s .3s;
    animation: point-left 4s .3s
}
#mapFilter .row {
    margin: 0
}
#mapFilter .col-xs-2,
#mapFilter .col-xs-3,
#mapFilter .col-xs-4,
#mapFilter .col-xs-5,
#mapFilter .col-xs-6,
#mapFilter .col-xs-7,
#mapFilter .col-xs-8,
#mapFilter .col-xs-9,
#mapFilter .col-xs-12,
#mapFilter .col-sm-6,
#mapFilter .col-sm-12
 {
    padding-left: 0
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background: #fff
}
.hero .filters {
    text-align: left;
    display: block;
    max-width: 1400px;
    margin: -80px auto 0;
    padding: 0 100px 50px;
    text-shadow: 0 0 3px rgba(0, 0, 0, .4);
    overflow: auto;
    z-index: 8888
}
.hero .filters .row {
    padding: 20px;
    background: rgba(255, 255, 255, .4)
}
.filters .form-control,
.filters .select-control {
    font-size: 13px;
    height: 36px;
    padding: 2px 10px;
    margin-bottom: 15px;
    font-weight: 500;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none
}
.filters .form-control {
    border: 1px solid #fff;
    border-radius: 2px;
}
.filters .select-control {
    border: 1px solid #fff;
    border-radius: 0;
    background: url(https://cdn.hammertonbarbados.com/website_assets/caret-down.png) center right no-repeat #FFF;
    background-size: 28px 12px;
    cursor: pointer;
    border-radius: 2px;
}
.filters .form-control.date {
    background-image: url(https://cdn.hammertonbarbados.com/website_assets/calendar-icon.png);
    background-size: 28px 14px;
    background-repeat: no-repeat;
    background-position: right center;
    cursor: pointer;
    font-weight: 500;
    border-radius: 2px;
}
.filters form {

}
.titled-hr {
    height: 1px;
    background: rgba(255, 255, 255, .25);
    clear: both;
    margin: 5px 15px 20px 0;
    text-align: center;
    overflow: visible;
    z-index: 3000;
    position: relative
}
.titled-hr span {
    background: #35393C;
    z-index: 3002;
    height: 20px;
    font-size: 12px;
    color: rgba(255, 255, 255, .6);
    top: -12px;
    position: relative;
    display: inline-block;
    padding: 0 10px
}
.leader {
    position: absolute;
    width: 100%;
    text-align: center;
    margin-top: 5%
}
.leader h2,
.leader h1,
.leader .h2,
.leader .h1 {
  font-family:'HB Italic', Georgia, serif;
    color: #fff;
    font-size: 40px;text-shadow: 0 0 3px rgba(0, 0, 0, .4)
}
.leader i.fa {
    color: rgba(255, 255, 255, .7);
    font-size: 40px;
    margin-top: 40px;
    cursor: pointer
}
.leader i.fa:hover {
    color: #fff
}
.filler-device {
	margin-right: -80px;
}

@media screen and (max-width: 767px) {
  #collectionsList article:nth-child(2n+2),
  #collectionsDataList article:nth-child(2n+2),
  #destinationsDataList article:nth-child(2n+2) {
    clear:left;
  }
}
@media screen and (min-width: 768px) {
  #collectionsList article:nth-child(3n+2),
  #collectionsDataList article:nth-child(3n+2),
  #destinationsDataList article:nth-child(3n+2) {
    clear:left;
  }
}

@media screen and (max-width: 768px) {
	
	
.love-to-help img {
	width: 140px;float:right;margin-left: 20px;margin-right:0;margin-bottom: 10px
}

	.villas-list .villa {
		padding:0px 0px 30px 0px;
		margin-bottom: 40px;
	}
	

.villas-list .villa:after {
	content: " ";
	height: 4px;
	position:absolute;
	left:6px;
	bottom:-8px;
	right:10px;
	background-image: url(https://cdn.hammertonbarbados.com/website_assets/dots-horizontal.png);
	background-position: center top;
	background-repeat: repeat-x;
	background-size: 10px 4px 
}
.villas-list .villa header.villa-details h2 {
	font-size: 23px;
}
.villas-list .villa header.villa-details .available-text {
	font-size: 14px;
}
.villas-list .villa header.villa-details h3 {
	font-size: 14px;
}
.villas-list .villa .price-from-only {
	font-size: 17px;
}
.villas-list .villa .price-from-only {
	font-size: 17px;
}
.villa .villa-details .button {
	font-size: 18px;
}
.villas-list .villa .villa-figures {
	margin-bottom: 20px;
}
.villa-details .filler-device {
	display:none;
}

section.villa .villa-details .col2.divider-left {
	background:none;
	padding:40px 0;
}
#collectionsList {
	margin-bottom:0;
}
#collectionsList h3 {
	text-align: center;
	margin-bottom:20px;
}
	
	.filters {
		margin-right: -15px;
	}
    .col {
        padding: 0 16px
    }
    .leader h2 {
        font-size: 24px
    }
    #hb_logo {
	    margin-top: 10px;
	    padding-top: 0px;
    }
    #quick_links {
	    top:4px;
	    left: 12px;
    }
    #quick_links li  { 
          height: 30px;
          line-height: 30px;
          margin:0;

    }
    #quick_links span {
        display:none;

    }
    #contact_links {
        height: 28px;
        padding: 0;
        margin: 0;
        top: 4px;
        right: 10px;
    }
    #contact_links li {
          height: 30px;
          line-height: 30px;
        margin: 0 4px
    }
    .contact_links_header {
	    display:none;
    }
    .hero .filters {
        padding: 0 0 10px;
        margin: 0
    }
    .filters .form-control,
    .filters .select-control {
        border-color: #DDD;
        margin-bottom: 6px;
    }
    #mapFilter_wrapper {
        position: relative;
        max-width: 1500px;
        margin: 0
    }
    #mapFilter {
        width: 100%;
        background: #35393C;
        margin: 0;
        padding: 20px;
        position: relative;
        top: auto;
        left: auto;
        right: auto
    }
    .contact-actions-panel:after,
    .villas-list .villa-content:nth-of-type(2n+1):after,
    .we-love-barbs .watermarked:after {
	    background:none;
	    content: none;
    }
    #quick_links li a.propertySearchTrigger {
	    box-shadow:none;
	    padding: 2px 2px 6px 6px;
    }
    .propertySearchTrigger i {
	    font-size:20px;
    }
    
    .page-villas #mapContainer #map {
/*         display: none */
    }
    .returnedResultsPointers .or,
    .returnedResultsPointers .viewOnMap {
        display: none!important
    }
    nav#secondary_menu {
        height: 96px
    }
    .page-meetus nav#secondary_menu {
        height: auto
    }
    nav#main_menu ul li ul.dropdown {
        position: absolute;
        left: -50px;
        right: -50px;
        
    }
    nav#secondary_menu.blog ul li {
        width: 33.333%
    }
}
@media screen and (max-width: 480px) {
	
  section.villa {
    padding:0 0 60px
  }
  
	section.villa .villa-details h1 {
    font-size:28px;
        color: #68686b;
  }
  section.villa .villa-details h2 {
    font-size:18px;
    color: #68686b;
    padding:6px 0;
  }
	
	section.villa .quick-jump li {
		margin: 0 4px 0 0;
		padding: 0 4px 0 0;
		line-height: 12px;
		margin: 0 2px 0 0;
		padding: 0 4px 0 0;
		border-right: 1px solid #AAA;
	}
	section.villa .quick-jump li a{
		font-size: 12px;
	}
	
    .form #su-success #su-msg,
    .form #success #msg {
        margin-left: -150px;
        width: 300px;
        font-size: 20px
    }
    nav#secondary_menu ul li {
        font-size: 14px
    }
    nav#secondary_menu {
        height: 144px
    }
    nav#main_menu ul li ul.dropdown {
        position: absolute;
        left: 0;
        right: 0
    }
    nav#secondary_menu.blog {
        display:none;
    }
    nav#secondary_menu.blog ul li {
        width: 50%;
        font-size: 14px
    }
    nav#secondary_menu.blog>ul>li:last-of-type {
        width: 65%;
        margin-left: 17%
    }
    nav#secondary_menu.meetus ul li {
      width:32%;
    }
    nav#secondary_menu ul li ul.dropdown li a {
        font-size: 13px
    }
}
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-next-hover {
    right: 1px
}
.availability #ui-datepicker-div:before {
    background: #E487BA;
    position: absolute;
    top: 0;
    left: -60px;
    width: 64px;
    height: 54px;
    content: attr(data-price);
    color: #fff;
    text-align: center;
    line-height: 44px;
    font-size: 13px;
    font-weight: 700;
    border: 5px solid #f8f8f8;
    box-shadow: -2px 0 3px rgba(0, 0, 0, .3);
    border-radius:2px;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px
}
.availability #ui-datepicker-div.onrequest:before {
    line-height: 12px;
    font-size: 11px;
    padding-top: 9px
}
.ui-datepicker {
    width: 200px;
    display: none;
    background: #f8f8f8;
    padding: 10px;
    box-shadow: 0 0 4px rgba(0, 0, 0, .4);
    border-radius:3px;
    z-index: 9999998!important
}
.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
    font-weight: 400
}
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
    position: absolute;
    top: 1px;
    width: 20px;
    height: 1.8em;border-radius:2px;
}
.ui-datepicker .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-prev-hover {
    top: 1px
}
.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
}
.ui-datepicker .ui-datepicker-title {
    margin: 0 26px;
    line-height: 15px;
    text-align: center;
    font-size: 15px;
    font-weight: 400
}
.ui-datepicker .ui-datepicker-title select {
    width: 100%;
    font-size: 12px;
    height: 23px;
    border: 1px solid #ddd;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    border-radius: 0;
    background: url(https://cdn.hammertonbarbados.com/website_assets/caret-down.png) center right no-repeat #FFF;
    background-size: 14px 6px;
    padding: 0 8px;
    margin-bottom: 0;
    outline: 0
}
.ui-datepicker-next,
.ui-datepicker-prev {
    background-size: 10px 14px;
    background-repeat: no-repeat;
    background-position: center center;
    text-indent: -9999px
}
.ui-datepicker-month {
   border-radius: 2px 0 0 2px !important;
}
.ui-datepicker-year {
    border-left: none !important;
    border-radius: 0 2px 2px 0  !important;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 45%
}
.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}
.ui-datepicker th {
    padding: .5em 0;
    text-align: center;
    font-weight: 400;
    font-family: 'HB Italic', Georgia, serif;
    border: 0
}
.ui-datepicker td {
    border: 0;
    padding: 1px
}
.ui-datepicker td a,
.ui-datepicker td span {
    display: block;
    padding: 0;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    border-radius:3px;
}
.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}
.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em;
    width: auto;
    overflow: visible
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}
.ui-datepicker.ui-datepicker-multi {
    width: auto
}
.ui-datepicker-multi .ui-datepicker-group {
    float: left
}
.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}
.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}
.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}
.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}
.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}
.ui-datepicker .ui-state-active {
    background-color: #E487BA;
    color: #fff
}
.ui-datepicker .ui-state-hover {
    background-color: #ededed;
    color: #E487BA
}
.ui-datepicker .ui-state-disabled {
    color: #aaa
}
.ui-datepicker-next {
    background-image: url(https://cdn.hammertonbarbados.com/website_assets/chevron-e.png)
}
.ui-datepicker-prev {
    background-image: url(https://cdn.hammertonbarbados.com/website_assets/chevron-w.png)
}
#paymentForm .FormTypeButton {
    float: left;
    position: relative;
    top: 0;
    margin-left: 10px;
    background-color: #fff;
    border-left: 1px solid #000;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    border-bottom: 0;
    z-index: 50
}
#paymentForm .FormTypeButton.Selected {
    background-color: #eee;
    z-index: 100
}
#paymentForm form {
    z-index: 75;
    position: relative;
    top: auto;
    background-color: none;
    width: auto;
    padding: 0;
    border: none
}
#paymentForm input.pensioCreditCardInput {
    border-radius: 0;
    border: 1px solid #ddd;
    height: 48px;
    font-size: 16px;
    box-shadow: none;
    z-index: 5656;
    padding: 0 12px
}
#paymentForm input#creditCardNumberInput {
    width: 100%;
    max-width: 360px;
    letter-spacing: 1px
}
#paymentForm input.pensioCreditCardInput:focus {
    border-color: #fda2d6;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(253, 162, 214, .6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(253, 162, 214, .6);
    -ms-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(253, 162, 214, .6);
    -o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(253, 162, 214, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(253, 162, 214, .6)
}
#paymentForm select.pensioCreditCardInput {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    border-color: #ddd;
    height: 48px;
    font-size: 16px;
    box-shadow: none;
    z-index: 5656;
    padding: 0 40px 0 12px;
    background: url(https://cdn.hammertonbarbados.com/website_assets/caret-down.png) center right no-repeat #fff;
    background-size: 28px 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none
}
#paymentForm select.pensioCreditCardInput:focus {
    border-color: #fda2d6;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(253, 162, 214, .6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(253, 162, 214, .6);
    -ms-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(253, 162, 214, .6);
    -o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(253, 162, 214, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(253, 162, 214, .6)
}
#paymentForm .pensio_payment_form_table {
    margin-bottom: 40px
}
#paymentForm .pensio_payment_form_table,
#paymentForm .pensio_payment_form_table tbody,
#paymentForm .pensio_payment_form_table tbody tr,
#paymentForm .pensio_payment_form_table tbody tr td {
    display: block;
    width: 100%
}
#paymentForm .pensio_payment_form_table tr td.pensio_payment_form_label_cell {
    font-family: 'HB Regular', Georgia, serif;
    font-size: 15px;
    line-height: 22px;
    color: #5a5b60;
    font-weight: 500;
    max-width: 100%;
    margin-bottom: 5px
}
#paymentForm .pensio_payment_form_table tr td.pensio_payment_form_input_cell {
    padding: 0 0 20px
}
#paymentForm .pensio_payment_form_table tr td.pensio_payment_form_input_cell small a {
    background: #f5f5f5;
    padding: 2px 8px;
    font-weight: 600;
    margin-left: 10px
}
#pensioCreditCardPaymentSubmitButton {
    float: left;
    color: #FFF;
    background: #E487BA;
    border: none;
    outline: 0;
    margin: 0;
    padding: 8px 30px;
    text-decoration: none;
    font-family: 'HB Italic', Georgia, serif
}
#pensioCreditCardPaymentSubmitButton:disabled {
    opacity: .4
}
span.comma-after:after {
    content: ", "
}
span.comma-after:last-of-type:after {
    content: ""
}
.bookingStep {
    color: #ababab
}
.bookingStep.active {
    color: #5a5b60;
    border-bottom: 2px solid #E487BA;
    padding-bottom: 6px
}
.plan-your-stay {
	transition: all 0.25s ease;
}
.plan-your-stay.moveOut {
	bottom: -500px;
	transition: all 0.25s ease;
}

.newsletter-screenshot {
  position:absolute;right: -40px;bottom:10px;width:149px;height:245px
}
@media only screen and (max-width: 1200px) {
    .turtle .project-info {
        height: 100%;
        width: 70%;
        left: 20%;
        top: 6%;
        margin-left: -170px;
        position: absolute
    }
    .villa-details .cta .col-sm-7 {
        padding-right: 0!important
    }
    .villa-details .cta .col-sm-5 {
        padding-left: 0!important
    }
}
@media only screen and (min-width: 900px) and (max-width: 1200px) {
    .villa-details .cta .col-sm-5,
    .villa-details .cta .col-sm-7 {
        width: 100%
    }
    
    
    
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	
    .villa-details .divider-left {
       background-image:none;
		content: none;
		margin-top: 20px;
		font-weight:600;
    }
    
 
   
}
@media only screen and (min-width: 992px) and (max-width: 1299px) {

    .contact-actions-panel .highlight-action {
	    font-size:1.25vw;
    }
   
}
@media only screen and (max-width: 992px) {
    .content {
        padding-right: 15px
    }
    .villa .enquiry #message {
        height: 100px
    }
    .featured .property:nth-of-type(2n+1):after {
		content: "";
		
		background:none
	}
	.villas-list .villa-content:nth-of-type(2n+1):after,
	.contact-actions-panel:after {
		background-image:none;
		content: none;
	}
	
}
@media only screen and (max-width: 780px) {
	

	
.divider-left {
		background:none;	
	}
	
    .featured .property p.quote {
        font-size: 20px;
        line-height: 16px;
        height: auto;
        display: block;
        text-align: center
    }
    .featured .property .price .button {
        display: block;
        max-width: 180px;
        margin: 0 auto
    }
    footer {
        padding: 0 20px
    }
    footer .logo img,
    footer .logo svg {
        max-height: 70px
    }
    footer .links ul li {
        margin-bottom: 10px
    }
    .turtle .project-info {
        height: 100%;
        width: 700px;
        left: 50%;
        top: 6%;
        margin-left: -340px;
        position: absolute
    }
    .titled-hr {
        margin: 1px 15px 20px 0;
        top: 7px
    }
}
@media only screen and (max-width: 668px) {
    .h3,
    h3 {
        font-size: 20px
    }
    #hb_logo img,
    #hb_logo svg {
        height: 60px
    }
    header ul#contact_links li:first-of-type,
    nav#main_menu ul li:hover ul.dropdown {
        display: none
    }
    header ul#contact_links li:last-of-type {
        margin-left: 20px
    }
    nav#main_menu > ul > li {
        width: 18%;
        text-transform: capitalize;
        white-space: nowrap;
      border:none;
    }
    nav#main_menu ul li a{
        padding:0;
      
    }
    
    .overlay-content {
        width: 100%;
        z-index: 8888
    }
    .overlay-content .col {
        display: block;
        margin: 20px auto 0;
        padding-left: 20px
    }

    .overlay-content .col .search-form legend,
    .slider-wrapper ul li .caption {
        display: none
    }
    .overlay-content .col .search-form {
        padding: 4px
    }
    .overlay-content .col .search-form .option {
        padding: 0 6px
    }
    .overlay-content .col h1,
    .overlay-content .col h2 {
        font-size: 18px
    }
    section header {
        margin-bottom: 30px
    }
    section header h2 {
        padding-top: 30px;
        font-size: 26px
    }
    section header p {
        font-size: 15px;
        margin-bottom: 15px
    }
    .featured .property {
        padding: 0 0 30px
    }
    .featured .property h4.cap-title {
        font-size: 16px;
        padding: 6px
    }
    .featured .property p.quote {
        font-size: 20px;
        line-height: 16px;
        height: auto
    }
    .featured .property .price .button {
        display: block;
        max-width: 180px;
    }
    .contact-actions div {
        margin-bottom: 20px
    }
    .turtle {
        padding-bottom: 75%;
        background-position: center bottom
    }
    .turtle .project-info {
        position: relative;
        width: auto;
        padding: 20px;
        margin: 0;
        left: auto;
        top: auto
    }
    .turtle .project-info p {
        line-height: 24px;
        padding: 30px 30px 0
    }
    .turtle .project-info p.para4 {
        margin-right: 40px
    }
    .turtle .project-info p.para4 a {
        display: block
    }
    footer {
        padding: 0 20px
    }
    footer .logo img,
    footer .logo svg {
        max-height: 70px
    }
    footer .links ul li {
        margin-bottom: 10px
    }
    .hero .caption {
        display: none
    }
    section.blog header h2 {
        margin-top: 20px
    }
    .blog .category h3 {
        margin: 20px;
        padding: 12px 12px 11px
    }
    .blog .category .caption .quote {
        padding-left: 10px
    }
    .blog .category .caption .quote blockquote {
        font-size: 24px
    }
    .post-meta div.category {
        display: inline-block
    }
    .blog .post-list .post .post-meta .date {
        margin-bottom: 2px
    }
    .content {
        padding-right: 20px
    }
    .plan-your-stay .form-control,
    .plan-your-stay .select-control {
        border-color: #ddd;
        height: 38px
    }
    .plan-your-stay .button {
        height: 38px
    }
    #config.select-control {
        margin-top: 16px
    }
    .image-thumbs-container {
        margin: 0 0 10px;
        display: block;
        overflow-x: scroll;
        height: 52px;
        padding-top:4px;
        padding-left:4px;
        padding-right:4px;
    }
    /* .slider_thumb_video {
        display: block;width:100%;display: block;
		width: auto;
		float: none;
		padding: 0;
		border:none;
		margin: 0 22px 20px;
    }
        .slider_thumb_video img {
	        width:100%;
} */

 .slider_thumb_video {
   width:80px;
    aspect-ratio:16/9;
    height:auto;
   margin-left:4px; margin-top:0;
   padding-top:4px;
   margin-right: 0;
   padding-right: 5px;
   border:none;
 }
 .slider_thumb_video:before {
    position: absolute;
    content: " ";
    border-right: 1px solid #E487BA;
    top:4px; bottom:0px;right:0;width:1px;
 }
 .slider_thumb_video:after {
 position: absolute;
 content: "  ";
 background-image: url(/assets/img/play_button.png);
 background-size: 40px 28px;
 background-repeat: no-repeat;
 background-position: center center;
 background-color: transparent;
 top: 0;
 left: 0;
 width: 95%;
 height: 108%;
 }
 .slider_thumb_video img,
 .slider_thumb_video source {
    width:100%;
    aspect-ratio:16/9;
    height:auto;
} 


.slider_thumb, .slider_thumb_video img {
  transition: transform 0.15s ease-out;
}

.slider_thumb.animate-tap,
.slider_thumb_video.animate-tap img {
  animation: tap-bounce 0.3s ease-out;
}

@keyframes tap-bounce {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.075); /* slightly larger */
  }
  100% {
    transform: scale(1);
  }
}

.image-thumbs {
  padding:0;
  height:42px;
}
.image-thumbs .image-thumb-clipped {
  width: 75px;
  height: 42px;
}

.image-thumbs .image-thumb-clipped img,
.image-thumbs .image-thumb-clipped source {
  width:100%;
  aspect-ratio: 16/9;
  height:auto;
}


.plan-your-stay.moveOut {
	bottom: 0;
	transition: all 0.25s ease;
}
    section.villa .villa-details {
        padding: 0;
        margin: 0 12px;
    }
    section.villa .villa-details .rate-card {
        border-left: none;
        border-right: none;
        padding: 0
    }
    section.villa .villa-details .rate-card table,
    section.villa .villa-details .villa-figures {
        font-size: 12px
    }
    


    section.villa .villa-details .detail-list {
        margin: 0 0px
    }

    section.villa .availability {
        margin: 20px 0 10px
    }
    .mh60 {
        margin-left: 0;
        margin-right: 0
    }
    section.villa .enquiry {
        background: #FAFAFA;
        padding: 20px
    }
    .plan-your-stay {
        position: relative;
        bottom: auto;
        height: auto;
        width: 100%;
        right: 0;
        padding: 0 10px 20px;
        border-bottom: 1px solid #ddd
    }
    .plan-your-stay .select-control {
        border: 1px solid #ddd
    }
    .slider-wrapper .plan-your-stay .bottom-panel {
        top: -50px;
        bottom: auto;
        background: rgba(255, 255, 255, .8);
        display: none;
    }
    .overlay-content .col .search-form {
        display: block
    }
    .we-love-barbs .watermarked {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 10px
    }
    .featured .property .price .button {
        margin: 15px auto 0
    }
    .blog .category {
        margin-bottom: 17px;
        display: block;
        overflow: hidden
    }
    .blog .category .caption {
        margin: -105px auto 20px
    }
    
    .dynamic article.post,
    .dynamic .special-offer {
	    margin-bottom: 30px;
    }
    
    .dynamic .col-sm-4:last-of-type article.post,
    .dynamic .col-sm-6:last-of-type .special-offer {
	    margin-bottom: 0;
    }
 
 .villa-figures {
   margin: 0 0 15px 0 !important;
 }
 .signupFormPopup {
       padding:20px !important;
     }
     .signupFormPopup .form.compact {
      }
      .signupFormPopup h5 {
        font-size:4.3vw;
      }
      .signupFormPopup p {
        font-size:12px;
        line-height:16px;
      }
      .newsletter-screenshot {
        right: -20px;bottom:10px;width:110px;height:200px
      }
      
    
    #mapFilter {
        padding: 20px
    }
    #mapFilter h4 {
        font-family: "HB Italic", Georgia, serif;
        font-size: 22px
    }
    .titled-hr {
        margin: 1px 15px 20px 0;
        top: 7px
    }
    #map {
        width: 100%;
        height: 460px
    }
    section.villa .villa-details #map {
        width: 100%;
        height: 400px;
    }
    #mapOverlay {
        width: 250px;
        position: absolute;
        padding: 0;
        background: #fff;
        display: none;
        text-align: center;
        box-shadow: 0 1px 6px rgba(0, 0, 0, .4)
    }
    .post-list .related .col-xs-6:nth-of-type(3) {
        clear: left
    }
    .aside .image .img-responsive {
        min-width: 100%
    }
    
    footer .logo {
	    margin-bottom: 20px;
    }
    .footer-bhta-logo {
		width:100%;display:block;
		text-align:center;
	}
  .footer-bhta-logo img,
  .footer-bhta-logo picture source {
		margin-bottom: 25px;
		margin-left: -10px;
	}
	
	 .footer-trip-logo {
		width:100%;display:block;
		text-align:center;
		margin: 0px;
	}
	
	 .footer-trip-logo img {
		margin-top: 25px;
		margin-left: -30px;
	}
}

@media only screen and (min-width: 600px) and (max-width: 998px) {
	.filler-device {
		margin-right: -30px;
	}
	section.villa .pineapple-filler:before {
		right:2%;
	}
}
@media only screen and (max-width: 980px) {
	.filler-device {
		margin-right: -30px;
	}
	section.villa .pineapple-filler:before {
		right:2%;
	}
}
@media only screen and (max-width: 600px) {
	
  .page-villas .bx-wrapper .bx-pager {
    display:none;
  }
  
	.bx-wrapper .bx-pager.bx-default-pager a {
      width: 3px;
      height: 3px;
      margin: 0 2px;
      border-radius:1px;
    }
  
  
    .modalWindow .modal-window {
        width: auto;
        height: auto;
        left: 10px;
        right: 10px;
        margin-top: 0;
        margin-left: 0;
        padding: 6px;
        top: 800px;
    }
    .modalWindow.open .modal-window {
        top: 10px
    }
    #redirectOverlay .redirectOverlay-window {
        width: auto;
        height: 230px;
        left: 10px;
        right: 10px;
        bottom: auto;
        margin-top: 0;
        margin-left: 0;
        padding: 26px 16px;
        text-align: center
    }
    #redirectOverlay .redirectOverlay-window img.logo {
        padding-right: 0;
        width: 86px;
        border-right: none;
        float: none;
        margin: 0 auto;
        display: block
    }
    .turtle .project-info {
        width: auto;
        left: auto;
        position: relative;
        top: auto;
        margin-left: 0
    }
    
    section.villa .availability-month {
	    height: auto;
      min-height: 196px;
    }
    
    .enquiry-form .button {
      display:block;
      width:100%;
      height:44px
    }
    .enquiry-form .form-group.form-cta {
      margin-bottom:4px;
    }
    
    
    table.month-calendar td {
	    padding: 0px;
      line-height: 16px;
      font-size: 11px;
    }
    section.villa .availability-table-item:nth-child(2n+1) {
      clear:left
    }
    
    .pineapple-leader {
	    padding-left: 50px;
		padding-top: 12px;
		line-height: 30px;
		font-size: 17px;
		margin-bottom: 20px;
    }
    .
    .our-view-title {
      font-weight:600;
    }
    body, header p {
		font-size: 15px;
    line-height: 21px;
        font-weight:400;
	}
  

  section.villa .villa-details .our-view {
    font-size: 34px;
    font-weight: 100;
    line-height: 28px;
  }
  
  
  body p {
    color:#2c2d30
  }

	section.villa .villa-details .rate-card table thead tr th {
		padding:0;
	}
	
	.select-control.configs {
		width:100%;
	}
	
	section.villa .villa-details .rate-card table thead tr th {
    text-transform: none
  }
  
  section.villa .villa-details .rate-card table tbody tr:first-child{
    border-radius: 3px 3px 3px 0
  }
	
	section.villa .villa-details h4 {
		font-size:18px;			
	}
	
	
	section.villa .enquiry-form {
		padding:12px;	
	}
	
	section.villa textarea.form-control {
		min-height: 150px;
	}
	
	
	section.villa .villa-testimonial {
		padding: 30px 0px 0;
	}
	
	.divider-left {
		background:none;	
	}
	
	.contact-actions {
		margin:0;padding:0;
	}
	
	footer section header h2 {
		padding-top: 30px;
		font-size: 21px;
	}
	
	.offer-banner {
		margin:10px 0px 20px !important;
	}
	.offer-banner img { 
		float:right !important;
		width: 56px !important;
		margin: 0 0 0 12px !important;
	}
	
	.villas-list .villa-details .col-sm-9 {
		padding: 0;
	}
	
	.villas-list .villa .divider-left {
		margin: 0 10px;
		padding:0;
	}
	
	
	.available-date-text {
		display:none;
	}
	
	
	.overlay-content .col .search-form { display:none; }
	
	.featured .property div.cap-subtitle { 
		padding-left:6px;
	}
	
	.featured .property p.quote {
		text-align:left;
	}
	
	.featured .property {
		margin: 0 12px;
	}
	.featured .property h4.cap-title {
		font-size: 18px;
		padding: 0 0 4px;
	}
	.featured .property div.cap-subtitle {
		font-size:15px;
		margin-bottom: 8px;
		padding:0;
	}
	.featured .property .button {
		float:none;
		width: 100%;
		text-align: center;
	}
	.featured .property .price {
		display:none
	}
	
	.col2.divider-left.pineapple-filler {
		overflow:hidden;
	}

    
}
@media screen and (max-width: 320px) {
    .overlay-content .col .search-form {
        display: none
    }
    .page-home section.we-love-barbs {
        padding-top: 16px
    }
}
@keyframes bounce {
    0%, 100%, 20%, 50%, 80% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    60% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }
}
@-webkit-keyframes bounce {
    0%, 10%, 25%, 40%, 50% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    20% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    30% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }
}
@keyframes point-down {
    0%, 100%, 20%, 50%, 80% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }
    60% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px)
    }
}
@-webkit-keyframes point-left {
    0%, 10%, 25%, 40%, 50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    20% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
    30% {
        -webkit-transform: translateX(5px);
        transform: translateX(5px)
    }
}
@keyframes point-left {
    0%, 100%, 20%, 50%, 80% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    40% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    60% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }
}
#creditCardTypeIcon {
    display: none !important;
}
.pensio_payment_form_table tr:first-of-type .pensio_payment_form_label_cell {
    background-image: url('https://www.hammertonbarbados.comhttps://cdn.hammertonbarbados.com/website_assets/visa-mastercard-only.png');
    background-position: 280px 0;
    background-size: 80px 24px;
    background-repeat: no-repeat;
    height: 24px;
}
.dynamic section.villa {
    padding: 0;
}
.dynamic section.villa .special-offer {
    background: #FFF3FA;
}
.dynamic section.villa .special-offer h5 {
    color: #fc83c8;
    border-bottom: 1px solid #fc83c8;
}
.dynamic section.villa .special-offer p {
    color: #5a5b60;
}
.page-content section.blog .post-list p img {
    max-width:100%;
}

.noscroll {
	overflow:hidden;
}


.titled-hr.villa_search_hr {
	margin-top: 40px;
}

.cookieMessage {
	background: #f2f2f2;
	color: #4f5154;
	z-index: 99999;
	height: 28px;
	border-bottom:1px solid #ccc;
	font-size: 12px;padding: 5px 10px;
}

.cookieMessage .dismiss {
	background:#717570;
	border-radius: 3px;
	color:white;
	margin-left: 10px;
	display:inline-block;
	padding: 0 4px;
	float:right;letter-spacing: 1px;cursor:pointer;
}
.cookieMessage a {
	color:#717570;
	text-decoration: underline;
}

@media screen and (max-width:600px) {
	.cookieMessage {
	
		height: 46px;
	}
	
	.cookieMessage .dismiss {
		padding: 6px 8px;margin-top: 4px;
	
	}
}
    section.villa .villa-details .villa-figures .img-responsive {
    max-width: 90%;
    margin: 0 auto;
}
.clearable_field {
	position:relative;
}
.clearable_field input {
	padding-right: 144px !important;
}
.clearable_field .clear_field {
	position: absolute;
	top: 2px;
	right: 23px;
	padding: 3px 8px;
	color: #efa7d2;
	font-weight: 500;
	font-size: 19px;
	cursor:pointer;
	display: none;
}
.clearable_field .clear_field:hover {
	color: #E487BA;
}

.clearable_field .enter_field {
	position: absolute;
	top: 10px;
	right: 53px;
	color: #CCC;
	font-weight: 500;
	font-size: 11px;
	display: none;
}



.page-villas .slider-wrapper .bx-wrapper .bx-controls-direction a {
  
  top: 0;
margin-top: -22%;
width: 40px;
position: absolute;
height: 64px;
    text-indent: 0;
    font: normal normal normal 14px / 1 FontAwesome;
font-size: 62px;
text-decoration: none;
    background: #E487BA;
    color: white;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    opacity: 0;
    border-radius:3px;
}
.page-villas .slider-wrapper .bx-wrapper:hover .bx-controls-direction a {
	opacity: 0.8;
}
.page-villas .slider-wrapper .bx-wrapper .bx-controls-direction a:hover {
	opacity: 1;
}
.bx-wrapper .bx-controls-direction a.bx-prev:before {
    content: "\f104";
}
.bx-wrapper .bx-controls-direction a.bx-next:before {
    content: "\f105";
}
.page-villas .slider-wrapper .bx-wrapper .bx-controls-direction a.bx-next {
    text-indent:2px
}

@media screen and (max-width:768px) {
  .page-villas .slider-wrapper .bx-wrapper .bx-controls-direction a {
    margin-top: -18%;
  }
}
@media screen and (max-width:460px) {
  .page-villas .slider-wrapper .bx-wrapper .bx-controls-direction a {
    margin-top: -2%;
  }
}


.touch .page-villas .slider-wrapper .bx-wrapper .bx-controls-direction,
.page-home .slider-wrapper .bx-wrapper .bx-controls-direction {
	display:none;
}




.slider_thumb, .filler-device img, .filler-device picture source, .villa img, .villa picture source,
.villa-details img, .villa-details picture source, .image-cropped, .image-cropped img, .image-clipped picture, .image-clipped picture source, .image-clipped img,
.blog img, .featured img, .featured picture source, .maparea #map, .dynamic img,
.aside img, .content img,
.image-clipped, .image-clipped img
{
    border-radius:3px
}

.hero img { border-radius: 0 0 3px 3px}


#bookingEnquiryModal .modal-window .plan-your-stay {
  /* height: 340px; */
}
#bookingEnquiryModal .modal-window .plan-your-stay.showsPrice {
  /* height: 358px;   */
}
.modal-window .plan-your-stay textarea {
  min-height: 80px;  
}

#planYourStayModal .modal-window .plan-your-stay.showsPrice {
  /* height: 240px;   */
}



.modalWindow .modal-window.plan-your-stay-modal-window {
  padding:0;
}
.plan-your-stay-modal {
  
}

.plan-your-stay-modal .plan-your-stay-modal-header {
    left: auto;
    bottom: auto;
    right: auto;
    position: relative;
    line-height: 38px;
    background: rgba(255, 255, 255, .65);
    font-family: 'HB Italic', Georgia, serif;
    color: #E487BA;
    font-size: 26px;
    text-align: center;
    margin-top: 30px
}

.plan-your-stay-modal-body {
  padding:20px 40px 15px;  
}

.plan-your-stay-modal .form-control,
.plan-your-stay-modal .select-control {
    font-size: 12px;
    padding: 2px 10px;
    font-weight: 500;
    height: 34px;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none
}
.plan-your-stay-modal label {
  font-family: 'Open Sans', Arial, sans-serif;
  font-size: 13px;
  line-height: 34px;
  color: #5a5b60;
  font-weight: 300;
}
.plan-your-stay-modal .available-status {
  font-family: 'HB Italic', Georgia, serif;
  font-size: 14px;
  line-height: 34px;
  color: #66ae2d;
  font-weight: 500;
  padding-left: 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%2366ae2d' d='M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7l233.4-233.3c12.5-12.5 32.8-12.5 45.3 0z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position:left center;
  background-size:13px;
}
.plan-your-stay-modal .unavailable-status {
  font-family: 'HB Italic', Georgia, serif;
  font-size: 14px;
  line-height: 34px;
  color: #da2929;
  font-weight: 500;
  padding-left: 0;

}

.plan-your-stay-modal .helptext {
  font-size: 14px;
  margin-top:15px;
}
.plan-your-stay-modal .form-control {
    border: 1px solid #fff;
    border-radius: 0;
    margin-bottom: 10px
}
.plan-your-stay-modal .select-control {
    height:34px;
    line-height: 32px!important;
    border: 1px solid #fff;
    border-radius: 2px;
    background: url(https://cdn.hammertonbarbados.com/website_assets/caret-down.png) center right no-repeat #FFF;
    background-size: 28px 12px;
    margin-bottom: 0;
    cursor: pointer
}
.plan-your-stay-modal .form-control,
.plan-your-stay-modal .select-control {
    border: 1px solid #DDD
}
.plan-your-stay-modal .form-control.date {
    background-image: url(https://cdn.hammertonbarbados.com/website_assets/calendar-icon.png);
    background-size: 28px 14px;
    background-repeat: no-repeat;
    background-position: right center;
    cursor: pointer;
    line-height: 28px;
    font-weight: 500;
    border-radius: 2px;
}

.plan-your-stay-modal .button {
  display:block;width:100%;
  height:34px;
}
.plan-your-stay-modal-pricepromise {
  background:#F8F0F5;
  color: #ca689e;
  border-top: 1px solid #F7E0EE;
  padding:20px 20px 20px 100px;
  font-size:12px;
  background-image: url(https://cdn.hammertonbarbados.com/website_assets/price-promise-pink.jpg);
  background-size: 50px 50px;
  background-repeat: no-repeat;
  background-position: 40px 20px;
}

.pys-price-row {
  margin-top:10px;border-top: 1px solid #eee; padding-top:15px;
  font-size:15px;
}
.pys-price-row .holidayPrice {
  font-size:20px;
  font-weight:600;
}
.pys-fees-taxes {
  font-size:13px;
}
.pys-cta-row {
  margin-top:10px;border-top: 1px solid #eee; padding-top:15px;
  font-size:15px;
}

.pricing-pricepromise {
  border-radius:3px;
  background:#F8F0F5;
  color: #ca689e;
  margin-top: 20px;
  padding:20px 20px 20px 90px;
  font-size:12px;
  background-image: url(https://cdn.hammertonbarbados.com/website_assets/price-promise-pink.jpg);
  background-size: 50px 50px;
  background-repeat: no-repeat;
  background-position: 20px 20px;
}
.pricing-pricepromise p {
  color: #ca689e;
  margin-bottom: 0;
}
.pricing-pricepromise p.rates-supplementary-info {
  margin-bottom: 5px !important; font-weight:700;
}

.livechat-link {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='156' height='100'%3E%3Cdefs%3E%3Cfilter id='a' width='139.4%25' height='144.8%25' x='-16.7%25' y='-19%25' filterUnits='objectBoundingBox'%3E%3CfeOffset dx='2' dy='2' in='SourceAlpha' result='shadowOffsetOuter1'/%3E%3CfeGaussianBlur in='shadowOffsetOuter1' result='shadowBlurOuter1' stdDeviation='4'/%3E%3CfeColorMatrix in='shadowBlurOuter1' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.230317656 0'/%3E%3C/filter%3E%3Cpath id='b' d='M20 73V28h66v45H45L29 86V73h-9Z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23DFDFDF' d='M70 57V12h66v45h-15v13l-16-13H70Z'/%3E%3Cuse xlink:href='%23b' fill='%23000' filter='url(%23a)'/%3E%3Cuse xlink:href='%23b' fill='%23E486BA'/%3E%3C/g%3E%3C/svg%3E");
  background-position: 0px 2px;
  background-repeat: no-repeat;
  background-size: 25px 16px;
  cursor: pointer;
  padding-left:24px;
  font-weight:500;
}
.livechat-link:hover {
  color:#E487BA;
}
.plan-your-stay-modal label.total-label {
  font-weight:600 !important;margin-top:0px;line-height:28px;
}
@media screen and (max-width: 768px) {
  .plan-your-stay-modal label {

    line-height: 20px;
  }
  
  .plan-your-stay-modal .form-group {
    margin-bottom: 10px; 
  }
  
  .plan-your-stay-modal .helptext {
    font-size: 12px;
    margin-top:15px;
  }
  
  .or-chatwithus {
    display:none;
  }
  .pys-price-row {
    padding-top:10px;
  }
  .plan-your-stay-modal .available-status {
    line-height:18px;
  }
  .plan-your-stay-modal .plan-your-stay-modal-header {
   
      line-height: 30px;
      margin-left:40px;
      font-size: 20px;
      text-align: left;
      margin-top: 30px
  }
  
  .text-right-mobile {
    text-align:right;
  }
  
  .plan-your-stay-modal-pricepromise {
    background:#F8F0F5;
    color: #ca689e;
    border-top: 1px solid #F7E0EE;
    padding:20px 20px 20px 75px;
    font-size:11px;
    line-height:15px;
    background-image: url(https://cdn.hammertonbarbados.com/website_assets/price-promise-pink.jpg);
    background-size: 36px 36px;
    background-repeat: no-repeat;
    background-position: 30px 20px;
  }
  .pys-cta-row {
    margin-top:10px;border-top: none; padding-top:0px;
    font-size:15px;
  }
  
  .pys-fees-taxes {
    font-size:10px;
  }
  
  .total-label {
    font-weight:600 !important;margin-top:5px;
  }
}

.svg-icon.cancelModal,
.svg-icon.cancelPYSModal {
  position: absolute;
  top: 0;
  right: 0;
  padding: 20px;
  cursor: pointer;
  z-index: 8001;
}
.svg-icon.cancelModal svg,
.svg-icon.cancelPYSModal svg {
  opacity: 0.5;
}
.svg-icon.cancelModal svg:hover,
.svg-icon.cancelPYSModal svg:hover {
  opacity: 1;
}

.svg-icon.light svg {
  fill:#ffffff;
}

.svg-icon svg {
  width:20px;
  height:20px;
}

.gm-style div,
.gm-style iframe + div {
  outline: none !important;
  border: none !important;
}


#map img,
#map picture,
#map source,
#map svg,
.gm-style img,
.gm-style picture,
.gm-style source,
.gm-style svg{
	border-radius:0px
} 


.blog-template-main {
  max-width:1440px;
  margin:0 auto;
}
.blog-header-section {
  background-color: #7ABCB0;
  border-radius: 4px;
  padding: 30px 60px 90px;
  min-height:300px;
  z-index: 10;
}
.blog-header-top {
  margin-bottom:10px;
  display: grid;
  grid-template-columns: 55% 45%;
}
.blog-header-cta {
  text-align: right
}
.blog-header-cta a {
  text-align: right;
  font-size: 14px;
  font-weight: 600;
  color:white;
  text-decoration: none;
}
.blog-header-cta a:hover {
  color:white;
  text-decoration: underline;
}
.blog-header-breadcrumb { 
  font-size: 15px;
  color: #FFFFFF;
  letter-spacing: -0.43px;
  line-height: 27px;
}
.blog-header-breadcrumb { 
  margin:0;padding:0;
}
.blog-header-breadcrumb li { 
  margin:0 5px 0 0;padding:0 0 0 10px;
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3.831' height='7.37'%3E%3Cpath fill='%23FFF' fill-rule='evenodd' d='m.874.168 2.83 3.185a.5.5 0 0 1 0 .664L.875 7.202A.5.5 0 0 1 0 6.87V.5A.5.5 0 0 1 .874.168Z' opacity='.596'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left center;
  font-size: 14px;
  font-weight: 600;
}
.blog-header-breadcrumb li a { 
  color:white;
  text-decoration: none;
}
.blog-header-breadcrumb li a:hover { 
  color:white;
  text-decoration: underline;
}
.blog-header-breadcrumb li:first-child { 
  background-image: none;
}
.blog-header-title-section {
  background-color: #7ABCB0;
  border-radius: 4px;
  display: grid;
  grid-template-columns: 55% 45%;
}
.blog-header-title {
  margin-right:50px;
}
.blog-header-title h1 {
  font-family: 'HB Italic', Georgia, serif;
  font-size: 48px;
  color: #FFFFFF;
  letter-spacing: -1px;
  line-height: 63px;
  text-shadow: 2px 2px 0 rgba(0,0,0,0.1);
  
  min-height:170px;
}

.blog-header-image {
  position:relative;
  width:100%;
  border-radius:4px;
}
.blog-header-image-inner {
  position: absolute;
  width:100%;
  aspect-ratio: 16/9;
  border-radius:4px;
}
.blog-header-image img {
  position: absolute;
  border-radius:4px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;	
  object-fit: cover;
}
.blog-post-main {
  margin: 0px 0 0 0;padding-left:60px;
  display: grid;
  grid-template-columns: 70% 30%;
  gap: 20px;
  background-image: url(https://cdn.hammertonbarbados.com/website_assets/bg_glow.jpg);
  background-size:contain;
  background-position: top center;
  background-repeat: no-repeat;
}
.blog-post-content {
  z-index: 20;
  background-color:white; border-radius: 4px;
  padding:40px;
  margin-top:-60px;
  position:relative;
  
}

.blog-post-meta {
  margin-top:120px;
}
.blog-post-meta.blog-post-meta-push {
  margin-top:70px;
}


.blog-post-content p:first-child {
  font-family: 'HB Italic', Georgia, serif;
  font-weight:300;
  font-size: 22px;
  line-height:32px;
}
.blog-post-content p {
  line-height:28px;
  font-size: 17px;
  margin-bottom:30px;
}

.blog-post-content h2 {
  font-family: 'HB Italic', Georgia, serif;
  line-height:36px;
  font-size: 27px;
  margin-bottom:20px;
}

.blog-post-content h3 {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  line-height:26px;
  font-size: 18px;
  font-weight:600;
  color:#222;
  margin-bottom:10px;
}

.blog-post-content h3.heading-icon-check {
  background-position: -1px 2px;
  background-repeat: no-repeat;
  background-size: 22px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='%2379BBAF' d='M320 576C178.6 576 64 461.4 64 320S178.6 64 320 64s256 114.6 256 256-114.6 256-256 256m118-366.3c-10.7-7.8-25.7-5.4-33.5 5.3L285.1 379.2 233 327.1c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l72 72c5 5 11.8 7.5 18.8 7s13.4-4.1 17.5-9.8l135.9-187c7.8-10.7 5.4-25.7-5.3-33.5'/%3E%3C/svg%3E");
  padding-left: 26px
}


.blog-post-content blockquote,
.blog-post-content blockquote p {
  letter-spacing: 0px;
  color:#6EB3A1;
}

.blog-post-content p + ul,
.blog-post-content p + ol {
  margin-top:-20px;
  margin-bottom:30px
}

.blog-post-content ul li,
.blog-post-content ol li{
  margin-bottom:4px
}

.blog-post-content ol {
  list-style: none;             /* kill default numbers */
  margin: 0;
  padding: 0;
  counter-reset: green-counter; /* start counter */
}

.blog-post-content ol li {
  counter-increment: green-counter;
  position: relative;
  padding-left: 3rem;         /* space for the circle */
  margin-bottom: 1.65rem;
}

/* the fake number in a green circle */
.blog-post-content ol li::before {
  content: counter(green-counter);
  position: absolute;
  left: 0;
  top: 1px;
  
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: #6EB3A1;          /* green */
  color: #fff;
  font-weight: 700;
  font-size: 0.9rem;
  
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width:1024px) {
  .blog-post-content ul,
  .blog-post-content ol{
    margin-top:-10px;
  }
}

.blog-post-content ul li::marker {
  color: #6EB3A1;
}



.blog-post-content img {
  width:100%;
  border-radius:4px;
  margin:40px auto;
  display:block;
}

.blog-post-villas-fancy {
  margin:0 0 30px;
  padding:50px 0 40px 0;
  border-bottom: 1px solid rgba(243, 222, 232, 1);
  background-image: url("/assets/img/blog-separator-pineapple.jpg");
  background-size:contain;
  background-position: top center;
  background-repeat:no-repeat;
}

.blog-post-villas-fancy h3 {
  font-family: 'HB Italic', Georgia, serif;
  color:#E487BA;
  font-weight: 400;
  line-height:36px;
  font-size: 27px;
  margin-bottom:30px;
  text-align:center;
  
}



.blog-post-villas {
  overflow:auto;
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap: 40px;
  grid-template-columns: 1fr 1fr;
}
.blog-post-villas .blog-post-villa {
  
  margin:0 0;
  padding:0;
}
.blog-post-villas .blog-post-villa img {
  max-width: 100%;
  margin-bottom: 6px;
}


.blog-post-villas .blog-post-villa .blog-post-villa-name {
  font-family: 'HB Regular', Georgia, serif;
  text-transform: uppercase;
  font-weight:300;
  font-size: 22px;
  line-height:32px;
  color:#85868a;
}

.blog-post-villa .blog-post-villa-name a {
  color:#E487BA;
  text-decoration: none;
}
.blog-post-villa .blog-post-villa-name a:hover {
  color:#E487BA;
  text-decoration: underline;
}

.blog-post-villa .blog-post-villa-address {
  margin-bottom: 6px;
}

.blog-post-villa .blog-post-villa-price {
  font-family: 'HB Italic', Georgia, serif;
  font-size: 14px;
}


.blog-template-main .cta-block {
  background-color:#DFEFEC;
  padding: 40px;
  border-radius: 4px;
  margin:40px 0;
  display:grid;
  grid-template-columns: 1fr 1fr;
}

.blog-template-main .cta-block-profile {
}

.blog-template-main .cta-block-profile-photo {
  float:left;
  width: 100px;height:100px;
  border-radius:50px;
  margin: 10px 30px 0 0;
  background-color:white;
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center center;
}

.blog-template-main .cta-block-profile-name {
  margin-top: 20px;
  font-family: 'HB Italic', Georgia, serif;
  font-size: 23px;
}
.blog-template-main .cta-block-profile-role {
  font-size: 15px;
}
.blog-template-main .cta-block-profile-tel {
  font-size: 22px;
  font-weight:500;
}


.blog-template-main .cta-block-info h5 {
  font-family: "Open Sans", sans-serif;
  color:#343434;
  font-weight:700;
  font-size: 18px;
}
.blog-template-main .cta-block-info p {
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  margin-bottom:0;
  margin-right: 20px;
}

.blog-post-main .tags {
  padding: 0;
  margin: 0 0 20px;
  list-style: none
}
.blog-post-main .tags li {
  font-size: 13px;
  display: inline
}
.blog-post-main .tags li:before {
  content: " • "
}
.blog-post-main .tags li:first-of-type:before {
  content: ""
}
.blog-post-main .tags li a {
  font-weight: 600
}

.blog-post-meta {
  padding-left: 56px;
}
.blog-post-meta ul.social {
  margin:20px 0 0 0;
}

.blog-post-meta .author {
  line-height: 32px;
  font-size: 18px;
  font-weight:600;
}
.blog-post-meta .author .author-profile-photo
{
  width:32px;
  height:32px;
  border-radius:16px;
  float:left;
  background-size:cover;
  background-repeat: no-repeat;margin:0 6px 0 -38px;
}
.blog-post-meta .date {
  margin-bottom: 10px;
}

.blog-categories-footer {
  overflow: hidden;
  padding: 0 60px;
  max-width: 1440px;
}

.blog-categories-footer h4 {
  font-size: 20px;
  margin-bottom:16px;
}
.blog-categories-footer .image-cropped img {
  padding-bottom:0;	
}








.blog-template-main .search-area .search-form {
  background-color: #FFF;
  padding: 2px 14px;
  display: inline-block;
  font-size: 13px;
  border-radius:3px;
}
.blog-template-main .search-area .search-form select,
{
  background: url(https://cdn.hammertonbarbados.com/website_assets/caret-down.png) center right no-repeat #FFF
}
.blog-template-main .search-area .search-form legend {
  color: #525457;
  font-size: 16px;
  display: inline-block;
  float: left;
  border: none;
  padding: 0;
  margin: 0 20px 0 0;
  line-height: 40px;
  width: auto
}
.blog-template-main .search-area .search-form .option {
  display: inline-block;
  padding: 0 16px;
  line-height: 40px;
  cursor: pointer;
  position: relative
}
.blog-template-main .search-area .search-form input {
  position: absolute;
  border: none;
  width: 20px;
  visibility: hidden;
  height: 0
}
.blog-template-main .search-area .search-form select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  border: none;
  outline: 0;
  font-family: 'Open Sans', Helvetica, sans-serif;
  font-size: 13px;
  color: #5a5b60;
  height: 40px;
  font-weight: 200;
  line-height: 40px;
  background-size: 18px 8px;
  padding-right: 17px
}

.blog-template-main .search-area .search-form button {
  background: #E487BA;
  border: none;
  outline: 0;
  font-family: 'HB Italic', Georgia, serif;
  border-radius:2px;
}
.blog-template-main .search-area .search-form button {
  color: #FFF;
  margin: 0;
  padding: 3px 20px
}




@media screen and (max-width:1024px) {
  .blog-header-section {
    padding: 0px;
    min-height:0;
    border-radius: 0; text-align: center
  }
  .blog-header-top {
    margin:0;
    padding:10px 10px 0 0;
    display: block;
  }
  
  .blog-header-title-section {
    display: block;
  }
  
  .blog-header-title {
    margin:0;
    padding:0;
  }
  .blog-header-title h1 {
    font-size: 32px;
    line-height: 40px;
    margin: 12px 0 20px;
    min-height:min-content;
  }
  
  .blog-header-image {
    position:relative;
    width:100%;
    border-radius:0;
  }
  .blog-header-image-inner {
    position: relative;
    width:100%;
    aspect-ratio: auto;
    border-radius:0;
  }
  .blog-header-image img {
    position: relative;
    border-radius:0;
    top: auto;
    left: auto;
    width: 100%;
    height: auto;	
  }
  
  
  .blog-header-cta {
    display:none;
  }
  
  .blog-post-content {
    padding:20px;
    margin-top:0px;
    
  }
  
  .blog-post-meta {
    margin-top:0px;
  }
  
  .blog-header-image {
    margin-bottom: 0px
  }
  
  .blog-post-main {
    margin: 0px 0 0 0;padding-left:0px;
    display: block;
    background-image: none;
  }
  
  
  .blog-post-content p:first-child {
    font-family: 'HB Italic', Georgia, serif;
    font-weight:400;
    font-size: 18px;
    line-height:24px;
  }
  .blog-post-content p {
    line-height:22px;
    font-size: 16px;
    margin-bottom:20px;
    font-weight:300;
  }
  
  .blog-post-content h2 {
    font-family: 'HB Italic', Georgia, serif;
    line-height:30px;
    font-size: 24px;
    margin-bottom:20px;
  }
  
  
  .blog-post-villas-fancy {
    margin:0 0 40px;
    padding:40px 0 40px 0;
    border-bottom: 1px solid rgba(243, 222, 232, 1);
    background-image: url("/assets/img/blog-separator-pineapple.jpg");
    background-size:200%;
    background-position: top center;
    background-repeat:no-repeat;
  }
  
  .blog-template-main .cta-block {
    background-color:#DFEFEC;
    padding: 20px;
    border-radius: 4px;
    margin:20px 0;
    display:flex;
    flex-direction: column-reverse;
  }
  
  .blog-post-villas {
    gap: 20px;
  }
  
  .blog-post-villas .blog-post-villa .blog-post-villa-name {
    font-size: 16px;
    line-height:20px;
  }
  
  .blog-post-villa .blog-post-villa-address {
    font-size: 12px;
  }
  
  .blog-post-villa .blog-post-villa-price {
    font-size: 14px;
  }
  
  .blog-post-meta {
    margin:0 20px 60px;
    text-align: center;
    padding:0;
  }
  .blog-post-meta .author,
  .blog-post-meta .date,
  .blog-post-meta .category {
    display:none;
  }
  .blog-template-main .cta-block {
    padding:32px;
  }
  
  .cta-block-profile-photo {
    float:left;
    width: 64px;height:64px;
    border-radius:32px;
    margin: 10px 15px 0 0;
  }
  .cta-block-profile-name {
    margin-top: 10px;
    font-family: 'HB Italic', Georgia, serif;
    font-size: 23px;
  }
  
  .blog-categories-footer {
    padding:0 20px
  }
  
  .blog-header-breadcrumb {
    display:none !important;
  }
  
}


 .pys-mobile {
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.25);
    border-radius: 12px;
    position: fixed;
    bottom: 16px;
    left: 12px;
    right: 76px;
    padding: 10px 10px 10px 14px;
    transition: opacity 0.5s ease, transform 0.5s cubic-bezier(0,.22,0,1.24);
    z-index:2;
    } 
    
    .pys-mobile-hide {
      opacity:0;
      transform: translateY(100px);
    }
    
    /* .pys-mobile {
       background-color: #fff;
       box-shadow: 0 0 10px rgba(0,0,0,0.3);
       border-radius: 0;
       position: fixed;
       bottom: 0;
       left: 0;
       right: 0;
       padding: 10px 14px;
       z-index:999;border-bottom:1px solid rgb(170, 202, 192)
     } */

   .pys-mobile .booking-summary {
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: 100%;
   gap: 10px;height: 40px;
   }
 
   /* Column layout */
   .pys-mobile .booking-summary .pyscol {
   display: flex;
   flex-direction: column;
   justify-content: center;
   min-width: 0;
   }
 
   /* First two columns stretch proportionally */
   .pys-mobile .booking-summary .pyscol:nth-child(1),
   .pys-mobile .booking-summary .pyscol:nth-child(2) {
   flex: 1 1 0;
   }
 
   /* Final column fixed width */
   .pys-mobile .booking-summary .pyscol.icon {
   flex: 0 0 36px;
   display: flex;
   align-items: center;
   justify-content: center;
   text-align: center;
   }
 
   /* Rows inside the first column */
   .pys-mobile .booking-summary .pysrow {
   display: flex;
   align-items: center;
   gap: 8px;
   font-size: 12px;
   line-height: 14px;
   white-space: nowrap;
   }
 
   .pys-mobile .booking-summary i svg {
   fill: #89aea3; 
   width: 12px;margin-top:4px;
   }
 
 .pys-mobile .booking-summary .pyscol.icon i {
    margin-left:10px;
  }
  
   /* Price column text alignment */
   .pys-mobile .booking-summary .price {
   font-weight: bold;
   font-size: 15px;
   text-align: right;
   line-height: 18px
   }
 
   .pys-mobile .booking-summary .subtext {
   font-size: 10px;
   color: #777;
   text-align: right;
    line-height: 14px
   }
   
   .pys-mobile-price .is-available {
      /* color:#66ae2d */
    }
    .pys-mobile-price .not-available {
       color:#da2929;font-size:12px;line-height:12px;font-weight:400;
     }
   
   .pyscol.icon  i svg {
     fill:#e38bb0
   }
   @media (hover: none) and (pointer: coarse) {
   .pys-mobile {
     transition: transform 0.25s cubic-bezier(0.22, 1, 0.36, 1)
     transform: scale(1);
     touch-action: manipulation;
   }
   
   .pys-mobile:active {
     transform: scale(0.96);
   }
   
  
   @keyframes tapBounce {
     0%   { transform: scale(0.96); }
     50%  { transform: scale(1.02); }
     100% { transform: scale(1); }
   }
   }
   
   @media only screen and (min-width: 669px) {
     .pys-mobile { display:none; }
   }
   
   

.env-development {
  margin-top:20px
}
.env-development:after {
  content: "🚧 DEVELOPMENT ENVIRONMENT";
  color:#d09431;
  text-align:center;
  font-size:12px; font-weight:bold;
  background:#F8F2E2;
  position:fixed;
  top:0;left:0;right:0;
  border-radius: 4px 4px 0 0;
  padding:4px;
  z-index:999;
}