.splw-main-wrapper * {
	box-sizing: border-box;
}

.splw-main-wrapper {
	max-width: 320px;
}

.splw-main-wrapper:not(.weather-map),
.splw-main-wrapper.tabs-view.weather-map {
	margin: 16px auto;
}

.splw-pro-wrapper {
	display: flex;
	justify-content: center;
	flex-direction: column;
	font-size: 16px;
	line-height: 1.5;
	text-align: center;
	color: #fff;
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.splw-weather-title {
	font-size: 27px;
	text-align: center;
	font-weight: 700;
	text-transform: capitalize;
	line-height: 28px;
}

.template-one .splw-pro-wrapper .splw-pro-header {
	text-align: center;
	margin-bottom: 16px;
}

.splw-pro-wrapper .splw-pro-header-title-wrapper {
	display: flex;
	flex-direction: column;
}

.splw-pro-wrapper .splw-pro-header-title {
	font-size: 27px;
	font-weight: 600;
	line-height: 38px;
	display: inline-flex;
	align-items: center;
}

.splw-pro-wrapper .splw-pro-current-time {
	display: flex;
	font-size: 14px;
	font-weight: 500;
	justify-content: center;
}

.splw-pro-wrapper .splw-pro-templates-body {
	/* margin: 0 auto; */
	font-weight: 400;
}

.splw-main-wrapper:is(.template-two, .template-four) .splw-pro-wrapper .splw-pro-templates-body {
	width: 100%;
}

.splw-pro-wrapper .splw-pro-current-temp {
	text-align: center;
	margin-bottom: .5em;
	/* margin: 0 20px; */
}

.splw-pro-wrapper .splw-pro-current-temp span.cur-temp {
	font-size: 48px;
	font-weight: 700;
	line-height: 56px;
}

.splw-pro-wrapper .splw-pro-current-temp span.temp-min-max,
span.temp-min-max {
	font-size: 14px;
	font-weight: 500;
	display: inline-block;
	vertical-align: text-bottom;
	margin-right: 4px;
}

.template-six .splw-pro-wrapper .splw-pro-current-temp span.temp-min-max {
	margin-right: 0;
}

.splw-pro-wrapper .splw-pro-current-temp .weather-icon {
	display: inline;
	box-shadow: none;
	width: 58px;
}

.grid-two .splw-adv-forecast-days.daily .splw-forecast,
.splw-pro-wrapper .splw-forecast {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 14px;
}

.splw-pro-wrapper .splw-forecast img,
.splw-pro-wrapper .splw-forecast .forecast-icon i {
	display: -webkit-inline-box;
	box-shadow: none;
	width: 50px;
	font-size: 50px;
}

.splw-pro-wrapper .splw-pro-weather-short-desc {
	display: block;
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	margin-top: 10px;
}

.splw-pro-wrapper .splw-pro-daily-weather-details .splw-other-opt {
	display: flex;
	flex-direction: column;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.4em;
	margin-top: 8px;
	overflow: hidden;
}

.splw-pro-wrapper .splw-cur-temp {
	display: flex;
	justify-content: center;
	line-height: initial;
	align-items: center;
}

.splw-pro-wrapper .splw-cur-temp svg {
	width: 58px;
	/* fill: #fff; */
	padding: 5px;
}

.splw-pro-wrapper .splw-weather-icons {
	display: flex;
	justify-content: space-around;
	font-size: 14px;
	line-height: 1.6875em;
}

.splw-weather-icons.icons_splw {
	justify-content: space-between;
}

.splw-pro-wrapper .splw-weather-icons>div {
	display: flex;
	align-items: center;
}

.splw-pro-wrapper .splw-weather-icons .options-value {
	margin-left: 4px;
}

.splw-pro-wrapper .splw-weather-icons .splw-icon-humidity .options-value {
	margin-left: 2px;
}

.grid-two .splw-adv-forecast-days.daily .splw-forecast-header-area,
.splw-pro-wrapper .splw-forecast-header-area {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	flex: 1;
	align-items: center;
	margin-bottom: 10px;
}

.tabs-view .splw-pro-wrapper .splw-forecast-header-area {
	display: none;
}

.grid-two .splw-adv-forecast-days.daily .splw-adv-forecast-days,
.splw-pro-wrapper .splw-adv-forecast-days {
	font-size: 16px;
	line-height: 26px;
	flex-wrap: nowrap;
	margin-top: 15px;
	/* margin: 0 20px 0 20px; */
	position: relative;
}

.grid-view .splw-forecast-header-area,
.splw-main-wrapper .splw-adv-forecast-days .splw-forecast-header-area .splw-forecast-weather select,
.splw-pro-wrapper .splw-adv-forecast-days .splw-forecast-header-area span:is(.daily-forecast-title, .hourly-forecast-title) {
	font-size: 16px !important;
	font-weight: 500;
}

.grid-two .splw-adv-forecast-days.daily .splw-forecast-weather select,
.splw-pro-wrapper .splw-forecast-weather select,
.block-editor-page .editor-styles-wrapper .splw-pro-wrapper .splw-forecast-weather select {
	background-color: transparent;
	font-size: 16px;
	border: 0;
	outline: 0;
	color: white;
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	border-radius: 0;
	width: auto;
	line-height: 21px;
	/* This will hide the default arrow */
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: none;
	line-height: 38px;
	position: relative;
	width: 125px;
	padding: 0 0 5px 5px;
}

.lw-select-arrow {
	position: absolute !important;
	right: 4px;
	left: auto;
	top: 4px;
	bottom: 0;
	transform: rotate(270deg);
}

.lw-select-arrow i {
	width: 7px;
}

/* .table-view .splw-pro-wrapper .lw-footer{
	border-top: 1px solid rgba(204, 204, 204, 1);
} */

select::-ms-expand {
	display: none;
}

.grid-two .splw-adv-forecast-days.daily .splw-forecast-weather,
.splw-pro-wrapper .splw-forecast-weather {
	position: relative;
}

.splw-pro-wrapper .splw-forecast-weather::after {
	content: '';
	position: absolute;
	background-color: #fff;
	width: 100%;
	height: 1.5px;
	bottom: -5px;
	left: 0;
}

.splw-pro-wrapper .splw-svg-icons {
	filter: invert(1);
	-webkit-filter: invert(1);
}

.grid-two .splw-adv-forecast-days.daily .splw-forecast-weather option,
.splw-pro-wrapper .splw-forecast-weather option {
	background: black;
	border: none;
	outline: 0;
	font-size: .713em;
}

.grid-two .splw-adv-forecast-days.daily .splw-forecast>div,
.splw-pro-wrapper .splw-forecast>div {
	display: flex;
	flex: 1 1;
	flex-wrap: nowrap;
	justify-content: center;
}

.grid-two .splw-adv-forecast-days.daily .splw-forecast>div {
	flex: 1;
	justify-content: left;
	align-items: center;
	padding: 4px 0;
}

.grid-two .splw-adv-forecast-days.daily .splw-forecast .splw-forecast-icons {
	gap: 4px;
	min-width: 80px;
	text-transform: capitalize;
}

.grid-two .splw-adv-forecast-days.daily .splw-forecast {
	border-top: 1px solid rgba(204, 204, 204, 1);
}

.grid-two .splw-adv-forecast-days.daily .splw-forecast .splw-forecast-time,
.splw-pro-wrapper .splw-forecast .splw-forecast-time {
	justify-content: flex-start;
	align-items: flex-start;
	max-width: 90px;
}

.grid-two .splw-adv-forecast-days.daily .splw-forecast .splw-weather-details,
.splw-pro-wrapper .splw-forecast .splw-weather-details {
	justify-content: flex-end;
	align-items: flex-end;
}

.splw-pro-wrapper .splw-weather-details span.temp-precipitation,
.splw-pro-wrapper .splw-weather-details span.temp-rainchance,
.splw-pro-wrapper .splw-weather-details span.temp-min-mex,
.splw-pro-wrapper .splw-weather-details span.temp-wind,
.splw-pro-wrapper .splw-weather-details span.temp-humidity,
.splw-pro-wrapper .splw-weather-details span.temp-snow,
.splw-pro-wrapper .splw-weather-details span.temp-pressure {
	display: none;
}

.splw-pro-wrapper .splw-weather-details span.temp-precipitation.active,
.splw-pro-wrapper .splw-weather-details span.temp-min-mex.active,
.splw-pro-wrapper .splw-weather-details span.temp-rainchance.active,
.splw-pro-wrapper .splw-weather-details span.temp-wind.active,
.splw-pro-wrapper .splw-weather-details span.temp-snow.active,
.splw-pro-wrapper .splw-weather-details span.temp-humidity.active,
.splw-pro-wrapper .splw-weather-details span.temp-pressure.active {
	display: inline-block;
}

.splw-pro-wrapper .splw-forecast-weather select::-ms-expand {
	display: none;
}

.splw-pro-wrapper .weather-icons img {
	display: inline-block;
}

.splw-video-bg,
.splw-pro-wrapper video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -11;
	object-fit: cover;
}

.splw-video-bg.youtube-background {
	z-index: -11 !important;
}

.splw-video-bg.youtube-background iframe {
	max-width: initial;
}

.splw-container__video-wrap::after,
.splw-pro-wrapper::after {
	content: "";
	position: absolute;
	min-width: 100%;
	min-height: 100%;
	top: 0;
	left: 0;
	z-index: -10;
}

.splw-pro-wrapper .splw-weather-attribution {
	/* padding: 0.5em 1em; */
	font-size: 11px;
	text-align: center;
	background: rgba(0, 0, 0, .2);
	position: relative;
}

.splw-pro-wrapper .splw-weather-attribution a {
	text-decoration: none;
	position: relative;
	z-index: 2;
}

.splw-forecast-icons img title {
	background: transparent;
	border: none;
	color: #030303;
}

.splw-warning {
	padding: 15px;
}

/* 
License activation notice.
*/
.splw-license-notice {
	background: #ffebee;
	color: #444;
	padding: 18px 16px;
	border: 1px solid #d0919f;
	border-radius: 4px;
	font-size: 18px;
	line-height: 28px;
}

/* Based On Images Area  */
.splw-pro-wrapper.weather-status-01d,
.splw-pro-wrapper.weather-status-01n {
	background-image: url(../weather-images/clear.webp);
}

.splw-pro-wrapper.weather-status-02d,
.splw-pro-wrapper.weather-status-02n,
.splw-pro-wrapper.weather-status-03d,
.splw-pro-wrapper.weather-status-03n,
.splw-pro-wrapper.weather-status-04d,
.splw-pro-wrapper.weather-status-04n {
	background-image: url(../weather-images/clouds.webp);
}

.splw-pro-wrapper.weather-status-10d,
.splw-pro-wrapper.weather-status-10n {
	background-image: url(../weather-images/rain.webp);
}

.splw-pro-wrapper.weather-status-11d,
.splw-pro-wrapper.weather-status-11n {
	background-image: url(../weather-images/thunderstorm.webp);
}

.splw-pro-wrapper.weather-status-09d,
.splw-pro-wrapper.weather-status-09n {
	background-image: url(../weather-images/drizzle.webp);
}

.splw-pro-wrapper.weather-status-50d,
.splw-pro-wrapper.weather-status-50n {
	background-image: url(../weather-images/atmosphere.webp);
}

.splw-pro-wrapper.weather-status-13d,
.splw-pro-wrapper.weather-status-13n {
	background-image: url(../weather-images/snow.webp);
}

.block-editor-page a.sp_lw_gb_edit_button,
a.sp_lw_gb_edit_button {
	display: inline-block;
	text-decoration: underline;
	font-size: 16px;
	margin: 10px 0;
}

.splw-weather-details.splw-other-opt :is(.splw-weather-icons) {
	order: 7;
}

.splw-pro-current-temp .temperature-scale {
	font-size: 16px;
	vertical-align: top;
	line-height: 20px;
	margin-top: 6px;
	margin-left: 4px;
	display: inline-flex;
	font-weight: 500;
	z-index: 100;
	position: relative;
}

.splw-pro-weather-short-desc .temperature-scale .separator,
.splw-pro-current-temp .temperature-scale .separator {
	margin: 0 2px;
}

.temp-min-mex .temperature-scale {
	font-size: 10px;
	vertical-align: top;
	margin-top: -1px;
	display: inline-block;
}

.grid-two .splw-pro-current-temp .lw-scale,
.grid-two .splw-pro-current-temp .separator,
.grid-view .splw-weather-temperature .lw-scale,
.combined-view .splw-weather-temperature .lw-scale,
.accordion-view .splw-weather-temperature .lw-scale,
.splw-main-wrapper:is(.tabs-view, .table-view) .lw-current-data .lw-scale,
.splw-pro-templates-body .lw-scale {
	opacity: 0.5;
	cursor: pointer;
}

.splw-main-wrapper:is(.tabs-view, .table-view) .lw-current-data .separator,
.splw-main-wrapper:is(.tabs-view, .table-view) .lw-current-data .lw-scale.active,
.grid-view .splw-weather-temperature .lw-scale.active,
.grid-view .splw-weather-temperature .separator,
.combined-view .splw-weather-temperature .lw-scale.active,
.combined-view .splw-weather-temperature .separator,
.accordion-view .splw-weather-temperature .lw-scale.active,
.accordion-view .splw-weather-temperature .separator,
.grid-two .splw-pro-current-temp .lw-scale.active,
.grid-two .splw-pro-current-temp .separator,
.splw-pro-templates-body .separator,
.splw-pro-templates-body .lw-scale.active {
	pointer-events: none;
	opacity: 1;
	font-weight: 400;
}

.splw-weather-icons.icons_splw .options-title {
	display: none;
}

.splw-pro-wrapper .wp-core-ui select:focus {
	border-color: transparent;
	color: transparent;
	box-shadow: none;
}

/* Template two styling area  */

.template-two .splw-pro-wrapper .splw-pro-header-title-wrapper {
	padding: 0;
}

.template-two .splw-pro-wrapper .splw-pro-current-temp span.cur-temp {
	line-height: 72px;
}

.template-two .splw-pro-wrapper .splw-pro-current-temp img {
	width: 72px;
}

.template-two .splw-pro-current-temp .temperature-scale {
	font-size: 18px;
	vertical-align: top;
	line-height: 24px;
	margin-top: 8px;
}

.splw-main-wrapper.template-two .splw-pro-header-title-wrapper div.splw-pro-header-title {
	order: 2;
}

.template-two .splw-pro-wrapper .splw-pro-current-time {
	justify-content: space-between;
}

.tabs-two .splw-pro-current-temp .temperature-scale .separator,
.horizontal-one .splw-pro-current-temp .temperature-scale .separator,
.horizontal-four .splw-pro-current-temp .temperature-scale .separator,
.horizontal-three .splw-pro-current-temp .temperature-scale .separator,
.template-five .splw-pro-current-temp .temperature-scale .separator,
.template-three .splw-pro-current-temp .temperature-scale .separator,
.template-two .splw-pro-current-temp .temperature-scale .separator {
	display: none;
}

.horizontal-four .splw-pro-current-temp .temperature-scale,
.horizontal-one .splw-pro-current-temp .temperature-scale,
.template-three .splw-pro-current-temp .temperature-scale,
.template-two .splw-pro-current-temp .temperature-scale {
	flex-direction: column;
	margin-left: 4px;
}

.lw-sunrise-sunset-wrapper {
	margin-top: 45px;
	display: flex;
	justify-content: space-between;
	position: relative;
	order: 8;
}

