@supports (font: -apple-system-body) and (-webkit-appearance: none) { @media (max-width: 375px) { .plan-description { min-height: 3671px; } } @media (min-width: 376px) and (max-width: 414px) { .plan-description { min-height: 3666px; } } @media (min-width: 415px) and (max-width: 992px){ .plan-description { min-height: 3658px; } } } .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, .plan-description-tabs #tab8:checked ~ .tab.content8 { 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 #9F41C6; } .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; }