@charset "utf-8";
/* CSS Document */













/*///////////////Get the fonts///////////////*/

html {padding: 0; margin: 0; font-size: 100%;}

body {
  font-size: 14px;
  font-family: 'Georgia', serif;
  color: rgba(246,240,224,1);
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  background:rgba(246,240,224,1);
}

body.other-pages {color: #3D443D;;}

@media screen and (max-width: 650px) {
	body {font-size: 2.2vw;}
}

@media screen and (max-width: 500px) {
	body {font-size: 4.2vw;}
}

/*/////////// Background Slideshow ///////////*/
.slideshow-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  overflow: hidden;
}

@media screen and (max-width: 819px) {
  .slideshow-container {position:absolute;}
}

.slideshow-container div {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  animation: fade 12s infinite;
  opacity: 0;
filter:brightness(.7);
}

.slideshow-container div:nth-child(1) {
  background-image: url('https://www.thevillagelarkhall.co.uk/images/bg-6.jpg');
  animation-delay: 0s;
}
.slideshow-container div:nth-child(2) {
  background-image: url('https://www.thevillagelarkhall.co.uk/images/bg-9.jpg');
  animation-delay: 4s;
}
.slideshow-container div:nth-child(3) {
  background-image: url('https://www.thevillagelarkhall.co.uk/images/bg-7.jpg');
  animation-delay: 8s;
}

@keyframes fade {
  0% { opacity: 0; }
  8% { opacity: 1; }
  33% { opacity: 1; }
  41% { opacity: 0; }
  100% { opacity: 0; }
}

/*/////////// Page content styling ///////////*/

@media screen and (min-width: 820px) {
.first-row {
  position:absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  margin: 0;}
  .second-row {display:none;}
}

@media screen and (max-width: 819px) {
.first-row, .second-row {
  position:relative;
  min-height: 100vh;
  margin: 0;}
  
}



@media screen and (min-width: 820px) {
  #holding-mobile {display:none;}
}

@media screen and (max-width: 819px) {
  #holding-desktop {display:none;}
}


#holding-desktop {margin: 42px 0;}

#holding-desktop .desktop-logo, #holding-desktop .left, #holding-desktop .right {position:absolute;}

/*switched them now*/
#holding-desktop .left {right: 40px; top:35px}
#holding-desktop .right {left: 40px; top:35px}

#holding-desktop .insta-logo {margin-top: .5em !important;}

#holding-desktop .insta-logo img {max-width: 22px; height: auto;}

#holding-desktop .desktop-logo {left: 50%; transform:translateX(-50%);}

#holding-desktop .desktop-logo img {max-width: 296px;}



#holding-mobile {
  position:absolute;
  left: 50%;
  top: 55%;
  transform: translate(-50%,-55%);
  width: 100%;
  margin: 0 auto;
  text-align:center;
}

.holding-logo img.just-logo {
  max-width: 266px;
}

.holding-logo .just-hand {display:block; text-align:center; margin: 3em auto 0 auto;}
.holding-logo .just-hand {width: 24px}

@media screen and (max-width: 500px) {
  .holding-logo img.just-logo {
    max-width: 80%;
    height: auto;}
}



.holding-details {
  text-align:center;
  line-height: 1.15;
  margin-top: 3.5em;
}


#holding-desktop .holding-details {margin-top: 0;}

.holding-details p {
  margin: 0;
}

.holding-details p a,
.holding-details p a:visited {
  color: rgba(246,240,224,1);
  text-decoration:none;
  transition: all ease .2s;
  border-bottom: 1px solid rgba(246,240,224,0);
}

.holding-details p a:hover {
  border-bottom: 1px solid rgba(246,240,224,1);
}

.insta-logo {
  margin: 2em auto 1em auto !important;
}


.holding-details-two .insta-logo { margin: 6em auto 5em auto !important;}

.holding-details-two .insta-logo img {width: 40px;}


@media screen and (max-height: 380px) {
  .holding-logo img.just-logo {
   max-width: 260px;}
  .address-break {margin-top: 1em !important;}
  .holding-logo .just-hand {margin: 3em auto 0 auto;}
}