.splw-main-wrapper.horizontal-three .splw-weather-details .swiper-wrapper div,
.lw-sunrise-sunset-wrapper div:is(.splw-sunrise, .splw-sunset),
.splw-main-wrapper:is(.template-two, .template-four, .horizontal-three) .splw-pro-wrapper .splw-forecast {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.splw-main-wrapper:is(.template-two, .template-four) .splw-weather-details .splw-gusts-wind .options-value span {
	display: inline;
}

.splw-main-wrapper:is(.template-two, .template-four) .splw-weather-details .options-value {
	margin-top: 2px;
}

.splw-main-wrapper:is(.template-two) .splw-weather-details div:is(.splw-sunrise, .splw-sunset) .options-value {
	margin-top: 0;
}

.splw-main-wrapper:is(.template-two, .template-four,
	.horizontal-view) .splw-weather-details .temp-min-mex span.low,
.splw-main-wrapper:is(.template-two, .template-four, .horizontal-view, .table-one, .tabs-two) .tem-min-max-wrapper .temp-min-max:first-child {
	opacity: .7;
}

.lw-sky {
	width: 120px;
	height: 120px;
	border-color: #ff2252;
	border-top: 4px dotted #ff7d7d;
	position: absolute;
	border-radius: 50%;
	top: -30px;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	fill: #ffd870;
}

.splw-moon-details,
.splw-sun-details {
	position: relative;
}

.splw-moon-details .splw-time-differ,
.splw-sun-details .splw-time-differ {
	position: absolute;
	left: 50%;
	bottom: 10%;
	transform: translate(-50%, 10%);
	font-size: 12px;
}

/* .splw-sun-details .lw-sky {
	top: -10px;
} */

.splw-main-wrapper .splw-moon-details .lw-sky {
	border-top: none;
	border-bottom: 4px dotted #ff7d7d;
	top: auto;
	bottom: -30px;
}

.splw-main-wrapper .splw-sun-details .lw-sunrise-sunset-wrapper {
	margin-top: 20px;
}

.splw-main-wrapper .splw-moon-details .lw-sunrise-sunset-wrapper {
	margin-top: 0;
	margin-bottom: 30px;
}

.splw-main-wrapper .splw-moon-details {
	margin-top: 26px;
}

.vertical-view.template-six .lw-sky {
	top: -34px;
}

.lw-sun {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden;
	margin: auto !important;
	animation: circle 6s linear;
}

.lw-sky .sunrise {
	margin-left: -10px !important;
}

.lw-sky .sunset {
	margin-right: -10px !important;
}

.lw-forecast-wrapper,
.lw-carousel-wrapper {
	position: relative;
}

.lw-carousel-wrapper .lw-current-arrow::after,
.splw-adv-forecast-days .lw-arrow::after {
	content: '';
}

.lw-carousel-wrapper .lw-current-arrow,
.splw-adv-forecast-days .lw-arrow {
	width: 24px;
	height: 24px;
	border: 1px solid transparent;
	border-radius: 50%;
	background-image: none;
}

.lw-carousel-wrapper .lw-current-arrow.swiper-button-next {
	right: -2px;
	transition: .3s ease all;
}

.splw-adv-forecast-days .lw-arrow.swiper-button-next {
	right: -5px;
	transition: .3s ease all;
}

.lw-carousel-wrapper .lw-current-arrow.swiper-button-next:hover {
	right: -6px;
}

.splw-adv-forecast-days .lw-arrow.swiper-button-next:hover {
	right: -10px;
}

.lw-carousel-wrapper .lw-current-arrow.swiper-button-prev {
	left: -2px;
	transition: .3s ease all;
}

.splw-adv-forecast-days .lw-arrow.swiper-button-prev {
	left: -5px;
	transition: .3s ease all;
}

.lw-carousel-wrapper .lw-current-arrow.swiper-button-prev:hover {
	left: -6px;
}

.splw-adv-forecast-days .lw-arrow.swiper-button-prev:hover {
	left: -7px;
}

.lw-carousel-wrapper .lw-current-arrow.lwp-chevron.swiper-button-next,
.splw-adv-forecast-days .lw-arrow.lwp-chevron.swiper-button-next {
	transform: rotate(180deg);
}

.lw-carousel-wrapper .lw-current-arrow:not(.lwp-chevron).swiper-button-prev,
.splw-adv-forecast-days .lw-arrow:not(.lwp-chevron).swiper-button-prev {
	transform: rotate(180deg);
}

.lw-carousel-wrapper .lw-current-arrow span,
.splw-adv-forecast-days .lw-arrow span {
	display: flex;
	justify-content: right;
	align-items: center;
}

.lw-carousel-wrapper .lw-current-arrow span i:not(.splw-icon-chevron),
.splw-adv-forecast-days .lw-arrow span i:not(.splw-icon-chevron) {
	font-size: 18px;
}

.lw-forecast-wrapper .lw-forecast-carousel,
.lw-carousel-wrapper .lw-carousel {
	position: static;
	overflow: hidden;
}

.splw-main-wrapper:is(.template-two, .template-four) .splw-forecast-header-area {
	margin-bottom: 14px;
}

.splw-pro-wrapper span.details-icon {
	display: flex;
}

.splw-pro-wrapper .splw-pro-daily-weather-details.lw-center span.details-icon {
	display: inline;
}

.template-one .splw-pro-wrapper .splw-weather-icons div {
	margin-left: -2px;
}

/* Template three styling area */
.template-three .splw-pro-wrapper .splw-pro-current-temp {
	display: flex;
	justify-content: space-between;
	align-items: end;
}

.template-three .splw-pro-wrapper .splw-pro-current-temp div:nth-last-child(1):is(.splw-cur-temp) {
	width: 100%;
}

.splw-main-wrapper:is(.horizontal-view) .splw-pro-wrapper .splw-pro-daily-weather-details .splw-other-opt {
	flex-direction: row;
	flex-wrap: wrap;
	font-size: 13px;
	line-height: 20px;
}

.splw-main-wrapper.horizontal-one .splw-pro-wrapper .splw-pro-daily-weather-details .splw-other-opt div,
.splw-main-wrapper.horizontal-four .splw-pro-wrapper .splw-pro-daily-weather-details .splw-other-opt div {
	flex: 0 0 50%;
	margin: 4px 0;
}

.splw-main-wrapper.horizontal-one .splw-pro-wrapper .splw-pro-daily-weather-details .splw-other-opt div:nth-last-child(1):is(:nth-child(odd)) {
	flex: 0 0 100%;
}

.splw-main-wrapper.template-five .splw-pro-wrapper .splw-pro-daily-weather-details:is(.lw-grid-three, .lw-grid-two) .splw-other-opt div,
.splw-main-wrapper.horizontal-two .splw-pro-wrapper .splw-pro-daily-weather-details .splw-other-opt div {
	flex: 0 0 33.33%;
	flex-basis: 33.33%;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
}

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

.splw-main-wrapper.template-five .splw-pro-wrapper .splw-pro-daily-weather-details.lw-grid-two .splw-other-opt div {
	align-items: baseline;
}

.splw-main-wrapper:is(.template-five) .splw-pro-wrapper .splw-pro-daily-weather-details:is(.lw-grid-three, .lw-grid-two) .splw-other-opt div:is(:nth-child(3), :nth-child(6), :nth-child(9), :nth-child(12), :nth-child(15), :nth-child(18)) {
	margin-right: 0;
	/* text-align: right; */
	/* The second part takes 60% of the width */
}

.template-five .splw-pro-wrapper .splw-adv-forecast-days::before,
.template-five .splw-pro-wrapper .splw-pro-daily-weather-details:is(.lw-grid-three, .lw-grid-two) .splw-other-opt div::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	border-radius: 4px;
}

.template-five .splw-pro-wrapper .splw-adv-forecast-days div:is(.splw-forecast-header-area, .splw-forecast),
.template-five .splw-pro-wrapper .splw-pro-daily-weather-details:is(.lw-grid-three, .lw-grid-two) .splw-other-opt div span:is(.lw-title-wrapper, .options-value, .details-icon) {
	z-index: 10;
	position: relative;
}

.template-four .splw-pro-wrapper .splw-pro-header-title-wrapper,
.template-three .splw-pro-wrapper .splw-pro-header-title-wrapper {
	flex-direction: row;
}

.template-six .splw-pro-wrapper .splw-pro-header-title,
.template-four .splw-pro-wrapper .splw-pro-header-title,
.template-three .splw-pro-wrapper .splw-pro-header-title {
	white-space: nowrap;
	width: 50%;
	overflow: hidden;
	margin-right: 10px;
	text-align: left;
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
	justify-self: start;
}

.template-six .splw-pro-wrapper .splw-pro-current-time,
.template-four .splw-pro-wrapper .splw-pro-current-time,
.template-three .splw-pro-wrapper .splw-pro-current-time {
	white-space: nowrap;
	width: 50%;
	font-size: 12px;
	line-height: 16px;
	justify-content: flex-end;
	align-items: center;
}

.horizontal-three .splw-pro-wrapper .splw-pro-current-time {
	margin-left: 4px;
	display: inline-block;
}

.template-three .tem-min-max-wrapper .temp-min-max:first-child {
	margin-right: 5px;
}

.template-three .splw-pro-wrapper .splw-pro-weather-short-desc {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	font-size: 16px;
	line-height: 20px;
	font-weight: 600;
}

.template-three .splw-pro-wrapper .splw-pro-weather-short-desc span:nth-child(1):is(.weather-desc),
.template-three .splw-pro-wrapper .splw-pro-weather-short-desc span:nth-last-child(1):is(.weather-feel-like) {
	width: 100%;
}

.template-four .splw-pro-wrapper .splw-pro-templates-body .splw-pro-current-temp {
	order: 1;
}

.template-four .splw-pro-wrapper .splw-pro-templates-body .splw-pro-weather-short-desc {
	order: 2;
}

.template-four .splw-pro-wrapper .splw-pro-templates-body .splw-adv-forecast-days {
	order: 3;
}

.template-four .splw-pro-wrapper .splw-pro-templates-body .splw-pro-daily-weather-details {
	order: 4;
}

/* Template four */
.template-four .splw-pro-wrapper .splw-pro-templates-body {
	display: flex;
	flex-direction: column;
}

.template-four .splw-pro-wrapper .splw-pro-daily-weather-details {
	margin: 0;
}

.template-four .splw-pro-wrapper .splw-cur-temp {
	flex-direction: row-reverse;
	justify-content: space-between !important;
}

.weather-feel-like .temperature-scale {
	display: none;
}

.horizontal-four .splw-pro-wrapper .splw-pro-current-temp,
.template-four .splw-pro-wrapper .splw-pro-current-temp {
	position: relative;
}

.template-four .splw-pro-wrapper span.weather-feel-like {
	margin-left: -50px;
	font-weight: 500;
}

.template-four .splw-pro-wrapper span.weather-desc {
	position: absolute;
	right: 0;
	bottom: 10px;
	font-weight: 500;
}

/* Template Five style area */

.template-five .splw-pro-wrapper .splw-pro-current-time {
	flex-direction: row-reverse;
	justify-content: space-between;
}

.template-five .splw-pro-wrapper .splw-pro-current-temp img {
	margin: auto;
	width: 140px;
	height: auto;
}

.template-five .splw-pro-wrapper .splw-cur-temp {
	flex-direction: column;
}

.template-five .splw-pro-wrapper .splw-pro-current-temp span.cur-temp {
	line-height: 72px;
}

.template-five .splw-pro-wrapper .splw-pro-current-temp span.cur-temp .temperature-scale {
	font-weight: 600;
	font-style: normal;
	font-size: 22px;
	line-height: 24px;
	text-transform: capitalize;
	flex-direction: column;
	margin-left: 5px;
	margin-top: 8px;
}

.template-five .splw-pro-wrapper .splw-forecast-header-area,
.template-five .splw-pro-wrapper .splw-forecast {
	padding: 0 15px;
}

.splw-location-weather-block .template-five .splw-pro-wrapper .splw-forecast-header-area,
.splw-location-weather-block .template-five .splw-pro-wrapper .splw-forecast {
	padding: 0;
}

.template-five .splw-pro-wrapper .splw-forecast-header-area {
	padding-top: 8px;
}

.template-five .splw-pro-wrapper .splw-pro-weather-short-desc,
.template-five .splw-pro-wrapper .splw-pro-header-title {
	padding: 10px 4px;
}

.template-one .splw-pro-weather-short-desc .weather-feel-like {
	font-weight: 400;
}

.template-five .splw-pro-wrapper .splw-pro-daily-weather-details.lw-grid-three .splw-other-opt .lw-title-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.template-five .splw-pro-wrapper .splw-pro-daily-weather-details:not(.lw-carousel-simple, .lw-carousel-flat, .lw-grid-three, .lw-grid-two) .splw-other-opt {
	padding: 10px;
}

.template-five.splw-main-wrapper .splw-pro-wrapper .splw-pro-daily-weather-details.lw-grid-two .splw-other-opt div .lw-title-wrapper {
	margin-left: 8px;
}

.template-five .splw-pro-wrapper .splw-weather-details span.temp-min-mex.active {
	display: flex;
	justify-content: center;
	align-items: center;
}

.template-five .splw-adv-forecast-days .splw-weather-details {
	min-width: 44%;
}

.grid-two .daily span.lw-forecast-separator,
.template-five span.lw-forecast-separator {
	width: 38px;
	display: inline-block;
	font-size: 0;
	height: 3px;
	background: rgba(100, 100, 100, .7);
	/* background: rgba(194, 181, 156, 1); */
	position: relative;
	margin: 0 6px;
	border-radius: 10px;
	overflow: hidden;
}

