@charset "utf-8";

body {margin:0px;padding:0px;font-family:'Droid Sans',sans-serif;font-size:13px;background-color:#afb8b7;}
a {text-decoration:none; color:#0f4a1e;}
a:hover {text-decoration:none; color:#a2951d;}
a img {border:none;vertical-align:bottom;}
hr {border:0;height:1px;background:#fff;margin:20px 0px;}
h1 {color:#0f4a1e;font-size:24px;font-weight:400;padding:0 0 15px 0;margin:0 0 20px 0;border-bottom:#0f4a1e solid 2px;}
p {line-height:1.5em;}
ul {margin:0px 0px 15px 0px; padding:0px;}
ul ul {margin:3px 0px 0px 0px;}
ul li {list-style:none;margin:0px;padding:3px 0px 3px 17px; background:url(../images/list-item-01.jpg) no-repeat 5px 7px;}
.wrapper {max-width:960px;padding:0px 15px; margin:0px auto;}
.clear {clear:both;}

/* header */
#top { background-color: #0f4a1e; border-bottom: #857917 solid 7px; padding: 15px 0 0; }
#top aside { padding-left: 10px; }
#top aside a { display: inline-block; position: relative; color:#a9991a; margin:0 15px 15px 0; }
#top aside a span { display: inline-block; padding-left: 10px; }
#top-nav {background-color:#fff;}
#main-nav {margin:0px;padding:0px;float:right;}
#main-nav li {color:#348670; font-size:14px; line-height:2.5em;list-style:none;float:left;margin:0px 5px;padding:0px;background:none;}
#main-nav li a, #main-nav li a:visited {color:#348670;line-height:2.5em;text-decoration:none;}
#main-nav li a:hover {text-decoration:underline;}

.sub-nav {background-color:#857917;padding:15px 0px 30px 0px;font-family:Arial, Helvetica, sans-serif;}
.sub-nav span {color:#fff;font-size:24px;padding:0 30px 15px 30px;display:block;}
.sub-nav ul {margin:0px;padding:0px;}
.sub-nav ul li {list-style:none;padding:0px;background:none;}
.sub-nav ul li a {text-decoration:none;font-size:14px;color:#fff;display:block;padding:3px 30px 3px 50px;border-bottom:1px solid #b6ac4f;}
.sub-nav ul ul li a {text-decoration:none;font-size:14px;color:#fff;display:block;padding:3px 30px 3px 70px;border-bottom:1px solid #b6ac4f;}
.sub-nav ul a.active , .sub-nav ul a:hover {background:#216437;}

#mobile-header {
  background-color: #fff;
  padding: 5px 0 0 0;
}
.mobile-header-links {
  text-align: center;
  padding: 3px 0;
  margin-top: 5px;
  border-bottom:#857917 solid 3px;
  background-color: #0f4a1e;
}
.mobile-header-links a {
  display: inline-block;
  margin: 0 15px;
  color: #fff;
}

#top, #logo-wrapper, #top-nav { display: none; }

/**** mobile sub menu ****/

.mobile-submenu-wrapper {
  margin-bottom: 15px;
  position: relative;
  top: -20px;
}

.mobile-submenu-wrapper .current {
  display: block;
  text-align: center;
  padding: 12px;
  background-color: #0f4a1e; /*rgba(0,0,0, .8);*/
  color: #ded260; 
  position: relative;
}

.mobile-submenu-wrapper .current:hover {
  cursor: pointer;
}

.mobile-submenu-wrapper .current::after {
  content: '';
  width: 0; 
  height: 0; 
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #ded260;
  position: absolute;
  right: 18px;
  top: 18px;
}

.mobile-submenu {
  padding: 15px 0;
  margin-bottom: 15px;
  display: none;
  background-color: #fff;
  /*position:absolute;*/
}

.mobile-submenu ul {
  margin-bottom: 0;
}

.mobile-submenu ul li a {
  display: block;
  padding: 3px;
  font-size: 14px;
}

.mobile-submenu > ul > li {
  background: none;
}

.mobile-submenu ul ul li { 
  background: url(../images/list-item-01.jpg) no-repeat 5px 12px
}



/**** home *****/
#home-slider-wrapper {background-color:#000;background-color:rgba(0,0,0,.8);position:relative;padding:10px;}
.room-slider-wrapper {
  max-width: 840px; margin: 0 auto; position:relative;
}
.room-slider .slick-slide a {
  display: block; text-align: center;
}
.room-slider .slick-slide a img { display: inline-block; }
.room-slider-wrapper .slick-arrow { display: inline-block; position:absolute; top: 50%; margin-top: -30px; width: 60px; height: 60px; }
.room-slider-prev { left: -0px; background: url(/images/controls.png) no-repeat 0 -60px }
.room-slider-next { right: 0px; background: url(/images/controls.png) no-repeat -56px -60px }
.room-slider-prev:hover, .room-slider-next:hover{ cursor:pointer; background-position-y: 0px;}
    

/***** body *****/
#body {position:relative;padding:0px 0px 20px 0px;/* for bg img fix */overflow:hidden;}
#body.inner {padding-top:80px; min-height:500px; background-size: cover; background-repeat:no-repeat; background-position: center;}
.content-wrapper {background-color:#fff;background-color:rgba(255,255,255,.9);border-radius:20px;padding:20px;margin:0px 0px 30px 0px;}
.content-wrapper-2 {margin:0px 0px 30px}
.bg {min-height:100%;min-width:1000px;width:100%;height:auto;z-index:-1;position:absolute;top:0;left:0;}

.inner-slider {margin:0px;}
.inner-slider li {width:158px;height:185px;background-image:none;background-color:#fff;background-color:rgba(255,255,255,.9);padding:20px;border-radius:10px;margin-bottom:1px;}
.inner-slider li img {width:154px;display:block;margin:0 auto 15px auto;}
.inner-slider p {margin:0px;}
.inner-slider a.title-03, .inner-slider a.title-03:visited {padding:0 0 5px 0;margin:0px;text-decoration:none;}

.list-item {padding:20px 0px;border-bottom:1px dashed #000; text-align:center}
.list-item a {text-decoration:none;}
.list-item .image { display: block; }
.list-item .image img {margin:0 0 10px 0;max-width:100%}
/*EL: .list-item .image img { width: 176px; margin:0 0 10px 0; }*/
/*.list-item img {width:176px;display:inline-block;margin:0 20px 0 0;}
.list-item .desc {display:inline-block;min-width:360px;}*/
/*
.content-list {}
.content-list td {vertical-align:top;width:33%;text-align:center;padding:15px 0px;border-left:1px dotted #000;border-top:1px dotted #000;}
.content-list tr:first-child td {border-top:none;}
.content-list tr td:first-child {border-left:none;}
.content-list img {width:146px;height:97px;}
.content-list p {padding:0px 15px;text-align:left;}*/

.place-list {}
/*.place-list .item {width:33%;height:300px;float:left;}*/
.place-list .topborder {border-top:1px dotted #000;}
.place-list .rightborder {border-right:1px dotted #000;}
.place-list .item { border-bottom: 1px dotted #000; }
/*.place-list .item:nth-last-child(1) { border-top: none; }*/
.place-list .item span {display:block; padding:5px 10px;}
.place-list .item p {padding:0px;margin:0 10px 15px 10px;}
/*.place-list .img {margin:15px 10px 0px 10px;}*/
.place-list .img {margin:15px 10px 5px;}

.pager {text-align:center;margin:10px 0 20px 0;}

/***** gallery *****/
#tiles li {background-image:none;}
#tiles li img {width:135px;}

.gallery-wrapper { position:relative; border: 1px solid #e5e5e5; background-color: #fafafa; padding: 10px; }
.gallery .slick-slide span { background: rgba(0,0,0,0.75); border: 1px solid #141414; font-size: 11px; color: #fafafa; padding: 10px; position: absolute; bottom: 5%; right: 0px; }
.gallery .slick-slide img { width: 100%; }
.gallery-prev { width: 28px; height: 44px; margin-top: -22px; position:absolute; top:50%; left: 10px; background-image:url(/images/prev.png) }
.gallery-next { width: 28px; height: 44px; margin-top: -22px; position:absolute; top:50%; right: 10px; background-image:url(/images/next.png) }
.gallery-nav-wrapper { display: none; }
.gallery-nav .slick-slide .nav-item { display: block; border: 1px solid #e5e5e5; background-color: #fafafa; padding: 5px; margin: 10px; }
.gallery-nav .slick-slide .nav-item img { width: 100%; }
.gallery-nav .slick-slide { opacity:0.4; }
.gallery-nav .slick-slide.slick-current,.gallery-nav .slick-slide:hover { opacity:1; }
.gallery-nav .slick-slide:hover { cursor: pointer; }




/***** contact *****/
.link-box {width:120px;float:left;text-align:center;margin:30px 20px 0 0;}
.link-box img {display:block;margin:0 auto 7px auto;width:72px;}

/***** form *****/
.form .field-wrapper { margin-bottom: 10px;}
.form .field-label { }
.form .field-input { }
.form .long {width:250px;}
.form .short {width:170px;}
.form .field-btn { margin-top: 10px; }
.form .field-btn .btn-01 { display: inline-block; }
.form input[type=text], .form textarea { padding:5px 8px; }
/***** footer *****/
.highlight-wrapper { text-align: center; }
.highlight {display: inline-block; width:200px;margin:5px 20px; text-align:center;}
.highlight img {width:200px;display:block;}
.highlight p {font-family:Arial, Helvetica, sans-serif;font-size:11px;margin:3px 0px 10px 0px;}
.highlight a {text-decoration:none;color:#000;}

#bottom {background-color:#afb8b7;}
#footer {background-color:#0f4a1e;border-top:#857917 solid 7px;color:#fff;width:100%;}
#footer #slogan {font-size:14px;font-weight:bold; display: inline-block; margin: 10px 0;}
#footer #copy {font-size:12px;display: inline-block;margin: 10px 0;}
#footer a {color:#fff;}

/***** class *****/
h1.heading-01 {font-size:36px; color:#fff;text-shadow:0px 1px 8px rgba(0,0,0,0.9);border:none;margin:0px;}
.title-01 {color:#348670;text-align:center;font-size:18px;display:block;padding:5px;}
.title-02 {font-size:14px;font-weight:600;font-family:Arial, Helvetica, sans-serif;}
.title-03 {font-size:14px;font-weight:bold;font-family:Arial, Helvetica, sans-serif;color:#36a406;}
.title-04 {font-size:16px;font-weight:600;font-family:Arial, Helvetica, sans-serif;color:#cc9966}
.title-05 {font-size:14px;font-weight:bold;font-family:Arial, Helvetica, sans-serif;color:#a2951d}
.btn-01 {color:#fff;background-color:#0f4a1e;padding:7px 45px; font-size:12px; font-weight:bold;}
.btn-02 {color:#fff;background-color:#0f4a1e;padding:3px 15px; font-size:11px; font-weight:bold;}
.warning {color:red;}
.responsive { max-width: 100%; width: 100%; }
.img-right {float:right; margin:0 0 15px 15px;}
.img-left {float:left; margin:0 15px 15px 0;}
.img-over {background-color:#fff;padding:10px;box-shadow:0 0 15px  #ccc;width:154px;}
ul.checked {margin:0px; padding:0px;}
ul.checked li {list-style:none;margin:0px;padding:5px 0px 5px 22px; background:url(../images/checked-03.gif) no-repeat 0px 7px;}
table.rate {border:1px solid #ccc;width:100%}
table.rate tr:first-child td {font-weight:600;}
table.rate td:first-child {width:200px;}
table.rate tr:nth-child(even) {background-color:#e3dbb0;}
table.rate td:nth-child(even) {border-left:1px #ccc solid;}
table.rate td {padding: 10px;}

.tabs {
  margin: 0;
}

.tabs a {
  display: block;
  padding: .5em 2em;
  font-size: 18px;
  color: #fff;
  background-color: rgba(0,0,0, .8);
}

.tabs li.active a, .tabs a:hover {
  color: #ded260;
}

.tabs li {
  padding: 0;
  list-style: none;
  display: block;
  background: none;
  margin-bottom: 2px;
}

.tabs li:last-child {
  margin-bottom: 0px;
}

.tab_content {
  background-color: rgba(255,255,255,.9);
  padding: 15px;
  border-radius: 0 0 20px 20px;
}
#tiles {
  width: 145px; margin: 0 auto;
}

#tiles li {
  width: 135px;
  background-color: #fff;
  border: 1px solid #dedede;
  border-radius: 2px;
  padding: 4px;
  display: inline-block;
  margin: 2px;
  vertical-align: top;
}

#tiles li p {
  color: #666;
  font-size: 12px;
  margin: 7px 0 0 7px;
}

@media all and (min-width: 320px) {
}

@media all and (min-width: 360px) {
  #tiles {
    width: 298px;
    margin: 0 auto;
  }
}

@media all and (min-width: 480px) {
  /**** body ****/
  .place-list { width: 393px; margin: 0 auto; }
  .place-list .item { width: 196px; height: 300px; float: left; }
  /*.place-list .item:nth-child(2n) { border-left:1px dotted #000; }*/
  /*.place-list .item:nth-last-child(2) { border-top: none; }*/

  /**** footer ****/
  .highlight-wrapper { width: 480px; margin: 0 auto; }

}

@media all and (min-width: 600px) {
  /**** gallery ****/
  #tiles {
    width: 447px;
    margin: 0 auto;
  }  

  .gallery-nav-wrapper { display:block; }

  /**** body ****/
  .list-item { display: table; text-align:left }
  /*EL .list-item .image { display: table-cell; width: 196px; vertical-align: top;}*/
  .list-item .image { display: table-cell; vertical-align: top;}
  .list-item .image img { margin: 0 20px 0 0; max-width: 196px; }
  .list-item .desc { display: table-cell; vertical-align: top; }

  /***** form *****/
  .form .field-wrapper { margin-bottom: 10px; display:table;}
  .form .field-label, .form .field-warning { display: table-cell; width: 180px; vertical-align:top; padding-top:5px; }
  .form .field-label::after { content:':'; float:right; padding-right:10px; }
  .form .field-input { display: table-cell; vertical-align:top; }
  .form .long {width:250px;}
  .form .short {width:170px;}
  .form .field-btn { margin-top: 0px; display: table-cell; }
  .form .field-btn .btn-01 { display: inline-block; }
  .form input[type=text], .form textarea { padding:5px 8px; }
}

@media all and (min-width: 640px) {
  .tabs {
    margin: 0;
  }

  .tabs a {
    display: inline-block;
    padding: .5em 2em;
    font-size: 18px;
    color: #fff;
    background-color: rgba(0,0,0, .8);
    border-radius: 5px 5px 0 0;
  }

  .tabs li.active a {
    color: #ded260;
    padding: .7em 2em;
  }

  .tabs li {
    vertical-align: bottom;
    padding: 0;
    list-style: none;
    display: inline-block;
    background: none;

  }

  /*** content ****/
  .img-over {background-color:#fff;padding:10px;float:right;margin:-100px 20px 15px 15px;box-shadow:0 0 15px  #ccc;width:154px;}

  .two-col-60-40-wrapper {
    display: table; width:100%
  }
  .two-col-60-40-wrapper .left {
    display: table-cell; width: 60%; vertical-align:top;
  }
  .two-col-60-40-wrapper .right {
    display: table-cell; width: 40%; vertical-align:top;
  }

  .two-col-50-50-wrapper {
    display: table; width:100%
  }
  .two-col-50-50-wrapper .left {
    display: table-cell; width: 50%; vertical-align:top;
  }
  .two-col-50-50-wrapper .right {
    display: table-cell; width: 50%; vertical-align:top;
  }
}

@media all and (min-width: 768px) {
  /**** footer ****/
  #footer #slogan {font-size:14px;font-weight:bold; margin:0; height: 50px; line-height:50px; float:left;}
  #footer #copy {font-size:12px;margin:0; height: 50px; line-height:50px; float:right;}

  #tiles {
    width: 596px;
    margin: 0 auto;
  }  

  /**** body ****/
  .place-list { width: 590px; margin: 0 auto; }
  /*.place-list .item:nth-child(2n) { border-left: none;  }
  .place-list .item:nth-child(3n+2) { border-left: 1px dotted #000; border-right: 1px dotted #000; }*/
  /*.place-list .item:nth-last-of-type(3) { border-top: none; }*/
}

@media all and (min-width: 980px) {
   /**** footer ****/
  .highlight-wrapper { width: 960px; margin: 0 auto; }
}

@media all and (min-width: 1024px) {
  .wrapper {
    padding: 0px 20px;
  }

  /***** header *****/
  #top {background-color:#0f4a1e;border-bottom:#857917 solid 7px;height:90px;color:#a9991a; padding-top: 0;}
  #top aside {float:right; padding-left: 0;}
  #top aside a {display:block;float:left;color:#a9991a;text-decoration:none;font-size:11px;padding:40px 10px 0px 0px; margin: 0;}
  #top aside a b {font-size:24px;font-weight:normal;}
  #top aside a img {float:left;margin:0px 5px 0 0;}
  #top aside a span {float:right; padding-left: 0;}
  #top .wrapper {position:relative;}

  .fb-like-wrapper {position:absolute;top:60px;left:330px;width:100px; max-height:80px;} /* 20140426 - solve tablet issues*/
  /*.fb-like {position:absolute;top:60px;left:330px;width:100px; max-height:80px;}*/

  #top { display: block; }
  #logo-wrapper {display: block;position:absolute;top:0px;left:20px;width:273px;z-index:999;}
  #book-trigger-wrapper {background-color:#857917;border-radius:0 0 20px 20px;padding:15px 0 0 0;}
  #book-trigger-wrapper.open {border-radius:0px;}
  #book-trigger {font-size:24px;text-decoration:none;background-color:#0e451c;color:#ffffff;display:block;width:200px;text-align:center;margin:0px auto 0px auto;border-radius:20px 20px 0 0;padding:15px 0 3px 0;}

  #book-panel {background:#fff;padding:30px 30px 0px 30px;border-radius:0 0 20px 20px;}
  #book-panel .group {padding:2px;}
  #book-panel label {font-family:arial;font-size:12px;color:#336633;}
  #book-panel select {margin-right:10px;}
  #book-panel .find-button {font-size:24px;border:none;background-color:#0e451c;color:#ffffff;text-align:center;border-radius:20px 20px 0 0;padding:10px 25px 3px 25px;margin-top:20px;cursor:pointer;}
  #book-panel #checkin {}
  #book-panel #checkout {}
  #book-panel #guest {}
  #book-panel #room {}
  #book-panel #checkin label, #book-panel #checkout label, #book-panel #guest label, #book-panel #room label {display:block;padding:5px 0px;}
  #book-panel #imgCI, #book-panel #imgCO {vertical-align:middle;cursor:pointer;}
  #book-panel #guest .option {display:inline;padding-right:10px;}

  #mobile-header { display: none; }
  #top-nav { display: block; }

  /**** mobile sub menu ****/
  .mobile-submenu-wrapper {
    display: none;
  }

  /* home */
  #home-slider-wrapper {background-color:#000;background-color:rgba(0,0,0,.8);margin-top:-175px;position:relative;z-index:10;padding:10px;}
  .room-slider-prev { left: -60px; background: url(/images/controls.png) no-repeat 0 -60px }
  .room-slider-next { right:-60px; background: url(/images/controls.png) no-repeat -56px -60px }

  /**** body ****/
  .content-wrapper-2 {margin:0px 0px 30px 330px;}
  .content-wrapper {margin:0px 0px 30px 330px;}
}

@media all and (min-width: 1200px) {
}

/* side bar */
.sidebar.left {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 250px;
  z-index: 99;
  background: #fff;
  overflow-y: scroll;
}

.sidebar-wrap {
  /*display: table;
  width: 100%;
  height: 100%;
  overflow: hidden;*/
}

.mobile-menu {
  /*display: table-cell;*/
  /*position: absolute;
  top: 0;
  left:0;
  bottom: 0;*/
  width: 100%;
  height: 100%;
  background-color: #fff;
  /*z-index: 20;*/
}

  .mobile-menu ul, .mobile-menu li {
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-type: none;
    background: none;
  }

  .mobile-menu a {
    color: #333;
    display: block;
    padding: 10px;
    font-size: 16px;
    text-transform: uppercase;
  }

    .mobile-menu a:hover { 
      color: #803028;
    }

    .mobile-menu a.hasSubmenu.open, .mobile-menu li.current > a {
      color: #803028;
    }

    .mobile-menu a.hasSubmenu:after {
      content: url(/images/black-arrow-down.png);
      display: inline-block;
      vertical-align: middle;
      padding: 0 0 0 5px;
    }

  .mobile-menu ul ul {
    display: none;
  }

  .mobile-menu ul.show ul {
    display: block;
  }

  .mobile-menu ul ul a {
    font-size: 14px;
    color: #898989;
    text-transform: none;
    padding: 5px 10px;
  }

  .mobile-menu ul ul ul a:before {
    content: '-';
    display: inline-block;
    padding: 0 5px;
  }

  .mobile-menu .book-link { background-color:#0f4a1e; color: #fff; }
  .mobile-menu .book-link:hover { color:#a2951d; }

.sidebar-filler {
  /*display: table-cell;*/
  background: rgba(0,0,0,.3);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 50;
  opacity: 0;
  display: none;
}

  .sidebar-filler.overlay {
    display: block;
    opacity: 1;
    transition: opacity .15s ease-in-out;
  }



/* hamburger - https://codepen.io/designcouch/pen/Atyop */
.mobile-menu-trigger {
  position: absolute;
  top: 25px;
  right: 23px;
  z-index: 999;
}

#nav-icon3 {
  width: 30px;
  height: 25px;
  position: relative;
  margin: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

  #nav-icon3 span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #0e451c; /*#F1592A;*/
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
  }

    #nav-icon3 span:nth-child(1) {
      top: 0px;
    }

    #nav-icon3 span:nth-child(2), #nav-icon3 span:nth-child(3) {
      top: 10px;
    }

    #nav-icon3 span:nth-child(4) {
      top: 20px;
    }

  #nav-icon3.open span:nth-child(1) {
    top: 10px;
    width: 0%;
    left: 50%;
  }

  #nav-icon3.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  #nav-icon3.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  #nav-icon3.open span:nth-child(4) {
    top: 10px;
    width: 0%;
    left: 50%;
  }

.home-mobile-nav #nav-icon3 span {
  background-color: #fff;
}