body{color:#2d2d2d !important}.prmry-color{color:#640000 !important}.bg-prmry{background-color:#640000 !important}.border-color-prmry{border-color:#640000 !important}.after-color-prmry:after{color:#640000 !important}.after-bg-prmry:after{background-color:#640000 !important}.before-color-prmry:before{color:#640000 !important}.before-bg-prmry:before{background-color:#640000 !important}svg.fill-prmry{fill:#640000 !important}svg.stroke-prmry{stroke:#640000 !important}svg.path-fill-prmry path{fill:#640000 !important}svg.path-stroke-prmry path{stroke:#b70200 !important}svg.path-stroke-prmry-exclusive path,svg.path-stroke-prmry-exclusive circle{stroke:#640000 !important}svg.rect-fill-prmry rect{fill:#640000 !important}svg.rect-stroke-prmry rect{stroke:#b70200 !important}svg.g-fill-prmry g{fill:#b70200 !important}svg.g-stroke-prmry g{stroke:#b70200 !important}.hover-color-prmry:hover{color:#640000 !important}.hover-bg-prmry:hover{background-color:#640000 !important}.hover-border-prmry:hover{border-color:#640000 !important}.btn-background{background:#640000 !important}a{color:#640000 !important}a:hover,a:focus,a:active{color:#2d2d2d !important}.contact-info span,.content-20 .fa,.team .narrow .social a{color:#640000 !important}.underlined-title hr,.contact-info span{border-color:#640000 !important}.btn-primary{background:#640000 !important;color:#fff !important}.btn-primary:hover{background:#2d2d2d !important;color:#fff !important}.btn-primary:active{background:#2d2d2d !important;color:#fff !important}.btn-primary-inverse{background:#fff !important;color:#640000 !important}.btn-primary-inverse:hover{background:#2d2d2d !important;color:#fff !important}.btn-primary-inverse:active{background:#2d2d2d !important;color:#fff !important}.btn-outline.outline-dark{color:#640000 !important;border-color:#640000 !important}.btn-outline.outline-dark:hover,.btn-outline.outline-dark:active{color:#fff !important;background-color:#640000 !important;border-color:#640000 !important}.btn-outline.outline-light{color:#fff !important}.btn-outline.outline-light:hover,.btn-outline.outline-light:active{color:#640000 !important}.btn-outline.outline-dark{color:#640000 !important;border-color:#640000 !important}.btn-outline.outline-dark:hover,.btn-outline.outline-dark:active{color:#fff !important;background-color:#640000 !important;border-color:#640000 !important}.btn-outline.outline-light{color:#fff !important}.btn-outline.outline-light:hover,.btn-outline.outline-light:active{color:#640000 !important}.btn-color,.mapLabel{background:#640000 !important}.mapLabel::after{border-top-color:#640000 !important}.header-7-navigation .navigation-block .social a:hover{color:#640000 !important}#header-8-nav .nav-social > li > a:hover{background-color:#640000 !important}.exclusive-temp-hover-color-prmry{color:#2c2c2c !important}.exclusive-temp-hover-color-prmry:hover{color:#640000 !important}.btn-primary-exclusive{background:#640000 !important;color:#fff !important}.btn-primary-exclusive:hover{background:#640000 !important;color:#fff !important}.btn-primary-exclusive:active{background:#640000 !important;color:#fff !important}.btn-primary-exclusive:visited{background:#640000 !important;color:#fff !important}.secondary-btn-hover:hover{color:#640000 !important}.chatbot-toggle input[type="checkbox"]:checked{background-color:#640000 !important;border-color:#640000 !important}.chatbot-btn-disabled:disabled{background-color:#640000 !important}.pagination li.active > a,.pagination li.active > span{background:#640000 !important;color:#fff !important}.btn-color:hover{background:#2d2d2d !important}#listing-grid-block .search-filter .btn-group .btn.active{background:#640000 !important}#listing-grid-block #more-options .btn.active{background:#640000 !important}#listing-grid-results h2{color:#640000 !important}.dropdown-menu > .active > a,.dropdown-menu > .active > a:hover,.dropdown-menu > .active > a:focus{background:#640000 !important;color:#fff !important}#search-v2 #more-filter-pop .btn.active{background-color:#640000 !important;border-color:#640000 !important}#search-v2 .mapLabelCircle,.clusterMarkerColor{background-color:#640000 !important}.form-group.focus .form-control,.form-control:focus{border-color:#HEADINGCOLOR}.nav-link-color,.sec-nav-link-color{color:#ffffff !important}.nav-link-color:hover,.nav-link-color:focus,.sec-nav-link-color:hover,.sec-nav-link-color:focus{color:#dddddd !important}.nav-drop-color,.sec-nav-drop-color{background-color:#2d2d2d !important;opacity:#PRIMARYNAVDROPOPA !important}.nav-drop-color:hover,.sec-nav-drop-color:hover{background-color:#000000 !important;opacity:#PRIMARYNAVDROPROLLOPA !important}.nav-drop-link-color,.sec-nav-drop-link-color{background-color:#2d2d2d !important;color:#dddddd !important}.nav-drop-link-color:hover,.nav-drop-link-color:focus,.sec-nav-drop-link-color:hover,.sec-nav-drop-link-color:focus{background-color:#000000 !important;color:#ffffff !important}#header-1n.t7 .navbar-nav > li:last-child > a:hover{border:1px solid #640000 !important;background-color:#640000 !important;color:#fff !important}#header-1n.t7 .navbar-nav > li:last-child .open > a:hover{color:#fff !important}#property-similar .similar-listing-box button{background-color:#LINKCOLOR}#property-similar .similar-listing-box button:hover{background-color:#LINKCOLORHOVER}.toggle-button input[type="checkbox"]:checked ~ .toggle-button__icon{background:#LINKCOLOR}#premium-navigation .navbar-nav > li:last-child > a{border-color:#ffffff !important}#premium-navigation .navbar-toggle::before{color:#ffffff !important}#premium-navigation .navbar-nav > li:last-child > a:hover{border-color:#640000 !important;background-color:#640000 !important;color:#fff !important}#premium-1 .nav-tabs > li.active > a,#premium-1 .nav-tabs > li.active > a:hover,#premium-1 .nav-tabs > li.active > a:focus{border-color:#640000 !important}#premium-1 #custom-search-1 button{background:#640000 !important;color:#fff !important}#premium-1 #custom-search-1 button:hover{background:#2d2d2d !important;color:#fff !important}.content-90n .tile-grid .tile-grid-content h2{background-color:#640000 !important}.mapSelectedLabel{background:#2d2d2d !important;color:white;font-size:12px;padding:5px 10px;text-align:center;border-radius:5px}.mapSelectedLabel::after{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;border-color:#2d2d2d rgba(0,0,0,0) rgba(0,0,0,0) !important;border-image:none;border-style:solid;border-width:5px;content:" ";height:0;left:50%;margin-left:-5px;pointer-events:none;position:absolute;top:100%;width:0}.home-search-alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc;padding:15px;border:1px solid transparent;border-radius:4px}.top-cities .list-group-item .badge a.listing-number{color:#640000 !important}#footer-4 .ftr-nav a{color:white !important}
/* Fix nav link brightness to match original */
#header-4 ul.nav .nav-item a.sec-nav-link-color,
#header-4 ul.nav .nav-item a.nav-link-color {
    color: #ffffff !important;
}
#header-4 ul.nav .nav-item a.sec-nav-link-color:hover,
#header-4 ul.nav .nav-item a.nav-link-color:hover {
    color: #dddddd !important;
}

