/* ==========================================================================
   Near-By-Attractions Theme Stylesheet
   Matches exact Hoteler / Annam Resorts theme (index.html)
   ========================================================================== */

@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,600&display=swap");

:root {
  --theme-color1: #AE7D54;
  --theme-color1-rgb: 174, 125, 84;
  --theme-color1-hover: #946741;
  --theme-color2: #fdece3;
  --theme-color3: #faf7f2;
  --theme-color4: #cab293;
  --theme-color5: #cb935d;
  --theme-color-dark: #121212;
  --theme-color-dark2: #1e1e1e;
  --theme-color-dark3: #222222;
  --theme-color-white: #ffffff;
  --theme-color-gray: #f6f6f6;
  --text-color: #666666;
  --text-color-muted: #888888;
  --headings-color: #121212;
  --review-color: #ffc737;
  --title-font: "Playfair Display", Georgia, serif;
  --text-font: "Open Sans", Arial, sans-serif;
  --accent-font: "Barlow Condensed", sans-serif;
  --transition-smooth: all 0.35s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* Base resets & typography */
body, input, textarea, select {
  font-family: var(--text-font) !important;
  color: var(--text-color) !important;
  background-color: var(--theme-color3) !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--title-font) !important;
  color: var(--headings-color) !important;
  font-weight: 500 !important;
}

/* Ensure animated elements are always fully visible */
.et_animated,
.et_animated.fade,
.et_animated.fold,
.et_animated.bounce,
.et_had_animation,
.et-waypoint {
  opacity: 1 !important;
  visibility: visible !important;
  animation-name: none !important;
}

/* ==========================================================================
   Header & Navigation
   ========================================================================== */

/* Header floating card container */
.et_pb_row_0_tb_header.et_pb_row,
.et_pb_row_1_tb_header.et_pb_row {
  background-color: #ffffff !important;
  border-radius: 0 0 6px 6px !important;
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.08) !important;
  border: 1px solid rgba(0, 0, 0, 0.03) !important;
  border-top: none !important;
}

/* Menu items */
.et_pb_menu_0_tb_header.et_pb_menu ul li a,
.et_pb_menu_1_tb_header.et_pb_menu ul li a {
  font-family: var(--accent-font) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  color: #121212 !important;
  position: relative !important;
  transition: var(--transition-smooth) !important;
  padding: 18px 14px !important;
}

/* Menu link hover & current active state */
.et_pb_menu_0_tb_header.et_pb_menu ul li:hover > a,
.et_pb_menu_1_tb_header.et_pb_menu ul li:hover > a,
.et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-item a,
.et_pb_menu_1_tb_header.et_pb_menu ul li.current-menu-item a,
.et_pb_menu_0_tb_header.et_pb_menu ul li.current_page_item a {
  color: var(--theme-color1) !important;
}

/* Active indicator dot/bar */
.et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-item a:after,
.et_pb_menu_0_tb_header.et_pb_menu ul li.current_page_item a:after {
  content: "" !important;
  position: absolute !important;
  bottom: 8px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 18px !important;
  height: 2px !important;
  background-color: var(--theme-color1) !important;
  border-radius: 2px !important;
}

/* Dropdown styling */
.et_pb_menu_0_tb_header.et_pb_menu .nav li ul,
.et_pb_menu_1_tb_header.et_pb_menu .nav li ul,
.et_mobile_menu {
  border-top: 3px solid var(--theme-color1) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1) !important;
  border-radius: 0 0 6px 6px !important;
}

/* Header "Book Now" Button */
.dnxte_blurb_0_tb_header .dnxt-button-wrapper .dnxt-blurb-btn {
  font-family: var(--accent-font) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  background-color: var(--theme-color1) !important;
  border: 1px solid var(--theme-color1) !important;
  border-radius: 4px !important;
  padding: 12px 28px !important;
  display: inline-block !important;
  position: relative !important;
  overflow: hidden !important;
  transition: var(--transition-smooth) !important;
  box-shadow: 0 4px 15px rgba(174, 125, 84, 0.25) !important;
}

