/* main page */ 
.testimonialTDL h3 { font-size: 2em}
.testimonialTDL h5 { font-size: 1.5em; color: #005850; font-weight: 100}
.testimonialTDL h3, .testimonialTDL h5{margin: 0;}


/* Rental Finder: results page headings */
.finderHeading { margin: 40px 0 20px; text-align: center; }

/* Rentals: visitor filter bar. Black band, Theme Color (blank follows the season) for accents */
.tdlRentalFilters { --filter-color: var(--blue); background: var(--black); color: var(--white);}
body.summer .tdlRentalFilters { --filter-color: var(--green);}
body .tdlRentalFilters.blue { --filter-color: var(--blue);}
body .tdlRentalFilters.green { --filter-color: var(--green);}
.tdlRentalFilters .filtersInner { width: var(--content-width); max-width: 100%; margin: 0 auto; padding: var(--default-vc-padding) 0;}
.tdlRentalFilters .filtersHeader { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px 40px; margin-bottom: 20px;}
.tdlRentalFilters .filtersTitle { margin: 0; color: var(--white); font-size: 1.5em; line-height: 1;}
.tdlRentalFilters .filtersText { margin-top: 10px; font-size: .85em;}
.tdlRentalFilters .filtersText p { margin: 0 0 10px;}
.tdlRentalFilters .filtersText p:last-child { margin-bottom: 0;}
.tdlRentalFilters .filtersText a { color: var(--white);}
.tdlRentalFilters .filtersFinder { flex: 0 0 auto;}
.tdlRentalFilters .filtersFinder .tdlButton { margin-bottom: 0; white-space: nowrap;}
.tdlRentalFilters .filtersFinder:hover .tdlButton { color: var(--filter-color); background: var(--white);}

/* Filters as plain text: "LEVEL  All | Beginner | Intermediate" */
.tdlRentalFilters .filterGroups { display: grid; grid-template-columns: repeat(2, max-content); gap: 10px 60px; font-size: .8em;}
.tdlRentalFilters .filterLabel { min-width: 75px;}
.tdlRentalFilters .filterGroup { display: flex; flex-wrap: wrap; align-items: baseline; row-gap: 4px;}
.tdlRentalFilters .filterLabel { margin-right: 12px; color: var(--filter-color); font-weight: bold; text-transform: uppercase;}
.tdlRentalFilters .filterButton { padding: 0 10px; border: 0; background: none; color: var(--white); font: inherit; line-height: 1.3; cursor: pointer; opacity: .75; transition: ease-in-out all .2s;}
.tdlRentalFilters .filterButton + .filterButton { border-left: 1px solid rgba(255, 255, 255, .35);}
.tdlRentalFilters .filterLabel + .filterButton { padding-left: 0;}
.tdlRentalFilters .filterButton:hover { opacity: 1; color: var(--filter-color);}
.tdlRentalFilters .filterButton.is-active { opacity: 1; color: var(--white); font-weight: bold; text-decoration: underline; text-decoration-color: var(--filter-color); text-decoration-thickness: 3px; text-underline-offset: 5px;}
.tdlRentalFilters .filterButton:focus-visible { outline: 2px solid var(--filter-color); outline-offset: 2px;}

.tdlRentalBlock .noFilterResults { width: var(--content-width); max-width: 100%; margin: 0 auto var(--default-vc-padding); text-align: center;}
.tdlRentalBlock .noFilterResults .clearFilters { border: 0; background: none; padding: 0; color: var(--blue); font: inherit; text-decoration: underline; cursor: pointer;}
body.summer .tdlRentalBlock .noFilterResults .clearFilters, .tdlRentalBlock .noFilterResults.green .clearFilters { color: var(--green);}
body .tdlRentalBlock .noFilterResults.blue .clearFilters { color: var(--blue);}
@media all and (max-width: 900px) {
	.tdlRentalFilters .filterGroups { grid-template-columns: 1fr;}
}
@media all and (max-width: 600px) {
	.tdlRentalFilters .filtersHeader { flex-direction: column;}
	.tdlRentalFilters .filtersTitle { font-size: 1.2em;}
	.tdlRentalFilters .filterGroups { gap: 8px;}
	.tdlRentalFilters .filterLabel { width: 100%; margin-bottom: 2px;}
	.tdlRentalFilters .filterLabel + .filterButton { padding-left: 0;}
}