.view-showcases-grid-2 .views-row{margin:0 0 15px}.view-showcases-grid-2.view>.more-link a{margin:10px 0}.recent-weather{display:flex}.recent-weather-item{flex:1;width:0}.recent-weather-item:not(:last-child) {margin-right:1em}:lang(ar) .recent-weather-item:not(:last-child) {margin-right:0;margin-left:1em}.city{border:1px solid #eee;list-style-type:none;margin:0;padding:0;transition:.25s}.city:hover{box-shadow:0 8px 12px 0 rgba(0,0,0,.2);transform:scale(1.025)}.city li{color:#fff;padding:.5em;text-align:center}.city li .tmp{font-size:22px;font-weight:normal;font-family:"haettenschweiler"!important;letter-spacing:1px}.city li img{margin:3px 25px}.city li:nth-child(1) {background:#1d6292;font-size:1.4em}.city li:nth-child(2) {background:#276a98}.city li:nth-child(3) {background:#30709d}.city li:nth-child(4) {background:#4880a8}.city li:nth-child(5) {background:#5b90b1}.city li:nth-child(6) {background:#709fbd}.city li:nth-child(7) {background:#83adc7}.city li:nth-child(8) {background:#9dbed2}@media only screen and (max-width:600px){.recent-weather{flex-wrap:wrap}.recent-weather-item{flex:0 0 100%;margin-bottom:1em;width:100%}.city:hover{box-shadow:none;transform:none}}.weather-widget{width:100%;position:relative;margin:0 auto;padding:0 0}.weather-widget:before,.weather-widget:after{content:"";display:table}.weather-widget:after{clear:both}.weather-widget .row{margin:0;padding:0 5px}.weather-widget .row:before,.weather-widget .row:after{content:"";display:table}.weather-widget .row:after{clear:both}.weather-widget .columns{display:inline-block;margin-bottom:0;vertical-align:top;padding:0}.weather-widget .columns.sm-four{}.weather-widget .columns.sm-days{opacity:0}.weather-widget .columns.sm-days h2{font-weight:100;padding:0 5px;margin:10px 0}.weather-widget{box-shadow:inset 0 1.5px 4px rgba(255,255,255,.25) , inset 0 1.5px 6px rgba(255,255,255,.25);margin:0;overflow:hidden;background-size:cover;height:auto;min-height:200px;color:#fff}.weather-widget h2{color:#fff}.weather-widget header{font-weight:300;padding:16px;text-align:center;overflow:hidden}.weather-widget header h2{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.weather-widget .current-city-day{font-size:1rem;display:none}.weather-widget sup{position:relative;top:-1em;font-size:50%}.weather-widget .current-city-weather{font-size:4rem}.weather-widget .week-days{font-weight:400;text-align:center;color:#fff;padding-top:0!important}.weather-widget .day{font-size:.875em}.weather-widget .sm-days{border-right:1px solid #4f5373;cursor:pointer;margin-left:-5px;border-top:4px solid #fff;padding:0 3px}.weather-widget .sm-days:first-child{border-top:0}.weather-widget .day-weather-icon,.weather-widget .day-weather-info{margin:0}.weather-widget .day-weather-info h2{font-size:17px}.weather-widget .day-weather-icon{font-size:0}@media (max-width:520px){.weather-widget .columns{float:left;margin-left:0;margin-top:1rem}.weather-widget .columns:nth-child(odd) {margin-left:0}.weather-widget{margin-bottom:0;margin-top:0}.weather-widget .day{padding:1rem}.weather-widget .current-city-day{font-size:2rem}}@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}.weather-widget .fadeInUp{animation-name:fadeInUp;animation-duration:1s;animation-fill-mode:both}@keyframes fadeIn {
  0% {
    transform: scale(0.8);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}.weather-widget .fadeIn,.weather-widget .columns.sm-days{animation-name:fadeIn;animation-duration:1s;animation-fill-mode:both}.weather-widget .sm-days:nth-child(1) {animation-delay:.2s}.weather-widget .sm-days:nth-child(2) {animation-delay:.4s}.weather-widget .sm-days:nth-child(3) {animation-delay:.6s}.weather-widget .sm-days:nth-child(4) {animation-delay:.8s}.weather-widget .sm-days:nth-child(5) {animation-delay:1s}.weather-widget .sm-days:nth-child(6) {animation-delay:1.2s}.weather-widget .sm-days:nth-child(7) {animation-delay:1.4s}.weather-widget .columns.sm-four.current-city-name{float:right}.weather-widget .columns.sm-four.current-city-temp{float:right;clear:right}#block-weatherwidget{margin-top:43px}:lang(ar) .sm-days.columns {border-left:1px solid #4f5373;border-right:none}:lang(ar) .weather-widget header h2{direction:ltr}