.dnxte_blurb_0_tb_header .dnxt-button-wrapper .dnxt-blurb-btn:hover {
  background-color: var(--theme-color-dark) !important;
  border-color: var(--theme-color-dark) !important;
  color: #ffffff !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25) !important;
}

.dnxte_blurb_0_tb_header .dnxt-hover-bounce-to-right:before,
.dnxte_blurb_0_tb_header .dnxt-hover-fade:hover {
  background: var(--theme-color-dark) !important;
}

/* Mobile navigation icons */
.mobile_menu_bar:before {
  color: var(--theme-color-dark) !important;
}

.mobile_menu_bar:hover:before {
  color: var(--theme-color1) !important;
}

/* ==========================================================================
   Hero Banner Section (et_pb_section_0)
   ========================================================================== */

div.et_pb_section.et_pb_section_0 {
  position: relative !important;
  background-image: 
    linear-gradient(180deg, rgba(18, 18, 18, 0.55) 0%, rgba(18, 18, 18, 0.2) 40%, rgba(18, 18, 18, 0.75) 100%),
    url("https://lingaasresidency.com/wp-content/uploads/2026/05/Breadcrumb.png.webp") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  padding: 130px 0 100px !important;
}

/* Hero Heading */
.et_pb_heading_0 .et_pb_heading_container h1,
.et_pb_heading_0 .et_pb_heading_container h1.et_pb_module_heading {
  font-family: var(--title-font) !important;
  color: #ffffff !important;
  font-size: 54px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  letter-spacing: 1px !important;
  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.6) !important;
  text-align: center !important;
  margin: 0 !important;
  position: relative !important;
  display: inline-block !important;
}

/* Decorative luxury underline for title */
.et_pb_heading_0 .et_pb_heading_container:after {
  content: "" !important;
  display: block !important;
  width: 70px !important;
  height: 2px !important;
  background: var(--theme-color1) !important;
  margin: 18px auto 0 !important;
  border-radius: 2px !important;
}

/* ==========================================================================
   Main Attractions Section (et_pb_section_1)
   Warm luxury light theme matching index.html
   ========================================================================== */

.et_pb_section_1.et_pb_section {
  background-color: var(--theme-color3) !important;
  background-image: none !important;
  padding-top: 70px !important;
  padding-bottom: 70px !important;
  border-bottom: 1px solid rgba(174, 125, 84, 0.15) !important;
}

/* Attraction Cards (Columns 6 through 20) */
.et_pb_column_6, .et_pb_column_7, .et_pb_column_8, 
.et_pb_column_9, .et_pb_column_10, .et_pb_column_11, 
.et_pb_column_12, .et_pb_column_13, .et_pb_column_14, 
.et_pb_column_15, .et_pb_column_16, .et_pb_column_17, 
.et_pb_column_18, .et_pb_column_19, .et_pb_column_20 {
  background-color: #ffffff !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  border: 1px solid rgba(174, 125, 84, 0.18) !important;
  box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.04) !important;
  transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.4s ease, border-color 0.4s ease !important;
  margin-bottom: 30px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Card hover effect */
.et_pb_column_6:hover, .et_pb_column_7:hover, .et_pb_column_8:hover, 
.et_pb_column_9:hover, .et_pb_column_10:hover, .et_pb_column_11:hover, 
.et_pb_column_12:hover, .et_pb_column_13:hover, .et_pb_column_14:hover, 
.et_pb_column_15:hover, .et_pb_column_16:hover, .et_pb_column_17:hover, 
.et_pb_column_18:hover, .et_pb_column_19:hover, .et_pb_column_20:hover {
  transform: translateY(-8px) !important;
  border-color: var(--theme-color1) !important;
  box-shadow: 0px 20px 40px rgba(174, 125, 84, 0.16) !important;
}

/* Card Images */
.dnxte_minimal_image_hover {
  overflow: hidden !important;
  border-radius: 7px 7px 0 0 !important;
  background-color: #f0ebe4 !important;
}

