/* LoopingCloud modern theme: header/footer redesign.
   Loaded after the legacy stylesheets so it can cleanly override them without editing them
   in place - keeps the legacy files as an unmodified reference while new pages get this look. */

:root {
    --lc-navy: #0a1b33;
    --lc-navy-soft: #16325c;
    --lc-red: #fe2c57;
    --lc-red-dark: #cb2346;
    --lc-cyan: #25f5ef;
}

body {
    display: flex !important;
    flex-direction: column !important;
    min-height: 100vh;
    min-height: 100dvh;
}

.lc-footer {
    margin-top: auto !important;
}

[data-bs-theme="dark"] {
    --brand-gray: #c7d2e3;
    --brand-navy: #25f5ef;
    --brand-navy-rgb: 37, 245, 239;
    --bs-body-bg: #0b1220;
    --bs-body-color: #dbe4f0;
    --bs-light: #101c30;
    --bs-light-rgb: 16, 28, 48;
    --bs-dark: #060b15;
    --bs-dark-rgb: 6, 11, 21;
    --bs-border-color: rgba(255, 255, 255, 0.3);
    --bs-card-bg: #101c30;
    --bs-card-border-color: rgba(255, 255, 255, 0.08);
    --bs-card-cap-bg: rgba(255, 255, 255, 0.04);
    --bs-link-color: #25f5ef;
    --bs-link-color-rgb: 37, 245, 239;
    --bs-secondary-bg: #101c30;
    --bs-tertiary-bg: #15213a;
}

[data-bs-theme="dark"] body {
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .bg-light {
    background-color: var(--bs-body-bg) !important;
}

[data-bs-theme="dark"] p,
[data-bs-theme="dark"] .lead,
[data-bs-theme="dark"] .text-muted {
    color: var(--bs-body-color) !important;
}

[data-bs-theme="dark"] p a:not(.text-primary),
[data-bs-theme="dark"] .lead a:not(.text-primary) {
    color: var(--bs-body-color) !important;
}

[data-bs-theme="dark"] .text-primary {
    color: #25f5ef !important;
}

[data-bs-theme="dark"] h1,
[data-bs-theme="dark"] h2,
[data-bs-theme="dark"] h3,
[data-bs-theme="dark"] h4,
[data-bs-theme="dark"] h5,
[data-bs-theme="dark"] h6,
[data-bs-theme="dark"] .h1,
[data-bs-theme="dark"] .h2,
[data-bs-theme="dark"] .h3,
[data-bs-theme="dark"] .h4,
[data-bs-theme="dark"] .h5,
[data-bs-theme="dark"] .h6,
[data-bs-theme="dark"] h1 a,
[data-bs-theme="dark"] h2 a,
[data-bs-theme="dark"] h3 a,
[data-bs-theme="dark"] h4 a,
[data-bs-theme="dark"] h5 a,
[data-bs-theme="dark"] h6 a {
    color: var(--lc-cyan) !important;
}

/* ---------- Header ---------- */

.lc-header {
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: saturate(180%) blur(8px);
    -webkit-backdrop-filter: saturate(180%) blur(8px);
    border-bottom: 1px solid rgba(10, 27, 51, 0.08);
    box-shadow: 0 1px 2px rgba(10, 27, 51, 0.04);
}

.lc-header .navbar-brand img {
    height: 68px;
    width: auto;
    transition: transform 0.2s ease;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .lc-header .navbar-brand img {
        height: 60px;
    }
}

@media (max-width: 575.98px) {
    .lc-header .navbar-brand img {
        height: 52px;
    }
}

.lc-header .navbar-brand:hover img {
    transform: scale(1.03);
}

.lc-nav-link {
    white-space: nowrap;
    position: relative;
    color: #33415c !important;
    font-weight: 500;
    padding-bottom: 2px;
}

.lc-nav-link::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 0;
    height: 2px;
    background: var(--lc-red);
    transition: width 0.25s ease;
}

.lc-nav-link:hover::after {
    width: 100%;
}

.lc-btn-ghost {
    border: 1.5px solid var(--lc-navy-soft);
    color: var(--lc-navy-soft) !important;
    background: transparent;
    border-radius: 999px;
    padding: 0.45rem 1.25rem;
    font-weight: 600;
    transition: all 0.2s ease;
}

.lc-btn-ghost:hover {
    background: var(--lc-navy-soft);
    color: #fff !important;
}

