/* @group Availability List
------------------------------------ */
.availability-filters .list-boxes { padding-bottom: 10.3rem; }
.availability-filters .listView article { display: flex; align-items: center; flex-wrap: wrap; padding: 0 0 4rem; margin: 0 0 4rem; color: var(--beige); border-bottom: .1rem solid var(--beige);  }
.availability-filters .listView article * { display: inline-block; }

.availability-filters .listView article h2 { font: 300 4.5em / 1em var(--argent-font); letter-spacing: 0; margin-bottom: 0; flex: 0 1 70%; max-width: 70%; padding-right: 2rem; }
.availability-filters .listView article h3 { font: 400 1.7em / 1em var(--rubric-font); letter-spacing: .176em; flex: 0 1 30%; max-width: 30%; text-align: right; text-transform: uppercase; }
.availability-filters .listView article ul { flex: 0 1 100%; max-width: 100%; margin-top: 3rem; }
.availability-filters .listView article ul li { display: inline-block;}
.availability-filters .listView article ul li:not(:first-of-type)::before { content: '|'; margin: 0 1rem; }
.availability-filters .listView article a { display: inline-flex; align-items: center; justify-content: center; border: .1rem solid var(--beige); text-transform: uppercase; color: var(--beige); font: 400 1.5em / 1em var(--rubric-font); letter-spacing: .2em; height: 4.7rem; flex: 0 1 100%; max-width: 100%; margin-top: 3rem; }
@media only screen
and (min-width : 961px){
    .availability-filters .listView article { font-size: calc(4px + (10 - 6) * ((100vw - 961px) / (1440 - 961))); }
    .availability-filters .listView article h2 { font-size: 5em; flex: 0 1 26%; max-width: 26%; margin-right: 3%; padding-right: 0; }
    .availability-filters .listView article h3 { font-size: 2.2em; letter-spacing: .227em; text-align: left; flex: 0 1 13%; max-width: 13%; margin-right: 3%; }
    .availability-filters .listView article ul { flex: 0 1 36%; max-width: 36%; margin-right: 2%; margin-top: 0; }
    .availability-filters .listView article a { flex: 0 1 17%; max-width: 17%; margin-top: 0; }
    .availability-filters .listView article a:hover { background-color: var(--rust); border-color: var(--rust);}
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
}

/* @end */