/* ====================================================
   MORTGAGE CALCULATOR — Professional 3-Column Layout
   ==================================================== */

/* Dark header bar */
.mc-header {
  background: #2d2d2d;
  padding: 18px 28px;
  border-radius: 6px 6px 0 0;
}
.mc-header-title {
  color: #fff !important;
  margin: 0;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
}

/* 3-column body */
.mc-body {
  display: flex;
  gap: 0;
  background: #f7f7f7;
  border: 1px solid #e0e0e0;
  border-top: none;
  border-radius: 0 0 6px 6px;
  overflow: hidden;
}

/* Columns */
.mc-col {
  padding: 24px;
  box-sizing: border-box;
}
.mc-col-inputs {
  flex: 0 0 32%;
  background: #fff;
  border-right: 1px solid #e8e8e8;
}
.mc-col-results {
  flex: 0 0 36%;
  background: #fff;
  border-right: 1px solid #e8e8e8;
}
.mc-col-chart {
  flex: 0 0 32%;
  background: #fff;
}

/* Cards inside columns */
.mc-card {
  height: 100%;
}
.mc-card-title {
  color: #2d2d2d !important;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 0 0 18px 0;
  padding-bottom: 10px;
  border-bottom: 2px solid #640000;
}

/* ── Input Fields ─────────────────────── */

.mc-field {
  margin-bottom: 16px;
}
.mc-field label {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: #555;
  margin-bottom: 5px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
.mc-field-row {
  display: flex;
  gap: 10px;
}
.mc-field-half {
  flex: 1;
}
.mc-input-wrap {
  display: flex;
  align-items: center;
  border: 2px solid #ddd;
  border-radius: 4px;
  background: #fff;
  transition: border-color 0.2s;
  overflow: hidden;
}
.mc-input-wrap:focus-within {
  border-color: #640000;
}
.mc-input-prefix,
.mc-input-suffix {
  padding: 8px 10px;
  color: #888;
  font-size: 14px;
  font-weight: 600;
  background: #f5f5f5;
  line-height: 1;
  flex-shrink: 0;
}
.mc-input-prefix { border-right: 1px solid #e0e0e0; }
.mc-input-suffix { border-left: 1px solid #e0e0e0; }

#mortgage-calc-container input[type="number"],
#mortgage-calc-container select {
  border: none !important;
  outline: none;
  padding: 8px 10px;
  font-size: 15px;
  color: #2d2d2d;
  width: 100%;
  background: transparent;
  -moz-appearance: textfield;
  box-shadow: none !important;
}
#mortgage-calc-container input[type="number"]::-webkit-outer-spin-button,
#mortgage-calc-container input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
#mortgage-calc-container select {
  border: 2px solid #ddd !important;
  border-radius: 4px;
  padding: 10px;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23888' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") no-repeat right 12px center;
}
#mortgage-calc-container select:focus {
  border-color: #640000 !important;
}

