[data-page="floorplans"] {
    background: none var(--light-green);
    min-height: 100vh;
}

.floorplans-filters .tabs {
    display: flex;
    column-gap: 32px;
    margin-bottom: 65px;
}

.floorplans-filters .tabs a {
    font: 400 1.5em / 1em var(--rubric-font);
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--beige);
    border: .1rem solid var(--beige);
    border-radius: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: all .3s linear;
    padding: 0 3.5rem;
    height: 4.6rem;
}

.floorplans-filters .tabs a:not(.active):hover {
    background-color: var(--rust);
    border-color: var(--rust);
}

.floorplans-filters .tabs a.active {
    background-color: var(--beige);
    color: var(--rust);
}

/* @group Availability Filters
------------------------------------ */
.floorplans-filters .filters {
    margin-bottom: 65px;
    display: flex;
    flex-direction: row
}

.floorplans-filters .dropdowns .box {
    margin-bottom: 23px;
}

.floorplans-filters .dropdowns .box .head {
    position: relative;
    margin: 0;
    color: var(--beige);
}

.floorplans-filters .dropdowns .box .head h3 {
    font-size: 17px;
    line-height: 1em;
    letter-spacing: .176em;
    text-transform: uppercase;
}

.floorplans-filters .dropdowns .box .list {
    position: relative;
    border-bottom: 1px solid var(--beige);
}

.floorplans-filters .dropdowns .box .list::after {
    position: absolute;
    top: calc(50% - 7.5px);
    right: 0;
    color: var(--beige);
    content: "\e901";
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.floorplans-filter .dropdowns .box .list select,
.floorplans-filter .dropdowns .box .list input {
    font: 500 1.6em / 1.3em var(--meta-pro-font);
    letter-spacing: .125em;
    width: 100%;
    padding: 1rem 0;
    margin: 0;
    border: none !important;
    color: var(--beige);
}

.floorplans-filter .dropdowns .box .list select option {
    background-color: var(--light-green);
    color: var(--beige);
    font-size: 1.6rem;
    line-height: 1.3em;
    font-weight: 400;
}

.floorplans-filter .tabs {
    display: flex;
    column-gap: 3rem;
    justify-content: center;
}

.floorplans-filter .tabs button {
    font: 400 1.5em / 1em var(--rubric-font);
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--beige);
    border: .1rem solid var(--beige);
    border-radius: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 3.7rem;
    padding: 0 1rem;
    flex: 0 1 33%;
    transition: all .3s linear;
}

.floorplans-filter .tabs button:not(.active):hover {
    background-color: var(--rust);
    border-color: var(--rust);
}

.floorplans-filter .tabs button.active {
    background-color: var(--beige);
    color: var(--rust);
}

@media only screen and (min-width : 961px) {
    .floorplans-filter .filters {
        display: flex;
        align-items: center;
        margin-bottom: 6.5rem;
    }

    .floorplans-filter .dropdowns {
        flex: 0 1 24.14%;
        max-width: 24.14%;
        margin-right: 5rem;
        display: flex;
    }

    .floorplans-filter .dropdowns .box {
        flex: 0 1 100%;
        max-width: 100%;
        margin-bottom: unset;
    }

    .floorplans-filter .dropdowns .box .head h3 {
        font-size: 1.8em;
        letter-spacing: .277em;
    }

    .floorplans-filters .dropdowns .box .list::after {
        top: calc(50% - 2.5px);
    }

    .floorplans-filter .dropdowns .box .list select,
    .floorplans-filter .dropdowns .box .list input {
        font-size: 1.8em;
        letter-spacing: .111em;
    }

    .floorplans-filter .dropdowns .box .list input {
        cursor: pointer;
    }

    .floorplans-filter .dropdowns .box .list select option {
        font-size: 1.5rem;
        line-height: 1.5em;
    }

    .floorplans-filter .tabs {
        flex: 0 1 24.14%;
        max-width: 24.14%;
        column-gap: 2rem;
        justify-content: flex-start;
    }

    .floorplans-filter .tabs button {
        font-size: 1.6em;
        letter-spacing: .1875em;
        height: 4.6rem;
    }
}

@media only screen and (min-width : 961px) and (max-width : 1440px) {
    .floorplans-filter {
        font-size: calc(5px + (10 - 5) * ((100vw - 961px) / (1440 - 961)));
    }
}

@media only screen and (min-width : 0) and (max-width : 960px) {}