/* Typography */
#legacy-way-finder, #legacy-way-finder * {
font-family: "Effra", "Effra W01", Helvetica, sans-serif;
}

/* Ensure autocomplete can overlay site footer */
#legacy-way-finder { position: relative;}

#legacy-way-finder .lwf-header .lwf-title { font-size: 36px; color: #990000; margin: 0 0 8px 0; font-weight: 700; }
.lwf-subtitle { font-size: 24px; color: #000; margin: 0 0 16px 0; }

#legacy-way-finder .lwf-search .lwf-searchby { font-size: 16px; color: #990000; margin: 8px 0 8px 0; font-weight: 700; }
.lwf-form label { font-size: 16px; color: #000; margin-bottom: 4px; }
.lwf-form input { width: 100%; padding: 8px 10px; border: 1px solid #bbb; background: #fff; }
.lwf-form input::placeholder { font-family: 'Trade Gothic W01 Light', serif !important; }

/* Layout */
.lwf-form-row { display: grid; grid-template-columns: 1fr; gap: 16px; }
@media (min-width: 768px) { .lwf-form-row { grid-template-columns: 1fr 1fr; } }
.lwf-form-group { display: flex; flex-direction: column; }

.lwf-results-header { display:flex; justify-content: space-between; align-items:center; background:#990000; color:#fff; padding:10px 12px; font-size:20px; font-weight:700; }
.lwf-results-count { background:#fff; color:#990000; border-radius: 14px; padding: 2px 10px; font-size: 14px; }

.lwf-results-body { display:grid; grid-template-columns: 1fr; gap: 16px; background:#e5e5e5; padding: 12px; }
@media (min-width: 992px) { .lwf-results-body { grid-template-columns: 1fr 1fr; } }
.lwf-results-left { background: transparent; padding: 12px; }
.lwf-results-right { background: #e5e5e5; padding: 12px; }
.lwf-results-right img { max-width: 100%; height: auto; display: block; margin: 0 auto; }
.lwf-map { max-width: 350px; margin: 0 auto; }
.lwf-map .lwf-map-title { margin-left: 0; }
.lwf-map-title { text-align: left; }

/* Card for a brick */
.lwf-card { background:#fff; border: 1px solid #ddd; padding: 24px; margin-bottom: 16px; }
.lwf-card-header { display:flex; justify-content: space-between; font-size:16px; color:#000; font-weight:700; margin-bottom:8px; }
.lwf-card-brick { display:flex; justify-content:center; }

.inscriptionDetails {
background-image: url("/commcms/advancement/_images/legacy_way_page/legacy-way-brick-bg.png");
width: 350px;
height: 300px;
text-align: center;
padding-top: 70px;
margin-top: 5%;
}

.inscriptionDetails > p {
font-size: 24px;
font-family: "Arial Black", sans-serif;
font-weight: 900;
color: #140F0C;
}

h6 {
font-weight: 800;
}

/* Container spacing and max width */
#legacy-way-finder .card { border: 0; box-shadow: none; }

/* Autocomplete container should align to input width and overlay content */
.easy-autocomplete,
.easy-autocomplete > input {
width: 100% !important;
}
.easy-autocomplete-container { z-index: 2147483000; }
.easy-autocomplete-container ul { position: relative; z-index: inherit; }

/* Improve spacing for result list */
#brickList .donorName { margin-bottom: 8px; }
#brickList .list-group-item { align-items: flex-start; }

.lwf-contact { font-size: 12px; color: #5a5959; margin-top: 20px;}

/* Responsive tweaks for small screens */
@media (max-width: 576px) {
.inscriptionDetails {
width: 260px;
height: 220px;
padding-top: 48px;
margin: 16px auto 0;
}
.inscriptionDetails > p {
font-size: 18px;
}
}

@media (max-width: 375px) {
.lwf-card { padding: 12px; }
.lwf-results-left { padding: 0; }
}