#weather-tab{padding-bottom:15px}#weather-tab .nav-link{color:#252c33}#weather-tab .nav-link.active,.nav-pills .show>.nav-link{background-color:#252c33;color:#fff}#weather-tabContent .weather-row{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #dee2e6}#weather-tabContent .weather-row .weather-city-title{width:16.66667%}#weather-tabContent .weather-row .weather-city-values{display:flex;flex-wrap:nowrap;overflow-y:hidden;overflow-x:auto;width:83.33333%;text-align:center}#weather-tabContent .weather-box{margin:0 15px;display:flex;flex-direction:column;flex:1;margin:0 15px}#weather-tabContent .weather-box .weather-icon,#weather-tabContent .weather-row .weather-box .weather-temperature{flex:1}#weather-tabContent .weather-box .weather-icon{margin-bottom:2px}#weather-tabContent .weather-box .weather-icon img{max-width:30px;height:30px;vertical-align:bottom;object-fit:contain}#weather-tabContent .weather-box .weather-wind.weather-beufort{display:flex;justify-content:center;margin-bottom:2px;flex-wrap:nowrap}#weather-tabContent .weather-box .weather-wind.weather-beufort span{font-size:11px;color:#8b8b8b;white-space:nowrap}#weather-tabContent .weather-box .weather-wind.weather-beufort div{position:relative}#weather-tabContent .weather-box .weather-wind.weather-beufort .beufort{padding-right:10px}#weather-tabContent .weather-box .weather-wind.weather-beufort .beufort::after{content:"|";position:absolute;right:3px;color:#8b8b8b;bottom:0}#weather-tabContent .weather-row .weather-box .weather-temperature{display:flex;justify-content:center;margin-bottom:2px;flex-wrap:nowrap}#weather-tabContent .weather-row .weather-box .weather-temperature span{font-size:18px;font-weight:700;display:block;position:relative;padding-right:10px;width:fit-content}#weather-tabContent .weather-row .weather-box .weather-temperature span::after{content:"°";position:absolute;right:0;top:0}#weather-tabContent .weather-row .weather-box .weather-time{display:flex;justify-content:center}#weather-tabContent .weather-row .weather-box .weather-time span{display:block;border-top:1px solid #dee2e6;width:auto;padding-top:3px;width:fit-content}@media only screen and (max-width:991px){#weather-tabContent .weather-row .weather-city-title{width:100%;margin-bottom:20px}#weather-tabContent .weather-row .weather-city-values{width:100%}}