.lc-btn-cta {
    border: none;
    color: #fff !important;
    background: var(--lc-red);
    border-radius: 999px;
    padding: 0.45rem 1.35rem;
    font-weight: 600;
    box-shadow: 0 2px 8px rgba(254, 44, 87, 0.3);
    transition: background-color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
}

.lc-btn-cta:hover {
    color: #fff !important;
    background: var(--lc-red-dark);
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(254, 44, 87, 0.4);
}

.lc-theme-toggle {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1.5px solid rgba(10, 27, 51, 0.15);
    background: transparent;
    color: var(--lc-navy-soft);
    border-radius: 50%;
    transition: all 0.2s ease;
}

.lc-theme-toggle:hover {
    border-color: var(--lc-navy-soft);
    background: rgba(22, 50, 92, 0.08);
}

.lc-theme-icon-dark {
    display: none;
}

.lc-logo-dark {
    display: none;
}

[data-bs-theme="dark"] .lc-logo-light {
    display: none;
}

[data-bs-theme="dark"] .lc-logo-dark {
    display: inline;
}

[data-bs-theme="dark"] .lc-theme-icon-light {
    display: none;
}

[data-bs-theme="dark"] .lc-theme-icon-dark {
    display: inline;
}

[data-bs-theme="dark"] .lc-header {
    background: rgba(10, 22, 40, 0.92);
    border-bottom: 2px solid var(--lc-red);
}

/* !important here because my-custome-color.css sets `.page-link { color: var(--brand-navy); }`
   and `--bs-pagination-color: var(--brand-navy)` globally (not theme-scoped) - navy text is
   fine in light mode but unreadable against this dark background, and a plain override can't
   reliably win against another file's own direct color declaration. */
[data-bs-theme="dark"] .page-link {
    background-color: transparent !important;
    border-color: rgba(255, 255, 255, 0.25) !important;
    color: var(--lc-cyan) !important;
}

[data-bs-theme="dark"] .page-link:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
    border-color: rgba(255, 255, 255, 0.4) !important;
    color: var(--lc-cyan) !important;
}

[data-bs-theme="dark"] .page-item.disabled .page-link {
    background-color: transparent !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: rgba(255, 255, 255, 0.3) !important;
}

[data-bs-theme="dark"] .page-item.active .page-link {
    background-color: var(--lc-red) !important;
    border-color: var(--lc-red) !important;
    color: #fff !important;
}

[data-bs-theme="dark"] .btn-outline-primary {
    color: var(--lc-cyan) !important;
    border-color: var(--lc-cyan) !important;
}

[data-bs-theme="dark"] .btn-outline-primary:hover {
    background-color: var(--lc-cyan) !important;
    border-color: var(--lc-cyan) !important;
    color: var(--lc-navy) !important;
}

[data-bs-theme="dark"] .lc-nav-link {
    color: rgba(255, 255, 255, 0.85) !important;
}

/* The "Showing X - Y of Z" badge uses .bg-light (already mapped to the dark body background
   elsewhere, so it blends into the page with no visible edge) and <strong class="text-dark">
   for the numbers, which Bootstrap never re-colors for dark mode - both fixed here. */
[data-bs-theme="dark"] .results-count {
    background-color: var(--bs-tertiary-bg) !important;
}

[data-bs-theme="dark"] .results-count strong {
    color: #fff !important;
}

[data-bs-theme="dark"] .lc-btn-ghost {
    border-color: rgba(255, 255, 255, 0.35);
    color: #fff !important;
}

[data-bs-theme="dark"] .lc-btn-ghost:hover {
    background: rgba(255, 255, 255, 0.12);
    color: #fff !important;
}

[data-bs-theme="dark"] .lc-theme-toggle {
    border-color: rgba(255, 255, 255, 0.3);
    color: #fff;
}

[data-bs-theme="dark"] .lc-theme-toggle:hover {
    background: rgba(255, 255, 255, 0.12);
}

/* ---------- Footer ---------- */

.lc-footer {
    position: relative;
    background: var(--lc-navy);
    background: linear-gradient(180deg, var(--lc-navy) 0%, #060f1f 100%);
}

.lc-footer::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--lc-red);
}

.lc-footer h5 {
    letter-spacing: 0.02em;
}

.lc-footer-heading {
    display: inline-block;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    margin-bottom: 0.9rem !important;
}

.lc-footer a.lc-footer-link {
    display: inline-block;
    color: rgba(255, 255, 255, 0.65) !important;
    transition: color 0.18s ease, transform 0.18s ease;
}

.lc-footer a.lc-footer-link:hover {
    color: #fff !important;
    transform: translateX(3px);
}

