/* Hide the contact and social sections on desktop */
#sp-contact,
#sp-social {
    display: none !important;
}

/* Make the logo section full width and centered */
#sp-logo {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    display: block !important;
}

/* Ensure the logo column is centered */
#sp-logo .sp-column {
    justify-content: center !important;
    width: 100%;
}

/* Center the logo container */
.logo {
    text-align: center;
    margin: 0 auto;
}

/* Optional: Remove the offcanvas toggler if you don't need it */
#offcanvas-toggler {
    display: none;
}
/* Remove borders from all header elements */
#sp-header-topbar,
#sp-header-topbar .container,
#sp-header-topbar .container-inner,
#sp-header-topbar .row {
    border: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}
.sp-megamenu-parent > li {
  display: inline-block;
  position: relative;
  padding: 0;
  font-family: 'Lato', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 15px;
  text-transform: uppercase;
}
a {
  color: #b8905f;
  text-decoration: none;
}

a:hover {
  color: #cda171;
  text-decoration: underline;
}
/* Hide overlay content by default */
.sppb-addon-overlay-image .overlay-image-title {
  opacity: 0;
  transition: opacity 0.3s ease;
}

/* Show overlay content on hover */
.sppb-addon-overlay-image:hover .overlay-image-title {
  opacity: 1;
}

/* Make the overlay background smaller and centered */
.overlay-background-style {
  width: 80% !important;
  height: 80% !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  right: auto !important;
  bottom: auto !important;
  opacity: 0;
  transition: opacity 0.3s ease;
}

/* Show overlay background on hover */
.sppb-addon-overlay-image:hover .overlay-background-style {
  opacity: 1;
}
#sp-bottom {
  padding: 40px 0 10px;
  font-size: 14px;
  line-height: 1.6;
}
#sp-bottom {
  background: #742338 !important;
  color: #fff;
}
#sp-footer, #sp-bottom {
  background: #742338 !important;
  color: #fff;
}
.uk-panel {
  display: block;
  position: relative;
}
.uk-text-center {
  text-align: center !important;
}
.uk-panel h2 {
  margin: 0 0 25px 0;
  font-family: 'Playfair Display', serif;
  font-weight: 300;
  color: #ffffff;
  text-transform: none;
}
.uk-margin-small {
  margin-top: 10px;
}
.tm-locations {
  color: rgba(255, 255, 255, 0.4);
  text-transform: uppercase;
  font-family: 'Lato', Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 1px;
}
.uk-subnav {
  list-style: none;
  display: flex;
  justify-content: center; /* centers the list */
  padding: 0;
  margin: 0;
  gap: 50px; /* increase this number for more space between items */
}

.uk-subnav > li {
  display: inline-block;
}

.uk-subnav > li > a {
  display: inline-block;
  color: rgba(255, 255, 255, 0.4);
  font-family: 'Lato', Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: 400;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 4px;
}

.uk-subnav > li > a:hover {
  color: rgba(255, 255, 255, 0.8);
}
#sp-footer1 {
  text-align: center;
}
#sp-footer1 {
  color: rgba(255, 255, 255, 0.4);
  text-transform: uppercase;
  font-family: 'Lato', Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 1px;
}
/* Success message in SP Page Builder Form Builder */
/* Target the actual success message */
.sppb-ajax-contact-status .sppb-text-success {
    display: flex !important;      /* ensure it shows as flex */
    align-items: center;
    gap: 10px;                     /* space between icon and text */
    background-color: #610102;     /* brand color */
    color: #ffffff;                /* white text */
    padding: 15px 20px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 16px;
    margin-top: 15px;
    opacity: 1 !important;
}

/* Add checkmark icon before text */
.sppb-ajax-contact-status .sppb-text-success::before {
    content: "✅";
    font-size: 20px;
}
/* Hide off-canvas duplicate logo on mobile */
@media (max-width: 991px) {
    #sp-logo.menu-with-offcanvas {
        display: none !important;
    }
}
