/* CSS Document */

main h2 { margin-top: 160px; margin-bottom: 70px; }
#locations { text-align: center; margin-bottom: 180px; }
#locations a.btn { width: 250px; padding: 20px 0; margin: 0px 15px; }

.resorts-container { max-width: 980px; margin: 0 auto; }
.resorts-container .resort { background: #fff; border-radius: 16px; box-shadow: 0 10px 40px 0 rgba(0,0,0,0.05); padding: 22px; margin-bottom: 40px; }
.resorts-container .resort h4.title { font-size: 24px; font-weight: 600; color: #1f1f1f; line-height: 1.1; margin-bottom: 5px; }
.resorts-container .resort .address { font-size: 12px; color: rgba(31,31,31,0.7); margin-bottom: 16px; }
.resorts-container .resort img.image { width: 100%; max-width: 100%; border-radius: 16px; margin-bottom: 25px; }
.resorts-container .resort .description { font-size: 12px; color: #717171; letter-spacing: -0.01em; margin-bottom: 20px; line-height: 1.4; font-weight: 300; }
.resorts-container .resort a.learn-more { display: block; }

.Properties.view main h1 { font-size: 48px; font-weight: 700; }
.Properties.view main h2 { margin: 0 0 16px; font-size: 40px; letter-spacing: -0.02em; font-weight: 600; }
.Properties.view main h3 { margin: 0; font-size: 32px; letter-spacing: 0em; font-weight: 600; }
.Properties.view main p { font-size: 18px; }
.Properties.view #notices-card { padding: 24px; }
.Properties.view #notices-card h5 { margin-bottom: 0; }
.Properties.view #notices-card .notice { margin-top: 24px; }
.Properties.view #notices-card .notice h6 { font-weight: 400; }
.Properties.view #notices-card .notice p { font-size: 14px !important; color: #717171 !important; font-weight: 300; }
.Properties.view #notices-card .notice p a { color: #882299 !important; }

@media ( max-width: 991px ) {
	main h2 { margin-top: 60px; margin-bottom: 60px; }
	#locations a.btn { width: 400px; max-width: 100%; margin: 20px auto; display: block; }
}

#resort-photos .modal-dialog .modal-header { padding-top: 8px; }
#resort-photos .modal-dialog .modal-body { padding: 0; }
#resort-photos .modal-dialog .modal-footer { display: none; }

body .featherlight .featherlight-content { background: transparent; }
body .featherlight .featherlight-content img { border-radius: 16px; }
body .featherlight .featherlight-close-icon { top: 25px; right: 25px; background: transparent; }
body .featherlight-previous { border-radius: 16px 0 0 16px; }
body .featherlight-next { border-radius: 0 16px 16px 0; }
body .featherlight:last-of-type { background: rgba(27, 52, 102, 0.7); }

.Properties.view .gallery-row .card .card-img-top { border-radius: 0; margin: 16px; width: calc(100% - 32px); }

.Properties.view #transient-tax-nav { --bs-nav-pills-link-active-bg: #a440bf; --bs-nav-link-color: #a440bf; --bs-nav-link-hover-color: #64007f; }

.Properties.view #transient-tax table.tax-chart tbody { border-top: 2px solid #888; }
.Properties.view #transient-tax table.tax-chart th { padding: 5px; text-align: center; font-weight: 600; line-height: 1; border-left: 1px solid #bbb; border-right: 1px solid #bbb; }
.Properties.view #transient-tax table.tax-chart td { padding: 5px; text-align: center; }
.Properties.view #transient-tax table.tax-chart th.dow { width: 100px; border-left: 0; }
.Properties.view #transient-tax table.tax-chart th:last-child { border-right: 0; }
.Properties.view #transient-tax table.tax-chart tr.rooms th { padding-top: 1rem; border-bottom: 1px solid #bbb; }
.Properties.view #transient-tax table.tax-chart tr.rooms th.dow { border-radius: 12px 0 0 0; border-bottom: 0; }
.Properties.view #transient-tax table.tax-chart tr.rooms th:last-child { border-radius: 0 12px 0 0; }
.Properties.view #transient-tax table.tax-chart td.season { background: #eee; }
.Properties.view #transient-tax table.tax-chart td.season span.dates { display: block; }
.Properties.view #transient-tax table.tax-chart td.season span.dates .badge { font-size: 12px; margin: 2px !important; border-color: rgba(0,0,0,0.15); color: rgba(0,0,0,0.4); }
@media (max-width: 1330px) {
	.Properties.view #transient-tax table.tax-tables .desktop { display: none; }
}
@media (min-width: 1331px) {
	.Properties.view #transient-tax table.tax-tables .tablet { display: none; }
}