/* 
  Helix Ultimate Custom CSS Overrides
  Horspool Luxury Retreat Re-theming
  
  Primary Color: #201c2d (Dark Blue)
  Accent Color: #9d9797 (Light Blue)
  Primary RGBA Color: rgba(32, 28, 45, 1)
  Accent RGBA Color: rgba(157, 151, 151, 1)
  Lighter Accent Color: #f4f3f3
  Lighter Accent RGBA Color: rgba(244, 243, 243, 1)
*/

/* --- Header & Navigation --- */
#sp-header {
  background-color: #201c2d !important;
  /*border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;*/
  border-bottom: 1px solid rgba(157, 151, 151, 1) !important;
  
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25) !important;
}

/* Ensure Top Bar matches if visible */
#sp-top-bar {
    background: #0d0029 !important;
    color: rgba(255, 255, 255, 0.8) !important;
    /*border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;*/
    /*border-top: 1px solid rgba(157, 151, 151, 1) !important;*/
    border-bottom: 1px solid rgba(157, 151, 151, 0.4) !important;
}

#sp-top-bar a {
    color: rgba(255, 255, 255, 0.8) !important;
}

#sp-top-bar a:hover {
    color: #9d9797 !important;
}

/* Menu Items Visibility */
.sp-menu-item a, 
.sp-menu-heading {
  color: #ffffff !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
  letter-spacing: 0.8px !important;
  font-size: 14px !important;
  transition: all 0.3s ease !important;
}

/* Active & Hover States */
.sp-menu-item a:hover,
.sp-menu-item.active a,
.sp-menu-item.current-item.active a,
.sp-menu-item.sp-has-child.active .sp-menu-heading {
  color: #9d9797 !important;
  text-decoration: none !important;
}

/* Active Indicator Underline — top-level only; inset shadow avoids touching position context or box model */
.sp-megamenu-parent > li.sp-menu-item.active,
.sp-megamenu-parent > li.sp-menu-item.current-item.active {
    box-shadow: inset 0 -4px 0 #9d9797;
}

/* --- Dropdown Menus --- */
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    background: #201c2d !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;
    padding: 10px !important;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
    color: #ffffff !important;
    text-transform: none !important;
    font-weight: 400 !important;
    padding: 10px 20px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
    display: block !important;
    background: transparent !important;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
    background: rgba(255, 255, 255, 0.1) !important;
    color: #9d9797 !important;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item:last-child > a {
    border-bottom: none !important;
}

/* --- Body Elements --- */

html {
  background-color: #ffffff !important;
}
body {
  /*background-color: #FCFBF9 !important;*/
  background-color: rgba(157, 151, 151, 0.1) !important;
}
/* Headings */
h1, h2, h3, h4, h5, h6 {
    color: #201c2d !important;
}
.inverse h1,
.inverse h2,
.inverse h3,
.inverse h4,
.inverse h5,
.inverse h6 {
    color: #ffffff !important;
}


/* Links & Titles */
.banner-title-shadow {
  color: #ffffff !important;
  text-shadow: 2px 2px 8px rgba(0, 0, 0, 1) !important;
}
#sp-main-body a, 
.accordion a,
.uk-accordion-title {
  color: #201c2d !important;
  transition: color 0.3s ease !important;
}

#sp-main-body a:hover,
.uk-accordion-title:hover {
  color: #9d9797 !important;
}

/* --- Tabs --- */
ul.sppb-nav.sppb-nav-tabs li:not(.active),
ul.sppb-nav.sppb-nav-tabs li:not(.active) > a {
    /* 
    background: #9D9797;
    background: linear-gradient(0deg, rgba(157, 151, 151, 1) 0%, rgba(198, 195, 195, 1) 2%, rgba(221, 219, 219, 1) 14%, rgba(225, 223, 223, 1) 36%, rgba(255, 255, 255, 1) 100%); 
    */
    background-color: rgba(157, 151, 151, 0.2) !important;
}

/* Buttons */
#sp-main-body .sppb-btn,
.btn-primary,
.sppb-btn-primary {
  background-color: #201c2d !important;
  border-color: #201c2d !important;
  color: #ffffff !important;
  border-radius: 2px !important;
  padding: 12px 30px !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
  letter-spacing: 1px !important;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1) !important;
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

#sp-main-body .sppb-btn:hover,
.btn-primary:hover,
.sppb-btn-primary:hover {
  background-color: #9d9797 !important;
  border-color: #9d9797 !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 5px 15px rgba(197, 160, 89, 0.3) !important;
}

/* --- Images --- */
.sigplus-image {
    overflow: hidden;
    transition: transform 0.3s ease;
}

.sigplus-image img {
    transition: transform 0.3s ease;
}

.sigplus-image:hover img {
    transform: scale(1.1);
}

/* Accordion */
.uk-accordion-title {
  font-size: 1.25em !important;
  font-weight: 600 !important;
  padding: 15px 0 !important;
  border-bottom: 1px solid #eee !important;
}

.uk-accordion-content {
  margin-bottom: 40px !important;
  color: #444 !important;
  line-height: 1.8 !important;
}

/* --- Numbers --- */
.sppb-blocknumber-number {
  background-color: #9d9797 !important;
  color: #201c2d !important;
  font-weight: 500 !important;
}

/* Footer Colors */
#sp-footer, #sp-bottom {
    background: #201c2d !important;
    color: #ffffff !important;
}

#sp-footer a, #sp-bottom a {
    color: rgba(255, 255, 255, 0.7) !important;
}

#sp-footer a:hover, #sp-bottom a:hover {
    color: #9d9797 !important;
}

/* Preloader */
.sp-preloader > div {
    background: #9d9797 !important;
}

/* --- Scroll Up --- */
.sp-scroll-up {
    background: #9d9797 !important;
    border-radius: 0 !important;
}

/* --- Forms --- */
input[type="text"], input[type="email"], select, textarea {
    border: 1px solid #ddd !important;
    border-radius: 0 !important;
}

/* --- Modules / Blocks --- */
#sppb-addon-1583181258261, /*.bedrooms-side-block,*/
#booking-side-module {
    /* 
    background: #9D9797;
    background: linear-gradient(0deg, rgba(157, 151, 151, 1) 0%, rgba(198, 195, 195, 1) 2%, rgba(221, 219, 219, 1) 14%, rgba(225, 223, 223, 1) 36%, rgba(255, 255, 255, 1) 100%); 
    */
    background-color: rgba(157, 151, 151, 0.2) !important;
    border-radius: 8px !important;
}

/* --- Sections (Pages) --- */

#home-page-section {

}

#rooms-section {

}

#floor-plan-section {

}

#local-services-section {

}

#events-section {

}

#faq-section {

}

#accessibility-section {

}

#gallery-section {

}

#video-section {

}

#contact-section {

}

#booking-section {

}

/* --- Sections (Generic) --- */

#included-highlights-section {

}

#guest-reviews-section {
    p {
        color: #201c2d !important;
    }
    border-top: 2px solid rgba(157, 151, 151, 1) !important;
    border-bottom: 2px solid rgba(157, 151, 151, 1) !important;
}

#highlights-section {
  padding-top: 48px !important;
  padding-bottom: 32px !important;
  h2 {
    padding-top: 0px !important;
    padding-bottom: 32px !important;
  }
}

#awards-section {
    h2 {
      color: #ffffff !important;
    padding-top: 0px !important;
    padding-bottom: 24px !important;
    }
}

#location-section {

}