.grid-two .daily span.lw-forecast-separator .lw-separator,
.template-five span.lw-forecast-separator .lw-separator {
	position: absolute;
	max-width: 70%;
	width: 100%;
	left: 0;
	top: 0;
	height: 100%;
	border-radius: 10px;
	background: linear-gradient(90deg, #ED9F07 0%, #F70808 104.76%);
}

/* Horizontal view styling area  */
.entry-content ul.splw-tabs,
.splw-tabs {
	display: flex;
	/* justify-content: space-around; */
	list-style-type: none !important;
	margin: 0;
	padding: 0;
	flex-wrap: wrap;
}

.splw-tab {
	cursor: pointer;
	margin-right: 16px;
	padding-top: 10px;
	padding-bottom: 10px;
	opacity: .8;
	position: relative;
	/* border-bottom: 2px solid transparent; */
}

li.splw-tab::after {
	position: absolute;
	width: 100%;
	content: '';
	height: 2px;
	bottom: 0;
	background: #fff;
	left: 0;
	transition: all .2s cubic-bezier(0, 0, .2, 1);
	transform: scale(0);
}

li.splw-tab.active::after {
	transform: scale(1);
}

.horizontal-one .splw-adv-forecast-days .splw-tab.active,
.splw-forecast-section .splw-tab.active {
	/* border-bottom: 2px solid #fff; */
	opacity: 1;
	margin-bottom: 0;
}

[data-tab-content] {
	visibility: hidden;
	position: absolute;
}

.active[data-tab-content] {
	visibility: visible;
	position: static;
}

/* .horizontal-view .splw-pro-header {
	width: 50%;
} */

.horizontal-view .splw-pro-wrapper .splw-pro-header-title-wrapper {
	flex-direction: row;
	flex: 0 0 50%;
	flex-basis: 50%;
	align-items: center;
}

.horizontal-view:not(.horizontal-three) .splw-pro-wrapper .splw-pro-header-title-wrapper .splw-pro-header-title {
	margin-right: 20px;
}

.splw-pro-horizontal-top-wrapper {
	display: flex;
	flex-direction: row;
	flex: 0 0 47%;
	flex-basis: 47%;
	justify-content: space-between;

}

.horizontal-one .splw-pro-horizontal-top-wrapper div:is(.splw-pro-horizontal-left-area, .splw-pro-daily-weather-details) {
	width: 48%;
}

.horizontal-one .splw-pro-horizontal-top-wrapper div:nth-last-child(1):is(.splw-pro-horizontal-left-area) {
	width: 100%;
}

.horizontal-one .splw-pro-horizontal-top-wrapper div.splw-pro-daily-weather-details {
	margin-top: -36px;
}

.horizontal-view.horizontal-one .splw-pro-wrapper .splw-forecast {
	flex-direction: column;
	align-items: center;
	justify-content: center;
	pointer-events: painted;
	cursor: pointer;
}

.horizontal-one .splw-pro-wrapper .splw-pro-daily-weather-details .splw-other-opt div::nth-child(even) {
	margin-right: 0;
}

.horizontal-one .splw-pro-wrapper .splw-pro-horizontal-left-area {
	position: relative;
}

.splw-main-wrapper.horizontal-one .splw-pro-wrapper .splw-pro-daily-weather-details .splw-other-opt {
	margin-left: 0;
}

.splw-main-wrapper:is(.horizontal-two, .horizontal-four) .splw-pro-wrapper .splw-pro-templates-body {
	display: flex;
	height: 100%;
	overflow: hidden;
}

.splw-main-wrapper.horizontal-four .splw-pro-wrapper .splw-pro-templates-body div:nth-last-child(1).splw-pro-templates-body-right {
	width: 100%;
}

.splw-main-wrapper.horizontal-four .splw-pro-wrapper .splw-pro-templates-body div:nth-last-child(1).splw-pro-templates-body-right .splw-pro-daily-weather-details .splw-other-opt div {
	flex-basis: 49%;
}

.splw-main-wrapper:is(.horizontal-two, .horizontal-four) .splw-pro-horizontal-top-wrapper {
	flex-direction: column;
}

.splw-main-wrapper:is(.horizontal-two, .horizontal-four) .splw-pro-templates-body-right {
	width: 60%;
}

.splw-main-wrapper:is(.horizontal-two, .horizontal-four) .splw-adv-forecast-days {
	width: 45%;
	margin-top: 0;
	overflow: hidden;
}

.splw-main-wrapper:is(.horizontal-two, .horizontal-four) .splw-adv-forecast-days.both {
	margin-top: -5px;
}

.splw-main-wrapper.horizontal-two .splw-adv-forecast-days .forecast-wrapper {
	overflow-y: scroll;
	max-height: 290px;
}

.splw-main-wrapper.horizontal-four .splw-adv-forecast-days .forecast-wrapper {
	overflow-y: scroll;
	max-height: 420px;
}

.splw-main-wrapper:is(.template-one, .template-three, .template-five, .template-six) .splw-adv-forecast-days .forecast-wrapper {
	max-height: 450px;
	overflow-y: scroll;
}

.splw-main-wrapper.template-six .splw-adv-forecast-days .forecast-wrapper {
	margin-top: 10px;
}

.horizontal-two .splw-pro-wrapper .splw-cur-temp {
	flex-direction: row-reverse;
	justify-content: space-between !important;
}

.splw-main-wrapper:is(.horizontal-two, .horizontal-four) .splw-pro-wrapper {
	justify-content: unset;
	overflow: hidden;
	box-sizing: border-box;
}

.splw-main-wrapper:is(.horizontal-two, .horizontal-four) .splw-pro-horizontal-left-area {
	position: relative;
	margin-right: 20px;
}

.horizontal-two .splw-pro-weather-short-desc {
	position: absolute;
	top: 28px;
	left: 66px;
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.horizontal-one span.weather-desc {
	margin-right: 5px;
}

.horizontal-two .splw-pro-wrapper .splw-pro-current-temp .weather-icon {
	margin-right: 15px;
}

.horizontal-two span.weather-desc {
	margin-top: 36px;
	margin-right: 64px;
	top: 30px;
	position: absolute;
	right: 0px;
}

.splw-main-wrapper.horizontal-two .splw-pro-wrapper .splw-pro-daily-weather-details .splw-other-opt div {
	padding-bottom: 4px;
}

.horizontal-two .splw-pro-wrapper .splw-pro-daily-weather-details .splw-other-opt {
	margin-right: 0;
}

.horizontal-two span.options-value {
	padding: 4px 0;
}

.horizontal-two .splw-pro-wrapper .splw-forecast .forecast-icon i {
	width: 45px;
	font-size: 45px;
}

.splw-main-wrapper:is(.horizontal-two, .horizontal-four,
	.template-one,
	.template-three,
	.template-five,
	.template-six) .splw-adv-forecast-days .forecast-wrapper::-webkit-scrollbar {
	width: 4px;
	margin-left: -10px;
}

/* The scrollbar thumb */
.splw-main-wrapper:is(.horizontal-two, .horizontal-four,
	.template-one,
	.template-three,
	.template-five,
	.template-six) .splw-adv-forecast-days .forecast-wrapper::-webkit-scrollbar-thumb {
	background-color: transparent;
	/* Change the color as needed */
	border-radius: 4px;
	/* Rounded corners for the thumb */
	transition: .2s linear;
}

.splw-main-wrapper:is(.horizontal-two, .horizontal-four,
	.template-one,
	.template-three,
	.template-five,
	.template-six) .splw-adv-forecast-days .forecast-wrapper:hover::-webkit-scrollbar-thumb {
	background-color: rgba(255, 255, 255, 0.5);
	transition: .2s linear;
}

.splw-main-wrapper:is(.horizontal-two, .horizontal-four,
	.template-one,
	.template-three,
	.template-five,
	.template-six) .splw-adv-forecast-days .forecast-wrapper .splw-weather-details {
	padding-right: 5px
}

.splw-main-wrapper:is(.template-three, .template-four, .template-five, .template-six, .horizontal-view) .splw-pro-wrapper .splw-pro-header-title svg {
	vertical-align: middle;
	margin-right: 4px;
}

.splw-main-wrapper:is(.horizontal-one, .horizontal-four) .splw-pro-wrapper .splw-pro-current-temp {
	display: flex;
	justify-content: flex-start;
	align-items: end;
}

.splw-main-wrapper:is(.horizontal-one, .horizontal-four) .splw-pro-wrapper .tem-min-max-wrapper {
	margin-left: 30px;
}

.horizontal-view.horizontal-three .splw-pro-wrapper .splw-pro-templates-body {
	display: flex;
	justify-content: space-between;
	/* Adjust the spacing between elements as needed */
	width: auto;
	margin: 0 20px;
	align-items: center;
}

.tabs-two .splw-pro-current-temp .temperature-scale,
.horizontal-view.horizontal-three .splw-pro-current-temp .temperature-scale,
.horizontal-view.horizontal-three .splw-pro-wrapper .splw-pro-header-title-wrapper {
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}

.horizontal-view.horizontal-three .splw-pro-wrapper .splw-cur-temp {
	flex-direction: row-reverse;
}

.horizontal-view.horizontal-three .splw-pro-daily-weather-details {
	margin: auto 0;
}

.horizontal-view.horizontal-three .splw-pro-daily-weather-details .lw-carousel-wrapper {
	width: 100%;
}

.horizontal-view.horizontal-three .splw-weather-details.splw-other-opt {
	position: relative;
	overflow: inherit;
}

.horizontal-view.horizontal-three .lw-carousel-wrapper .lw-current-arrow.swiper-button-prev,
.horizontal-view.horizontal-three .splw-adv-forecast-days .lw-arrow.swiper-button-prev {
	left: -8px;
}

.horizontal-view.horizontal-three .splw-adv-forecast-days .lw-arrow.swiper-button-next,
.horizontal-view.horizontal-three .lw-carousel-wrapper .lw-current-arrow.swiper-button-next {
	right: -8px;
}

.horizontal-view.horizontal-three .splw-adv-forecast-days:not(.hourly) .low,
.horizontal-view.horizontal-three .splw-adv-forecast-days:not(.hourly) .low-scale,
.horizontal-view.horizontal-three .splw-adv-forecast-days .splw-forecast-header-area {
	display: none;
}

.horizontal-view.horizontal-three .splw-pro-templates-body div:is(.splw-pro-weather-short-desc, .splw-pro-header-title-wrapper, .splw-pro-header, .splw-pro-current-temp, .splw-other-opt, .temperature-scale, .splw-adv-forecast-days) {
	margin: auto 0;
}

.horizontal-view.horizontal-three .splw-pro-wrapper .splw-pro-templates-body {
	margin-bottom: 10px;
}

.horizontal-view.horizontal-three .splw-weather-details .temperature-scale .separator,
.horizontal-view.horizontal-three .splw-weather-details .temperature-scale .lw-scale:not(.active) {
	display: none;
}

.horizontal-view.horizontal-three .splw-pro-wrapper .splw-forecast .splw-forecast-time,
.horizontal-view.horizontal-three .splw-pro-wrapper .splw-forecast .splw-weather-details {
	justify-content: center;
	margin-bottom: 4px;
}

.horizontal-view.horizontal-three .splw-pro-wrapper .splw-forecast .splw-weather-details {
	margin-left: 4px;
}

.horizontal-view.horizontal-three .splw-pro-current-temp .temperature-scale {
	margin-top: 8px;
}

/* .horizontal-three .splw-pro-wrapper .lw-carousel-wrapper .lw-current-arrow,
.splw-adv-forecast-days .lw-arrow {
	margin-top: -12px;
} */

.horizontal-view.horizontal-one .splw-adv-forecast-days .lw-arrow.swiper-button-prev {
	left: -4px;
}

.horizontal-view.horizontal-one .splw-adv-forecast-days .lw-arrow.swiper-button-prev:hover {
	left: -7px;
}

.horizontal-two .splw-pro-wrapper .splw-pro-templates-body div:is(.splw-pro-templates-body-right):last-child {
	width: 100%;
}

.splw-pro-wrapper div:is(.lw-daily-forecast, .lw-hourly-forecast) .temperature-scale,
.splw-pro-wrapper .splw-pro-weather-short-desc .temperature-scale,
.splw-pro-wrapper .splw-forecast .temp-min-mex .temperature-scale {
	display: none;
}

.template-one .splw-pro-current-time .lw-time,
.table-view .splw-pro-current-time .lw-time,
.tabs-view .splw-pro-current-time .lw-time,
.template-three .splw-pro-current-time .lw-time,
.template-four .splw-pro-current-time .lw-time,
.horizontal-view:not(.horizontal-three) .splw-pro-current-time .lw-time {
	margin-right: 4px;
}

.splw-pro-wrapper .splw-adv-forecast-days .lw-arrow,
.splw-pro-wrapper .lw-carousel-wrapper .lw-current-arrow {
	opacity: 0;
	margin-top: -12px;
}

.splw-pro-wrapper .splw-adv-forecast-days:hover .lw-arrow,
.splw-pro-wrapper .lw-carousel-wrapper:hover .lw-current-arrow {
	opacity: 1;
}

.template-five .splw-pro-wrapper .splw-pro-header {
	margin-bottom: 0;
}

.horizontal-two .splw-pro-wrapper .splw-adv-forecast-days {
	margin-left: 0;
}

.horizontal-two .splw-pro-wrapper .splw-forecast div {
	flex: 0 0 35%;
	flex-basis: 35%;
}

.horizontal-two .splw-pro-wrapper .splw-forecast div.splw-forecast-icons {
	flex-basis: 27%;
}

.horizontal-three .splw-pro-wrapper .splw-forecast img,
.horizontal-three .splw-pro-wrapper .splw-forecast .forecast-icon i {
	width: 30px;
	font-size: 30px;
}

.horizontal-view.horizontal-three .splw-pro-wrapper .splw-pro-templates-body .splw-pro-weather-short-desc {
	display: block;
	margin-top: auto !important;
	margin-bottom: auto !important;
}

.horizontal-three .splw-pro-wrapper .splw-forecast .splw-forecast-time,
.splw-main-wrapper:is(.template-one, .template-six, .horizontal-three, .horizontal-four, .tabs-view) .splw-pro-wrapper .splw-pro-weather-short-desc .weather-desc {
	font-weight: 600;
}

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

.splw-main-wrapper svg.icon-wind-direction {
	vertical-align: middle;
}

.splw-main-wrapper.horizontal-three .splw-forecast-icons {
	height: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.horizontal-view.horizontal-three .splw-pro-daily-weather-details,
.horizontal-view.horizontal-three .splw-pro-templates-body div.splw-adv-forecast-days {
	max-width: 5%;
}

.template-four .splw-pro-wrapper .splw-adv-forecast-days {
	margin-top: 0;
}

/* Template Six style */
.template-six .splw-pro-wrapper .splw-pro-header-title-wrapper {
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.splw-main-wrapper:is(.template-six, .horizontal-four) .splw-pro-wrapper .splw-pro-current-temp .weather-icon {
	width: 80px;
}

.template-six .splw-pro-wrapper .splw-cur-temp {
	justify-content: start;
	align-items: center;
}

.template-six .splw-pro-wrapper .splw-cur-temp {
	position: relative;
}

.template-six .splw-pro-wrapper .tem-min-max-wrapper {
	position: absolute;
	top: -10px;
	right: 0;
	width: 100%;
	height: 100%;
}

.splw-main-wrapper.template-six .splw-pro-daily-weather-details .lw-carousel-wrapper .swiper-wrapper div {
	background: black;
	padding: 6px 0;
	border-radius: 4px;
}

.splw-main-wrapper.horizontal-four .splw-weather-details div {
	position: relative;

}

.splw-main-wrapper.horizontal-four .splw-weather-details span.details-icon,
.splw-main-wrapper.template-six .splw-weather-details .lw-carousel-wrapper span.details-icon {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 10px;
}
.splw-main-wrapper.template-six .splw-weather-details .lw-carousel-wrapper span.details-icon{
	transform: translateY(0);
}

.splw-main-wrapper.template-six .splw-pro-wrapper .splw-pro-daily-weather-details .splw-other-opt {
	overflow: initial;
}

.splw-main-wrapper.template-six .lw-carousel-wrapper .lw-current-arrow.swiper-button-next {
	right: -18px;
}

.splw-main-wrapper.template-six .lw-carousel-wrapper .lw-current-arrow.swiper-button-prev {
	left: -18px;
}

.splw-main-wrapper.template-six .lw-carousel-wrapper .lw-current-arrow.swiper-button-next:hover {
	right: -20px;
}

.splw-main-wrapper.template-six .lw-carousel-wrapper .lw-current-arrow.swiper-button-prev:hover {
	left: -20px;
}

.splw-main-wrapper .splw-pro-daily-weather-details {
	overflow: hidden;
}

.splw-main-wrapper:is(.template-six, .horizontal-four) .splw-pro-wrapper .splw-weather-details span.temp-min-mex {
	/* display: flex;
	flex-direction: column; */
	position: relative;
}

.splw-main-wrapper:is(.template-six, .horizontal-four) .splw-pro-wrapper .splw-weather-details span.temp-min-mex .lw-low-temp {
	margin-bottom: 4px;
	display: block;
}

.splw-main-wrapper:is(.template-six, .horizontal-four) .splw-pro-wrapper .splw-weather-details span.temp-min-mex::after {
	content: '';
	position: absolute;
	width: 2px;
	height: 100%;
	background: rgba(255, 255, 255, 0.15);
	left: -14px;
	top: 0;
}

/* .splw-main-wrapper:is(.template-six, .horizontal-four) .splw-pro-wrapper .splw-forecast-weather::after {
	height: 0;
} */

/* Style for icons */
.splw-main-wrapper .splw-weather-details div:not(.icons_splw) span.details-icon {
	display: inline-flex;
	margin-right: 2px;
	/* vertical-align: middle; */
}

.splw-main-wrapper:not(.template-five, .template-six, .horizontal-four) .splw-weather-details div:not(.icons_splw) span.details-icon svg {
	width: 16px;
	height: 18px;
}

.splw-main-wrapper.horizontal-four .splw-pro-wrapper .splw-pro-daily-weather-details div span,
.splw-main-wrapper.template-six .splw-pro-wrapper .splw-pro-daily-weather-details .swiper-wrapper div span {
	text-align: left;
}

.horizontal-four .splw-pro-wrapper .splw-pro-daily-weather-details div span:not(.details-icon, .options-title, span:is(.lw-wind-direction, .wind-weather-direction, .lw-dew-value, .lw-wind-value)),
.template-six .splw-pro-wrapper .splw-pro-daily-weather-details .swiper-wrapper div span:not(.details-icon, .options-title, span:is(.lw-wind-direction, .wind-weather-direction, .lw-dew-value, .lw-wind-value)) {
	margin-left: 42px;
	display: flex;
}

.splw-main-wrapper.horizontal-four .splw-pro-wrapper .splw-pro-header-title-wrapper {
	justify-content: space-between;
	justify-content: space-between;
	padding: 10px 12px;
	background: #333333;
	align-items: center;
	margin: auto 0;
	margin-right: 20px;
	border-radius: 4px;
}

.horizontal-four .lw-sunrise-sunset-wrapper div:is(.splw-sunrise, .splw-sunset) {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

/* .template-three .splw-pro-wrapper .splw-pro-daily-weather-details .swiper-wrapper span.lw-title-wrapper {
	display: flex;
	justify-content: center;
	flex-direction: column-reverse;
	align-items: center;
} */

.splw-main-wrapper.template-one .splw-weather-details div:is(.splw-icon-humidity, .splw-icon-pressure, .splw-icon-wind) span.details-icon svg {
	width: 18px;
}

.splw-main-wrapper:is(.template-one, .template-six, .horizontal-four, .table-one) .splw-weather-details .options-value {
	font-weight: 600;
}

.splw-main-wrapper.horizontal-four .splw-weather-details div span.details-icon svg,
.splw-main-wrapper.template-six .splw-weather-details .lw-carousel-wrapper span.details-icon svg {
	width: 20px;
	height: 20px;
}

/* .splw-main-wrapper.template-one .splw-pro-daily-weather-details .splw-other-opt div:not(.splw-weather-icons) {
	padding-bottom: 4px;
} */


.splw-main-wrapper.horizontal-one .splw-pro-wrapper .splw-pro-daily-weather-details .splw-other-opt div:nth-child(even) {
	text-align: right;
}

.splw-main-wrapper.template-five .splw-pro-daily-weather-details:is(.lw-grid-three, .lw-grid-two) .splw-pro-wrapper span.details-icon {
	margin-bottom: 4px;
}

.splw-main-wrapper .splw-weather-detailed-updated-time {
	display: flex;
	justify-content: space-between;
	padding: 6px 0;
	font-size: 12px;
}

.splw-adv-forecast-days.hourly .splw-forecast-time,
#lw-hourly-content .splw-forecast-time {
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}

.splw-main-wrapper.template-four .splw-pro-weather-short-desc {
	display: none;
}

.splw-main-wrapper.template-five .splw-pro-wrapper .splw-adv-forecast-days.both {
	padding-top: 6px;
}

/* Styles for the modal */
.lw-modal {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	opacity: 0;
	visibility: hidden;
	transform: scale(1.1);
	transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
}

.lw-modal-content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: white;
	padding: 1rem 1.5rem;
	width: 700px;
	border-radius: 0.5rem;
	color: #444;
}

.lw-close-button {
	float: right;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	cursor: pointer;
	border-radius: 4px;
	background-color: lightgray;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 12px;
}

.lw-close-button:hover {
	background-color: darkgray;
}

.lw-show-modal {
	opacity: 1;
	visibility: visible;
	transform: scale(1.0);
	transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
	z-index: 9999;
}

.table-one .splw-forecast-time,
.template-one .splw-forecast-time {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}

.lw-alerts-sender-name {
	font-size: 16px;
	font-weight: 600;
	text-align: left;
	padding-right: 30px;
}

.lw-alerts-start-end-time {
	font-size: 12px;
	text-align: left;
	padding-top: 6px;
	padding-bottom: 10px;
}

.lw-alerts-desc {
	text-align: left;
	font-size: 14px;
}

#lw-daily-content .lw-hourly-forecast-time {
	display: none;
}

/* Style the container for the buttons */
.accordion-view .lw-daily-hourly-forecast-buttons .lw-button-wrapper,
.splw-adv-forecast-days .lw-daily-hourly-forecast-buttons .lw-button-wrapper {
	border: 2px solid #fff;
	border-radius: 2px;
	position: relative;
	z-index: 10;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 130px;
	margin: auto;
}

/* Style the Daily button */
.accordion-view .lw-hourly-button,
.accordion-view .lw-daily-button,
.splw-adv-forecast-days .lw-hourly-button,
.splw-adv-forecast-days .lw-daily-button {
	padding: 5px 12px;
	font-size: 14px;
	background-color: transparent;
	color: #fff;
	border: none;
	cursor: pointer;
	font-weight: 600;
}

.accordion-view .lw-daily-hourly-forecast-buttons span.active,
.splw-adv-forecast-days .lw-daily-hourly-forecast-buttons span.active {
	background-color: #fff;
	color: #007BFF;
}

.splw-adv-forecast-days .lw-both-tabs {
	display: none;
}

.splw-adv-forecast-days.both .lw-daily-hourly-forecast-buttons {
	padding-top: 20px;
	padding-bottom: 15px;
}

.splw-main-wrapper:is(.template-four, .template-five, .horizontal-one, .horizontal-two, .horizontal-three) .splw-adv-forecast-days.both .lw-daily-hourly-forecast-buttons {
	padding-top: 20px;
}

.splw-main-wrapper:is(.template-six, .horizontal-four) .splw-pro-wrapper .splw-forecast .splw-forecast-right-area {
	flex-direction: row-reverse;
	justify-content: start;
	flex: auto;
}

.splw-main-wrapper:is(.template-six, .horizontal-four) .splw-forecast-icons {
	background: #efefefef;
	margin-bottom: 6px;
	margin-right: 8px;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.splw-main-wrapper:is(.template-six, .horizontal-four) .splw-forecast-time {
	display: flex;
	flex-direction: column;
	margin: auto 0;
	margin-top: 4px;
}

.splw-main-wrapper:is(.template-six, .horizontal-four) .splw-forecast-time span:is(.lw-hourly-forecast-time, .lw-days) {
	text-align: left;
	margin-bottom: 2px;
	opacity: .8;
}

.splw-main-wrapper:is(.template-six, .horizontal-four) .splw-weather-details .temp-min-mex .lw-low-temp {
	opacity: .8;
}

.splw-main-wrapper:is(.template-six, .horizontal-four, .tabs-view, .table-view) .lw-condition-description {
	text-transform: capitalize;
	font-weight: 600;
	text-align: left;
}

.splw-main-wrapper:is(.template-six, .horizontal-four) .splw-pro-wrapper .splw-forecast>div {
	flex: auto;
}

.horizontal-four .splw-pro-wrapper .splw-cur-temp {
	justify-content: flex-start;
}

.splw-main-wrapper.horizontal-four .splw-pro-wrapper .splw-pro-daily-weather-details .splw-other-opt div {
	flex: 0 0 45%;
	padding: 6px 8px 6px 0;
	border-radius: 4px;
	background: rgba(3, 52, 96, .25);
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
}

.splw-preview-box .splw-main-wrapper.horizontal-four .splw-pro-wrapper .splw-pro-daily-weather-details .splw-other-opt div {
	flex: 0 0 40%;
}

.splw-main-wrapper.horizontal-four .splw-pro-wrapper .splw-pro-daily-weather-details .splw-other-opt div:nth-child(odd) {
	margin-right: 12px;
}

.splw-main-wrapper.horizontal-four .splw-pro-current-temp span.cur-temp .temperature-scale {
	margin-top: 9px;
}

.splw-main-wrapper.template-six .lw-sunrise-sunset-wrapper {
	margin-top: 60px;
}

/* Tabs template style */
.lw-tabs_nav {
	display: flex;
	list-style: none;
	clear: both;
	display: flex;
	justify-content: flex-start;
}

.splw-pro-wrapper .lw-tabs_nav label {
	background: rgba(242, 100, 0, 1);
	color: #fff;
	padding: 12px 24px;
	border-right: 1px solid #fff;
	white-space: nowrap;
	cursor: pointer;
	font-weight: 600;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	margin-bottom: -2px;
}

.splw-pro-wrapper .lw-tabs_nav label:nth-child(1) {
	border-top-left-radius: 3px;
}

.splw-pro-wrapper .lw-tabs_nav label:nth-last-child(1) {
	border-top-right-radius: 3px;
}

.splw-tab-content {
	background: white;
	padding-top: 10px;
	border: 1px solid rgba(242, 100, 0, 1);
	overflow-x: auto;
	box-sizing: border-box;
}


.splw-tab-content[data-tab-content] {
	opacity: 0;
}

.lw-tabs_nav label.active {
	background: #fff;
	color: #000;
	z-index: 2;
	position: relative;
	border-top: 4px solid rgba(242, 100, 0, 1);
}

.splw-tab-layout .splw-tab-content.active[data-tab-content] {
	z-index: 1;
	opacity: 1;
}

.splw-main-wrapper.table-two .splw-pro-wrapper .splw-cur-temp,
.splw-main-wrapper.tabs-view .splw-pro-wrapper .splw-cur-temp {
	justify-content: flex-start;
}

div:is(.tabs-one, .table-two) .lw-current-data,
div:is(.tabs-one, .table-two) .splw-pro-wrapper .splw-pro-daily-weather-details .splw-other-opt {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	font-size: 13px;
	line-height: 20px;
}

.table-two .splw-pro-wrapper .splw-pro-daily-weather-details .splw-other-opt {
	border: 1px solid #0000001f;
	border-radius: 3px;
}

div:is(.tabs-one, .table-two) .lw-current-data div,
div:is(.tabs-one, .table-two) .splw-pro-wrapper .splw-pro-daily-weather-details .splw-other-opt div {
	flex-basis: 100%;
	padding: 7px 0;
	justify-content: space-between;
	box-sizing: border-box;
}

div:is(.tabs-one) .lw-current-data div,
div:is(.tabs-one) .splw-pro-wrapper .splw-pro-daily-weather-details .splw-other-opt div {
	flex-basis: 50%;
}

div:is(.table-two, .tabs-one) .lw-current-data div {
	padding: 0;
}

.wp-block div:is(.tabs-one, .table-two) .lw-current-data div,
.wp-block div:is(.tabs-one, .table-two) .splw-pro-wrapper .splw-pro-daily-weather-details .splw-other-opt div {
	flex-basis: 47%;
}

div:is(.tabs-one, .table-two) .lw-current-data div:is(.lw-current-data-left-area, .lw-current-data-left-area),
div:is(.tabs-one, .table-two) .lw-current-data .lw-current-data-left-area div {
	padding: 0;
}

div:is(.tabs-one, .table-two) .splw-pro-wrapper .splw-pro-daily-weather-details .splw-other-opt div {
	display: flex;
	justify-content: space-between;
	border: 0px solid #0000001f;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	padding-left: 12px;
	padding-right: 12px;
	box-sizing: border-box;
}

div:is(.tabs-one, .table-two) .splw-pro-wrapper .lw-current-data-left-area,
div:is(.tabs-one, .table-two) .splw-pro-wrapper .splw-pro-daily-weather-details .splw-other-opt div:nth-child(1),
div:is(.tabs-one, .table-two) .splw-pro-wrapper .splw-pro-daily-weather-details .splw-other-opt div:nth-child(2) {
	border-top-width: 1px;
}

div:is(.tabs-one, .table-two) .splw-pro-wrapper .splw-pro-daily-weather-details .splw-other-opt div:nth-child(even) {
	border-left-width: 0;

}

div:is(.tabs-one, .table-two) .lw-current-data-right-area {
	overflow: hidden;
}

div:is(.tabs-one, .table-two) .lw-sunrise-sunset-wrapper {
	margin-top: 0;
	top: 80%;
}

div:is(.tabs-one, .table-two) .splw-pro-wrapper .lw-sunrise-sunset-wrapper div:is(.splw-sunrise, .splw-sunset) {
	display: flex;
	flex-direction: column;
	padding: 0;
	margin-top: -20px;
}

div:is(.tabs-one, .table-two) .splw-pro-wrapper .lw-sunrise-sunset-wrapper div:is(.splw-sunrise, .splw-sunset) .lw-title-wrapper {
	font-weight: 500;
}

div:is(.tabs-one, .table-two) .splw-pro-wrapper .lw-sunrise-sunset-wrapper .lw-sky .sunrise {
	text-align: left;
}

div:is(.tabs-one, .table-two) .splw-pro-wrapper .lw-sunrise-sunset-wrapper .splw-sunrise {
	text-align: center;
}

div:is(.tabs-one, .table-two) .splw-pro-wrapper .lw-sunrise-sunset-wrapper .lw-sky .sunset,
div:is(.tabs-one, .table-two) .splw-pro-wrapper .lw-sunrise-sunset-wrapper .splw-sunset {
	text-align: right;
}

div:is(.tabs-one, .table-two) .splw-pro-wrapper .lw-sunrise-sunset-wrapper .lw-sky {
	width: 278px;
	height: 280px;
	top: -130px;
	left: 60%;
}

.splw-pro-wrapper div:is(.lw-daily-forecast, .lw-hourly-forecast) .lw-forecast-table span:is(.lw-low-temp, .lw-forecast-separator),
div:is(.tabs-one, .table-two) .lw-current-data-left-area .tem-min-max-wrapper .temp-min-max:nth-child(1) {
	opacity: .7;
}

div:is(.tabs-one, .table-two) .splw-weather-detailed-updated-time {
	padding-top: 20px;
}

/* Tabs forecast table styling area */
.table-view .lw-forecast-table .splw-forecast-icons img,
.tabs-view .lw-hourly-forecast .splw-forecast-icons img,
.tabs-view .lw-daily-forecast .splw-forecast-icons img,
.table-view .lw-forecast-table .splw-forecast-icons svg,
.tabs-view .lw-hourly-forecast .splw-forecast-icons svg,
.tabs-view .lw-daily-forecast .splw-forecast-icons svg {
	width: 32px;
	margin-right: 6px;
	vertical-align: middle;
}

.lw-table-pagination .hidden,
.table-view .lw-daily-forecast .splw-forecast-time .lw-hourly-forecast-time,
.tabs-view .lw-daily-forecast .splw-forecast-time .lw-hourly-forecast-time {
	display: none;
}

.splw-pro-wrapper div:is(.lw-daily-forecast, .lw-hourly-forecast) .lw-forecast-table {
	margin-bottom: 30px;
}

.splw-pro-wrapper div:is(.lw-daily-forecast, .lw-hourly-forecast) .lw-forecast-table {
	border: 1px solid rgba(204, 204, 204, 1);
	border-radius: 2px;
	width: 100%;
}

.table-two .splw-pro-wrapper div:is(.lw-daily-forecast, .lw-hourly-forecast) .lw-forecast-table thead,
.tabs-view .splw-pro-wrapper div:is(.lw-daily-forecast, .lw-hourly-forecast) .lw-forecast-table thead {
	background: rgba(231, 236, 241, 1);
}

.splw-pro-wrapper div:is(.lw-daily-forecast, .lw-hourly-forecast) .lw-forecast-table th,
.splw-pro-wrapper div:is(.lw-daily-forecast, .lw-hourly-forecast) .lw-forecast-table td {
	border-width: 0 1px 0 0;
	padding: 12px 14px;
	border-color: rgba(204, 204, 204, 1);
	text-align: left;
}

.splw-pro-wrapper div:is(.lw-daily-forecast, .lw-hourly-forecast) .lw-forecast-table th {
	padding: 14px 16px;
	font-weight: 600;
	font-size: 16px;
}

.splw-pro-wrapper div:is(.lw-daily-forecast, .lw-hourly-forecast) .lw-forecast-table th:nth-last-child(1),
.splw-pro-wrapper div:is(.lw-daily-forecast, .lw-hourly-forecast) .lw-forecast-table td:nth-last-child(1) {
	border-width: 0;
}

.splw-pro-wrapper div:is(.lw-daily-forecast, .lw-hourly-forecast) .lw-forecast-table tbody tr:nth-child(odd) {
	background: rgba(255, 255, 255, 1);
}

.splw-pro-wrapper div:is(.lw-daily-forecast, .lw-hourly-forecast) .lw-forecast-table tbody tr:nth-child(even) {
	background: rgba(244, 244, 244, 1);
}

.splw-pro-wrapper div:is(.lw-daily-forecast, .lw-hourly-forecast) span.details-icon {
	display: inline-block;
	/* vertical-align: middle; */
	margin-right: 6px;
}

.splw-pro-wrapper div:is(.lw-daily-forecast, .lw-hourly-forecast) .splw-forecast {
	display: revert;
}

.lw-table-pagination-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 16px;
	color: rgba(110, 110, 110, 1);
}

.lw-table-pagination {
	text-align: right;
}

.lw-table-pagination button {
	display: inline-block;
	padding: 12px 16px;
	background-color: transparent;
	color: rgba(110, 110, 110, 1);
	cursor: pointer;
	border: none;
	border-radius: 4px;
	margin-left: 8px;
	text-align: center;
	border: 1px solid rgba(162, 162, 162, 1);
}

.lw-table-pagination button {
	color: rgba(242, 100, 0, 1);
}

.lw-table-pagination button .pagination-icon i {
	width: 12px;
	height: 12px;
	color: rgba(242, 100, 0, 1);
}

.lw-table-pagination button .next-icon.pagination-icon i::before {
	transform: rotate(180deg);
}

.lw-table-pagination button[disabled] .pagination-icon i::before {
	color: rgba(110, 110, 110, 1);
}

.lw-table-pagination button[disabled] {
	pointer-events: none;
	color: rgba(110, 110, 110, 1);
}


/* Tabs two styling area */
.tabs-view.tabs-two .splw-tab-layout.lw-weather-current-data .splw-tab-content {
	height: auto;
}

.splw-main-wrapper:is(.tabs-two, .table-one) .splw-pro-wrapper .splw-cur-temp {
	justify-content: center;
}

.tabs-view.tabs-two .splw-pro-wrapper .lw-current-data {
	padding-right: 20px;
	margin: auto;
}

.tabs-two .lw-weather-current-data .lw-current-data-wrapper {
	display: flex;
}

.splw-weather-detailed-updated-time .splw-weather-detailed {
	text-align: left;
}

.splw-weather-detailed-updated-time .splw-weather-updated-time {
	text-align: right;
}

.splw-weather-detailed-updated-time div:nth-child(1):is(.splw-weather-updated-time) {
	width: 100%;
}

.tabs-two .lw-weather-current-data .splw-tab-content div {
	flex: 0 0 40%;
}

.tabs-two .lw-weather-current-data .splw-tab-content div.splw-pro-daily-weather-details {
	flex-basis: 60%;
}

.tabs-two .lw-weather-current-data .splw-tab-content .splw-weather-details {
	flex-direction: row;
	flex-wrap: wrap;
	font-size: 13px;
	line-height: 20px;
	/* border: 1px solid rgba(204, 204, 204, 1); */
}

.tabs-two .lw-weather-current-data .splw-tab-content .splw-weather-details div {
	flex: 0 0 50%;
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
}

/* Table view styling area */
div:is(.table-view, .tabs-view) table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin: 0 0 1.5em;
	width: 100%;
}

.editor-styles-wrapper .table-view table td,
.editor-styles-wrapper .table-view table th,
.editor-styles-wrapper .tabs-view table td,
.editor-styles-wrapper .tabs-view table th,
div:is(.table-view, .tabs-view) table,
div:is(.table-view, .tabs-view) td,
div:is(.table-view, .tabs-view) th {
	border: 1px solid #e2e8f0;
}

div:is(.table-view, .tabs-view) td,
div:is(.table-view, .tabs-view) th {
	border-width: 0 1px 1px 0;
}

.table-view .lw-current-data table {
	border-radius: 4px;
	overflow: hidden;
	border: 1px solid rgba(204, 204, 204, 1)
}

.table-view .lw-current-data tr {
	display: flex;
}

.table-view .lw-current-data tbody tr:last-child,
.table-view .lw-current-data tbody tr:last-child td {
	display: block;
}

.table-view .lw-current-data tbody .splw-weather-detailed-updated-time {
	width: 100%;
	padding: 10px;
}

.table-view .lw-current-data thead th,
.table-view .lw-current-data tbody td {
	flex: 0 0 40%;
	display: flex;
	justify-content: center;
	margin: 0;
	padding: 0;
}

.table-view .lw-current-data thead th,
.table-view .lw-current-data tbody td {
	border: none;
}

.table-view .lw-current-data thead th {
	border-bottom: 1px solid rgba(204, 204, 204, 1);
}

.table-view .lw-current-data thead th:nth-last-child(1) {
	border-left: 1px solid rgba(204, 204, 204, 1);
}

.table-one .lw-current-data tbody tr:nth-child(1) td:last-child {
	border-left: 1px solid rgba(204, 204, 204, 1);
}

.table-view .lw-current-data div.lw-current-data-left-area {
	margin: auto;
}

.table-view .lw-current-data thead th:nth-last-child(1),
.table-view .lw-current-data tbody td:nth-last-child(1) {
	flex-basis: 60%;
}

.table-view .lw-current-data div:is(.splw-pro-daily-weather-details) .splw-weather-details {
	flex-direction: row;
	flex-wrap: wrap;
	font-size: 13px;
	line-height: 20px;
}

.table-view .lw-current-data .splw-pro-daily-weather-details {
	width: 100%;
}

.table-view .lw-current-data div:is(.splw-pro-daily-weather-details) .splw-weather-details div {
	flex: 0 0 50%;
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
}

.table-view .lw-current-data div:is(.splw-pro-daily-weather-details) .splw-weather-details div:is(:nth-last-child(1)):nth-child(odd) {
	flex: 1;
}

.tabs-two .lw-weather-current-data .splw-tab-content .splw-weather-details div,
.table-view .lw-current-data div:is(.splw-pro-daily-weather-details) .splw-weather-details div {
	padding: 7px 12px;
	border: 0px solid rgba(204, 204, 204, 1);
	border-top-width: 1px;
	transition: .2s linear;
}

.tabs-two .lw-weather-current-data .splw-tab-content .splw-weather-details div {
	border-bottom-width: 0;
	border-top-width: 1px;
}

.tabs-two .lw-weather-current-data .splw-tab-content .splw-weather-details div:nth-child(even),
.tabs-two .lw-weather-current-data .splw-tab-content .splw-weather-details div:nth-child(odd){
	border-right-width: 1px;
}

.tabs-two .lw-weather-current-data .splw-tab-content .splw-weather-details div:nth-child(odd) {
	border-left-width: 1px;
}

.tabs-two .lw-weather-current-data .splw-tab-content .splw-weather-details div:is(:nth-child(1), :nth-child(2)) {
	border-top-width: 1px;
}

.tabs-two .lw-weather-current-data .splw-tab-content .splw-weather-details div:is(:nth-last-child(1), :nth-last-child(2)) {
	border-bottom-width: 1px;
}

.table-view .lw-current-data thead th {
	padding: 12px 0;
	background: rgba(231, 236, 241, 1);
}

.splw-main-wrapper:is(.table-one, .tabs-two) div:is(.lw-daily-forecast, .lw-hourly-forecast) .lw-forecast-table tbody tr td:first-child,
.splw-main-wrapper:is(.table-one, .tabs-two) div:is(.lw-daily-forecast, .lw-hourly-forecast) .lw-forecast-table thead .lw-table-bottom-header {
	background: rgba(231, 236, 241, 1);
}

.splw-main-wrapper:is(.table-one, .tabs-two) div:is(.lw-daily-forecast, .lw-hourly-forecast) .lw-forecast-table thead .lw-table-top-header th {
	text-align: center;
}

.splw-main-wrapper.tabs-two div:is(.lw-daily-forecast, .lw-hourly-forecast) .lw-forecast-table thead .lw-table-bottom-header th {
	border-top-width: 1px;
	border-bottom-width: 1px;
}

.splw-main-wrapper.tabs-two div:is(.lw-daily-forecast, .lw-hourly-forecast) .lw-forecast-table tbody tr td:first-child {
	border-top-width: 1px;
}

.splw-main-wrapper.tabs-two div:is(.lw-daily-forecast, .lw-hourly-forecast) .lw-forecast-table tbody tr:first-child td:first-child {
	border-top-width: 0;
}

.table-view div:is(.lw-daily-forecast, .lw-hourly-forecast) {
	margin-bottom: 40px;
	overflow-x: auto;
}

.table-view .lw-forecast-title {
	font-size: 27px;
	line-height: 36px;
	text-align: left;
	font-weight: 600;
	margin-bottom: 10px;
}

.splw-main-wrapper.tabs-two div:is(.lw-daily-forecast, .lw-hourly-forecast) .lw-forecast-table thead .lw-table-top-header {
	background: #fff;
}

.tabs-view.tabs-view .lw-weather-current-data .splw-weather-details div:hover,
.splw-pro-wrapper div:is(.lw-daily-forecast, .lw-hourly-forecast) .lw-forecast-table tbody tr:hover,
.table-view .splw-pro-wrapper .splw-pro-daily-weather-details .splw-other-opt div:hover {
	background: rgba(204, 204, 204, .4);
	transition: all 0.3s ease;
}

.table-view.table-two .splw-pro-wrapper .lw-forecast-table thead th,
div:is(.tabs-one, .table-two) .splw-pro-wrapper div:is(.lw-daily-forecast, .lw-hourly-forecast) .lw-forecast-table thead th {
	border-bottom: 1px solid rgba(204, 204, 204, 1);
}

div:is(.tabs-view, .table-view) .splw-icon-wind .options-value svg g {
	fill: #000;
}

.lw-swap-hourly .splw-adv-forecast-days .lw-days,
.lw-swap-hourly .splw-adv-forecast-days .daily-forecast-title,
.splw-adv-forecast-days.hourly .daily-forecast-title {
	display: none;
}

.splw-adv-forecast-days.both .days span,
.splw-main-wrapper:not(.grid-view) .splw-adv-forecast-days.daily .hourly-forecast-title,
.daily-forecast:not(.lw-swap-hourly) .splw-adv-forecast-days.daily .hourly-forecast-title {
	display: none;
}

.splw-main-wrapper:is(.template-two, .template-four, .horizontal-one) .splw-adv-forecast-days .splw-forecast-time,
.splw-main-wrapper:is(.template-two,
	.template-four,
	.horizontal-one) #lw-hourly-content .splw-forecast-time {
	justify-content: center;
	align-items: center;
}

