/*!*******************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/gtfs-transit-table-controls/style.scss ***! \*******************************************************************************************************************************************************************************************************************************************************************/ /** * The following styles get applied both on the front of your site * and in the editor. * * Replace them with your own styles or remove the file completely. */ /** * Global variables, functions, and mixins. * * Come here to initialize site-wide SCSS variables ONLY! Do not store * CSS variables here. Do so in the theme.json file instead! */ /* * Functions * Note: Must come before variables that use these functions. */ /* * Convert px's to rem's. */ /* * Variables */ /* * Our rem() function below depends on our site's base font size listed here. * This value should be the same pixel size set for the element. * html { * font-size: 100%; // 16px (112.5% would equal 18px, and so on) * } */ /* * Major Breakpoints * These should match those breakpoints defined in our /inc/config.php file. */ /* * Mixins */ /* * Media Queries */ /* * Accessibility Media Queries */ .schedule-control-menu { display: flex; flex-direction: column; gap: 1rem; justify-content: center; padding: 0 0.3vw; list-style-type: none; } @media (min-width: 60rem) { .schedule-control-menu { flex-direction: row; padding: 0 1.3vw; } } .schedule-control-menu legend, .schedule-control-menu div.legend { font-size: 14px; } @media (min-width: 60rem) { .schedule-control-menu legend, .schedule-control-menu div.legend { margin-top: 10px; margin-bottom: -10px; font-size: 14px; } } .schedule-control-menu .wp-block-button { position: relative; } .schedule-control-menu .exception-select-menu { position: absolute; top: 100%; left: 0; z-index: 4; display: none; width: -moz-fit-content; width: fit-content; min-width: 25rem; height: auto; overflow: hidden; background-color: #fff; border: none; } .schedule-control-menu .exception-select-menu .route-selector { margin: 4px; border: none; padding: 10px; color: var(--gtfs-transit-tables-body-color); background-color: var(--gtfs-transit-tables-text-color-selected); } .schedule-control-menu .exception-select-menu .route-selector[aria-checked=true] { color: var(--gtfs-transit-tables-text-color-selected); background-color: var(--gtfs-transit-tables-bg-color-selected); } .schedule-control-menu .exception-select-menu.open { display: block; border: 0.06rem solid var(--gtfs-transit-tables-body-color); } .schedule-control-menu .route-filter, .schedule-control-menu .route-selector { border: 0.063rem solid #808080; cursor: pointer; } .schedule-control-menu .route-filter[aria-checked=false], .schedule-control-menu .route-selector[aria-checked=false] { color: var(--gtfs-transit-tables-body-color); background-color: var(--gtfs-transit-tables-column-color); } .schedule-control-menu .timepoint-display-group, .schedule-control-menu .route-select-group { gap: 0; margin-top: 0; margin-bottom: 0; padding: 0; list-style-type: none; } @media (min-width: 60rem) { .schedule-control-menu .timepoint-display-group, .schedule-control-menu .route-select-group { margin: 1rem 0; } } .schedule-control-menu .timepoint-display-group li.wp-block-button button.wp-block-button__link, .schedule-control-menu .route-select-group li.wp-block-button button.wp-block-button__link { padding: 0.438rem 0.75rem; font-size: 1rem; letter-spacing: 0.063rem; text-transform: capitalize; border-radius: 0; } .schedule-control-menu .route-select-group[data-schedule=current] li:not(.serv-select-current) { display: none; } .schedule-control-menu .route-select-group[data-schedule=upcoming] li:not(.serv-select-upcoming) { display: none; } .schedule-control-menu #timepoint-display-group { justify-content: center; padding-top: 20px; } @media (min-width: 60rem) { .schedule-control-menu #timepoint-display-group { padding-top: 0; } } .route-search-popup .close-button { color: inherit; background-color: transparent; } .route-search-popup.appear-inline { max-height: 0; margin-top: 3.35rem; padding: 1.25rem 1.5rem; overflow: hidden; font-size: 0.88125rem; line-height: 1.25rem; letter-spacing: 0.1px; text-align: center; background-color: var(--gtfs-transit-tables-column-color); transition: max-height 0.4s; z-index: 100; } .route-search-popup.appear-inline p { margin: 0; } .route-search-popup.appear-inline fieldset { display: block; margin: 0; margin-top: 14px; margin-bottom: 4px; padding: 0; text-align: center; border: none; } .route-search-popup.appear-inline legend, .route-search-popup.appear-inline div.legend { margin-bottom: 0.5rem; } .route-search-popup.appear-inline select { padding: 0.5rem; color: var(--gtfs-transit-tables-body-color); background-color: var(--gtfs-transit-tables-text-color-selected); border-radius: 0; border: 1px solid var(--gtfs-transit-tables-body-color); } .route-search-popup.appear-inline .wp-block-button .wp-block-button__link { margin-top: 0.5rem; padding: 0.5rem 1.25rem; } .route-search-popup.appear-inline .route-search-form { max-width: calc(100vw + 60px); margin: 0 auto; } .route-search-popup.appear-inline .close-button { position: absolute; top: 1rem; right: 0.5rem; padding: 0; font-weight: 200; font-size: 2rem; font-family: sans-serif; border: none; cursor: pointer; } @media (min-width: 48.875rem) { .route-search-popup.appear-inline { left: max((100vw - 1160px) / 2, 60px); width: calc(100vw - 120px); padding: 1.25rem 3rem; } .route-search-popup.appear-inline fieldset { display: inline-block; padding: 0 6px; text-align: left; } .route-search-popup.appear-inline .close-button { top: 1.5rem; right: 1rem; font-size: 3rem; } } #search-button-group { justify-content: center; margin-top: 0; padding-left: 0; } #search-button-group button#route-search-toggle { padding: 7px 21px; border-radius: 1.875rem; } @media (min-width: 60rem) { #search-button-group { justify-content: flex-start; margin-top: 20px; } } .route-search-popup.open { max-height: 40vh; } @media (max-width: 400px) { .route-search-popup.open { max-height: 60vh; } } /*# sourceMappingURL=style-index.css.map*/