.dnxte_minimal_image_hover figure {
  margin: 0 !important;
  overflow: hidden !important;
}

.dnxte_minimal_image_hover img {
  width: 100% !important;
  height: 230px !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

.et_pb_column:hover .dnxte_minimal_image_hover img {
  transform: scale(1.06) !important;
}

/* Card Inner Content Box */
.dnxte_blurb .dnxt-blurb-wrapper-outer {
  padding: 24px 22px 14px 22px !important;
  background: transparent !important;
}

/* Card Headings */
.dnxte_blurb .dnxt-blurb-heading,
.dnxte_blurb h2.dnxt-blurb-heading {
  font-family: var(--title-font) !important;
  color: var(--headings-color) !important;
  font-size: 21px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  margin-bottom: 12px !important;
  transition: color 0.3s ease !important;
}

.et_pb_column:hover .dnxt-blurb-heading {
  color: var(--theme-color1) !important;
}

/* Card Ratings & Text Description */
.dnxte_blurb .dnxt-blurb-description {
  font-family: var(--text-font) !important;
  color: var(--text-color) !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
  font-weight: 400 !important;
}

.dnxte_blurb .dnxt-blurb-description p {
  color: var(--text-color) !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
  margin-bottom: 8px !important;
}

/* Rating Stars */
.dnxt-blurb-description span[style*="#fbbc04"],
.dnxt-blurb-description span {
  color: var(--review-color) !important;
  letter-spacing: 2px !important;
}

/* Feature List (Distance / Minutes Badge at bottom of card) */
.dnxte_feature_list_parent {
  padding: 12px 22px 16px 22px !important;
  margin-top: auto !important;
  border-top: 1px solid rgba(174, 125, 84, 0.12) !important;
  background-color: rgba(174, 125, 84, 0.04) !important;
}

.dnxte-feature-list-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.dnxte_feature_list_parent .dnxte-feature-list-img i,
.dnxte-feature-list-icon {
  color: var(--theme-color1) !important;
  font-size: 15px !important;
  font-family: "FontAwesome", "Font Awesome 5 Free", sans-serif !important;
}

.dnxte-feature-list-content {
  font-family: var(--accent-font) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: 1px !important;
  color: var(--theme-color1) !important;
  text-transform: uppercase !important;
}

/* ==========================================================================
   "Available On" Section (Partner Slider in Footer Header)
   ========================================================================== */

.et_pb_section_0_tb_footer.et_pb_section {
  background-color: #ffffff !important;
  padding-top: 60px !important;
  padding-bottom: 60px !important;
  border-top: 1px solid rgba(174, 125, 84, 0.15) !important;
}

/* "Available On" Heading */
.et_pb_heading_0_tb_footer .et_pb_heading_container h2,
.et_pb_heading_0_tb_footer .et_pb_module_heading {
  font-family: var(--title-font) !important;
  color: var(--headings-color) !important;
  font-size: 38px !important;
  font-weight: 500 !important;
  text-align: center !important;
  position: relative !important;
  margin-bottom: 15px !important;
}

.et_pb_heading_0_tb_footer .et_pb_heading_container:after {
  content: "" !important;
  display: block !important;
  width: 50px !important;
  height: 2px !important;
  background: var(--theme-color1) !important;
  margin: 14px auto 0 !important;
  border-radius: 2px !important;
}

/* Partner Logo Cards */
.dnxte_coverflowslider_child {
  background-color: #ffffff !important;
  border: 1px solid rgba(174, 125, 84, 0.18) !important;
  border-radius: 8px !important;
  padding: 16px !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04) !important;
  transition: var(--transition-smooth) !important;
}

.dnxte_coverflowslider_child:hover {
  border-color: var(--theme-color1) !important;
  box-shadow: 0 8px 25px rgba(174, 125, 84, 0.15) !important;
  transform: translateY(-4px) !important;
}

.dnxte_coverflowslider_child img {
  max-height: 50px !important;
  width: auto !important;
  object-fit: contain !important;
  margin: 0 auto !important;
}

