/* Weather Box */

.element-ready-weather-wrapper{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    overflow: hidden;
    z-index: 10;
    border-radius: 10px;
    
 }
 .element-ready-weather-wrapper > div{
     align-items: center;
 }
 
 .element-ready-weather-time h5 {
     color: #ffffff;
     font-size: 40px;
     padding-bottom: 20px;
 }
 
 .element-ready-weather-icon {
     background: #ffffff;
     text-align: center;
     padding: 10px;
     border-radius: 10px;
 }
 .element-ready-weather-icon  img{
     max-width: 100%;
     width: auto;
 }
 
 .element-ready-weather-temp{
     color: #ffffff;
     display: flex;
     justify-content: center;
     flex-wrap: wrap;
 }
 .element-ready-weather-temp > div,
 .element-ready-weather-temp > .wind-deg{
     margin: 0 10px;
 }
 .element-ready-weather-temp div span{
     padding-right: 4px;
 }
 
 .element-ready-weather-desc{
     color: #ffffff;
     padding-top: 15px;
     padding-bottom: 15px;
 }
 
 .element-ready-weather-wrapper.style2{
     position: relative;
 }
 
 .element-ready-weather-wrapper.style2 .element-ready-weather-icon {
     position: absolute;
     right: 30px;
     top: 30px;
 }
 
 .element-ready-weather-wrapper.style2 .element-ready-weather-temp{
     flex-direction: column;
     text-align: left;
     align-items: flex-start;
 }
 
 .element-ready-weather-wrapper.style2  .element-ready-weather-desc{
     padding-bottom: 45px;
 
 }
 
 
 
 .element-ready-weather-wrapper.style3{
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     justify-content: space-between;
     padding: 30px 30px 30px;
 
 }
 .element-ready-weather-wrapper::before{
     position: absolute;
     content: '';
     left: 0;
     top: 0; 
     height: 100%;
     width: 1000%;
     background: rgba(0, 0, 0, 0.5);
     z-index: -1;
 }
 .element-ready-weather-wrapper.style3 .element-ready-weather-time {
     order: 1;
 }
 .element-ready-weather-wrapper.style3 .element-ready-weather-time h5{
     color: #ffffff;
     margin: 0;
     padding-bottom: 0px;
 }
 .element-ready-weather-wrapper.style3 .element-ready-weather-icon{
     order: 3;
 }
 
 .element-ready-weather-wrapper.style3 .element-ready-weather-desc {
     order: 2;
     color: #ffffff;
     font-size: 24px;
     font-weight: 600;
     padding-top: 5px;
     padding-bottom: 20px;
 }
 .element-ready-weather-wrapper.style3 .element-ready-weather-temp{
     order: 4;
     position: absolute;
     right: 30px;
     top: 30px;
 }
 .element-ready-weather-wrapper.style3 .element-ready-weather-temp div,
 .element-ready-weather-wrapper.style3 .element-ready-weather-temp  span{
     color: #ffffff;
     font-weight: 600;
     font-size: 20px;
 }
 
 .element-ready-weather-wrapper.style4{
     box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
 }
 
 .element-ready-weather-wrapper.style4::before{
     display: none;
 }
 .element-ready-weather-wrapper.style4 .element-ready-weather-topbar{
     width: 100%;
     background: rgb(52, 168, 159);
     padding: 30px;
 }
 .element-ready-weather-wrapper.style4 .element-ready-weather-topbar .element-ready-weather-time h5{
     color: #000000;
     margin-bottom: 0;
     padding-bottom: 0;
 }
 .element-ready-weather-wrapper.style4 .element-ready-weather-topbar .element-ready-weather-desc{
     padding-bottom: 0;
     padding-top: 10px;
     color: #222222;
 }
 .element-ready-weather-wrapper.style4 .element-ready-weather-topbar .element-ready-weather-icon{
     position: absolute;
     right: 30px;
     top: 30px;
 }
 
 .element-ready-weather-wrapper.style4 .element-ready-weather-temp{
     flex-direction: column;
     text-align: left;
     align-items: flex-start;
     width: 100%;
     padding: 30px;
 }
 
 .element-ready-weather-wrapper.style4 .element-ready-weather-temp div,
 .element-ready-weather-wrapper.style4 .element-ready-weather-temp span {
     color: #222222;
 }
 
 
 /*-----------------------------
     air pollution css
 -------------------------------*/
 
 .element-ready-airpollution-wrapper .components{
     border: 1px solid rgba(0, 0, 0, 0.1);
     padding: 30px;
     border-radius: 0px;
 
 }
 
 
 .element-ready-airpollution-wrapper .components .item{
     display: flex;
     justify-content: space-between;
     align-items: center;
     border-bottom: 1px solid rgba(0, 0, 0, 0.1);
     padding: 10px 20px;
 }
 .element-ready-airpollution-wrapper .components .item:last-child{
     border-bottom: 0;
 }
 
 
 .element-ready-airpollution-wrapper .components .item:nth-child(even){
     background: #f1f1f1;
 }
 
 .element-ready-airpollution-wrapper .components .item .title{ 
     font-size: 20px;
     font-weight: 500;
     margin: 0;
 }
 
 .element-ready-airpollution-wrapper .element-ready-air-pollution-date{
     font-size: 20px;
     font-weight: 500;
     padding: 10px 0;
     text-align: center;
     border: 1px solid rgba(0, 0, 0, 0.1);
     margin-bottom: 0;
     border-bottom: 0;
 }
 
 .element-ready-airpollution-wrapper.style2 .element-ready-air-pollution-date{
     border-radius: 10px 10px 0 0;
 }
 
 .element-ready-airpollution-wrapper.style2 .components{
     border-radius: 0 0 10px 10px;
 }
 .element-ready-airpollution-wrapper.style2 .components .item:nth-child(even){
     background: #ffffff;
 }
 
 .element-ready-weather-daily-wrapper{
     display: flex;
     flex-wrap: wrap;
     justify-content: flex-start;
 }
 
  .element-ready-weather-map-item{
     border: 1px solid rgba(0, 0, 0, 0.103);
     width: 31%;
     margin: 0 10px 20px;
     padding: 15px;
     background: #ffffff;
 
     
 }
 
 .element-ready-weather-map-item .element-ready-weather-map-meta{
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
 }
 .element-ready-weather-map-item .element-ready-weather-map-meta > div{
     width: 50%;
     margin-bottom: 10px;
 }
 
 
 .element-ready-weather-map-item .element-ready-weather-map-details .weather-map-text{
     display: flex;
     justify-content: space-between;
     align-items: center;
     margin-top: 20px;
 }
 
 
 
 .element-ready-weather-tabs-item .element-ready-weather-map-item{
     margin: 0;
     width: auto;
     background: #dbdbdb;
     transition: all linear 0.3s;
     height: 222px;
     
 }
 
 .element-ready-weather-tabs-item .element-ready-w3-bar .element-ready-w3-bar-item{
     display: flex;
     justify-content: space-between;
     align-items: center;
     background: #dbdbdb;
     margin-top: 10px;
     padding: 5px 15px;
     cursor: pointer;
 
 }
 .element-ready-weather-tabs-item .element-ready-w3-bar .element-ready-w3-bar-item .text p{
     margin-bottom: 0;
 }
 .element-ready-weather-tabs-item .element-ready-w3-bar .element-ready-w3-bar-item .icon img{
     text-shadow: 0 0 0 #000;
 }

 .element-ready-weather-inner
{
    display: inline-flex;
    flex-direction: row;
    gap: 10px;
 }
 .er-content-wrapper{
    display: inline-flex;
    flex-direction: column;
    gap: 1px;
 }