.lw-national-weather-alerts-wrapper {
	margin-top: 12px;
	margin-bottom: 10px;
}

/* Basic button styles */
.lw-national-weather-alerts {
	display: inline-block;
	padding: 7px 14px;
	background-color: transparent;
	/* Button background color */
	color: #fff;
	/* Text color */
	border: none;
	border-radius: 5px;
	/* Rounded corners */
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	font-weight: 600;
	border: 1px solid;
	line-height: 1.2;
}

/* Hover effect */
.lw-national-weather-alerts:hover {
	background-color: #fff;
	color: #1e73be;
	/* Hover background color */
	/* Scale up a bit on hover */
}

.tabs-one .lw-national-weather-alerts-wrapper,
.horizontal-view .lw-national-weather-alerts-wrapper {
	text-align: left;
}

.splw-main-wrapper:is(.table-view, .tabs-view) .lw-national-weather-alerts {
	background-color: #e2e8f0;
	color: #444;
	padding: 7px 14px;
}

.splw-main-wrapper:is(.table-view, .tabs-view) .lw-national-weather-alerts {
	background-color: #e2e8f0;
	color: #444;
}

.tabs-view .lw-current-data .lw-current-data-left-area div.lw-national-weather-alerts {
	padding: 6px 12px;
	line-height: 1.2;
}