.dnxte-coverflow-heading {
  font-family: var(--accent-font) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  color: var(--headings-color) !important;
  margin-top: 10px !important;
  text-align: center !important;
}

/* ==========================================================================
   Footer Main (Exact match to index.html dark luxury footer)
   ========================================================================== */

footer.et-l.et-l--footer {
  background-color: var(--theme-color-dark) !important;
  color: #a0a0a0 !important;
}

/* Contact info row */
.et_pb_row_2_tb_footer {
  background-color: var(--theme-color-dark) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding-top: 45px !important;
  padding-bottom: 45px !important;
}

/* Contact blurbs */
.dnxte_blurb_0_tb_footer .dnxt-blurb-wrapper-two-left-center,
.dnxte_blurb_1_tb_footer .dnxt-blurb-wrapper-two-left-top,
.dnxte_blurb_2_tb_footer .dnxt-blurb-wrapper-two-left-center {
  display: flex !important;
  align-items: center !important;
  gap: 15px !important;
}

.dnxte_blurb_0_tb_footer .dnxt-blurb-icon span,
.dnxte_blurb_1_tb_footer .dnxt-blurb-icon span,
.dnxte_blurb_2_tb_footer .dnxt-blurb-icon span,
.et-pb-icon {
  color: var(--theme-color1) !important;
  font-size: 22px !important;
  font-family: "ETmodules" !important;
}

.dnxte_blurb_0_tb_footer .dnxt-blurb-description,
.dnxte_blurb_1_tb_footer .dnxt-blurb-description,
.dnxte_blurb_2_tb_footer .dnxt-blurb-description {
  font-family: var(--text-font) !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
  color: #c4c4c4 !important;
}

.dnxte_blurb_0_tb_footer .dnxt-blurb-description a,
.dnxte_blurb_1_tb_footer .dnxt-blurb-description a,
.dnxte_blurb_2_tb_footer .dnxt-blurb-description a {
  color: #e0e0e0 !important;
  transition: color 0.3s ease !important;
}

.dnxte_blurb_0_tb_footer .dnxt-blurb-description a:hover,
.dnxte_blurb_1_tb_footer .dnxt-blurb-description a:hover,
.dnxte_blurb_2_tb_footer .dnxt-blurb-description a:hover {
  color: var(--theme-color1) !important;
}

.dnxte_blurb_1_tb_footer .dnxt-blurb-description p {
  color: #c4c4c4 !important;
  margin-bottom: 0 !important;
}

/* Bottom copyright & navigation row */
.et_pb_row_3_tb_footer {
  background-color: #0b0b0b !important;
  border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}

.et_pb_text_0_tb_footer .et_pb_text_inner p,
.et_pb_text_1_tb_footer .et_pb_text_inner p {
  font-family: var(--text-font) !important;
  font-size: 13px !important;
  color: var(--text-color-muted) !important;
  margin-bottom: 0 !important;
}

.et_pb_text_0_tb_footer .et_pb_text_inner a,
.et_pb_text_1_tb_footer .et_pb_text_inner a {
  color: #b0b0b0 !important;
  transition: color 0.3s ease !important;
}

.et_pb_text_0_tb_footer .et_pb_text_inner a:hover,
.et_pb_text_1_tb_footer .et_pb_text_inner a:hover {
  color: var(--theme-color1) !important;
}

/* ==========================================================================
   Sticky Social Media Icons (Side Bar)
   ========================================================================== */

.sticky-icon {
  z-index: 999999 !important;
}

.sticky-icon a {
  font-family: var(--accent-font) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  border-radius: 4px 0 0 4px !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important;
  transition: var(--transition-smooth) !important;
}

.sticky-icon a.Facebook {
  background-color: #3b5998 !important;
}

.sticky-icon a.Instagram {
  background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) !important;
}

.sticky-icon a.Whatsapp {
  background-color: #25d366 !important;
}

.sticky-icon a:hover {
  padding-left: 25px !important;
}