/*// Small screens*/
@media only screen { } /* Define mobile styles */

@media only screen and (max-width: 46.125em) {

  .site-title a{
    position: absolute;
    top: .7em;
  left: 1em;
    width: 290px;
  height: 61px;
  background: url(images/Logo-tablet.jpg)no-repeat;
  background-size: 100%;}

  .logo{height: 5.5em; border-bottom: 1px solid #87bb25;}
.location{border-bottom: 1px solid #87bb25; border-right:0; }
.navi hr{margin-bottom: 0;}
.bookarea h2 {
    color: #fff;
    padding-left: 3.5em;
    font-weight: 400;
    padding-top: .2em;
    padding-bottom: .1em;
    font-size: 1.65rem;
    background: url(images/Icons2.png) no-repeat -136px -6px;
    width: auto;
    /* text-align: center; */
}

.accommodation-img{display:none;}
.cafe-img{display:none;}
.groups-img{display: none;}

.accommodation-text .accommodation-img{display: block;background-position: center; margin-bottom: -2.5em;}
.cafe-text .cafe-img{display: block; background-position: center; margin-bottom: -2.5em;}
.groups-text .groups-img{display: block; background-position: center; margin-bottom: -2.5em;}

.accommodation-text, .cafe-text, .groups-text {
    margin-bottom: 2em;
}

  } /* max-width 640px, mobile-only styles, use when QAing mobile issues */

/*/ Medium screens*/
@media only screen and (min-width: 46.688em) {
    .site-title a{position: absolute; top: 1em;
    left: 1em;
    
 height: 61px;
    background: url(images/Logo-tablet.jpg)no-repeat;
    background-size: 80%;}

  .welcome{position: absolute;
    top: -25px;
    right: 0px;
    background: url(images/Welcome.png) no-repeat;
    width: 331px;
    height: 331px;
    background-size: cover;}
.navi hr{margin-bottom: 0;}
.location{border-right: 1px solid #87bb25;}
.bookarea h2 {
    color: #fff;
    padding-left: 4em;
    font-weight: 400;
    padding-top: .2em;
    padding-bottom: .1em;
    font-size: 1.65rem;
    background: url(images/Icons2.png) no-repeat -126px -6px;
    width: auto;
    /* text-align: center; */
}
.accommodation-text,.cafe-text,.groups-text{padding: 0 3em; margin-top: -2em;}


.accommodation-text .accommodation-img, .cafe-text .cafe-img, .groups-text .groups-img{display: none;}
.carousel-1{width: 18%;}
.carousel-2{width: 35%;}
.carousel-3{width: 52%;}
.carousel-4{width: 70%;}
.carousel-5{width: 90%;}

 } /* min-width 641px, medium screens */

@media only screen and (min-width: 46.688em) and (max-width: 64em) {
    .site-title a{position: absolute; top: .7em;
    left: 1em;
      width: 315px;
    height: 61px;
    background: url(images/Logo-tablet.jpg)no-repeat;
    background-size: 100%;}
    .logo{height: 6em; border-bottom: 1px solid #87bb25;}
  .welcome{position: absolute;
    top: -25px;
    right: 0px;
    background: url(images/Welcome.png) no-repeat;
    width: 258.2px;
  height: 258.2px;
    background-size: cover;}
    .location{border-right: 1px solid #87bb25;}

.navi hr{margin-bottom: 0;}
.bookarea h2 {
    color: #fff;
    padding-left: 4em;
    font-weight: 400;
    padding-top: .2em;
    padding-bottom: .1em;
    font-size: 1.65rem;
    background: url(images/Icons2.png) no-repeat -126px -6px;
    width: auto;
    /* text-align: center; */
}
.accommodation-text,.cafe-text,.groups-text{padding: 0 3em;}
.accommodation-text .accommodation-img, .cafe-text .cafe-img, .groups-text .groups-img{display: none;}
.accommodation-text,.cafe-text,.groups-text{padding: 0 3em; margin-top: -2.5em;}
.carousel-1{width: 18%;}
.carousel-2{width: 35%;}
.carousel-3{width: 52%;}
.carousel-4{width: 70%;}
.carousel-5{width: 90%;}
} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

/*/ Large screens*/
@media only screen and (min-width: 64.063em) {
    .site-title a{position: absolute; top: 0.5em; left: 2em; width: 224px; height:133px; background: url(images/Logo.jpg)no-repeat;}
  .welcome{position: absolute;
    top: -25px;
    right: -37px;
    background: url(images/Welcome.png) no-repeat;
    width: 331px;
    height: 331px;
    background-size: cover;}
    .location{border-right: 1px solid #87bb25;}
    .bookarea h2 {
    color: #fff;
    padding-left: 4em;
    font-weight: 400;
    padding-top: .2em;
    padding-bottom: .1em;
    font-size: 1.65rem;
    background: url(images/Icons2.png) no-repeat -126px -6px;
    width: auto;
    /* text-align: center; */
}
.accommodation-text,.cafe-text,.groups-text{padding: 0 3em;}
.accommodation-text .accommodation-img, .cafe-text .cafe-img, .groups-text .groups-img{display: none;}
.accommodation-text,.cafe-text,.groups-text{padding: 0 3em; margin-top: -2.5em;}
.carousel-1{width: 18%;}
.carousel-2{width: 35%;}
.carousel-3{width: 52%;}
.carousel-4{width: 70%;}
.carousel-5{width: 90%;}

} /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) {
    .site-title a{position: absolute; top: 0.5em; left: 2em; width: 224px; height:133px; background: url(images/Logo.jpg)no-repeat;}
  .welcome{position: absolute;
    top: -25px;
    right: -37px;
    background: url(images/Welcome.png) no-repeat;
    width: 331px;
    height: 331px;
    background-size: cover;}
    .location{border-right: 1px solid #87bb25;}
    .bookarea h2 {
    color: #fff;
    padding-left: 4em;
    font-weight: 400;
    padding-top: .2em;
    padding-bottom: .1em;
    font-size: 1.65rem;
    background: url(images/Icons2.png) no-repeat -126px -6px;
    width: auto;
    /* text-align: center; */
}

.accommodation-text,.cafe-text,.groups-text{padding: 0 3em;}
.accommodation-text .accommodation-img, .cafe-text .cafe-img, .groups-text .groups-img{display: none;}
.accommodation-text,.cafe-text,.groups-text{padding: 0 3em; margin-top: -2.5em;}
.carousel-1{width: 18%;}
.carousel-2{width: 35%;}
.carousel-3{width: 52%;}
.carousel-4{width: 70%;}
.carousel-5{width: 90%;}

 } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

/*/ XLarge screens*/
@media only screen and (min-width: 90.063em) {
    .site-title a{position: absolute; top: 0.5em; left: 2em; width: 224px; height:133px; background: url(images/Logo.jpg)no-repeat;}
  .welcome{position: absolute;
    top: -25px;
    right: -37px;
    background: url(images/Welcome.png) no-repeat;
    width: 331px;
    height: 331px;
    background-size: cover;}
    .location{border-right: 1px solid #87bb25;}
    .accommodation-text,.cafe-text,.groups-text{padding: 0 3em;}
    .accommodation-text .accommodation-img, .cafe-text .cafe-img, .groups-text .groups-img{display: none;}
.accommodation-text,.cafe-text,.groups-text{padding: 0 3em; margin-top: -2.5em;}
.carousel-1{width: 18%;}
.carousel-2{width: 35%;}
.carousel-3{width: 52%;}
.carousel-4{width: 70%;}
.carousel-5{width: 90%;}
 } /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) {
    .site-title a{position: absolute; top: 0.5em; left: 2em; width: 224px; height:133px; background: url(images/Logo.jpg)no-repeat;}
  .welcome{position: absolute;
    top: -25px;
    right: -37px;
    background: url(images/Welcome.png) no-repeat;
    width: 331px;
    height: 331px;
    background-size: cover;}
    .bookarea h2 {
    color: #fff;
    padding-left: 4em;
    font-weight: 400;
    padding-top: .2em;
    padding-bottom: .1em;
    font-size: 1.65rem;
    background: url(images/Icons2.png) no-repeat -126px -6px;
    width: auto;
    /* text-align: center; */
}
  .location{border-right: 1px solid #87bb25;}
.accommodation-text,.cafe-text,.groups-text{padding: 0 3em;}
.accommodation-text .accommodation-img, .cafe-text .cafe-img, .groups-text .groups-img{display: none;}
.accommodation-text,.cafe-text,.groups-text{padding: 0 3em; margin-top: -2.5em;}
.carousel-1{width: 18%;}
.carousel-2{width: 35%;}
.carousel-3{width: 52%;}
.carousel-4{width: 70%;}
.carousel-5{width: 90%;}

 } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

/*/ XXLarge screens*/
@media only screen and (min-width: 120.063em) {
  .site-title a{position: absolute; top: 0.5em; left: 2em; width: 224px; height:133px; background: url(images/Logo.jpg)no-repeat;}
  .welcome{position: absolute;
    top: -25px;
    right: -37px;
    background: url(images/Welcome.png) no-repeat;
    width: 331px;
    height: 331px;
    background-size: cover;}
    .bookarea h2 {
    color: #fff;
    padding-left: 4em;
    font-weight: 400;
    padding-top: .2em;
    padding-bottom: .1em;
    font-size: 1.65rem;
    background: url(images/Icons2.png) no-repeat -126px -6px;
    width: auto;
    /* text-align: center; */
}
  .location{border-right: 1px solid #87bb25;}
.accommodation-text,.cafe-text,.groups-text{padding: 0 3em;}
.accommodation-text .accommodation-img, .cafe-text .cafe-img, .groups-text .groups-img{display: none;}
.accommodation-text,.cafe-text,.groups-text{padding: 0 3em; margin-top: -2.5em;}
.carousel-1{width: 18%;}
.carousel-2{width: 35%;}
.carousel-3{width: 52%;}
.carousel-4{width: 70%;}
.carousel-5{width: 90%;}

} /* min-width 1921px, xxlarge screens */
.row {
    margin: 0 auto;
    max-width: 77.5rem;
    width: 100%;
}
#old-browser{}
  h1, h2, h3, h4, h5, h6, body{font-family: 'Droid Serif', serif;}
  body{color:#333;}
  p{font-size: .95rem;}
  a, a:visited{color:#333;}
  a:hover{color:#87bb25;}
  h1{font-size: 1.5rem;
    font-weight: 700;}
  h2{font-size: 1.3rem;
    font-weight: 700;}
  h3{font-size: 1.1rem;
    font-weight: 700;}

    hr {
        border: solid #87bb25;
        border-width: 1px 0 0;

    }

    .booknow{background: #87bb25; color:#fff;}
    .smallbookIcon {color:#fff;
    /* padding-left: 3.5em; */
    background: url(images/Icons2.png) no-repeat -99px 7px;
    background-size: 264%;
    width: 3.5em;
    height: 3em;
    float: left;
}
.booknow p {

    margin-top: 0.7em;
      margin-bottom: 0.7em;
    /* vertical-align: middle; */
    /* display: block; */
    font-size: 1.1em;
}
.booknow a{color:#fff;}

.location p{color: #87bb25;
    margin-bottom: 13px;
    margin-top: 12px;
    line-height: 14px;
    margin-left: 31px;}
.smalllocIcon {color:#87bb25;
/* padding-left: 3.5em; */
background: url(images/Icons2.png) no-repeat -44px 1px;
    background-size: cover;
    width: 1.5em;
    height: 3em;
float: left;
}
.phone{border-right: 1px solid #87bb25;}
.phone p {
    color: #87bb25;
    margin-bottom: 16px;
    margin-top: 13px;
    margin-left: 34px;
}
.smallphoneIcon {color:#87bb25;
/* padding-left: 3.5em; */
background: url(images/Icons2.png) no-repeat -72px 2px;
    background-size: cover;
    width: 1.5em;
    height: 3em;
float: left;
}
.fa-facebook-square{color:#87bb25; padding: .3em 0 0 0;}
  .site-branding{position: relative; min-height: 9.5em;}
  .site-title{text-indent:-9999em;}

.frontpage{background: url(images/brownpaper.jpg); }
.top-area{position: relative;}

  .accommodation{margin-top: -1em;}
  .accommodation-img{
      background: url(images/the_lodge.jpg) no-repeat 0 -20px;
      background-size: cover;
      padding-top: 13em;}

  .cafe{margin-top: -1em;}
  .cafe-img{background: url(images/cafe.jpg) no-repeat;
  background-size: cover;
  padding-top: 13em;}

  .groups{
  margin-top: -1em;}
  .groups-img{background: url(images/groups.jpg) no-repeat;
  background-size: cover;
  padding-top: 13em;
}
.address h2{color:#fff; text-align: center; font-weight: normal;}
.address{background: #87bb25; padding:.5em 0 .3em 0; margin-top: -1.2em; z-index: 2}

.bottom-area{background: #000; padding-bottom: 2em;
    margin-top: -2.5em;}

.accommodation-icon{background: url(images/Icons.png) no-repeat -13px 0;
    width: 5em;
    height: 5em; }
.cafe-icon{background: url(images/Icons.png) no-repeat -105px 0;
    width: 5em;
    height: 5em; }
.groups-icon{background: url(images/Icons.png) no-repeat -191px 0;
    width: 5em;
    height: 5em; }

.accommodation-text,.cafe-text,.groups-text,
.accommodation-text h2,.cafe-text h2,.groups-text h2{color:#fff; font-weight: 700;}

.bookarea{background: #87bb25; padding:.5em 0; margin-top:2em; margin-bottom: 2em;}
/*.bookarea h2 {color:#fff; padding-left: 3.5em; font-weight: 400;font-size: 1.65rem;
    background: url(images/Icons2.png) no-repeat -107px -5px; width: auto;
  }*/
.front-content, .site-content{background: #f4f1ea;}
.site-content{padding: 2em 0;}
.footcontent{margin-top: 3em;}
.invers-img{background: url(images/invers.jpg) no-repeat;  background-size: cover;
  padding-top: 13em; margin-bottom: 1.5em;}
.news-img{background: url(images/news.jpg) no-repeat center;  background-size: cover;
  padding-top: 13em; margin-bottom: 1.5em;}
.faq-img{background: url(images/faq.jpg) no-repeat;  background-size: cover;
  padding-top: 13em; margin-bottom: 1.5em;}

/*Nav*/
.top-bar {
    background: #fff;
}
.top-bar-section li:not(.has-form) a:not(.button) {
    background: #fff;
}
.top-bar-section ul li > a {
    color: #333;
    font-family: 'Droid Serif', serif;
  }
  .top-bar-section ul li {
    background: #fff;
}
.top-bar-section ul li:hover:not(.has-form) > a {
    background-color: #fff;
    color: #000;
    background: #fff;
}
.top-bar-section li:not(.has-form) a:not(.button):hover {
    background-color: #fff;
    background: #fff;
}
.top-bar .toggle-topbar.menu-icon a {
    color: #87bb25;}
.top-bar.expanded .title-area {
    background: #fff;
}

.top-bar.expanded .toggle-topbar a span::after {
    box-shadow: 0 0 0 1px #888888, 0 7px 0 1px #888888, 0 14px 0 1px #888888;
}
.top-bar .toggle-topbar.menu-icon a span::after {
    box-shadow: 0 0 0 1px #87bb25, 0 7px 0 1px #87bb25, 0 14px 0 1px #87bb25;
}


.site-footer {
    padding: 3em 0;
    background: #231F20;
    color: #fff;
}
.site-footer li{list-style:none;}
.site-footer .widget-title{color:#fff; font-weight:400; margin-bottom: 0.8em;}
.site-footer a, .site-footer a:visited{color:#fff; font-size: .95rem;}
.site-footer a:hover {
    color: #87bb25;
}

.groups-text a, .groups-text a:visited,
.cafe-text a, .cafe-text a:visited,
.accommodation-text a, .accommodation-text a:visited{color:#fff;}

.groups-text a:hover,
.cafe-text a:hover,
.accommodation-text a:hover{color:#87bb25;}
.footerbook a{color:#87bb25!important; font-size:1.5em;}
.footerbook{padding-bottom:1em;}
#menu-footer-2 {
    margin-top: 3.4em;
}