/*-------- 1.1 Typography --------*/
.title small {
  text-transform: uppercase;
  color: #2a5c4a;
  letter-spacing: 3px;
  font-weight: 600;
  display: block;
  margin-bottom: 5px;
  font-size: 12px;
  font-size: 0.75rem;
}

.title.white small {
  color: #ebd7b2;
  opacity: 0.8;
}

/* General links color */
a {
  color: #2a5c4a;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
  outline: none;
}
a:hover, a:focus {
  color: #1a3a2a;
  text-decoration: none;
  outline: none;
}

/*-------- 1.3 Buttons --------*/
a.btn_1,
.btn_1 {
  border: none;
  color: #fff;
  background: #2a5c4a;
  outline: none;
  cursor: pointer;
  display: inline-flex;
  text-decoration: none;
  padding: 14px 25px 14px 25px;
  font-weight: 600;
  transition: all 0.3s ease-in-out;
  border-radius: 25px;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
a.btn_1:hover,
.btn_1:hover {
  background-color: #1a3a2a;
}

a.btn_1.outline,
.btn_1.outline {
  background-color: transparent;
  border: 2px solid #2a5c4a;
  color: #2a5c4a;
}

a.btn_1.outline:hover,
.btn_1.outline:hover {
  background-color: #2a5c4a;
  border: 2px solid transparent;
  color: #fff;
}

.btn_4.learn-more .circle {
  background: #2a5c4a;
}

a.animated_link::before {
  background-color: #2a5c4a;
}

/*-------- Header --------*/
header.reveal_header.headroom--top nav ul li a.animated_link:before {
  background-color: #fff;
}

header nav ul li a {
  color: #333;
}

header.fixed_header.sticky nav ul li a.animated_link:before {
  background-color: #2a5c4a;
}

/*-------- Footer --------*/
footer a {
  color: #ebd7b2;
}
footer a:hover {
  color: #fff;
}

/*-------- 2.1 Home page --------*/
.booking_form input[type=submit] {
  background-color: #2a5c4a;
}

.booking_form input[type=submit]:hover {
  background-color: #1a3a2a;
  color: #fff;
}

.booking_form .form-group i {
  color: #2a5c4a;
}

/*-------- Carousel Home Page --------*/
.title.small {
  color: #2a5c4a;
}

/*-------- 2.2 About  --------*/
.box_facilities i {
  font-size: 62px;
  font-size: 3.875rem;
  color: #2a5c4a;
}

.box_facilities.white i {
  color: #ebd7b2;
}

/*-------- Room cards --------*/
a.box_cat_rooms .info h3 {
  color: #fff;
}

a.box_cat_rooms .info small {
  color: #fff;
}

a.box_cat_rooms .info span:before {
  background-color: #2a5c4a;
}

/*-------- 2.3 Room list --------*/
.box_item_info small {
  color: #2a5c4a;
}

.box_item_info .facilities ul li i {
  color: #2a5c4a;
}

.box_item_info .box_item_footer a.animated_link {
  color: #333;
}

/*-------- 2.4 Room details --------*/
.room_facilities_list ul li i {
  color: #2a5c4a;
}

.progress-bar {
  background-color: #2a5c4a;
}

.review_card .review_content .rating {
  color: #2a5c4a;
}

/*-------- 2.5 News page --------*/
a.box_contents em:before {
  background-color: #2a5c4a;
}

a.box_contents:hover em:before {
  background-color: #2a5c4a;
}

/*-------- 2.6 Contact page --------*/
.contact_info ul li i {
  font-size: 36px;
  font-size: 2.25rem;
  color: #2a5c4a;
}

/*-------- 2.11 Cookie bar --------*/
#cookie-bar .cb-enable {
  background: #2a5c4a;
}

#cookie-bar .cb-enable:hover {
  background: #1a3a2a;
  color: #fff;
}

/*-------- 3.1 Misc --------*/
.list_ok ul li:before {
  color: #2a5c4a;
}

/*-------- 3.3 Forms --------*/
.form-group.with-icon i {
  color: #2a5c4a;
}

.form-control:focus {
  border-color: #2a5c4a;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(42, 92, 74, 0.25);
}

/*-------- 3.5 Progress Scroll to top --------*/
.progress-wrap:hover::after {
  color: #2a5c4a;
}

.progress-wrap svg.progress-circle path {
  stroke: #2a5c4a;
}

/*-------- Accordion --------*/
.accordion .card-header h5 a i.indicator {
  color: #333;
  transform: rotate(45deg);
  transition: all 0.3s ease-in-out;
}

