.plan-description-tabs #tab1:checked ~ .tab.content1, .plan-description-tabs #tab2:checked ~ .tab.content2, .plan-description-tabs #tab3:checked ~ .tab.content3, .plan-description-tabs #tab4:checked ~ .tab.content4, .plan-description-tabs #tab5:checked ~ .tab.content5, .plan-description-tabs #tab6:checked ~ .tab.content6, .plan-description-tabs #tab7:checked ~ .tab.content7 { display: block; } .plan-description-tabs input + label { --color-text-subtle: #536b75; display: inline-block !important; padding: 0.25rem 0.5rem; color: var(--color-text-subtle); font-size: 0.875rem; background-color: transparent; border-bottom: 1px solid #ccd2d8; border-radius: 0.25rem 0.25rem 0 0; cursor: pointer; margin-block-end: 0.75rem; } @media (min-width: 992px) { .plan-description-tabs input + label { padding: 0.25rem 0.75rem; color: var(--color-text-subtle); font-size: 1rem; background-color: transparent; margin-block-end: 1rem; } } .plan-description-tabs input:checked + label { color: #000; font-weight: 600; background-color: none; border-bottom: 0.25rem solid #00673B; } .plan-description-tabs input ~ .tab { display: none; } .plan-description-tabs .tab { width: calc(100vw - 2rem); max-width: 100%; border-radius: 0.5rem; } .plan-description-tabs .tab h2 { font: var( --plan-description-tab-title-font, normal normal var(--font-weight-bold, 600) var(--font-size-h3, 1.25rem) / var(--font-line-height-h3, 1.5rem) var( --font-stack-secondary, var(--font-stack, Muli, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif) ) ); margin-block-end: 1rem; text-wrap: pretty; } .plan-description-tabs .tab h3 { font-weight: 600; font-size: 1.125rem; line-height: 1.3; text-transform: none; text-wrap: pretty; padding-block-start: 1rem; } .plan-description-tabs .tab h4 { font: normal normal var(--font-weight-bold, 600) var(--font-size-body-base, 1rem) / var(--font-line-height-body-base, 1.5rem) var(--font-stack, Muli, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif); } @import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css); .event-dates ul { padding: 24px 0 0; } .event-dates li { list-style: none; color: #536b75; } h2 { margin: 1rem 0 2.5rem; } .text-subtle { color: #536b75; } .video-container { margin-bottom: 2.5rem; } .grid img { aspect-ratio: 500 / 333; } .grid img, .video-container video { width: 100%; border-radius: 8px; } .event-itinerary { margin-bottom: 2.5rem; background-color: #f2f3f3; padding: 1.5rem; border-radius: 0.5rem; } .event-header { margin-bottom: 1rem; } .event-content { display: flex; flex-flow: column; gap: 1rem; } .event-dates, .grid-item { display: flex; flex-direction: column; gap: 1rem; } .event-dates details { padding: 0.5rem; } .event-dates details p { margin: 0.75rem 0 0; } .event-summary { font-size: 18px; font-weight: 700; display: flex; justify-content: space-between; align-items: center; width: 100%; } .grid { display: gr