.uk-link-text {
    font-size: 16px;
}

.uk-link-text:hover {
    text-decoration: none;
}


@media (max-width: 640px) {
    .uk-logo {
        font-size: 10px;
    }
}

.uk-logo-dynamic {
    font-size: 20px;
    font-family: Lato;
    color: #15284b;
    text-decoration: none;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
}


/* =========================================================
   MODAL: Close button (white circle + shadow)
   Targets: .uk-modal-close-default / .uk-close inside modals
   ========================================================= */

/* --- Base (default) --- */
.uk-modal .uk-modal-close-default.uk-close {
    background: #fff !important;
    border-radius: 999px;
    width: 40px; /* circle size */
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important; /* keep circle consistent */
    box-shadow: 0 2px 10px rgba(0, 0, 0, .12);
    transition: box-shadow .15s ease, transform .15s ease, background .15s ease;
}

/* Ensure the svg doesn't inherit odd sizing */
.uk-modal .uk-modal-close-default.uk-close svg {
    width: 14px;
    height: 14px;
}

/* Make the X use currentColor (so we can control it cleanly) */
.uk-modal .uk-modal-close-default.uk-close svg line {
    stroke: currentColor !important;
}

/* Default icon color */
.uk-modal .uk-modal-close-default.uk-close {
    color: #14294b; /* X color */
}

/* --- Hover --- */
.uk-modal .uk-modal-close-default.uk-close:hover {
    background: #fff !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .16);
    color: #3e65b9; /* optional: hover ink */
}

/* --- Active / pressed --- */
.uk-modal .uk-modal-close-default.uk-close:active {
    transform: translateY(0);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .14);
    background: #f6f6f5 !important; /* subtle pressed state */
}

/* =========================================================
   FILTER BAR (scoped)
   Visual + interaction only
   Scope: any instance of template-BrTY5bKC (builder/live safe)
   ========================================================= */

/* Mobile only: unite "Refine Your Search" label + circle icon */
.re-filters-settings.re-filters-settings-trigger {
    display: inline-flex;
    align-items: center; /* vertical alignment */
}

/* Override uk-margin-small-right spacing on the label for the mobile filters icon text */
.re-filters-settings.re-filters-settings-trigger > .uk-h6.uk-hidden\@s {
    margin-right: 8px !important;
    margin-bottom: 0 !important;
    line-height: 1.1; /* keeps it from feeling floaty */
    transform: translateY(4px);
    white-space: nowrap;
}


/* --- Tokens / theme vars --- */
[data-id*="template-BrTY5bKC"] {
    --filters-ink: #15284B;
    --filters-line: #9b9b97;
    --filters-line-width: 2px;

    /* bedroom interactions */
    --bed-hover-bg: #f6f6f5;
    --bed-hover-text: #3e65b9;
    --bed-active-bg: #14294b;
    --bed-active-text: #ffffff;

    /* date icon */
    --date-icon-default: #9b9b97;
    --date-icon-hover: #3e65b9;
}

/* --- Neutralize uk-light + card visuals --- */
[data-id*="template-BrTY5bKC"].uk-light,
[data-id*="template-BrTY5bKC"] .uk-light {
    color: var(--filters-ink) !important;
}