@media screen and (max-width: 820px) {
  .slideshow-container div {filter:brightness(.8)}
  .slideshow-container div:nth-child(1) {
  background-image: url('https://www.thevillagelarkhall.co.uk/images/bgm-1a.jpg');
}
  .slideshow-container div:nth-child(2) {
  background-image: url('https://www.thevillagelarkhall.co.uk/images/bgm-1.jpg');
}
  .slideshow-container div:nth-child(3) {
  background-image: url('https://www.thevillagelarkhall.co.uk/images/bgm-2.jpg');
}
}


/*desktop nav*/


@media screen and (min-width: 820px) {
  body.homepage #desktop-navigation {display:flex; flex-wrap: wrap; position:absolute; bottom: 0; left: 0; right: 0;width: 100%; max-width: calc(100% - 80px); margin: 0 auto !important; padding: 30px 0 60px 0; border-top: 1px rgba(246,240,224,1) solid !important;text-align:center;}
  .nav-item {text-transform:uppercase; letter-spacing: 0.1em; display:inline-block; margin: auto;  text-align:center; padding: 0; line-height: 1;}
	body.homepage .nav-item {width: 33%;}
	.nav-item {width: 25%;}
  .nav-item a { font-size: 120%; }
   body.other-pages  .nav-item a {font-size: 100%;}
  body.homepage .nav-item a, body.homepage .nav-item a:visited {color: #F6F0E0; text-decoration:none; border-bottom: 1px rgba(246,240,224,0) solid; transition: all .3s ease;}
  body.homepage .nav-item a:hover {border-bottom: 1px rgba(246,240,224,1) solid;}
}

@media screen and (max-width: 819px) {
  #desktop-navigation {display:none;}
}

/*desktop nav ENDS*/



/*second-row*/

.second-row {padding-top: 20vw; padding-bottom: 20vw;}

.holding-details-one, .holding-details-two {color: #3D443D; text-align:center; font-size: 110%;}

.holding-details-two p:nth-of-type(2){margin-top: 4em}

.address-break {margin-top: 20vw; margin-bottom: 20vw;}

#mobile-navigation {text-align:center; margin-bottom: 20vw; width: 100%; max-width: calc(100% - 80px); margin-left: auto; margin-right: auto;}

@media screen and (max-width: 500px) {
  #mobile-navigation {max-width: calc(100% - 40px);}
}

#mobile-navigation .nav-item {text-transform:uppercase; letter-spacing: 0.1em; font-size: 120%; border-top: 1px solid #3D443D; line-height: 4;}

#mobile-navigation .nav-item:last-of-type {border-bottom: 1px solid #3D443D;}

#mobile-navigation .nav-item a {color: #3D443D; text-decoration:none;}

.holding-details-two p a, .holding-details-two p a:visited {color: #3D443D; text-decoration:none; border-bottom: 1px dotted #3D443D; padding-bottom: .25em}

.holding-details-one p, .holding-details-two p {line-height: 1.3}

/*second-row ENDS*/


/*----------------------------------------other-pages ----------------------------------------------*/
@media screen and (min-width: 820px) {
body.other-pages #mobile-navigation {display:none;}
}

@media screen and (min-width: 820px) {
body.other-pages #desktop-navigation {
    display:flex; flex-wrap: wrap;
    position: absolute;
    top: 0 !important;
    left: 0 !important;
  right: 0;
    width: 100% !important;
    max-width: calc(100% - 80px);
    margin: 0 auto;
    padding: 36px 0 24px 0;
    border-bottom: 1px #3D443D solid !important;
  text-align:center;
  }
}

body.other-pages #desktop-navigation .nav-item a, body.other-pages #desktop-navigation .nav-item a:visited {color: #3D443D; text-decoration:none; border-bottom: 1px rgba(61,68,61,0) solid; transition: all .3s ease;}
body.other-pages #desktop-navigation .nav-item a:hover {border-bottom: 1px rgba(61,68,61,1) solid;}

#desktop-navigation .nav-item.nav-current {position:relative;}
#desktop-navigation .nav-item.nav-current:before {content:""; width: 40px; height: 13px; background: url("/images/hand-fwd.svg"); background-repeat:no-repeat; display:inline-block; background-size: contain; position:relative; top: 2px; left: -8px;}

#mobile-navigation .nav-mobile-current {position:relative;}
#mobile-navigation .nav-mobile-current:before {content:""; width: 40px; height: 12px; background: url("/images/hand-fwd.svg"); background-repeat:no-repeat; display:block; background-size: contain; position:absolute; top: 42%}

body.other-pages #mobile-navigation {max-width: 100%;}

body.other-pages .tv-content {padding-top: 150px}

/*other page header notice*/
.other-page-header-notice {padding-bottom: 60px; text-align:center; padding-top: 0px; font-size: 110%; line-height: 1.3;}
@media screen and (max-width: 500px) {
  .other-page-header-notice {font-size: 110%; padding: 20px 20px 50px 20px;}
}
.other-page-header-notice a, .other-page-header-notice a:visited {text-decoration:none; border-bottom: 1px dotted rgba(61,68,61,1); color: rgba(61,68,61,1); transition: all ease .3s;}
.other-page-header-notice a:hover {border-bottom: 1px dotted rgba(61,68,61,0);}
/*venu hire desktop ENDS*/

body.other-pages .menus-page {}

.mobile-home-title {position: absolute; left: 40px; top: 36px; text-decoration:none; color: inherit; display:inline-block; width: 100px; z-index: +1; letter-spacing: .05em;}
.mobile-home-title:before {content:""; width: 26px; height: 20px; background: url("/images/hand-back.svg"); background-repeat:no-repeat; background-size: contain; position:absolute; top: 4px; left: -32px;}

@media screen and (max-width: 600px) {
  .mobile-home-title:before {top: 2px;}
}
@media screen and (max-width: 500px) {
  .mobile-home-title:before {width: 32px; left: -38px;}
  .mobile-home-title {left: 44px;font-size: 13px}
}


@media screen and (min-width: 820px) {

  .mobile-home-title {display:none;}
  .mobile-page-title {display:none;}
}





.mobile-page-title {width: 100%; max-width: calc(100% - 80px); margin: 0 auto; text-align:center; padding: 36px 0 36px 0; /*border-bottom: 1px #3D443D solid !important;*/ font-size: 100%; font-weight: normal; text-transform:uppercase; letter-spacing: 0.1em; position:relative;}
.mobile-page-title:after {content:""; display:block; height: 0px; border-top: 1px dotted #3D443D; width: 100%; max-width: 130px; margin: 30px auto 0 auto;}

h1.month-title {text-align:center; margin: 0; font-weight: normal; text-transform: uppercase; position:relative; font-size: 160%; letter-spacing: .25em;}
h1.month-title:before {content:"poo"; background:url("/images/rail-before.svg"); background-position:center left; background-repeat:no-repeat; width: 60px; height: 100%; color: rgba(255,255,255,0); margin-right: .75em;}
h1.month-title:after {content:"poo"; background:url("/images/rail-after.svg"); background-position:center right; background-repeat:no-repeat; width: 60px; height: 100%; color: rgba(255,255,255,0); margin-left: .75em;}

@media screen and (max-width: 819px) {
  body.other-pages .tv-content, body.other-pages .tv-content.menus-page {padding-top: 0;}
  h1.month-title {margin: .5em auto 1em auto !important; font-size: 140%;}
}

@media screen and (max-width: 500px) {
  h1.month-title {font-size: 120%;}
}


/*-------Events-------*/

.events-wrapper { width: 100%; max-width: calc(100%-80px); margin: 100px auto 0 auto !important; text-align:center; }

.events-wrapper {max-width: 1920px; display:flex; flex-wrap: wrap; margin-bottom: 80px !important;  justify-content: center !important;}

@media screen and (max-width: 500px) {
  .events-wrapper {margin: 80px auto 0 auto !important;}
}


.single-event { margin: 0 0 100px 0 !important;  width: 25%; box-sizing: border-box; line-height: 1.2; padding-left: 50px; padding-right: 50px;}

@media screen and (max-width: 1800px) {
  .single-event {width: 33.33%;}
}

@media screen and (max-width: 1080px) {
  .single-event {width: 50% !important; margin: 0 auto 80px auto !important; padding-left: 24px; padding-right: 24px;}
}

.single-event:last-of-type {border-right: 0px !important;}



@media screen and (min-width: 1080px) {
.single-event {border-right: 1px dotted #3D443D;}
	.single-event.pesky-border {border-right: 0px;}
.single-event:nth-child(3n) {border-right: 0px;}
}

@media screen and (min-width: 1080px) {
.single-event:nth-child(4n) {border-right: 1px dotted #3D443D;}
}

@media screen and (min-width: 1800px) {
  .single-event:nth-child(3n) {border-right: 1px dotted #3D443D;}
  .single-event:nth-child(4n) {border-right: 0px none;}
}

@media screen and (max-width: 1079px) {
  .single-event:nth-of-type(odd) {border-right: 1px dotted #3D443D;}
  .single-event:nth-child(3n) {border-right: 1px dotted #3D443D;}
}

@media screen and (max-width: 500px) {
  .single-event {width: 100% !important; border-right: 0px !important; margin: 0 auto 25px auto !important; position:relative; padding-left: 0; padding-right: 0;}
  .single-event:after {content:""; display:block; height: 50px; border-top: 1px dotted #3D443D; width: 100%; max-width: 100px; margin: 60px auto 0 auto;}
}

.single-event a, .single-event a:visited {color: #3D443D !important;}

.date-and-time {font-size: 125%;}

@media screen and (max-width: 500px) {
  .date-and-time {font-size: 120%;}
}

.event-title {font-size: 180%; margin: 1em auto;}

.info-and-booking {max-width: 320px; margin: auto; font-size: 120%;}

@media screen and (max-width: 500px) {
  .info-and-booking {font-size: 100%; max-width: calc(100% - 50px);}
  .event-title {padding-left:20px; padding-right: 20px;}
}

.info-and-booking p {}


/*booking-button*/

a.booking-button, a.booking-button:visited {display:inline-block; text-decoration:none; border: 2px rgba(61,68,61,.5) dotted; line-height: 2.5; padding: 0 1.5em; margin-top: .6em; text-transform: uppercase; letter-spacing: 0.2em; font-size: 70%; transition: all .3s ease;}
a.booking-button:hover {border: 2px rgba(61,68,61,1) dotted;}


/*visible for scrolling*/

.month-wrapper {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.month-wrapper.visible {
  opacity: 1;
  transform: translateY(0);
}


/*-------Events ENDS------*/


/*-------Menus------*/

.menus-content {text-align:center; margin-bottom: 200px !important; margin-top: 100px;}
.menus-item {margin-bottom: 80px;}

@media screen and (max-width: 600px) {
  .menus-item {margin-bottom: 80px;}
}
.menus-title {font-size: 130%; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 1em;}

.menus-info {font-size: 110%; line-height: 1.3;}

.menus-info a, .menus-info a:visited {text-decoration:none; color: inherit; border-bottom: 1px rgba(61,68,61,1) dotted;
  transition: all .3s ease;}

.menus-info a:hover {border-bottom: 1px rgba(61,68,61,0) dotted;}

@media screen and (max-width: 819px) {
 .menus-content {  margin-bottom: 100px !important; padding-left: 40px; padding-right: 40px;}
}




@media screen and (max-width: 650px) {
  .menus-title {font-size: 110%;line-height: 1.4;}
}
.menus-title a, .menus-title a:visited {color:rgba(61,68,61,1); text-decoration:none; border: 2px rgba(61,68,61,.5) dotted; transition: all .3s ease; display:inline-block; padding: 0.5em 1em}
.menus-title a:hover {border: 2px rgba(61,68,61,1) dotted;}

/*visible for scrolling*/

.menus-content {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.menus-content.visible {
  opacity: 1;
  transform: translateY(0);
}

/*-------Menus ENDS------*/


/*-------village-gallery------*/


.village-gallery-row {max-width: calc(100% - 80px); margin: 0 auto 3px auto; display:flex; flex-wrap: wrap; justify-content: center !important;}

@media screen and (max-width: 500px) {
  .village-gallery-row {max-width: calc(100% - 40px);}
}


.village-gallery-long {max-width: 66.6%;}
.village-gallery-short {max-width: 33.3%;}

.village-gallery-long img, .village-gallery-short img {width: calc(100% - 6px); height: 33vw; object-fit:cover !important; }


/*responsive - full width below 736*/

@media screen and (max-width: 736px) {
  .village-gallery-row {display:block; margin-bottom: 0px}
  .village-gallery-long, .village-gallery-short {max-width: 100% !important;}
  .village-gallery-long {height: 91vw; margin-bottom: 6px !important;}
  .village-gallery-long img {height: 100% !important; max-height: auto;width: 100%;}
  .village-gallery-short img {width: 100% !important; height: auto !important; object-fit:contain !important; margin-bottom: 6px }
}

/*visible for scrolling*/

.village-gallery-row {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.village-gallery-row.visible {
  opacity: 1;
  transform: translateY(0);
}

/*-------village-gallery ENDS------*/




/*----- quick-poster -------*/

/*visible for scrolling*/

.quick-poster {width: 100%; overflow: hidden; margin-bottom: 150px; background-color: #f6f0e0;}


.quick-poster img {max-width: 100%; height:auto; object-fit:cover !important; mix-blend-mode:multiply}

@media screen and (max-width: 500px) {
  .quick-poster {height: 100vw; margin-bottom: 75px;}
  .quick-poster img {height:100%;}
}

.quick-poster {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.quick-poster.visible {
  opacity: 1;
  transform: translateY(0);
}

/*----- quick-poster ENDS-------*/




/*----------------------------------------other-pages ENDS----------------------------------------------*/


/*---------------------Dinkus------------------------*/

.dinkus {display:block; margin-bottom: .75em; position:relative; font-size: 100%;}
.holding-details-two {font-size: 110%;}
.dinkus:after {content:""; height: 1px; width: 20px; position:absolute; left: 0; right: 0; background-color: rgba(246,240,224,1); text-align:center; margin: 0 auto; top: 1.55em;}

.holding-details-one .dinkus, .holding-details-two .dinkus {margin-bottom: 0; font-style:italic}
.holding-details-one .dinkus:after, .holding-details-two .dinkus:after, body.other-pages .footer .dinkus:after {}
body.other-pages .footer .dinkus:after {top: 2.1em;}

/*---------------------Dinkus ENDS ------------------------*/





/*-----------------------------------------------footer-----------------------------------------------*/
.footer {text-align:center; padding-bottom: 10vw; padding-top: 4em; /*border-top: 1px rgba(61,68,61,1) solid;*/ width: 100%;
    max-width: calc(100% - 80px); margin: 0 auto;}

@media screen and (max-width: 500px) {
  .footer {max-width: calc(100% - 40px);}
}

.footer .address-break {margin: 5em auto; text-align:center; font-size: 110%;}

.footer-logo {max-width: 100%;}

@media screen and (min-width: 650px) {
  .footer p {font-size: 120%;}
}

.footer p a, .footer p a:visited {color: #3D443D; text-decoration:none; border-bottom: 1px rgba(61,68,61,1) dotted; transition: all .3s ease;}
.footer p a:hover {border-bottom: 1px rgba(61,68,61,0) dotted;}

.footer .insta-logo img {max-width: 40px !important}

/*dogs*/

.dogs-welcome {max-width: 96px; margin: 0 auto; text-align:center; margin-top: 5em}
.dogs-welcome img {width: 100%; object-fit:contain !important;}

/*credit*/

.alexander-credit {margin-top: 150px;}
.alexander-credit a {text-decoration:none; font-size: 10px; color: rgba(61,68,61,.9);}
.alexander-credit span {display:inline-block; position:relative; top: 1px;margin-left: 3px;width: 9px; height: 9px; transform:rotate(45deg); border: 3px solid rgba(61,68,61,.9); box-sizing: border-box;}

/*visible for scrolling*/

.footer {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.footer.visible {
  opacity: 1;
  transform: translateY(0);
}


/*-----------------------------------------------footer ENDS-----------------------------------------------*/


/*bars-open*/

.bars-open {display:block; margin-top: 1.5em; font-size: 85%; font-style:italic;}


/*local-suppliers*/
.local-suppliers {font-size: 90%; width: 100%; max-width: 400px; margin-left: auto; margin-right: auto; line-height: 1.3; margin-top: 5em !important; display:block;}


/*holiday-hours*/

.dinkus-holiday {margin-top: 3em;}

@media screen and (max-width: 809px) {
.holiday-hours {display:none;}
}

.holiday-hours {position:absolute; left: 50%; transform:translateX(-50%); bottom: 230px; width: 100%; max-width: 280px; margin-left: auto; margin-right: auto; text-align:center;line-height: 1.6; padding: 1.2em 1em; font-size: 100%;}

.holiday-hours:before {content:""; position:absolute; top: 0; left: 0; width: 14px; height: 100%; background: url("/images/notice-left.svg"); background-repeat: no-repeat; background-size: contain;}
.holiday-hours:after {content:""; position:absolute; top: 0; right: 0; width: 14px; height: 100%; background: url("/images/notice-right.svg"); background-repeat: no-repeat; background-size: contain;}


/*venue-hire in footer*/

.footer .venue-hire {font-size: 100%;}


/*spats*/

.spats {margin-top: 2.5em; margin-bottom: 2em; width: 50px; height: auto;}



/*tv-reviews*/

.tv-reviews {position:absolute;}



@media screen and (min-width: 820px) {
.tv-reviews {bottom: 130px; width: 92px; right: 40px; z-index: 9999;}
}

@media screen and (max-width: 819px) {
.tv-reviews  {bottom: 18px; width: 86px; height: 144px; right: 20px;}
  }

.bath-life a {display:block;width: 100%; height: 28px; background:url("/images/bath-life-graphic.svg"); background-size: contain; background-repeat:no-repeat; margin-bottom: 20px;}
.cnt-feature a {display:block;width: 100%; height: 92px; background:url("/images/cnt_best_brunch.svg"); background-size: contain; background-repeat:no-repeat;}

/*tv-reviews ENDS*/




/*-----------------------------------------------tv-popup-----------------------------------------------*/

/* Overlay */
    .tv-overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.3);
      opacity: 0;
      visibility: hidden;
      transition: opacity 0.3s ease;
      z-index: 999;
    }
    .tv-overlay.show {
      opacity: 1;
      visibility: visible;
    }
    /* Overlay ENDS*/

    /* Popup window */
    .tv-popup {
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      background: rgba(0,0,0,.5);
      padding: 50px;
      border: 1px solid #F6F0E0;
      box-shadow: 0 5px 15px rgba(0,0,0,0.3);
      opacity: 0;
      visibility: hidden;
      transition: opacity 0.6s ease;
      z-index: 1000;
      width: 100%;
	  max-width: 500px;
	  margin-left:auto;
      margin-right: auto;
color: #F6F0E0;
text-align:center;
-webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
    }
    .tv-popup.show {
      opacity: 1;
      visibility: visible;
    }
    
    
    /* Popup window ENDS*/
    
    /*tv-popup p*/
    .tv-popup p {font-size: 130%;}
    /*tv-popup p*/

    
    /*close button*/
    .tv-popup button {
      padding: 8px;
      border: none;
      color: #F6F0E0;
      border-radius: 0;
      cursor: pointer;
      position:absolute;
      right: 20px;
      top: 10px;
      border-bottom: 1px solid #F6F0E0;
      transition: all .3s ease;
      opacity: 1;
      background: rgba(155,155,155,0);
      font-size: 120%;
    }
    .tv-popup button:hover {opacity: .8;}
    /*button ENDS*/
    
    /*a.booking-button*/
    a.booking-button, a.booking-button:active,a.booking-button:focus {
    display:inline-block;
    padding: 10px 15px;
    border: 1px solid #F6F0E0;
    line-height: 1;
    color: #F6F0E0 !important;
    text-decoration:none;
margin: 20px;
opacity: 1;
transition:opacity .3s ease;}

a.booking-button:hover {opacity: .8; border: 1px solid #F6F0E0;}


/*a.booking-button ENDS*/
    
    /*images*/
    .tv-popup img {max-width: 250px; height:auto;}
    .tv-popup img.figgy {max-width: 200px;}
    .tv-popup img.villages {margin-bottom: 20px;}
    /*images ENDS*/
    
    
    /*responsive*/
    
    @media screen and (max-width: 600px) {
    .tv-popup {max-width: calc(100% - 100px) !important; padding: 30px}
    .tv-popup p {font-size: 100%;}
    .tv-popup img.figgy {max-width: 200px;}
    .tv-popup img.villages {max-width: 224px;}
	.tv-popup button {right: 10px; top: 5px; padding: 6px;}
    }
    
    /*responsive ENDS*/



/*-----------------------------------------------tv-popup ENDS-----------------------------------------------*/



/*----------------------turn off blue phone numbers ------------------------*/

a[href^="tel:"] {
  color: inherit !important;
  text-decoration: none !important;
  pointer-events: auto !important; /* keeps it clickable if you want */
}


/*----------------------turn off blue phone numbers now ENDS--------------------*/