.cityclimate-wrapper .order-page .title{font-family:Arial,Helvetica,sans-serif;font-size:3em;line-height:1em;text-shadow:#124673 1px 0 2px;word-break:break-word}.cityclimate-wrapper .live-container{display:inline-block;width:100%}@media only screen and (max-width:840px){.cityclimate-wrapper .row{padding:10px}}.cityclimate-wrapper .climate-map{background:#94c1e1;border-radius:5px;bottom:0;direction:ltr;display:flex;height:55em;left:0;overflow:hidden;position:relative;right:0;top:0;width:100%}@media only screen and (max-width:600px){.cityclimate-wrapper .climate-map{height:40em}}.cityclimate-wrapper .climate-map .mapboxgl-popup-content{padding:0 5px}.cityclimate-wrapper .climate-map.overview{width:100%}.cityclimate-wrapper .scale-container{background-size:contain;margin-bottom:2em}.cityclimate-wrapper .scale-container canvas{pointer-events:all}.cityclimate-wrapper .marker{border-radius:100%;cursor:pointer;height:1.5em;position:absolute;width:1.5em}.cityclimate-wrapper .marker:hover{border:4px solid #231f20;height:1.5em;width:1.5em}.cityclimate-wrapper .city-marker-anchor{position:absolute}.cityclimate-wrapper .city-marker-anchor .city-marker{background:#1b85e1;border:3px solid hsla(0,0%,100%,.8);border-radius:50%;cursor:pointer;height:11px;margin:-.4em;width:11px;z-index:1}.cityclimate-wrapper .city-marker-anchor .city-marker:hover{background:#469de9;border:.3em solid}.cityclimate-wrapper .tabs{display:inline-flex;font-size:1.5em;text-align:left;width:100%}.cityclimate-wrapper .tabs.in-popup{font-size:1.4em;margin-top:1em;user-select:none}@media only screen and (max-width:600px){.cityclimate-wrapper .tabs{font-size:1.3em;width:100%}}.cityclimate-wrapper .tabs .tab{background:none;border-bottom:4px solid #e9e9e9;box-shadow:none;color:#124673;cursor:pointer;display:inline-flex;margin-bottom:1em;padding:.4em 1.2em;text-align:center;text-decoration:none;vertical-align:top;width:100%}.cityclimate-wrapper .tabs .tab .tab-content{text-align:center;width:100%}@media only screen and (max-width:600px){.cityclimate-wrapper .tabs .tab{flex:2 1 auto;min-width:0;padding:.4em .5em}}.cityclimate-wrapper .tabs .tab.active{background:#dbdae4;border-bottom:4px solid #dbdae4;border-radius:.3em .3em 0 0}.cityclimate-wrapper .tabs .tab:before{border:none}.cityclimate-wrapper .plug-and-play-images,.cityclimate-wrapper .plug-and-play-images img{width:80%}@media only screen and (max-width:600px){.cityclimate-wrapper .plug-and-play-images{display:flex;margin:auto}.cityclimate-wrapper .plug-and-play-images img{width:100%}}.cityclimate-wrapper .popup-back{background:rgba(0,0,0,.4);bottom:0;display:none;height:100vh;left:0;overflow:auto;position:fixed;right:0;top:0;width:100%;z-index:99}.cityclimate-wrapper .popup-back .popup-scroll-container .popup{background:#f8f8f8;height:auto!important;margin:1rem auto;padding:1rem;position:relative;width:600px}@media only screen and (max-width:840px){.cityclimate-wrapper .popup-back .popup-scroll-container .popup{margin:1rem;width:calc(100% - 4rem)}}.cityclimate-wrapper .popup-back .popup-scroll-container .popup h3{font-weight:700}.cityclimate-wrapper .popup-back .popup-scroll-container .popup li{font-weight:400;line-height:normal}.cityclimate-wrapper .popup-back .popup-scroll-container .popup .popup-close{cursor:pointer;display:flex;height:1.6em;justify-content:end;margin-left:auto;user-select:none;width:1.6em}.cityclimate-wrapper .popup-back .popup-scroll-container .popup .popup-close p{font-size:1.2em;font-weight:700;margin-top:0;position:relative;text-align:center;width:1.4em}.cityclimate-wrapper .popup-back .popup-scroll-container .popup .popup-image{border-radius:.2em;float:right;height:20em;margin:.7em 0}.cityclimate-wrapper .popup-back .popup-scroll-container .popup .popup-fallback{background-color:hsla(0,0%,97%,.6);height:20em;margin:.7em 0;position:relative}.cityclimate-wrapper .popup-back .popup-scroll-container .popup .history{height:34em;user-select:none}@media only screen and (max-width:600px){.cityclimate-wrapper .popup-back .popup-scroll-container .popup .history{height:25em}}.cityclimate-wrapper .popup-back .popup-scroll-container .popup .stat-table{border-bottom:1px solid #e4e4e4;display:flex;font-size:13px;justify-content:space-between;padding:4px;text-align:end}.cityclimate-wrapper .popup-back .popup-scroll-container .popup .stat-table .stat-header{flex:1;min-width:20em;text-align:start}.cityclimate-wrapper .popup-back .popup-scroll-container .popup .stat-table .stat-title{flex:1;font-weight:700}.cityclimate-wrapper .popup-back .popup-scroll-container .popup .stat-table .stat-cell{align-self:flex-end;flex:1}@media only screen and (max-width:600px){.cityclimate-wrapper .popup-back .popup-scroll-container .popup .stat-table{font-size:10px;font-size:2.6vw}.cityclimate-wrapper .popup-back .popup-scroll-container .popup .stat-table .stat-header{flex:1;min-width:13em}}.cityclimate-wrapper .popup-back .popup-scroll-container .popup .popup-content{margin-bottom:1em}.cityclimate-wrapper .popup-back .popup-scroll-container .popup .popup-content img{width:100%}@media only screen and (max-width:600px){.cityclimate-wrapper .popup-back .popup-scroll-container .popup .popup-image{height:12em}.cityclimate-wrapper .popup-back .popup-scroll-container .popup .popup-content{width:100%!important}}.cityclimate-wrapper .diagram-text h3{margin-left:0}.cityclimate-wrapper .diagram-text ul li{line-height:1.4em;margin-top:8px!important}.cityclimate-wrapper .diagram-list{margin:0!important}.cityclimate-wrapper .diagram-list li{margin:0!important;width:100%!important}.cityclimate-wrapper .diagram-list li:first-child:before{color:#fb9b01}.cityclimate-wrapper .diagram-list li:nth-child(2):before{color:#a82700}.cityclimate-wrapper .diagram-list li:nth-child(3):before{color:#92c1de}.cityclimate-wrapper .diagram-list li:before{content:"\2022";display:inline-block;font-size:2em;font-weight:700;width:1em}.cityclimate-wrapper .diagram-content{margin:0 1em;position:relative;z-index:-1}.cityclimate-wrapper .container-hwi{height:30em}@media only screen and (max-width:980px){.cityclimate-wrapper{display:block}.cityclimate-wrapper .diagram-content{margin:1em 0;width:100%}}.cityclimate-wrapper .partner{display:inline-flex;flex-wrap:wrap}.cityclimate-wrapper .partner div{margin:auto}.cityclimate-wrapper .partner div img{width:80%}.cityclimate-wrapper .climate-zone-image{display:block;margin:auto;width:100%}.cityclimate-wrapper .station-text{font-size:16px;font-weight:700;margin:0;width:100%}.cityclimate-wrapper .station-text ul{margin:5px 0 0}.cityclimate-wrapper .station-text ul li{margin:12px 0 0!important;width:100%}@media only screen and (max-width:600px){.cityclimate-wrapper .station-text{font-size:12px}}.cityclimate-wrapper .collapse-container{background:#124673;border-bottom:2px solid hsla(0,0%,39%,.3);border-radius:.2em}.cityclimate-wrapper .collapse-container .collapse-header{cursor:pointer;display:grid;margin-left:1em;user-select:none}.cityclimate-wrapper .collapse-container .collapse-header h3{display:inline-flex}.cityclimate-wrapper .collapse-container .collapse-header h3 img{display:block;margin-left:auto;margin-right:1em;transform:rotate(90deg);width:1.2em}.cityclimate-wrapper .collapse-container .collapse-header.default h3 img{transform:rotate(270deg)}.cityclimate-wrapper .collapse-container .collapse-content{height:auto;margin:0 1em;overflow:hidden}.cityclimate-wrapper .collapse-container .collapse-content.default{height:auto}.cityclimate-wrapper .citylogo{margin:1em 2em;position:absolute;right:0}.cityclimate-wrapper .citylogo img{height:auto;width:12em}@media only screen and (max-width:840px){.cityclimate-wrapper .citylogo{display:none}}.cityclimate-wrapper .top-text{margin-top:5em}.cityclimate-wrapper .contact{justify-content:center}.cityclimate-wrapper .type-switch{background:#fff;border:2px solid hsla(0,0%,39%,.4);border-radius:.5em;display:inline-flex;height:3em;margin:.5em;overflow:hidden;pointer-events:auto;width:20em}.cityclimate-wrapper .type-switch .switch{cursor:pointer;font-weight:700;padding:0;text-align:center;user-select:none;width:100%}.cityclimate-wrapper .type-switch .switch:hover{background:#0b2b47}.cityclimate-wrapper .type-switch .switch p{line-height:inherit}.cityclimate-wrapper .type-switch .switch:last-of-type{border-left:2px solid hsla(0,0%,39%,.4)}.cityclimate-wrapper .switch-btn{background:none;border:none;border-radius:0;height:auto;margin:0;padding-left:.5rem}.cityclimate-wrapper .map-time-slider{--mbts-color-now-indicator:transparent;bottom:5px;height:40px;left:5px;pointer-events:none;position:absolute;right:150px;z-index:3}@media only screen and (max-width:840px){.cityclimate-wrapper .map-time-slider{width:calc(100% - 2rem)}}.cityclimate-wrapper .map-time-slider div{pointer-events:all}.cityclimate-wrapper .loading{display:none;top:75%}.cityclimate-wrapper .map-switch-active{background-color:#124673!important}.cityclimate-wrapper .map-switch-active p{color:#fff}.cityclimate-wrapper div.widget{background-color:#fcfdfd;border-radius:9px;display:flex;justify-content:space-between;min-height:125px;position:relative;width:100%}.cityclimate-wrapper div.widget-shadow{box-shadow:0 31px 35px -26px #080c21}.cityclimate-wrapper div.left-panel{padding:16px}.cityclimate-wrapper div.date{color:rgba(0,0,0,.5);font-size:14px;font-weight:700;margin-top:30px}.cityclimate-wrapper div.city{color:rgba(0,0,0,.7);font-size:21px;font-weight:700;padding-top:5px;text-transform:uppercase}.cityclimate-wrapper div.temp{color:rgba(0,0,0,.9);font-size:48px;font-weight:100;line-height:50px;margin-top:20px}.cityclimate-wrapper div.tmp-labels{display:flex;justify-content:space-between}.cityclimate-wrapper div.tmp-labels span{font-weight:100;width:100%}.cityclimate-wrapper div.panel{display:inline-block}.cityclimate-wrapper div.right-panel{padding:16px}.cityclimate-wrapper div.right-panel img{border-radius:10px}@media only screen and (max-width:600px){.cityclimate-wrapper div.right-panel img{width:100%}}.cityclimate-wrapper .temp-prec{margin-top:20px}.cityclimate-wrapper .temp-prec div{display:flex;flex-direction:column;padding:3px}.cityclimate-wrapper .temp-prec div .bold-font{font-size:40px;line-height:60px}@media only screen and (max-width:600px){.cityclimate-wrapper .temp-prec div .bold-font{font-size:20px}}