.splw-pro-wrapper .splw-pro-daily-weather-details .splw-other-opt {
	justify-content: center;
}

.splw-main-wrapper .splw-pro-wrapper .splw-pro-daily-weather-details:is(.lw-grid-three, .lw-grid-two) .splw-other-opt div {
	align-items: center;
	border-radius: 4px;
	box-sizing: border-box;
	flex: 0 0 30.5%;
	flex-basis: 30.5%;
	flex-direction: column;
	justify-content: center;
}

.splw-horizontal-forecast-data {
	width: 30%;
}

.splw-pro-daily-weather-details .splw-weather-details .splw-weather-icons.icons_splw div .lw-title-wrapper {
	align-items: center;
	display: flex;
}

.lw-footer {
	text-align: center;
	width: 100%;
}

.splw-template-four-header-right {
	display: flex;
	justify-content: space-between;
	margin-top: -10px;
}

.splw-template-four-header-right .tem-min-max-wrapper .temp-min-max {
	margin-right: 8px !important;
}

.splw-feel-like-and-temperature {
	display: flex;
}

.template-four-top-left {
	margin-left: 5px;
	text-align: left;
}

.splw-weather-details .options-value {
	font-weight: 600;
}

* {
	margin: 0;
	padding: 0;
}

.block-editor-block-inspector .location-weather-tab-panel .components-base-control:last-child {
	margin-bottom: 0;
}

div:has(>.location-weather-tab-panel)~div:has(>.block-editor-block-inspector__advanced) {
	display: none;
}

.location-weather-tab-panel .components-tab-panel__tabs-item:focus:not(:disabled) {
	box-shadow: none;
}

.location-weather-tab-panel .components-tab-panel__tabs {
	justify-content: center;
	margin-bottom: 16px;
}

.location-weather-tab-panel .components-tab-panel__tabs>button {
	padding: 0;
}

.location-weather-tab-panel .components-tab-panel__tabs button {
	border-bottom: 2px solid #ddd;
	color: #2f2f2f;
	font-size: 14px;
	font-weight: 500;
	height: 40px;
	justify-content: center;
	width: 100%;
}

.location-weather-tab-panel .components-tab-panel__tabs button span {
	align-items: center;
	display: flex;
}

.location-weather-tab-panel .components-tab-panel__tabs button span svg {
	margin-right: 8px;
	fill: #2f2f2f !important;
}

.location-weather-tab-panel .components-tab-panel__tabs button.active-tab {
	border-bottom-color: #f26c0d;
	position: relative;
}

.location-weather-tab-panel .components-tab-panel__tabs button.active-tab span svg {
	fill: #f26c0d;
}

.location-weather-tab-panel .components-panel__body.is-opened>.components-panel__body-title {
	background-color: #f0f0f0;
	margin-bottom: 12px;
}

.location-weather-tab-panel .components-panel__body .components-panel__body-title button:focus:not(:disabled) {
	box-shadow: none;
	outline: none;
}

.location-weather-tab-panel .components-base-control__label, .location-weather-tab-panel .components-input-control__label, .location-weather-tab-panel .components-toggle-control__label, .location-weather-tab-panel .location-weather-component-title, .location-weather-tab-panel .location-weather-ranger-title {
	color: #757575;
	display: inline-block;
	font-size: 11px;
	font-weight: 700;
	margin-bottom: 8px;
	text-transform: uppercase;
}

.location-weather-tab-panel .components-input-control__label {
	font-weight: 700 !important;
	margin-bottom: 0;
}

.location-weather-tab-panel .location-weather-header-control {
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}

.location-weather-tab-panel .location-weather-header-control-left {
	display: flex;
}

.location-weather-tab-panel .location-weather-header-control-right {
	display: flex;
	margin-top: 2px;
}

.location-weather-tab-panel .location-weather-header-control-reset {
	height: 18px;
	margin-right: 10px;
	padding: 0;
}

.location-weather-tab-panel .location-weather-header-control-reset.active {
	color: #f26c0d;
}

.location-weather-tab-panel .location-weather-header-control-reset:focus:not(:disabled) {
	box-shadow: none;
	outline: none;
}

.location-weather-tab-panel .location-weather-units {
	color: #8c8f94;
	position: relative;
}

.location-weather-tab-panel .location-weather-units-btn {
	box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, .15);
	margin-top: 2px;
	opacity: 0;
	position: absolute;
	transition: .3s;
	visibility: hidden;
	z-index: 999;
}