/* White background + text color (works live + builder) */
.uk-card-primary.uk-card.uk-card-body:has(.re-filters-container) {
    background: #fff !important;
    background-color: #fff !important;


    /* IMPORTANT: fallback color if --filters-ink isn't defined in builder */
    color: var(--filters-ink, #15284B) !important;

    box-shadow: none !important;
    border: 0 !important;
    padding: 0px !important;
    margin: 0px !important;
}

/* Make everything inside inherit ink color */
.uk-card-primary.uk-card.uk-card-body:has(.re-filters-container) .re-filters-container,
.uk-card-primary.uk-card.uk-card-body:has(.re-filters-container) label,
.uk-card-primary.uk-card.uk-card-body:has(.re-filters-container) span,
.uk-card-primary.uk-card.uk-card-body:has(.re-filters-container) input,
.uk-card-primary.uk-card.uk-card-body:has(.re-filters-container) select {
    color: var(--filters-ink, #15284B) !important;
}

/* Icons (UIkit uses SVG strokes/fills that don't always inherit) */
.uk-card-primary.uk-card.uk-card-body:has(.re-filters-container) .uk-icon svg,
.uk-card-primary.uk-card.uk-card-body:has(.re-filters-container) svg {
    color: var(--filters-ink, #15284B) !important;
}

.uk-card-primary.uk-card.uk-card-body:has(.re-filters-container) svg * {
    stroke: currentColor !important;
    fill: none !important;
}


/* =========================================================
   SCOPE (builder + live) + fallback vars
   ========================================================= */

.re-filters-settings-link {
    background: #fff !important;
    padding: 12px !important;
    width: calc(var(--original-width) + 6px) !important;
    height: calc(var(--original-height) + 6px) !important;
}

.re-filters-settings-link {
    border: none !important;
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.02),
    0px 2px 6px 0px rgba(0, 0, 0, 0.04),
    0px 4px 8px 0px rgba(0, 0, 0, 0.10);
}

.uk-card-primary.uk-card.uk-card-body:has(.re-filters-container) input[type="checkbox"] {
    border-color: var(--filters-ink, #15284b) !important;
}

.uk-card-primary.uk-card.uk-card-body:has(.re-filters-container) input[type="checkbox"]:hover {
    border-color: #3D66B9 !important;
    background-color: #f6f6f5 !important;
}


.uk-card-primary.uk-card.uk-card-body:has(.re-filters-container) {
    --filters-ink: var(--filters-ink, #15284B);
    --filters-line: var(--filters-line, rgba(21, 40, 75, 0.18));
    --filters-line-width: var(--filters-line-width, 1px);

    --bed-hover-bg: var(--bed-hover-bg, #f5f5f5);
    --bed-hover-text: var(--bed-hover-text, var(--filters-ink, #15284B));
    --bed-active-bg: var(--bed-active-bg, #15284B);
    --bed-active-text: var(--bed-active-text, #fff);
}

/* --- Text + labels (color only) --- */
.uk-card-primary.uk-card.uk-card-body:has(.re-filters-container) .uk-form-label,
.uk-card-primary.uk-card.uk-card-body:has(.re-filters-container) label,
.uk-card-primary.uk-card.uk-card-body:has(.re-filters-container) .uk-text-muted,
.uk-card-primary.uk-card.uk-card-body:has(.re-filters-container) .uk-text-emphasis {
    color: var(--filters-ink, #15284B) !important;
}

/* --- Inputs (visual baseline only) --- */
.uk-card-primary.uk-card.uk-card-body:has(.re-filters-container) .uk-input,
.uk-card-primary.uk-card.uk-card-body:has(.re-filters-container) input[type="date"] {
    background: #fff !important;
    color: var(--filters-ink, #15284B) !important;
    border-color: rgba(21, 40, 75, 0.18) !important;
}

/* --- Settings icon (force inline strokes) --- */
.uk-card-primary.uk-card.uk-card-body:has(.re-filters-container) .re-filters-settings-link svg {
    color: var(--filters-ink, #15284B) !important;
}

.uk-card-primary.uk-card.uk-card-body:has(.re-filters-container) .re-filters-settings-link svg ellipse,
.uk-card-primary.uk-card.uk-card-body:has(.re-filters-container) .re-filters-settings-link svg circle,
.uk-card-primary.uk-card.uk-card-body:has(.re-filters-container) .re-filters-settings-link svg line,
.uk-card-primary.uk-card.uk-card-body:has(.re-filters-container) .re-filters-settings-link svg path,
.uk-card-primary.uk-card.uk-card-body:has(.re-filters-container) .re-filters-settings-link svg polyline,
.uk-card-primary.uk-card.uk-card-body:has(.re-filters-container) .re-filters-settings-link svg polygon {
    stroke: currentColor !important;
}

.uk-card-primary.uk-card.uk-card-body:has(.re-filters-container) .re-filters-settings-link svg rect {
    fill: currentColor !important;
    stroke: currentColor !important;
}

/* --- Bedrooms (filter bar): interaction states --- */
.uk-card-primary.uk-card.uk-card-body:has(.re-filters-container) .re-filter-bedroom-button {
    background: #fff;
    color: var(--filters-ink, #15284B);
    transition: background .15s ease, color .15s ease;

}

.uk-card-primary.uk-card.uk-card-body:has(.re-filters-container) .re-filter-bedroom-button:hover {
    background: var(--bed-hover-bg, #f5f5f5) !important;
    color: var(--bed-hover-text, var(--filters-ink, #15284B)) !important;
}

.uk-card-primary.uk-card.uk-card-body:has(.re-filters-container) .re-filter-bedroom-button.uk-button-primary {
    background: var(--bed-active-bg, #15284B) !important;
    color: var(--bed-active-text, #fff) !important;
    border-color: var(--bed-active-bg, #15284B) !important;
}

.uk-card-primary.uk-card.uk-card-body:has(.re-filters-container) .re-filter-bedroom-button.uk-button-primary:hover {
    background: var(--bed-active-bg, #15284B) !important;
    color: var(--bed-active-text, #fff) !important;
}

/* =========================================================
   Override the INLINE <style> rules inside the component
   ========================================================= */

.uk-card-primary.uk-card.uk-card-body:has(.re-filters-container) .re-filter-bedroom-group .uk-button-group {
    gap: 0 !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    display: flex !important;
    border: var(--filters-line-width, 1px) solid var(--filters-line, rgba(21, 40, 75, 0.18)) !important;
}

.uk-card-primary.uk-card.uk-card-body:has(.re-filters-container) .re-filter-bedroom-group .re-bedroom-button-wrapper {
    flex: 1 !important;
    display: flex !important;
}

.uk-card-primary.uk-card.uk-card-body:has(.re-filters-container) .re-filter-bedroom-group .re-bedroom-button {
    padding: 8px 16px !important;
    border: none !important;
    border-right: var(--filters-line-width, 1px) solid var(--filters-line, rgba(21, 40, 75, 0.18)) !important;
    border-radius: 0 !important;
    transition: all 0.2s ease !important;
    text-align: center !important;
    min-width: 50px !important;
    margin: 0 !important;
    flex: 1 !important;
    font-weight: 500 !important;
    cursor: pointer !important;
}

.uk-card-primary.uk-card.uk-card-body:has(.re-filters-container) .re-filter-bedroom-group .re-bedroom-button.uk-button-primary {
    border-right: var(--filters-line-width, 1px) solid var(--filters-line, rgba(21, 40, 75, 0.18)) !important;
}

.uk-card-primary.uk-card.uk-card-body:has(.re-filters-container) .re-filter-bedroom-group .re-bedroom-button-wrapper:last-child .re-bedroom-button {
    border-right: none !important;
}

.uk-card-primary.uk-card.uk-card-body:has(.re-filters-container) .re-filter-bedroom-group .re-bedroom-button:hover {
    background-color: var(--bed-hover-bg, #f5f5f5) !important;
}

/* inline rule: force divider color to stay correct */
.uk-card-primary.uk-card.uk-card-body:has(.re-filters-container) .re-filter-bedroom-group .re-bedroom-button,
.uk-card-primary.uk-card.uk-card-body:has(.re-filters-container) .re-filter-bedroom-group .re-bedroom-button.uk-button-primary {
    border-right-color: var(--filters-line, rgba(21, 40, 75, 0.18)) !important;
}

/* --- Desktop line system + controls (visual only) --- */
@media (min-width: 640px) {

    .uk-card-primary.uk-card.uk-card-body:has(.re-filters-container) .re-filter-bedroom-group .uk-button-group {
        border: var(--filters-line-width, 1px) solid var(--filters-line, rgba(21, 40, 75, 0.18)) !important;
    }

    .uk-card-primary.uk-card.uk-card-body:has(.re-filters-container) .re-filter-bedroom-group .re-bedroom-button {
        border-right: var(--filters-line-width, 1px) solid var(--filters-line, rgba(21, 40, 75, 0.18)) !important;
    }

    .uk-card-primary.uk-card.uk-card-body:has(.re-filters-container) .re-bedroom-button-wrapper:last-child .re-bedroom-button {
        border-right: 0 !important;
    }

    .uk-card-primary.uk-card.uk-card-body:has(.re-filters-container) .re-filter-move-in-date-input.uk-input,
    .uk-card-primary.uk-card.uk-card-body:has(.re-filters-container) .re-filter-move-in-date-input.uk-input:hover,
    .uk-card-primary.uk-card.uk-card-body:has(.re-filters-container) .re-filter-move-in-date-input.uk-input:focus {
        border: 0 !important;
        border-bottom: var(--filters-line-width, 1px) solid var(--filters-line, rgba(21, 40, 75, 0.18)) !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .uk-card-primary.uk-card.uk-card-body:has(.re-filters-container) .re-filter-price-budget-header,
    .uk-card-primary.uk-card.uk-card-body:has(.re-filters-container) .re-filter-price-budget-container {
        border-color: var(--filters-line, rgba(21, 40, 75, 0.18)) !important;
    }

    .uk-card-primary.uk-card.uk-card-body:has(.re-filters-container) input[type="range"].budgetSlider,
    .uk-card-primary.uk-card.uk-card-body:has(.re-filters-container) input[type="range"].budgetSlider::-webkit-slider-runnable-track,
    .uk-card-primary.uk-card.uk-card-body:has(.re-filters-container) input[type="range"].budgetSlider::-moz-range-track {
        height: var(--filters-line-width, 1px) !important;
        background: var(--filters-line, rgba(21, 40, 75, 0.18)) !important;
    }

    .uk-card-primary.uk-card.uk-card-body:has(.re-filters-container) input[type="range"].budgetSlider::-webkit-slider-thumb {
        margin-top: -9px !important;
    }

    .uk-card-primary.uk-card.uk-card-body:has(.re-filters-container) input[type="range"].budgetSlider::-moz-range-thumb {
        transform: translateY(-9px);
    }
}

/* --- Budget slider track override: 2.5px --- */
.uk-card-primary.uk-card.uk-card-body:has(.re-filters-container) input[type="range"].budgetSlider,
.uk-card-primary.uk-card.uk-card-body:has(.re-filters-container) input[type="range"].budgetSlider::-webkit-slider-runnable-track,
.uk-card-primary.uk-card.uk-card-body:has(.re-filters-container) input[type="range"].budgetSlider::-moz-range-track {
    height: 2.5px !important;
    background: var(--filters-line, rgba(21, 40, 75, 0.18)) !important;
}

/* --- Price/budget slider line: move down --- */
.uk-card-primary.uk-card.uk-card-body:has(.re-filters-container) .re-filter-price-budget-sliders {
    margin-top: 24.5px;
}

/* --- Native date picker icon color (default + hover) --- */
.uk-card-primary.uk-card.uk-card-body:has(.re-filters-container)
.re-filter-move-in-date-input::-webkit-calendar-picker-indicator {
    filter: invert(18%) sepia(35%) saturate(1200%) hue-rotate(197deg) brightness(92%) contrast(95%);
    cursor: pointer;
}

.uk-card-primary.uk-card.uk-card-body:has(.re-filters-container)
.re-filter-move-in-date-input:hover::-webkit-calendar-picker-indicator,
.uk-card-primary.uk-card.uk-card-body:has(.re-filters-container)
.re-filter-move-in-date-input:focus::-webkit-calendar-picker-indicator {
    filter: brightness(0) saturate(100%) invert(32%) sepia(78%) saturate(1210%) hue-rotate(208deg) brightness(92%) contrast(94%);
    opacity: 1;
}

/* --- Settings icon: hover effect --- */
.uk-card-primary.uk-card.uk-card-body:has(.re-filters-container)
.re-filters-settings-link:hover svg ellipse,
.uk-card-primary.uk-card.uk-card-body:has(.re-filters-container)
.re-filters-settings-link:hover svg circle {
    stroke: #3e66b9 !important;
}

.uk-card-primary.uk-card.uk-card-body:has(.re-filters-container)
.re-filters-settings-link:hover svg rect {
    stroke: #3e66b9 !important;
    fill: #3e66b9 !important;
}

.uk-card-primary.uk-card.uk-card-body:has(.re-filters-container)
.re-filters-settings-link svg ellipse,
.uk-card-primary.uk-card.uk-card-body:has(.re-filters-container)
.re-filters-settings-link svg circle,
.uk-card-primary.uk-card.uk-card-body:has(.re-filters-container)
.re-filters-settings-link svg rect {
    transition: stroke 0.15s ease, fill 0.15s ease;
}

.uk-card-primary.uk-card.uk-card-body:has(.re-filters-container) .re-filter-bedroom-button.uk-button-primary:hover {
    background: var(--bed-hover-bg, #f6f6f6) !important;
    color: var(--bed-hover-text, #3d66b9) !important;
}

.uk-card-primary.uk-card.uk-card-body:has(.re-filters-container) .re-filter-bedroom-group .re-bedroom-button:hover {
    background-color: var(--bed-active-bg, #15284B) !important;
    color: #f6f6f5 !important;
}

/* hover */
.uk-card-primary.uk-card.uk-card-body:has(.re-filters-container) .re-filter-bedroom-group .re-bedroom-button:hover {
    background-color: #f6f6f5 !important;
    color: #15284B !important;
}

/* clicked/selected */
.uk-card-primary.uk-card.uk-card-body:has(.re-filters-container) .re-filter-bedroom-group .re-bedroom-button.uk-button-primary,
.uk-card-primary.uk-card.uk-card-body:has(.re-filters-container) .re-filter-bedroom-group .re-bedroom-button.uk-button-primary:hover {
    background-color: #15284B !important;
    color: #ffffff !important;
}

/* =========================================================
   FILTER MODAL
   ========================================================= */

/* --- Tokens / theme vars --- */
.re-filters-modal {
    --modal-line: #9b9b97;
    --modal-line-width: 2px;
    --modal-icon-hover: #3e65b9;
}

/* --- Bedrooms (modal): interaction states --- */
.re-filters-modal .re-filter-bedroom-button {
    background: #fff !important;
    color: #15284B !important;
    transition: background .15s ease, color .15s ease;
}

.re-filters-modal .re-filter-bedroom-button:hover {
    background: #f6f6f5 !important;
    color: #3e65b9 !important;
}

.re-filters-modal .re-filter-bedroom-button.uk-button-primary {
    background: #14294b !important;
    color: #fff !important;
    border-color: #14294b !important;
}

.re-filters-modal .re-filter-bedroom-button.uk-button-primary:hover {
    background: #14294b !important;
    color: #fff !important;
}

/* --- Modal unified line system --- */
.re-filters-modal .re-filter-bedroom-group .uk-button-group {
    border: var(--modal-line-width) solid var(--modal-line) !important;
}

.re-filters-modal .re-filter-bedroom-button {
    border-right: var(--modal-line-width) solid var(--modal-line) !important;
}

.re-filters-modal .re-bedroom-button-wrapper:last-child .re-filter-bedroom-button {
    border-right: 0 !important;
}

/* --- Modal move-in date behavior --- */
.re-filters-modal .re-filter-move-in-date-input {
    cursor: pointer;
}

.re-filters-modal .re-filter-move-in-date-input.uk-input,
.re-filters-modal .re-filter-move-in-date-input.uk-input:hover,
.re-filters-modal .re-filter-move-in-date-input.uk-input:focus {
    border: 0 !important;
    border-bottom: var(--modal-line-width) solid var(--modal-line) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.re-filters-modal .re-filter-move-in-date-input::-webkit-calendar-picker-indicator {
    transition: filter .15s ease;
    opacity: .75;
}

.re-filters-modal .re-filters-modal-item-move-in-date:hover
.re-filter-move-in-date-input::-webkit-calendar-picker-indicator {
    filter: brightness(0) saturate(100%) invert(32%) sepia(78%) saturate(1210%) hue-rotate(208deg) brightness(92%) contrast(94%);
    opacity: 1;
}

/* --- Modal spacing patch (Specials) --- */
.re-filters-modal-item-specials.uk-margin {
    margin-top: 0 !important;
}

/* --- Modal typography (labels + values) --- */
.re-filters-modal .uk-form-label,
.re-filters-modal label,
.re-filters-modal .re-filter-move-in-date-input,
.re-filters-modal .re-filter-specials-checkbox-label,
.re-filters-modal .budget-value-display {
    font-size: 16px;
    font-weight: 500;
}

/* --- Modal: Clear button behaves like link --- */
.re-filters-modal-button-clear {
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    color: #14294b;
    position: relative;
    text-decoration: none;
}

.re-filters-modal-button-clear-wrapper {
    margin-right: 16px;
}

/* underline animation */
.re-filters-modal-button-clear::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 2.5px;
    bottom: 10px;
    background: currentColor;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform .18s ease;
    opacity: 0.9;
}

.re-filters-modal-button-clear:hover {
    color: #3e65b9;
}

.re-filters-modal-button-clear:hover::after {
    transform: scaleX(1);
}

/* --- Modal budget track: 2px + centered thumb --- */
.re-filters-modal input[type="range"] {
    background: transparent !important;
    height: 0 !important;
}

.re-filters-modal input[type="range"]::-webkit-slider-runnable-track {
    height: 2px;
    background-color: var(--modal-line);
}

.re-filters-modal input[type="range"]::-moz-range-track {
    height: 2px;
    background-color: var(--modal-line);
}

.re-filters-modal input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    margin-top: -9px;
}

.re-filters-modal input[type="range"]::-moz-range-thumb {
    transform: translateY(-9px);
}

/* =========================================================
   MODAL: labels match outside filter label (Bedrooms style)
   ========================================================= */
.re-filters-modal .re-filters-modal-content label.re-filter-label.uk-form-label {
    font-size: 16px !important;
    font-weight: 700 !important;
    font-size: inherit !important;
    font-family: inherit !important;
    line-height: 1.15 !important;
}

/* =========================================================
   MODAL: consistent label → control spacing
   ========================================================= */
.re-filters-modal {
    --label-gap: 8px; /* tune once here (6–10px feels right) */
}

/* remove UIKit stacking margin */
.re-filters-modal .uk-form-label {
    margin-bottom: 0 !important;
}

/* add consistent spacing under ALL section labels */
.re-filters-modal .re-filter-label {
    display: block;
    margin-bottom: var(--label-gap) !important;
}

/* --- Modal Apply button (uk-button-default look) --- */
.re-filters-modal-button-apply.uk-button-primary {
    background: #15284B;
    color: #FFF;
    border: 2.5px solid #15284B;
}

/* hover */
.re-filters-modal-button-apply.uk-button-primary:hover {
    background: #294782;
    color: #FFF;
    border-color: #294782;
}

/* active */
.re-filters-modal-button-apply.uk-button-primary:active {
    background: #3E66B9;
    color: #FFF;
    border-color: #3E66B9;
}

/* =========================================================
   Bedrooms – keep vertical dividers grey in ALL states
   ========================================================= */

/* base divider */
.re-filter-bedroom-buttons .re-bedroom-button {
    border-right: 2px solid #9b9b97 !important;
}

/* last item should not show a divider */
.re-filter-bedroom-buttons
.re-bedroom-button-wrapper:last-child
.re-bedroom-button {
    border-right: 0 !important;
}

/* force divider to stay grey when active/selected */
.re-filter-bedroom-buttons
.re-filter-bedroom-button.uk-button-primary {
    border-right: 2px solid #9b9b97 !important;
}

/* also lock it during hover/focus (prevents flicker) */
.re-filter-bedroom-buttons
.re-filter-bedroom-button:hover,
.re-filter-bedroom-buttons
.re-filter-bedroom-button:focus {
    border-right: 2px solid #9b9b97 !important;
}

/* =========================================================
   GLOBAL / MISC STYLES
   ========================================================= */

/* --- Styles hero "tm" --- */
.tm {
    font-family: Lato;
    font-size: 0.35em;
    vertical-align: super;
    margin-left: 0.05em;
}

/* mobile override */
@media (max-width: 960px) {
    .tm {
        font-size: 0.7em;
    }
}

/* --- Updates hover color to match UIkit for text-muted svgs --- */
.icon-hover a:hover .uk-icon {
    color: #3D66B9 !important;
}

.resi-neighborhood-list-item a:hover {
    color: #3D66B9 !important;
}

/* --- Script headline at mobile --- */
@media (max-width: 480px) {
    .uk-heading-xlarge {
        font-size: 1.6rem;
    }
}

/* --- Aligns hover color of map marker with UI kit --- */
.resi-neighborhood-map .uk-icon-button:hover {
    color: #3D66B9 !important;
}

/* --- Forces dark styles on danger button --- */
.uk-card-primary .uk-button-danger:hover,
.uk-tile-primary .uk-button-danger:hover,
.uk-card-secondary .uk-button-danger:hover,
.uk-tile-secondary .uk-button-danger:hover {
    color: #14294b !important;
}

/* --- Font for neighborhood map card links --- */
.uk-link-muted {
    font-family: "Noto Serif";
}

/* =========================================================
   UNIT GRID VIEW STYLE CHANGES
   ========================================================= */


/* pricing styles */
.re-card.variant-split-a .uk-card-body .uk-text-small:first-of-type {
    font-size: 10px;
    letter-spacing: 0.02em;
    position: relative;
    top: 7px;
}

.re-card.variant-split-a .uk-card-body {
    background-color: #f6f6f5;
}

.re-unit-title {
    font-size: calc(1em + 3px);
    position: relative;
    top: 4px;
}

.re-card-price {
    position: relative;
    top: 4.5px;
}

.re-grid-details {
    position: relative;
    top: 0px;
}

.re-grid-availability {
    font-size: calc(1em - 4px);
    position: relative;
    top: -5px;
    line-height: 1.5;
    padding-bottom: 4px;
}

.re-card-specials-tag .uk-icon svg {
    width: 20px;
    height: 20px;
}

.re-card-specials-tag {
    color: #14294b !important;
}


/* =========================================================
   UNIT LIST VIEW STYLE CHANGES
   ========================================================= */

/* floorplan size/background on desktop */
.uk-width-1-5\@s img {
    width: 80%;
    height: auto;
    background: #f6f6f5;
    border-radius: 8px;
}

/* top spacing on mobile/tablet */
.re-units-list-mobile-title-wrapper {
    margin-top: 20px;
}

/* bottom spacing on mobile/tablet */
.re-units-list-mobile-price-button-wrapper {
    margin-bottom: 20px;
}

/* unit title on mobile+tablet */
.re-units-list-mobile-title-wrapper .re-unit-title {
    font-size: 20px;
}

/* detail labels on desktop + mobile/tablet */
.re-units-list-mobile-unit-number span:first-of-type,
.re-list-desktop-unit-number span:first-of-type,
.re-list-desktop-unit-size span:first-of-type,
.re-units-list-mobile-unit-size span:first-of-type,
.re-list-availability span:first-of-type,
.re-units-list-mobile-price-button-wrapper span:first-of-type,
.re-units-list-desktop-price span:first-of-type,
.re-list-desktop-amenities > div:first-child {
    font-size: 12px;
    line-height: 1.3;
    letter-spacing: .5pt;
}

/* details title bottom spacing mobile/tablet */
@media (max-width: 900px) {
    .re-units-list-mobile-unit-number,
    .re-units-list-mobile-unit-size,
    .re-list-availability,
    .re-units-list-mobile-price-button-wrapper {
        line-height: 1.3;
    }

    .re-list-availability span:nth-of-type(2) {
        font-size: 16px !important;
    }
}

/* pricing styles mobile/tablet */
.re-units-list-mobile-price-button-wrapper span:nth-of-type(2) span:first-of-type {
    font-size: 20px;
    font-weight: 600;
}

.re-units-list-mobile-price-button-wrapper span:nth-of-type(2) {
    font-size: 20px;
    font-weight: 600;
}

.re-units-list-mobile-price-button-wrapper span:nth-of-type(2) span:nth-of-type(2) {
    font-size: 11px;
    font-weight: 400;
}

/* pricing styles desktop */
/* dollar sign */
.re-units-list-desktop-price span:nth-of-type(2) span:first-of-type {
    font-size: 22px;
    font-weight: 600;
    position: relative;
    top: -3px;
}

/* amount */
.re-units-list-desktop-price
span:nth-of-type(2) {
    font-size: 22px;
    font-weight: 600;
}

/* per month text */
.re-units-list-desktop-price span:nth-of-type(2) span:nth-of-type(2) {
    font-size: 12px;
    font-weight: 400;
}

.re-units-list-desktop-price > span:nth-of-type(2) {
    position: relative;
    top: -4px;
}

/* detail content on desktop */
.re-list-desktop-unit-number span:nth-of-type(2),
.re-list-desktop-unit-size span:nth-of-type(2),
.re-list-availability span:nth-of-type(2) {
    font-weight: 500;
    font-size: 18px;
}

.re-list-badges {
    position: relative;
    top: 2.5px;
}

.re-link-container {
    position: relative;
    top: -4px;
}

/*** END Unit List View Style Changes ***/

.uk-badge {
    text-transform: uppercase;
    letter-spacing: .75px;
}

/* consistent mobile img heights */
.min-height .el-image {
    min-height: 300px;
}

@media (max-width: 480px) {
    .uk-accordion-title {
        font-size: 16px;
    }
}

/* consistent slider heights */
@media (max-width: 480px) {
    .slider-height > * .el-image {
        height: 200px;
        object-fit: cover;
    }
}

@media (max-width: 640px) {
    .slider-height > * .el-image {
        max-height: 300px;
        object-fit: cover;
    }
}

/* Airbnb Box-shadow */
.button-shadow .uk-slideshow-items .el-link {
    border: none !important;
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.02),
    0px 2px 6px 0px rgba(0, 0, 0, 0.04),
    0px 4px 8px 0px rgba(0, 0, 0, 0.10);
}

.uk-lightbox img {
    background-color: #fff;
}

.resi-neighborhood-map .uk-card {
    border-radius: 5px;
}

.gm-style .gm-style-iw-c {
    border-radius: 10px;
}

.diagonal-fade .uk-tile-default {
    background: linear-gradient(-200deg,
    white 0%, white 70%, white 70%, #B4C6EA 100%);
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
}

/* matches close icon with hamburger icon */
.uk-offcanvas-close svg {
    width: 17px;
}

/* keeps grid items centered regardless of item quantity */
@media (min-width: 480px) {
    .center-slider .uk-grid {
        justify-content: center;
    }
}

.gform_wrapper.gravity-theme .ginput_complex label {
    font-size: 14px;
    text-transform: uppercase;
    color: #9b9b95;
}

/* =========================================================
   ROUNDED CORNERS
   ========================================================= */
.slider-left .uk-slider-container {
    border-radius: 0 10px 10px 0;
}

.unit-slideshow .uk-slideshow-items {
    border-radius: 10px;
}

.rounded .el-overlay, /* overlay image */
.rounded .uk-slideshow-items, /* slideshow */
.rounded .uk-slider-items, /* overlay slider */
.rounded img, /* popover */
.rounded .uk-tile-muted {
    border-radius: 10px;
}

.rounded-top img {
    border-radius: 10px 10px 0 0;
}

.rounded-tile .uk-tile-default {
    border-radius: 10px;
}

.rounded-tile-muted {
    border-radius: 10px;
    background: #f6f6f5;
}

.uk-overlay-default,
.uk-overlay-primary {
    border-radius: 5px !important;
}

.overlay-border .uk-overlay-default,
.overlay-border .uk-overlay-primary {
    border-radius: 10px;
}

@media (min-width: 900px) {
    .rounded-left .el-image {
        border-radius: 10px 0 0 10px;
    }

    .rounded-right .el-image,
    .rounded-right .uk-slider-items { /* overlay slider */
        border-radius: 0 10px 10px 0;
    }

    /* curves border on maps */
    .vue-map {
        border-radius: 10px;
    }
}

/* =========================================================
   ICON ALIGNMENT PATCHES
   ========================================================= */
.uk-icon[uk-icon*="circle-chevron-right"],
.uk-icon[uk-icon*="fa6-solid--camera"],
.uk-icon[uk-icon*="fa6-solid--video"],
.uk-icon[uk-icon*="fa6-solid--paw"],
.uk-icon[uk-icon*="fa6-solid--star"],
.uk-icon[uk-icon*="fa6-brands--dropbox"] {
    position: relative;
    bottom: 1px;
}

.uk-icon[uk-icon*="fa6-solid--circle-arrow-right"] {
    position: relative;
    top: -2px;
    margin-left: 2px;
    width: 18px;
    height: 18px;
}

.uk-link-text .uk-icon[uk-icon*="fa6-solid--paw"] {
    position: relative;
    bottom: 2.5px;
}

.icon-align-camera .uk-icon {
    position: relative;
    bottom: 3px;
}

/* =========================================================
   HERO GRADIENT (adds bottom shadow on slideshow photos)
   ========================================================= */
.hero-gradient .el-item > .uk-position-cover:first-of-type {
    background: linear-gradient(
            180deg,
            rgba(255, 255, 255, 0) 0%,
            rgba(0, 0, 0, 0.3) 60%,
            rgba(0, 0, 0, 0.6) 100%
    ) !important;
    z-index: 2;
    pointer-events: none;
}

.hero-gradient .el-title,
.hero-gradient .el-meta,
.hero-gradient .el-content,
.hero-gradient .el-link {
    position: relative;
    z-index: 3;
}

/* =========================================================
   CIRCLE ICON BACKGROUNDS
   ========================================================= */

/* muted circle */
.muted-circle-icon .uk-icon {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: #f6f6f5;
    border-radius: 50%;
    line-height: 0;
    padding: 0;
    overflow: visible;
    margin-right: 15px;
}

.muted-circle-icon .uk-icon svg {
    width: 18px;
    height: 18px;
}

.muted-circle-icon a:hover .uk-icon {
    background-color: transparent;
}

/* white circle */
.white-circle-icon .uk-icon {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: white;
    border-radius: 50%;
    line-height: 0;
    padding: 0;
    overflow: visible;
    margin-right: 15px;
}

.white-circle-icon .uk-icon svg {
    width: 18px;
    height: 18px;
}

.white-circle-icon a:hover .uk-icon {
    background-color: transparent;
}

/* =========================================================
   ACCORDION ICON CIRCLE (YooTheme 5)
   ========================================================= */

/* icon container */
.uk-accordion-icon {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    z-index: 0; /* create stacking context */
}

/* circle */
.uk-accordion-icon::before {
    content: "";
    position: absolute;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 0; /* behind svg */
    pointer-events: none;
}

/* svg above circle */
.uk-accordion-icon svg {
    position: relative;
    z-index: 1;
}

/* =========================================================
   SUB NAV PILL STYLING
   ========================================================= */
.uk-subnav-pill .resi-neighborhood-filter-subnav-pill-item a {
    border-radius: 4px;
}

.uk-subnav > * {
    padding-left: 0px;
}

/* =========================================================
   FORCE DARK TEXT STYLES
   ========================================================= */
.primary-text,
.primary-text .el-title {
    color: #14294b !important;
}

.secondary-text .el-title {
    color: #294782 !important;
}

/* =========================================================
   SPLIT COLOR BACKGROUNDS
   ========================================================= */
.specials-background {
    background: linear-gradient(
            to bottom,
            #14294b 0%,
            #14294b 50%,
            #f6f6f5 50%,
            #f6f6f5 100%
    );
}

.black-section-top {
    background: linear-gradient(
            to bottom,
            #000000 0%,
            #000000 37%,
            #14294b 37%,
            #14294b 100%
    );
}

.muted-section-top {
    background: linear-gradient(
            to bottom,
            #f6f6f5 0%,
            #f6f6f5 37%,
            white 37%,
            white 100%
    );
}

.white-section-top {
    background: linear-gradient(
            to bottom,
            white 0%,
            white 50%,
            #14294b 50%,
            #14294b 100%
    );
}

.muted-section-top {
    background: linear-gradient(
            to bottom,
            #f6f6f5 0%,
            #f6f6f5 37%,
            #14294b 37%,
            #14294b 100%
    );
}

@media (max-width: 900px) {
    .muted-section-top {
        background: linear-gradient(
                to bottom,
                #f6f6f5 0%,
                #f6f6f5 42%,
                #14294b 42%,
                #14294b 100%
        );
    }
}

.muted-section-bottom {
    background: linear-gradient(
            to bottom,
            #14294b 0%,
            #14294b 70%,
            #f6f6f5 70%,
            #f6f6f5 100%
    );
}

/* =========================================================
   RESPONSIVE FONT CHANGES
   ========================================================= */
@media (max-width: 900px) {
    .uk-text-lead {
        font-size: 17px;
    }

    .uk-h3 {
        font-size: 24px;
    }

    .uk-h4 {
        font-size: 19px;
    }

    /* Tab Switcher */
    .label-content {
        font-size: 15px;
    }

    .uk-tab li a {
        font-size: 15px;
    }

    .uk-subnav-pill .label-content {
        font-size: 12px;
    }
}

@media (min-width: 480px) {
    #tm-dialog .uk-nav a {
        font-size: 18px;
    }
}

/* adjust close icon position for popup */
@media (max-width: 900px) {
    .uk-drop-close {
        transform: translate(25px, -10px);
    }
}

/* =========================================================
   POPOVER PULSE
   ========================================================= */
.el-marker {
    animation: pulse-popover 1.5s infinite;
}

@keyframes pulse-popover {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(21, 40, 75, 0.7);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(21, 40, 75, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(21, 40, 75, 0);
    }
}

/* hide header/footer on unit template default */
.unit-template-default .tm-header,
.unit-template-default .tm-header-mobile,
.unit-template-default footer {
    display: none !important;
}