@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap");
.splw-lite-wrapper {
font-family: 'Roboto', sans-serif;
display: flex;
justify-content: center;
flex-direction: column;
font-size: 16px;
line-height: 1.5;
text-align: center;
color: #fff;
position: relative;
overflow: hidden;
}
.splw-weather-title {
font-size: 27px;
text-align: center;
font-weight: 700;
text-transform: capitalize;
line-height: 20px;
}
.splw-lite-wrapper .splw-lite-header {
text-align: center; }
.splw-lite-wrapper .splw-lite-header-title-wrapper {
display: inline-block;
}
.splw-lite-wrapper .splw-lite-header-title {
font-size: 27px;
font-weight: 700;
line-height: 38px;
margin-bottom: 4px;
}
.splw-lite-wrapper .splw-lite-current-time {
display: inline-block;
font-size: 14px;
font-weight: 600;
margin-bottom: 10px;
}
.splw-lite-wrapper .splw-lite-body {
width: 100%;
margin: 0 auto;
padding-bottom: 20px;
font-size: .875em;
font-weight: 400;
}
.splw-lite-wrapper .splw-lite-current-temp {
text-align: center;
}
.splw-lite-wrapper .splw-lite-current-temp span.cur-temp {
font-family: 'Roboto', sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 56px;
}
.splw-lite-wrapper .splw-lite-current-text {
margin-top: 10px;
}
.splw-lite-wrapper .splw-lite-current-temp .weather-icon {
display: inline;
box-shadow: none;
width: 58px;
}
.splw-lite-wrapper .splw-lite-desc {
display: inline-block;
font-size: 16px;
font-weight: 600;
line-height: 20px;
text-transform: capitalize;
}
.splw-lite-wrapper .splw-lite-daily-weather-details .splw-other-opt {
display: flex;
flex-direction: column;
font-size: 14px;
font-weight: 400;
line-height: 20px;
margin-top: 8px;
}
.splw-main-wrapper .splw-weather-details .options-value {
font-weight: 600;
}
.splw-main-wrapper .splw-lite-daily-weather-details .splw-other-opt div:not(.splw-weather-icons) {
padding-bottom: 4px;
}
.splw-lite-wrapper .splw-cur-temp {
display: flex;
justify-content: center;
line-height: initial;
align-items: center;
}
.splw-lite-wrapper .splw-weather-attribution {
padding: 0.5em 1em;
font-size: 11px;
text-align: center;
background: rgba(0, 0, 0, .1);
}
.splw-lite-wrapper .splw-weather-attribution a {
text-decoration: none;
}
.splw-lite-wrapper .splw-warning {
padding: 20px;
}
.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-icons.icons_splw {
display: flex;
justify-content: space-between;
margin-top: 16px;
order: 7;
}
.splw-main-wrapper .splw-weather-details div:not(.icons_splw) span.details-icon {
display: inline-flex;
margin-right: 2px;
vertical-align: middle;
}
.splw-lite-current-temp .temperature-scale {
font-size: 21px;
vertical-align: top;
line-height: 20px;
margin-top: 6px;
margin-left: 4px;
display: inline-block;
font-weight: 500;
}
.splw-main-wrapper .splw-weather-detailed-updated-time {
display: flex;
justify-content: space-between;
padding: 6px 0;
font-size: 11px;
}
.splw-weather-detailed-updated-time .splw-weather-detailed {
text-align: left;
}
.splw-weather-detailed-updated-time .splw-weather-updated-time {
text-align: right;
}
.splw-lite-wrapper .splw-weather-detailed-updated-time a {
text-decoration: underline dotted;
text-decoration-color: #ffffff75;
color: #fff;
}
.splw-main-wrapper .splw-weather-details div:not(.icons_splw) span.details-icon svg {
width: 16px;
}
.splw-main-wrapper.horizontal .splw-lite-templates-body{
display: flex;
row-gap: 10px;
}
.splw-main-wrapper.horizontal .splw-lite-templates-body div{
flex: 0 0 50%;
text-align: left;
}
.splw-main-wrapper.horizontal .splw-cur-temp{
justify-content: flex-start;
}
.splw-main-wrapper.horizontal .splw-lite-desc{
text-align: left;
width: 100%;
}
.splw-main-wrapper.horizontal .splw-lite-templates-body div.splw-lite-daily-weather-details{
flex: 0 0 50%;
}
.splw-main-wrapper.horizontal .splw-lite-daily-weather-details .splw-other-opt{
flex-direction: row;
flex-wrap: wrap;
margin-top: 0;
}
.splw-main-wrapper.horizontal .splw-lite-daily-weather-details .splw-other-opt div:nth-child(even) {
text-align: right;
}
.splw-main-wrapper.horizontal .splw-lite-header-title-wrapper{
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}
.splw-main-wrapper.horizontal .splw-lite-wrapper .splw-lite-header-title{
font-size: 14px;
line-height: 20px;
}
.spwpcp-gutenberg-shortcode.editor-styles-wrapper {
padding: 0;
line-height: 24px;
}