.location-weather-tab-panel .location-weather-units:hover .location-weather-units-btn {
	opacity: 1;
	visibility: visible;
}

.location-weather-tab-panel .location-weather-units:hover span {
	border-color: #f26c0d;
	color: #f26c0d;
}

.location-weather-tab-panel .location-weather-units:hover span svg {
	fill: #f26c0d;
}

.location-weather-tab-panel .location-weather-units span {
	align-items: center;
	border: 1px solid #8c8f94;
	border-radius: 2px;
	cursor: pointer;
	display: inline-block;
	display: flex;
	font-size: 10px;
	height: 20px;
	justify-content: center;
	padding: 0;
	text-transform: capitalize;
	width: 23px;
}

.location-weather-tab-panel .location-weather-units span svg {
	fill: #8c8f94;
}

.location-weather-tab-panel .location-weather-units span.box-unit {
	width: 45px !important;
}

.location-weather-tab-panel .location-weather-units button {
	background-color: #fff;
	border: none;
	border-radius: 0;
	box-shadow: none;
	color: #8c8f94;
	display: flex;
	font-size: 10px;
	height: 20px;
	justify-content: center;
	padding: 0;
	width: 23px;
}

.location-weather-tab-panel .location-weather-units button:focus:not(:disabled) {
	box-shadow: none;
	outline: none;
}

.location-weather-tab-panel .location-weather-units button.active {
	background-color: #f26c0d;
	color: #2f2f2f;
}

.location-weather-tab-panel .location-weather-units.box .location-weather-units-btn button {
	width: 45px;
}

.location-weather-tab-panel .active-tab .location-weather-block-icon {
	display: inline-flex;
}

.location-weather-tab-panel .active-tab .location-weather-block-icon svg {
	fill: #f26c0d !important;
}

p.location-weather-child-block-notice {
	background-color: #f1f1f1;
	margin: 0 16px 16px;
	padding: 20px;
}

.edit-post-editor__list-view-panel-content .is-selected .location-weather-block-icon svg {
	fill: #fff !important;
}

.location-weather-block-icon {
	display: inline-flex;
}

.location-weather-block-icon svg {
	fill: #fff !important;
}

.sp-location-weather-checkbox .components-base-control__field {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
}

.sp-location-weather-checkbox .components-base-control__field .components-checkbox-control__input-container {
	margin-right: 0;
}

.sp-location-weather-checkbox.active .components-base-control__field .components-checkbox-control__input-container .components-checkbox-control__input {
	background-color: #f26c0d;
	border-color: #f26c0d;
}

.sp-location-weather-checkbox .components-base-control__field .components-checkbox-control__label {
	width: 100%;
}

.components-checkbox-control__input[type=checkbox]:focus, .wp-core-ui select:focus {
	box-shadow: none;
	outline: none;
	outline-offset: 0;
}

.sp-location-weather-panelbody .components-panel__body-toggle {
	align-items: center;
	flex-direction: row-reverse;
	justify-content: start;
}

.sp-location-weather-panelbody .components-panel__body-toggle .sp-location-weather-panelbody-icon {
	margin-right: 5px;
	margin-top: 2px;
}

.location-weather-tab-panel .components-checkbox-control .components-base-control__field {
	width: 100%;
}

.location-weather-tab-panel .components-checkbox-control .components-base-control__field .components-flex {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
}

.location-weather-tab-panel .components-checkbox-control .components-base-control__field .components-flex label {
	font-family: Inter, sans-serif;
	font-size: 13px;
	font-weight: 400;
	text-transform: capitalize;
}

.location-weather-tab-panel .components-checkbox-control .components-base-control__field .components-flex span {
	margin: 0;
}

.location-weather-tab-panel .components-checkbox-control .components-base-control__field .components-flex span>input:checked {
	background-color: #f26c0d;
	border-color: #f26c0d;
}

.location-weather-tab-panel .components-checkbox-control .components-base-control__field .components-flex span>input:focus {
	border-color: #f26c0d;
}

.location-weather-tab-panel .components-input-control .components-input-base div>label {
	color: #1e1e1e;
	font-family: Inter, sans-serif;
	font-size: 13px;
	font-weight: 400 !important;
	text-transform: capitalize;
}

.location-weather-tab-panel .components-input-control .components-input-base div>input:after {
	border-color: #f26c0d;
}