.lc-footer .lc-social-btn {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1.5px solid rgba(255, 255, 255, 0.45);
    border-radius: 50%;
    transition: all 0.2s ease;
}

.lc-footer .lc-social-btn i {
    color: #fff !important;
}

.lc-footer .lc-social-btn:hover {
    background: var(--lc-red);
    border-color: var(--lc-red);
    transform: translateY(-2px);
}

.lc-footer .lc-social-btn:hover i {
    color: #fff !important;
}

.lc-footer-legal a {
    color: rgba(255, 255, 255, 0.55) !important;
    text-decoration: none;
    transition: color 0.18s ease;
}

.lc-footer-legal a:hover,
.lc-footer-legal .lc-link-button:hover {
    color: #fff !important;
}

.lc-link-button {
    padding: 0;
    border: 0;
    background: none;
    font: inherit;
    color: rgba(255, 255, 255, 0.55);
    cursor: pointer;
    transition: color 0.18s ease;
}

.lc-link-button:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}

.lc-consent [data-consent][aria-pressed="true"] {
    box-shadow: 0 0 0 2px var(--bs-body-bg), 0 0 0 4px var(--lc-red);
}

.lc-footer-legal .lc-sep {
    color: rgba(255, 255, 255, 0.3);
    margin: 0 0.25rem;
}

.lc-footer-copyright {
    color: rgba(255, 255, 255, 0.55);
}

/* ---------- Home highlights: newest listings + top realtors ---------- */

.lc-listing-card {
    border: none;
    overflow: hidden;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.lc-listing-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 24px rgba(10, 27, 51, 0.15) !important;
}