/* Calculate button */
.mc-btn-calculate {
  display: block;
  width: 100%;
  padding: 12px;
  margin-top: 8px;
  background: #640000 !important;
  color: #fff !important;
  border: none;
  border-radius: 4px;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  cursor: pointer;
  transition: background 0.2s;
}
.mc-btn-calculate:hover {
  background: #4a0000 !important;
}

/* ── Results Panel ────────────────────── */

.mc-result-hero {
  text-align: center;
  padding: 20px 0 18px;
  margin-bottom: 18px;
  border-bottom: 1px solid #eee;
}
.mc-result-hero-label {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #888;
  margin-bottom: 6px;
}
.mc-result-hero-amount {
  font-size: 34px;
  font-weight: 700;
  color: #640000 !important;
  line-height: 1.1;
}

/* Breakdown rows */
.mc-result-rows {
  margin-bottom: 20px;
}
.mc-result-row {
  display: flex;
  align-items: center;
  padding: 8px 0;
  border-bottom: 1px solid #f0f0f0;
}
.mc-result-row:last-child {
  border-bottom: none;
}
.mc-row-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 10px;
  flex-shrink: 0;
}
.mc-row-label {
  flex: 1;
  font-size: 13px;
  color: #555;
}
.mc-row-value {
  font-size: 14px;
  font-weight: 600;
  color: #2d2d2d;
}

/* Loan totals */
.mc-result-totals {
  background: #f9f9f9;
  border-radius: 4px;
  padding: 14px;
}
.mc-totals-row {
  display: flex;
  justify-content: space-between;
  padding: 6px 0;
  font-size: 13px;
  color: #555;
}
.mc-totals-row span:last-child {
  font-weight: 600;
  color: #2d2d2d;
}
.mc-totals-grand {
  border-top: 2px solid #640000;
  margin-top: 6px;
  padding-top: 10px;
  font-weight: 700;
}
.mc-totals-grand span {
  color: #640000 !important;
  font-size: 14px;
}

.mc-empty-msg {
  text-align: center;
  color: #999;
  padding: 40px 10px;
  font-style: italic;
}

/* ── Donut Chart ──────────────────────── */

.mc-card-chart {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.mc-card-chart .mc-card-title {
  align-self: stretch;
}
.mc-donut-svg {
  display: block;
  margin: 10px auto 16px;
}
.mc-donut-label-top {
  font-size: 12px;
  fill: #888;
  font-weight: 400;
}
.mc-donut-label-amount {
  font-size: 18px;
  font-weight: 700;
  fill: #2d2d2d;
}

/* Legend */
.mc-chart-legend {
  width: 100%;
}
.mc-legend-item {
  display: flex;
  align-items: center;
  padding: 6px 0;
  border-bottom: 1px solid #f0f0f0;
}
.mc-legend-item:last-child {
  border-bottom: none;
}
.mc-legend-swatch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 3px;
  margin-right: 8px;
  flex-shrink: 0;
}
.mc-legend-text {
  flex: 1;
  font-size: 12px;
  color: #555;
}
.mc-legend-value {
  font-size: 12px;
  font-weight: 600;
  color: #2d2d2d;
  text-align: right;
}

.mc-chart-empty {
  text-align: center;
  color: #bbb;
  padding: 60px 10px;
  font-style: italic;
}

/* ── Responsive ───────────────────────── */

@media (max-width: 991px) {
  .mc-body {
    flex-direction: column;
  }
  .mc-col-inputs,
  .mc-col-results,
  .mc-col-chart {
    flex: 1 1 auto;
    border-right: none;
    border-bottom: 1px solid #e8e8e8;
  }
  .mc-col-chart {
    border-bottom: none;
  }
}

@media (max-width: 480px) {
  .mc-col {
    padding: 16px;
  }
  .mc-result-hero-amount {
    font-size: 28px;
  }
  .mc-field-row {
    flex-direction: column;
    gap: 0;
  }
  .mc-header {
    padding: 14px 16px;
  }
  .mc-header-title {
    font-size: 18px;
  }
}

/* Reset the underlined-title interference */
#mortgage-calc-container .mc-header h2 {
  color: #fff !important;
}
#mortgage-calc-container .mc-card-title {
  color: #2d2d2d !important;
}
.underlined-title hr {
  display: none;
}