.tabs-view .lw-current-data .lw-current-data-left-area div.lw-modal-content {
	padding: 1rem 1.5rem;
}

.horizontal-four .lw-sun-area {
	overflow: hidden;
	margin-bottom: 20px;
}

.splw-adv-forecast-days span.lw-days {
	order: 2;
}

.splw-adv-forecast-days span.lw-hourly-forecast-time {
	order: 1;
}

.splw-adv-forecast-days span.lw-condition-description {
	order: 3;
}

.template-two.splw-main-wrapper .splw-adv-forecast-days {
	padding-bottom: 10px;
}

.wind-weather-direction {
	padding-left: 2px;
}

.splw-main-wrapper:is(.template-one, .template-four, .template-six, .horizontal-two, .tabs-one, .table-view, .grid-view, .accordion-view, .combined-view) .cur-temp .temperature-scale.lw-imperial {
	flex-direction: row-reverse;
}

.splw-main-wrapper:not(.template-one, .template-four, .template-six, .horizontal-two, .tabs-one, .table-view, .grid-view,
	.accordion-view, .combined-view) .cur-temp .temperature-scale.lw-imperial {
	flex-direction: column-reverse;
}

.lw-wind-charts {
	display: flex;
	flex-wrap: nowrap;
	gap: 20px;
	width: 100%;
	padding: 10px 0;
	margin-bottom: 10px;
	overflow-x: auto;
	overflow-y: hidden;
	scroll-behavior: smooth;
	-webkit-overflow-scrolling: touch;

	/* Hide scrollbar - cross-browser */
	scrollbar-width: none;
	/* Firefox */
	-ms-overflow-style: none;
	/* IE/Edge */
}

.lw-wind-charts::-webkit-scrollbar {
	display: none;
	/* Chrome/Safari */
}

.lw-wind-chart-item {
	flex: 0 0 auto;
	/* Prevent shrinking, don't grow */
	min-width: 90px;
	/* Adjust based on your layout */
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	gap: 15px;
}
.lw-wind-chart-item i.splw-icon-wind-2 {
	font-size: 20px;
}

/* Standard CSS rules for all screen sizes */
@media (max-width: 480px) {

	/* CSS rules for the specified media feature */
	.splw-pro-horizontal-top-wrapper,
	.horizontal-two .splw-pro-wrapper .splw-pro-templates-body {
		flex-direction: column;
	}

	.horizontal-one .splw-pro-horizontal-top-wrapper div:is(.splw-pro-horizontal-left-area, .splw-pro-daily-weather-details),
	.horizontal-two .splw-pro-templates-body-right,
	.horizontal-two .splw-adv-forecast-days {
		width: auto;
		box-sizing: border-box;
	}

	.horizontal-one .splw-pro-horizontal-top-wrapper div.splw-pro-daily-weather-details {
		margin-top: 20px;
		margin-left: 20px;
	}

	.horizontal-one .splw-pro-wrapper .splw-pro-current-temp .tem-min-max-wrapper {
		right: 20px;
		bottom: 36px;
	}

	.splw-main-wrapper:not(.horizontal-two) .splw-pro-wrapper .splw-pro-weather-short-desc {
		display: block;
	}

	.horizontal-two .splw-pro-wrapper,
	.horizontal-two .splw-adv-forecast-days .forecast-wrapper {
		height: auto;
	}

	.horizontal-two .splw-adv-forecast-days .forecast-wrapper .splw-weather-details {
		padding-right: 0;
	}

	.horizontal-view .splw-pro-wrapper .splw-pro-header-title-wrapper {
		justify-content: space-between;
	}

	.horizontal-view.horizontal-one .splw-pro-wrapper .splw-forecast {
		flex-direction: row;
	}

	.horizontal-view.horizontal-one .splw-pro-weather-short-desc {
		display: flex;
		justify-content: space-between;
		flex-direction: row-reverse;
	}

	.horizontal-view.horizontal-three .splw-pro-wrapper .splw-pro-templates-body {
		flex-direction: column;
	}

	.horizontal-view.horizontal-three .splw-pro-wrapper .splw-cur-temp {
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}

	.horizontal-view.horizontal-three .splw-pro-wrapper .splw-pro-header-title-wrapper {
		justify-content: center;
		align-items: center;

	}

	.horizontal-view.horizontal-three .splw-pro-daily-weather-details .lw-carousel-wrapper,
	.horizontal-view.horizontal-three .splw-pro-daily-weather-details {
		max-width: 100%;
	}

	.horizontal-view.horizontal-three .splw-adv-forecast-days .lw-forecast-wrapper {
		width: 300px;
	}

	.horizontal-view.horizontal-three .splw-pro-current-temp .tem-min-max-wrapper {
		text-align: center !important;
	}

	.horizontal-two .splw-pro-wrapper .splw-adv-forecast-days {
		margin-left: 20px;
	}

	.splw-main-wrapper.horizontal-one .splw-pro-wrapper .splw-pro-daily-weather-details .splw-other-opt div:nth-child(even) {
		flex-basis: 50%;
	}

	.splw-main-wrapper.horizontal-two .splw-pro-weather-short-desc .weather-desc {
		margin-top: 36px;
		margin-right: 80px;
	}

	.horizontal-view.horizontal-three .splw-pro-templates-body div:is(.splw-pro-weather-short-desc, .splw-pro-header-title-wrapper, .splw-pro-current-temp, .splw-other-opt, .splw-adv-forecast-days),
	.horizontal-view.horizontal-three .splw-pro-wrapper .splw-pro-templates-body .splw-pro-weather-short-desc {
		margin-top: 0px;
		margin-bottom: 16px !important;
		text-align: center !important;
	}

	.splw-main-wrapper.template-six .splw-pro-current-temp div:nth-child(2) {
		display: none;
	}

	.splw-tabs-layout {
		flex-direction: column;
	}

	.splw-tab-layout label {
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		display: block;
		margin-bottom: 6px;
	}

	.splw-tab-content {
		top: 60px;

	}

	.splw-tabs-layout:is(.daily, .hourly) .splw-tab-content {
		top: 120px;
	}

	.splw-tabs-layout.both .splw-tab-content {
		top: 184px;
	}

	div:is(.tabs-one, .table-two) .lw-current-data {
		flex-direction: column;
	}

	div:is(.tabs-one, .table-two) .splw-pro-wrapper .lw-current-data-left-area,
	div:is(.tabs-one, .table-two) .splw-pro-wrapper .splw-pro-daily-weather-details .splw-other-opt div:nth-child(odd) {
		margin-right: 0;
	}

	div:is(.tabs-one, .table-two) .lw-current-data .lw-sunrise-sunset-wrapper {
		margin-top: 60px;
	}

	div:is(.table-two) .lw-current-data .lw-sunrise-sunset-wrapper {
		margin-bottom: 20px;
	}

	div:is(.tabs-one, .table-two) .lw-current-data,
	div:is(.tabs-one, .table-two) .splw-pro-wrapper .splw-pro-daily-weather-details .splw-other-opt {
		flex-direction: column;
	}

	div:is(.tabs-one, .table-two) .lw-current-data div,
	div:is(.tabs-one, .table-two) .splw-pro-wrapper .splw-pro-daily-weather-details .splw-other-opt div {
		flex-basis: auto;
	}

	div:is(.tabs-one, .table-two) .lw-current-data .lw-current-data-left-area {
		margin: auto;
	}

	.splw-main-wrapper.tabs-view .splw-pro-wrapper .splw-cur-temp {
		justify-content: center;
	}

	.table-view .lw-current-data tr {
		display: block;
	}

	.table-view .lw-current-data tr td:nth-child(1) {
		padding-bottom: 20px;
	}

	.table-two .lw-current-data tr td:nth-child(1) {
		flex-direction: column;
	}

	div:is(.table-two) .splw-pro-wrapper .lw-sunrise-sunset-wrapper div:is(.splw-sunrise, .splw-sunset) {
		margin-top: 0;
	}

	.table-view .lw-current-data tbody tr:last-child td {
		padding-bottom: 0;
	}

	.tabs-two .lw-weather-current-data .splw-tab-content .splw-weather-details div,
	.table-view .lw-current-data div:is(.splw-pro-daily-weather-details) .splw-weather-details div {
		justify-content: flex-start;
	}

	.tabs-two .lw-weather-current-data .splw-tab-content .splw-weather-details div:nth-child(even),
	.table-view .lw-current-data div:is(.splw-pro-daily-weather-details) .splw-weather-details div:nth-child(even) {
		justify-content: flex-end;
	}

	.table-two .lw-current-data div:is(.splw-pro-daily-weather-details) .splw-weather-details div,
	.table-two .lw-current-data div:is(.splw-pro-daily-weather-details) .splw-weather-details div:nth-child(even) {
		justify-content: space-between;
	}

	.table-two .lw-current-data div:is(.splw-pro-daily-weather-details) .splw-weather-details div:is( :nth-child(2)) {
		border-top-width: 1px !important;
	}

	.table-two .lw-current-data div:is(.splw-pro-daily-weather-details) .splw-weather-details div:nth-child(odd) {
		border-right-width: 0px !important;
	}

	.table-two .lw-current-data div:is(.splw-pro-daily-weather-details) .splw-weather-details div:nth-child(even) {
		border-left-width: 0px !important;
	}

	.table-one .lw-current-data div:is(.splw-pro-daily-weather-details) .splw-weather-details div:is(:nth-child(1), :nth-child(2)) {
		border-top-width: 1px !important;
	}

	.tabs-view.tabs-two .splw-pro-wrapper .lw-current-data {
		padding-right: 0;
		padding-bottom: 20px;
	}

	.tabs-two .lw-weather-current-data .lw-current-data-wrapper {
		flex-direction: column;
	}

	div:is(.tabs-one, .table-two) .splw-pro-wrapper .lw-sunrise-sunset-wrapper .lw-sky {
		width: 120px;
		height: 120px;
		top: -30px;
	}

	.tabs-view.tabs-two .splw-pro-daily-weather-details {
		overflow: unset;
	}

	.table-view div:is(.lw-daily-forecast, .lw-hourly-forecast):hover {
		overflow-x: scroll;
	}

	div:is(.tabs-one, .table-two) .splw-pro-wrapper .lw-sunrise-sunset-wrapper .lw-sky {
		left: 50%;
	}

	.lw-tabs_nav {
		flex-direction: column;
	}

	.splw-pro-wrapper .lw-tabs_nav label:not(:last-child) {
		border-bottom: 5px;
	}

	div:is(.tabs-one, .table-two) .splw-pro-wrapper .splw-pro-daily-weather-details .splw-other-opt div:nth-child(even) {
		border-left-width: 1px;
	}

	div:is(.tabs-one, .table-two) .splw-pro-wrapper .splw-pro-daily-weather-details .splw-other-opt div:nth-child(2) {
		border-top-width: 0;
	}

	.table-view .lw-current-data tbody tr:nth-child(1) td:last-child {
		border-left: none;
	}

	.table-view .lw-current-data div:is(.splw-pro-daily-weather-details) .splw-weather-details div:is(:nth-child(1), :nth-child(2)) {
		border-top-width: 1px;
	}

}

.tabs-view div#lw-weather-maps {
	height: 600px;
	width: 100%;
}

.splw-windy iframe.sp-location-weather-windy {
	box-sizing: border-box;
	border-radius: 6px;
	width: 100%;
	height: 100%;
}

.splw-main-wrapper canvas#temperatureChart {
	height: 100px;
	width: auto;
}

.details-icon svg {
	vertical-align: bottom;
}

.splw-main-wrapper .splw-chart-container {
	width: 100%;
	height: 120px;
	overflow-x: scroll;
	overflow-y: hidden;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.splw-main-wrapper.weather-combined .splw-chart-container {
	height: 200px;
	margin-top: 20px;
}

.splw-main-wrapper.weather-combined canvas#temperatureChart {
	height: 200px !important;
}

