/*============================================================================================*/
/* Your custom styles below */
/*============================================================================================*/

.main-menu > ul > li span > a {
  font-size: 1.1rem;
}
.main-menu ul ul li a {
  font-size: 12px;
  font-size: 1.1rem;
  font-weight: 500;
  color: #555;
  border-bottom: 1px solid #ededed;
  display: block;
  padding: 15px 10px;
  line-height: 1;
}
body {
  background: #f8f8f8;
  font-size: 0.875rem;
  line-height: 1.6;
  font-family: "tox", Helvetica, sans-serif;
  color: #555;
}
.hero_single.cat_hover .cat_nav_hover ul li a figure {

  border: 0px;

    opacity: .7;

}
.box_grid a.wish_bt {
  position: absolute;
  right: 20px;
  top: 23px;
  width: 34px;
  height: 29px;
  z-index: 1;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.6);
  display: inline-block;
  color: #fff;
  line-height: 1;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}
.cbp_tmtimeline > li .cbp_tmicon {

  background-color: #888888;

  color: #ffffff;
  border-radius: 50%;
  box-shadow: 0 0 0 2px #999;

}
a.btn_1.full-width.purchase,
.btn_1.full-width.purchase {
  color: #ffffff;
  background: #bcb186;
}
a.btn_1.full-width.purchase:hover,
.btn_1.full-width.purchase:hover {
  background: #bcb186;
  color: #666666;
}
.btn_1 a:hover {
  background: #bcb186;
  color: #666666;
}
a.btn_1.full-width.purchase:hover,
.btn_1.full-width.purchase:hover {
  background: #bcb186;
  color: #666666;
}

.page_content a {
  color: #666666;
}
.page_content p {
    font-size: 1rem;
}
.page_content a:link, a:hover, a:focus {

  text-decoration: underline;
}

.page_content img {
  float: right;
  margin: 0px 0px 30px 30px;

}
.page_content h2 {
  clear: both;
  font-size: 1.3rem;
  text-decoration: underline;

}
.page_content h1 {
  background-color:#101010;
  border-top: 1px solid #969075;
  border-bottom: 2px solid #969075;
  /*background-image: url('../img/background-shading.png');
  background-size: 100%;*/
  color: #ffffff;
  margin: 0px -30px 30px -30px;
  padding: 12px 25px 16px 30px;
  font-size: 1.5rem;
  -webkit-box-shadow: 0px 22px 62px -17px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 22px 62px -17px rgba(0,0,0,0.75);
  box-shadow: 0px 22px 62px -17px rgba(0,0,0,0.75);
}
.page_content2 h1 {
  background-color:#000000;
  border-top: 1px solid #969075;
  border-bottom: 2px solid #969075;
  background-image: url('../img/background-shading.png');
  background-size: 100%;
  color: #ffffff;
  margin: 0px -30px 30px -30px;
  padding: 12px 25px 16px 30px;
  font-size: 1.5rem;
  -webkit-box-shadow: 0px 22px 62px -17px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 22px 62px -17px rgba(0,0,0,0.75);
  box-shadow: 0px 22px 62px -17px rgba(0,0,0,0.75);
}
.cbp_tmlabel h4 a {
  text-decoration: underline;
}
.box_detail a {
  color: #666666;
}
.box_detail a:hover {
  color: #000;
}
#custom-search-input input[type='submit'] {
  background: #333333;
  background-image: url ('img/background-shading.png');
}

.custom-search-input-2 input[type='submit'] {
  background: #555555;
  color: #ffffff;
  background-image: url ('img/background-shading.png');
}
.custom-search-input-2 input[type='submit']:hover {
  background-color: #bcb186;
  color: #ffffff;
}
.box_grid.wrapper a {
  text-decoration: none;
}
.box_grid.wrapper a:link {
  text-decoration: none;
}
a.btn_2,
.btn_2 {
  border: none;
  color: #fff;
  background: #7d8f6b;
  background-image: url ('img/background-shading.png');
  outline: none;
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  padding: 15px 30px;
  color: #fff;
  font-weight: 600;
  text-align: center;
  line-height: 1;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}
a.btn_2:hover,
.btn_2:hover {
  background: #3a4430;
  background-image: url ('img/background-shading.png');
  color: #eeeeee;

}
.btn_2:visited {
  color: #fff;
}
a.btn_3,
.btn_3 {
  border: none;
  color: #fff;
  background: #333333;
  background-image: url ('img/background-shading.png');
  outline: none;
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  padding: 15px 30px;
  color: #fff;
  font-weight: 600;
  text-align: center;
  line-height: 1;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}
a.btn_3:hover,
.btn_3:hover {
  background: #bcb186;
  color: #666666;
  background-image: url ('img/background-shading.png');


}
.btn_3:visited {
  color: #fff;
}
a.btn_4,
.btn_4 {
  border: none;
  color: #fff;
  background: #d39452;
  background-image: url ('img/background-shading.png');
  outline: none;
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  padding: 15px 30px;
  color: #fff;
  font-weight: 600;
  text-align: center;
  line-height: 1;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}
a.btn_4:hover,
.btn_4:hover {
  background: #000000;
  background-image: url ('img/background-shading.png');
  color: #ffffff;

}
.btn_4:visited {
  color: #fff;
}

a.btn_5,
.btn_5 {
  border: none;
  color: #fff;
  background: #d39452;
  background-image: url ('img/background-shading.png');
  outline: none;
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  padding: 15px 30px;
  color: #fff;
  font-weight: 600;
  text-align: center;
  line-height: 1;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}
a.btn_5:hover,
.btn_5:hover {
  background: #82511d;
  background-image: url ('img/background-shading.png');
  color: #ffffff;

}
.btn_5:visited {
  color: #fff;
}

.box_list2 {
  background-color: #fff;
  display: block;
  position: relative;
  margin: 0 15px 0px 15px;
  /*min-height: 310px;*/
  -webkit-box-shadow: 0px 0px 20px -1px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 20px -1px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 20px -1px rgba(0,0,0,0.75); border: 1px solid #999999; background-color: #fbfbfb; margin-bottom:10px;
}
.box_list2 a{
  text-decoration: none;
  color: #eeeeee;
}
.box_list2 a:link{
  text-decoration: none;
  color: #eeeeee;
}
.days {
  margin: 0px 0px 15px 0px; font-size: 0.75rem; border-top: 1px solid #bbbbbb; padding: 30px 0px 0px 0px;
}

.custom-search-input-2 {
    margin: 18px auto 4px auto;
    padding: 0px;
    width: 50%;


  }

  @media (max-width: 991px) {
    .custom-search-input-2 {
      margin: 18px auto 0px auto;
      width: 420px;


    }
    .available-date {
        font-weight: bold; /* Makes the font bold */
        color: #4caf50;    /* Optional: Green text for available dates */
        background-color: #e8f5e9; /* Optional: Light green background */
        border-radius: 50%; /* Optional: Circle style for available dates */
    }