.elementor-kit-5{--e-global-color-primary:#D4895A;--e-global-color-secondary:#54595F;--e-global-color-text:#FFFFFF;--e-global-color-accent:#E5A577;--e-global-color-d96486e:#E5A577;--e-global-color-09355cb:#5B6770;--e-global-color-3ad72f5:#4A555D;--e-global-color-a5e97e7:#7A858D;--e-global-color-8ace671:#3A4248;--e-global-color-ac5ba58:#FFFFFF;--e-global-color-4486c02:#F5F5F5;--e-global-color-825209d:#D4895A;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 h1{font-family:"Bebas Neue", Sans-serif;}.elementor-kit-5 h2{font-family:"Bebas Neue", Sans-serif;font-size:3rem;font-weight:400;letter-spacing:0.05em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ========================================
   BEAUMONT POINTE - SITE CUSTOM CSS
   ========================================
   Last updated: January 2026
   ======================================== */

/* ========================================
   FIXED HEADER - ALL DEVICES
   ======================================== */

.elementor-location-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 999999 !important;
  background: #4A555D !important;
  -webkit-transform: none !important;
  transform: none !important;
}

body.admin-bar .elementor-location-header {
  top: 32px !important;
}

@media (max-width: 782px) {
  body.admin-bar .elementor-location-header {
    top: 46px !important;
  }
}

/* Prevent parent elements from breaking fixed positioning */
body,
html {
  -webkit-overflow-scrolling: touch;
}

.elementor,
.elementor-inner,
.elementor-section-wrap {
  transform: none !important;
  perspective: none !important;
}

/* ========================================
   HEADER SECTION STYLING
   ======================================== */

.bp-header-section {
  transition: all 0.3s ease !important;
}

.bp-header-section.elementor-sticky--effects {
  background: rgba(58, 66, 72, 0.98) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.15) !important;
}

/* ========================================
   NAVIGATION MENU
   ======================================== */

.bp-nav-menu .elementor-nav-menu--main .elementor-item {
  font-family: 'Work Sans', sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  color: #FFFFFF !important;
  padding: 10px 16px !important;
  position: relative !important;
}

.bp-nav-menu .elementor-nav-menu--main .elementor-item::after {
  content: '' !important;
  position: absolute !important;
  bottom: 6px !important;
  left: 16px !important;
  right: 16px !important;
  height: 2px !important;
  background: #D4895A !important;
  transform: scaleX(0) !important;
  transform-origin: center !important;
  transition: transform 0.2s ease !important;
}

.bp-nav-menu .elementor-nav-menu--main .elementor-item:hover,
.bp-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active {
  color: #D4895A !important;
}

.bp-nav-menu .elementor-nav-menu--main .elementor-item:hover::after,
.bp-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active::after {
  transform: scaleX(1) !important;
}

/* ========================================
   CTA BUTTON
   ======================================== */

.bp-cta-button .elementor-button {
  font-family: 'Work Sans', sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  background: #D4895A !important;
  color: #FFFFFF !important;
  padding: 12px 24px !important;
  border-radius: 2px !important;
  transition: all 0.2s ease !important;
}

.bp-cta-button .elementor-button:hover {
  background: #E5A577 !important;
  transform: translateY(-1px) !important;
}

/* ========================================
   LOGO
   ======================================== */

.bp-logo img {
  max-height: 45px !important;
  width: auto !important;
  transition: all 0.3s ease !important;
}

.elementor-sticky--effects .bp-logo img {
  max-height: 38px !important;
}

/* ========================================
   MOBILE MENU
   ======================================== */

.bp-nav-menu .elementor-menu-toggle {
  color: #FFFFFF !important;
}

.bp-nav-menu .elementor-menu-toggle svg {
  fill: #FFFFFF !important;
}

.bp-nav-menu .elementor-nav-menu--dropdown {
  background: #3A4248 !important;
  border: none !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3) !important;
}

.bp-nav-menu .elementor-nav-menu--dropdown .elementor-item {
  color: #FFFFFF !important;
  padding: 15px 24px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.bp-nav-menu .elementor-nav-menu--dropdown .elementor-item:hover {
  background: rgba(212, 137, 90, 0.15) !important;
  color: #D4895A !important;
}

/* ========================================
   RESPONSIVE - TABLET
   ======================================== */

@media (max-width: 1024px) {
  .bp-nav-menu .elementor-nav-menu--main .elementor-item {
    padding: 10px 12px !important;
    font-size: 12px !important;
  }
  
  .bp-cta-button .elementor-button {
    padding: 10px 18px !important;
    font-size: 11px !important;
  }
}

/* ========================================
   RESPONSIVE - MOBILE
   ======================================== */

@media (max-width: 768px) {
  .bp-header-section .elementor-container {
    padding: 0 16px !important;
  }
  
  .bp-logo img {
    max-height: 36px !important;
  }
  
  .elementor-sticky--effects .bp-logo img {
    max-height: 32px !important;
  }
}

/* ========================================
   CONTACT PAGE - LICENSE NUMBER FIX
   ======================================== */

.bp-contact-card .license,
.bp-contact-card .license a {
  color: rgba(255, 255, 255, 0.4) !important;
  text-decoration: none !important;
  pointer-events: none;
}/* End custom CSS */