.lc-listing-thumb {
    height: 200px;
    background: linear-gradient(135deg, var(--lc-navy) 0%, var(--lc-navy-soft) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.lc-listing-thumb > a > i {
    font-size: 1.9rem;
    color: rgba(255, 255, 255, 0.5);
}

.lc-listing-thumb-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.lc-listing-price-badge {
    position: absolute;
    top: 0.75rem;
    left: 0.75rem;
    background-color: #00275E !important;
    font-size: 0.9rem;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
}

[data-bs-theme="dark"] .lc-listing-price-badge {
    background-color: var(--lc-red-dark) !important;
}

.lc-listing-price-badge i {
    font-size: 1em !important;
    color: #fff !important;
}

.lc-pagination .page-link {
    padding-left: 0.85rem;
    padding-right: 0.85rem;
}

.lc-listing-card .card-body {
    padding: 1rem;
}

.lc-listing-type {
    background: var(--lc-red);
    color: #fff !important;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.65rem;
    letter-spacing: 0.03em;
    padding: 0.25rem 0.55rem;
}

.lc-listing-card h3 {
    font-size: 0.95rem;
}

.lc-realtor-card {
    border: none;
}

.lc-realtor-card .card-body {
    padding: 1.25rem 1rem;
}

.lc-realtor-avatar {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: var(--lc-navy);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1.05rem;
}

.lc-realtor-card h4 {
    font-size: 1rem;
}

.lc-realtor-badge {
    background: rgba(254, 44, 87, 0.1);
    color: var(--lc-red) !important;
    font-weight: 600;
    font-size: 0.7rem;
    padding: 0.3rem 0.65rem;
}

[data-bs-theme="dark"] .lc-realtor-badge {
    background: rgba(37, 245, 239, 0.12);
    color: var(--lc-cyan) !important;
}

[data-bs-theme="dark"] .bg-blue {
    background: var(--lc-red-dark) !important;
}

.lc-card-avatar {
    width: 40px;
    height: 40px;
    object-fit: cover;
    flex: 0 0 auto;
}

.lc-card-avatar-initial {
    background: var(--lc-navy-soft);
    color: #fff;
    font-weight: 700;
}

[data-bs-theme="dark"] .lc-card-avatar-initial {
    background: var(--lc-red-dark);
}

.lc-btn-details {
    background-color: #00275E !important;
    border-color: #00275E !important;
    color: #fff !important;
}

.lc-btn-details:hover,
.lc-btn-details:focus-visible {
    background-color: var(--lc-red) !important;
    border-color: var(--lc-red) !important;
    color: #fff !important;
}

[data-bs-theme="dark"] .lc-btn-details {
    background-color: var(--lc-cyan) !important;
    border-color: var(--lc-cyan) !important;
    color: #0a1b33 !important;
}

[data-bs-theme="dark"] .lc-btn-details:hover,
[data-bs-theme="dark"] .lc-btn-details:focus-visible {
    background-color: var(--lc-red) !important;
    border-color: var(--lc-red) !important;
    color: #fff !important;
}

.lc-btn-outline-blue {
    background-color: transparent !important;
    border: 1px solid #00275E !important;
    color: #00275E !important;
}

.lc-btn-outline-blue:hover,
.lc-btn-outline-blue:focus-visible {
    background-color: var(--lc-red) !important;
    border-color: var(--lc-red) !important;
    color: #fff !important;
}

[data-bs-theme="dark"] .lc-btn-outline-blue {
    border-color: var(--lc-cyan) !important;
    color: var(--lc-cyan) !important;
}

[data-bs-theme="dark"] .lc-btn-outline-blue:hover,
[data-bs-theme="dark"] .lc-btn-outline-blue:focus-visible {
    background-color: var(--lc-red) !important;
    border-color: var(--lc-red) !important;
    color: #fff !important;
}

.lc-browse-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem 1rem;
}

.lc-browse-list li {
    white-space: nowrap;
}

.lc-row-card {
    position: relative;
    display: flex;
    align-items: stretch;
    height: 100%;
    overflow: hidden;
    border: 1px solid var(--bs-border-color-translucent);
    border-radius: 0.6rem;
    background: var(--bs-card-bg, #fff);
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

.lc-row-card:hover {
    border-color: var(--lc-red);
    box-shadow: 0 6px 16px rgba(10, 27, 51, 0.14);
}

.lc-row-thumb {
    flex: 0 0 108px;
}

.lc-row-thumb img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 180px;
    object-fit: cover;
}

.lc-row-thumb-empty {
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
    min-height: 180px;
    background: linear-gradient(135deg, var(--lc-navy) 0%, var(--lc-navy-soft) 100%);
    color: rgba(255, 255, 255, 0.5);
    font-size: 1.6rem;
}

.lc-row-body {
    flex: 1 1 auto;
    min-width: 0;
    padding: 1.2rem 0.8rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.45rem;
}

.lc-row-price {
    font-weight: 700;
    font-size: 1.05rem;
    color: var(--bs-body-color);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lc-row-title {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.lc-row-address,
.lc-row-meta {
    margin: 0;
    font-size: 0.8rem;
    color: var(--bs-secondary-color);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.form-control::placeholder,
textarea::placeholder,
input::placeholder {
    color: #b9c0ca !important;
    opacity: 1;
}

[data-bs-theme="dark"] .form-control::placeholder,
[data-bs-theme="dark"] textarea::placeholder,
[data-bs-theme="dark"] input::placeholder {
    color: rgba(255, 255, 255, 0.32) !important;
}

.lc-impersonation {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    flex-wrap: wrap;
    padding: 0.5rem 1rem;
    background: #fe2c57;
    color: #fff;
    font-size: 0.9rem;
    position: sticky;
    top: 0;
    z-index: 2000;
}

.lc-market-summary {
    max-width: 52rem;
    font-size: 1.05rem;
}

.lc-market-fact {
    height: 100%;
    padding: 0.7rem 0.9rem;
    border: 1px solid var(--bs-border-color);
    border-radius: 0.8rem;
    background: var(--bs-body-bg);
}

.lc-market-fact span {
    display: block;
    font-size: 0.78rem;
    color: var(--bs-secondary-color);
}

.lc-market-fact strong {
    font-size: 1.15rem;
}

.lc-heart {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    z-index: 3;
    width: 2.3rem;
    height: 2.3rem;
    border: 0;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: rgba(255, 255, 255, 0.92);
    color: #6b7280;
    box-shadow: 0 2px 8px rgba(10, 27, 51, 0.25);
    transition: transform 0.12s ease, color 0.12s ease;
}

.lc-heart[hidden] {
    display: none;
}

.lc-heart:hover {
    transform: scale(1.1);
    color: var(--lc-red);
}

.lc-heart.is-saved,
[data-fav].is-saved {
    color: var(--lc-red);
}

.lc-consent {
    position: fixed;
    left: 1rem;
    right: 1rem;
    bottom: 1rem;
    z-index: 1080;
    max-width: 34rem;
    padding: 1rem 1.1rem;
    border: 1px solid var(--bs-border-color);
    border-radius: 0.9rem;
    background: var(--bs-body-bg);
    box-shadow: 0 12px 32px rgba(10, 27, 51, 0.25);
    font-size: 0.9rem;
}

.lc-consent[hidden] {
    display: none;
}

@media (min-width: 768px) {
    .lc-consent {
        right: auto;
    }
}

.lc-skip-link {
    position: absolute;
    left: 8px;
    top: -60px;
    z-index: 2000;
    padding: 10px 16px;
    border-radius: 6px;
    background: #381574;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
}

.lc-skip-link:focus {
    top: 8px;
    color: #fff;
}

:focus-visible {
    outline: 3px solid #a200ff;
    outline-offset: 2px;
}

@media print {
    header, footer, nav, .lc-skip-link, .lc-consent, .lc-heart, .lc-share, .carousel-control-prev, .carousel-control-next, .carousel-indicators, .modal, .breadcrumb, [data-recent-section], .btn, .lc-detail-sticky form, .lc-sticky-cta {
        display: none !important;
    }

    body {
        background: #fff !important;
        color: #000 !important;
    }

    a[href^="http"]::after {
        content: " (" attr(href) ")";
        font-size: 0.8em;
    }

    .card {
        break-inside: avoid;
        border: 1px solid #999 !important;
        box-shadow: none !important;
    }

    img {
        max-width: 100% !important;
        break-inside: avoid;
    }
}

.lc-compare-btn {
    position: absolute;
    top: 3.4rem;
    right: 0.75rem;
    z-index: 3;
    width: 2.3rem;
    height: 2.3rem;
    border: 0;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: rgba(255, 255, 255, 0.92);
    color: #6b7280;
    box-shadow: 0 2px 8px rgba(10, 27, 51, 0.25);
}

.lc-compare-btn.is-on {
    background: #381574;
    color: #fff;
}

.lc-compare-tray {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1500;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    padding: 0.75rem 1rem;
    background: #0a1b33;
    color: #fff;
}

.lc-compare-tray[hidden] {
    display: none;
}

.lc-compare-label {
    width: 10rem;
    background: var(--bs-tertiary-bg, #f3f4f6);
}

@media print {
    .lc-compare-btn, .lc-compare-tray {
        display: none !important;
    }
}

.lc-heart i,
.lc-compare-btn i {
    font-size: 1rem;
    color: inherit;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .lc-nav-link i {
        display: none;
    }

    .lc-nav-link {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
        font-size: 0.9rem;
    }
}

[data-bs-theme="dark"] :is(.form-control, .form-select, .input-group-text):not(.is-invalid):focus,
[data-bs-theme="dark"] .form-check-input:not(.is-invalid):focus,
[data-bs-theme="dark"] .accordion-button:focus,
[data-bs-theme="dark"] :is(.lc-co, .lc-login, .lc-pe, .ld2-calc) :is(.form-control, .form-select):not(.is-invalid):focus,
[data-bs-theme="dark"] .ap-form :is(input, select, textarea):focus,
[data-bs-theme="dark"] .rs-pop-body input:focus,
[data-bs-theme="dark"] :is(.rs-input, .ap-search, .ap-sort, .hp-field, .lc-co-dropzone):focus-within {
    border-color: var(--brand-navy);
    box-shadow: 0 0 0 0.2rem rgba(var(--brand-navy-rgb), 0.25);
}

[data-bs-theme="dark"] .lc-co-dropzone:hover {
    border-color: var(--brand-navy);
}

[data-bs-theme="dark"] :focus-visible:not(.btn-close):not(.form-check-input):is(input, select, textarea),
[data-bs-theme="dark"] .rs-choice input:focus-visible + span,
[data-bs-theme="dark"] .hp-seg input:focus-visible + span,
[data-bs-theme="dark"] .hp-sale input:focus-visible + span {
    outline-color: var(--brand-navy) !important;
}

[data-bs-theme="dark"] select {
    color-scheme: dark;
}

[data-bs-theme="dark"] select option,
[data-bs-theme="dark"] select optgroup {
    background-color: var(--bs-card-bg, var(--bs-body-bg));
    color: var(--bs-body-color);
}

.lc-title-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 3.25rem;
    height: 3.25rem;
    border-radius: 1rem;
    font-size: 1.4rem;
    line-height: 1;
    color: var(--lc-red);
    background: color-mix(in srgb, var(--lc-red) 12%, transparent);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--lc-red) 25%, transparent);
}

@media (max-width: 575.98px) {
    .lc-title-icon {
        width: 2.6rem;
        height: 2.6rem;
        border-radius: 0.8rem;
        font-size: 1.15rem;
    }
}

.lc-h-icon {
    display: inline-block;
    width: 1.4em;
    margin-right: 0.45rem;
    text-align: center;
    font-size: 0.9em;
    color: var(--lc-red);
}

.lc-about-label .lc-h-icon {
    letter-spacing: 0;
}