Provide examples for how the Hub UI can be customized with CSS.

styleExamples.css

/**
 * Style overrides to unset hidden descriptions.
 * Be wary of mobile and pushing other content down the page when
 * leaving the description open.
 */
.bt-details__description p {
    max-height: none !important;
    overflow: visible;
    visibility: visible !important;
    width: 100% !important;
    height: auto !important;
    clip: unset;
    display: block !important;
}

.bt-details__description button,
.bt-details__description p::after {
    display:none !important;
}


/**
 * Hide prices on unavailable days.
 * 
 * The following classes can be used to style calendar day stlyes.
 * .CalendarDayContent
 * .CalendarDayContent--open (available for stay, check in, or checkout)
 * .CalendarDayContent--closed (closed - no action can be taken)
 * .CalendarDayContent--in (open for arrival)
 * .CalendarDayContent--out (open for departure)
 *
 * This rule will hide prices on calendars. You may also wish to tweak
 * font sizes.
 *
 */
.CalendarDayContent--closed .bt-day-price {
    display:none;
}

/**
 * Adjust the order of category values in the search filters
 * using flexbox/order.
 */
li.Platinum.bt-category-filter {
    order:1
}

li.Gold.bt-category-filter {
    order:2
}

li.Silver.bt-category-filter {
    order:3
}

li.Bronze.bt-category-filter {
    order:4
}