.splw-main-wrapper .splw-chart-container::-webkit-scrollbar {
	display: none;
}

.lw-forecast-wrapper .selected-day {
	background-color: rgba(255, 255, 255, 0.1);
	border-radius: 5px;
	padding: 5px 0;
}

.horizontal-one .lw-forecast-wrapper .splw-forecast {
	padding: 14px 0;
}

.table-two .lw-current-data-table tbody tr:nth-child(1) {
	flex-direction: column;
	flex: 0 0 100%;
}

/* Combined layout style  */

.splw-weather-layout {
	display: grid;
	gap: 20px;
	overflow: auto;
}

.splw-weather-layout__top {
	display: flex;
	gap: 20px;
	width: 100%;
	overflow: hidden;
}

.splw-main-wrapper .splw-weather-current-card {
	width: calc(100% / 2 - 20px);
	flex: 1;
	background-color: #f1f0f4;
	border-radius: 12px;
	border: 1px solid #e0e0e0;
	padding: 20px;
	box-shadow: 0px 4px 8px 0px rgba(17, 17, 17, 0.06);
}

.splw-weather-map-card {
	flex: 1;
	background-color: #fff;
	border-radius: 12px;
	border: 1px solid #e0e0e0;
	padding: 0;
	box-shadow: 0px 4px 8px 0px rgba(17, 17, 17, 0.06);
	display: flex;
	padding: 10px;
}

.splw-weather-map-card iframe {
	width: 100%;
	border-radius: 12px;
	border: none;
}

.splw-main-wrapper .splw-weather-layout__bottom {
	display: flex;
	flex-direction: column;
	gap: 20px;
	background-color: #f1f0f4;
	border-radius: 12px;
	border: 1px solid #e0e0e0;
	padding: 20px;
	box-shadow: 0px 4px 8px 0px rgba(17, 17, 17, 0.06);
	/* overflow: hidden; */
	overflow-x: scroll;
}

.splw-weather-current {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}

.splw-main-wrapper .splw-weather-header,
.splw-main-wrapper .splw-weather-temperature-section,
.splw-main-wrapper .splw-weather-units {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 16px;
}

.splw-weather-description__condition {
	text-transform: capitalize;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.5;
	text-align: right;
	/* color: rgba(47, 47, 47, 1); */
}

.splw-weather-description__high-low {
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	text-align: right;
}

.splw-weather-description {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.splw-weather-unit__title {
	font-weight: 400;
	line-height: 1.4;
	text-align: left;
}

.splw-weather-unit__value {
	font-weight: 400;
	line-height: 1.5;
	text-align: left;
}

.splw-weather-header__time,
.splw-weather-header__location {
	flex-direction: column;
}

.splw-weather-header__location,
.splw-weather-description {
	text-align: right;
}

.splw-weather-temperature {
	display: flex;
	align-items: center;
	gap: 10px;
}

.splw-weather-current-units {
	position: relative;
}

.splw-weather-units {
	display: flex;
	gap: 10px;
	padding: 0;
	margin: 0;
	overflow-x: auto;
	scroll-behavior: smooth;
	list-style: none;
	-ms-overflow-style: none;
	scrollbar-width: none;
	padding-top: 15px;
}

.splw-weather-units::-webkit-scrollbar {
	display: none;
}

.splw-weather-unit {
	text-align: left;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-width: calc(100% / 4);
}

.splw-hourly-details-top .temperature-scale,
.splw-forecast__temp-max .temperature-scale,
.splw-weather-description__feels-like .temperature-scale {
	display: none;
}

.splw-main-wrapper ul.splw-weather-forecast__list {
	display: flex;
	gap: 8px;
	padding: 0;
	margin: 0;
	overflow-x: auto;
	scroll-behavior: smooth;
	white-space: nowrap;
	list-style: none;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.splw-main-wrapper .splw-weather-forecast__item {
	background: #ffffff;
	border-radius: 8px;
	box-shadow: 0px 4px 8px 0px rgba(17, 17, 17, 0.06);
	min-width: 142px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 15px;
	padding-bottom: 15px;
	display: flex;
	flex-direction: column;
	align-items: center;
	transition: transform 0.2s ease;
	cursor: pointer;
	flex-wrap: nowrap;
	z-index: 10;
}

.splw-forecast__right {
	opacity: 0;
	transform: translateY(-10px);
	transition: opacity 0.3s ease, transform 0.3s ease;
	display: none;
}

.splw-weather-forecast__item.active .splw-weather-forecast__details {
	width: 100%;
	z-index: 1;
}

.splw-weather-forecast__item.active {
	min-width: 254px;
}

.splw-weather-forecast__item.active .splw-forecast__right {
	display: flex;
	flex-direction: column;
	justify-content: center;
	opacity: 1;
	transform: translateY(0);
	transition: opacity 0.3s ease, transform 0.3s ease;
	text-align: right;
	gap: 2px;
}

.splw-forecast__date {
	line-height: 1.5;
}

.splw-main-wrapper .splw-forecast__temperature {
	display: flex;
	flex-direction: column;
	line-height: 1.5;
	font-weight: bold;
	margin-top: 8px;
	gap: 2px;
}

.splw-weather-layout__bottom .splw-moon-details .lw-sunrise-sunset-wrapper .lw-sky {
	border-bottom-color: #7f7f7f;
}

.splw-forecast__description {
	/* font-size: 14px; */
	/* color: #666; */
	text-transform: capitalize;
	line-height: 21px;
	line-height: 1.5;
}

.splw-forecast__precipitation {
	font-size: 13px;
	/* color: #757575; */
	font-weight: bold;
}

.splw-forecast__left {
	display: flex;
	align-items: center;
	gap: 5px;
}

.splw-forecast__data {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 30px;
}

/* Tab Navigation Styling */
.splw-main-wrapper .splw-details-tabs {
	/* border: 1px solid #ddd; */
	border-radius: 8px;
	overflow: hidden;
	margin-top: 16px;
	background: #fff;
	box-shadow: 0px 4px 8px 0px rgba(17, 17, 17, 0.06);
}

ul.splw-details-tab-nav {
	display: flex;
	border-bottom: 1px solid #ddd;
	padding: 0;
	margin: 0;
	list-style: none;
}

.splw-main-wrapper .splw-tab-nav__item {
	padding: 8px 25px;
	cursor: pointer;
	/* flex: 1; */
	text-align: center;
	font-weight: bold;
	color: #666;
	transition: background 0.3s ease, color 0.3s ease;
	position: relative;
}

.splw-tab-nav__item.active {
	/* background: #5bc0de; */
	color: #000000;
	/* border-bottom: 2px solid #1d9dbb; */
}

.splw-main-wrapper .splw-tab-nav__item::before {
	display: flex;
	content: attr(data-tab);
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: calc(100% - 50px);
	height: 2px;
	border-radius: 2px;
	font-weight: bold;
	background-color: #000000;
	overflow: hidden;
	opacity: 0;
	transition: .3s all linear;
}

.splw-tab-nav__item:hover::before,
.splw-tab-nav__item.active::before {
	opacity: 1;
}

.splw-tab-nav__item:not(.active):hover {
	background: #e6f3f8;
	color: #333;
}

/* Tab Content Styling */
.splw-details-tab-content {
	color: #333;
}

.splw-details-tab-panel {
	display: none;
	transition: opacity 0.3s ease;
}

.splw-details-tab-panel.active {
	display: block;
	opacity: 1;
	overflow: hidden;
	overflow-x: auto;
}

.weatherIcon-DS-EntryPoint1-1 {
	transform: scale(0.25);
}

.splw-weather-forecast__wrapper,
#hourly.splw-details-tab-panel {
	position: relative;
}

.splw-main-wrapper ul.splw-hourly-data {
	display: flex;
	padding: 0;
	margin: 0;
	overflow-x: auto;
	scroll-behavior: smooth;
	white-space: nowrap;
	list-style: none;
	height: 260px;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

ul.splw-hourly-data::-webkit-scrollbar {
	display: none;
}

.splw-hourly-item {
	min-width: calc(120px - 4px);
	display: inline-block;
	position: relative;
}

.splw-main-wrapper .splw-hourly-item .splw-date {
	position: absolute;
	padding: 12px 8px 10px 20px;
	font-size: 14px;
	font-weight: 500;
	line-height: 16px;
	text-align: left;
	/* color: rgba(47, 47, 47, 1); */
}

.splw-hourly-details {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
	height: calc(100% - 80px);
	flex-shrink: 0;
}

.splw-hourly-details-bottom,
.splw-hourly-details-top {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.splw-main-wrapper .splw-hourly-time {
	margin-top: -2px;
	font-size: 14px;
	line-height: 20px;
	opacity: 0.8;
	width: 100%;
	text-align: center;
	left: 0;
	/* color: #030303; */
	border-top: 2px solid #2121211A;
	padding-top: 6px;
}

.splw-main-wrapper .splw-hourly-details {
	outline: none;
	border: none;
	width: inherit;
	font-family: inherit;
	position: relative;
	cursor: pointer;
	font-size: 13px;
	line-height: 14px;
	overflow: hidden;
	border-bottom: 2px solid transparent;
	box-sizing: content-box;
	transition: 0.5s;
	/* color: rgb(25, 1, 1); */
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.03) 41.67%);
	padding: 30px 20px 10px 25px;
	margin-right: 4px;
}

.splw-weather-header__time-value,
.splw-weather-header__date {
	font-size: 13px;
	line-height: 1.5;
}

.splw-weather-temperature__value {
	display: flex;
	align-items: flex-start;
}

.splw-weather-temperature__value {
	font-size: 52px;
	line-height: 1;
}

.splw-weather-description__feels-like {
	font-size: 13px;
	font-weight: 400;
	line-height: 1.5;
	text-align: right;
	/* color: rgba(117, 117, 117, 1); */
}

.splw-hourly-details-top .splw-desc {
	display: flex;
	line-height: 16px;
	margin-top: 6px;
	font-size: 13px;
	text-align: left;
	white-space: pre-wrap;
	opacity: 0.8;
	max-width: 48px;
	max-height: 48px;
	text-transform: capitalize;
}

.splw-daily-pagination-buttons button,
.splw-current-unit-pagination button,
.splw-pagination-buttons button {
	background-color: #dfe2e5;
	color: #ffffff;
	border: none;
	padding: 10px 2px;
	cursor: pointer;
	font-size: 10px;
	border-radius: 2px;
	display: flex;
	align-items: center;
	gap: 5px;
}

.splw-daily-pagination-buttons .splw-prev-button::before,
.splw-current-unit-pagination .splw-prev-button::before,
.splw-pagination-buttons .splw-prev-button::before {
	content: '←';
	font-size: 16px;
}

.splw-daily-pagination-buttons .splw-next-button::after,
.splw-current-unit-pagination .splw-next-button::after,
.splw-pagination-buttons .splw-next-button::after {
	content: '→';
	font-size: 16px;
}

.splw-daily-pagination-buttons,
.splw-current-unit-pagination,
.splw-pagination-buttons {
	position: absolute;
	top: 50%;
	width: 100%;
	transform: translateY(-50%);
	display: flex;
}

.splw-pagination-buttons {
	margin-top: -15px;
}

.splw-current-unit-pagination {
	margin-top: 8px;
}

.splw-daily-pagination-buttons.splw-next,
.splw-current-unit-pagination.splw-next,
.splw-pagination-buttons.splw-next {
	justify-content: flex-end;
}

.splw-daily-pagination-buttons button.splw-next-button,
.splw-current-unit-pagination button.splw-next-button {
	margin-right: -20px;
}

.splw-daily-pagination-buttons button.splw-prev-button,
.splw-current-unit-pagination button.splw-prev-button {
	margin-left: -20px;
}

.splw-daily-pagination-buttons.splw-prev,
.splw-current-unit-pagination.splw-prev,
.splw-pagination-buttons.splw-prev {
	justify-content: flex-start;
}

.splw-daily-pagination-buttons.splw-prev.splw-next,
.splw-current-unit-pagination.splw-prev.splw-next,
.splw-pagination-buttons.splw-prev.splw-next {
	justify-content: space-between;
}

/* More details page */
.splw-more-details-section {
	display: flex;
	gap: 16px;
}

/* Flex basis for each section */
.splw-main-wrapper .splw-sun-rise-set {
	flex: 0 0 30%;
	max-width: 30%;
	padding: 0px 10px;
	margin: auto 10px;
	font-size: 16px;
	text-align: center;
	min-width: 300px;
}

.splw-sun-rise-set .options-value {
	font-size: 14px;
	line-height: 20px;
}

.splw-temperature-min-max {
	flex: 0 0 20%;
	max-width: 20%;
	min-width: 230px;
}

.splw-main-wrapper .splw-others-units {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 15px;
	padding: 16px;
}

.splw-main-wrapper .splw-others-units .splw-others-unit-item {
	padding: 10px;
	border-radius: 5px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(33, 33, 33, 0.1);
	box-shadow: 0px 2px 8px 0px rgba(33, 33, 33, 0.08);
	min-width: 100px;
}

.splw-others-units .splw-others-unit-item .title {
	font-size: 14px;
	/* color: #666; */
}

.splw-others-units .splw-others-unit-item .value {
	font-size: 16px;
	font-weight: bold;
}

/* Responsive behavior for larger screens */
/* For tablets */
@media (max-width: 1020px) {
	.splw-main-wrapper .splw-others-units {
		grid-template-columns: repeat(3, 1fr);
	}
}

/* thermometer style */
.splw-main-wrapper .splw-thermometer {
	display: flex;
	flex-direction: column;
	align-items: center;
	font-family: Helvetica, Arial, sans-serif;
	/* color: #4a1c03; */
	position: relative;
	margin-top: 30px;
	margin-bottom: 50px;
}

.splw-thermometer__label {
	font-size: 12px;
	font-weight: bold;
}

.splw-main-wrapper .splw-thermometer__label--max {
	align-self: flex-end;
	margin-top: 20px;
	line-height: 18px;
}

.splw-thermometer__label--max .temperature-scale {
	display: none;
}

.splw-main-wrapper .splw-thermometer__label--min {
	align-self: flex-start;
	margin-top: 4px;
	bottom: -20px;
	line-height: 18px;
}

.splw-thermometer__column-wrapper {
	position: relative;
	width: 10px;
}

.splw-main-wrapper .splw-thermometer__column {
	width: 100%;
	height: 150px;
	border-radius: 15px 15px 0 0;
	border: 2px solid #4a1c03;
	border-bottom: none;
	background-image: linear-gradient(180deg, #F77E64 26.74%, #8AC7F0 67.5%);
	z-index: 10;
	position: relative;
}

.splw-thermometer__bulb {
	width: 26px;
	height: 26px;
	background: #8AC7F0;
	border: 2px solid #4a1c03;
	border-radius: 50%;
	position: absolute;
	bottom: -22px;
	left: -8px;
}

.splw-thermometer__label {
	display: flex;
	flex-direction: column;
	position: absolute;
}

/* ---------------- */
.combined-view .splw-weather-temperature .temperature-scale {
	vertical-align: top;
	margin-top: 6px;
}

h2.splw-weather-forecast__title {
	font-size: 20px;
	font-weight: 500;
	line-height: 20px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
}

.combined-view .splw-weather-temperature .temperature-scale.lw-imperial {
	display: flex;
	gap: 2px;
	flex-direction: row-reverse;
}

.combined-view .splw-weather-current-units .details-icon {
	vertical-align: middle;
}

/* Weather Forecast Accordion Style */
.accordion-view .splw-adv-forecast-days.both .lw-daily-hourly-forecast-buttons {
	padding-bottom: 0;
	padding-top: 0;
}

.accordion-view .details-icon svg {
	vertical-align: sub;
}

.splw-weather-accordion {
	max-width: 1200px;
	margin: 20px auto;
	background: white;
	border-radius: 8px;
	border: 1px solid #ddd;
	overflow: hidden;
	width: 100% !important;
}

/* Accordion Styling */
.splw-accordion-item {
	border-top: 1px solid #ddd;
	overflow: hidden;
	background: #fff;
}

/* Remove border-bottom for last item */
.splw-accordion-item:first-child {
	border-top: none;
}

/* Accordion Header */
button.splw-accordion-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 16px 12px 16px 20px;
	cursor: pointer;
	background-color: #f2f7fc;
	font-weight: normal;
	transition: background 0.2s ease;
	width: 100%;
	border: none;
	line-height: 1.4;
	font-size: 14px;
	color: #000;
	border-radius: 0;
}

/* Equal width for all spans except toggle */
button.splw-accordion-header span {
	text-align: left;
	min-width: 100px;
	white-space: normal;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
}

.accordion-one button.splw-accordion-header span {
	flex: 1;
}

button.splw-accordion-header .splw-temp {
	font-size: 20px;
	font-weight: 600;
}

button.splw-accordion-header .splw-temp .lw-low-temp {
	font-weight: 400;
}

button.splw-accordion-header span:last-child {
	text-align: right;
}

.splw-accordion-three-header .temperature-scale,
button.splw-accordion-header span .temperature-scale {
	display: none;
}

/* Center align humidity, pressure, and wind */
button.splw-accordion-header span:is(.splw-rain,
	.splw-snow, .splw-humidity, .splw-pressure, .splw-precipitation, .splw-wind) {
	text-align: center;
}

button.splw-accordion-header span.splw-weather-icon {
	text-transform: capitalize;
	display: inline-flex;
	align-items: center;
	gap: 4px;
}

.splw-accordion-item .details-icon i {
	margin-right: 3px;
}

/* Set specific width for rain and snow spans */
.splw-main-wrapper.accordion-one button.splw-accordion-header span:is(.splw-rain, .splw-snow, .splw-precipitation) {
	flex: 0 0 130px;
}

/* Set toggle button width to exactly 50px */
button.splw-accordion-header .splw-toggle {
	flex: 0 0 50px;
	text-align: center;
	padding-right: 8px;
}

/* Hover effect */
button.splw-accordion-header:hover {
	background: #e0e0e0;
}

/* Accordion Content */
.splw-accordion-content {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.4s ease-out, padding 0.4s ease;
}

.splw-accordion-item.active .accordion-content {
	max-height: 600px;
	padding: 12px;
	margin-bottom: 20px;
}

.splw-toggle i::before {
	transform: rotate(270deg);
	vertical-align: middle;
	transition: .4s linear;
}

.splw-accordion-item.active .splw-toggle i::before {
	transition: .4s linear;
	transform: rotate(90deg);
}

/* Accordion content style  */
.splw-forecast-details-wrapper {
	background: #f9f9f9;
	border-radius: 5px;
	border: 1px solid #ddd;
	margin: 15px 25px 25px 25px;
}

.splw-forecast-details {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 15px;
}

.splw-forecast-item {
	border-radius: 8px;
	padding: 8px;
	text-align: center;
}

.splw-forecast-item .title {
	display: block;
	margin-bottom: 5px;
}

.splw-forecast-item .value {
	font-size: 16px;
	font-weight: 600;
}

.splw-forecast-temperature-details {
	padding-bottom: 30px;
	max-width: 700px;
	margin: auto;
	/* overflow-x: auto; */
	position: relative;
}

.splw-forecast-grid {
	display: flex;
	gap: 10px;
	width: 100%;
	min-width: 600px;
	flex-direction: column;
	justify-content: space-between;
	flex: 1;
}

.splw-forecast-grid div:is(.splw-temp-header, .splw-temp-values, .splw-feel-values) {
	display: flex;
	flex-direction: row;
	gap: 10px;
	justify-content: space-between;
	align-items: space-between;
	flex: 1;
}

.splw-temperature-item {
	text-align: center;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1;
}

.splw-temperature-item.header {
	font-weight: 600;
	flex: 1;
}

.horizontal-three .lw-footer {
	display: none;
}

/* Accordion two */
.splw-main-wrapper.accordion-two .splw-weather-accordion {
	display: flex;
	overflow-x: auto;
	white-space: nowrap;
	scroll-behavior: smooth;
	max-height: 500px;
	width: fit-content;
}

/* Each accordion item */
.splw-main-wrapper.accordion-two .splw-accordion-item {
	border-left: 1px solid #ddd;
	border-top: 0;
	display: flex;
	flex-shrink: 0;
	transition: all 0.3s ease-in-out;
}

.splw-main-wrapper.accordion-two .splw-accordion-item:first-child {
	border-left: none;
}

/* Accordion header (vertical layout) */
.splw-main-wrapper.accordion-two .splw-accordion-header {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	gap: 40px;
	width: 150px;
	min-height: 150px;
	padding: 10px;
	background: #f5f5f5;
	cursor: pointer;
	border: none;
}

/* Content (collapsed by default) */
.splw-main-wrapper.accordion-two .splw-accordion-content {
	width: 0;
	opacity: 0;
	overflow: hidden;
	transition: width 0.5s ease, opacity 0.4s ease;
	max-height: 500px;
	display: block;
	white-space: normal;
	background: #fff;
}

/* Expanded state */
.splw-main-wrapper.accordion-two .splw-accordion-item.active .splw-accordion-content {
	width: 300px;
	opacity: 1;
}

.splw-main-wrapper.accordion-two .splw-accordion-item.active .splw-accordion-header {
	pointer-events: none;
	cursor: none;
}

.splw-main-wrapper.accordion-two .splw-forecast-item {
	text-align: left;
}

.splw-main-wrapper.accordion-two .splw-forecast-temperature-details {
	padding: 0 10px 30px 10px;
}

.splw-main-wrapper:is(.accordion-four, .accordion-three) .splw-forecast-details,
.splw-main-wrapper:is(.accordion-four, .accordion-three) .splw-forecast-temperature-details {
	padding-top: 20px;
}

.splw-main-wrapper.accordion-two .splw-forecast-details {
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
	min-width: 380px;
}

.splw-main-wrapper.accordion-two #lw-hourly-content .splw-forecast-details {
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
	margin-top: 20px;
}

