/**
 * Ultramed Sleep - Elementor Widget: Toggle (Animated)
 */

.ums-toggle {
	line-height: 0;
	display: flex;
	justify-content: center;
}

.ums-toggle__input {
	position: absolute;
	opacity: 0;
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}

.ums-toggle__track {
  border-radius: 55px;
  overflow: hidden;
  width: 198px;
  height: 64px;
  position: relative;
	cursor: pointer;
}

.ums-toggle .ums-toggle__stars {
  width: 75%;
  height: 100%;
  position: absolute;
  object-fit: cover;
	opacity: 0;
}

.ums-toggle #sun-wrapper,
.ums-toggle #sun,
.ums-toggle #clouds,
.ums-toggle__stars,
.ums-toggle rect {
	transition: .5s;
}

.ums-toggle__input:checked + .ums-toggle__track #sun-wrapper {
	transform: translateX(136px);
}

.ums-toggle__input:checked + .ums-toggle__track #sun {
	opacity: 0;
}
.ums-toggle__input:checked + .ums-toggle__track #clouds {
	transform: translateY(54px);
}

.ums-toggle__input:checked + .ums-toggle__track .ums-toggle__stars {
	opacity: 1;
}

.ums-toggle__input:checked + .ums-toggle__track rect {
	fill: #1a2f64;
}

#hero-banner.hero-banner--night {
	background-image: url(../images/night-bg.jpg);
}

#hero-banner .elementor-heading-title,
#hero-banner .elementor-widget-text-editor {
	transition: .3s;
}

#hero-banner.hero-banner--night .elementor-heading-title,
#hero-banner.hero-banner--night .elementor-widget-text-editor {
	color: #fff;
}

#contact-form-wrapper.contact-form-wrapper--night {
	background-image: url(../images/contact-form-night-bg.jpg);
}

#contact-form-wrapper.contact-form-wrapper--night label,
#contact-form-wrapper.contact-form-wrapper--night .wpcf-agree-policy p,
#contact-form-wrapper.contact-form-wrapper--night .wpcf-agree-policy p a {
	color: #fff;
}

#contact-form-wrapper.contact-form-wrapper--night .wpcf-submit.ums-button {
	background-color: rgba(240, 233, 105, 1);
	color: rgba(26, 47, 99, 1);
}

#contact-form-wrapper.contact-form-wrapper--night .wpcf-submit.ums-button:after {
	background-color: #fff;
}

#contact-form-wrapper.contact-form-wrapper--night .wpcf-submit.ums-button:before {
	background-color: rgba(240, 233, 105, 1);
}