/*-------- Tabs Menu --------*/
.tabs_menu .nav-tabs .nav-link.active,
.tabs_menu .nav-tabs .nav-item.show .nav-link {
  border-bottom: 2px solid #2a5c4a;
  color: #2a5c4a;
  background-color: transparent;
}

.tabs_menu .nav-tabs .nav-link:hover,
.tabs_menu .nav-tabs .nav-link:focus {
  text-decoration: none;
  color: #2a5c4a;
}

.tabs_menu .nav-tabs {
  border-bottom: 2px solid #ededed;
}

/*-------- Newsletter --------*/
#newsletter button[type=submit]:hover {
  opacity: 1;
}

/*-------- Pagination --------*/
.pagination a.active {
  background: #2a5c4a;
  color: rgb(255, 255, 255);
  cursor: default;
}

.pagination a:hover:not(.active) {
  color: #2a5c4a;
}

/*-------- Navigation Menus --------*/
.sidebar-navigation nav a.active {
  color: #2a5c4a;
}

.sidebar-navigation nav a:focus,
.sidebar-navigation nav a:hover {
  color: #2a5c4a;
}

/*-------- Mobile Navigation --------*/
.nav-item.location:hover i {
  color: #2a5c4a;
}

.fixed-nav .book-now {
  background: linear-gradient(180deg, #2a5c4a 16.79%, #1a3a2a 100%);
  color: #faf8f6;
  padding: 10px 15px;
  text-align: center;
}

.fixed-nav .book-now:hover {
  background-color: #1a3a2a;
}

/*-------- Submenu --------*/
.submenu_version .main-menu ul ul {
  border-top: 2px solid #2a5c4a;
}

.submenu_version .main-menu ul ul:before {
  border-bottom-color: #2a5c4a;
}

.submenu_version .main-menu ul ul li:hover > a {
  background-color: #f9f9f9;
  color: #2a5c4a !important;
  padding-left: 20px;
  opacity: 1;
}

/*-------- Menu Version 2 --------*/
.panel_menu {
  background-color: #2a5c4a;
}

.panel_menu .panel__content .panel__content_wrapper {
  background-color: #1a3a2a;
  background-color: rgba(26, 58, 42, 0.9);
}

/*-------- Featured Badge --------*/
.custom_badge {
  background-color: #d4af37;
  color: #000;
}

/*====== ADDITIONAL COLOR UPDATES ======*/

/* Form controls focus state */
.nice-select {
  border-color: #2a5c4a !important;
}

/* Menu Item Hover */
.menu_item figure a:hover img {
  transition: all 0.3s ease;
  transform: translate(-50%, -50%) scale(1.1);
}

/* Testimonial / Review Card */
.review_card .review_content ul li a {
  background-color: #f0f0f0;
  color: #333;
}

.review_card .review_content ul li a:hover {
  background-color: #2a5c4a;
  color: #fff;
}

/* Hero Category Hover */
.hero.cat_hover .cat_nav_hover ul li a:hover .info {
  transform: translate(0, -35px);
}

/* Check list items */
.list_ok ul li:before {
  color: #2a5c4a;
  font-size: 32px;
  font-size: 2rem;
}

/* Parallax section text */
.parallax_section_1 {
  overflow: hidden;
  height: 70vh;
}

/* Background color for white sections */
.bg_white {
  background-color: #fff;
}

/* Light background sections */
.bg_light_green {
  background: linear-gradient(135deg, #f0f4f2 0%, #ffffff 100%);
}

/*====== HOVER EFFECTS WITH NEW COLORS ======*/

.box_overlay {
  background-color: #24262d;
  padding: 45px 45px 45px 45px;
  color: #fff;
  position: relative;
  margin-bottom: 20px;
  border-radius: 10px;
}

/*====== ANIMATIONS & TRANSITIONS ======*/

/* Smooth color transitions */
* {
  transition-property: background-color, color, border-color;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}

/* Keep animation durations for non-color properties */
.animated {
  animation-duration: 0.5s;
  animation-fill-mode: both;
  will-change: transform, opacity;
}

/*====== RESPONSIVE ADJUSTMENTS ======*/

@media (max-width: 991px) {
  .btn_1, .btn_1:hover {
    background-color: #2a5c4a;
  }

  a {
    color: #2a5c4a;
  }

  a:hover {
    color: #1a3a2a;
  }
}

@media (max-width: 767px) {
  .btn_1 {
    background-color: #2a5c4a;
  }

  .btn_1:hover {
    background-color: #1a3a2a;
  }
}

/*====== END CUSTOM WELT BUNGALOWS COLORS ======*/