.splw-main-wrapper.accordion-two #lw-hourly-content .splw-forecast-item {
	text-align: center;
}

.splw-main-wrapper:is(.accordion-two, .accordion-three, .accordion-four) .splw-forecast-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 10px;
	width: 100%;
	min-width: 260px;
}

.splw-main-wrapper.accordion-two .splw-accordion-item {
	transition: flex 0.8s;
	overflow: hidden;
}

.splw-main-wrapper:is(.accordion-two, .accordion-three,
	.accordion-four) .splw-forecast-grid .splw-temp-header {
	margin-top: 20px;
}

.splw-main-wrapper.accordion-two .splw-forecast-details-wrapper {
	border-radius: 4px;
	margin: 20px;
}

.splw-main-wrapper.accordion-two .splw-accordion-item.active button.splw-accordion-header {
	background-color: transparent;
}

.splw-main-wrapper:is(.accordion-two, .accordion-three,
	.accordion-four) .splw-forecast-grid div:is(.splw-temp-header, .splw-temp-values, .splw-feel-values) {
	display: flex;
	flex-direction: column;
	gap: 10px;
	justify-content: flex-start;
	align-items: flex-start;
}

.splw-main-wrapper:is(.accordion-three,
	.accordion-four) .splw-forecast-grid {
	grid-template-columns: repeat(3, 1fr);
	min-width: 200px;
}

.splw-main-wrapper.accordion-two .splw-forecast-grid div:is(.splw-temp-values, .splw-feel-values) {
	align-items: center;
}

/* .splw-main-wrapper.accordion-two section.splw-forecast-details {
	padding: 0 20px 5px 20px;

} */

.splw-main-wrapper:is(.accordion-two) .splw-forecast-grid div:is(.splw-temp-header, .splw-temp-values, .splw-feel-values) {
	min-width: 115px;
}

/* Accordion Three */
.splw-main-wrapper:is(.accordion-three, .accordion-four) .splw-weather-accordion {
	overflow-x: auto;
	display: flex;
	flex-wrap: nowrap;
	scroll-behavior: smooth;
	scrollbar-width: thin;
}

.accordion-two .splw-weather-accordion .splw-accordion-content::-webkit-scrollbar {
	display: none;
} 

/* Hide thumb by default */
.splw-main-wrapper:is(.accordion-two, .accordion-three, .accordion-four) .splw-weather-accordion::-webkit-scrollbar-thumb {
	background-color: transparent;
	border-radius: 4px;
}

/* Show thumb on hover */
.splw-main-wrapper:is(.accordion-two, .accordion-three, .accordion-four) .splw-weather-accordion:hover::-webkit-scrollbar-thumb {
	background-color: rgba(153, 153, 153, 0.7);
	border-radius: 4px;
}

/* Optional: no visible track */
.splw-main-wrapper:is(.accordion-two, .accordion-three, .accordion-four) .splw-weather-accordion::-webkit-scrollbar-track {
	background: transparent; } 

.splw-accordion-three-header {
	color: rgba(47, 47, 47, 1);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 12px;
	align-items: center;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.2;
	padding: 20px 16px;
}

.splw-accordion-three-header .splw-temp {
	color: rgba(47, 47, 47, 1);
	align-items: center;
	font-weight: 700;
	font-size: 32px;
	line-height: 1.2;
}

.splw-main-wrapper:is(.accordion-three, .accordion-four) section.splw-weather-accordion {
	display: flex;
}

.splw-weather-accordion .splw-forecast-single-item {
	flex: 0 0 calc(100% / 5);
	border-left: 1px solid #ddd;
	overflow: hidden;
	transition: height 0.8s ease-in-out;
	background: transparent;
}

.splw-weather-accordion.fewer-than-5 .splw-forecast-single-item{
	flex: 1;
}

.splw-weather-accordion .splw-forecast-single-item:first-child {
	border-left: none;
}

.splw-forecast-single-item-content .splw-forecast-details-wrapper {
	background: transparent;
	border-radius: none;
	border: none;
	margin: 0px;
}

.splw-forecast-single-item-content .splw-forecast-details {
	grid-template-columns: repeat(2, 1fr);
	position: relative;
}


.splw-forecast-single-item-content .splw-temp-header {
	width: 100px;
}

.splw-main-wrapper:is(.accordion-three, .accordion-four) .splw-forecast-grid div:is(.splw-temp-values, .splw-feel-values) {
	align-items: center;
}

.splw-forecast-single-item {
	overflow: hidden;
	transition: height 0.3s ease-in-out;
}

.splw-forecast-single-item-content .splw-forecast-details::before,
.splw-forecast-single-item .splw-forecast-temperature-details::before {
	position: absolute;
	content: '';
	width: 100%;
	height: 1px;
	background: #ddd;
	top: 0;
	left: 0;
}

.splw-main-wrapper:is(.accordion-three, .accordion-four) .splw-forecast-single-item:nth-child(even) {
	background: aliceblue;
}

.splw-accordion-three-header .splw-weather-icon {
	text-transform: capitalize;
	display: flex;
	align-items: center;
}

.splw-forecast-single-item .splw-forecast-item {
	padding: 8px;
}

.splw-adv-forecast-days .load-more-btn,
.splw-adv-forecast-days .read-less-btn,
#loadLessWeather,
#loadMoreWeather {
	display: block;
	text-align: center;
	background: #fff;
	color: #000;
	border: 1px solid #5c5959;
	cursor: pointer;
	transition: .2s all linear;
	border-radius: 4px;
	z-index: 10;
	width: 140px;
	height: 44px;
	border-radius: 3px;
	padding-top: 12px;
	padding-right: 16px;
	padding-bottom: 12px;
	padding-left: 16px;
	border: 1px solid rgba(68, 68, 68, 1);
	margin: auto;
	line-height: 1.2;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 14px;
}

.splw-adv-forecast-days .load-more-btn i:before,
.splw-adv-forecast-days .read-less-btn i:before,
#loadLessWeather i:before,
#loadMoreWeather i:before {
	transform: rotate(268deg);
	color: #000;
	margin-left: 8px;
}
#loadLessWeather i:before,
#loadMoreBtn i:before,
#loadMoreWeather i:before {
	vertical-align: middle;
}
#loadLessWeather i:before,
.splw-adv-forecast-days .read-less-btn i:before {
	transform: rotate(90deg);
}
#loadLessWeather:hover,
#loadMoreWeather:hover {
	background: #0056b3;
	color: #fff;
}
#loadLessWeather:hover i:before,
#loadMoreWeather:hover i:before {
	color: #fff;
}


.splw-main-wrapper:is(.accordion-three, .accordion-four) .splw-adv-forecast-days {
	position: relative;
}

.splw-main-wrapper:is(.accordion-three, .accordion-four) #loadMoreWeather.lw-partial {
	position: absolute;
	bottom: 30px;
	left: 50%;
	transform: translateX(-50%);
}

.splw-main-wrapper:is(.accordion-three, .accordion-four) .splw-forecast-item .details-icon {
	display: block;
}

/* Grid Layout style */
.entry-content .splw-forecast-section ul.splw-tabs,
.entry-content .splw-hourly-section ul.splw-tabs,
.splw-hourly-section .splw-tabs,
.splw-forecast-section .splw-tabs {
	justify-content: flex-start;
	gap: 20px;
}

.grid-view .splw-hourly-section .splw-tab,
.splw-forecast-section .splw-tab {
	margin: 0;
	padding-top: 0;
	padding-bottom: 10px;
	transition: background 0.3s ease, color 0.3s ease;
	/* border-bottom: 3px solid transparent;
	margin-bottom: -2PX; */
	position: relative;
}

.grid-view .splw-hourly-section li.splw-tab::after {
	position: absolute;
	width: 100%;
	content: '';
	height: 2px;
	bottom: 0;
	left: 0;
	transition: all .2s cubic-bezier(0, 0, .2, 1);
	transform: scale(0);
}
.grid-view .splw-hourly-section li.splw-tab.active::after {
	transform: scale(1);
}

.splw-hourly-section .splw-tab.active,
.splw-forecast-section .splw-tab.active {
	border-color: #333;
}

.splw-forecast-section {
	width: 100%;
	overflow: auto;
}

.grid-view .splw-hourly-content {
	display: flex;
	flex-wrap: nowrap;
	min-width: 150px;
	gap: 20px;
	overflow-x: auto;
}

.grid-view .splw-hourly-content .splw-forecast {
	display: flex;
	flex-direction: column;
	gap: 15px;
	align-items: flex-start;
	flex: 1 1 calc(12.5% - 20px);
	min-width: 100px;
	box-sizing: border-box;
	padding-top: 15px;
}

.splw-main-wrapper.grid-view .splw-hourly-section {
	width: 100%;
	background-color: #ffffff;
	border-radius: 12px;
	border: 1px solid #e0e0e0;
	padding: 16px 20px;
}
.splw-pro-header-title .splw-icon-location-icon-1,
.splw-weather-header .splw-icon-location-icon-1{
	margin-right: 4px;
}
/* Medium screens: Show 4 items per row */
@media (max-width: 1024px) {
	.grid-view .splw-hourly-content .splw-forecast {
		flex: 1 1 calc(25% - 20px);
		/* 4 items per row */
	}
}

/* Small screens: Show 2 items per row */
@media (max-width: 768px) {
	.grid-view .splw-hourly-content .splw-forecast {
		flex: 1 1 calc(50% - 20px);
		/* 2 items per row */
	}
}

/* Extra small screens: Show 1 item per row */
@media (max-width: 480px) {
	.grid-view .splw-hourly-content .splw-forecast {
		flex: 1 1 100%;
		/* 1 item per row */
	}
}

.grid-view .splw-hourly-content::-webkit-scrollbar,
.grid-view .splw-hourly-content .lw-days,
.grid-view .lw-swap-daily .splw-hourly-content .lw-hourly-forecast-time,
.grid-view .splw-weather-details .temperature-scale {
	display: none;
}

.grid-view .lw-swap-daily .splw-hourly-content .lw-days {
	display: block;
}

@media (max-width: 776px) {
	.splw-weather-layout__top {
		flex-direction: column;
		max-width: 100%;
		width: 100%;
		overflow: hidden;
	}

	.accordion-view .splw-weather-layout {
		display: block;
	}

	.splw-main-wrapper .splw-weather-current-card {
		width: 100%;
	}

	.splw-main-wrapper.weather-map #splw-map {
		height: 240px;
	}

	ul.splw-weather-forecast__list {
		overflow-x: auto;
	}

	.splw-weather-forecast__item {
		min-width: calc((100% - 80px) / 4);
	}

	.splw-weather-forecast__item.active {
		min-width: 200px;
	}

	.splw-forecast__data {
		gap: 10px;
	}

	.splw-more-details-section {
		flex-direction: column;
	}

	.splw-main-wrapper .splw-sun-rise-set {
		margin-top: 50px;
		flex: 0 0 90%;
		max-width: 90%;
	}

	.splw-temperature-min-max {
		min-width: 230px;
		margin: auto;
	}

	.splw-thermometer {
		margin-bottom: 20px;
	}

	.splw-weather-accordion .splw-forecast-single-item {
		flex: 0 0 calc(100% / 3);
	}
}

@media (max-width: 480px) {
	.splw-main-wrapper .splw-others-units {
		grid-template-columns: repeat(2, 1fr);
	}

	.splw-weather-forecast__item {
		min-width: calc((100% - 80px) / 2);
	}

	.accordion-view .splw-weather-layout {
		display: block;
	}

	.accordion-one .splw-forecast-details {
		grid-template-columns: repeat(3, 1fr);
	}

	.accordion-one .splw-forecast-details span.details-icon {
		display: block;
	}

	.splw-main-wrapper .splw-forecast-grid {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 10px;
		width: 100%;
		min-width: 300px;
	}

	.splw-main-wrapper .splw-forecast-grid div:is(.splw-temp-header, .splw-temp-values, .splw-feel-values) {
		display: flex;
		flex-direction: column;
		gap: 10px;
		justify-content: flex-start;
		align-items: flex-start;
	}

	.splw-main-wrapper .splw-forecast-grid div:is(.splw-temp-values, .splw-feel-values) {
		justify-content: center;
		align-items: center;
	}

	.splw-weather-accordion .splw-forecast-single-item {
		flex: 0 0 calc(100% / 2);
	}

	.splw-main-wrapper:is(.accordion-three, .accordion-four) .splw-forecast-grid {
		min-width: 172px;
	}

	.splw-forecast-single-item-content .splw-temp-header {
		width: 60px;
	}

	.splw-main-wrapper.accordion-one button.splw-accordion-header span:is(.splw-rain, .splw-snow, .splw-precipitation) {
		flex: 0 0 80px;
	}
}

/* Container Styling */
.grid-one .splw-daily-content {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 16px;
	padding: 20px 0;
	box-sizing: border-box;
}

