.elementor-3522 .elementor-element.elementor-element-eb7f510:not(.elementor-motion-effects-element-type-background), .elementor-3522 .elementor-element.elementor-element-eb7f510 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#BD3D36;}.elementor-3522 .elementor-element.elementor-element-eb7f510{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-3522 .elementor-element.elementor-element-eb7f510 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3522 .elementor-element.elementor-element-52998192 img{width:48px;}.elementor-bc-flex-widget .elementor-3522 .elementor-element.elementor-element-4505755c.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-3522 .elementor-element.elementor-element-4505755c.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-3522 .elementor-element.elementor-element-1dd00425 .elementor-heading-title{color:#FFFFFF;font-family:"Roboto", Sans-serif;font-size:28px;font-weight:700;}.elementor-3522 .elementor-element.elementor-element-7e774d37 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-3522 .elementor-element.elementor-element-7e774d37:not(.elementor-motion-effects-element-type-background), .elementor-3522 .elementor-element.elementor-element-7e774d37 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1C1C1C00;}.elementor-3522 .elementor-element.elementor-element-7e774d37 > .elementor-container{min-height:0px;}.elementor-3522 .elementor-element.elementor-element-7e774d37{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-3522 .elementor-element.elementor-element-7e774d37 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3522 .elementor-element.elementor-element-72122e66{text-align:left;}.elementor-3522 .elementor-element.elementor-element-72122e66 img{width:330px;}@media(max-width:1024px){.elementor-3522 .elementor-element.elementor-element-7e774d37 > .elementor-container{min-height:120px;}.elementor-3522 .elementor-element.elementor-element-7e774d37{padding:20px 20px 20px 20px;}.elementor-3522 .elementor-element.elementor-element-42eb55fd > .elementor-element-populated{padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-3522 .elementor-element.elementor-element-7e774d37{padding:15px 20px 15px 20px;}.elementor-3522 .elementor-element.elementor-element-1807166d{width:100%;}.elementor-3522 .elementor-element.elementor-element-72122e66{text-align:center;}.elementor-3522 .elementor-element.elementor-element-72122e66 img{width:200px;}.elementor-3522 .elementor-element.elementor-element-42eb55fd{width:100%;}.elementor-3522 .elementor-element.elementor-element-42eb55fd > .elementor-element-populated{padding:10px 0px 0px 0px;}}@media(min-width:768px){.elementor-3522 .elementor-element.elementor-element-4ff3468c{width:13.294%;}.elementor-3522 .elementor-element.elementor-element-4505755c{width:86.706%;}}@media(max-width:1024px) and (min-width:768px){.elementor-3522 .elementor-element.elementor-element-1807166d{width:100%;}.elementor-3522 .elementor-element.elementor-element-42eb55fd{width:100%;}}/* Start custom CSS for column, class: .elementor-element-4ff3468c */.elementor-3522 .elementor-element.elementor-element-4ff3468c {
    max-width: 68px;
    margin-left: auto;
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-4505755c */.elementor-3522 .elementor-element.elementor-element-4505755c {
    width: auto !important;
    margin-right: auto;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-eb7f510 */.elementor-3522 .elementor-element.elementor-element-eb7f510 {
    width: 100vw;
    z-index: 1001;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-45359e7c */.d-none {
    display: none !important;
}

.elementor-location-footer {
    margin-top: 50px;
}

main#content {
    min-height: calc(100vh - 285px);
}

.search-box {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
}

.search-box > span {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    line-height: 50px;
    background-color: #F5CB36;
    color: #000;
    padding: 0 16px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    border-radius: 0 8px 8px 0;
    cursor: pointer;
}

.search-box.error > span {
    background-color: #E84849;
    color: #fff;
}

.search-box > span img {
    vertical-align: middle;
}

.search-box > input {
    border: none;
    border-radius: 8px;
    height: 50px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
}

.search-box > input:focus {
    border: none;
    outline: 0;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-7e774d37 */body {
    position: relative;
    overflow-x: hidden;
}

body:before,
body:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 120px;
	opacity: 0;	
	z-index: -10;
	transition: opacity 0.5s;
	min-width: 100vw;
    min-height: 100vh;
}

body:before {
    z-index: -11;
}

body:before {
	background-image: linear-gradient(0deg, #FFFFFF 0%, #4286EC 100%);
		opacity: 1;
}

body.day-time:before {
    background-image: linear-gradient(0deg, #FFFFFF 0%, #4286EC 100%);
		opacity: 1;
}

body.night-time:before {
    background-image: linear-gradient(0deg, #6466D1 0%, #36205E 100%);
		opacity: 1;
}

body.day-time.weather-drizzle:before,
body.day-time.weather-thunderstorm:before,
body.day-time.weather-clouds:before,
body.day-time.weather-rainy:before {
    background-image: linear-gradient(0deg, #AEC2D6 0%, #3A6C9B 100%);
    opacity: 1;
}

body.night-time.weather-drizzle:before,
body.night-time.weather-thunderstorm:before,
body.night-time.weather-clouds:before,
body.night-time.weather-rainy:before {
    background-image: linear-gradient(0deg, #81809B 0%, #120E15 100%);
    opacity: 1;
}

body.day-time.weather-snow:before {
    background-image: linear-gradient(0deg, #C8D1F2 0%, #446B8F 100%);
    opacity: 1;
}

body.night-time.weather-snow:before {
    background-image: linear-gradient(0deg, #80889B 0%, #48485B 100%);
    opacity: 1;
}

body.night-time.weather-mist:before {
    background-image: linear-gradient(0deg, #8F979D 0%, #23282D 100%);
		opacity: 1;
}

body.day-time.weather-mist:before {
    background-image: linear-gradient(0deg, #C9E0F5 0%, #6F838C 100%);
		opacity: 1;
}

body.night-time.weather-tornado:before {
    background-image: linear-gradient(0deg, #8F979D 0%, #23282D 100%);
		opacity: 1;
}

body.day-time.weather-tornado:before {
    background-image: linear-gradient(0deg, #C9E0F5 0%, #6F838C 100%);
		opacity: 1;
}

body.updating-weather:before {
    opacity: 0;
}

body.updating-weather:after {
    opacity: 1;
}

body.updating-weather.day-time:after {
    background-image: linear-gradient(0deg, #FFFFFF 0%, #4286EC 100%);
	opacity: 1;
}

body.updating-weather.night-time:after {
    background-image: linear-gradient(0deg, #6466D1 0%, #36205E 100%);
	opacity: 1;
}

body.updating-weather.day-time.weather-clouds:after {
    background-image: linear-gradient(0deg, #AEC2D6 0%, #3A6C9B 100%);
	opacity: 1;
}

body.updating-weather.day-time.weather-drizzle:after,
body.updating-weather.day-time.weather-rainy:after {
    background-image: linear-gradient(0deg, #AEC2D6 0%, #3A6C9B 100%);
    opacity: 1;
}

body.updating-weather.night-time.weather-drizzle:after,
body.updating-weather.night-time.weather-rainy:after {
    background-image: linear-gradient(0deg, #81809B 0%, #120E15 100%);
    opacity: 1;
}

body.updating-weather.day-time.weather-snow:after {
    background-image: linear-gradient(0deg, #C8D1F2 0%, #446B8F 100%);
    opacity: 1;
}

body.updating-weather.night-time.weather-snow:after {
    background-image: linear-gradient(0deg, #80889B 0%, #48485B 100%);
    opacity: 1;
}

body.updating-weather.night-time.weather-mist:after {
    background-image: linear-gradient(0deg, #8F979D 0%, #23282D 100%);
		opacity: 1;
}

body.updating-weather.day-time.weather-mist:after {
    background-image: linear-gradient(0deg, #C9E0F5 0%, #6F838C 100%);
		opacity: 1;
}

body.updating-weather.night-time.weather-tornado:after {
    background-image: linear-gradient(0deg, #8F979D 0%, #23282D 100%);
		opacity: 1;
}

body.updating-weather.day-time.weather-tornado:after {
    background-image: linear-gradient(0deg, #C9E0F5 0%, #6F838C 100%);
		opacity: 1;
}

body:not(.updating-weather):before {
    opacity: 1;
}

body:not(.updating-weather):after {
    opacity: 0;
}

body.weather-mist .weather-image {
    opacity: 0.6;
}

body.weather-mist .weather-image:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('https://www.weather-daily.com/wp-content/uploads/2022/05/Current-Weather-mist.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4bb409e */body .stars,
#tornado,
#snow,
.clouds {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -9;
}

#tornado {
  transform: rotate(0.75turn);
}

body #snow  {
    opacity: 0;
}

body.weather-snow #snow  {
    opacity: 1;
}

body.weather-clouds .clouds .cloud  {
    opacity: 0.7;
}

body.weather-rainy .clouds .cloud  {
    opacity: 0.5;
}

body.night-time.weather-clouds .clouds .cloud  {
    opacity: 0.4;
}

body .stars {
    opacity: 0;
}

body .stars .star {
    background-image: url('https://www.weather-daily.com/wp-content/uploads/2022/04/Vector.svg');
    position: absolute;
    background-size: cover;
    transition: opacity 0.5s;
}

body .stars .star.star-1 {
    width: 10px;
    height: 10px;
    left: 50px;
    top: 170px;
}

body .stars .star.star-2 {
    width: 15px;
    height: 15px;
    left: 150px;
    top: 190px;
}

body .stars .star.star-3 {
    width: 9px;
    height: 9px;
    left: 152px;
    top: 260px;
}

body .stars .star.star-4 {
    width: 8px;
    height: 8px;
    left: 120px;
    top: 210px;
}

body .stars .star.star-5 {
    width: 8px;
    height: 8px;
    left: 140px;
    top: 360px;
}

body .stars .star.star-6 {
    width: 8px;
    height: 8px;
    left: 150px;
    top: 370px;
}

body .stars .star.star-7 {
    width: 10px;
    height: 10px;
    right: 50px;
    top: 170px;
}

body .stars .star.star-8 {
    width: 15px;
    height: 15px;
    right: 150px;
    top: 190px;
}

body .stars .star.star-9 {
    width: 9px;
    height: 9px;
    right: 152px;
    top: 260px;
}

body .stars .star.star-10 {
    width: 8px;
    height: 8px;
    right: 120px;
    top: 210px;
}

body .stars .star.star-11 {
    width: 8px;
    height: 8px;
    right: 140px;
    top: 360px;
}

body .stars .star.star-12 {
    width: 8px;
    height: 8px;
    right: 150px;
    top: 370px;
}

body.night-time:not(.weather-clouds):not(.weather-rainy):not(.weather-thunderstorm):not(.weather-snow) .stars {
    opacity: 1;
}

body.weather-rainy .clouds .cloud-8,
body.weather-night .clouds .cloud-8 {
    opacity: 0.2;
}

.clouds .cloud {
    position: absolute;
    background-size: cover;
    transition: left 0.5s, right 0.5s;
}

body:not(.weather-clouds):not(.weather-rainy):not(.weather-thunderstorm):not(.weather-snow):not(.weather-few-clouds):not(.weather-drizzle) .cloud-1,
body:not(.weather-clouds):not(.weather-rainy):not(.weather-thunderstorm):not(.weather-snow):not(.weather-few-clouds):not(.weather-drizzle) .cloud-2,
body:not(.weather-clouds):not(.weather-rainy):not(.weather-thunderstorm):not(.weather-snow):not(.weather-few-clouds):not(.weather-drizzle) .cloud-3 {
    left: -300px;
}

body:not(.weather-clouds):not(.weather-rainy):not(.weather-thunderstorm):not(.weather-snow):not(.weather-few-clouds):not(.weather-drizzle) .cloud-4,
body:not(.weather-clouds):not(.weather-rainy):not(.weather-thunderstorm):not(.weather-snow):not(.weather-few-clouds):not(.weather-drizzle) .cloud-5,
body:not(.weather-clouds):not(.weather-rainy):not(.weather-thunderstorm):not(.weather-snow):not(.weather-few-clouds):not(.weather-drizzle) .cloud-6,
body:not(.weather-clouds):not(.weather-rainy):not(.weather-thunderstorm):not(.weather-snow):not(.weather-few-clouds):not(.weather-drizzle) .cloud-7,
body:not(.weather-clouds):not(.weather-rainy):not(.weather-thunderstorm):not(.weather-snow):not(.weather-few-clouds):not(.weather-drizzle) .cloud-8 {
    right: -300px;
}

.clouds .cloud-1 {
    background-image: url('https://www.weather-daily.com/wp-content/uploads/2022/04/Cloud.png');
    width: 144px;
    height: 51px;
    left: -50px;
    top: 290px;
}

.clouds .cloud-2 {
    background-image: url('https://www.weather-daily.com/wp-content/uploads/2022/04/Cloud-3.png');
    width: 57px;
    height: 25px;
    left: 20px;
    top: 400px;
}

.clouds .cloud-3 {
    background-image: url('https://www.weather-daily.com/wp-content/uploads/2022/04/Cloud.png');
    width: 126px;
    height: 45px;
    left: 40px;
    top: 420px;
}

.clouds .cloud-4 {
    background-image: url('https://www.weather-daily.com/wp-content/uploads/2022/04/Cloud.png');
    width: 99px;
    height: 36px;
    right: 80px;
    top: 230px;
}

.clouds .cloud-5 {
    background-image: url('https://www.weather-daily.com/wp-content/uploads/2022/04/Cloud-3.png');
    width: 39px;
    height: 17px;
    right: 40px;
    top: 330px;
}

.clouds .cloud-6 {
    background-image: url('https://www.weather-daily.com/wp-content/uploads/2022/04/Cloud.png');
    width: 86px;
    height: 30px;
    right: -30px;
    top: 340px;
}

.clouds .cloud-7 {
    background-image: url('https://www.weather-daily.com/wp-content/uploads/2022/04/Cloud.png');
    width: 99px;
    height: 36px;
    right: 60px;
    top: 450px;
    transform: rotateY(180deg);
}

.clouds .cloud-8 {
    background-image: url('https://www.weather-daily.com/wp-content/uploads/2022/04/Cloud.png');
    width: 165px;
    height: 60px;
    right: 120px;
    top: 440px;
    opacity: 0.3;
}

@media screen and (max-width: 768px) {
    .clouds .cloud {
       transform: translateY(150px);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-40e61b5d */body .rain {
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -9;
    transition: all 0.5s;
}

body.weather-thunderstorm.night-time .clouds .cloud {
    filter: brightness(0.2) drop-shadow(0px 0px 44px rgba(139, 120, 180, 0.65));
}

body.weather-thunderstorm.day-time .clouds .cloud {
    filter: brightness(0.85) drop-shadow(0px 0px 44px rgba(139, 120, 180, 0.65));
}

body.weather-drizzle .rain,
body.weather-thunderstorm .rain,
body.weather-rainy .rain {
    opacity: 1;
}

body.weather-drizzle .rain .rain__drop:nth-child(odd) {
    display: none;
}

.rain__drop {
  -webkit-animation-delay: calc(var(--d) * 1s);
          animation-delay: calc(var(--d) * 1s);
  -webkit-animation-duration: calc(var(--a) * 1s);
          animation-duration: calc(var(--a) * 1s);
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: drop;
          animation-name: drop;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  height: 30px;
  left: calc(var(--x) * 1%);
  position: absolute;
  top: calc((var(--y) + 50) * -1px);
}
.rain__drop path {
  fill: #a1c6cc;
  opacity: var(--o);
  transform: scaleY(calc(var(--s) * 1.5));
}
@-webkit-keyframes drop {
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(100vh);
  }
}
@keyframes drop {
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(100vh);
  }
}/* End custom CSS */