body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}div{box-sizing:border-box}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.row{display:flex;flex-direction:row;align-items:center}.map-rct-component{display:flex;width:100%;height:100%}.map-rct-component.noui{width:100%}#map-container{height:100%;width:100%}.stop-circle{background-color:red;height:10px;width:10px}.marker{display:flex;justify-content:center;align-items:center;border-radius:50%;height:27px;width:27px;border:1px solid #fff}.realtime{background-image:url(https://new-maps.trilliumtransit.com/gtfsmap/images/realtime_icon.svg);background-position:50%;background-repeat:no-repeat;background-size:8px;height:16px;width:16px;min-height:16px;min-width:16px}.popup-route-name{display:flex;flex-direction:row}.popup-route-card{text-align:center;color:#fff;padding:0 4px;border-radius:4px;margin-right:4px;min-width:25px}.custom-marker-container{height:27px;width:27px;background-color:#fff;border:2px solid #000;border-radius:50%}.custom-marker-container div{height:27px;width:27px}.custom-marker-container div .logo-container .main-logo{max-height:100%;max-width:100%}@media (max-width:800px){.map-rct-component{width:100%}.mapboxgl-ctrl-geocoder{width:93%}.mapboxgl-ctrl-geocoder input{padding-right:6px;font-size:15px}}@media (min-width:2000px){.map-rct-component{width:100%}}.stop-popup-rct-component{padding-right:10px}.stop-popup-rct-component,.stop-popup-rct-component-headsign{max-height:40vh;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;min-width:150px}.stop-popup-rct-component-headsign{padding-right:5px}.stop-popup-rct-component-headsign .stop-info p,.stop-popup-rct-component .stop-info p{margin:0}.stop-popup-rct-component-headsign .stop-info h3,.stop-popup-rct-component .stop-info h3{margin:0 0 6px}.stop-popup-rct-component-headsign .routes,.stop-popup-rct-component .routes{display:flex;flex-wrap:wrap;padding-bottom:12px;margin:0 -4px}.stop-popup-rct-component-headsign .arrival-row{display:flex;flex-direction:row;align-items:center;padding:2px 0 10px;height:50px}.stop-popup-rct-component-headsign .routes .stop-badge,.stop-popup-rct-component .routes .stop-badge{flex:1 1 auto}.stop-popup-rct-component-headsign .stop-badge{min-width:30px}.stop-badge,.stop-popup-rct-component-headsign .stop-badge{margin:2px 4px;border-radius:4px;text-align:center;padding:3px;color:#fff;font-weight:700}.stop-badge{min-width:25px}.arrivals-section{border-top:1px solid grey}.arrivals{height:100%;overflow:hidden;overflow-y:auto;padding-bottom:15px;-webkit-overflow-scrolling:touch}.arrivals p{margin-top:0}.arrivals .stop-badge{max-width:50%}.next-arrivals-text{font-weight:700}.arrival-row{display:flex;flex-direction:row;padding:2px 0 0}.stop-popup-rct-component-headsign .arrival{padding-right:4px;min-width:60px}.arrival{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 0 0 4px}.headsign{font-weight:700;padding-left:2px;height:20px}.mapboxgl-popup-content{padding-top:20px}.mapboxgl-popup-close-button{font-size:1.45em}.mapboxgl-ctrl-geocoder,.mapboxgl-ctrl-geocoder *,.mapboxgl-ctrl-geocoder :after,.mapboxgl-ctrl-geocoder :before{box-sizing:border-box}.mapboxgl-ctrl-geocoder{font-size:18px;line-height:24px;font-family:"Open Sans","Helvetica Neue",Arial,Helvetica,sans-serif;position:relative;background-color:#fff;width:100%;min-width:240px;z-index:1;border-radius:4px;transition:width .25s,min-width .25s}.mapboxgl-ctrl-geocoder--input{font:inherit;width:100%;border:0;background-color:initial;margin:0;height:50px;color:#404040;color:rgba(0,0,0,.75);padding:6px 45px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mapboxgl-ctrl-geocoder--input::-ms-clear{display:none}.mapboxgl-ctrl-geocoder--input:focus{color:#404040;color:rgba(0,0,0,.75);outline:0;box-shadow:none;outline:thin dotted}.mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--pin-right>*{z-index:2;position:absolute;right:8px;top:7px;display:none}.mapboxgl-ctrl-geocoder,.mapboxgl-ctrl-geocoder .suggestions{box-shadow:0 0 10px 2px rgba(0,0,0,.1)}.mapboxgl-ctrl-geocoder.mapboxgl-ctrl-geocoder--collapsed{width:50px;min-width:50px;transition:width .25s,min-width .25s}.mapboxgl-ctrl-geocoder .suggestions{background-color:#fff;border-radius:4px;left:0;list-style:none;margin:0;padding:0;position:absolute;width:100%;top:110%;top:calc(100% + 6px);z-index:1000;overflow:hidden;font-size:15px}.mapboxgl-ctrl-bottom-left .suggestions,.mapboxgl-ctrl-bottom-right .suggestions{top:auto;bottom:100%}.mapboxgl-ctrl-geocoder .suggestions>li>a{cursor:default;display:block;padding:6px 12px;color:#404040}.mapboxgl-ctrl-geocoder .suggestions>.active>a,.mapboxgl-ctrl-geocoder .suggestions>li>a:hover{color:#404040;background-color:#f3f3f3;text-decoration:none;cursor:pointer}.mapboxgl-ctrl-geocoder--suggestion-title{font-weight:700}.mapboxgl-ctrl-geocoder--suggestion-address,.mapboxgl-ctrl-geocoder--suggestion-title{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.mapboxgl-ctrl-geocoder--icon{display:inline-block;vertical-align:middle;speak:none;fill:#757575;top:15px}.mapboxgl-ctrl-geocoder--icon-search{position:absolute;top:13px;left:12px;width:23px;height:23px}.mapboxgl-ctrl-geocoder--button{padding:0;margin:0;border:none;cursor:pointer;background:#fff;line-height:1}.mapboxgl-ctrl-geocoder--icon-close{width:20px;height:20px;margin-top:8px;margin-right:3px}.mapboxgl-ctrl-geocoder--button:hover .mapboxgl-ctrl-geocoder--icon-close{fill:#909090}.mapboxgl-ctrl-geocoder--icon-loading{width:26px;height:26px;margin-top:5px;margin-right:0;animation:rotate .8s cubic-bezier(.45,.05,.55,.95) infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@media screen and (min-width:640px){.mapboxgl-ctrl-geocoder.mapboxgl-ctrl-geocoder--collapsed{width:36px;min-width:36px}.mapboxgl-ctrl-geocoder{width:33.3333%;font-size:15px;line-height:20px;max-width:360px}.mapboxgl-ctrl-geocoder .suggestions{font-size:13px}.mapboxgl-ctrl-geocoder--icon{top:8px}.mapboxgl-ctrl-geocoder--icon-close{width:16px;height:16px;margin-top:3px;margin-right:0}.mapboxgl-ctrl-geocoder--icon-search{left:7px;width:20px;height:20px}.mapboxgl-ctrl-geocoder--input{height:36px;padding:6px 35px}.mapboxgl-ctrl-geocoder--icon-loading{width:26px;height:26px;margin-top:-2px;margin-right:-5px}.mapbox-gl-geocoder--error{color:#909090;padding:6px 12px;font-size:16px;text-align:center}}.loading-rct-component{height:500px;width:500px;min-height:500px;min-width:500px;max-height:500px;max-width:500px;position:relative;overflow:hidden;border-radius:50%}.loading-rct-component .sky{position:absolute;height:500px;width:500px;border-radius:50%;background-color:#add8e6}.loading-rct-component .road{background-color:grey;border-radius:50%;animation-name:gentlebounce;animation-iteration-count:infinite;animation-timing-function:linear}.loading-rct-component .road,.loading-rct-component .road-lines{position:absolute;height:5000px;width:5000px;top:320px;left:-2250px;animation-duration:2.5s}.loading-rct-component .road-lines{border-radius:50%;border:20px dashed #ff0;animation-name:dashgentlebounce;animation-iteration-count:infinite;animation-timing-function:linear}.loading-rct-component .animated-bus{position:absolute;height:500px;width:500px;top:5px;background-image:url(https://new-maps.trilliumtransit.com/gtfsmap/images/cutebus.svg);background-size:300px;background-position:50%;background-repeat:no-repeat;z-index:10;animation-name:busbounce;animation-duration:2.5s;animation-iteration-count:infinite;animation-timing-function:linear;animation-delay:.1s}@keyframes gentlebounce{0%{top:320px;transform:rotate(-6deg)}40%{top:305px;transform:rotate(-10deg)}60%{top:320px;transform:rotate(-12deg)}80%{top:305px;transform:rotate(-14deg)}to{top:320px;transform:rotate(-15.6deg)}}@keyframes busbounce{0%{top:5px}40%{top:-10px}60%{top:5px}80%{top:-10px}to{top:5px}}@keyframes dashgentlebounce{0%{top:345px;transform:rotate(-6deg)}40%{top:330px;transform:rotate(-10deg)}60%{top:345px;transform:rotate(-12deg)}80%{top:330px;transform:rotate(-14deg)}to{top:345px;transform:rotate(-15.6deg)}}@keyframes cloud1{0%{left:500px}to{left:-300px}}@keyframes cloud2{0%{left:100px;opacity:1}48%{left:-300px;opacity:1}49%{left:-300px;opacity:0}50%{left:500px;opacity:0}51%{left:500px;opacity:1}to{left:100px;opacity:1}}.cloud1{transform:scale(.6);top:30px;animation-name:cloud1;animation-duration:10s;animation-iteration-count:infinite;animation-timing-function:linear}.cloud1,.cloud2{position:absolute}.cloud2{transform:scale(.4);top:80px;left:100px;opacity:1;animation-name:cloud2;animation-duration:13s;animation-iteration-count:infinite;animation-timing-function:linear}.cloud3{transform:scale(.5);position:absolute;top:-10px;animation-name:cloud1;animation-duration:15s;animation-iteration-count:infinite;animation-timing-function:linear}.cloud{background:#fff;background:linear-gradient(180deg,#fff 5%,#f1f1f1);border-radius:100px;box-shadow:0 8px 5px rgba(0,0,0,.1);height:120px;position:relative;width:350px}.cloud:after,.cloud:before{background:#fff;content:"";position:absolute;z-index:-1}.cloud:after{border-radius:100px;height:100px;left:50px;top:-50px;width:100px}.cloud:before{border-radius:200px;width:180px;height:180px;right:50px;top:-90px}.system-wide-alert-rct-component{padding:16px;background-color:#ffc;line-height:1.35;margin-bottom:6px}.systemwide-transit-alert{margin:0 0 4px;padding:0 0 8px;display:block;border-bottom:2px solid rgba(0,0,0,.1)}.systemwide-transit-alert:last-child{border:none;margin:0;padding:0}.systemwide-transit-alert p{margin:0}.transit-alert-url-blurb{padding-top:20px}.systemwide-alert-icon{height:1.6em;width:1.6em;line-height:1;fill:#555;display:inline-block;padding-right:4px;position:relative;top:.2em}.legend-layer-rct-component{width:100%;border-bottom:1px solid #000;display:flex;flex-direction:column;padding:8px;min-height:46px}.legend-layer-rct-component .legend-layer-basic{position:relative;display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;width:100%;overflow-x:hidden}.legend-layer-rct-component .legend-layer-basic.hidden{display:none}.legend-layer-rct-component:first-child{border-top:1px solid #000}.checkmark-container{display:flex;align-items:center;justify-content:center}.center-container{display:flex;flex-direction:column;width:100%;padding-left:16px}.center-container p{margin:0}.icon-container img{max-height:40px}.icon-container .systemwide-alert-icon{padding:0;margin:0}.layer-name-container{width:100%;font-weight:700;display:flex;flex-direction:row;align-items:center;cursor:pointer;transition:color .1s ease-in-out}.layer-name-container:focus,.layer-name-container:hover{color:#0068b3}.layer-subtext-container{font-size:12px;font-weight:400;padding-top:3px}.layer-url-container{width:100%;padding-bottom:4px}.layer-link{font-size:11px;color:#0366d6;display:inline-block;margin-top:8px;text-decoration:none}.layer-link:hover{text-decoration:underline}.magnifiying-glass-container{display:flex;justify-content:center;align-items:center;max-width:30px;border:1px solid grey;border-radius:4px;margin:8px;padding:4px;cursor:pointer}.magnifiying-glass-container img{width:80%;height:auto}.magnifiying-glass-container:hover{box-shadow:1px 1px 3px 0 grey}.hidden{display:none}.layer-legend-container{position:fixed;bottom:0;right:0;background-color:#fff;max-width:500px;z-index:5}.alerts-container{width:calc(100% + 16px);height:0;overflow:hidden;position:relative;margin:0 0 -8px -8px}.alerts-container.open{height:100%}.clickable{cursor:pointer;align-items:center}.react-switch .react-switch-bg{border:1px solid #bdbdbd}.legend-transit-alert-rct-component{padding:8px 12px 8px 8px;background-color:#ffc;position:relative}.route-transit-alert{padding-bottom:8px}.route-transit-alert .transit-alert-url-blurb{padding-top:20px}.legend-transit-alert-rct-component>:not(:first-child){border-top:1px solid grey;padding-top:8px}.transit-alert-icon-rct-component{margin-left:8px;display:flex;align-items:center;justify-content:left}.transit-alert-icon-rct-component:focus,.transit-alert-icon-rct-component:hover{cursor:pointer}.transit-alert-icon-rct-component:focus .route-alert-icon svg,.transit-alert-icon-rct-component:hover .route-alert-icon svg{fill:#a62700!important}.transit-alert-icon-rct-component .route-alert-icon{margin:2px 7px 0 0;height:20px;width:20px}.transit-alert-icon-rct-component .route-alert-icon svg{height:20px;width:20px;transition:fill .2s ease-in-out}.transit-alert-icon-rct-component .route-alert-icon svg:focus,.transit-alert-icon-rct-component .route-alert-icon svg:hover{text-decoration:none;fill:#a62700!important}.transit-alert-icon-rct-component .route-alert-icon.info svg{fill:#2767b3;margin:1px;height:18px;width:18px}.transit-alert-icon-rct-component .route-alert-icon.alert svg{fill:#d43120}.transit-alert-icon-rct-component .route-alert-icon.warn svg{fill:#f48f21}.transit-alert-icon-rct-component .route-alert-icon.default svg{fill:#555}.legend-container{min-width:300px;max-width:500px;height:100%;width:40%}.legend-rct-component{height:100%;position:relative;z-index:100;top:0;left:0;display:flex;flex-direction:column;background-color:#fff;border-right:1px solid #000;width:100%;margin-right:0;overflow-y:scroll;-webkit-overflow-scrolling:touch;transition:left .2s ease}#bottomSpacer{min-height:100px}.logo-container{display:flex;justify-content:center;align-items:center}.main-logo{margin-top:8px;width:70%;height:auto}.title-container{display:flex;align-items:center;justify-content:center}.main-title{font-weight:700;text-transform:uppercase;text-align:center}.collapse-legend-button{height:56px;width:66px;position:absolute;top:0;left:0;display:flex;flex-direction:column;justify-content:space-between;align-items:center;margin:10px;opacity:.5;transition:all .2s;background-color:#fff;border:1px solid #000;border-radius:4px;padding:0 8px;z-index:101}.collapse-legend-button.open .legend-bar.one{transform:rotate(45deg);bottom:23px}.collapse-legend-button.open .legend-bar.three,.collapse-legend-button.open .legend-bar.two{transform:rotate(-45deg);bottom:23px}.legend-rct-component.open{left:0}.legend-bar{width:80%;height:8px;border-radius:4px;background-color:#000;position:absolute;bottom:30px;left:7px;transition:all .25s ease}.legend-bar.one{bottom:38px}.legend-bar.two{bottom:23px}.legend-bar.three{bottom:8px}.legend-button-container{width:70%;margin:12px auto 18px;display:flex;justify-content:center;align-items:stretch}.legend-button-container p{margin:0}.legend-button-container .legend-button{flex:1 1;font-weight:700;font-size:13px;padding:8px 6px;display:block;background:#eee;border:2px solid #fff;cursor:pointer}.legend-button:focus,.legend-button:hover{background-color:#d4ebf2}.collapse-legend-button:hover{cursor:pointer;opacity:1}.legend-group-title-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;text-align:center;padding:30px 8px 16px}.legend-button-container{width:60%}.legend-button-container .legend-button{text-decoration:none;padding:6px}.legend-group-title{display:flex;flex-direction:row;width:100%;align-items:center;justify-content:flex-start}.legend-group-title h2{font-size:1.5em;margin:0;padding-left:16px;text-align:left}.legend-group-title span{font-size:.8em;color:#ccc}.chevron{position:relative;height:12px;width:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;float:left}.chevron.hidden{display:none}.chevron .left,.chevron .right{position:absolute;width:6px;height:1px;background-color:#000;transition:transform .1s linear}.chevron .left{left:0;transform:rotate(-45deg)}.chevron .right{left:4px}.chevron.closed .left,.chevron .right{transform:rotate(45deg)}.chevron.closed .right{transform:rotate(-45deg)}#legend-control-button{display:none}.agency-routes-container,.group-layers-container{max-height:6000px;transition:max-height .6s linear;overflow:hidden}.agency-routes-container.closed,.group-layers-container.closed{max-height:0;transition:max-height .2s ease-out}@media (max-width:800px){.legend-container{min-width:0;width:0}.legend-container.open{position:absolute;width:300px;min-width:300px}#legend-control-button{display:flex}.legend-rct-component{left:-500px}}@media (max-width:600px){#topSpacer{min-height:60px}.legend-open-click-absorber{position:fixed;height:100%;width:100%;top:0;left:0;display:none;pointer-events:none}.legend-open-click-absorber.open{display:block;pointer-events:auto}}.loading-container{height:100%;width:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;background-color:#fff;transition:opacity 1s;transition-delay:opacity 1s}.loading-container .loading-rct-component{position:relative;top:0}.my-node-enter{opacity:0}.my-node-enter-active{opacity:1;transition:opacity .2s}.my-node-exit{opacity:1}.my-node-exit-active{opacity:0;transition:opacity .2s}.invisible{opacity:0;pointer-events:none}.main-rct-component,.map-container{display:flex;flex-direction:row;height:100%;width:100%;position:relative}.fade-enter,.map-fade-enter{opacity:0}.fade-enter-active,.map-fade-enter-active{opacity:1;transition:opacity 1.5s}.fade-exit,.map-fade-exit{opacity:1}.fade-exit-active,.map-fade-exit-active{opacity:0;transition:opacity 1.5s}@media (min-width:800px){.loading-container{left:12.5%}}@media (max-width:500px){.loading-rct-component{transform:scale(.5)}}@media (max-height:500px){.loading-rct-component{transform:scale(.5)}}@media (max-width:250px){.loading-rct-component{transform:scale(.1)}}@media (max-height:250px){.loading-rct-component{transform:scale(.1)}}
/*# sourceMappingURL=styles.css.map */