/* Card Styling */
.grid-one .splw-forecast-daily-item {
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	transition: 0.3s ease-in-out all;
	gap: 10px;
	border-radius: 6px;
	padding: 20px 16px;
	background: rgba(255, 255, 255, 1);
	border: 1px solid rgba(204, 204, 204, 1);
	/* box-shadow: 4px 4px 8px 0px rgba(17, 17, 17, 0.06); */
	position: relative;
}

.grid-one .splw-forecast-daily-item.active::after,
.grid-one .splw-forecast-daily-item:hover::after {
	position: absolute;
	content: '\e80d';
	top: auto;
	bottom: 20px;
	left: auto;
	right: 20px;
	font-family: "splw-fontello";
	color: #ffffff;
	transition: 0.3s ease-in-out all;
}

.grid-one .splw-forecast-daily-item:hover {
	background: rgba(19, 31, 73, 1);
	color: #ffffff;
	pointer-events: painted;
	cursor: pointer;
}

/* Weather Icon */
.grid-one .splw-icon img {
	width: 56px;
	height: 48px;
}

/* Temperature Info */
.grid-one .splw-temp,
.grid-one .splw-min-max-temp {
	font-size: 16px;
	font-weight: bold;
}

.grid-view .splw-hourly-content .lw-hourly-forecast-time {
	font-weight: 600;
}

.grid-view .splw-hourly-content span#temperature {
	display: flex;
	flex-direction: row-reverse;
	gap: 2px;
}

.grid-view .splw-hourly-content span#temperature span:is(.lw-forecast-separator, .lw-high-temp) {
	font-weight: 700;
}

.grid-one .splw-min-max-temp {
	font-weight: 400;
}

.grid-one .splw-temp {
	font-size: 32px;
}

.grid-one .splw-desc {
	/* margin: 8px 0; */
	font-size: 14px;
	text-transform: capitalize;
	font-weight: 500;
}

.grid-one .splw-popup-modal {
	display: none;
}

.grid-view .splw-hourly-content .splw-forecast-icons.max {
	margin-left: 10px;
}

.splw-popup-modal {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 99999;
	background: #fff;
	padding: 20px;
	border-radius: 8px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
	max-width: 540px;
	width: 100%;
	overflow-y: auto;
	max-height: 80%;
	color: #000;

}

.splw-popup-modal .splw-forecast-details .title {
	font-size: 12px;
	margin-bottom: 0;
}

.splw-popup-modal .splw-forecast-details .value {
	font-size: 14px;
	font-weight: 600;
}

.splw-popup-modal.active {
	display: block;
}

.splw-popup-modal .splw-forecast-temperature-details {
	overflow: hidden;
	display: grid;
	grid-template-columns: 30% 70%;
	gap: 20px;
	border-bottom: 1px solid #efefef;
	padding: 20px 0;
	margin: 0 20px;
}

.splw-popup-modal .splw-forecast-details-wrapper {
	background: transparent;
	border: none;
	margin: 0;
}

.splw-popup-modal .splw-forecast-details {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 25px;
}

.splw-popup-modal .splw-forecast-item {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	padding: 10px 10px;
	border-radius: 4px;
	/* transition: transform 0.3s ease, box-shadow 0.3s ease; */
	border: 1px solid rgba(204, 204, 204, 1);
	width: calc((100% - 45px) / 4);
	line-height: 1.4;
}

/* Text styles */
.splw-popup-modal .splw-forecast-item .details-icon {
	display: block;
}

.splw-popup-modal .splw-forecast-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	min-width: 300px;
}

.splw-popup-modal .splw-forecast-grid div:is(.splw-temp-header, .splw-temp-values, .splw-feel-values) {
	min-width: 96px;
}

.splw-popup-modal .splw-forecast-grid div:is(.splw-temp-header, .splw-temp-values, .splw-feel-values) {
	display: flex;
	flex-direction: column;
	gap: 10px;
	justify-content: flex-start;
	align-items: flex-start;
	font-size: 14px;
	line-height: 1.5;
}

.splw-popup-modal .splw-forecast-grid .splw-temp-header {
	margin-top: 20px;
}

.splw-popup-modal .splw-forecast-grid div:is(.splw-temp-values, .splw-feel-values) {
	align-items: center;
}

.splw-popup-modal .splw-daily-temp {
	text-align: left;
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.splw-popup-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 99998;
	display: none;
}

.splw-popup-overlay.active {
	display: block;
}

.splw-popup-modal-content {
	position: relative;
}

.splw-model-close-button {
	position: absolute;
	top: -10px;
	right: -10px;
	width: 25px;
	height: 25px;
	color: #999;
	border: 1px solid #999;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	font-size: 13px;
	line-height: 1;
	transition: background-color 0.2s ease;
	z-index: 99999;
}

.splw-model-close-button:hover {
	background-color: rgba(15, 15, 15, 0.8);
	color: #fff;
}

/* Grid Two */
.splw-grid-wrapper {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 16px;
	box-sizing: border-box;
}

.splw-grid-item.hourly-forecast {
	grid-column: span 4;
}

.grid-three .splw-grid-item.hourly-forecast {
	grid-column: span 6;
}

.splw-grid-item.sp-weather-map {
	grid-column: span 2;
	grid-row: span 2;
}

.grid-three .splw-grid-item.sp-weather-map {
	grid-column: span 3;
}

.splw-grid-item.daily-forecast {
	grid-column: span 2;
	grid-row: span 3;
}

.grid-three .splw-grid-item.daily-forecast {
	grid-row: span 2;
}

.splw-grid-item.sp-weather-map .splw-weather-map-card {
	height: 100%;
}

.splw-grid-item:not(.hourly-forecast, .sp-weather-map) {
	border: 1px solid rgba(204, 204, 204, 1);
	border-radius: 8px;
	padding: 16px;
	font-size: 14px;
}

.splw-grid-item .uv-scale-wrapper {
	width: 100%;
	max-width: 200px;
}

.splw-grid-item .uv-gradient-bar {
	position: relative;
	height: 8px;
	border-radius: 7px;
	background: linear-gradient(90deg, #9CC600 0%, #FFBC01 25%, #FF9000 50%, #F55023 75%, #9E47CC 100%);
	/* margin-bottom: 8px; */
}

.splw-grid-item .uv-indicator {
	position: absolute;
	top: -1px;
	width: 10px;
	height: 10px;
	background: rgb(229, 224, 224);
	border-radius: 10px;
	/* transform: translateX(-50%); */
}

.splw-grid-item .uv-labels {
	display: flex;
	justify-content: space-between;
	font-size: 12px;
	color: #555;
}

.splw-uv-index {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}

.splw-grid-item .options-value.bold {
	font-size: 24px;
	font-weight: 600;
	line-height: 1.2;
}

.splw-grid-item div:not(.splw-air-qualitative-name, .splw-uv-index) .options-value.bold {
	margin-top: 20px;
}

.splw-uv-index .splw-uv-report {
	display: block;
}

.splw-grid-item .splw-air-qualitative-name,
.splw-precipitation-units,
.splw-grid-item .splw-icon-pressure,
.splw-humidity-dew-point,
.splw-wind-speed,
.splw-visibility-desc,
.splw-pressure-desc,
.splw-clouds-desc,
.splw-moonrise-moonset,
.splw-sunrise-sunset {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	/* min-height: 152px; */
	line-height: 1;
}

.splw-grid-item div:is(.splw-clouds, .splw-visibility, .splw-uv-index) {
	height: 100%;
	/* min-height: 152px; */
	line-height: 1;
}

.splw-grid-item .splw-icon-pressure {
	justify-content: flex-start;
}

/* .splw-grid-item span.details-icon {
	vertical-align: middle;
} */

/* .splw-grid-item span.details-icon svg {
	width: 14px;
} */

.grid-two .splw-pro-header-title {
	display: flex;
	align-items: center;
}

.grid-two .splw-pro-current-temp {
	text-align: center;
}

.splw-grid-current-data .splw-pro-weather-short-desc .weather-desc {
	font-weight: 600;
}

.splw-sunset-scale-wrapper {
	width: 100%;
	max-width: 320px;
	/* margin: 20px auto; */
}

.splw-main-wrapper.grid-view .visibility-desc,
.pressure-desc,
.clouds-desc,
.splw-main-wrapper.grid-view .splw-rain-snow,
.splw-main-wrapper.grid-view .splw-gusts-wind,
.splw-moonset-phase {
	line-height: 1.4;
	display: flex;
	flex-direction: column;
	gap: 6px;
	align-items: flex-start;
}

.splw-sunset-scale-svg {
	width: 100%;
	height: 30px;
	display: block;
}

.splw-grid-current-data .splw-cur-temp {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 4px;
}

.splw-grid-item:not(.hourly-forecast, .daily-forecast, .sp-weather-map) {
	height: 184px;
}

div:is(.grid-three, .grid-two) .splw-adv-forecast-days .forecast-wrapper {
	max-height: 310px;
	overflow-y: scroll;
	scrollbar-width: none;
	scrollbar-color: #ccc transparent;
}

.grid-view.grid-two:not(.grid-three) .splw-adv-forecast-days .forecast-wrapper {
	max-height: 500px;
}

.accordion-view:is(.accordion-one, .accordion-two) .splw-forecast-item .details-icon i,
.splw-grid-item .details-icon i {
	margin-right: 3px;
}

/* .grid-three .splw-adv-forecast-days .forecast-wrapper .splw-forecast{
	margin-right: 10px;
} */

/* Chrome, Edge, Safari */
div:is(.grid-three, .grid-two) .splw-adv-forecast-days .forecast-wrapper::-webkit-scrollbar {
	width: 4px;
}

div:is(.grid-three, .grid-two) .splw-adv-forecast-days .forecast-wrapper::-webkit-scrollbar-track {
	background: transparent;
}

div:is(.grid-three, .grid-two) .splw-adv-forecast-days .forecast-wrapper::-webkit-scrollbar-thumb {
	background-color: #ccc;
	border-radius: 10px;
	border: 2px solid transparent;
	background-clip: content-box;
}

div:is(.grid-three, .grid-two) .splw-grid-wrapper .splw-grid-item:nth-child(1).sp-weather-map {
	order: 2;
}

div:is(.grid-three, .grid-two) .splw-grid-wrapper .splw-grid-item:nth-child(2).daily-forecast {
	order: 1;
}

div:is(.grid-three, .grid-two) .splw-grid-item {
	order: 4;
}

/* Responsive Design */
@media (max-width: 1200px) {
	.grid-one .splw-daily-content {
		grid-template-columns: repeat(4, 1fr);
	}
}

@media (max-width: 992px) {
	.grid-one .splw-daily-content {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 768px) {
	.grid-one .splw-daily-content {
		grid-template-columns: repeat(2, 1fr);
	}

	.splw-grid-wrapper {
		grid-template-columns: repeat(4, 1fr);
	}

	.splw-grid-item.hourly-forecast {
		order: 1;
	}

	.splw-grid-item.daily-forecast {
		order: 2;
	}

	.splw-grid-item.sp-weather-map {
		order: 3;
	}

	.splw-grid-item {
		order: 4;
	}

	.grid-three .splw-grid-item.hourly-forecast {
		grid-column: span 4;
	}

	.grid-three .splw-grid-item.sp-weather-map {
		grid-column: span 2;
	}

	.horizontal-view.horizontal-one .splw-pro-wrapper .splw-forecast {
		flex-direction: row;
	}
}

@media (max-width: 480px) {

	.grid-one .splw-daily-content,
	.splw-grid-wrapper {
		grid-template-columns: repeat(2, 1fr);
		justify-content: center;
	}

	.grid-three .splw-grid-item.hourly-forecast,
	.splw-grid-item.hourly-forecast {
		order: 1;
		grid-column: span 2;
	}

	.grid-three .splw-grid-item.daily-forecast,
	.splw-grid-item.daily-forecast {
		order: 2;
		grid-column: span 2;
	}

	.grid-three .splw-grid-item.sp-weather-map,
	.splw-grid-item.sp-weather-map {
		order: 3;
		grid-column: span 2;
	}

	.splw-grid-item {
		order: 4;
	}

	.splw-grid-item.hourly-forecast .splw-forecast-header-area .daily-forecast-title {
		display: none;
	}

	.splw-weather-unit {
		min-width: calc(100% / 3);
	}

	.splw-popup-modal {
		max-width: 320px;
	}

	.splw-popup-modal .splw-forecast-item {
		width: calc((100% - 45px) / 2);
	}

	.splw-main-wrapper:is(.accordion-two) .splw-forecast-grid div:is(.splw-temp-header, .splw-temp-values, .splw-feel-values),
	.splw-popup-modal .splw-forecast-grid div:is(.splw-temp-header, .splw-temp-values, .splw-feel-values) {
		min-width: auto;
	}

	.splw-popup-modal .splw-forecast-temperature-details {
		grid-template-columns: 100%;
	}

	.splw-main-wrapper.accordion-two .splw-forecast-item,
	.splw-popup-modal .splw-daily-temp {
		text-align: center;
	}

	.splw-main-wrapper:is(.accordion-two) .splw-forecast-grid,
	.splw-popup-modal .splw-forecast-grid {
		grid-template-columns: repeat(4, 1fr);
	}

	.splw-main-wrapper.accordion-two .splw-forecast-details {
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
		min-width: 280px;
	}

	.splw-main-wrapper.accordion-two .splw-accordion-item.active .splw-accordion-content {
		max-width: 360px;
	}

	button.splw-accordion-header span.splw-weather-icon {
		display: inline;
	}

	.grid-one .splw-forecast-daily-item::after {
		position: absolute;
		content: '\e80d';
		top: auto;
		bottom: 20px;
		left: auto;
		right: 20px;
		font-family: "splw-fontello";
		color: #000;
	}

	.horizontal-one .lw-arrow.lwp-chevron {
		display: none;
	}

	.accordion-one button.splw-accordion-header span {
		flex: auto;
	}
}

.splw-pro-wrapper {
	position: relative; 
}

.splw-pro-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	z-index: 999;
	display: none;
	align-items: center;
	justify-content: center;
	border-radius: 6px;
}

.splw-location-search-field-title,
.splw-location-search-field{
	display: flex;
	justify-content: flex-start !important;
	position: absolute;
	left: 20px;
	right: 20px;
	top: 20px;
	bottom: auto;
	max-width: 320px;
	flex-direction: column;
}

.splw-main-wrapper:is(.tabs-view,.table-view.table-one) .splw-location-search-field {
	top: 60px;
}
.splw-main-wrapper:is(.tabs-two,.table-one) .splw-location-search-field {
	left: 80px;
}

.splw-pro-location-input-box {
	padding: 20px;
	border-radius: 8px;
	text-align: center;
}

input[type=text].splw-city-input {
	padding: 8px 12px;
	font-size: 16px;
	width: 280px;
	margin-right: 10px;
	border-radius: 4px;
	border-style: solid;
}
input.splw-city-input[type=text]:focus{
	outline: none;
	box-shadow: none;
	border-color: #ddd;
}

button.splw-city-submit {
	padding: 10px 15px;
	font-size: 16px;
	background-color: #ef4f37;
	color: white;
	border: none;
	cursor: pointer;
	border-radius: 4px;
}
button.splw-city-submit:hover {
	background-color: #d43f2b;
}

button.splw-city-submit.is-loading {
	opacity: 0.6;
	cursor: not-allowed;
}

.splw-pro-location-edit {
	position: relative;
	top: 0;
	right: 0;
	left: auto;
	bottom: auto;
	width: 24px;
	height: 24px;
	z-index: 10;
	cursor: pointer;
	/* margin-left: 6px; */
}


.splw-pro-location-edit i {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
	pointer-events: auto;
}
.splw-main-wrapper:is(.template-one, .grid-one, .grid-two, .table-view, .tabs-view) .splw-pro-location-edit, .splw-main-wrapper:is(.template-one, .grid-one, .grid-two, .table-view, .tabs-view) .splw-pro-location-edit i {
	margin-left: 8px;
}

/* Show search icon by default */
.splw-pro-location-edit .splw-icon-search-icon {
	opacity: 1;
	transform: rotate(0deg) scale(1);
	visibility: visible;
}

/* Hide location icon initially */
.splw-pro-location-edit .splw-icon-location-icon-1 {
	opacity: 0;
	transform: rotate(-45deg) scale(1);
	visibility: hidden;
	margin: 0;
}

/* On hover: switch icons */
.splw-pro-location-edit:hover .splw-icon-search-icon {
	opacity: 0;
	transform: rotate(45deg) scale(1);
	visibility: hidden;
	pointer-events: none;
}

.splw-pro-location-edit:hover .splw-icon-location-icon-1 {
	opacity: 1;
	transform: rotate(0deg) scale(1);
	visibility: visible;
	pointer-events: auto;
}

.splw-weather-header__city {
	display: inline-flex;
	align-items: center;
}
.lw-current-data-table,
.splw-grid-current-data,
.splw-weather-current-card {
	position: relative;
}

.splw-preloader {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 100;
}

.splw-preloader .spinner {
	width: 30px;
	height: 30px;
	border: 4px solid #f8f8f8;
	border-top-color: #F26C0D;
	border-radius: 50%;
	animation: spin .8s linear infinite;
}

@keyframes spin {
	to {
		transform: rotate(360deg);
	}
}

.splw-location-search-field .splw-city-error {
	color: #fff;
	font-size: 12px;
	margin-top: 6px;
	display: none;
	text-align: left;
	line-height: 1.4;
}
.splw-location-search-field .splw-input {
	display: inline-flex;
}