/* @group Availability Plan
------------------------------------ */

.availability-filters .planView .plan-boxes { padding-bottom: 4.6rem; }
.availability-filters .planView article { margin-bottom: 2rem; background-color: var(--beige); border: .1rem solid var(--black);  }
.availability-filters .planView article a { display: block; position: relative; padding: 4rem 0 7rem; min-height: 44rem; }
.availability-filters .planView article h3 { margin: 0 0 1rem; color: var(--dark-green); text-transform: uppercase; text-align: center; font: 400 1.7em / 1em var(--rubric-font); letter-spacing: .176em; }
.availability-filters .planView article ul { text-align: center; margin: 0 0 2rem; }
.availability-filters .planView article ul li { color: var(--rust); display: inline-block; margin: 0; }
.availability-filters .planView article ul li:not(:first-of-type)::before { content: '|'; margin: 0 1rem; }
.availability-filters .planView article figure { height: 20rem; margin: 0 0 2rem; }
.availability-filters .planView article .bttn-box { border-top: .1rem solid var(--light-green); text-align: center; width: 100%; position: absolute; bottom: 0; left: 0; }
.availability-filters .planView article .bttn-box { font: 400 1.7rem / 1em var(--rubric-font); letter-spacing: .176em; text-transform: uppercase; color: var(--light-green); display: flex; justify-content: center; align-items: center;  height: 7rem; }
.availability-filters .planView article .bttn-box span { display: inline-block; margin-right: 5rem; transition: var(--general-transition); }
.availability-filters .planView article .bttn-box i { color: var(--rust); font-size: 1.7rem; transition: var(--general-transition); }
.availability-filters .planView article:hover .bttn-box { background-color: var(--rust); transition: var(--general-transition); }
.availability-filters .planView article:hover .bttn-box i,
.availability-filters .planView article:hover .bttn-box span { color: var(--beige); }
@media only screen
and (min-width : 961px) {
    .availability-filters .planView .plan-boxes { display: flex; flex-wrap: wrap; column-gap: 5rem; padding-bottom: 15rem; margin-top: 1.5rem; }
    .availability-filters .planView article { flex: 0 1 calc(50% - 3rem); max-width: calc(50% - 3rem); margin-bottom: 8rem; }
    .availability-filters .planView article a { padding: 4.7rem 0 8.6rem; min-height: 56rem; }
    .availability-filters .planView article h3 { margin: 0 0 1.5rem; font-size: 2.2em; letter-spacing: .227em; }
    .availability-filters .planView article ul li { line-height: 1.466em; }
    .availability-filters .planView article figure { height: 32rem; margin: 0 0 2rem; text-align: center; }
    .availability-filters .planView article figure img { height: auto!important; width: auto!important; max-width: 100%; max-height: 100%; }
    .availability-filters .planView article .bttn-box { font-size: 2.2em; letter-spacing: .227em; height: 8.6rem; }
    .availability-filters .planView article .bttn-box span { margin-right: 1.7rem; }
    .availability-filters .planView article .bttn-box i { font-size: 2rem; }
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .availability-filters .planView article figure { display: flex; justify-content: center; align-items: center; }
    .availability-filters .planView article figure img { height: auto!important; width: auto!important; max-width: 100%; max-height: 100%; }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
}

/* @end */