.elementor-kit-6{--e-global-color-primary:#000000;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-ba8652f:#000000;--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-6 e-page-transition{background-color:#FFBC7D;}.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 *//************************************************************
 UNIT DETAIL - Rent Manager Web Branding (rmwb_*)
************************************************************/

/* ========== Apply Now button (exact .elementor-kit-6 from your screenshot) ========== */
.rmwb_detail-wrapper .rmwb_callout-links a.bg-color2.bg-color1-hover.font2{
  background: #000 !important;
  border: 1px solid #000 !important;
  color: #fff !important;

  padding: 10px 16px !important;
  border-radius: 10px !important;

  font-weight: 700 !important;
  letter-spacing: .02em !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
  line-height: 1 !important;

  box-shadow: 0 10px 22px rgba(0,0,0,.20) !important;
  text-decoration: none !important;
}

/* Hover state (their class name implies hover styling, so we override it too) */
.rmwb_detail-wrapper .rmwb_callout-links a.bg-color2.bg-color1-hover.font2:hover{
  background: #111 !important;
  border-color: #111 !important;
  transform: translateY(-1px);
  box-shadow: 0 12px 26px rgba(0,0,0,.24) !important;
}

/* ========== Header spacing cleanup ========== */
.rmwb_detail-wrapper .rmwb_header-section{
  padding: 14px 20px !important;
}

/* ========== Important info section: make labels muted + tighten rows ========== */
/* This section exists in your DOM: .rmwb_important-info-section */
.rmwb_detail-wrapper .rmwb_important-info-section{
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  border-radius: 14px !important;
  box-shadow: 0 10px 25px rgba(0,0,0,.08) !important;
  padding: 16px 18px !important;
}

/* Common pattern: list items or rows inside */
.rmwb_detail-wrapper .rmwb_important-info-section li,
.rmwb_detail-wrapper .rmwb_important-info-section .row,
.rmwb_detail-wrapper .rmwb_important-info-section .item{
  padding: 10px 0 !important;
  border-bottom: 1px solid rgba(0,0,0,.08) !important;
}
.rmwb_detail-wrapper .rmwb_important-info-section li:last-child,
.rmwb_detail-wrapper .rmwb_important-info-section .row:last-child,
.rmwb_detail-wrapper .rmwb_important-info-section .item:last-child{
  border-bottom: 0 !important;
}

/* If their markup uses dt/dd, style that too */
.rmwb_detail-wrapper .rmwb_important-info-section dt{
  color: #6b7280 !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .02em !important;
  font-size: 12px !important;
}
.rmwb_detail-wrapper .rmwb_important-info-section dd{
  color: #1f2937 !important;
  font-weight: 600 !important;
}

/* ========== Gallery thumbs rounding (if present) ========== */
.rmwb_detail-wrapper .rmwb_photo-section img{
  border-radius: 10px !important;
}
/************************************************************
 UNIT DETAIL - MOBILE POLISH (rmwb_*)
************************************************************/
@media (max-width: 767px){

  /* Give the page some side padding so nothing kisses the edges */
  .rmwb_detail-wrapper{
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  /* Address/title: reduce size + tracking + line height */
  .rmwb_detail-wrapper h1,
  .rmwb_detail-wrapper .rmwb_main-header,
  .rmwb_detail-wrapper .rmwb_main-header h1{
    font-size: 28px !important;
    letter-spacing: .06em !important;   /* was feeling super spaced out */
    line-height: 1.15 !important;
    margin-bottom: 10px !important;
    word-break: break-word;
  }

  /* If their CSS forces ALL CAPS, keep it but tone it down */
  .rmwb_detail-wrapper .rmwb_header-section{
    padding: 10px 12px !important;
  }

  /* Apply button: centered + better hit area.
     Option A (recommended): full width on mobile */
  .rmwb_detail-wrapper .rmwb_callout-links{
    display: flex !important;
    justify-content: center !important;
    margin: 10px 0 16px !important;
  }

  .rmwb_detail-wrapper .rmwb_callout-links a.bg-color2.bg-color1-hover.font2{
    width: 100% !important;             /* full width */
    max-width: 360px !important;        /* but not insane on big phones */
    text-align: center !important;
    padding: 14px 18px !important;      /* taller tap target */
    border-radius: 14px !important;
    box-shadow: 0 10px 22px rgba(0,0,0,.18) !important;
  }

  /* Main hero image: slightly smaller radius reads cleaner on mobile */
  .rmwb_detail-wrapper .rmwb_photo-section img{
    border-radius: 16px !important;
  }

  /* Thumbnail grid: add consistent gaps (works if they’re flex/grid) */
  .rmwb_detail-wrapper .rmwb_photo-section{
    margin-top: 14px !important;
  }

  /* If thumbs are in a grid/flex container, force a gap */
  .rmwb_detail-wrapper .rmwb_photo-section :where(.thumbs, .thumbnails, .rmwb_thumbs, .rmwb-thumbs, .gallery-thumbs){
    gap: 10px !important;
  }

  /* Thumbnail images: reduce rounding so tiles don’t look “pillowy” */
  .rmwb_detail-wrapper .rmwb_photo-section :where(.thumbs, .thumbnails, .rmwb_thumbs, .rmwb-thumbs, .gallery-thumbs) img{
    border-radius: 12px !important;
  }

  /* Important info card: a touch tighter on mobile */
  .rmwb_detail-wrapper .rmwb_important-info-section{
    padding: 14px 14px !important;
    border-radius: 14px !important;
  }
}/* End custom CSS */