/*
Theme Name: Solve Property
Theme URI: https://solveproperty.org/
Author: Solve Property
Description: Custom marketing theme for Solve Property. Pages are rendered from the Stitch HTML designs, with a shared header, footer, and quote form.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 7.4
Text Domain: solveproperty
*/

.material-symbols-outlined {
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
  line-height: 1;
  vertical-align: middle;
}

details.sp-menu > summary {
  list-style: none;
}

details.sp-menu > summary::-webkit-details-marker {
  display: none;
}

/* The Stitch hero motif is a solid cream disc. At the generated size it sits on top of cream-colored type and hides the headline. */
main .bg-parchment-cream.rounded-br-full {
  width: 7rem;
  height: 7rem;
}

/* Cards and fields sit on white so they separate from the warm page. */
.rounded-xl.bg-parchment-cream,
.rounded-lg.bg-parchment-cream,
.rounded-DEFAULT.bg-parchment-cream,
input.bg-parchment-cream,
textarea.bg-parchment-cream,
select.bg-parchment-cream,
button.bg-parchment-cream {
  background-color: #ffffff;
}

/* Bright gold type disappears on a light page. Keep it on navy. */
body .text-sunlit-gold {
  color: #6f5410;
}

.bg-property-navy .text-sunlit-gold,
.bg-primary .text-sunlit-gold,
footer .text-sunlit-gold {
  color: #f4d35f;
}

/* Comparison rows need their own fill. A navy background on the header row leaves the cells transparent, and rounded clipping hides the last row. */
.sp-compare {
  background: #ffffff;
  border: 1px solid #d5deea;
  border-radius: 0.75rem;
  overflow: auto;
}

.sp-compare table {
  width: 100%;
  min-width: 40rem;
  border-collapse: separate;
  border-spacing: 0;
  background: #ffffff;
}

.sp-compare th,
.sp-compare td {
  background: #ffffff;
  color: #3d4a5c;
}

.sp-compare thead th {
  background: #0e3a67;
  color: #f4f2ec;
}

.sp-compare tbody td:first-child {
  color: #0e3a67;
  font-weight: 600;
}

.sp-compare tbody tr:hover td {
  background: #f7f5ef;
}