#menu-main-1 a {
  text-decoration: none;
}

.profilephoto img {
	border-radius: 50%
}

.page-banner {
	height: 0px
}

/* Text Content Styling */
.profilephoto .wp-block-media-text__content {

}

/* Headings */
.profilephoto .wp-block-media-text__content h2 {
    font-size: 1.5rem;
    font-weight: bold;
    margin: 0;
    color: #333;
}

/* Subheading */
.profilephoto .wp-block-media-text__content p:first-of-type {
    font-size: 1rem;
    font-weight: 600;
    color: #666;
    margin-bottom: 10px;
}

/* Paragraphs */
.profilephoto .wp-block-media-text__content p {
    font-size: 0.95rem;
    line-height: 1.6;
    color: #555;
}

.wp-block-button {
	max-width: 250px;
}

.wpforms-submit {
	background-color: #583485 !important;
}
.wpforms-submit:focus, .wpforms-submit:hover {
	background-color: #392159 !important;
}

.site-footer {
    padding: 20px 0px 0px 0px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

.site-footer__secondary {
	margin-top: 0px;
}

.site-footer__branding {
    align-content: center;
    justify-content: center;
    display: flex;
    padding: 0;
    margin: 0;
    flex-wrap: wrap;
}

.rounded-corner-image figure img {
	border-radius: 16px;
}

.rounded-corner-image img {
	border-radius: 16px;
}

.rounded-corner-image {
	border-radius: 16px;
}

.Demo-Button a {
		max-width: 250px;
    box-shadow: none;
    align-content: center;
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    word-break: break-word;
    background: #583485;
    border-radius: 25px;
    border: none;
    color: #ffffff !important;
    cursor: pointer;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.015em;
    line-height: 1.0;
    padding: 7px 15px;
    text-align: center;
    text-decoration: none;
    transition: background-color 0.35s ease-in-out;
}
.Demo-Button a:hover {
    background-color: #7a4db3;
		    color: #ffffff !important;

}
/* ============ Valet Compare – Mobile-first, Gutenberg-friendly ============ */
:root{
  --valet-accent:#1976d2;      /* aligns with existing Valet blue */
  --valet-ink:#111827;         /* neutral ink */
  --valet-ink-soft:#6b7280;    /* muted ink */
  --valet-bg:#ffffff;          /* card/table background */
  --valet-line:#e5e7eb;        /* dividers */
  --valet-radius:14px;
  --valet-shadow:0 6px 20px rgba(0,0,0,.06);
}

.valet-compare{
  margin:clamp(12px,2vw,28px) auto;
  max-width:1100px;
  padding:0 16px;
}
.valet-compare .p75-cta__desc{
  font-size:clamp(16px,2.8vw,18px);
  line-height:1.6;
  color:var(--valet-ink);
  margin-bottom:16px;
}
.valet-compare .p75-cta__desc a{
  color:var(--valet-accent);
  text-underline-offset:3px;
}

/* Wrapper adds scroll on narrow screens without breaking layout in Gutenberg */
.valet-table-wrap{
  background:var(--valet-bg);
  border:1px solid var(--valet-line);
  border-radius:var(--valet-radius);
  box-shadow:var(--valet-shadow);
  padding:8px;
  overflow:hidden;
}

/* Base table styling */
.valet-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  font-size:15px;
}
.valet-table thead th{
  position:sticky;    /* keeps header visible on horizontal scroll */
  top:0;
  z-index:1;
  background:linear-gradient(#fff, #fafafa);
  color:var(--valet-ink);
  text-align:left;
  font-weight:700;
  padding:14px 12px;
  border-bottom:1px solid var(--valet-line);
}
.valet-table tbody td{
  padding:14px 12px;
  border-bottom:1px solid var(--valet-line);
  vertical-align:top;
  color:var(--valet-ink);
}
.valet-table tbody tr:last-child td{ border-bottom:0; }

/* Zebra rows for readability on desktop */
@media (min-width:781px){
  .valet-table tbody tr:nth-child(odd){ background:#fafafa; }
}

/* --------- Responsive “card” mode for phones --------- */
@media (max-width:780px){
  .valet-table thead{
    display:none; /* hide the header row on mobile */
  }
  .valet-table,
  .valet-table tbody,
  .valet-table tr,
  .valet-table td{
    display:block;
    width:100%;
  }
  .valet-table tr{
    background:var(--valet-bg);
    border:1px solid var(--valet-line);
    border-radius:12px;
    box-shadow:var(--valet-shadow);
    margin:10px 6px;
    padding:6px 6px 2px;
  }
  .valet-table td{
    border:0;
    padding:10px 10px 8px 130px; /* leave room for label */
    position:relative;
    min-height:44px;             /* finger-friendly tap target */
  }
  /* inject the column name before each cell using data-label */
  .valet-table td::before{
    content:attr(data-label);
    position:absolute;
    left:10px;
    top:10px;
    width:110px;
    font-weight:600;
    color:var(--valet-ink-soft);
    white-space:normal;
  }
  /* make the first cell (Feature) stand out as a “card title” */
  .valet-table td:first-child{
    padding-left:14px;
    font-weight:700;
    font-size:16px;
  }
  .valet-table td:first-child::before{
    content:"Feature";
    color:var(--valet-accent);
    font-weight:700;
    left:14px;
    top:8px;
    transform:translateY(-140%);
  }
}

/* CTA button (reuses Valet blue, large tap target) */
.valet-compare__cta{
  display:flex;
  justify-content:center;
  margin:18px 0 6px;
}
.valet-btn{
  display:inline-block;
  padding:14px 22px;
  border-radius:12px;
  background:var(--valet-accent);
  color:#fff;
  font-weight:700;
  text-decoration:none;
  box-shadow:0 8px 24px rgba(25,118,210,.25);
  transition:transform .08s ease, box-shadow .2s ease, opacity .2s ease;
}
.valet-btn:hover{ transform:translateY(-1px); box-shadow:0 10px 30px rgba(25,118,210,.30); }
.valet-btn:active{ transform:translateY(0); opacity:.9; }

/* Dark mode polish */
@media (prefers-color-scheme:dark){
  :root{
    --valet-bg:#0b0f14;
    --valet-ink:#e5e7eb;
    --valet-ink-soft:#9ca3af;
    --valet-line:#1f2937;
  }
  .valet-table thead th{ background:linear-gradient(#0b0f14,#0e141b); }
}
/* ===== Valet Compare — polish to match explorevalet.com ===== */

/* 1) Tighter, cleaner container */
.valet-table-wrap{
  border:1px solid var(--valet-line) !important;
  border-radius:12px !important;
  box-shadow:0 6px 18px rgba(0,0,0,.05) !important;
  padding:0 !important; /* theme adds extra pad */
}

/* 2) Remove theme’s thick outline on wp-block-table */
.valet-table.wp-block-table{
  border:0 !important;
  margin:0 !important;
  overflow:hidden;          /* keeps rounded corners on header + rows */
  border-radius:12px;
}

/* 3) Typography + contrast (body text was too light) */
.valet-compare .p75-cta__desc{
  color:#0f172a;            /* stronger ink than before */
  opacity:1 !important;     /* your theme was dimming it */
}
.valet-table td,
.valet-table td p{
  color:#0f172a !important; /* readable body color */
  font-size:15.5px;
  line-height:1.55;
  margin:0;                 /* theme adds p-margins inside cells */
}

/* 4) Header style to match Valet aesthetic */
.valet-table thead th{
  background:#0f172a !important;   /* dark slate header */
  color:#ffffff !important;
  font-weight:700;
  letter-spacing:.2px;
  padding:14px 16px !important;
  border-bottom:1px solid #1f2937 !important;
}
/* Soft, single-pixel grid lines */
.valet-table tbody td{
  border-bottom:1px solid #e5e7eb !important;
  padding:14px 16px !important;
}
.valet-table tbody tr:nth-child(odd){ background:#fafafa; }
.valet-table tbody tr:last-child td{ border-bottom:0 !important; }

/* 5) Outer border color stays subtle (not black) */
.valet-table,
.valet-table *{
  border-color:#e5e7eb !important;
}

/* 6) Links in the intro and table use Valet blue */
.valet-compare a{
  color:#1976d2;
  text-decoration:underline;
  text-underline-offset:3px;
}

/* 7) CTA spacing */
.valet-compare__cta{ margin:20px 0 4px; }

/* -------- Mobile card layout adjustments -------- */
@media (max-width:780px){
  .valet-table tr{
    border:1px solid #e5e7eb !important;
    border-radius:12px;
    margin:10px 8px;
    box-shadow:0 4px 14px rgba(0,0,0,.04);
    background:#ffffff;
  }
  .valet-table td{
    padding:12px 12px 10px 128px !important;
    min-height:46px;
  }
  .valet-table td::before{
    color:#6b7280;
    width:115px;
    font-weight:600;
  }
  /* First cell as card title */
  .valet-table td:first-child{
    font-size:16px;
    font-weight:700;
    padding-left:16px !important;
  }
  .valet-table td:first-child::before{
    color:#1976d2;
    left:16px;
    top:10px;
    transform:translateY(-140%);
  }
}
/* ===== Final Valet Comparison polish – matches explorevalet.com aesthetic ===== */

/* --- Section container balance --- */
.valet-compare {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 10px 40px rgba(0,0,0,0.04);
  padding: clamp(32px, 4vw, 56px) clamp(16px, 3vw, 48px);
  margin: clamp(40px, 5vw, 80px) auto;
  max-width: 1100px;
}

/* --- Header text polish --- */
.valet-compare .p75-cta__desc {
  color: #0f172a !important;
  font-size: clamp(17px, 2.6vw, 18px);
  line-height: 1.7;
  font-weight: 500;
  text-align: center;
  margin-bottom: 32px;
}
.valet-compare .p75-cta__desc a {
  color: #1976d2;
  text-decoration: underline;
  text-underline-offset: 3px;
  font-weight: 600;
}

/* --- Table updates --- */
.valet-table-wrap {
  border-radius: 14px;
  box-shadow: 0 4px 22px rgba(0,0,0,0.05);
  overflow: hidden;
  background: #fff;
}
.valet-table thead th {
  background: #f8fafc !important; /* softer light header */
  color: #0f172a !important;
  font-weight: 700;
  border-bottom: 1px solid #e5e7eb;
}
.valet-table tbody td {
  border-bottom: 1px solid #f1f5f9 !important;
  padding: 14px 16px !important;
}
.valet-table tbody tr:nth-child(odd) {
  background: #fcfcfd;
}
.valet-table tbody tr:hover {
  background: #f0f6ff;
  transition: background 0.15s ease;
}

/* --- CTA button styling (to match other Valet buttons) --- */
.valet-btn {
  display: inline-block;
  background: #3b82f6;               /* matches Valet blue buttons */
  color: #fff;
  font-weight: 600;
  font-size: 17px;
  border-radius: 12px;               /* same rounding as rest of site */
  padding: 14px 32px;
  text-decoration: none;
  text-align: center;
  box-shadow: 0 8px 24px rgba(59,130,246,0.25); /* soft blue glow */
  transition: all 0.2s ease;
}
.valet-btn:hover {
  background: #2563eb;
  box-shadow: 0 10px 32px rgba(37,99,235,0.3);
  transform: translateY(-2px);
}
.valet-btn:active {
  background: #1d4ed8;
  transform: translateY(0);
  box-shadow: 0 4px 12px rgba(37,99,235,0.2);
}
.valet-compare__cta {
  text-align: center;
  margin-top: 40px;
}

/* --- Mobile fine-tune for tighter cards --- */
@media (max-width:780px) {
  .valet-compare { padding: 24px 12px; }
  .valet-table tr {
    box-shadow: 0 3px 14px rgba(0,0,0,0.04);
    border-radius: 10px;
  }
  .valet-table td:first-child {
    font-size: 15.5px;
  }
  .valet-btn {
    width: 100%;
    max-width: 340px;
  }
}