@charset "UTF-8";


:root {
--srp-global-cta-mobile: 142px;
--srp-global-cta-desktop: 200px;
--srp-global-column-title-width: 500px;
--srp-extendedPlayer-height: 100vh; }
@keyframes showElement {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes hideElement {
from {
opacity: 1; }
to {
opacity: 0; } }
@media only screen and (min-width: 1026px) {
#sonaar-player:not(.sr-float) .player .store {
box-sizing: border-box; }
#sonaar-player:not(.sr-float) .player .store .track-store {
display: flex;
list-style: none;
margin: 0;
padding: 0;
height: 100%; }
#sonaar-player:not(.sr-float) .player .store .track-store li {
height: 100%;
min-width: 74px;
display: flex;
justify-content: center;
align-items: center;
border-left: 1px solid rgba(255, 255, 255, 0.1);
position: relative;
top: 0; }
#sonaar-player:not(.sr-float) .player .store .track-store li a {
height: auto;
max-height: 100%;
display: block;
font-size: 10px;
text-decoration: none;
text-transform: uppercase;
text-align: center;
overflow: hidden;
padding-left: 10px;
padding-right: 10px; }
#sonaar-player:not(.sr-float) .player .store .track-store li a:hover {
transition: 200ms;
filter: brightness(0.75); }
#sonaar-player:not(.sr-float) .player .store .track-store li a i {
pointer-events: none;
display: block;
font-size: 20px;
line-height: 1.5em; }
#sonaar-player:not(.sr-float) .player .store .track-store li .sr_store_round_bt {
border-radius: 4px;
padding: 4px 6px;
margin: 0px 10px;
display: flex;
align-items: center;
justify-content: center; }
#sonaar-player:not(.sr-float) .player .store .track-store li .sr_store_round_bt i.fas {
display: inline-block;
margin-right: 5px;
font-size: 12px; } }
@media only screen and (max-width: 426px) {
#sonaar-player .playlist .tracklist .track-store {
display: none !important; } }
@media only screen and (max-width: 540px) {
#sonaar-player .playlist button.play, #sonaar-player .player .player-row .sr_skipBackward,
#sonaar-player .player .player-row .sr_skipForward,
#sonaar-player .player .player-row .sr_speedRate,
#sonaar-player .player .player-row .shuffle {
display: none !important; } }
@media only screen and (min-width: 425px) and (max-width: 1025px) {
#sonaar-player .playlist .tracklist .track-store {
display: none !important; } }
#sonaar-player {
position: fixed;
bottom: -90px;
color: #fff;
background-color: #000;
width: 100%;
z-index: 8010; }
#sonaar-player .mejs-container {
display: none !important; }
#sonaar-player,
#sonaar-player .player {
height: 90px; }
@media only screen and (max-width: 540px) {
#sonaar-player,
#sonaar-player .player {
height: 56px; }
#sonaar-player div.player,
#sonaar-player .player div.player {
border-width: 0; } }
#sonaar-player.sr_hide {
display: none; }
#sonaar-player:not(.sr_hide):not([v-cloak]) {
display: block !important; }
@media only screen and (max-width: 1025px) {
#sonaar-player .store {
display: none; } }
#sonaar-player.enable {
transition: all 0.03s ease; }
#sonaar-player.enable .btn-player {
top: 0px !important; }
#sonaar-player.enable .btn-player .audioBar {
display: none !important; }
@media only screen and (max-width: 1025px) {
#sonaar-player.enable .store {
position: absolute;
top: 0px;
right: 0px;
transform: translateY(-100%);
width: auto !important;
min-width: 150px;
border-radius: 3px;
z-index: 10000;
display: none; }
#sonaar-player.enable .store .track-store {
font-size: 14px;
list-style: none;
margin: 0;
padding: 0; }
#sonaar-player.enable .store .track-store li {
border: none;
display: block;
padding: 7px; }
#sonaar-player.enable .store .track-store li a {
text-decoration: none;
display: block;
text-align: center;
color: inherit !important;
background-color: inherit !important; }
#sonaar-player.enable .store .track-store li a .fa {
display: inline-block;
padding-right: 10px;
font-size: 1.4em; }
#sonaar-player.enable .store .track-store li a i {
margin-right: 6px; }
#sonaar-player.enable .store .track-store li + li {
border-top: 1px solid rgba(138, 138, 138, 0.25); }
#sonaar-player.enable .store.opened {
display: block;
animation: showElement 0.25s ease-in-out both; }
#sonaar-player.enable .store:not(.opened) {
animation: hideElement 0.25s ease-in-out both; } }
#sonaar-player.show-list {
height: 100%;
z-index: 9999; }
#sonaar-player .sricon-close, #sonaar-player .close {
pointer-events: all;
right: 50px;
top: 45px;
position: absolute;
cursor: pointer; }
#sonaar-player .sricon-close.btn_playlist, #sonaar-player .close.btn_playlist {
font-size: 32px; }
#sonaar-player .sricon-close.btn_playlist:after, #sonaar-player .sricon-close.btn_playlist:before, #sonaar-player .close.btn_playlist:after, #sonaar-player .close.btn_playlist:before {
margin-left: 14px; }
@media only screen and (max-width: 860px) {
#sonaar-player .sricon-close, #sonaar-player .close {
font-size: 18px;
top: 15px;
right: 22px;
z-index: 9999; }
#sonaar-player .sricon-close.btn_playlist, #sonaar-player .close.btn_playlist {
font-size: 18px; } }
#sonaar-player .sricon-close.btn-player, #sonaar-player .close.btn-player {
font-size: 16px;
display: flex;
justify-content: center;
align-items: center;
right: 0;
top: -10px;
transform: translateY(-100%);
width: 24px;
height: 24px; }
@media only screen and (max-width: 860px) {
#sonaar-player .sricon-close.btn-player, #sonaar-player .close.btn-player {
top: -3px; } }
#sonaar-player .sricon-close.btn-player .audioBar, #sonaar-player .close.btn-player .audioBar {
display: block;
width: 16px;
height: 16px;
transform: rotate(180deg);
position: absolute;
top: 4px;
left: 4px; }
#sonaar-player .playerNowPlaying {
width: 342px;
display: flex;
align-items: center; }
#sonaar-player .playerNowPlaying .album-art {
height: calc(100% - 16px);
max-width: 125px;
transition: all 0.5s ease;
margin-left: 8px;
position: relative; }
@media only screen and (max-width: 540px) {
#sonaar-player .playerNowPlaying .album-art {
height: 100%;
margin-left: 0px;
max-width: 90px; } }
#sonaar-player .playerNowPlaying .album-art .loading-icon {
color: #fff;
position: absolute;
width: 100%;
top: 20px;
opacity: 0;
transition: opacity 0.75s ease;
z-index: 1; }
#sonaar-player .playerNowPlaying .album-art.loading-enable.loading .loading-icon {
opacity: 0.8; }
#sonaar-player .playerNowPlaying .album-art img:not(.hover) {
max-width: 100%;
max-height: 100%;
position: relative;
top: 50%;
transform: translateY(-50%); }
#sonaar-player .playerNowPlaying .album-art img.hover {
opacity: 0;
position: absolute;
top: 0;
width: 200px;
max-width: unset;
height: auto;
transition: all 0.5s ease;
transform: translate3d(0, 200px, 0);
z-index: 100; }
@media only screen and (min-width: 540px) {
#sonaar-player .playerNowPlaying .album-art:hover img.hover {
opacity: 1;
transform: translateY(-100%) translate3d(0, 0, 0); } }
#sonaar-player .playerNowPlaying.no-image .metadata {
margin-left: 10px;
margin-right: 0px;
width: inherit; }
@media only screen and (max-width: 540px) {
#sonaar-player .playerNowPlaying.no-image .metadata {
margin-right: 10px; } }
#sonaar-player .playerNowPlaying .metadata {
position: relative;
letter-spacing: 1px;
width: 245px;
height: 100%;
overflow: hidden;
white-space: nowrap;
margin: 0 0 0 20px;
line-height: 1.65em; }
#sonaar-player .playerNowPlaying .metadata .track-name,
#sonaar-player .playerNowPlaying .metadata .track-artist,
#sonaar-player .playerNowPlaying .metadata .track-album {
float: left;
clear: left; }
#sonaar-player .playerNowPlaying .metadata .track-name.scrolling,
#sonaar-player .playerNowPlaying .metadata .track-artist.scrolling,
#sonaar-player .playerNowPlaying .metadata .track-album.scrolling {
transition: transform 5s linear; }
#sonaar-player .playerNowPlaying .metadata .track-name .duplicate,
#sonaar-player .playerNowPlaying .metadata .track-artist .duplicate,
#sonaar-player .playerNowPlaying .metadata .track-album .duplicate {
padding-left: 10px; }
#sonaar-player .playerNowPlaying .metadata .metadata-inner {
position: relative;
top: 50%;
transform: translateY(-50%); }
#sonaar-player .playerNowPlaying .metadata .metadata-inner:after {
content: "";
clear: both;
display: table; }
#sonaar-player .playerNowPlaying .metadata .track-artist,
#sonaar-player .playerNowPlaying .metadata .track-album {
font-size: 0.7em;
line-height: 1em; }
@media only screen and (max-width: 860px) {
#sonaar-player .playerNowPlaying .metadata {
font-size: 14px; } }
@media only screen and (max-width: 540px) {
#sonaar-player .playerNowPlaying .metadata {
font-size: 12px;
width: calc(100% - 50px);
margin: 0 10px;
max-width: 300px; } }
@media only screen and (max-width: 860px) {
#sonaar-player .playerNowPlaying {
width: auto;
flex: 1; } }
@media only screen and (max-width: 860px) and (min-width: 541px) {
#sonaar-player .no-list .playerNowPlaying .metadata {
width: calc(100% - 215px); } }
#sonaar-player .playlist {
font-size: 18px;
box-sizing: border-box;
height: calc(100vh - 90px);
position: absolute;
width: 100%; }
#sonaar-player .playlist .scroll {
height: calc(100vh - 320px);
width: 100%;
top: 100px;
position: absolute;
display: flex;
overflow-y: hidden; }
#sonaar-player .playlist .container {
min-height: 0;
width: 100%;
max-width: 1144px;
height: auto;
align-self: center;
margin: auto;
padding: 0 20px;
background-color: transparent; }
#sonaar-player .playlist .container .boxed {
height: auto;
width: 100%; }
#sonaar-player .playlist .title {
margin-bottom: 20px;
display: block;
text-align: center;
font-size: 54px;
line-height: 1.265em; }
@media only screen and (max-width: 860px) {
#sonaar-player .playlist .title {
box-sizing: border-box;
font-size: 18px;
text-transform: uppercase;
position: fixed;
top: 0;
left: 0;
width: 100vw;
margin: 0;
padding: 20px; } }
#sonaar-player .playlist button.play {
padding: 12px 34px;
border-radius: 50px;
border: none;
font-family: Tahoma, sans-serif;
font-size: 14px;
text-transform: uppercase;
position: relative;
left: 50%;
transform: translate(-50%, 0);
margin: 0 auto 50px auto;
outline: none;
cursor: pointer; }
#sonaar-player .playlist .tracklist {
list-style-type: none;
margin: 0;
padding: 0;
display: table;
width: 100%; }
@media only screen and (max-width: 540px) {
#sonaar-player .playlist .tracklist {
display: block; } }
#sonaar-player .playlist .tracklist li {
filter: brightness(70%);
font-weight: inherit;
display: table-row;
line-height: 2.4em;
cursor: pointer; }
#sonaar-player .playlist .tracklist li.active {
filter: brightness(100%);
font-weight: 700; }
@media only screen and (max-width: 860px) {
#sonaar-player .playlist .tracklist li {
font-size: 15px; } }
@media only screen and (max-width: 540px) {
#sonaar-player .playlist .tracklist li {
display: block;
line-height: 1.265em;
margin-bottom: 1.265em;
position: relative; } }
#sonaar-player .playlist .tracklist span {
display: table-cell; }
#sonaar-player .playlist .tracklist span .content {
background-color: unset;
margin: 0; }
@media only screen and (min-width: 540px) {
#sonaar-player .playlist .tracklist span .content {
line-height: 1.3em;
display: block;
overflow: hidden;
text-overflow: ellipsis; } }
@media only screen and (max-width: 540px) {
#sonaar-player .playlist .tracklist span {
display: inline-block; } }
@media only screen and (max-width: 540px) {
#sonaar-player .playlist .tracklist .track-status {
font-size: 12px;
font-weight: 300; } }
@media only screen and (max-width: 540px) {
#sonaar-player .playlist .tracklist .srp_track_control {
position: absolute; } }
#sonaar-player .playlist .tracklist .sricon-play {
font-size: 15px;
padding-right: 7px; }
@media only screen and (max-width: 540px) {
#sonaar-player .playlist .tracklist .sricon-play {
font-size: 12px;
padding-right: 0; } }
@media only screen and (max-width: 540px) {
#sonaar-player .playlist .tracklist .track-lenght {
font-size: 12px;
font-weight: 300;
position: absolute;
right: 0px;
top: 0; } }
#sonaar-player .playlist .tracklist .track-store {
display: flex;
justify-content: start;
column-gap: 15px; }
#sonaar-player .playlist .tracklist .track-store a {
text-decoration: none;
font-size: 20px; }
@media only screen and (max-width: 540px) {
#sonaar-player .playlist .tracklist .track-title {
display: block;
width: 100%;
padding-left: 20px; } }
@media only screen and (max-width: 540px) {
#sonaar-player .playlist .tracklist .track-artist,
#sonaar-player .playlist .tracklist .track-album {
font-size: 12px;
font-weight: 300;
padding-left: 20px; } }
@media only screen and (max-width: 540px) {
#sonaar-player .playlist .tracklist .track-artist + .track-album {
padding-left: 10px; } }
#sonaar-player.audio-playing .playlist .tracklist li.active .sricon-play:before {
content: '\e81c'; }
#sonaar-player.srp_mobile .playlist {
z-index: 15555;
background: inherit;
height: 100%; }
#sonaar-player.srp_mobile .playlist .container {
align-self: normal;
margin: 0; }
#sonaar-player.srp_mobile .playlist .sricon-close.close {
position: fixed;
left: 22px;
top: 18px; }
#sonaar-player.srp_mobile .scroll {
top: 64px;
height: calc(100% - 64px); }
#sonaar-player.srp_mobile .player .control {
padding: 0; }
#sonaar-player .player {
width: 100%;
position: absolute;
left: 0;
bottom: 0;
top: auto;
border-width: 4px;
border-style: solid;
border-left: none;
border-bottom: none;
border-right: none; }
#sonaar-player .player .player-row {
display: flex;
height: 100%; }
#sonaar-player .player .player-row .sr_skipBackward,
#sonaar-player .player .player-row .sr_skipForward {
font-size: 25px; }
@media only screen and (max-width: 540px) {
#sonaar-player .player .player-row:before {
content: "";
width: 100%;
height: calc(100% - 5px);
display: block;
position: absolute;
bottom: 0;
z-index: 55; } }
@media only screen and (max-width: 540px) {
#sonaar-player .player .player-row .playerNowPlaying,
#sonaar-player .player .player-row .control,
#sonaar-player .player .player-row .sonaar-extend-button {
z-index: 60; } }
#sonaar-player .player .control--item.list:hover, #sonaar-player .player .control--item.previous:hover, #sonaar-player .player .control--item.play:hover, #sonaar-player .player .control--item.next:hover, #sonaar-player .player .control--item.shuffle:hover,
#sonaar-player .player .control--item.volume .sricon-volume:hover:before {
filter: brightness(0.75);
transition: 300ms; }
#sonaar-player .player .mobilePanel {
position: absolute;
top: 0px;
width: 100%;
transform: translateY(calc(-100% + 4px));
z-index: 50;
border-bottom: 4px solid; }
#sonaar-player .player .mobilePanel .sonaar-extend-button {
position: absolute;
top: 0;
right: 0; }
#sonaar-player .player .control {
padding: 0 15px;
margin: 0;
list-style: none;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
column-gap: 22px; }
#sonaar-player .player .control .control--item {
position: relative;
text-align: center;
height: 100%;
cursor: pointer;
opacity: 1;
display: flex;
justify-content: center;
align-items: center; }
#sonaar-player .player .control .control--item.play {
background: unset; }
@media only screen and (max-width: 860px) {
#sonaar-player .player .control {
margin-right: 20px; } }
@media only screen and (max-width: 767px) {
#sonaar-player .player .control {
margin-right: 15px; } }
@media only screen and (max-width: 540px) {
#sonaar-player .player .control {
min-width: 40px;
margin-right: 0; } }
@media only screen and (max-width: 860px) {
#sonaar-player .player .sr_progressbar_sticky {
display: none !important; } }
#sonaar-player .sr_progressbar_sticky {
width: auto;
position: relative;
display: flex;
flex: 1;
align-items: center;
margin: 0 5px; }
#sonaar-player .sr_progressbar_sticky .timing {
font-variant-numeric: tabular-nums;
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
font-size: 11px;
line-height: 1em; }
#sonaar-player .sr_progressbar_sticky .sr-progress {
width: calc(100% - 200px);
position: absolute;
height: 90px;
left: 75px;
bottom: 0; }
#sonaar-player .sr_progressbar_sticky .sr-progress .sr-wavebar {
position: absolute;
height: 1px;
left: 0;
top: 50%; }
#sonaar-player .sr_progressbar_sticky .sr-progress .progress_totalTime {
width: 100%; }
#sonaar-player .sr_progressbar_sticky .sr-progress .progress_currentTime {
height: 3px;
top: calc(50% - 1px); }
#sonaar-player .sr_progressbar_sticky .sr-progress .skip {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0; }
#sonaar-player .sr_progressbar_sticky #sPlayer {
display: flex;
align-items: center;
height: 100%;
opacity: 0;
transition: all 3000ms ease;
overflow: hidden;
width: calc(100% - 100px);
max-height: calc(100% - 6px);
left: 47px; }
#sonaar-player .sr_progressbar_sticky #sPlayer.sr_hide {
opacity: 0; }
#sonaar-player .sr_progressbar_sticky #sPlayer.reveal {
opacity: 1; }
#sonaar-player .progressLoading {
background: rgba(255, 255, 255, 0.25);
width: 0%;
height: 1px;
box-shadow: 0 0 2px rgba(255, 255, 255, 0.5);
width: calc(100% - 562px);
position: absolute;
left: 552px;
top: 45px;
transition: opacity 3000ms ease; }
#sonaar-player .wave {
position: absolute;
left: 30px; }
#sonaar-player .wave wave {
transition: width 400ms;
width: 100%;
position: absolute;
overflow-x: hidden !important; }
#sonaar-player.sr-float {
bottom: -56px; }
@media only screen and (min-width: 541px) {
#sonaar-player.sr-float .player .mobilePanel {
border-width: 0;
transform: unset;
top: 3px; } }
@media only screen and (max-width: 540px) {
#sonaar-player.sr-float .player .mobilePanel {
transform: translateY(calc(-100% + 5px));
border-width: 5px; } }
#sonaar-player.sr-float .close.btn-player rect {
fill: #fff; }
#sonaar-player.sr-float .control .control--item.list.sricon-list {
font-size: 18px; }
#sonaar-player.sr-float .control .sricon-back, #sonaar-player.sr-float .control .sricon-forward, #sonaar-player.sr-float .control .sricon-play {
font-size: 17px; }
#sonaar-player .shuffle {
width: 20px; }
#sonaar-player.hide-track-lenght .playlist .tracklist .track-lenght {
display: none; }
#sonaar-player.hide-track-category .playlist .tracklist .track-album {
display: none; }
#sonaar-player .sonaar-extend-button {
height: 100%;
width: 25px;
display: flex;
justify-content: center;
align-items: center;
font-size: 16px;
line-height: 16px;
text-align: center;
margin-right: 5px;
cursor: pointer; }
@media only screen and (min-width: 1026px) {
#sonaar-player .sonaar-extend-button {
display: none; } }
#sonaar-player .sonaar-extend-button i {
position: relative;
display: block; }
#sonaar-player .mobileProgress {
width: 100%;
position: absolute;
top: -6px;
z-index: 10;
cursor: pointer; }
#sonaar-player .mobileProgress .skip {
position: absolute;
width: 100%;
height: 390%;
top: -130%;
z-index: 10; }
@media only screen and (min-width: 861px) {
#sonaar-player .mobileProgress {
display: none; } }
#sonaar-player .mobileProgressing {
height: 6px;
position: relative; }
#sonaar-player .mobileProgressing:after {
content: '';
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%; }
#sonaar-player .progressDot {
height: 10px;
width: 10px;
border-radius: 5px;
position: absolute;
top: 50%;
left: 0;
transform: translate(-50%, -50%);
display: none; }
body:not(.continuousPlayer-enable) #sonaar-player .progressDot {
opacity: 0; }
#sonaar-player.sr-float:not(.show-list),
#sonaar-player.sr-float .player {
height: 50px; }
#sonaar-player.sr-float:not(.sr_hide):not([v-cloak]) {
display: flex !important;
left: unset; }
#sonaar-player.sr-float {
background-color: unset; }
#sonaar-player.sr-float:not(.srp_ext_opened) {
pointer-events: none; }
#sonaar-player.sr-float.sr-pos--left {
justify-content: flex-start; }
#sonaar-player.sr-float.sr-pos--center {
justify-content: center; }
#sonaar-player.sr-float.sr-pos--right {
justify-content: flex-end; }
#sonaar-player.sr-float.audio-playing .player:hover .mobileProgress {
display: block;
opacity: 1; }
@media only screen and (max-width: 861px) {
#sonaar-player.sr-float.audio-playing .player.audio-playing .mobileProgress {
display: block;
opacity: 1; } }
#sonaar-player.sr-float .player {
pointer-events: all;
margin: 20px;
left: unset;
border-radius: 10px;
width: auto;
border-width: 0px; }
#sonaar-player.sr-float .player .control .control--item {
margin: 0 1px; }
@media only screen and (min-width: 861px) {
#sonaar-player.sr-float .player.sr-show_controls_hover {
transition: 800ms width;
width: 342px; }
#sonaar-player.sr-float .player.sr-show_controls_hover:hover {
width: 100%; }
#sonaar-player.sr-float .player.sr-show_controls_hover:hover .playerNowPlaying {
width: 270px; }
#sonaar-player.sr-float .player.sr-show_controls_hover .player-row {
display: flex;
justify-content: flex-end; }
#sonaar-player.sr-float .player.sr-show_controls_hover .playerNowPlaying {
position: absolute;
width: 300px;
height: 100%;
left: 0;
transition: 800ms width;
z-index: 2; } }
@media only screen and (max-width: 861px) {
#sonaar-player.sr-float .player.sr-show_controls_hover {
width: calc(100% - 20px) !important;
transform: unset !important; } }
#sonaar-player.sr-float .player:hover .close.btn-player {
opacity: 1; }
#sonaar-player.sr-float .player .mobileProgress {
transition: 400ms;
top: unset;
bottom: -8px;
width: 100%;
left: 0px; }
#sonaar-player.sr-float .player .mobileProgressing {
height: 3px; }
#sonaar-player.sr-float .sr_progressbar_sticky {
display: none; }
#sonaar-player.sr-float .playlist {
pointer-events: all;
height: 100%; }
#sonaar-player.sr-float .album-art img:last-child {
border-radius: 10px 0px 0px 10px; }
#sonaar-player.sr-float .playerNowPlaying .metadata {
margin: 0 10px; }
#sonaar-player.sr-float .playerNowPlaying .metadata .track-album {
display: none; }
#sonaar-player.sr-float .playerNowPlaying .album-art {
margin-left: 0;
height: 100%; }
@media only screen and (min-width: 1026px) {
#sonaar-player.sr-float .sonaar-extend-button {
display: flex; } }
#sonaar-player.sr-float.enable .store {
position: absolute;
top: -1px;
right: 70px;
transform: translateY(-100%);
width: auto !important;
min-width: 150px;
border-radius: 3px;
z-index: 10000;
display: none; }
@media only screen and (max-width: 861px) {
#sonaar-player.sr-float.enable .store {
right: 10px; } }
#sonaar-player.sr-float.enable .store .track-store {
font-size: 14px;
list-style: none;
margin: 0;
padding: 0; }
#sonaar-player.sr-float.enable .store .track-store li {
border: none;
display: block;
padding: 7px; }
#sonaar-player.sr-float.enable .store .track-store li a {
text-decoration: none;
display: block;
text-align: right;
color: inherit !important;
background-color: inherit !important; }
#sonaar-player.sr-float.enable .store .track-store li a .fa {
display: inline-block;
padding-right: 10px;
font-size: 1.4em; }
#sonaar-player.sr-float.enable .store .track-store li a i {
margin-right: 6px; }
#sonaar-player.sr-float.enable .store .track-store li + li {
border-top: 1px solid rgba(138, 138, 138, 0.25); }
#sonaar-player.sr-float.enable .store.opened {
display: block;
animation: showElement 0.25s ease-in-out both; }
#sonaar-player.sr-float.enable .store:not(.opened) {
animation: hideElement 0.25s ease-in-out both; }
@media only screen and (max-width: 861px) {
#sonaar-player.sr-float .player {
width: calc(100% - 20px);
max-width: unset;
margin: 10px; }
#sonaar-player.sr-float .player .close.btn-player.enable {
opacity: 1; }
#sonaar-player.sr-float .player .mobileProgress {
opacity: 0;
bottom: 0px; } }
@media only screen and (min-width: 861px) {
#sonaar-player.sr-float .mobileProgress {
display: block;
opacity: 0; } }
@media only screen and (max-width: 540px) {
#sonaar-player.sr-float .player .control {
min-width: 42px; } }
#sonaar-player.sr-float:not(.enable) .player {
transition-delay: 350ms;
width: 100% !important;
max-width: 100%;
margin: 0px;
top: 0px !important;
left: 0px !important; }
#sonaar-player.sr-float .close.btn-player {
right: 0px;
top: 0px; }
#sonaar-player.sr-float .close.btn-player.enable {
transition: 400ms;
opacity: 0;
width: 17px;
height: 15px; }
#sonaar-player.sr-float .close.btn-player.enable:before, #sonaar-player.sr-float .close.btn-player.enable:after {
height: 7px;
top: 5px; }
#sonaar-player.sr-float .close.btn-player.enable:before {
left: 10px; }
#sonaar-player.sr-float .close.btn-player.enable:after {
left: 6px; }
#sonaar-player.sr-fullwidth .sonaar_wave_base,
#sonaar-player.sr-fullwidth .sonaar_wave_cut {
height: 40px; }
#sonaar-player.sr-mini_fullwidth:not(.show-list),
#sonaar-player.sr-mini_fullwidth .player {
height: 42px; }
#sonaar-player.sr-mini_fullwidth {
bottom: -48px; }
#sonaar-player.sr-mini_fullwidth .player {
border-width: 2px; }
#sonaar-player.sr-mini_fullwidth .player .control .control--item {
margin: 0 1px; }
#sonaar-player.sr-mini_fullwidth .mobileProgress {
top: -3px; }
#sonaar-player.sr-mini_fullwidth .mobileProgressing {
height: 3px; }
#sonaar-player.sr-mini_fullwidth .playerNowPlaying .metadata {
margin: 0 10px; }
#sonaar-player.sr-mini_fullwidth .playerNowPlaying .metadata .track-album {
display: none; }
#sonaar-player.sr-mini_fullwidth .playerNowPlaying .album-art {
margin-left: 0;
height: 100%; }
@media only screen and (min-width: 1026px) {
#sonaar-player.sr-mini_fullwidth .store .track-store li a {
font-size: 8px; }
#sonaar-player.sr-mini_fullwidth .store .track-store li a i {
font-size: 12px; } }
@media only screen and (max-width: 540px) {
#sonaar-player.sr-mini_fullwidth .player .control {
min-width: 42px; } }
#sonaar-player.sr-mini_fullwidth .close.btn-player.enable {
width: 17px;
height: 19px; }
#sonaar-player.sr-mini_fullwidth .close.btn-player.enable:before, #sonaar-player.sr-mini_fullwidth .close.btn-player.enable:after {
height: 7px;
top: 5px; }
#sonaar-player.sr-mini_fullwidth .close.btn-player.enable:before {
left: 10px; }
#sonaar-player.sr-mini_fullwidth .close.btn-player.enable:after {
left: 6px; }
#sonaar-player.sr-mini_fullwidth .sonaar_wave_base,
#sonaar-player.sr-mini_fullwidth .sonaar_wave_cut {
height: 27px; }
#sonaar-player.sr-mini_fullwidth .control .control--item.list.sricon-list {
font-size: 18px; }
#sonaar-player.sr-mini_fullwidth .control .sricon-back, #sonaar-player.sr-mini_fullwidth .control .sricon-forward, #sonaar-player.sr-mini_fullwidth .control .sricon-play {
font-size: 17px; }
#sonaar-player .sr_speedRate div {
color: #000;
background: #fff; }
.sr_skip_number {
font-size: 10px;
font-weight: 600;
line-height: 1;
position: absolute; }
.sr_skipBackward,
.sr_skipForward {
font-size: 22px;
cursor: pointer;
user-select: none;
display: flex;
align-items: center;
justify-content: center; }
.sr_speedRate {
display: flex;
align-items: center;
justify-content: center;
font-weight: 400;
font-size: 12px;
line-height: 1;
cursor: pointer; }
.sr_speedRate div {
color: #fff;
background: #000;
padding: 3px;
text-align: center;
border-radius: 3px;
user-select: none; }
#sonaar-player .sr_speedRate:not(.active) div {
opacity: 0.5; }
#sonaar-player [class*="sricon-"]::before {
margin-left: 0;
margin-right: 0; }
#sonaar-player.audio-playing .control .sricon-play:before {
content: '\e81c'; }
#sonaar-player .control .sricon-back, #sonaar-player .control .sricon-forward, #sonaar-player .control .sricon-shuffle, #sonaar-player .control .srp_repeat {
font-size: 19px; }
#sonaar-player .control .sricon-play {
font-size: 26px; }
#sonaar-player .control .control--item.list.sricon-list {
font-size: 20px; }
#sonaar-player .control .control--item.list.sricon-list::before {
width: 30px; }
#sonaar-player .sricon-volume {
font-size: 22px; }
#sonaar-player.srp_mobile > .srp_spectrum_container {
display: none !important; }
#sonaar-player .player .control .control--item.sricon-shuffle:not(.active), #sonaar-player .sricon-shuffle:not(.active) {
opacity: 0.4; }
.sricon-volume.active:before, .iron-audioplayer[data-mute="true"] .sricon-volume:before {
content: '\e826'; }
#sonaar-player div.volume {
padding: 0 20px; }
@media only screen and (max-width: 860px) {
#sonaar-player div.volume {
display: none; } }
#sonaar-player .volume,
.iron-audioplayer .volume {
display: flex;
align-items: center; }
#sonaar-player .volume .slider-container,
.iron-audioplayer .volume .slider-container {
position: absolute;
width: 30px;
height: 100px;
left: 50%;
top: 0px;
transform: translate(-50%, -100%);
background: #fff;
z-index: 200;
border: 1px solid #bbb;
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
border-radius: 1px;
display: none; }
#sonaar-player .volume .slider-container .slide,
.iron-audioplayer .volume .slider-container .slide {
width: 100%;
height: 70px;
position: absolute;
top: 20px;
cursor: pointer; }
#sonaar-player .volume .slider-container .slide:before,
.iron-audioplayer .volume .slider-container .slide:before {
content: "";
position: absolute;
width: 1px;
height: 100%;
left: 50%;
top: -5px;
opacity: 0.5; }
#sonaar-player .volume .slider-container .ui-slider-range,
.iron-audioplayer .volume .slider-container .ui-slider-range {
position: absolute;
width: 2px;
height: 60%;
bottom: 0;
left: calc(50% - 1px); }
#sonaar-player .volume .slider-container .ui-slider-handle,
.iron-audioplayer .volume .slider-container .ui-slider-handle {
width: 7px;
height: 7px;
border-radius: 100%;
position: absolute;
left: calc(50% - 3px);
cursor: pointer; }
#sonaar-player .volume .slider-container .trigger,
.iron-audioplayer .volume .slider-container .trigger {
height: calc(100% - 20px);
width: 100%;
top: 10px;
position: absolute; }
#sonaar-player .volume .slider-container:before,
.iron-audioplayer .volume .slider-container:before {
width: 0;
height: 0;
border: none;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #bbb;
content: "";
position: absolute;
bottom: -6px;
left: 50%;
transform: translate(-50%); }
#sonaar-player .volume .slider-container:after,
.iron-audioplayer .volume .slider-container:after {
width: 0;
height: 0;
border: none;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 6px solid #fff;
content: "";
position: absolute;
bottom: -5px;
left: 50%;
transform: translate(-50%); }
#sonaar-player .volume .sricon-volume,
.iron-audioplayer .volume .sricon-volume {
display: initial;
width: 22px;
max-height: calc(90% - 12px);
cursor: pointer;
position: relative;
line-height: 0; }
#sonaar-player .volume .sricon-volume:hover .slider-container,
.iron-audioplayer .volume .sricon-volume:hover .slider-container {
display: block; }
.iron-audioplayer .sr-cf-heading {
position: relative;
align-items: center;
column-gap: 10px;
display: flex;
overflow: hidden;
width: auto;
padding-bottom: 10px;
font-weight: 600;
text-transform: uppercase;
border-bottom: 1px solid #ffffff21; }
.iron-audioplayer .sr-cf-heading.srmp3-heading--hide {
display: none !important; }
.iron-audioplayer .sr-cf-heading .srp_sort.asc::after {
content: "\002B06";
font-size: 10px;
padding-left: 3px; }
.iron-audioplayer .sr-cf-heading .srp_sort.desc::after {
content: "\002B07";
font-size: 10px;
padding-left: 3px; }
.iron-audioplayer .sr-cf-heading .sr-playlist-heading-child {
pointer-events: auto;
cursor: pointer;
justify-content: left;
align-items: center;
overflow: hidden;
text-overflow: ellipsis;
text-align: left;
white-space: nowrap;
font-size: 11px;
width: 100%; }
.iron-audioplayer.srp_has_customfields.srp_tracklist_grid .srp_tracklist_waveform_enabled .tracklist-item-title {
flex: 1; }
.iron-audioplayer.srp_has_customfields .tracklist-item-title {
flex: 1; }
.iron-audioplayer.srp_has_customfields .srp_tracklist_waveform_enabled .tracklist-item-title {
flex: 0 0 250px; }
.iron-audioplayer.srp_has_customfields .srp_tracklist_waveform_enabled .audio-track {
overflow: hidden;
flex: 1 1 fit-content; }
.iron-audioplayer.srp_has_customfields .srp_tracklist_waveform_enabled .sr-playlist-cf-container {
flex: 0 1 fit-content; }
.iron-audioplayer.srp_has_customfields .sr-playlist-item {
overflow-x: hidden; }
.iron-audioplayer.srp_has_customfields .srp_audio_trigger .audio-track {
width: 10%; }
.iron-audioplayer.srp_has_customfields .sr-playlist-cf-container {
align-items: center;
font-size: 11px;
flex: 1;
display: flex;
overflow: hidden;
justify-content: space-evenly;
column-gap: 10px;
font-size: 0.8em; }
.iron-audioplayer.srp_has_customfields .sr-playlist-cf-container .sr-playlist-cf-child {
justify-content: left;
overflow: hidden;
text-overflow: ellipsis;
text-align: left;
width: 100%;
align-items: center; }
.iron-audioplayer.srp_has_customfields .sr-playlist-cf-container .sr-playlist-cf-child img {
margin-right: 5px;
max-height: 20px; }
.iron-audioplayer.srp_has_customfields .sr-playlist-cf-container .sr-playlist-cf-child i {
margin-right: 5px; }
.iron-audioplayer.srp_has_customfields .audio-track {
flex: 0 1 var(--srp-global-column-title-width); }
.iron-audioplayer.srp_has_customfields .sr-playlist-cf-container {
flex: 0 1 calc(100% - var(--srp-global-column-title-width)); }
.iron-audioplayer.srp_has_customfields:not(.srp_tracklist_grid) .sr-playlist-item:not(.srp_extended) .song-store-list-menu {
max-width: var(--srp-global-cta-desktop); }
.iron-audioplayer.srp_has_customfields .sr-playlist-item.srp_extended .song-store-list-menu {
max-width: 999px; }
.iron-audioplayer.srp_has_customfields .sr-playlist-item .store-list {
flex: 0 0 var(--srp-global-cta-desktop);
align-items: center; }
.iron-audioplayer.srp_has_customfields:not(.srp_tracklist_grid) .playlist .store-list .song-store-list-menu {
justify-content: flex-start !important;
width: var(--srp-global-cta-desktop);
overflow: hidden;
position: absolute !important;
right: 0; }
.iron-audioplayer.srp_has_customfields .srp_list:not(.srp_contentLoading) .song-store-list-menu {
transition: 0.2s ease; }
.iron-audioplayer.srp_has_customfields.playlist_has_no_ctas .store-list {
display: none; }
.iron-audioplayer.srp_has_customfields.srp_responsive .sr-playlist-item .store-list {
flex: 0 0 var(--srp-global-cta-mobile); }
.iron-audioplayer.srp_has_customfields.srp_responsive .playlist .store-list .song-store-list-menu {
width: var(--srp-global-cta-mobile); }
.iron-audioplayer.srp_has_customfields .store-list .srp_ellipsis {
font-size: 14px;
transition: 0.15s;
top: 50%;
transform: scale(1) translateY(-50%); }
.iron-audioplayer.srp_has_customfields .srp_extended .srp_ellipsis {
opacity: 0;
transform: scale(0) translateY(-50%); }
.iron-audioplayer.srp_has_customfields .srp_extendable .srp_ellipsis {
padding: 5px;
z-index: 55; }
.iron-audioplayer.srp_has_customfields .sr-playlist-item:not(.srp_extendable) .srp_ellipsis {
display: none; }
.iron-audioplayer .srp_search_main {
padding-bottom: 20px; }
.iron-audioplayer .playlist ul.srp_pagination {
height: auto !important; }
.iron-audioplayer .playlist ul .ps__rail-y {
height: 0px !important; }
.iron-audioplayer:not(.srp_has_customfields) .playlist.srp_tracklist_waveform_enabled .tracklist-item-title {
flex: 0 1 350px; }
.iron-audioplayer .ui-slider-handle,
.iron-audioplayer .ui-slider-range {
background: #000; }
.iron-audioplayer .sr_skip_number {
font-size: 8px;
line-height: 11px; }
.iron-audioplayer .sr-playlist-item[data-post-url]:not([data-post-url=""]) .sr_track_cover {
cursor: pointer; }
.iron-audioplayer[data-playertemplate="skin_boxed_tracklist"] .sr_shuffle {
display: flex; }
.iron-audioplayer[data-playertemplate="skin_boxed_tracklist"] .sr_speedRate {
font-size: 8px;
line-height: 9px;
font-weight: 600; }
.iron-audioplayer[data-playertemplate="skin_boxed_tracklist"] .sr_speedRate div {
border-width: 1.5px; }
.iron-audioplayer[data-playertemplate="skin_boxed_tracklist"] .sr_mute,
.iron-audioplayer[data-playertemplate="skin_boxed_tracklist"] .sr_unmute {
width: 18px; }
.iron-audioplayer[data-playertemplate="skin_boxed_tracklist"] .srp_wave_box.srp_progressbar_inline {
display: flex;
flex-wrap: wrap; }
.iron-audioplayer[data-playertemplate="skin_boxed_tracklist"] .srp_wave_box.srp_progressbar_inline .player {
margin-right: 15px;
flex-grow: 1;
width: unset; }
.iron-audioplayer[data-playertemplate="skin_boxed_tracklist"] .srp_wave_box.srp_progressbar_inline .player .sr_progressbar {
width: auto; }
.iron-audioplayer[data-playertemplate="skin_boxed_tracklist"] .srp_show_prevnext_bt .next, .iron-audioplayer[data-playertemplate="skin_boxed_tracklist"] .srp_show_prevnext_bt .previous {
display: block !important; }
.iron-audioplayer[data-playertemplate="skin_boxed_tracklist"] .srp_control_left .srp_progressbar_inline {
flex-direction: row-reverse; }
.iron-audioplayer.audio-playing .srp_player_boxed .sricon-play:before {
content: '\e81c'; }
.iron-audioplayer.srp_favorites_loading .srp-fav-bt {
opacity: 0.3; }
.iron-audioplayer .srp-fav-bt {
transition: opacity 0.2s; }
.sr_mute {
display: none; }
.iron-audioplayer[data-mute="true"] .sr_unmute {
display: none; }
.iron-audioplayer[data-mute="true"] .sr_mute {
display: initial; }
.sr_shuffle {
cursor: pointer; }
.iron-audioplayer:not([data-shuffle="true"]) .control .sricon-shuffle {
opacity: 0.4; }
.continuousPlayer-enable #srmp3_lyricsplaying_container {
transition: 200ms;
bottom: 90px; }
@media only screen and (max-width: 540px) {
.continuousPlayer-enable #srmp3_lyricsplaying_container {
bottom: 62px; } }
@media only screen and (max-width: 768px) {
.srp_sticky_ext_opened.continuousPlayer-enable #srmp3_lyricsplaying_container {
bottom: 0px;
z-index: 10100; }
.srp_sticky_ext_opened.continuousPlayer-enable #srmp3_lyrics_container {
z-index: 10050; } }
#srmp3_lyricsplaying_container {
cursor: pointer;
display: flex;
justify-content: center;
align-items: flex-end;
max-width: 100%;
width: 100%;
bottom: 0px;
position: fixed;
z-index: 8000; }
.srmp3_lyrics tt {
font-family: inherit; }
.srmp3_lyrics p[begin] {
margin-bottom: 1em; }
@media only screen and (max-width: 540px) {
.srmp3_lyrics p[begin] {
margin-bottom: 0.7em; } }
.srmp3_lyrics p[begin] {
transition: color 1s ease; }
.srmp3_lyrics_container {
pointer-events: none;
padding: 4px 10px;
display: flex;
justify-content: center;
text-align: center;
color: #fff;
background-color: #000;
font-style: italic;
font-size: 21px; }
.srmp3_lyrics_container:before,
.srmp3_lyrics_container:after {
content: '♪';
margin: 0px 8px; }
#srmp3_lyrics_container {
position: fixed;
color: #575757;
background-color: #000;
top: 0px;
width: 100%;
height: 100%;
padding: 100px;
text-align: left;
z-index: 7999; }
#srmp3_lyrics_container .srmp3_lyrics {
font-size: 48px;
font-weight: 700;
line-height: 1em;
height: calc(100vh - 320px);
top: 100px;
margin-top: 20px;
overflow-y: hidden; }
#srmp3_lyrics_container .srmp3_lyrics .ps__rail-y {
height: 0px !important; }
@media only screen and (max-width: 540px) {
#srmp3_lyrics_container .srmp3_lyrics {
font-size: 24px;
line-height: 1em;
height: calc(100vh - 150px); } }
#srmp3_lyrics_container .srmp3_lyrics_title {
color: #fff;
font-size: 24px; }
@media only screen and (max-width: 540px) {
#srmp3_lyrics_container .srmp3_lyrics_title {
font-size: 18px; } }
#srmp3_lyrics_container .srmp3_lyrics_album {
color: #a7a7a7;
font-size: 18px; }
@media only screen and (max-width: 540px) {
#srmp3_lyrics_container {
padding: 30px;
bottom: 50px; } }
#srmp3_lyrics_container .sricon-close-circle {
position: absolute;
top: 50px;
right: 50px;
font-size: 48px;
line-height: 1;
cursor: pointer; }
@media only screen and (max-width: 767px) {
#srmp3_lyrics_container .sricon-close-circle {
top: 25px;
right: 25px; } }
@media only screen and (max-width: 767px) {
#srmp3_lyrics_container .srmp3_lyrics_album,
#srmp3_lyrics_container .srmp3_lyrics_title {
padding-right: 25px; } }
.srp_player_boxed .srp_note {
position: absolute;
top: 10px;
left: 10px;
height: 100%;
max-height: calc(100% - 20px);
width: calc(100% - 20px);
overflow-y: auto; }
.srp_player_boxed .srp_note h1 {
width: calc(100% - 35px); }
.srp_note {
position: relative;
background: #fff;
color: #000;
width: 100%;
z-index: 25;
padding: 25px;
border-radius: 4px; }
.sr-playlist-item .srp_note {
margin-top: 10px; }
.srp_note ul {
margin: inherit !important;
padding: 15px !important;
height: initial !important;
overflow-y: visible !important;
overflow-x: visible !important; }
.srp_note ul li {
list-style: disc !important;
padding: initial !important; }
.srp_note .sr_close {
top: 20px;
right: 20px; }
.sr-playlist-item .srp_note .sr_close {
display: none; }
.srp_note_title,
.srp-modal-title {
font-size: 1.7em;
line-height: 1.2;
font-weight: inherit;
color: inherit;
margin-bottom: 1rem; }
.srp-modal-subtitle {
font-size: 1.2em;
line-height: 1.2;
font-weight: inherit;
color: inherit;
margin-bottom: 1rem; }
.srp-modal-product-desc {
margin-bottom: 1rem; }
@media only screen and (max-width: 450px) {
#sonaar-player[data-ui-items="1"] .playerNowPlaying {
width: calc(100% - 50px); }
#sonaar-player[data-ui-items="2"] .playerNowPlaying {
width: calc(100% - 100px); }
#sonaar-player[data-ui-items="3"] .playerNowPlaying {
width: calc(100% - 150px); }
#sonaar-player[data-ui-items="4"] .playerNowPlaying {
width: calc(100% - 200px); }
#sonaar-player .playerNowPlaying {
width: calc(100% - 75px); }
#sonaar-player[data-ui-items="1"] .playerNowPlaying.no-image {
width: calc(100% - 45px); }
#sonaar-player[data-ui-items="2"] .playerNowPlaying.no-image {
width: calc(100% - 75px); }
#sonaar-player[data-ui-items="3"] .playerNowPlaying.no-image, #sonaar-player[data-ui-items="4"] .playerNowPlaying.no-image {
width: calc(100% - 115px); }
#sonaar-player .playerNowPlaying.no-image {
width: 100%; }
#sonaar-player .playerNowPlaying.no-image .metadata {
width: 100%; } }
.sonaar-player-slidefade-enter-active {
transition: 800ms all ease; }
.sonaar-player-slidefade-leave-active {
transition: all 0.4s ease; }
.sonaar-player-slidefade-enter {
transform: scale(0.8);
opacity: 0; }
.sonaar-player-slidefade-leave-to {
opacity: 0; }
@media only screen and (max-width: 1025px) {
.sonaar-player-storefade-enter-active {
transition: all 0.03s ease; } }
@media only screen and (max-width: 1025px) {
.sonaar-player-storefade-leave-active {
transition: all 0.03s ease; } }
@media only screen and (max-width: 1025px) {
.sonaar-player-storefade-enter {
transform: translateY(70px); } }
@media only screen and (max-width: 1025px) {
.sonaar-player-storefade-leave-to {
transform: translateY(70px); } }
.woocommerce-page.single-product .iron-audioplayer .srp_tracklist {
margin: 0px; }
@media (max-width: 991px) {
.woocommerce-page.single-product .iron-audioplayer .playlist {
margin-top: 0px; } }
.woocommerce-LoopProduct-link .tracklist-item-time {
display: none; }
.woocommerce-LoopProduct-link .iron-audioplayer .player .wave {
margin: 0px 0px; }
.woocommerce-LoopProduct-link .iron-audioplayer .sonaar-Artwort-box {
margin-bottom: initial; }
.woocommerce ul.products li.product a .album-art img {
margin: 0px; }
.woocommerce .iron-audioplayer .playlist .audio-track {
text-align: left; }
.woocommerce ul.products li.product.srmp3-product.srmp3-product__hideimage a img.attachment-woocommerce_thumbnail, .woocommerce ul.products li.product.srmp3-product.srmp3-product__hideimage a img.woocommerce-placeholder {
display: none; }
@media only screen and (min-width: 540px) {
#pusher-wrap.sonaar-list-active {
-webkit-animation: blur 0.5s linear forwards;
-moz-animation: blur 0.5s linear forwards;
-ms-animation: blur 0.5s linear forwards;
-o-animation: blur 0.5s linear forwards;
animation: blur 0.5s linear forwards; } }
@-webkit-keyframes blur {
from {
-webkit-filter: blur(0);
filter: blur(0); }
to {
-webkit-filter: blur(20px);
filter: blur(20px); } }
@-moz-keyframes blur {
from {
-webkit-filter: blur(0);
filter: blur(0); }
to {
-moz-filter: blur(20px);
filter: blur(20px); } }
@keyframes blur {
from {
-webkit-filter: blur(0);
filter: blur(0); }
to {
-webkit-filter: blur(20px);
-moz-filter: blur(20px);
filter: blur(20px); } } .srp_tracklist .ps,
.srmp3_lyrics.ps {
height: 250px;
overflow: hidden !important;
overflow-anchor: none;
-ms-overflow-style: none;
touch-action: auto;
-ms-touch-action: auto; }
.srp-modal-medium-size {
max-width: 100%;
width: 800px; }
.srp-modal-variant-file {
text-transform: uppercase;
font-size: 0.8em;
font-weight: 700; }
.srp-license-preview-modal .srp_variant_terms {
margin-top: 35px;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid rgba(255, 255, 255, 0.08); }
.srp_variant_terms .view-license-button {
width: 100%; }
.srp-modal-share {
max-width: 100%;
width: 600px; }
.srp-modal-share .srp-share-title {
margin: 0 28px 0 0;
padding: 0;
font-size: 21px;
font-weight: 600;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden; }
.srp-modal-share .srp-share-trackinfo-container {
display: flex;
align-items: center;
justify-content: flex-start;
column-gap: 15px;
margin: 12px 0 24px; }
.srp-modal-share .srp-share-trackinfo-container .srp-share-tracktitle {
font-size: 18px;
font-weight: 600;
overflow: hidden; }
.srp-modal-share .srp-share-trackinfo-container .srp-share-img {
display: flex;
flex-shrink: 0;
width: 72px;
height: 72px;
border-radius: 3px; }
.srp-modal-share .srp-modal-sticky-player-container {
display: flex;
column-gap: 15px;
margin-top: 10px;
margin-bottom: 10px;
align-items: center; }
.srp-modal-share .srp-modal-sticky-player-container input#stickyPlayerCheckbox, .srp-modal-share .srp-modal-sticky-player-container input#stickyPlayerTimeCheckbox {
width: 15px;
height: 15px; }
.srp-modal-share .srp-modal-sticky-player-container .srp-modal-sticky-player-label {
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: .8px; }
.srp-modal-share .srp-modal-sticky-player-container #stickyPlayerCurrentTime {
height: 30px;
font-size: 14px;
width: 85px;
padding: 10px; }
.srp-modal-share .srp-modal-linkurl-container .srp-modal-linkurl-label {
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: .8px; }
.srp-modal-share .srp-modal-linkurl-container .srp-modal-linkurl-input-container {
padding: 0 5px 0 12px;
overflow: hidden;
border: unset;
position: relative;
display: flex;
align-items: center;
width: 100%;
height: 44px;
border-radius: 5px;
background-color: #dfdfdf;
margin: 5px 0; }
.srp-modal-share .srp-modal-linkurl-container .srp-modal-linkurl-input-container i {
margin-left: 0;
margin-right: -5px;
font-size: 18px;
color: #9b9b9b; }
.srp-modal-share .srp-modal-linkurl-container .srp-modal-linkurl-input-container input {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
font-size: 14px;
width: 100%;
height: 100%;
padding: 0 15px;
font-size: 13px;
font-weight: 500;
background-color: transparent;
border-radius: 5px;
box-shadow: none;
border: none; }
.srp-modal-share .srp-modal-linkurl-container .srp-modal-linkurl-input-container input:focus-visible {
outline: unset; }
.srp-modal-share .srp-modal-linkurl-container .srp-modal-linkurl-input-container button {
color: inherit;
background: transparent;
box-sizing: border-box;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
outline: none;
border: none;
-webkit-tap-highlight-color: transparent;
display: inline-block;
white-space: nowrap;
text-decoration: none;
vertical-align: baseline;
text-align: center;
margin: 0;
line-height: 36px;
padding: 0 16px;
border-radius: 4px;
overflow: visible; }
.srp-modal-share .srp-modal-socialshare-container {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
margin-top: 24px;
column-gap: 25px;
row-gap: 20px; }
.srp-modal-share .srp-modal-socialshare-container a {
text-decoration: none;
color: var(--srp-global-modal-btn-bg-color);
font-size: 42px; }
.srp-modal-share .srp-modal-socialshare-container a.srp-share-mobile-more i {
font-size: 26px; }
.srp-modal-share .srp-modal-socialshare-container a.srp-share-mobile-more {
display: flex;
height: 42px;
align-items: center; }
.srp-modal-share .srp-modal-socialshare-container .sricon {
-webkit-font-smoothing: antialiased;
display: flex;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1; }
.srp-modal-share .srp-modal-socialshare-container .sricon:before {
margin-right: 0px;
margin-left: 0px; }
.srp_popup_no_image .srp-modal-product-variation-trackinfo-container {
flex-direction: column-reverse; } .srp-modal-product-variation { }
.srp-modal-product-variation .srp-modal-product-variation-trackinfo-container {
display: flex;
align-items: flex-start;
justify-content: flex-start;
column-gap: 15px;
margin: 12px 0 24px; }
.srp-modal-product-variation .srp-modal-product-variation-trackinfo-container .srp-modal-image {
display: flex;
flex-shrink: 0;
width: 72px;
height: 72px;
border-radius: 3px; }
.srp-modal-product-variation .srp-modal-title {
font-weight: 700; }
.srp-modal-product-variation .srp-modal-variant-name {
font-weight: 500; }
.srp-modal-product-variation .srp-modal-subtitle {
font-size: 11px;
text-transform: uppercase; }
.srp-modal-product-variation .srp-modal-variant-desc {
font-size: 11px;
text-transform: uppercase;
margin-top: 10px; }
.srp-modal-variation-list {
display: flex;
flex-wrap: wrap;
gap: 10px;
grid-template-columns: 1fr 1fr 1fr;
margin: 20px 0 50px; }
.srp-modal-variant-selector {
background-color: #0202022b;
border: 1px solid #fff0;
border-radius: 8px;
padding: 10px 10px;
max-width: calc(33% - 7px);
min-width: 170px;
width: 100%;
cursor: pointer; }
.srp-modal-variant-selector:hover, .srp-modal-variant-selector.srp_selected {
background-color: #02020261; }
@media only screen and (max-width: 860px) {
.srp-modal-variant-selector {
max-width: initial; } }
.srp-modal-variant-main {
display: flex;
column-gap: 12px;
row-gap: 10px;
align-items: center;
justify-content: flex-end;
flex-wrap: wrap;
padding-top: 20px; }
@media only screen and (max-width: 860px) {
.srp-modal-variant-main {
justify-content: flex-start; } }
.srp-modal-variant-main,
.srp_variant_terms {
border-top: 1px solid rgba(255, 255, 255, 0.08); }
.srp_term_title {
font-weight: bold;
margin: 10px 0; }
.srp_variant_terms_container.srp_variant_terms--column {
display: flex;
flex-wrap: wrap;
column-gap: 15px; }
.srp_variant_terms_container.srp_variant_terms--column .srp_variant_terms {
max-width: 300px;
min-width: 150px;
flex: 1; }
.srp_variant_terms_container.srp_variant_terms--column .srp_term_meta {
width: 100%; }
.srp_term_meta_list {
display: flex;
flex-wrap: wrap;
align-items: center; }
.srp_term_meta {
display: flex;
align-items: center;
width: calc(100% / 3);
height: 60px;
font-size: 0.9rem; }
.srp_term_meta:before {
font-size: 22px; }
@media only screen and (max-width: 860px) {
.srp_term_meta {
width: 50%; } }
.srp_term_meta i[class*=" fa-"] {
font-family: 'Font Awesome 5 Free';
font-style: unset; }
.srp_term_meta_label {
padding: 0 5px;
font-size: 0.8em;
text-transform: uppercase; }
.srp-modal-variant-price {
flex-grow: 1;
font-size: 1.3em;
font-weight: bold;
line-height: 1; }
.srp-modal-custom-link a {
text-decoration: unset;
font-size: 16px;
font-weight: 600;
color: var(--srp-global-modal-btn-bg-color); }
.srp-modal-custom-link a:hover {
color: var(--srp-global-modal-btn-bg-color);
filter: brightness(0.5); }
.srp-modal-custom-link i {
margin-right: 5px; }
.srp-modal-variation-details:not(.srp_selected) {
display: none; }
.srp-modal-variation-details .srp-modal-variant-price {
font-size: 1.8em; }
.srp_reg_price {
text-decoration: line-through;
opacity: 0.7; }
.srmp3_button_launcher_style-round .srmp3_sonaar_ts_shortcode.srmp3_sonaar_ts_shortcode_button {
width: 200px;
height: 200px;
border-radius: 50% !important;
display: flex !important;
align-items: center;
justify-content: center; }
.srmp3_sonaar_ts_shortcode.sricon-play::before {
vertical-align: middle;
font-size: 0.75em;
text-decoration: none;
margin: 0em 0.2em 0.22em 0em; }
.srmp3_sonaar_ts_shortcode.srmp3_sonaar_ts_shortcode_button {
background-color: #000;
border-radius: 4px;
padding: 5px 15px;
color: #fff;
text-decoration: none !important;
width: fit-content; }
.srmp3_sonaar_ts_shortcode.srmp3_sonaar_ts_shortcode_button.srmp3_sonaar_ts--block {
display: block; }
.srp_button {
color: inherit;
text-decoration: inherit;
display: inline-block;
padding: 10px 30px;
border-radius: 4px;
background-color: #0170b9; }
.srp_button:hover {
filter: brightness(0.7); }
.srp_button .fas.fa-cart-plus {
font-family: 'Font Awesome 5 Free';
font-weight: 900; }
.srp_button i {
padding-right: 10px; }
.srp_button.added:after {
font-family: WooCommerce;
content: "\e017";
margin-left: 0.53em;
vertical-align: bottom; }
#sonaar-player .tracklist .wc-forward {
font-size: 0.8em !important; }
#sonaar-player .player-row .wc-forward {
position: absolute;
color: #000 !important;
display: block;
background: #fff;
padding: 10px;
border: 1px #000 solid;
top: -42px; }
.woocommerce .iron-audioplayer .sr-playlist-item .wc-forward {
padding-top: 0px; }
.srmp3_sonaar_ts_shortcode.sricon-play.audio-playing:before {
content: '\e81c'; }
.srmp3_sonaar_ts_shortcode.audio-playing .srp_ts_content {
display: none; }
.srmp3_sonaar_ts_shortcode:not(.audio-playing) .srp_ts_content_pause {
display: none; } .srp_hidden.sr-playlist-cf-child, .srp_hidden.srp_sort {
opacity: 0;
z-index: -1;
pointer-events: none;
position: absolute; }
.srp_filter_error {
color: red;
font-family: sans-serif;
font-size: 12px;
line-height: 16px;
margin-top: 10px; }
.srp-filters-container {
display: flex;
justify-content: start;
column-gap: 12px;
width: 100%;
row-gap: 12px;
flex-wrap: wrap;
align-items: start; }
.srp-filters-container input.multiselect__input {
color: inherit;
margin: 0px;
border: none;
padding: inherit;
transition: unset; }
.srp-filters-container .srp-filters-widget {
font-size: 16px;
width: 200px; }
.srp-filters-container .multiselect {
color: inherit; }
.srp-filters-container .multiselect .multiselect__select {
height: 100%;
width: 100%;
display: flex;
justify-content: flex-end;
align-items: center;
padding: 0 15px; }
.srp-filters-container .multiselect .multiselect__select:before {
position: static;
margin-top: 0;
-webkit-transition: -webkit-transform 0.2s ease;
transition: -webkit-transform 0.2s ease;
transition: transform 0.2s ease;
transition: transform 0.2s ease, -webkit-transform 0.2s ease;
-webkit-transform: rotateZ(270deg);
transform: rotateZ(270deg); }
.srp-filters-container .multiselect.multiselect--active .multiselect__select {
-webkit-transform: unset;
transform: unset; }
.srp-filters-container .multiselect.multiselect--active .multiselect__select:before {
-webkit-transform: rotateZ(360deg);
transform: rotateZ(360deg); }
.srp-filters-container .multiselect__placeholder {
color: inherit;
margin-bottom: initial;
padding-top: initial; }
.srp-filters-container .multiselect--active {
z-index: 2; }
.srp-filters-container .srp-filters-widget .multiselect--active .multiselect__placeholder {
display: inline-block; }
.srp-filters-container .multiselect__single {
margin-bottom: 0px; }
.srp-filters-container .multiselect__single, .srp-filters-container .multiselect__multiple {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.srp-filters-container .multiselect__input, .srp-filters-container .multiselect__single {
background: unset; }
.srp-filters-container .multiselect__tags {
display: flex;
align-items: center;
padding: 10px;
white-space: nowrap;
overflow: hidden;
color: #000;
background-color: #fff; }
.srp-filters-container .multiselect__content-wrapper {
position: absolute;
margin-top: -1px;
width: inherit;
padding: 10px;
font-size: 14px;
color: #fff;
background: #000; }
.srp-filters-container .multiselect__content-wrapper ul.multiselect__content {
color: inherit;
width: inherit; }
.srp-filters-container .multiselect__content-wrapper li.multiselect__element {
color: inherit; }
.srp-filters-container .multiselect__content-wrapper li.multiselect__element:not(:nth-last-child(3)) {
border-bottom: 1px solid #ffffff29; }
.srp-filters-container .multiselect__option {
display: flex;
min-height: initial;
padding: 12px 5px; }
.srp-filters-container .multiselect__option span {
overflow: hidden;
text-overflow: ellipsis; }
.srp-filters-container .multiselect__option, .srp-filters-container .multiselect__tags, .srp-filters-container .multiselect, .srp-filters-container .multiselect__input, .srp-filters-container .multiselect__single {
font-size: inherit;
font-family: inherit;
font-weight: inherit;
line-height: inherit; }
.srp-filters-container .multiselect__option--selected {
font-weight: inherit;
color: inherit;
background: unset; }
.srp-filters-container .multiselect__option--selected.multiselect__option--highlight {
color: inherit;
background: unset; }
.srp-filters-container .multiselect__option--selected.multiselect__option--highlight:after {
color: inherit;
background: unset; }
.srp-filters-container .multiselect__option:after {
font-size: inherit; }
.srp-filters-container .multiselect__option--selected::after {
content: "✓" !important;
margin-left: 20px;
color: inherit; }
.srp-filters-container .multiselect__option:hover {
background: #cccccc2b;
border-radius: 6px;
color: inherit; }
.srp-filters-container .multiselect__option--highlight {
background: unset;
color: inherit; }
.srp_range_wrapper {
width: 100%;
display: flex;
column-gap: 10px;
flex-wrap: wrap; }
.srp_range_wrapper .srp_range_container {
width: 200px;
flex-grow: 1;
margin-bottom: 10px;
padding: 20px;
background-color: #fff;
border-radius: 4px; }
.srp_range_wrapper .srp_range_container .srp_range_header {
margin-bottom: 10px;
display: flex;
font-size: 14px;
flex-wrap: wrap;
column-gap: 10px;
justify-content: space-between;
align-items: center; }
.srp_range_wrapper .srp_range_container .vue-slider-process {
background-color: var(--e-global-color-primary, #000);
border-radius: 15px; }
.srp_range_wrapper .srp_range_container .srp_range_buttons {
display: flex;
flex-wrap: wrap;
justify-content: center;
column-gap: 3px;
row-gap: 3px; }
.srp_range_wrapper .srp_range_container .srp_range_buttons .srp_filter_button {
font-size: 11px;
padding: 5px 10px;
color: #fff;
background-color: var(--e-global-color-primary, #000);
border: unset; }
.srp_range_wrapper .srp_range_container .srp_range_buttons .srp_filter_button:focus {
opacity: 0.8;
outline: unset; }
.srp_range_wrapper .srp_range_container .srp_range_buttons .srp_filter_button:hover {
color: #fff;
padding: 5px 10px;
background-color: var(--e-global-color-primary, #000); }
.srp_range_wrapper .vue-slider {
margin-bottom: 30px;
z-index: 1; }
.srp_range_wrapper .vue-slider-mark {
z-index: 4; }
.srp_range_wrapper .vue-slider-mark:first-child .vue-slider-mark-step, .srp_range_wrapper .vue-slider-mark:last-child .vue-slider-mark-step {
display: none; }
.srp_range_wrapper .vue-slider-mark-step {
width: 100%;
height: 100%;
border-radius: 50%;
background-color: rgba(0, 0, 0, 0.16); }
.srp_range_wrapper .vue-slider-mark-label {
font-size: 14px;
white-space: nowrap; }
.srp_range_wrapper .vue-slider-dot-handle {
cursor: pointer;
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #fff;
box-sizing: border-box;
box-shadow: 0.5px 0.5px 2px 1px rgba(0, 0, 0, 0.32); }
.srp_range_wrapper .vue-slider-dot-handle-focus {
box-shadow: 0px 0px 1px 2px var(--e-global-color-primary, #00000050); }
.srp_range_wrapper .vue-slider-dot-tooltip-inner {
font-size: 14px;
white-space: nowrap;
padding: 2px 5px;
min-width: 20px;
text-align: center;
color: #fff;
border-radius: 5px;
border-color: var(--e-global-color-primary, #000);
background-color: var(--e-global-color-primary, #000);
box-sizing: content-box; }
.srp_range_wrapper .vue-slider-dot-tooltip-inner::after {
content: "";
position: absolute; }
.srp_range_wrapper .vue-slider-dot-tooltip-inner-top::after {
top: 100%;
left: 50%;
transform: translate(-50%, 0);
height: 0;
width: 0;
border-color: transparent;
border-style: solid;
border-width: 5px;
border-top-color: inherit; }
.srp_range_wrapper .vue-slider-dot-tooltip-wrapper {
opacity: 0;
transition: all 0.3s; }
.srp_range_wrapper .vue-slider-dot-tooltip-wrapper-show {
opacity: 1; }
.srp_range_wrapper .vue-slider-dot-tooltip-inner {
-webkit-transition: opacity 0.2s linear, -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: opacity 0.2s linear, -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.2s linear;
transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.2s linear, -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); }
.srp_range_wrapper .vue-slider-dot-tooltip-show .vue-slider-dot-tooltip-inner {
opacity: 1; }
.srp_range_wrapper .vue-slider-dot-tooltip-show .vue-slider-dot-tooltip-inner-top {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
.srp_range_wrapper .vue-slider-dot-tooltip-inner-top {
-webkit-transform: translateY(50%) scale(0.01) rotate(0deg);
transform: translateY(50%) scale(0.01) rotate(0deg); }
.srp_range_wrapper .vue-slider-dot-tooltip-inner-top .vue-slider-dot-tooltip-text {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
.srp_range_wrapper .vue-slider-mark-label {
font-size: 9px; }
.srp_chips {
margin-top: 8px;
margin-bottom: 8px;
flex-wrap: wrap;
justify-content: start;
display: flex;
column-gap: 3px;
row-gap: 3px; }
.srp_chips .srp_chip {
display: flex;
align-items: center;
background-color: #000;
color: #fff;
cursor: pointer;
border: 1px solid #fff;
height: fit-content;
font-size: 12px;
margin: 2px;
border-radius: 20px;
padding: 3px 8px 3px 15px;
text-transform: capitalize;
transition: all .2s ease-out,opacity .2s ease-out; }
.srp_chips .srp_chip:first-child {
margin-left: 0px; }
.srp_chips .srp_chip:hover {
background-color: #fff;
color: #000;
border-color: #000; }
.srp_chips .srp_chip .sricon-close-circle {
font-size: 18px;
margin-left: 5px; }
.srp_filter_container {  }
.srp_filter_container .srp_filter_button_label {
display: flex; }
.srp_filter_container .srp_filter_buttons_list {
margin: 0;
display: flex;
width: 100%;
flex-wrap: wrap;
justify-content: left;
column-gap: 6px;
row-gap: 6px;
margin-top: 10px;
margin-bottom: 10px;
padding: 0px; }
.srp_filter_container .srp_filter_buttons_list li {
white-space: nowrap;
list-style: none;
position: relative;
clear: both; }
.srp_filter_container .srp_filter_buttons_list li .srp_filter_button {
overflow: hidden;
text-overflow: ellipsis;
-webkit-user-select: none;
transition: all 300ms;
border: solid 1px #c5c5c5;
color: #c5c5c5;
background-color: #000;
padding: 4px 8px;
font-size: 11px;
border-radius: 4px;
cursor: pointer; }
.srp_filter_container .srp_filter_buttons_list li .srp_filter_button:hover:not(.srp_filter_button--active) {
color: #fff; }
.srp_filter_container .srp_filter_buttons_list li .srp_filter_button.srp_filter_button--active {
background-color: #fff;
color: #000; }
.srp_filter_container .list-enter-active, .srp_filter_container .list-leave-active {
transition: opacity 0.5s, transform 0.5s; }
.srp_filter_container .list-enter, .srp_filter_container .list-leave-to {
opacity: 0;
transform: translateY(-1em); }
.srp_filter_container li {
opacity: 1;
transform: translateY(0);
transition: opacity 1.5s, transform 1.5s; }
.srp_filter_container li.hidden-tag {
opacity: 0;
transform: translateY(1em); }
.srp-filter-more-link {
font-size: 14px;
font-weight: 400;
cursor: pointer;
margin-bottom: 15px; }
.srp_pagination_container {
transition: all 250ms;
font-size: 16px;
-webkit-user-select: none;
display: flex;
justify-content: center;
width: 100%;
align-items: center;
height: auto;
grid-gap: 10px;
margin-top: 20px;
margin-bottom: 15px;
color: #fff; }
.srp_pagination_container .srp_pagination_arrows {
transition: all 250ms;
font-size: 12px;
border: 2px solid rgba(255, 255, 255, 0.2);
cursor: pointer;
pointer-events: all;
-webkit-user-select: none; color: inherit;
background-color: rgba(0, 0, 0, 0);
min-width: 40px;
height: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 5px 5px;
border-radius: 999px; }
.srp_pagination_container .srp_pagination_arrows:hover {
border: 2px solid white;
color: inherit; }
.srp_pagination_container .srp_pagination {
display: flex;
justify-content: center;
grid-gap: 10px;
height: auto !important; }
.srp_pagination_container .srp_pagination .disabled {
pointer-events: none; }
.srp_pagination_container .srp_pagination .active span {
pointer-events: none;
background-color: #fff;
color: #000; }
.srp_pagination_container .srp_pagination span {
transition: all 250ms;
color: inherit;
background-color: rgba(0, 0, 0, 0);
min-width: 30px;
height: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 5px 5px;
border-radius: 999px; }
.srp_pagination_container .srp_pagination span:hover {
color: inherit; }
.srp_notfound {
display: none;
margin: 10px; }
.srp_notfound .srp_notfound--title {
font-weight: bold;
font-size: 21px; }
.srp_notfound .srp_notfound--subtitle {
font-size: 16px;
opacity: 0.6; }
[style*="visibility: hidden;"] .srp_search_main .srp_search_container, [style*="visibility: hidden;"] .srp_filter_container {
visibility: hidden !important;
opacity: 0 !important; }
.srp_search_main {
flex-wrap: wrap;
display: flex;
justify-content: space-between;
align-items: center;
column-gap: 5px; }
.srp_search_main .srp_search_container {
visibility: visible !important;
opacity: 1 !important;
color: #fff;
display: flex;
justify-content: flex-start;
align-items: center;
max-width: 100%;
min-height: 40px;
flex-grow: 1; }
.srp_search_main .srp_search_container .srp_search {
font-family: inherit;
font-size: 14px;
padding-left: 45px !important;
color: #fff;
border-radius: 4px;
background: #000;
border: none;
border-width: 1px;
outline: none;
max-width: 100%;
width: 100%;
min-height: 40px;
padding: 15px; }
.srp_search_main .srp_search_container .srp_search::placeholder {
color: inherit;
opacity: 0.5; }
.srp_search_main .srp_search_container .srp_reset_search {
position: relative;
width: 0;
right: 35px;
pointer-events: all;
cursor: pointer; }
.srp_search_main .srp_search_container .fa-search {
position: relative;
left: 20px;
width: 0;
font-size: 14px;
color: #828282; }
.srp_pagination li:not(.active) .page {
cursor: pointer; } .srp_tracklist_grid .srp_tracklist > ul {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 10px; }
.srp_tracklist_grid[data-col="6"] .srp_tracklist > ul {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; }
.srp_tracklist_grid[data-col="5"] .srp_tracklist > ul {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr; }
.srp_tracklist_grid[data-col="4"] .srp_tracklist > ul {
grid-template-columns: 1fr 1fr 1fr 1fr; }
.srp_tracklist_grid[data-col="3"] .srp_tracklist > ul {
grid-template-columns: 1fr 1fr 1fr; }
.srp_tracklist_grid[data-col="2"] .srp_tracklist > ul {
grid-template-columns: 1fr 1fr; }
.srp_tracklist_grid[data-col="1"] .srp_tracklist > ul {
grid-template-columns: 1fr; }
@media only screen and (max-width: 768px) {
.srp_tracklist_grid[data-col-tablet="6"] .srp_tracklist > ul {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; }
.srp_tracklist_grid[data-col-tablet="5"] .srp_tracklist > ul {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr; }
.srp_tracklist_grid[data-col-tablet="4"] .srp_tracklist > ul {
grid-template-columns: 1fr 1fr 1fr 1fr; }
.srp_tracklist_grid[data-col-tablet="3"] .srp_tracklist > ul {
grid-template-columns: 1fr 1fr 1fr; }
.srp_tracklist_grid[data-col-tablet="2"] .srp_tracklist > ul {
grid-template-columns: 1fr 1fr; }
.srp_tracklist_grid[data-col-tablet="1"] .srp_tracklist > ul {
grid-template-columns: 1fr; } }
@media only screen and (max-width: 767px) {
.srp_tracklist_grid[data-col-mobile="6"] .srp_tracklist > ul {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; }
.srp_tracklist_grid[data-col-mobile="5"] .srp_tracklist > ul {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr; }
.srp_tracklist_grid[data-col-mobile="4"] .srp_tracklist > ul {
grid-template-columns: 1fr 1fr 1fr 1fr; }
.srp_tracklist_grid[data-col-mobile="3"] .srp_tracklist > ul {
grid-template-columns: 1fr 1fr 1fr; }
.srp_tracklist_grid[data-col-mobile="2"] .srp_tracklist > ul {
grid-template-columns: 1fr 1fr; }
.srp_tracklist_grid[data-col-mobile="1"] .srp_tracklist > ul {
grid-template-columns: 1fr; } }
.srp_tracklist_grid .sr-playlist-item-flex {
flex-direction: column;
gap: 10px;
align-items: flex-start !important;
justify-content: flex-start !important; }
.srp_tracklist_grid .sr-playlist-item-flex .audio-track {
width: 100%;
flex: none; }
.srp_tracklist_grid .sr-playlist-item-flex .store-list {
width: 100%;
flex: none !important;
margin-top: auto; }
.srp_tracklist_grid .sr-playlist-item-flex .store-list .song-store-list-menu {
justify-content: inherit;
width: 100% !important; }
.srp_tracklist_grid .sr-playlist-item-flex .store-list .song-store-list-container {
width: inherit;
flex-wrap: wrap;
gap: 6px; }
.srp_tracklist_grid .sr-playlist-item-flex .store-list .sr_store_wc_round_bt {
width: 100%;
padding: 10px; }
.srp_tracklist_grid .sr-playlist-item-flex .sr-playlist-cf-container {
width: 100%;
flex: none;
justify-content: flex-start;
column-gap: 15px;
flex-wrap: wrap; }
.srp_tracklist_grid .sr-playlist-item-flex .sr-playlist-cf-child {
flex: none !important;
width: auto  !important; }
.srp_tracklist_grid .sr-playlist-item-flex .srp_noteButton {
margin-left: 15px; }
.srp_tracklist_grid .sr-playlist-item-flex .srp_noteButton i:before {
margin: 0; }
.srp_tracklist_grid .sr-playlist-item-flex .srp_noteButton .sricon-info {
margin-left: 4px; }
.srp_tracklist_grid .sr-playlist-item-flex .sricon-spinner-wrap {
width: 20px !important;
margin-top: -5px;
margin-left: 2px; }
.srp_tracklist_grid .sr_track_cover {
margin-left: -20px;
margin-top: -20px;
width: calc(100% + 40px) !important;
max-width: unset; }
.srp_tracklist_grid .sr-cf-heading {
display: none !important; }
.srp_tracklist_grid[data-playertemplate="skin_boxed_tracklist"] .srp_player_boxed + .playlist {
padding-top: 20px; }
.srp_tracklist_grid .sr-playlist-item {
overflow: hidden; }
.srp_tracklist_grid .srp_note_title {
font-size: 1.2em; }
.srp_tracklist_grid .srp_tracklist-item-date {
height: initial;
margin-left: 0;
padding-left: 0 !important; }
.srp_tracklist_grid .sr-playlist-item .srp_track_description {
margin-top: 0; }
.srp_tracklist_grid .srp_note {
padding: 5px; }
.srp_tracklist_grid .srp_list.ps .sr-playlist-item {
height: max-content; }
.srp_tracklist_play_cover:not(.srp_tracklist_grid) .sr_track_cover .srp_play {
transform: scale(0.5); }
.srp_tracklist_play_cover .sr_track_cover {
position: relative; }
.srp_tracklist_play_cover .sr_track_cover:after {
content: "";
height: 100%;
width: 100%;
display: block;
position: absolute;
top: 0;
left: 0; }
.srp_tracklist_play_cover .sr_track_cover .srp_play {
cursor: pointer;
z-index: 1; }
.srp_tracklist_play_cover .track-number {
padding-left: 0px !important; }
.srp_tracklist_play_cover .track-number .sricon-play {
display: none; }
@media only screen and (min-width: 768px) {
.srp_tracklist_play_cover.srp_tracklist_play_cover_hover .sr_track_cover:after, .srp_tracklist_play_cover.srp_tracklist_play_cover_hover .sr_track_cover .srp_play {
transition: 0.15s ease; }
.srp_tracklist_play_cover.srp_tracklist_play_cover_hover .sr-playlist-item:not(:hover):not(.current) .sr_track_cover:after, .srp_tracklist_play_cover.srp_tracklist_play_cover_hover .sr-playlist-item:not(:hover):not(.current) .sr_track_cover .srp_play {
opacity: 0; }
.srp_tracklist_play_cover.srp_tracklist_play_cover_hover .sr-playlist-item:not(:hover):not(.current) .sr_track_cover .srp_play {
transform: translateY(30%); } }
.srp_tracklist-item-date + .srp_tracklist-item-date {
display: none; }
.elementor-widget-music-player .iron-audioplayer[data-playertemplate="skin_boxed_tracklist"].srp_tracklist_grid img.sr_track_cover {
max-width: unset !important; }
.sr_tracklenght_tooltip {
opacity: 0;
transform: translateY(20px) scale(0.5);
transition: transform 0.2s ease;
z-index: 9999;
text-align: center;
width: 60px;
position: absolute;
background-color: black;
color: white;
padding: 5px;
border-radius: 2px;
font-size: 11px; }
.sr_tracklenght_tooltip_vertical {
display: none;
z-index: 9999;
position: absolute;
width: 1px;
background-color: black;
pointer-events: none; }
.iron-audioplayer {
position: relative; }
.iron-audioplayer .srp_player_boxed .srp_progressbar_inline .control {
margin-top: 0px; }
.iron-audioplayer .srp_player_boxed .player .srp_spectrum_container {
display: flex;
justify-content: flex-start; }
.iron-audioplayer .srp_spectrum_container, .iron-audioplayer .srp_spectrum {
transition: 0.3s ease;
max-height: 1000px; }
.iron-audioplayer .playlist .srp_spectrum_container, .iron-audioplayer .playlist .srp_spectrum {
max-height: 500px; }
.iron-audioplayer .srp_spectrum_container {
width: 100%;
display: flex;
justify-content: center;
pointer-events: none; }
.iron-audioplayer .srp_spectrum {
position: absolute;
z-index: 1; }
.iron-audioplayer .sr-playlist-item .srp_spectrum {
z-index: -1; }
.iron-audioplayer .song-store.add_to_cart_button.ajax_add_to_cart * {
pointer-events: none; }
.iron-audioplayer.srp_tracklist_grid .srp_soundwave_wrapper {
flex: unset;
width: 100%; }
.iron-audioplayer .srp_soundwave_wrapper {
flex: 0 1 100%;
width: 100%; }
.srp_spectrum_container.srp_hidden, .srp_hidden .srp_spectrum {
opacity: 0;
max-height: 0 !important; }
#sonaar-player .srp_spectrum_container {
position: absolute;
z-index: 10000;
pointer-events: none; }
.srp_tracklist_hide_artist .srp_trackartist {
display: none; }
.swiper-box-navigation {
max-width: 100%;
position: relative;
display: flex;
flex-direction: column; }
.swiper-box-navigation[data-v-align="top"] {
flex-direction: column-reverse; }
.swiper-box-navigation[data-v-align="center"] .srp_swiper-navigation {
position: absolute;
transform: translateY(-50%); }
.srp_swiper-nav-v-pos-center .swiper-box-navigation {
position: absolute;
width: 100%;
left: 0;
top: 50%; }
.srp_swiper-wrap {
position: relative;
padding: 0 0 15px 0;
display: flex;
flex-direction: column; }
.srp_swiper {
color: #fff;
user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
max-width: 100%; }
.srp_swiper.swiper {
overflow: visible;
overflow-x: clip; }
.srp_swiper .swiper-pagination-bullet {
background: #0000006c;
opacity: 1; }
.srp_swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #000000; }
.srp_swiper .swiper-slide {
min-width: 1px;
overflow: visible;
cursor: grab; }
.srp_swiper .swiper-slide:active {
cursor: grabbing; }
.srp_swiper .swiper-slide .store-list {
align-items: inherit;
justify-content: inherit;
text-shadow: none;
position: relative;
margin-top: 6px; }
.srp_swiper .swiper-slide .store-list .song-store-list-menu {
align-items: inherit;
justify-content: inherit; }
.srp_swiper .swiper-slide .store-list .fa-ellipsis-v {
display: none; }
.srp_swiper .swiper-slide .store-list .song-store-list-container {
display: flex;
align-items: inherit;
justify-content: inherit;
flex-wrap: wrap;
row-gap: 4px; }
.srp_swiper .srp_trackartist {
display: inline-block !important; }
.srp_swiper .srp_index {
display: none; }
.srp_swiper-control {
position: absolute;
z-index: 50; }
.srp_swiper-control .srp_play {
cursor: pointer; }
.srp_swiper-control .srp_play .sricon-play {
margin-left: 4px; }
.audio-playing .swiper-slide.srp_current .sricon-play {
margin-left: 0; }
.srp_swiper-titles {
display: flex;
flex-direction: column;
padding: 5%;
z-index: 1;
transition: opacity 0.3s ease; }
.srp_swiper-album-art {
background: no-repeat 50%;
background-size: cover;
width: 100%;
height: 380px;
position: relative;
justify-content: center;
align-items: center;
display: flex;
position: relative;
overflow: hidden; }
.srp_swiper-album-art .srp_swiper-titles {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end; }
.srp_swiper-album-art img {
width: 100%;
height: auto; }
.srp_swiper-album-art:after {
transition: 0.3s ease;
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.srp_slider_play_cover_hover .swiper-slide .srp_swiper-control .srp_play {
opacity: 0;
scale: 1.15;
transform: translate(0, 10px);
transition: 0.15s ease; }
.srp_slider_play_cover_hover .swiper-slide:hover .srp_swiper-control .srp_play {
opacity: 1;
scale: 1;
transform: translate(0, 0); }
.srp_swiper-title {
font-size: 1.3rem;
text-align: inherit; }
.srp_swiper-track-title {
text-align: inherit; }
.srp_swiper-album-art .srp_swiper_overlay {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0; }
.srp_swiper-album-art .srp_swiper_overlay::before {
transition: opacity 0.2s;
content: "";
opacity: 1;
width: 100%;
height: 100%;
position: absolute; }
.srp_swiper-album-art .srp_swiper_overlay::after {
transition: opacity 0.2s;
content: "";
opacity: 0;
width: 100%;
height: 100%;
position: absolute; }
.srp_swiper-album-art:hover .srp_swiper_overlay::after {
opacity: 1; }
.srp_swiper-album-art:hover .srp_swiper_overlay::before {
opacity: 0; } .srp_slider_content_on_hover .srp_swiper-track-title, .srp_slider_content_on_hover .srp_swiper-title, .srp_slider_content_on_hover .store-list, .srp_slider_content_on_hover .srp_swiper-track-artist {
opacity: 0; }
.srp_slider_content_on_hover .swiper-slide:hover .srp_swiper-title, .srp_slider_content_on_hover .swiper-slide:hover .srp_swiper-track-title, .srp_slider_content_on_hover .swiper-slide:hover .store-list, .srp_slider_content_on_hover .swiper-slide:hover .srp_swiper-track-artist {
opacity: 1;
transform: translate(0, 0); }
.srp_slider_content_on_hover .srp_swiper-track-title {
transform: translate(0, 20px);
transition: 0.4s ease;
transition-delay: .1s; }
.srp_slider_content_on_hover .srp_swiper-track-artist {
transform: translate(0, 30px);
transition: 0.4s ease;
transition-delay: .15s; }
.srp_slider_content_on_hover .srp_swiper-title {
transform: translate(0, 30px);
transition: 0.4s ease;
transition-delay: .12s; }
.srp_slider_content_on_hover .store-list {
transform: translate(0, 40px);
transition: 0.5s ease;
transition-delay: .1s; } .srp_slider_content_on_active .swiper-slide:not(.swiper-slide-active) .srp_swiper-control, .srp_slider_content_on_active .swiper-slide:not(.swiper-slide-active) .srp_swiper-titles {
opacity: 0; }
.srp_slider_content_on_active:not(.srp_slider_content_on_hover) .srp_swiper-track-title, .srp_slider_content_on_active:not(.srp_slider_content_on_hover) .srp_swiper-title, .srp_slider_content_on_active:not(.srp_slider_content_on_hover) .srp_swiper-track-artist, .srp_slider_content_on_active:not(.srp_slider_content_on_hover) .store-list {
opacity: 0; }
.srp_slider_content_on_active:not(.srp_slider_content_on_hover) .swiper-slide-active .srp_swiper-title, .srp_slider_content_on_active:not(.srp_slider_content_on_hover) .swiper-slide-active .srp_swiper-track-title, .srp_slider_content_on_active:not(.srp_slider_content_on_hover) .swiper-slide-active .srp_swiper-track-artist, .srp_slider_content_on_active:not(.srp_slider_content_on_hover) .swiper-slide-active .store-list {
opacity: 1;
transform: translate(0, 0); }
.srp_slider_content_on_active:not(.srp_slider_content_on_hover) .srp_swiper-track-title {
transform: translate(0, 20px);
transition: 0.8s ease;
transition-delay: .1s; }
.srp_slider_content_on_active:not(.srp_slider_content_on_hover) .srp_swiper-track-artist {
transform: translate(0, 30px);
transition: 0.8s ease;
transition-delay: .12s; }
.srp_slider_content_on_active:not(.srp_slider_content_on_hover) .srp_swiper-title {
transform: translate(0, 40px);
transition: 0.8s ease;
transition-delay: .18s; }
.srp_slider_content_on_active:not(.srp_slider_content_on_hover) .store-list {
transform: translate(0, 30px);
transition: 0.8s ease;
transition-delay: .2s; }
.srp_swiper .srp_swiper-navigation {
position: absolute;
transform: translateY(-50%);
left: 0; }
.srp_swiper-navigation {
width: 100%;
top: 50%;
display: flex;
justify-content: space-between;
gap: 15px;
padding: 8px;
z-index: 100; }
.srp_swiper-navigation .srp_swiper-button-prev, .srp_swiper-navigation .srp_swiper-button-next {
position: static;
margin-top: 0;
transform: initial; }
.srp_swiper-button-prev,
.srp_swiper-button-next {
position: absolute;
top: 50%;
width: calc(var(--swiper-navigation-size) / 44 * 27);
height: var(--swiper-navigation-size);
transform: translateY(-50%);
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color));
font-size: 44px;
overflow: hidden;
color: #fff; }
.srp_swiper-button-prev.srp_arrow_round,
.srp_swiper-button-next.srp_arrow_round {
font-size: 24px !important;
width: calc(var(--swiper-navigation-size) + 20px);
height: calc(var(--swiper-navigation-size) + 20px);
border-radius: 65px;
border: #fff solid; }
.srp_swiper-button-prev.swiper-button-disabled,
.srp_swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: default; }
div.srp_swiper-button-prev:after,
div.srp_swiper-button-next:after {
font-family: swiper-icons;
text-transform: none !important;
letter-spacing: 0;
font-variant: initial;
line-height: 1;
font-size: inherit; }
.srp_swiper-button-prev,
.swiper-rtl .srp_swiper-button-next {
left: 10px;
right: auto; }
.srp_swiper-button-prev:after,
.swiper-rtl .srp_swiper-button-next:after {
content: 'prev'; }
.srp_swiper-button-next,
.swiper-rtl .srp_swiper-button-prev {
right: 10px;
left: auto; }
.srp_swiper-button-next:after,
.swiper-rtl .srp_swiper-button-prev:after {
content: 'next'; }
.srp_swiper-wrap .swiper-box-pagination {
position: relative;
height: 6px;
margin-top: 10px; }
.srp_swiper-wrap .swiper-box-pagination .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .srp_swiper-wrap .swiper-box-pagination .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
bottom: 0; }
.srp_swiper-wrap .swiper-box-pagination .swiper-pagination-bullet {
opacity: 1; }
.srp_swiper-track-artist {
text-transform: capitalize; }
.srp-fav-notfound {
color: initial;
display: flex;
align-items: center;
column-gap: 10px; }
.srp-fav-notfound i {
font-size: 12px; }
.sr_store_force_dl_bt {
cursor: pointer; }
a.song-store.srp-fav-bt i, a.song-store.sr_store_force_share_bt i, a.song-store.sr_store_force_dl_bt i, a.song-store.sr_store_force_pl_bt i {
font-size: 16px; }
.srp-fav-removeall-wrapper {
display: flex;
justify-content: flex-start; }
.srp-fav-removeall-wrapper .srp-fav-removeall-bt {
transition: all 0.3s ease;
width: auto;
cursor: pointer;
padding: 5px 20px;
margin-bottom: 10px;
background-color: var(--srp-global-music_player_wc_bt_bgcolor);
color: var(--srp-global-music_player_wc_bt_color);
display: inline-block;
border-radius: 4px;
font-size: 12px; }
.srp-fav-notification {
opacity: 0;
position: fixed;
bottom: 80px;
left: 0;
right: 0;
margin: auto;
width: fit-content;
padding: 10px 50px;
background-color: var(--srp-global-modal-btn-bg-color);
color: var(--srp-global-modal-btn-txt-color);
text-align: center;
border-radius: 5px;
box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.3);
z-index: 10001;
font-size: 16px; } .srp_extendedPlayer {
transition: padding 0.1s ease; }
.srp_no_artwork .srp_extendedPlayer_container .srp_extendedPlayer {
overflow-y: unset;
padding-top: var(--srp-extendedPlayer-height);
background: unset !important;
min-height: unset; }
.srp_no_artwork .srp_extendedPlayer_container .srp_ext_primary {
min-height: unset; }
.srp_extendedPlayer_scrolling_box {
height: 100%;
display: flex;
overflow-y: scroll; }
.srp_extendedPlayer_container {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 9999;
display: flex;
flex-direction: column;
transform: translateY(100%);
opacity: 0;
transition: transform 300ms ease, opacity 150ms ease; }
#sonaar-player .srp_extendedPlayer_container .close {
border-color: #ffffff; }
#sonaar-player .srp_extendedPlayer_container .close:before, #sonaar-player .srp_extendedPlayer_container .close:after {
border-color: inherit; }
.srp_extendedPlayer_container.srp_opened {
transform: translateY(0%);
opacity: 1; }
.srp_extendedPlayer_container .srp-fav-bt {
font-size: 28px;
color: var(--srp-global-sticky_player_waveform_progress_color, #fff); }
#sonaar-player .srp_extendedPlayer_container .sr_progressbar_sticky {
flex-direction: column-reverse !important;
gap: 10px; }
#sonaar-player .srp_extendedPlayer_container .sr_progressbar_sticky .wave {
position: static;
height: 70px !important;
width: 100% !important; }
.srp_extendedPlayer_container .srp_ext_primary {
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 100%;
padding-top: 15px;
padding-bottom: 45px;
padding-left: 25px;
padding-right: 25px;
background: var(--srp-global-sticky_player_background); }
.srp_extendedPlayer_container .srp_ext_secondary {
display: flex;
flex-direction: column;
justify-content: space-between;
padding-bottom: 15px;
gap: 15px;
padding-left: 25px;
padding-right: 25px;
background: var(--srp-global-sticky_player_background); }
.srp_extendedPlayer_container .srp_ext_overlay_panel {
padding: 15px 25px; }
.srp_extendedPlayer_container .srp_extendedPlayer {
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 100%;
width: 100%;
box-sizing: border-box; }
.srp_extendedPlayer_container .srp_extendedPlayer.srp_opened_cta {
transition: filter 0.3s ease;
filter: brightness(0.5); }
.srp_extendedPlayer_container .srp_extendedPlayer .srp_ext_header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
margin-top: 15px;
gap: 20px; }
.srp_extendedPlayer_container .srp_extendedPlayer .srp_collapse_btn {
font-size: 24px;
line-height: 1; }
.srp_extendedPlayer_container .srp_extendedPlayer .srp_ellipsis_btn {
font-size: 20px;
line-height: 1;
margin-right: -10px; }
.srp_extendedPlayer_container .srp_extendedPlayer .srp_ext_artwork {
display: flex;
flex-direction: column;
justify-content: center;
flex-flow: row;
overflow: hidden; }
.srp_extendedPlayer_container .srp_extendedPlayer .srp_ext_artwork img {
width: 100%;
height: 100%;
object-fit: contain; }
.srp_extendedPlayer_container .srp_extendedPlayer .srp_ext_track {
column-gap: 10px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center; }
.srp_extendedPlayer_container .srp_extendedPlayer .control {
display: flex;
justify-content: center;
align-items: center;
gap: 30px;
margin: 10px 0; }
.srp_extendedPlayer_container .srp_extendedPlayer .control.srp_ctrl_advanced {
gap: 15px; }
.srp_extendedPlayer_container .srp_extendedPlayer .control .sricon-play:before {
font-size: 38px; }
.srp_extendedPlayer_container .srp_extendedPlayer .srp_ext_track_info {
margin: 15px 0; }
.srp_extendedPlayer_container .srp_extendedPlayer .srp_track_title {
font-size: 18px;
line-height: 1.3; }
.srp_extendedPlayer_container .srp_extendedPlayer .sr_progressbar_sticky {
width: auto;
position: relative;
display: flex;
flex: 1;
align-items: center;
margin: 0 5px; }
.srp_extendedPlayer_container .srp_extendedPlayer .srp_ext_featured_cta {
display: flex;
justify-content: space-between;
column-gap: 5px;
min-height: 30px;
align-items: center; }
.srp_extendedPlayer_container .srp_extendedPlayer .srp_ext_featured_cta .srp_ext_cta_addtocart, .srp_extendedPlayer_container .srp_extendedPlayer .srp_ext_featured_cta .srp_ext_cta_buynow {
background-color: var(--srp-global-sticky_player_labelsandbuttons, #FFF); padding: 5px 10px;
border-radius: 6px;
color: var(--srp-global-sticky_player_background, #000); }
.srp_extendedPlayer_container .srp_extendedPlayer .srp_ext_featured_cta .srp_ext_cta_addtocart span, .srp_extendedPlayer_container .srp_extendedPlayer .srp_ext_featured_cta .srp_ext_cta_buynow span {
font-size: 14px;
font-weight: 500; }
.srp_extendedPlayer_container .srp_extendedPlayer .srp_ext_featured_cta a {
color: inherit;
background-color: unset;
display: flex;
column-gap: 12px;
align-items: center;
text-decoration: none;
font-size: 18px;
font-weight: 400; }
.srp_extendedPlayer_container .srp_extendedPlayer .srp_ext_featured_cta_left, .srp_extendedPlayer_container .srp_extendedPlayer .srp_ext_featured_cta_right {
align-items: center;
display: flex;
gap: 10px; }
.srp_extendedPlayer_container .srp_extendedPlayer .srp_ext_featured_cta_left {
font-size: 18px; }
.srp_extendedPlayer_container .srp_extendedPlayer .srp_ext_featured_cta_center {
flex: 0.9;
height: 175%; }
.srp_extendedPlayer_container .srp_extendedPlayer .srp_ext_control {
display: flex;
justify-content: space-between;
align-content: center; }
.srp_extendedPlayer_container .srp_extendedPlayer .srp_ext_control .shuffle, .srp_extendedPlayer_container .srp_extendedPlayer .srp_ext_control .srp_repeat {
font-size: 18px; }
.srp_extendedPlayer_container .srp_extendedPlayer .srp_ext_control .control--item {
display: flex;
align-items: center;
justify-content: flex-end; }
.srp_extendedPlayer_container .srp_extendedPlayer .srp_ext_control .srp_control_right {
column-gap: 8px; }
#sonaar-player .srp_extendedPlayer_container .srp_extendedPlayer .srp_ext_control .sr_speedRate {
margin: 0; }
.srp_extendedPlayer_container .srp_extendedPlayer .srp_control_right, .srp_extendedPlayer_container .srp_extendedPlayer .srp_control_left {
display: flex;
flex: 1; }
.srp_extendedPlayer_container .srp_extendedPlayer .srp_control_left {
justify-content: flex-start; }
.srp_extendedPlayer_container .srp_extendedPlayer .srp_control_right {
justify-content: flex-end; }
.srp_extendedPlayer_container .srp_extendedPlayer .play {
display: flex; }
.srp_extendedPlayer_container .srp_extendedPlayer .list {
width: 28px; }
.srp_extendedPlayer_container .srp_ext_overlay_panel_outside {
position: absolute;
height: 100%;
width: 100%; }
.srp_extendedPlayer_container .srp_ext_overlay_panel {
visibility: hidden;
position: absolute;
bottom: 0px;
padding-bottom: 70px;
height: fit-content;
width: 100%;
background: var(--srp-global-sticky_player_background);
transform: translateY(100%);
transition: 0.4s ease; }
.srp_extendedPlayer_container .srp_ext_overlay_panel.srp_opened {
visibility: visible;
transform: translateY(0%); }
.srp_extendedPlayer_container .srp_ext_overlay_panel .srp_ext_cta {
display: flex;
flex-direction: column;
row-gap: 20px;
margin-top: 20px; }
.srp_extendedPlayer_container .srp_ext_overlay_panel .srp_ext_cta .srp_ext_track_info_wrapper {
display: flex;
column-gap: 10px;
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 1px solid #ffffff20; }
.srp_extendedPlayer_container .srp_ext_overlay_panel .srp_ext_cta .srp_ext_track_info_wrapper .srp_track_title {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
width: 65vw;
font-size: 18px; }
.srp_extendedPlayer_container .srp_ext_overlay_panel .srp_ext_cta .srp_ext_track_info_wrapper .srp_artist {
font-size: 14px; }
.srp_extendedPlayer_container .srp_ext_overlay_panel .srp_ext_cta img {
max-height: 65px; }
.srp_extendedPlayer_container .srp_ext_overlay_panel .srp_ext_cta > span a {
color: inherit;
background-color: unset;
display: flex;
column-gap: 12px;
align-items: center;
text-decoration: none;
font-size: 18px;
font-weight: 400; }
.srp_extendedPlayer_container .srp_ext_overlay_panel .srp_ext_cta > span a > i {
text-align: center;
width: 30px; }
.srp_extendedPlayer_container .srp_ext_content {
display: flex;
flex-direction: column;
row-gap: 10px; }
.srp_extendedPlayer_container .srp_ext_section {
word-wrap: break-word;
font-size: 16px;
font-weight: 400;
background: var(--srp-global-sticky_player_background);
padding: 15px;
border-radius: 10px;
filter: brightness(1.2); }
.srp_extendedPlayer_container .srp_ext_section:first-child {
margin-top: -28px; }
.srp_repeat {
cursor: pointer; }
.srp_repeat[data-repeat-status="null"]:before {
opacity: 0.4; }
.srp_repeat[data-repeat-status="track"]:before {
content: '\e83c'; }
.srp_repeat:before {
content: '\e83b'; }
#sonaar-player .player .control .srp_repeat.srp_disabled {
pointer-events: none;
opacity: 0.4; }
body.srp_sticky_ext_opened {
overflow-y: hidden; }
#make-offer-btn {
float: unset;
padding: 10px 20px;
pointer-events: auto;
cursor: pointer; }
.single-product .srp-make-offer-btn-wrapper {
margin-bottom: 10px;
clear: both; }
.single-product .single_variation_wrap .srp-make-offer-btn-wrapper {
margin-top: 5px; }
body.sr_popup-open {
overflow-y: hidden; }
#sonaar-modal {
display: none;
position: fixed;
top: 0;
left: 0;
z-index: 10100;
width: 100%;
height: 100%;
overflow: hidden;
outline: 0;
transition: opacity .15s linear;    }
#sonaar-modal h1, #sonaar-modal h2, #sonaar-modal h3, #sonaar-modal h4, #sonaar-modal h5, #sonaar-modal h6 {
line-height: 1;
font-weight: 500; }
#sonaar-modal.has-bg-image {
color: #fff; }
#sonaar-modal.has-bg-image h1, #sonaar-modal.has-bg-image h2, #sonaar-modal.has-bg-image h3, #sonaar-modal.has-bg-image h4, #sonaar-modal.has-bg-image h5, #sonaar-modal.has-bg-image h6, #sonaar-modal.has-bg-image p, #sonaar-modal.has-bg-image label, #sonaar-modal.has-bg-image span, #sonaar-modal.has-bg-image a, #sonaar-modal.has-bg-image button {
color: #fff; }
#sonaar-modal.has-bg-image .sr_popup-content {
border: unset;
background-color: #000; }
#sonaar-modal.has-bg-image .sr_popup-content::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
filter: blur(50px) brightness(0.7);
opacity: 1;
background-color: black; }
#sonaar-modal.has-bg-image .sr_popup-content .srp-popup-form {
width: 530px; }
#sonaar-modal .sr_popup-dialog {
transition: -webkit-transform .3s ease-out;
transition: transform .3s ease-out;
transition: transform .3s ease-out,-webkit-transform .3s ease-out;
-webkit-transform: translate(0, -50px);
transform: translate(0, -50px); }
.sr_popup-open #sonaar-modal {
overflow-x: hidden;
overflow-y: auto; }
#sonaar-modal.sr_show {
display: flex !important;
align-items: center;
min-height: 100%;
height: auto; }
#sonaar-modal.sr_show .sr_popup-dialog {
-webkit-transform: none;
transform: none; }
#sonaar-modal .sr_popup-dialog {
position: relative;
width: auto;
max-height: 100vh;
overflow-y: auto;
overflow-x: hidden;
margin: 0px auto; }
@media (min-width: 576px) {
#sonaar-modal .sr_popup-dialog {
max-width: calc(100vw - 150px);
max-height: calc(100vh - 150px);
margin: 75px auto; } }
#sonaar-modal .sr_popup-content {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: .3rem;
outline: 0;
-webkit-animation: srmp3fadein 350ms;
-moz-animation: srmp3fadein 350ms;
-ms-animation: srmp3fadein 350ms;
-o-animation: srmp3fadein 350ms;
animation: srmp3fadein 350ms; }
#sonaar-modal .sr_popup-content #srp-make-offer-error {
color: red;
font-weight: 500;
font-size: 16px; }
#sonaar-modal .sr_popup-content p {
margin-bottom: initial;
margin-top: initial; }
@media (max-width: 576px) {
#sonaar-modal .sr_popup-content {
margin-bottom: 50px; } }
#sonaar-modal .sr_popup-content .srp-popup-form--confirm h1, #sonaar-modal .sr_popup-content .srp-popup-form--confirm h2, #sonaar-modal .sr_popup-content .srp-popup-form--confirm h3, #sonaar-modal .sr_popup-content .srp-popup-form--confirm h4, #sonaar-modal .sr_popup-content .srp-popup-form--confirm h5, #sonaar-modal .sr_popup-content .srp-popup-form--confirm h6 {
font-size: 36px;
line-height: 0.9;
margin-bottom: 10px; }
#sonaar-modal .sr_popup-content .srp-popup-form--confirm .srp_button {
margin-top: 15px; }
#sonaar-modal .sr_popup-content .srp-popup-form {
width: 430px;
max-width: 100%; }
#sonaar-modal .sr_popup-content .srp-popup-form label {
font-size: 14px; }
#sonaar-modal .sr_popup-content .srp-popup-form select {
font-weight: 600; }
#sonaar-modal .sr_popup-content .srp-popup-form input, #sonaar-modal .sr_popup-content .srp-popup-form textarea, #sonaar-modal .sr_popup-content .srp-popup-form select {
outline: none;
transition: all .3s ease-in-out;
padding: 0 5px 0 12px;
overflow: hidden;
border: unset;
position: relative;
display: flex;
align-items: center;
width: 100%;
height: 44px;
border-radius: 5px;
margin: 5px 0;
background-color: var(--srp-global-modal-form-input-bg-color) !important;
color: var(--srp-global-modal-form-input-color) !important;
border: 1px solid var(--srp-global-modal-form-input-border-color); }
#sonaar-modal .sr_popup-content .srp-popup-form input:focus, #sonaar-modal .sr_popup-content .srp-popup-form input:active, #sonaar-modal .sr_popup-content .srp-popup-form textarea:focus, #sonaar-modal .sr_popup-content .srp-popup-form textarea:active, #sonaar-modal .sr_popup-content .srp-popup-form select:focus, #sonaar-modal .sr_popup-content .srp-popup-form select:active {
border-color: var(--srp-global-modal-btn-bg-color) !important; }
#sonaar-modal .sr_popup-content .srp-popup-form textarea {
padding: 10px;
min-height: 125px;
overflow: auto; }
#sonaar-modal .sr_popup-content .srp-popup-form input:-webkit-autofill,
#sonaar-modal .sr_popup-content .srp-popup-form textarea:-webkit-autofill,
#sonaar-modal .sr_popup-content .srp-popup-form select:-webkit-autofill {
-webkit-text-fill-color: var(--srp-global-modal-form-input-color) !important;
background-color: var(--srp-global-modal-form-input-bg-color) !important;
color: var(--srp-global-modal-form-input-color) !important;
transition: background-color 5000s ease-in-out 0s; }
#sonaar-modal .sr_popup-content .srp-popup-form input:-moz-autofill,
#sonaar-modal .sr_popup-content .srp-popup-form textarea:-moz-autofill,
#sonaar-modal .sr_popup-content .srp-popup-form select:-moz-autofill {
background-color: var(--srp-global-modal-form-input-bg-color) !important;
color: var(--srp-global-modal-form-input-color) !important; }
#sonaar-modal .sr_popup-content .srp-popup-form button {
border-radius: 4px;
background-color: var(--srp-global-modal-btn-bg-color);
color: var(--srp-global-modal-btn-txt-color);
margin-top: 10px;
width: 100%; }
#sonaar-modal .sr_popup-content .srp-popup-form button:hover {
filter: brightness(1.2); }
#sonaar-modal .sr_popup-content .srp-popup-heading {
display: flex;
gap: 15px;
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: solid 1px var(--srp-global-modal-form-input-border-color); }
#sonaar-modal .sr_popup-content .srp-popup-title {
font-size: 42px;
line-height: 0.9;
margin: 0 auto; }
#sonaar-modal .sr_popup-content .srp-popup-desc {
margin-top: 5px;
font-size: 14px;
opacity: 0.8; }
#sonaar-modal .sr_popup-content .srp-popup-image {
min-width: 80px;
width: 80px; }
#sonaar-modal .sr_popup-content .srp-popup-image img {
border-radius: 3px;
max-width: 100%; }
#sonaar-modal .srp_popup_no_image .srp-make-offer-heading {
flex-direction: column-reverse; }
#sonaar-modal .srp-popup-form--makeoffer .srp-popup-title {
font-size: 36px; }
#sonaar-modal .srp-popup-form--makeoffer .srp-make-offer-heading {
display: flex;
align-items: flex-start;
gap: 10px;
font-size: 18px;
margin-top: 15px;
border-top: solid 1px var(--srp-global-modal-form-input-border-color);
padding-top: 15px;
margin-bottom: 20px; }
#sonaar-modal .srp-popup-form--makeoffer .srp-make-offer-heading .srp-make-offer-product-title {
font-size: 21px;
line-height: 1.2;
margin-bottom: 6px;
font-weight: 500; }
#sonaar-modal .srp-popup-form--makeoffer .srp-make-offer-heading .srp-make-offer-image {
max-width: 70px; }
#sonaar-modal .srp-popup-form--makeoffer .srp-make-offer-heading .srp-make-offer-image img {
border-radius: 4px; }
#sonaar-modal .srp-popup-form--makeoffer .srp-make-offer-description {
font-size: 14px; }
@keyframes srmp3fadein {
from {
opacity: 0;
transform: scale(0.9); }
to {
opacity: 1;
transform: scale(1); } }
@-moz-keyframes srmp3fadein {
from {
opacity: 0;
transform: scale(0.9); }
to {
opacity: 1;
transform: scale(1); } }
@-webkit-keyframes srmp3fadein {
from {
opacity: 0;
transform: scale(0.9); }
to {
opacity: 1;
transform: scale(1); } }
@-ms-keyframes srmp3fadein {
#sonaar-modal from {
opacity: 0;
transform: scale(0.9); }
#sonaar-modal to {
opacity: 1;
transform: scale(1); } }
@-o-keyframes srmp3fadein {
from {
opacity: 0;
transform: scale(0.9); }
to {
opacity: 1;
transform: scale(1); } }
#sonaar-modal .sr_popup-body {
z-index: 2;
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 2.5rem; }
.sr_popup-backdrop {
position: fixed;
top: 0;
left: 0;
z-index: 10050;
width: 100vw;
height: 100vh;
background-color: #000;
opacity: 0;
transition: opacity .15s linear;
pointer-events: none; }
.sr_popup-backdrop.sr_show {
opacity: .75;
pointer-events: initial; }
.sr-store-popup {
cursor: pointer; }
.sr_close {
background: transparent;
height: 32px;
width: 32px;
padding: 0;
position: absolute;
top: 25px;
right: 25px;
z-index: 50;
font-size: 1px;
cursor: pointer; }
.sr_close svg {
height: 100%; }.wpstream_product_front{
width:100%;
padding: 10px;
float:left;
}
.wpstream_product_wrapper{
float:left;
}
.wpstream_product_image_wrapper{
float: left;
width: 100px;
text-decoration: none;
}
.wpstream_product_front img{
float: left;
height: 75px!important;
width: auto;
}
.wpstream_product_front:nth-child(even){
background-color: #f8f6f6;
}
.wpstream_product_name_front{
float: left;
font-weight: bold;
margin: 0px 0px 0px 30px;
width:100%;
text-decoration: none;
}
.wpstream_product_see:visited,
.wpstream_product_see{
float:left;
background-color: #e16767;
color:#fff;
padding: 2px 10px;
cursor:pointer;
margin: 10px 0px 0px 30px;
font-size: 12px;
}
.wpstream_product_see:hover{
background-color: #76b06c;
color:#fff;
}
.wpstream_player_wrapper{
}
.wpstream_not_live_mess{
position: absolute;
top: 31%;
left: 0;
right: 0;
z-index: 9;
width: 50%;
margin: 0 auto;
text-align: center;
color:#fff;
font-family: Arial;
}
.wpstream_not_live_mess_back{
background-color: #000;
position: absolute;
width: 100%;
height: 100%;
opacity: 0.5;
border-radius: 6px;
padding: 10px;
}
.wpstream-video-container {
position: relative;
}
.wpstream-pre-load-spinner {
position: absolute;
top: 50%;
left: 50%;
width: 40px;
height: 40px;
margin: -25px 0 0 -25px;
opacity: 0.85;
border-radius: 40px;
border: 6px solid rgba(43, 51, 63, 0.7);
border-top-color: white;
animation: wpstream-spinner-spin 1.1s linear infinite;
z-index: 1;
}
@keyframes wpstream-spinner-spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.wpstream_not_live_mess_mess{
color: #fff;
font-size: 17px;
z-index: 10;
position: relative;
padding: 10px;
}
.wpestate_header_video  .wpstream_not_live_mess_mess {
position: absolute;
left: 0;
right: 0;
width: 40%;
background-color: #0000008a;
z-index: 99;
color: #fff;
left: 0;
right: 0;
top: 48%;
margin: 0 auto;
text-align: center;
padding: 20px 50px;
font-size: 24px;
z-index: 999;
width: 100%;
line-height: 100px;
}
.wpstream_player_container{ max-width:1200px;
margin: 0px auto;
margin-bottom: 30px;
}
.wpestream_inserted_player .wpstream_player_container{
height: auto;
}
.wpestream_inserted_player{
display: flex;
}
#wpstream-video{
width: 100%;
}
.wpstream_notice,
.wpstream_vod_notice{
background-color: #e16767;
color: #fff;
padding: 2px 10px;
margin-bottom: 30px;
display: inline-block;
border-radius: 3px;
width: 100%;
font-size: 16px;
}
#wpstream_product_wrap_no_buy{
margin-top: 0px;
}
.wpstream_player_wrapper.no_buy{
position:relative;
height: 30px;
background: transparent;
margin-bottom: 15px;
}
.wpstream_player_wrapper.no_buy .wpstream_player_container{
height: 30px;
}
.wpstream_player_wrapper.wpstream_player_shortcode{
width: 100%;
position: relative;
margin-bottom: 15px;
float: left;
}
.wpstream_player_wrapper.wpstream_player_shortcode.no_buy{
height: auto;
float: left;
}
.wpstream_player_wrapper.wpstream_player_shortcode.no_buy .wpstream_player_container{
height: auto;
}
.wpstream_player_wrapper.wpstream_player_shortcode.no_buy  .wpstream_notice{
background: transparent;
position: absolute;
width:100%;
top:45%;
text-align:center;
font-size: 22px;
}
.wpstream_live_player_wrapper .video-js .vjs-big-play-button ,
.wpstream_player_container .video-js .vjs-big-play-button {
line-height: 90px!important;
position: absolute!important;
top: 50%!important;
left: 50%!important;
margin-left: -45px;
margin-top: -45px;
border: 2px solid #494848!important;
font-size: 57px!important;
border-radius: 50%!important;
background-color: #2b333f!important;
}
.wpstream_player_container .video-js .vjs-big-play-button .vjs-icon-placeholder:before{
left: 2px;
}
.wpstream_player_container .video-js .vjs-big-play-button .vjs-control-text {
width: max-content !important;
}
.wpstream_player_container .video-js .vjs-big-play-button {
width: 1.63332em;
}
.video-js .vjs-big-play-button .vjs-icon-placeholder{
opacity: 0.8;
transition: 0.3s ease-out;
}
.video-js .vjs-big-play-button:focus .vjs-icon-placeholder, 
.video-js:hover .vjs-icon-placeholder{
opacity: 1;
}
.video-js.vjs-logo.logo-top.logo-left .wpestream_live_counting:not(:empty)~.vjs-logo-content {
top: 30px !important;
}
.video-js.vjs-logo.logo-bottom .vjs-logo-content {
bottom: 40px !important;
}
.video-js .vjs-logo-content {
position: absolute;
}
.video-js.vjs-has-started .vjs-logo-content img {
height: auto;
}
@media only screen and (max-width: 768px) {
.vjs-logo-content > img {
width: 50%;
}
}
.video-js .vjs-volume-level:before {
font-size: 10px !important; }
.wpstream_get_download_link{
display:none;
}
.vjs-youtube .vjs-poster {
background-size: contain!important;
}
.vjs-youtube .vjs-poster img {
background-size: contain!important;
width: 100%;
} .shortcode_list_wrapper{
margin: 0px -10px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.wpstream_media_list_wrapper  li.product.entry{
float: left;
margin: 0px 0px 30px 0px;
padding: 0px 10px;
position: relative;
width: 33.3%;
}
.wpstream_media_list_wrapper.columns-1 li.product.entry{
width: 100%;
}
.wpstream_media_list_wrapper.columns-2 li.product.entry{
width: 50%;
}
.wpstream_media_list_wrapper.columns-3 li.product.entry{
width: 33.3%;
}
.wpstream_media_list_wrapper.columns-4 li.product.entry{
width: 25%;
}
.wpstream_media_list_wrapper li.last.entry{
margin-right: 0;
}
.wpstream_pagination{
list-style: none;
width: 100%;
display: inline-block;
}
.wpstream_pagination li{
display: inline-block;
}
.wpstream_media_list_wrapper{
display: flex;
flex-wrap: wrap;
flex-direction: row;
}
.wpstream_product_unit{
width: 33.3%;
margin: 0px 0px 30px 0px;
display: inline-block;
padding: 0px 10px;
}
.wpstream_media_list_wrapper.columns-1 .wpstream_product_unit{
width: 100%;
}
.wpstream_media_list_wrapper.columns-2 .wpstream_product_unit{
width: 50%;
}
.wpstream_media_list_wrapper.columns-3 .wpstream_product_unit{
width: 33.3%;
}
.wpstream_media_list_wrapper.columns-4 .wpstream_product_unit{
width: 25%;
}
.wpstream_product_unit .product_image{
width: 100%;
height: 255px;
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
background-color: #f1f1f1;
}
.wpstream_product_unit .product_title{
text-decoration: none!important;
color: #333;
font-size: 20px;
font-weight: 600;
width: 100%;
display: inline-block;
}
.wpstream_product_unit .see_product {
text-decoration: none!important;
font-size: 14px;
color:#555;
}
.wpstream_live_player_wrapper{
position:relative;
}
.wpestream_live_counting{
position: absolute;
padding: 6px 7px;
color: #fff;
z-index: 99;
top: 10px;
left: 10px;
font-size: 12px;
border-radius: 2px;
font-family: Arial;
}
.wpstream_player_wrapper_sec .wpestream_live_counting{
bottom: 32px;
top:auto;
} .wpstream_plugin_chat_wrapper{
width: 100%;
height: 100%;
background: #222;
min-height: 406px;
max-height: 505px;
position: relative;
margin-bottom: 15px;
float: left;
}
.wpstream_chat_input .col-lg-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
padding-right: 15px;
padding-left: 15px;
}
.wpstream_plugin_chat_wrapper .chat_wrapper{
width: 100%;
}
#help-dialog,
#admin-help-dialog{
display:none;
}
.wpstream_plugin_chat_wrapper .wpestream_chat_meat {
padding-top: 15px;
background: #222;
border: none;
opacity:1;
}
.wpstream_plugin_chat_wrapper #panel {
height: 100%;
font-size: 13px;
padding: 0px 15px 110px 15px;
}
.wpstream_plugin_chat_wrapper .wpstream_chat_input{
bottom:10px;
}
.chat_wrapper{
width: 300px;
position: absolute;
z-index: 100;
top: 0px;
right: 0px;
height: 100%;
}
.wpstream_chat_container{
height: 100%;
}
.wpestream_chat_meat{
background: black;
height: 100%;
opacity: 0.9;
border-left: 1px solid #151520;
padding-top: 50px;
}
.chat_nav_bar{
position: absolute;
background: red;
bottom: 0px;
left: -143px;
}
.chat_nav_bar_list{
list-style-type: none;
}
.chat_nav_bar_list{
color:#fff;
}
#panel {
height: 100%;
font-size: 13px;
padding: 50px 15px 100px 15px;
display: flex;
justify-content: flex-end;
flex-direction: column;
overflow: hidden;
}
#message{
width: 100%;
height: 60px;
border: 1px solid #686890!important;
background-color: transparent;
color: #efefef;
font-size: 13px;
padding: 4px 8px;
line-height: 1.3em;
}
.wpstream_chat_input{
width: 100%;
position: absolute;
bottom: 0px;
right: 0px;
}
#send{
background-color: #72729d;
color: #fff;
font-size: 13px;
text-transform: capitalize;
padding: 3px 11px;
border-radius: 0px;
margin-top: 10px;
float: right;
}
.msg{
color:#ededed;
}
.timestamp {
color: #eee;
display:none;
}
.message {
color: #FFEB3B;
margin-top: 6px;
}
.wpestream_chat_meat hr {
background-color: #151520;
}
.wpstream_chat_actions{
width:100%;
}
#user{
float: left;
cursor: pointer;
margin: 10px 3px;
}
#user:hover{
color:#72729d;
}
#users-dialog{
display:none;
position: absolute;
background: #242939;
bottom: 149px;
padding: 15px;
color: #efefef;
opacity: 0.8;
}
#users-dialog li{
color: #efefef;
}
#users-dialog h4{
font-size: 15px;
margin-bottom: 15px;
}
#users-dialog ul{
list-style-type: none;
}
#users-content{
list-style-type: none;
}
#close-users-dialog{
position: absolute;
top:5px;
right: 5px;
cursor: pointer;
}
.event_list_unit.hidden {
display: none;
} .event_unit_style_front.event_list_unit{
box-shadow: none;
background: transparent;
margin: 10px 0px;
width: 830px;
}
.event_unit_style_front.event_list_unit:hover{
background: transparent;
transform: none;
box-shadow: none;
}
.event_unit_style_front  .wpstream_button.wpstream_turning_on,
.event_unit_style_front .start_event.wpstream_button{
min-width: 170px;
padding: 5px 20px;
}
.event_unit_style_front .record_wrapper{
display:none;
}
.event_unit_style_front .multiple_warning_events{
display: none;
}
.event_unit_style_front .wpstream_channel_status.not_ready_to_stream .dashicons {
margin-top: 0px;
}
.event_unit_style_front .wpstream_channel_status .dashicons{
margin-top: -3px;
}
.event_unit_style_front .wpstream_channel_status{
padding: 0px 10px 10px 10px;
}
.event_unit_style_front  .event_list_unit_notificationx{
font-size: 14px;
float:left;
width: 100%;
}
.wpstream_social_share_wrapper a{
text-decoration: none!important;
}
.event_unit_style_front .wpstream_modal_form{
width: 520px;
height: 520px;
background-color: #fff;
position: fixed;
top: 50%;
margin-top: -260px;
left: 50%;
margin-left: -260px;
display: none;
z-index: 1002;
padding: 30px;
border-radius: 5px;
line-height: 1.4em;
}
.event_unit_style_front .wpstream_external_broadcast_options{
font-size: 14px;
line-height: 2;
color: #2c3338;
border-color: #8c8f94;
box-shadow: none;
border-radius: 3px;
padding: 0 24px 0 8px;
min-height: 30px;
max-width: 25rem;
-webkit-appearance: none;
background-size: 16px 16px;
cursor: pointer;
vertical-align: middle;
background: #fff url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E) no-repeat right 5px top 55%;
}
.event_unit_style_front .wpstream_stop_event.wpstream_button{
min-width: 170px;
padding: 5px 20px;
}
.event_unit_style_front .external_software_streaming_details{
width: 460px;
line-height: 1em;
}
.event_unit_style_front .wpstream_modal_explanations ul{
list-style: none;
padding: 0px;
}
.event_unit_style_front .wpstream_modal_explanations li{
line-height: 1.4em;
}
.wpstream_live_uri_text.wpstream_larix_rtmp{
width: 345px;
}
@keyframes rotation{0%{transform:rotate(0)}100%{transform:rotate(359deg)}}
@media only screen and (max-width:1099px){
.event_unit_style_front.event_list_unit {
flex-direction: column;
align-content: center;
justify-content: flex-start;
align-items: flex-start;
width: auto;
position: relative;
border: 1px solid #e2e5e8;
}
}
@media only screen and (max-width:768px){
.wpstream_media_list_wrapper.columns-1 .wpstream_product_unit,
.wpstream_media_list_wrapper.columns-2 .wpstream_product_unit,
.wpstream_media_list_wrapper.columns-3 .wpstream_product_unit,
.wpstream_media_list_wrapper.columns-4 .wpstream_product_unit,
.wpstream_media_list_wrapper.columns-1 li.product.entry,
.wpstream_media_list_wrapper.columns-2 li.product.entry,
.wpstream_media_list_wrapper.columns-3 li.product.entry,
.wpstream_media_list_wrapper.columns-4 li.product.entry{
width: 50%;
}
}
@media only screen and (max-width:600px){
.event_unit_style_front .wpstream_modal_form{
width: 100%;
height: 100%;
background-color: #fff;
position: fixed;
top: 0;
margin-top: 0;
left: 0;
margin-left: 0;
display: none;
z-index: 1002;
padding: 60px 30px;
border-radius: 0px;
box-sizing: border-box;
}
.event_unit_style_front .wpstream_modal_form .wpstream_modal_explanations{
width: 100%;
box-sizing: border-box;
}
.wpstream_sharing_social .dashicons{
margin-right: 14px;
}
.event_unit_style_front .external_software_streaming_details {
width: 100%;
}
.wpstream_close_onboarding,
.wpstream_close_modal{
top:60px;
}
}
@media only screen and (max-width:500px){
.wpstream_media_list_wrapper.columns-1 .wpstream_product_unit,
.wpstream_media_list_wrapper.columns-2 .wpstream_product_unit,
.wpstream_media_list_wrapper.columns-3 .wpstream_product_unit,
.wpstream_media_list_wrapper.columns-4 .wpstream_product_unit,
.wpstream_media_list_wrapper.columns-1 li.product.entry,
.wpstream_media_list_wrapper.columns-2 li.product.entry,
.wpstream_media_list_wrapper.columns-3 li.product.entry,
.wpstream_media_list_wrapper.columns-4 li.product.entry{
width: 100%;
}
}
.wpstream-video-title-overlay{
position: absolute;
top: 10px;
left: 10px;
background-color: #0000007d;
color: #fff;
padding: 5px 20px;
font-size: 15px;
border-radius: 4px;
opacity: 0;
transition: all 0.5s ease-in-out;
z-index: 99;
}.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-modal-dialog, .vjs-modal-dialog .vjs-modal-dialog-content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .vjs-button > .vjs-icon-placeholder:before {
text-align: center; }
@font-face {
font-family: VideoJS;
src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABBIAAsAAAAAGoQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3RY21hcAAAAYQAAADQAAADIjn098ZnbHlmAAACVAAACv4AABEIAwnSw2hlYWQAAA1UAAAAKwAAADYV1OgpaGhlYQAADYAAAAAbAAAAJA4DByFobXR4AAANnAAAAA8AAACE4AAAAGxvY2EAAA2sAAAARAAAAEQ9NEHGbWF4cAAADfAAAAAfAAAAIAEyAIFuYW1lAAAOEAAAASUAAAIK1cf1oHBvc3QAAA84AAABDwAAAZ5AAl/0eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGQ7xTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGBHcRdyA4RZgQRAC4HCwEAAHic7dFprsIgAEXhg8U61XmeWcBb1FuQP4w7ZQXK5boMm3yclFDSANAHmuKviBBeBPQ8ymyo8w3jOh/5r2ui5nN6v8sYNJb3WMdeWRvLji0DhozKdxM6psyYs2DJijUbtuzYc+DIiTMXrty4k8oGLb+n0xCe37ekM7Z66j1DbUy3l6PpHnLfdLO5NdSBoQ4NdWSoY9ON54mhdqa/y1NDnRnq3FAXhro01JWhrg11Y6hbQ90Z6t5QD4Z6NNSToZ4N9WKoV0O9GerdUJORPqkhTd54nJ1YDXBU1RV+576/JBs2bPYPkrDZt5vsJrv53V/I5mclhGDCTwgGBQQSTEji4hCkYIAGd4TGIWFAhV0RQTpWmQp1xv6hA4OTOlNr2zFANbHUYbq2OtNCpViRqsk+e+7bTQAhzti8vPfuPffcc88959zznbcMMPjHD/KDDGEY0ABpYX384NhlomIYlo4JISGEY9mMh2FSidYiqkEUphtNYDSY/dXg9023l4DdxlqUl0chuZRhncJKrsCQHIwcGuwfnhMIzBnuH4Sym+1D2zaGjheXlhYfD238z80mKYMmvJ5XeOTzd8z9eujbMxJNhu4C9xPE/bCMiDuSNIWgkTQwBE55hLSAE7ZwhrHLnAHZOGV/kmBGTiNjZxzI77Hb7Hqjz68TjT6vh+5JT/cCIkqS0D6CqPf5jX4Qjdx5j6vlDfZM4aZFdbVXIxtOlJaP/WottMnH6CJQ3bTiue3PrY23HjnChtuamxwvvzFjxkPrNj3z0tG9T561HDYf6OgmRWvlY3JQHoQb8ltV2Yet7YfWctEjR1AtxS/cSX6U4alf6NJEBQ7YKg9wrXQKd0IeZCb2ux75Uhh1Un+Nz+9LTOE7PK777nN5xqdTneTBhCbx446mZrhnUkrCz2YhA9dSMxaG0SYmT8hi9ZPu1E94PJYQSH6LRmhxec7Q7ZeXntgQuVpbh+a4qWNsckVyTdn0P7o7DpgPW84+uRcq0BITflBikGdUjAZ9wYBVI3mtrNvr9kpg1UsaK6t3690aoorC1lg0GpMH2HAMtkZjsSi5Ig9ESVosOh7GQfLjKNLvKpMKkLSKNFAka710GdgSi8oDMSoNhqjkKBXTgn3swtaxyzGkUzIzae9RtLdWkSlZ1KDX6EzgllzV4NV4SoDFSOGD4+HCeQUF8wrZ5Hs8zIb5EaVxy8DYFTbMCJPnLIWZxugZE2NlivC0gc1qEQUR8jEKgZcAXeH18BiCgl5nlHh0CrjB4Hb5fX4gb0J7c9PuHVsfgkx2n/vTY/JV8kn8PGxf7faOZ8qX8JVByuIf4whk9sqXli2hvPJV9hrp0hY7l8r2x37ydaVsb4xvXv/47v2NjfCl8m5oRDJclFMoE1yk0Uh1Te4/m8lFXe9qBZD0EkheicebXvzI2PLCuoKCukLuhPIeKwaHPEouxw3kMqaIUXDQ1p0mip+MyCORSCQaoUsnY1VZ38nUTrG21WvVo4f1OsEJFhvSfAFwGfT8VHRMeAVUpwLOoLzjT/REIj3O3FhuURE+nERF+0pTId5Fyxv5sfwGyg4O+my4vZv0sZm7oeQlFZORiB+tG0MweVNraeitl7yxiPIHTk4/diVxs94o5lEYishB2iAtkchEnsActoEpx44Fo8XnsQMaA22BlqC20RmhBKzYojZyYaxg+JggMc4HHY2m+L9EkWSYljirOisrO7d3VorxzyZ6Vc4lJqITAu1b2wOBdrLElAP+bFc2eGaZFVbkmJktv5uT6Jlz5D/MnBFor6ig/JPnRViBsV3LNKGGqB1ChJ0tgQywlVLFJIuQgTFttwkiKxhyQdAZMdMYtSaoAewqfvXVYPAbDT6/1mez85YS8FSDywQ6NfAnef6FNEGMilnppyvn5rB6tTyq1pOceRWnp2WJEZFXHeX5oyoem1nTTgdqc4heDY7bOeKz63vnz+/dRx+s31Ht2JGanQ5seirfWJL9tjozU/12TnEjn5oux9OzU3ckGbBzBwNOyk69JykKH0n/0LM9A72tuwM3zQpIRu4AxiToseEpgPOmbROyFe9/X2yeUvoUsCyEvjcgs7fpWP3/aKlFN0+6HFUe6D9HFz/XPwBlN9tTqNyZjFJ8UO2RUT5/h4CptCctEyeisnOyXjALEp7dXKaQKf6O7IMnGjNNACRMLxqdYJX8eMLvmmd68D+ayBLyKKYZwYxDt/GNhzETDJ05Qxlyi3pi3/Z93ndYVSumgj0V/KkIFlO6+1K3fF2+3g0q+YtuSIf0bvmLqV09nnobI6hwcjIP8aPCKayjsF5JBY3LaKAeRLSyYB1h81oTwe9SlPMkXB7G0mfL9q71gaqqwPqu67QRKS1+ObTx+sbQy9QV2OQHEScGkdFBeT7v7qisqqrs6N52i78/R+6S0qQONVj26agOVoswCyQWIV5D86vH53bxNUeXV0K+XZaHv/nm/KsHhOvylwsWnJX/HE8l/4WCv5x+l5n08z6UU8bUMa3MBpSmM7F63AxntdC9eBCKEZW9Hr+ABNqtxgAQrSbMtmrW7lKQuoSgBhSrTazWVU2QAKWY8wiiuhqFmQgWJBgoXiuWIm42N7hqZbBsgXz52O5P5uSvaNgFGnOuvsRw8I8Laha91wMvDuxqWFheN7/8GVtTltdS83DQsXRmqc5ZtcJXEVrlV2doTWk5+Yunm71dG5f55m/qY0MjI93vv9/NfpxXV9sUXrxy2fbNy1or65cOlDRnOoKFeeXcbw42H/bNDT5Qs3flgs31gWC1lD1nfUV/X7NdCnSUdHY2e8afzfKsqZ5ZljfDqjLOmk3UebNXB+aHArPYDRs+/HDDxeT5DiP+sFg7OpRaVQMGBV89PpeBdj22hCE0Uub0UqwLrNWsG0cuyadgLXTeR5rbO4+3c/vl15cur2nRq+TXCQDcS3SO+s6ak+e5/eMS+1dw3btu3YG2tvFL8XdIZvdjdW6TO/4B7IdrZWVPmctm5/59AgsPItTSbCiIBr2OqIGzmu20SMKAS7yqwGBUfGfgjDYlLLDeF0SfcLB2LSx8flT+08/kzz6yOj96rft4rpTjdPQcmLd47uKibbDq7ZSz/XtbH2nN717Nd62rU+c8Icevvv7I09wA6WvjVcafb+FsbNG+ZQ80Rn6ZZsvrP7teP2dzTdoETvNhjCmsr8FID2sJ69VYvdUcxk4AzYRlKcaE38eXNRlfW9H1as9i6acLHp1XpuNB5K7DIvkX08y1ZYvh3KfWaiCzH+ztrSDmD7LuX73x/mJelB8Yj39t8nhNQJJ2CAthpoFGLsGgtSOCJooCGoaJAMTjSWHVZ08YAa1Fg9lPI5U6DOsGVjDasJeZZ+YyhfCwfOzCxlBA69M9XLXtza7H/rav+9Tjq5xNi0wpKQIRNO4Lrzz7yp5QVYM6Jd/oc1Uvn/mQhhuWh6ENXoS2YTZ8QT42bF5d/559zp5r0Uff2VnR2tdf2/WCOd2cO0Mw6qpWPnvxpV0nrt5fZd2yItc199GWe8vlNfNDq+CH/7yAAnB9hn7T4QO4c1g9ScxsZgmzntnE/IDGndtHMw69lFwoCnYsMGx+rBp8JSBqdLzBr9QRPq/PbhWMWFtQZp1xguy/haw3TEHm3TWAnxFWQQWgt7M5OV0lCz1VRYucpWliy7z6Zd4urwPIyeZQqli2Lgg7szJV09PysATbOQtYIrB2YzbkJYkGgJ0m4AjPUap1pvYu1K9qr97z0Yl3p332b2LYB78ncYIlRkau/8GObSsOlZancACE5d5ily+c2+7h5Yj4lqhVmXXB+iXLfvdqSgqfKtQvfHDV0OnvQR1qhw42XS/vkvsh/hXcrDFP0a+SJNIomEfD1nsrYGO+1bgTOJhM8Hv6ek+7vVglxuSRwoKn17S937bm6YJCeSSG0Op1n+7tE37tcZ/p7dsTv4EUrGpDbWueKigsLHhqTVsoEj+JU0kaSjnj9tz8/gryQWwJ9BcJXBC/7smO+I/IFURJetFPrdt5WcoL6DbEJaygI8CTHfQTjf40ofD+DwalTqIAAHicY2BkYGAA4gDud4bx/DZfGbjZGUDg+q1z05BpdkawOAcDE4gCAB45CXEAeJxjYGRgYGcAARD5/z87IwMjAypQBAAtgwI4AHicY2BgYGAfYAwAOkQA4QAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhHicY2BkYGBQZChlYGcAASYg5gJCBob/YD4DABfTAbQAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2PyXLCMBBE3YCNDWEL2ffk7o8S8oCnkCVHC5C/jzBQlUP6IHVPzYyekl5y0iL5X5/ooY8BUmQYIkeBEca4wgRTzDDHAtdY4ga3uMM9HvCIJzzjBa94wzs+8ImvZNAq8TM+HqVkKxWlrQiOxjujQkNlEzyNzl6Z/cU2XF06at7U83VQyklLpEvSnuzsb+HAPnPfQVgaupa1Jlu4sPLsFblcitaz0dHU0ZF1qatjZ1+aTXYCmp6u0gSvWNPyHLtFZ+ZeXWVSaEkqs3T8S74WklbGbNNNq4LL4+CWKtZDv2cfX8l8aFbKFhEnJnJ+IULFpqwoQnNHlHaVQtPBl+ypmbSWdmyC61KS/AKZC3Y+AA==) format("woff");
font-weight: normal;
font-style: normal; }
.vjs-icon-play, .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-play:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder:before {
content: "\f101"; }
.vjs-icon-play-circle {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-play-circle:before {
content: "\f102"; }
.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
content: "\f103"; }
.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
content: "\f104"; }
.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
content: "\f105"; }
.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
content: "\f106"; }
.vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
content: "\f107"; }
.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
content: "\f108"; }
.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
content: "\f109"; }
.vjs-icon-square {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-square:before {
content: "\f10a"; }
.vjs-icon-spinner {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-spinner:before {
content: "\f10b"; }
.vjs-icon-subtitles, .video-js .vjs-subtitles-button .vjs-icon-placeholder, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-subtitles:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before {
content: "\f10c"; }
.vjs-icon-captions, .video-js .vjs-captions-button .vjs-icon-placeholder, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-captions:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before {
content: "\f10d"; }
.vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
content: "\f10e"; }
.vjs-icon-share {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-share:before {
content: "\f10f"; }
.vjs-icon-cog {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-cog:before {
content: "\f110"; }
.vjs-icon-circle, .video-js .vjs-play-progress, .video-js .vjs-volume-level, .vjs-seek-to-live-control .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-circle:before, .video-js .vjs-play-progress:before, .video-js .vjs-volume-level:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before {
content: "\f111"; }
.vjs-icon-circle-outline {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-circle-outline:before {
content: "\f112"; }
.vjs-icon-circle-inner-circle {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-circle-inner-circle:before {
content: "\f113"; }
.vjs-icon-hd {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-hd:before {
content: "\f114"; }
.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
content: "\f115"; }
.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
content: "\f116"; }
.vjs-icon-facebook {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-facebook:before {
content: "\f117"; }
.vjs-icon-gplus {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-gplus:before {
content: "\f118"; }
.vjs-icon-linkedin {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-linkedin:before {
content: "\f119"; }
.vjs-icon-twitter {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-twitter:before {
content: "\f11a"; }
.vjs-icon-tumblr {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-tumblr:before {
content: "\f11b"; }
.vjs-icon-pinterest {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-pinterest:before {
content: "\f11c"; }
.vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
content: "\f11d"; }
.vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
content: "\f11e"; }
.vjs-icon-next-item {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-next-item:before {
content: "\f11f"; }
.vjs-icon-previous-item {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-previous-item:before {
content: "\f120"; }
.video-js {
display: block;
vertical-align: top;
box-sizing: border-box;
color: #fff;
background-color: #000;
position: relative;
padding: 0;
font-size: 10px;
line-height: 1;
font-weight: normal;
font-style: normal;
font-family: Arial, Helvetica, sans-serif;
word-break: initial; }
.video-js:-moz-full-screen {
position: absolute; }
.video-js:-webkit-full-screen {
width: 100% !important;
height: 100% !important; }
.video-js[tabindex="-1"] {
outline: none; }
.video-js *,
.video-js *:before,
.video-js *:after {
box-sizing: inherit; }
.video-js ul {
font-family: inherit;
font-size: inherit;
line-height: inherit;
list-style-position: outside;
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-bottom: 0; }
.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3 {
width: 100%;
max-width: 100%;
height: 0; }
.video-js.vjs-16-9 {
padding-top: 56.25%; }
.video-js.vjs-4-3 {
padding-top: 75%; }
.video-js.vjs-fill {
width: 100%;
height: 100%; }
.video-js .vjs-tech {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
body.vjs-full-window {
padding: 0;
margin: 0;
height: 100%; }
.vjs-full-window .video-js.vjs-fullscreen {
position: fixed;
overflow: hidden;
z-index: 1000;
left: 0;
top: 0;
bottom: 0;
right: 0; }
.video-js.vjs-fullscreen {
width: 100% !important;
height: 100% !important;
padding-top: 0 !important; }
.video-js.vjs-fullscreen.vjs-user-inactive {
cursor: none; }
.vjs-hidden {
display: none !important; }
.vjs-disabled {
opacity: 0.5;
cursor: default; }
.video-js .vjs-offscreen {
height: 1px;
left: -9999px;
position: absolute;
top: 0;
width: 1px; }
.vjs-lock-showing {
display: block !important;
opacity: 1;
visibility: visible; }
.vjs-no-js {
padding: 20px;
color: #fff;
background-color: #000;
font-size: 18px;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
width: 300px;
height: 150px;
margin: 0px auto; }
.vjs-no-js a,
.vjs-no-js a:visited {
color: #66A8CC; }
.video-js .vjs-big-play-button {
font-size: 3em;
line-height: 1.5em;
height: 1.63332em;
width: 3em;
display: block;
position: absolute;
top: 10px;
left: 10px;
padding: 0;
cursor: pointer;
opacity: 1;
border: 0.06666em solid #fff;
background-color: #2B333F;
background-color: rgba(43, 51, 63, 0.7);
border-radius: 0.3em;
transition: all 0.4s; }
.vjs-big-play-centered .vjs-big-play-button {
top: 50%;
left: 50%;
margin-top: -0.81666em;
margin-left: -1.5em; }
.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
border-color: #fff;
background-color: #73859f;
background-color: rgba(115, 133, 159, 0.5);
transition: all 0s; }
.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
display: none; }
.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
display: block; }
.video-js button {
background: none;
border: none;
color: inherit;
display: inline-block;
font-size: inherit;
line-height: inherit;
text-transform: none;
text-decoration: none;
transition: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
.vjs-control .vjs-button {
width: 100%;
height: 100%; }
.video-js .vjs-control.vjs-close-button {
cursor: pointer;
height: 3em;
position: absolute;
right: 0;
top: 0.5em;
z-index: 2; }
.video-js .vjs-modal-dialog {
background: rgba(0, 0, 0, 0.8);
background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
overflow: auto; }
.video-js .vjs-modal-dialog > * {
box-sizing: border-box; }
.vjs-modal-dialog .vjs-modal-dialog-content {
font-size: 1.2em;
line-height: 1.5;
padding: 20px 24px;
z-index: 1; }
.vjs-menu-button {
cursor: pointer; }
.vjs-menu-button.vjs-disabled {
cursor: default; }
.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
display: none; }
.vjs-menu .vjs-menu-content {
display: block;
padding: 0;
margin: 0;
font-family: Arial, Helvetica, sans-serif;
overflow: auto; }
.vjs-menu .vjs-menu-content > * {
box-sizing: border-box; }
.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
display: none; }
.vjs-menu li {
list-style: none;
margin: 0;
padding: 0.2em 0;
line-height: 1.4em;
font-size: 1.2em;
text-align: center;
text-transform: lowercase; }
.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover,
.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
background-color: #73859f;
background-color: rgba(115, 133, 159, 0.5); }
.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover,
.js-focus-visible .vjs-menu li.vjs-selected:hover {
background-color: #fff;
color: #2B333F; }
.vjs-menu li.vjs-menu-title {
text-align: center;
text-transform: uppercase;
font-size: 1em;
line-height: 2em;
padding: 0;
margin: 0 0 0.3em 0;
font-weight: bold;
cursor: default; }
.vjs-menu-button-popup .vjs-menu {
display: none;
position: absolute;
bottom: 0;
width: 10em;
left: -3em;
height: 0em;
margin-bottom: 1.5em;
border-top-color: rgba(43, 51, 63, 0.7); }
.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
background-color: #2B333F;
background-color: rgba(43, 51, 63, 0.7);
position: absolute;
width: 100%;
bottom: 1.5em;
max-height: 15em; }
.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
max-height: 5em; }
.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
max-height: 10em; }
.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
max-height: 14em; }
.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
max-height: 25em; }
.vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
display: block; }
.video-js .vjs-menu-button-inline {
transition: all 0.4s;
overflow: hidden; }
.video-js .vjs-menu-button-inline:before {
width: 2.222222222em; }
.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js.vjs-no-flex .vjs-menu-button-inline {
width: 12em; }
.vjs-menu-button-inline .vjs-menu {
opacity: 0;
height: 100%;
width: auto;
position: absolute;
left: 4em;
top: 0;
padding: 0;
margin: 0;
transition: all 0.4s; }
.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
display: block;
opacity: 1; }
.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
display: block;
opacity: 1;
position: relative;
width: auto; }
.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
width: auto; }
.vjs-menu-button-inline .vjs-menu-content {
width: auto;
height: 100%;
margin: 0;
overflow: hidden; }
.video-js .vjs-control-bar {
display: none;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 3.0em;
background-color: #2B333F;
background-color: rgba(43, 51, 63, 0.7);
}
.video-js:not(.vjs-theme-default) .vjs-control-bar {
height: 4em;
}
.vjs-wpstream.vjs-default-skin .vjs-volume-panel {
height: 4em;
}
.vjs-wpstream.vjs-default-skin .vjs-live-control {
max-height: 100%;
}
.vjs-wpstream.vjs-default-skin .vjs-volume-panel .vjs-volume-control .vjs-volume-tooltip {
display: none;
}
.wpstream-spinner {
width: 40px;
height: 40px;
border: 4px solid #f3f3f3;
border-top: 4px solid #3498db;
border-radius: 50%;
animation: wpstream-spin 1s linear infinite;
margin: 0 auto;
}
@keyframes wpstream-spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
} .video-js.vjs-theme-fantasy .vjs-control {
height: 100%;
align-items: center;
}
.video-js.vjs-theme-fantasy .vjs-control-bar .vjs-play-control {
width: 4em;
}
.video-js.vjs-theme-fantasy .vjs-control-bar .vjs-play-control > .vjs-icon-placeholder::before {
margin-top: 0;
width: 1.3em;
}
.video-js.vjs-theme-fantasy .vjs-play-progress:before {
content: '';
}
.vjs-wpstream.vjs-theme-fantasy .vjs-play-control.vjs-button>.vjs-icon-placeholder:before {
font-size: 1.8em;
}
.vjs-wpstream.vjs-theme-fantasy .vjs-button > .vjs-icon-placeholder:before {
display: flex;
align-items: center;
width: 1.2em;
}
.wp-theme-hello-wpstream .vjs-wpstream.vjs-theme-fantasy .vjs-button > .vjs-icon-placeholder:before {
line-height: 1.9 !important;
}
.video-js.vjs-theme-fantasy .vjs-play-progress:before {
top: -.25em;
}
.video-js.vjs-theme-fantasy .vjs-play-progress {
background-color: var(--vjs-theme-fantasy--primary);
}
.vjs-wpstream.vjs-theme-fantasy .vjs-volume-panel .vjs-button > .vjs-icon-placeholder:before {
display: block;
line-height: 54px;
}
.vjs-wpstream.vjs-theme-fantasy .vjs-volume-panel .vjs-button > .vjs-icon-placeholder:before {
line-height: 1.9;
}
.wpstream-featured-player-wrapper .video-js.vjs-theme-fantasy .vjs-live-display {
margin: 0;
}  .video-js.vjs-theme-city .vjs-control-bar {
height: 60px;
}
.video-js.vjs-theme-city .vjs-control-bar .vjs-remaining-time {
display: flex;
align-content: center;
flex-wrap: wrap;
flex: 3 1;
line-height: 50px;
order: 1;
text-align: left;
height: 100%;
left: 20px;
}
.function_wpstream_live_event_player .video-js.vjs-theme-city .vjs-control-bar .vjs-remaining-time {
display: none;
}
.function_wpstream_live_event_player .video-js.vjs-theme-city .vjs-live-control {
flex: 3 1;
left: 20px;
}
.function_wpstream_live_event_player .video-js.vjs-theme-city .vjs-live-control .vjs-live-display {
background-color: #670000;
margin-top: 11px;
}
.video-js.vjs-theme-city .vjs-progress-control {
width: 100%;
position: absolute;
height: 20px;
}
.video-js.vjs-theme-city > .vjs-control-bar {
background-color: initial;
}
.video-js.vjs-theme-city > .vjs-control-bar > .vjs-play-control {
flex: 8 1;
}
.video-js.vjs-theme-city .vjs-progress-control .vjs-progress-holder {
margin: 0;
}
.video-js.vjs-theme-city .vjs-progress-control .vjs-volume-panel .vjs-volume-bar {
background-color: initial;
}
.video-js.vjs-theme-city .vjs-volume-panel .vjs-volume-bar {
background-color: initial;
}
.video-js.vjs-theme-city .vjs-volume-panel.vjs-volume-panel-horizontal:hover {
width: 3em;
}
.video-js.vjs-theme-city .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
width: 3em !important;
height: 100%;
opacity: 1;
}
.video-js.vjs-theme-city .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal {
height: 100%;
}
.video-js.vjs-theme-city .vjs-volume-panel > *,
.video-js.vjs-theme-forest .vjs-volume-panel > * {
transition: none !important;
}
.video-js.vjs-theme-city .vjs-volume-level,
.video-js.vjs-theme-forest .vjs-volume-level {
background-color: transparent !important;
}
.video-js.vjs-theme-city .vjs-volume-level:before {
position: relative;
}
.video-js.vjs-theme-city .vjs-volume-panel {
width: 34px !important;
flex: 1 !important;
padding-top: 0;
}
.video-js.vjs-theme-city .vjs-volume-bar:before {
position: relative;
}
.video-js.vjs-theme-city .vjs-volume-panel:not(:hover) .vjs-volume-control .vjs-mouse-display {
visibility: hidden;
}
.vjs-wpstream.vjs-theme-city .vjs-picture-in-picture-control,
.vjs-wpstream.vjs-theme-city .vjs-fullscreen-control,
.vjs-wpstream.vjs-theme-city .vjs-fullscreen-control:hover {
background-size: auto !important;
background-position: 50% 54% !important;
}  .video-js.vjs-theme-forest .vjs-control-bar {
height: 3em;
background-color: transparent;
}
.video-js.vjs-theme-forest .vjs-control-bar button .vjs-icon-placeholder:before, .vjs-wpstream .vjs-live-control {
line-height: 1.6;
}
.video-js.vjs-theme-forest .vjs-control-bar .vjs-picture-in-picture-control,
.video-js.vjs-theme-forest .vjs-control-bar .vjs-fullscreen-control {
width: 3em;
height: 3em;
}
.video-js.vjs-theme-forest .vjs-volume-panel.vjs-volume-panel-horizontal:hover {
width: 34px;
transition: none;
}
.video-js.vjs-theme-forest .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
transition: none;
}
.video-js.vjs-theme-forest .vjs-volume-panel .vjs-slider {
background-color: transparent;
}
.video-js.vjs-theme-forest .vjs-volume-panel:not(:hover) .vjs-volume-control .vjs-mouse-display {
visibility: hidden;
}
.video-js.vjs-theme-forest .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
width: 5em;
height: 3em;
opacity: 1;
}
.video-js.vjs-theme-forest .vjs-big-play-button .vjs-icon-placeholder {
display: block;
}
.video-js.vjs-theme-forest .vjs-progress-control:hover .vjs-time-tooltip,
.video-js.vjs-theme-forest .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
font-size: 1em;
}  .video-js.vjs-theme-sea .vjs-control-bar {
height: 4em;
}
.video-js.vjs-theme-sea .vjs-progress-control {
height: 4em;
}
.vjs-wpstream.vjs-theme-sea .vjs-time-control {
height: 4em;
line-height: 4em;
}
.video-js.vjs-theme-sea .vjs-volume-panel {
height: 4em;
}
.theme-hello-wpstream .function_wpstream_live_event_player .video-js.vjs-theme-sea .vjs-live-control .vjs-live-display {
background-color: #670000;
margin-top: 11px;
} .video-js .vjs-poster img {
width: 100%;
}
.vjs-has-started .vjs-control-bar {
display: flex;
visibility: visible;
opacity: 1;
transition: visibility 0.1s, opacity 0.1s; }
.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
visibility: visible;
opacity: 0;
transition: visibility 1s, opacity 1s; }
.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
display: none !important; }
.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
opacity: 1;
visibility: visible; }
.vjs-has-started.vjs-no-flex .vjs-control-bar {
display: table; }
.video-js .vjs-control {
position: relative;
text-align: center;
margin: 0;
padding: 0;
height: 100%;
width: 4em;
flex: none; }
.vjs-button > .vjs-icon-placeholder:before {
font-size: 1.8em;
line-height: 1.67; }
.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
text-shadow: 0em 0em 1em white; }
.video-js .vjs-control-text {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px; }
.vjs-no-flex .vjs-control {
display: table-cell;
vertical-align: middle; }
.video-js .vjs-custom-control-spacer {
display: none; }
.video-js .vjs-progress-control {
cursor: pointer;
flex: auto;
display: flex;
align-items: center;
min-width: 4em;
touch-action: none; }
.video-js .vjs-progress-control.disabled {
cursor: default; }
.vjs-live .vjs-progress-control {
display: none; }
.vjs-liveui .vjs-progress-control {
display: flex;
align-items: center; }
.vjs-no-flex .vjs-progress-control {
width: auto; }
.video-js .vjs-progress-holder {
flex: auto;
transition: all 0.2s;
height: 0.3em; }
.video-js .vjs-progress-control .vjs-progress-holder {
margin: 0 10px; }
.video-js .vjs-progress-control:hover .vjs-progress-holder {
font-size: 1.666666666666666666em; }
.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
font-size: 1em; }
.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
position: absolute;
display: block;
height: 100%;
margin: 0;
padding: 0;
width: 0; }
.video-js .vjs-play-progress {
background-color: #fff; }
.video-js .vjs-play-progress:before {
font-size: 0.9em;
position: absolute;
right: -0.5em;
top: -0.333333333333333em;
z-index: 1; }
.video-js .vjs-load-progress {
background: rgba(115, 133, 159, 0.5); }
.video-js .vjs-load-progress div {
background: rgba(115, 133, 159, 0.75); }
.video-js .vjs-time-tooltip {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.8);
border-radius: 0.3em;
color: #000;
float: right;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
padding: 6px 8px 8px 8px;
pointer-events: none;
position: absolute;
top: -3.4em;
visibility: hidden;
z-index: 1; }
.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
display: none; }
.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
display: block;
font-size: 0.6em;
visibility: visible; }
.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
font-size: 1em; }
.video-js .vjs-progress-control .vjs-mouse-display {
display: none;
position: absolute;
width: 1px;
height: 100%;
background-color: #000;
z-index: 1; }
.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
z-index: 0; }
.video-js .vjs-progress-control:hover .vjs-mouse-display {
display: block; }
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
visibility: hidden;
opacity: 0;
transition: visibility 1s, opacity 1s; }
.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
display: none; }
.vjs-mouse-display .vjs-time-tooltip {
color: #fff;
background-color: #000;
background-color: rgba(0, 0, 0, 0.8); }
.video-js .vjs-slider {
position: relative;
cursor: pointer;
padding: 0;
margin: 0 0.45em 0 0.45em; -webkit-touch-callout: none; -webkit-user-select: none;  -moz-user-select: none; -ms-user-select: none; user-select: none;
background-color: #73859f;
background-color: rgba(115, 133, 159, 0.5); }
.video-js .vjs-slider.disabled {
cursor: default; }
.video-js .vjs-slider:focus {
text-shadow: 0em 0em 1em white;
box-shadow: 0 0 1em #fff; }
.video-js .vjs-mute-control {
cursor: pointer;
flex: none; }
.video-js .vjs-volume-control {
cursor: pointer;
margin-right: 1em;
display: flex; }
.video-js .vjs-volume-control.vjs-volume-horizontal {
width: 5em; }
.video-js .vjs-volume-panel .vjs-volume-control {
visibility: visible;
opacity: 0;
width: 1px;
height: 1px;
margin-left: -1px;
}
.video-js .vjs-volume-panel {
transition: width 1s; }
.video-js .vjs-volume-panel:hover .vjs-volume-control,
.video-js .vjs-volume-panel:active .vjs-volume-control,
.video-js .vjs-volume-panel:focus .vjs-volume-control,
.video-js .vjs-volume-panel .vjs-volume-control:hover,
.video-js .vjs-volume-panel .vjs-volume-control:active,
.video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
visibility: visible;
opacity: 1;
position: relative;
transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s; }
.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
width: 5em;
height: 3em; }
.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
left: -3.5em; }
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
width: 9em;
transition: width 0.1s; }
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
width: 4em; }
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
height: 8em;
width: 3em;
left: -3000em;
transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s; }
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s; }
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
width: 5em;
height: 3em;
visibility: visible;
opacity: 1;
position: relative;
transition: none; }
.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
position: absolute;
bottom: 3em;
left: 0.5em; }
.video-js .vjs-volume-panel {
display: flex; }
.video-js .vjs-volume-bar {
margin: 1.35em 0.45em; }
.vjs-volume-bar.vjs-slider-horizontal {
width: 5em;
height: 0.3em; }
.vjs-volume-bar.vjs-slider-vertical {
width: 0.3em;
height: 5em;
margin: 1.35em auto; }
.video-js .vjs-volume-level {
position: absolute;
bottom: 0;
left: 0;
background-color: #fff; }
.video-js .vjs-volume-level:before {
position: absolute;
font-size: 0.9em; }
.vjs-slider-vertical .vjs-volume-level {
width: 0.3em; }
.vjs-slider-vertical .vjs-volume-level:before {
top: -0.5em;
left: -0.3em; }
.vjs-slider-horizontal .vjs-volume-level {
height: 0.3em; }
.vjs-slider-horizontal .vjs-volume-level:before {
top: -0.3em;
right: -0.5em; }
.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
width: 4em; }
.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
height: 100%; }
.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
width: 100%; }
.video-js .vjs-volume-vertical {
width: 3em;
height: 8em;
bottom: 8em;
background-color: #2B333F;
background-color: rgba(43, 51, 63, 0.7); }
.video-js .vjs-volume-horizontal .vjs-menu {
left: -2em; }
.vjs-poster {
display: inline-block;
vertical-align: middle;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: contain;
background-color: #000000;
cursor: pointer;
margin: 0;
padding: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%; }
.vjs-has-started .vjs-poster {
display: none; }
.vjs-audio.vjs-has-started .vjs-poster {
display: block; }
.vjs-using-native-controls .vjs-poster {
display: none; }
.video-js .vjs-live-control {
display: flex;
align-items: flex-start;
flex: auto;
font-size: 1em;
line-height: 3em; }
.vjs-no-flex .vjs-live-control {
display: table-cell;
width: auto;
text-align: left; }
.video-js:not(.vjs-live) .vjs-live-control,
.video-js.vjs-liveui .vjs-live-control {
display: none; }
.video-js .vjs-seek-to-live-control {
cursor: pointer;
flex: none;
display: inline-flex;
height: 100%;
padding-left: 0.5em;
padding-right: 0.5em;
font-size: 1em;
line-height: 3em;
width: auto;
min-width: 4em; }
.vjs-no-flex .vjs-seek-to-live-control {
display: table-cell;
width: auto;
text-align: left; }
.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
display: none; }
.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
cursor: auto; }
.vjs-seek-to-live-control .vjs-icon-placeholder {
margin-right: 0.5em;
color: #888; }
.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
color: red; }
.video-js .vjs-time-control {
flex: none;
font-size: 1em;
line-height: 3em;
min-width: 2em;
width: auto;
padding-left: 1em;
padding-right: 1em; }
.vjs-live .vjs-time-control {
display: none; }
.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
display: none; }
.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
display: none; }
.vjs-time-divider {
display: none;
line-height: 3em; }
.vjs-live .vjs-time-divider {
display: none; }
.video-js .vjs-play-control {
cursor: pointer; }
.video-js .vjs-play-control .vjs-icon-placeholder {
flex: none; }
.vjs-text-track-display {
position: absolute;
bottom: 3em;
left: 0;
right: 0;
top: 0;
pointer-events: none; }
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
bottom: 1em; }
.video-js .vjs-text-track {
font-size: 1.4em;
text-align: center;
margin-bottom: 0.1em; }
.vjs-subtitles {
color: #fff; }
.vjs-captions {
color: #fc6; }
.vjs-tt-cue {
display: block; }
video::-webkit-media-text-track-display {
-webkit-transform: translateY(-3em);
transform: translateY(-3em); }
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
-webkit-transform: translateY(-1.5em);
transform: translateY(-1.5em); }
.video-js .vjs-fullscreen-control, .video-js .vjs-picture-in-picture-control {
cursor: pointer;
flex: none; }
.vjs-playback-rate > .vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.vjs-playback-rate .vjs-playback-rate-value {
pointer-events: none;
font-size: 1.5em;
line-height: 2;
text-align: center; }
.vjs-playback-rate .vjs-menu {
width: 4em;
left: 0em; }
.vjs-error .vjs-error-display .vjs-modal-dialog-content {
font-size: 1.4em;
text-align: center; }
.vjs-error .vjs-error-display:before {
color: #fff;
content: 'X';
font-family: Arial, Helvetica, sans-serif;
font-size: 4em;
left: 0;
line-height: 1;
margin-top: -0.5em;
position: absolute;
text-shadow: 0.05em 0.05em 0.1em #000;
text-align: center;
top: 50%;
vertical-align: middle;
width: 100%; }
.vjs-loading-spinner {
display: none;
position: absolute;
top: 50%;
left: 50%;
margin: -25px 0 0 -25px;
opacity: 0.85;
text-align: left;
border: 6px solid rgba(43, 51, 63, 0.7);
box-sizing: border-box;
background-clip: padding-box;
width: 50px;
height: 50px;
border-radius: 25px;
visibility: hidden; }
.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
display: block;
-webkit-animation: vjs-spinner-show 0s linear 0.3s forwards;
animation: vjs-spinner-show 0s linear 0.3s forwards; }
.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
content: "";
position: absolute;
margin: -6px;
box-sizing: inherit;
width: inherit;
height: inherit;
border-radius: inherit;
opacity: 1;
border: inherit;
border-color: transparent;
border-top-color: white; }
.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
-webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; }
.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
border-top-color: white; }
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
border-top-color: white;
-webkit-animation-delay: 0.44s;
animation-delay: 0.44s; }
@keyframes vjs-spinner-show {
to {
visibility: visible; } }
@-webkit-keyframes vjs-spinner-show {
to {
visibility: visible; } }
@keyframes vjs-spinner-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@-webkit-keyframes vjs-spinner-spin {
100% {
-webkit-transform: rotate(360deg); } }
@keyframes vjs-spinner-fade {
0% {
border-top-color: #73859f; }
20% {
border-top-color: #73859f; }
35% {
border-top-color: white; }
60% {
border-top-color: #73859f; }
100% {
border-top-color: #73859f; } }
@-webkit-keyframes vjs-spinner-fade {
0% {
border-top-color: #73859f; }
20% {
border-top-color: #73859f; }
35% {
border-top-color: white; }
60% {
border-top-color: #73859f; }
100% {
border-top-color: #73859f; } }
.vjs-chapters-button .vjs-menu ul {
width: 24em; }
.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
vertical-align: middle;
display: inline-block;
margin-bottom: -0.1em; }
.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
font-family: VideoJS;
content: "\f10d";
font-size: 1.5em;
line-height: inherit; }
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
vertical-align: middle;
display: inline-block;
margin-bottom: -0.1em; }
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
font-family: VideoJS;
content: " \f11d";
font-size: 1.5em;
line-height: inherit; }
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-current-time,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-time-divider,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-duration,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-remaining-time,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-playback-rate,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-chapters-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-descriptions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-captions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-subtitles-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-audio-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-control, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-current-time,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-time-divider,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-duration,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-remaining-time,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-playback-rate,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-chapters-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-descriptions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-captions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-subtitles-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-audio-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-control, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-current-time,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-time-divider,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-duration,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-remaining-time,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-playback-rate,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-chapters-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-descriptions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-captions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subtitles-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-audio-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-control {
display: none; }
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
width: auto;
width: initial; }
.video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subs-caps-button {
display: none; }
.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-custom-control-spacer {
flex: auto;
display: block; }
.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer, .video-js:not(.vjs-fullscreen).vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer {
width: auto; }
.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-progress-control, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-progress-control {
display: none; }
.vjs-modal-dialog.vjs-text-track-settings {
background-color: #2B333F;
background-color: rgba(43, 51, 63, 0.75);
color: #fff;
height: 70%; }
.vjs-text-track-settings .vjs-modal-dialog-content {
display: table; }
.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
display: table-cell; }
.vjs-text-track-settings .vjs-track-settings-controls {
text-align: right;
vertical-align: bottom; }
@supports (display: grid) {
.vjs-text-track-settings .vjs-modal-dialog-content {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr;
padding: 20px 24px 0px 24px; }
.vjs-track-settings-controls .vjs-default-button {
margin-bottom: 20px; }
.vjs-text-track-settings .vjs-track-settings-controls {
grid-column: 1 / -1; }
.vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
.vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
grid-template-columns: 1fr; } }
.vjs-track-setting > select {
margin-right: 1em;
margin-bottom: 0.5em; }
.vjs-text-track-settings fieldset {
margin: 5px;
padding: 3px;
border: none; }
.vjs-text-track-settings fieldset span {
display: inline-block; }
.vjs-text-track-settings fieldset span > select {
max-width: 7.3em; }
.vjs-text-track-settings legend {
color: #fff;
margin: 0 0 5px 0; }
.vjs-text-track-settings .vjs-label {
position: absolute;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
display: block;
margin: 0 0 5px 0;
padding: 0;
border: 0;
height: 1px;
width: 1px;
overflow: hidden; }
.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
outline-style: solid;
outline-width: medium;
background-image: linear-gradient(0deg, #fff 88%, #73859f 100%); }
.vjs-track-settings-controls button:hover {
color: rgba(43, 51, 63, 0.75); }
.vjs-track-settings-controls button {
background-color: #fff;
background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
color: #2B333F;
cursor: pointer;
border-radius: 2px; }
.vjs-track-settings-controls .vjs-default-button {
margin-right: 1em; }
@media print {
.video-js > *:not(.vjs-tech):not(.vjs-poster) {
visibility: hidden; } }
.vjs-resize-manager {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
z-index: -1000; }
.js-focus-visible .video-js *:focus:not(.focus-visible) {
outline: none;
background: none; }
.video-js *:focus:not(:focus-visible),
.video-js .vjs-menu *:focus:not(:focus-visible) {
outline: none;
background: none; }.vjs-wpstream.vjs-theme-default .vjs-control-bar {
background-color: hsl(0 0% 100% / 0);
padding: 0px 12px;
height: auto;
height: 4em;
align-items: center;
}
.vjs-wpstream .vjs-control{
height: 44px;
width: 34px;
opacity: 0.87;
transition: 0.3s ease-out;
padding: 0px;
height: 3em;
width: 3em;
}
.video-js .vjs-progress-control{
width: 4em;
min-width: 4em;
}
.vjs-wpstream .vjs-button>.vjs-icon-placeholder:before {
font-size: 2.1em;
line-height: 44px;
line-height: 1.6;
}
.vjs-wpstream .button:hover,
.vjs-wpstream button:hover,
.vjs-wpstream input[type="button"]:hover,
.vjs-wpstream input[type="reset"]:hover,
.vjs-wpstream input[type="submit"]:hover {
background: transparent;
opacity: 1;
}
.vjs-wpstream  .vjs-live-control {
font-size: 1.1em;
line-height: 3em;
height: 4em;
align-items: center;
}
.vjs-wpstream  .vjs-live-control .vjs-live-display {
width: 4em;
}
.wpstream-featured-player-wrapper .vjs-live-display {
margin-top: 0 !important;
}
.vjs-wpstream .vjs-volume-panel .vjs-volume-control {
margin: 0px 0px 0px 0px;
}
.vjs-wpstream .vjs-volume-panel .vjs-volume-control .vjs-volume-tooltip {
position: static;
margin-top: -20px;
}
.vjs-wpstream .vjs-button{
background-color: transparent!important;
}
.vjs-wpstream  .vjs-fullscreen-control{
background-image: url(//www.urbancitypodcast.com/wp-content/plugins/wpstream/public/css/images/fullscreen_simple.svg)!important;
background-position: 50%!important;
background-repeat: no-repeat!important;
background-size: 40%!important;
}
.vjs-wpstream.vjs-fullscreen   .vjs-fullscreen-control{
background-image: url(//www.urbancitypodcast.com/wp-content/plugins/wpstream/public/css/images/fullscreen_full.svg)!important;
background-position: 50%!important;
background-repeat: no-repeat!important;
background-size: 40%!important;
}
.vjs-wpstream  .vjs-picture-in-picture-control{
background-image: url(//www.urbancitypodcast.com/wp-content/plugins/wpstream/public/css/images/pip_player.svg)!important;
background-position: 67% 54%!important;
background-repeat: no-repeat!important;
background-size: 50%!important;
}
.vjs-wpstream  .vjs-fullscreen-control:hover{
background-size: 40%!important;
}
.vjs-wpstream .vjs-fullscreen-control .vjs-icon-placeholder:before,
.vjs-wpstream .vjs-icon-fullscreen-enter:before {
content: "";
display: none;
}
.vjs-wpstream.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before, 
.vjs-wpstream .vjs-icon-fullscreen-exit:before{
}
.vjs-wpstream .vjs-time-control{
line-height: 44px;
line-height: 3em;
}
.vjs-wpstream .vjs-big-play-button{
border: .06666em solid #595656;
}
.video-js.vjs-default-skin .vjs-volume-panel {
transition: width 1s;
width: 4em;
}
.video-js.vjs-default-skin .vjs-volume-panel:hover .vjs-mute-control {
width: 4em;
}.wpstream-menu .item-body{
border: 1px solid #d6d9dd;
border-radius: 4px;
padding: 20px!important;
margin-bottom: 20px;
margin: 0px 10px 20px 10px;
}
body.wpstream-menu.buddypress .buddypress-wrap h4{
margin-bottom: 10px;
margin-top: 25px;
}
.wpstream_live_player_wrapper .vjs-controls-disabled .vjs-big-play-button, 
.wpstream_live_player_wrapper .vjs-error .vjs-big-play-button, 
.wpstream_live_player_wrapper .vjs-has-started .vjs-big-play-button, 
.wpstream_live_player_wrapper .vjs-using-native-controls .vjs-big-play-button {
display: none;
}
.wpstream_live_player_wrapper .video-js .vjs-big-play-button, 
.wpstream_player_container .video-js .vjs-big-play-button{
transform: none;
padding: 0px;
}
.wpstream_live_player_wrapper .vjs-error .vjs-error-display .vjs-modal-dialog-content{
display: none;;
}
.wpstream_live_player_wrapper .video-js .vjs-big-play-button:before, 
.wpstream_player_container .video-js .vjs-big-play-button:before{
font-size: 57px;   
}
.wpstream_player_container button.vjs-control,
.wpstream_player_container button.vjs-control{
border:none!important;
width: 40px;
height: 40px;
}
.activity-inner .wpstream_live_player_wrapper{
max-width: 715px;
}
body.wpstream-menu .buddypress-wrap button,
body.wpstream-menu .vjs-wpstream .vjs-live-control {
font-size: 12px;
transition: 0.3s ease-out;
border: 0px;
padding: 0px 20px;
line-height: 23px;
}
body.wpstream-menu  .vjs-wpstream .vjs-live-control{
padding-left: 20px;
}
body.wpstream-menu 
div.video-js .vjs-control-bar button.vjs-picture-in-picture-control .vjs-icon-placeholder:before{
display: none;
}
.video-js .vjs-volume-panel {
display: flex;
align-items: center;
align-content: center;
flex-wrap: wrap;
flex-direction: column;
justify-content: space-around;
height: 44px;
width: 34px;
}
div.video-js .vjs-control-bar button .vjs-icon-placeholder:before,
.vjs-wpstream .vjs-live-control {
line-height: 40px;
}
div.video-js .vjs-control-bar button.vjs-picture-in-picture-control .vjs-icon-placeholder:before{
content:"";
}.create_new_ppv_video{
margin-left: 30px;
}
.create_new_free_video{
margin-left: 15px;
}
.wpstream_no_chanel_add_channel{
display: inherit;
}
.pack_details_wrapper_transparent h3,
.pack_details_wrapper_transparent h3{
display: inline-block;
}
.wpstream_create_new_product_link{
display: inline-block;
margin-left: 20px;
font-size: 15px;
font-weight: bold;
}
.theme_options_tab_wpstream{
background: #fff;
border-left: 4px solid #fff;
box-shadow: 0 10px 31px 0 rgba(7,152,255,0.09);
margin: 15px;
padding: 20px;
font-family: 'Roboto', sans-serif;
box-shadow: 0 2px 4px rgb(0 25 60 / 8%);
border: 1px solid #e2e5e8;
border-radius: 5px;
}
.wpstream_upgrade_topbar{
background: #45a73f;
color: #fff;
cursor: pointer;
font-weight: 500;
transition: 0.3s ease-out;
text-decoration: none;
padding: 8px 10px;
font-size: 14px;
font-weight: 400;
border-radius: 5px;
margin-left: 30px;
}
.wpstream_upgrade_topbar:hover{
background: #378532;
color:#fff;
}
.wpstream_option_wrapper{
max-width: 70%;
padding: 30px 0px 0px 0px;
}
.wpstream_page_wpstream_settings .wpstream_option_wrapper{
display: flex;
justify-content: space-between;
gap: 10px;
max-width: 40%;
}
.wpstream_option, .wpstream_setting_event_unit_wrapper {
display: flex;
flex-direction: column;
clear: both;
margin-bottom: 20px;
position: relative;
max-width: 443px;
}
.wpstream_option input{
border: 1px solid #d6d6d6;
background-color: #fff;
color: #2c3338;
padding: 5px 10px;
width: 330px;
}
.wpstream_option label{
width: 100%;
float: left;
font-weight: 600;
font-size: 14px;
margin-bottom: 5px;
}
.wpstream_option .settings_details{
color: #999;
margin-top: 5px;
max-width: 365px;
}
.wpstream_option .wpstream-image-upload-wrapper {
margin-bottom: 10px;
}
.wpstream_option .wpstream-image-upload-wrapper .wpstream-image-preview {
margin: 10px 0;
max-width: 300px;
}
.wpstream_option .wpstream-image-upload-wrapper .wpstream-image-preview img {
max-width: 100%;
height: auto;
border: 1px solid #ddd;
padding: 5px;
background: #fff;
}
.wpstream_option .wpstream-image-upload-wrapper .wpstream-image-upload-buttons .button {
margin-right: 5px;
}
.event_list_unit_notification{
float:left;
width:100%;
margin-bottom: 10px;
}
.pack_details_wrapper{
background-color: #fff;
padding: 20px;
margin-bottom: 20px;
background: #fff;
margin: 15px 15px 0px 15px;
padding: 20px;
font-size: 15px;
font-family: 'Roboto', sans-serif;
box-shadow: 0 2px 4px rgb(0 25 60 / 8%);
border: 1px solid #e2e5e8;
border-radius: 5px;
}
.pack_details_wrapper_transparent{
background-color: transparent;
padding: 20px;
margin: 5px 15px 0px 15px;
padding: 20px 20px 0px 0px;
font-size: 17px;
font-family: 'Roboto', sans-serif;
}
.hide_stream_data{
display:none;
}
.show_stream_data{
display:block;
}
.event_thumb_wrapper{
margin-right: 15px;
min-width: 50px;
width: 50px;
height: 50px;
border: 0px solid #f0f0f0;
border-radius: 5px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.event_title{
width: 350px;
}
#wpstream-sidebar-meta .event_title{
display: none;
}
.event_list_unit  .event_title,
.event_list_unit h3{
margin-top: 0px;
color: #3b3b3b;
margin: 1em 0;
}
.event_list_unit{
color:#00193d;
background-color: #fff;
padding: 20px;
margin-bottom: 20px;
margin: 35px 15px 25px 15px;
padding: 25px 20px;
box-shadow: 0 2px 4px rgb(0 25 60 / 8%);
font-family: 'Roboto', sans-serif;
transition: 0.3s ease-out;
border-radius: 5px;
display: flex;
flex-direction: row;
align-content: center;
justify-content: flex-start;
align-items: center;
width: 900px;
position: relative;
border: 1px solid #e2e5e8;
}
div.video-js.vjs-has-started  button.vjs-big-play-button{
display:none;
}
.event_list_unit:hover{
box-shadow: 0 3px 23px 9px rgba(7,152,255,0.15);    
background-color: #fcfcfc;
}
.event_list_unit.wpstream_show_started {
background: #fff;
border: 1px solid #3dc93d;
}
.wpstream_options_col1{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
}
.wpstream_options_col2{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
}
.wpstream_channel_status {
position: absolute;
background-color: rgb(255 255 255);
color: red;
border-radius: 5px;
top: -10px;
left: 7px;
font-size: 12px;
padding: 4px 15px;
letter-spacing: 0.25px;
font-weight: 500;
.spinner {
display: block;
margin: 0 auto;
float: none;
}
}
.event_list_unit.wpstream_show_started .wpstream_channel_status{
color: #209320;
}
.wpstream-button-icon{
width: 37px;
height: 37px;
border: 0px solid #f0f0f0;
border-radius: 3px;
cursor: pointer;
display: inline-block;
margin-right: 10px;
text-align: center;
background-color: #f8f8f8;
}
.wpstream-button-icon:hover{
background-color:#e4e4e4;
}
.wpstream-button-icon svg{
max-width: 18px;
display: inline-block;
max-height: 20px;
line-height: 30px;
margin-top: 9px;
}
.wpstream-button-icon svg path{
fill: #828b9b;
fill: #5b5b5b;
}
#wpstream-sidebar-meta .event_list_unit{
padding: 0px;
box-shadow: none;
margin: 0px;
display: flex;
flex-direction: column;
align-content: center;
justify-content: flex-start;
align-items: flex-start;
width: auto;
border: none;
margin-top: 10px;
}
#wpstream-sidebar-meta .wpstream_options_col2{
margin-top: 10px;
}
#wpstream-sidebar-meta .wpstream_options_col1{
margin-top: 10px; 
}
#wpstream-sidebar-meta .event_list_unit.wpstream_show_started{
background-color: transparent
}
#wpstream-sidebar-meta .event_list_unit:hover{
transform:none;
background: #fff;
}
#wpstream-sidebar-meta .event_thumb_wrapper{
display:none;
}
#wpstream-sidebar-meta
#wpstream-sidebar-meta h3{
line-height: 25px;
}
#wpstream-sidebar-meta .wpstream_turning_on,
#wpstream-sidebar-meta .start_event{
width:100%;
box-sizing: border-box;
}
#wpstream-sidebar-meta .wpstream_event_streaming_local {
margin-left: 0px;
overflow: auto;
padding-right: 20px;
}
.wpstream_event_streaming_local{
margin-left: 0px;
height: 458px;
overflow: auto;
padding-right: 20px;
width: 456px;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
}
.basic-mode-notice {
color:#fff;
background: #f40000;
box-shadow: 0 1px 1px 0 rgb(0 0 0 / 10%);
margin: 5px 0px 15px 0px;
font-size: 14px;
padding: 10px;
border-radius: 10px;
}
.basic-mode-notice a {
color:#fff;
text-decoration: underline;
}
.wpstream_local_event_options_toggle_wrapper {
display: flex;
gap: 25px;
padding-bottom: 10px;
border-bottom: 1px solid #e4e4e4;
margin-bottom: 10px;
max-width: 443px;
}
.wpstream_local_event_options_toggle_wrapper .wpstream_local_event_options_toggle_info {
display: flex;
flex-direction: column;
}
input[type="checkbox"]:disabled + .wpstream_slider.round {
background: #e4e4e4;
cursor: not-allowed;
}
#wpstream-sidebar-meta .external_software_streaming{
margin-top: 10px;
}
#wpstream-sidebar-meta .start_external{
float: none;
padding: 0 10px;
font-size: 11px;
text-align: center;
}
#wpstream-sidebar-meta .start_webcaster{
float:none;
}
#wpstream-sidebar-meta .wpstream_channel_status{
padding: 10px 0px 10px 0px;
line-height: 24px;
box-sizing: border-box;
width: 100%;
position: relative;
left: 0px;
top: 0px;
font-size: 14px;
}
#wpstream-sidebar-meta .view_channel{
display: block;
margin-left: 0px;
margin-top: 10px;
display:none;
}
#wpstream-sidebar-meta  .how_to{
display: none;
}
.no_events_warning{
font-weight: bold;
font-size: 14px;
margin-left: 10px;
background: #fff;
border-left: 4px solid #fff;
-webkit-box-shadow: 0 1px 1px 0 rgb(0 0 0 / 10%);
box-shadow: 0 1px 1px 0 rgb(0 0 0 / 10%);
margin: 5px 15px 20px 15px;
padding: 20px 12px 20px 12px;
max-width: 915px;
border: 1px solid #e2e5e8;
border-radius: 5px;
}
.no_events_warning_mes{
display: inline-block;
}
.api_conected{
background:#45a73f;
padding: 5px 10px;
color: #fff;
margin-bottom: 0px;
width: 310px;
border-radius: 5px;
display: inline-block;
}
.api_not_conected{
background: #F24B4B;
padding: 5px 10px;
color: #fff;
border-radius: 5px;
width: auto;
display: inline-block;
}
.wpstream_error_curl{
margin: 10px 15px;
display: table;
}
.wpstream_notice_top{
border: 1px solid #c3c4c7;
box-shadow: 0 1px 1px rgb(0 0 0 / 4%);
margin: 5px 15px 0px 15px;
border-radius: 3px; 
}
.api_not_conected.wpstream_orange{
background:#FF5722;
}
.api_not_conected.wpstream_brown{
background: #cc410f;
}
.api_not_conected a{
color:#fff;
}
.event_list_unit  .event_title,
.event_list_unit  h3{
font-weight: 500;
font-size: 16px;
text-transform: capitalize;
position: relative;
line-height: 1.3em;
padding-right: 20px;
}
.wpstream_channel_item_id{
color: #5b5b5b;
font-size: 12px;
}
.wpstream_button {
border-radius: 2px;
padding: 5px 5px;
-webkit-appearance: none;
border: 0px solid #d9d9d9;
text-transform: uppercase;
background: #45a73f;
color: #fff;
cursor: pointer;
font-weight: 500;
transition: 0.3s ease-out;
font-size: 14px;
margin-right: 5px;
border-radius: 5px;
text-align: center;
display: inline-block;
margin-right: 10px;
.spinner {
float: none;
}
}
.wpstream_button:hover{
background:#378532;
}
.wpstream_button_action{
padding: 12px 25px;
}
.default-channel-settings-info {
padding-bottom: 20px;
font-size: 14px;
line-height: 1.4rem;;
}
.wpstream-save-settings {
display: flex;
align-items: center;
}
.wpstream-save-settings-error {
color: #f00;
}
.start_event.wpstream_button{
padding: 9px 20px;
width: auto;
min-width: 130px;
color: #7a88a3;
border: 1px solid #3dc93d;
color: #3b3b3b;
background-color: #eaf2f7;
background-color: #e8f7e8;
border: 1px solid #3dc93d85;
}
.wpstream_stop_event.wpstream_button{
padding: 9px 20px;
width: auto; 
min-width: 130px;
}
#wpstream-sidebar-meta .wpstream_stop_event.wpstream_button{
box-sizing: border-box;
width: 100%;
}
.start_event.wpstream_button:hover{
background: #45a73f;
color: #fff;
}
.stop_server,
.close_event.wpstream_button{
background: #c33a3a;
}
stop_server wpstream_button:hover,
.close_event.wpstream_button:hover{
background: #d21009;
}
.record_wrapper,
.event_list_unit_notificationx{
margin-bottom: 10px;
position:relative;
}
.encrypt_wrapper{
display:none;
}
.event_list_unit_notificationx{
font-size: 14px;
}
.event_list_unit_notificationx strong{
display: inherit;
margin-bottom: 5px;
}
.start_external{
display: inline-block;
padding: 0px 21px;
cursor: pointer;
line-height: 40px;
height: 38px;
background: #076d2a;
transition: 0.3s ease-out;
border-radius: 2px;
}
.start_external:hover{
background: #f7fcf8;
}
.wpstream_turning_on{
padding: 6px 20px;
width: auto;
min-width: 130px;
}
.start_event.wpstream_turning_on,
.wpstream_turning_on{
background: #ebe8fa;
border: 1px solid #D7D0F7;
color:#3b3b3b;
}
.start_event.wpstream_turning_on:hover,
.wpstream_turning_on:hover{
background: #d4d0e6;
border: 1px solid #D7D0F7;
color:#3b3b3b;
border: 1px solid #f199998a;
}
.wpstream_stop_event{
background: #ffe5e5;
border: 1px solid #ff4c4c8c;
color: #3b3b3b;
}
.wpstream_stop_event:hover{
background: #FF4C4C;
color: #fff;
}
.how_to{
margin-top:10px;
width: 100%;
height: auto;
}
.external_software_streaming{
margin-top: 30px;
width: 100%;
display: none;
}
.external_software_streaming_details{
background-color: rgba(13,110,253,0.12);
border-radius: 5px;
padding: 20px;
display: inline-block;
width: 420px;
}
.view_channel{
font-weight: 500;
font-size: 15px;
margin-left:30px;
display:none;
}
#wpstream-sidebar-meta .view_channel.show_stream_data{
display: block;
}
.view_channel.show_stream_data{
display: inline-block;
}
.event_list_stream_key_wrap{
margin-top:10px;
}
.multiple_warning_events{
margin-top: 5px;
}
.server_ready_live{
padding: 6px 13px;
background-color: #6b936b;
color: #fff;
display: inline-block;
margin-bottom: 6px;
}
.server_not_ready_live{
display: inline-block;
padding: 3px 5px;
background-color: #f40000; 
color:#fff;
}
.error_notice{
background: #f40000;
color:#fff;
width:100%;
padding: 5px;
margin-bottom: 5px;
display: inline;
}
#wpstream-sidebar-meta .error_notice{
display: block;
}
.curl_error{
background: #f40000;
color:#fff;
width:100%;
padding: 5px;
margin-bottom: 5px;
}
.curl_error a{
color:#fff;
}
.server_loading{
display:none;
margin-left: 10px;
}
.wpstream_live_key_text,
.wpstream_live_uri_text{
display: inline;
width: 250px;
float: left;
}
.wpstream_live_uri_text.wpstream_larix_rtmp{
width: 345px;
}
.copy_live_key,
.copy_live_uri{
display: inline;
background: #688ed8;
color: #ffffff;
padding: 5px 10px;
margin-left: 10px;
cursor: pointer;
font-size: 12px;
text-transform: uppercase;
border-radius: 5px;
font-weight: 400;
letter-spacing: 0.03em;
border: 1px solid #5f83c8;
transition: 0.3s ease-out;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.wpstream_start_with_larix_mobile{
background: #688ed8;
padding: 20px;
color: #fff;
border-radius: 6px;
text-decoration: none;
color: #ffffff;
padding: 15px 15px;
margin-left: 10px;
cursor: pointer;
font-size: 12px;
text-transform: uppercase;
margin: 0px 0px 0px 0px;
display: inline-block;
}
.wpstream_start_with_larix_mobile:hover{
background: #5878b5;
color:#fff;
}
.copy_live_key:hover,
.copy_live_uri:hover{
background: #5878b5;
}
.show_if_subscription.hide_movieon{
display:none;
}
.pricing.hide_movieon{
display:block;
} .wpstream_social_media_broadcast{
display: inline-block;
display: none;
}
.wpstream_social_media_unit{
display: inline-block;
margin-right: 20px;
background: #f3f3f3;
padding: 9px;
margin-top: 10px;
font-weight: 500;
}
#wpstream-sidebar-meta .wpstream_social_media_unit{
width: 100%;
box-sizing: border-box;
float: left;
}
#wpstream-sidebar-meta .wpstream_social_stream_container{
width: 100%;
box-sizing: border-box;
float: left;
}
.wpstream_social_stream_container{
background: #f3f3f3;
padding: 9px;
min-height: 30px;
width: 466px;
margin: 10px 0px;
display: none;
}
.wpstream_social_stream_container label{
display:block;
}
.wpstream_twich_rtmp,
.wpstream_youtube_rtmp{
width:300px;
}
#wpstream-sidebar-meta .wpstream_twich_rtmp,
#wpstream-sidebar-meta .wpstream_youtube_rtmp{
width:100%;
} .wpstream_upload_alert{
color: #fff;
font-size: 17px;
background-color: #e16767;
display: inline-block;
margin-left: 20px;
padding: 15px;
}
.wpstream_video_wrapper{
background-color: #fff;
padding: 20px;
margin-bottom: 20px;
background: #fff;
margin: 5px 15px 20px 15px;
padding: 20px;
font-family: 'Roboto', sans-serif;
box-shadow: 0 2px 4px rgb(0 25 60 / 8%);
border: 1px solid #e2e5e8;
border-radius: 5px;
}
.wpstream_video_status {
padding: 5px;
font-weight: 500;
color: #fff;
font-size: 12px;
background-color: #e16767;
}
.wpstream_video_status.ispublished{
background: #078407;
}
.wpstream_video_title{
margin-top: 10px;
font-size: 15px;
font-weight: 600;
}
.storage_file_size{
background-color: #eff0f1;
border-radius: 3px;
padding: 3px 5px;
font-size: 13px;
margin-left: 20px;
font-weight: 500;
}
.video_stream_label{
font-weight: 600;
margin-right: 10px;
}
.storage_file_name{
margin-right: 5px;
}
.wpstream_delete_media,
.wpstream_get_download_link{
cursor: pointer;
background-color: #45a73f;
color: white;
padding: 5px 14px;
display: inline-block;
margin-top: 10px;
margin-right: 10px;
transition: 0.3s ease-out;
border-radius: 3px;
}
.wpstream_delete_media:hover,
.wpstream_get_download_link:hover{
background: #378532;
}
.wpstream_download_link{
display:none;
line-height: 25px;
}
.wpstream_video_notice{
display: inline;
margin-left: 10px;
background: #888;
padding: 5px;
color: #fff;
display:none;
}
.wpstream_upload_container {
background-color: #fff;
padding: 20px;
margin-bottom: 20px;
background: #fff;
margin: 5px 15px 2px 15px;
padding: 20px;
min-height: 40px;
font-family: 'Roboto', sans-serif;
box-shadow: 0 2px 4px rgb(0 25 60 / 8%);
border: 1px solid #e2e5e8;
border-radius: 5px;
}
.bar {
background-color: #28de23;
border-right-color: #99d;
padding: 5px;
margin-bottom: 5px;
}
#wpstream_uploaded_mes{
font-weight: 600;
margin-bottom: 5px;
}
.direct-upload{
width:100%;
position:relative;
}
#wpstream_media_upload h3,
#wpstream_file_management h3{
margin-left: 20px;
font-family: 'Roboto', sans-serif;
margin-top: 35px;
}
.wpstream_form_ex{
font-size: 20px;
text-align: center;
padding: 40px 0px 20px 0px;
text-transform: uppercase;
font-weight: 500;
color: #999;
}
.wpstream_form_ex_details{
width: 70%;
margin: 0px auto;
padding: 0px 0px 30px 0px;
text-align: center;
}
.wpstream_file_drop_color{
background-color: #ededed;
border-radius: 5px;
}
.direct-upload .progress-bar-area{
position: absolute;
width: 98%;
top: 66px;
left: 0.75%;
}
#wpstream_upload{
background: #078407;
margin: 10px;
}
.js .inputfile {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1;
}
.inputfile + label {
max-width: 80%;
font-size: 14px; font-weight: 700;
text-overflow: ellipsis;
white-space: nowrap;
cursor: pointer;
display: inline-block;
overflow: hidden;
padding: 0.625rem 1.25rem; }
.no-js .inputfile + label {
display: none;
}
.inputfile:focus + label,
.inputfile.has-focus + label {
outline: 1px dotted #000;
outline: -webkit-focus-ring-color auto 5px;
}
.inputfile + label svg {
width: 1em;
height: 1em;
vertical-align: middle;
fill: currentColor;
margin-top: -0.25em; margin-right: 0.25em; } .inputfile-1 + label {
color: #ffffff;
background-color: #45a73f;
margin: 10px 10px 10px 0px;
transition: 0.3s ease-out;
border-radius: 5px;
}
.inputfile-1:focus + label,
.inputfile-1.has-focus + label,
.inputfile-1 + label:hover {
background-color: #5a9544;
}
.wpstream-tooltip {
cursor: pointer;
color: #0073aa;
vertical-align: middle;
}
.wpstream-tooltip:hover {
opacity: 0.8;
}
.wpstream_setting_event_unit_wrapper{
position:relative;
margin-bottom: 10px;
width: 100%;
}
.wpstream_setting_event_unit_wrapper .settings_details{
max-width: 365px;
}
.wpstream_modal_form .wpstream_setting_event_unit_wrapper .settings_details{
color: #666;
margin-top: 5px;
}
label.wpstream_switch {
position: relative;
display: inline-block;
width: 53px;
min-width: 53px;
height: 25px;
top: 12px;
}
.wpstream_switch input { 
opacity: 0;
width: 0;
height: 0;
}
.wpstream_slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
text-align: center;
line-height: 25px;
font-size: 11px;
font-weight: 500;
color: #666;
}
.wpstream_slider:before {
position: absolute;
content: "";
height: 18px;
width: 18px;
left: 4px;
bottom: 4px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
z-index: 1;
}
.wpstream_slider:after {
content: "OFF";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
line-height: 25px;
z-index: 0;
text-align: right;
margin-right: 8px;
}
input:checked + .wpstream_slider {
background-color: #2196F3;
color: #fff;
}
input:checked + .wpstream_slider:after {
content: "ON";
text-align: left;
margin-left: 8px;
}
input:focus + .wpstream_slider {
box-shadow: 0 0 1px #2196F3;
}
input:checked + .wpstream_slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
} .wpstream_slider.round {
border-radius: 25px;
}
.wpstream_slider.round:before {
border-radius: 50%;
}
.wpstream_event_streaming_local .wpstream_setting_event_unit_wrapper{
margin-bottom: 10px;
}
.wpstream_event_streaming_local .wpstream_setting_event_unit_wrapper label,
.wpstream_local_event_options_toggle_wrapper .wpstream_local_event_options_toggle_info label {
font-weight: 700;
font-size: 14px;
left: 395px;
}
#wpstream-sidebar-meta .wpstream_setting_event_unit_wrapper label,
.wpstream_page_wpstream_live_channels .event_list_unit .wpstream_setting_event_unit_wrapper label {
left: auto;
right: 0px;
}
#wpstream-sidebar-meta .settings_details{
padding-right: 60px;
} .wpstream_sharing_social{
color: #696969;
text-decoration: none;
margin: 0px;
font-size: 12px;
display: inline-block;
}
.wpstream_sharing_social .dashicons {
font-size: 32px;
background-color: #f9f9f9;
width: 91px;
height: 91px;
border-radius: 5px;
line-height: 91px;
color: #1d447d;
margin-right: 25px;
color: #828b9b;
border: 1px solid rgba(13,110,253,0.12);
margin-top: 25px;
}
.wpstream_sharing_social:nth-of-type(4n) .dashicons{
margin-right: 0px;
}
.wpstream_sharing_social .dashicons:hover{
background-color: rgba(13,110,253,0.12);
color: #0d6efd;
}
.wpstream_sharing_social:focus{
box-shadow:none;
outline:0px;
}
#wpstream-sidebar-meta .wpstream_social_share_wrapper{
position: relative;
right:auto;
top: auto;
font-size: 13px;
margin: 10px 0px 0px 0px;
}
#wpstream-sidebar-meta .wpstream_sharing_social{
margin: 0px 0px;
}
.how_to_videos{
display: inline-block;
width: 100%;
}
.wpstream_pagination{
list-style: none;
display: inline;
float:left;
padding-left: 15px;
}
.wpstream_pagination li{
display: inline-block;
border: 1px solid #d8dada;
min-width: 20px;
text-align: center;
margin-right: 5px;
border-radius: 3px;
padding: 5px;
background: #fff;
}
.wpstream_pagination li a{
text-decoration: none; 
color:#3c434a;
}
.wpstream_pagination li:empty{
display:none;
}
.wpstream_pagination li.active{
background: #f5f5fb;
}
.wpstream_modal_background{
position: fixed;
z-index: 1001;
top:0px;
bottom: 0px;
left: 0px;
right: 0px;
background-color:rgb(0 20 40 / 86%);
opacity: 0.5;
display: none;
}
.wpstream_modal_form{
width: 460px;
height: 460px;
background-color: #fff;
position: fixed;
top: 50%;
margin-top: -230px;
left: 50%;
margin-left: -230px;
display: none;
z-index: 1002;
padding: 30px;
border-radius: 5px;
}
.wpstream_modal_form.wpestate_settings_modal{
height: 600px;
margin-top: -257px;
}
.wpstream_modal_form h3{
font-size: 20px;
}
.wpstream_close_modal{
width:30px;
height: 30px;
background-color: rgba(13,110,253,0.12);
position: absolute;
top:15px;
right: 15px;
border-radius: 3px;
cursor: pointer;
background-image: url(//www.urbancitypodcast.com/wp-content/plugins/wpstream/img/closeicon4.png);
background-repeat: no-repeat;
background-position: center;
}
.wpstream_close_modal:hover{
background-color: rgba(13,110,253,0.32);
}
.wpstream_tooltip_wrapper{
position: relative;
}
.wpstream_tooltip_disabled,
.wpstream_tooltip{
position: absolute;
border-radius: 3px;
background-color: rgb(0 20 40 / 86%);
color: #fff;
font-size: 13px;
text-transform: capitalize;
padding: 5px 10px;
bottom: -38px;
left: -15%;
z-index: 10;
transition: all 0.2s cubic-bezier(0.5, 0, 0.5, 1);
transition-delay: .2s;
white-space: nowrap;
opacity: 0;
pointer-events: none;
}
.wpstream_button .wpstream_tooltip{
white-space: normal;
width: 200px;
bottom: -10px;
transform: translate(0, 100%);
}
.wpstream_tooltip_disabled:after,
.wpstream_tooltip:after{
position: absolute;
content: " ";
width: 0;
height: 0;
top: -6px;
left: 20px;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid rgb(0 20 40 / 86%);
}
.wpstream_button .wpstream_tooltip:after{
left: 50%;
margin-left: -7px;
}
#wpstream-sidebar-meta .wpstream_tooltip_disabled,
#wpstream-sidebar-meta .wpstream_tooltip{
left: 0%;
width: 93%;
pointer-events: none;
}
#wpstream-sidebar-meta .wpstream-button-icon .wpstream_tooltip_disabled,
#wpstream-sidebar-meta .wpstream-button-icon .wpstream_tooltip{
width: auto;
pointer-events: none;
}
#wpstream-sidebar-meta .wpstream_statistics_channel .wpstream_tooltip_disabled{
left: -50px;
}
#wpstream-sidebar-meta .wpstream_statistics_channel .wpstream_tooltip_disabled:after{
left: 62px!important;
}
#wpstream-sidebar-meta .wpstream_stream_pro .wpstream_tooltip{
left: -50px;
}
#wpstream-sidebar-meta .wpstream_stream_pro .wpstream_tooltip:after{
left: 62px!important;
}
#wpstream-sidebar-meta .wpstream_edit_channel{
display: none;
}
#wpstream-sidebar-meta .wpstream_tooltip_wrapper.wpstream-button-icon .wpstream_tooltip_disabled:after,
#wpstream-sidebar-meta .wpstream_tooltip_wrapper.wpstream-button-icon .wpstream_tooltip:after{
left:10px;
}
.wpstream_inactive_icon{
cursor: not-allowed;
}
.wpstream_inactive_icon svg{
opacity: 0.35;
}
.wpstream_error_modal_notification{
width: 500px;
background-color: #fff;
position: fixed;
top: 50%;
margin-top: -250px;
left: 50%;
margin-left: -250px;
display: none; 
z-index: 1002;
padding: 20px;
border-radius: 5px;
font-size: 15px;
}
.wpstream_error_ok{
padding: 8px;
text-transform: uppercase;
margin: 0px auto;
display: block;
float: none;
width: 100px;
position: relative;
margin-top: 20px;
}
.wpstream_external_broadcast_options{
width: 50%;
border: 1px solid #6666;
}
.wpstream_modal_explanations{
margin-top: 15px;
margin-bottom: 5px;
font-size: 14px;
color: #666;
line-height: 1.6em;
}
.wpstream_modal_explanations li{
margin-bottom: 2px;
}
.wpstream_modal_explanations li {
margin-bottom: 2px;
line-height: 1.6em;
}
.print_qrcode{
position: absolute;
top: 73px;
right: 12px;
width: 75px;
}
.wpstream_loader {
width: 8px;
height: 8px;
border: 1px solid #a5a8a4;
border-radius: 50%;
display: inline-block;
position: relative;
-webkit-animation: rotation 1s linear infinite;
animation: rotation 1.3s linear infinite;
margin-left: 14px;
top: 0px;
}
.wpstream_loader:after {
content: "";
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 18px;
height: 18px;
border-radius: 50%;
border: 1px solid;
border-color: #FF3D00 transparent;
}      .wpstream_options_help a{
display: inline-block;
position: relative;
white-space: nowrap;
background-color: green;
color: #fff;
border-radius: 3px;
padding: 5px 10px;
text-decoration: none;
background-color: #2196F3;
}
@media only screen and (max-width:1099px){
.wpstream_upgrade_topbar{
display: block;
margin-left: 0px;
margin-top: 30px;
width: 175px;
text-align: center;
}
.event_list_wrapper{
display: flex;
width: 100%;
margin: 5px 0px 25px 0px;
flex-direction: column;
}
.event_list_unit{
flex-direction: column;
align-content: center;
justify-content: flex-start;
align-items: flex-start;
width: auto;
position: relative;
border: 1px solid #e2e5e8;
}
.wpstream_stop_event.wpstream_button,
.start_event.wpstream_button,
.wpstream_stop_event,
.wpstream_turning_on, 
.start_event {
width: 100%;
box-sizing: border-box;
margin-bottom: 10px;
max-width: 170px;
}
.wpstream_options_col1{
margin-bottom: 10px;
}
.wpstream_options_col2{
margin-bottom: 10px;
}
.event_title{
width: 100%;
}
.wpstream_modal_form.wpestate_settings_modal,
.wpstream_modal_form {
z-index: 99999;
margin-top: 0px;
top: 0px;
overflow-y: auto;
}
.wpstream_modal_form {
width: 100%;
height: 100%;
background-color: #fff;
position: fixed;
top: 0;
margin-top: 0;
left: 0;
margin-left: 0;
display: none;
z-index: 99999;
padding: 0px 30px;
border-radius: 0px;
box-sizing: border-box;
}
.wpstream_modal_explanations{
width: 100%;
box-sizing: border-box;
}
.wpstream_modal_form.wpestate_settings_modal {
height: 100%;
margin-top: 0px;
overflow-y: auto;
}
.wpstream_sharing_social .dashicons {
margin-right: 15px;
width: 80px;
height: 80px;
}
.wpstream_sharing_social:nth-of-type(4n) .dashicons {
margin-right:15px;
}
}
@media only screen and (max-width:500px){
.external_software_streaming_details{
width: 280px;
}
.copy_live_key, 
.copy_live_uri{
margin: 15px 0px 0px 0px;
display: inline-block;
}
.wpstream_close_modal{
z-index: 99999;
}
.wpstream_live_uri_text.wpstream_larix_rtmp,
.wpstream_live_uri_text{
width: 280px;
word-break: break-all;
}
}
.wpstream_theme_event_list_unit {
.spinner {
visibility: visible;
background-repeat: no-repeat;
height: 20px;
background-size: contain;
background-position-x: center;
}
}html {
margin-top: 0 !important;
}
body {
background: #F8F8F8;
}
body.wpstream-broadcaster-page {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
background-color: #F8F8F8;
margin: 0;
color: #333;
padding: 0 15px;
}
body.wpstream-broadcaster-page #wpadminbar {
display: none;
} .broadcaster-header {
background-color: #f8f9fa!important;
box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.05);
padding: 10px 0;
top: 0;
left: 0;
right: 0;
z-index: 100;
}
.header-container {
display: flex;
justify-content: space-between;
align-items: center;
margin: 0 auto;
padding: 0 20px;
}
.header-logo {
padding: .3125rem 0;
}
.header-logo img {
width: auto;
}
.header-nav {
display: flex;
align-items: center;
}
.nav-item {
font-size: 16px;
font-weight: 500;
color: #333;
}
#messageContainer {
display: flex;
margin-top: 1rem;
justify-content: center;
} .broadcaster-container {
margin-top: 70px;
} .broadcaster-container {
max-width: 1500px;
margin: 0 auto;
padding: 20px;
}
.broadcaster-container .video-live-indicator {
position: absolute;
top: 0.5em;
left: 1.5em;
opacity: 90%;
z-index: 3;
}
.broadcaster-container .video-live-indicator .badge {
display: inline-block;
padding: .25em .4em;
font-size: 75%;
font-weight: 700;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25rem;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.broadcaster-container .video-live-indicator .badge.badge-pill {
padding-right: .6em;
padding-left: .6em;
border-radius: 10rem;
}
.broadcaster-container .video-live-indicator .badge.badge-danger {
color: #fff;
background-color: #d63638;
}
.broadcaster-container .video-live-indicator .badge.badge-warning {
color: #212529;
background-color: #ffc107;
}
.video-container {
flex: 2;
position: relative;
width: 100%;
height: auto;
background-color: #EEEEEE;
margin-bottom: 20px;
border-radius: 4px;
overflow: hidden;
}
#localVideo {
position: relative;
z-index: 2;
width: 100%;
background-color: #EEEEEE;
}
.controls-container {
display: flex;
flex-wrap: wrap;
gap: 15px;
margin-bottom: 20px;
}
.button {
background-color: #2271b1;
border: none;
color: white;
padding: 10px 20px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
border-radius: 4px;
transition: background-color 0.3s;
}
.button:hover {
background-color: #135e96;
}
.button.start-broadcast {
background-color: #066AA6;
width: 100%;
}
.button.stop-broadcast {
background-color: #2c3338;
width: 100%;
}
.status-container {
display: none;
padding: 15px;
background-color: #fff;
border-radius: 4px;
margin-bottom: 20px;
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.wrapper {
display: flex;
gap: 15px;
}
.status-indicator {
display: inline-block;
width: 12px;
height: 12px;
border-radius: 50%;
margin-right: 8px;
background-color: #ccc;
}
.status-indicator.connected {
background-color: #00a32a;
}
.status-indicator.disconnected {
background-color: #d63638;
}
.status-indicator.connecting {
background-color: #f0c33c;
}
.settings-panel {
flex: 1;
background-color: #fff;
border-radius: 4px;
padding: 15px;
margin-bottom: 20px;
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.settings-row {
display: flex;
flex-wrap: wrap;
gap: 20px;
margin-bottom: 15px;
}
.settings-row .settings-group .input-group {
display: flex;
flex-direction: row;
align-items: center;
}
.settings-row .settings-group .input-group #audioBitrate {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.settings-row .settings-group .input-group input {
flex: 1;
font-size: 1rem;
}
.settings-row.media-row {
display: flex;
flex-direction: column;
gap: 10px;
}
.settings-row .settings-group .input-group .input-suffix {
background-color: #e9ecef;
padding: .375rem .75rem;
border: 1px solid #ced4da;
border-radius: .25rem;
font-size: 1rem;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-left: 0;
}
.settings-group {
flex: 1; }
.settings-group label {
display: block;
margin-bottom: 5px;
font-weight: 500;
font-size: 1rem;
}
.settings-group .controls-group {
display: flex;
gap: 10px;
}
.settings-group .controls-group button {
background: #FFFFFF;
border: 1px solid #B2B3B5;
box-sizing: border-box;
border-radius: 6px;
}
.hidden {
display: none;
}
.info-message {
color: #0056b3;
background-color: #e9f5ff;
padding: 10px;
border-left: 4px solid #0056b3;
margin-bottom: 15px;
}
.error-message {
color: #d63638;
background-color: #fcf0f1;
padding: 10px;
border-left: 4px solid #d63638;
margin-bottom: 15px;
max-width: 83.33%;
flex: 0 0 83.333333%;
}
.error-message a {
color: #d63638;
text-decoration: underline;
}
.info-message,
.error-message {
position: relative;
padding: 1rem;
padding-right: 2.5rem; }
.error-message .dismiss-message {
position: absolute;
top: 50%;
right: 0.5rem;
transform: translateY(-50%);
background: none;
border: none;
font-size: 1.5rem;
line-height: 1;
color: inherit;
cursor: pointer;
opacity: 0.7;
padding: 0.5rem;
}
.error-message .dismiss-message:hover {
opacity: 1;
}
.success-message {
color: #00a32a;
background-color: #edfaef;
padding: 10px;
border-left: 4px solid #00a32a;
margin-bottom: 15px;
}
.stats-container {
display: flex;
flex-direction: column;
gap: 10px;
font-size: 14px;
}
.stat-item {
background-color: #f0f0f1;
padding: 5px 10px;
border-radius: 4px;
}
.settings-group select {
color: #495057;
width: 100%;
padding: 8px 12px;
border-radius: 4px;
border: 1px solid #ccc;
background-color: #fff;
font-size: 1rem;
appearance: menulist;
background-image: none;
-webkit-appearance: menulist;
}
.settings-group select:focus {
outline: none;
border-color: #2271b1;
box-shadow: 0 0 0 1px #2271b1;
}
.settings-group select:disabled {
background-color: #f0f0f1;
cursor: not-allowed;
opacity: 0.7;
}@font-face {
font-family: swiper-icons;
src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
font-weight: 400;
font-style: normal
}
:root {
--swiper-theme-color: #007aff
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1
}
.swiper-vertical>.swiper-wrapper {
flex-direction: column
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box
}
.swiper-android .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0)
}
.swiper-pointer-events {
touch-action: pan-y
}
.swiper-pointer-events.swiper-vertical {
touch-action: pan-x
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform
}
.swiper-slide-invisible-blank {
visibility: hidden
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto
}
.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height
}
.swiper-backface-hidden .swiper-slide {
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
transform-style: preserve-3d
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, .15)
}
.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-css-mode>.swiper-wrapper {
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none
}
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
display: none
}
.swiper-css-mode>.swiper-wrapper>.swiper-slide {
scroll-snap-align: start start
}
.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
scroll-snap-type: x mandatory
}
.swiper-vertical.swiper-css-mode>.swiper-wrapper {
scroll-snap-type: y mandatory
}
.swiper-centered>.swiper-wrapper::before {
content: '';
flex-shrink: 0;
order: 9999
}
.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before)
}
.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after)
}
.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before)
}
.swiper-centered.swiper-vertical>.swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after)
}
.swiper-centered>.swiper-wrapper>.swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop: always
}
.swiper-virtual .swiper-slide {
-webkit-backface-visibility: hidden;
transform: translateZ(0)
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
content: '';
position: absolute;
left: 0;
top: 0;
pointer-events: none
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
height: 1px;
width: var(--swiper-virtual-size)
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
width: 1px;
height: var(--swiper-virtual-size)
}
:root {
--swiper-navigation-size: 44px
}
.swiper-button-next,
.swiper-button-prev {
position: absolute;
top: 50%;
width: calc(var(--swiper-navigation-size)/ 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color))
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
opacity: .35;
cursor: auto;
pointer-events: none
}
.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
opacity: 0;
cursor: auto;
pointer-events: none
}
.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
display: none !important
}
.swiper-button-next:after,
.swiper-button-prev:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
font-variant: initial;
line-height: 1
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
left: 10px;
right: auto
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
content: 'prev'
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: 10px;
left: auto
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
content: 'next'
}
.swiper-button-lock {
display: none
}
.swiper-pagination {
position: absolute;
text-align: center;
transition: .3s opacity;
transform: translate3d(0, 0, 0);
z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0
}
.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
display: none !important
}
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
bottom: 10px;
left: 0;
width: 100%
}
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(.33);
position: relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(.33)
}
.swiper-pagination-bullet {
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
display: inline-block;
border-radius: 50%;
background: var(--swiper-pagination-bullet-inactive-color, #000);
opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer
}
.swiper-pagination-bullet:only-child {
display: none !important
}
.swiper-pagination-bullet-active {
opacity: var(--swiper-pagination-bullet-opacity, 1);
background: var(--swiper-pagination-color, var(--swiper-theme-color))
}
.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
right: 10px;
top: 50%;
transform: translate3d(0px, -50%, 0)
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
display: block
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: .2s transform, .2s top
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: .2s transform, .2s left
}
.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: .2s transform, .2s right
}
.swiper-pagination-progressbar {
background: rgba(0, 0, 0, .25);
position: absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top
}
.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0
}
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
width: 4px;
height: 100%;
left: 0;
top: 0
}
.swiper-pagination-lock {
display: none
}
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, .1)
}
.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
display: none !important
}
.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%
}
.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, .5);
border-radius: 10px;
left: 0;
top: 0
}
.swiper-scrollbar-cursor-drag {
cursor: move
}
.swiper-scrollbar-lock {
display: none
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center
}
.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
max-width: 100%;
max-height: 100%;
object-fit: contain
}
.swiper-slide-zoomed {
cursor: move
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
animation: swiper-preloader-spin 1s infinite linear
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000
}
@keyframes swiper-preloader-spin {
0% {
transform: rotate(0deg)
}
100% {
transform: rotate(360deg)
}
}
.swiper .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000
}
.swiper-free-mode>.swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto
}
.swiper-grid>.swiper-wrapper {
flex-wrap: wrap
}
.swiper-grid-column>.swiper-wrapper {
flex-wrap: wrap;
flex-direction: column
}
.swiper-fade.swiper-free-mode .swiper-slide {
transition-timing-function: ease-out
}
.swiper-fade .swiper-slide {
pointer-events: none;
transition-property: opacity
}
.swiper-fade .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-cube {
overflow: visible
}
.swiper-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%
}
.swiper-cube .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-cube.swiper-rtl .swiper-slide {
transform-origin: 100% 0
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next+.swiper-slide,
.swiper-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible
}
.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
opacity: .6;
z-index: 0
}
.swiper-cube .swiper-cube-shadow:before {
content: '';
background: #000;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
filter: blur(50px)
}
.swiper-flip {
overflow: visible
}
.swiper-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1
}
.swiper-flip .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-creative .swiper-slide {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
transition-property: transform, opacity, height
}
.swiper-cards {
overflow: visible
}
.swiper-cards .swiper-slide {
transform-origin: center bottom;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden
}.splw-main-wrapper.weather-map .lw-leaflet-pane,
.splw-main-wrapper.weather-map .lw-leaflet-tile,
.splw-main-wrapper.weather-map .lw-leaflet-marker-icon,
.splw-main-wrapper.weather-map .lw-leaflet-marker-shadow,
.splw-main-wrapper.weather-map .lw-leaflet-tile-container,
.splw-main-wrapper.weather-map .lw-leaflet-pane>svg,
.splw-main-wrapper.weather-map .lw-leaflet-pane>canvas,
.splw-main-wrapper.weather-map .lw-leaflet-zoom-box,
.splw-main-wrapper.weather-map .lw-leaflet-image-layer,
.splw-main-wrapper.weather-map .lw-leaflet-layer {
position: absolute;
left: 0;
top: 0;
}
.splw-main-wrapper.weather-map .lw-leaflet-container {
overflow: hidden;
}
.splw-main-wrapper.weather-map .lw-leaflet-tile,
.splw-main-wrapper.weather-map .lw-leaflet-marker-icon,
.splw-main-wrapper.weather-map .lw-leaflet-marker-shadow {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
-webkit-user-drag: none;
} .splw-main-wrapper.weather-map .lw-leaflet-safari .lw-leaflet-tile {
image-rendering: -webkit-optimize-contrast;
} .splw-main-wrapper.weather-map .lw-leaflet-safari .lw-leaflet-tile-container {
width: 1600px;
height: 1600px;
-webkit-transform-origin: 0 0;
}
.splw-main-wrapper.weather-map .lw-leaflet-marker-icon,
.splw-main-wrapper.weather-map .lw-leaflet-marker-shadow {
display: block;
}  .splw-main-wrapper.weather-map .lw-leaflet-container .lw-leaflet-overlay-pane svg,
.splw-main-wrapper.weather-map .lw-leaflet-container .lw-leaflet-marker-pane img,
.splw-main-wrapper.weather-map .lw-leaflet-container .lw-leaflet-shadow-pane img,
.splw-main-wrapper.weather-map .lw-leaflet-container .lw-leaflet-tile-pane img,
.splw-main-wrapper.weather-map .lw-leaflet-container img.lw-leaflet-image-layer {
max-width: none !important;
max-height: none !important;
}
.splw-main-wrapper.weather-map .lw-leaflet-container.lw-leaflet-touch-zoom {
-ms-touch-action: pan-x pan-y;
touch-action: pan-x pan-y;
}
.splw-main-wrapper.weather-map .lw-leaflet-container.lw-leaflet-touch-drag {
-ms-touch-action: pinch-zoom; touch-action: none;
touch-action: pinch-zoom;
}
.splw-main-wrapper.weather-map .lw-leaflet-container.lw-leaflet-touch-drag.lw-leaflet-touch-zoom {
-ms-touch-action: none;
touch-action: none;
}
.splw-main-wrapper.weather-map .lw-leaflet-container {
-webkit-tap-highlight-color: transparent;
}
.splw-main-wrapper.weather-map .lw-leaflet-container a {
-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.splw-main-wrapper.weather-map .lw-leaflet-tile {
filter: inherit;
visibility: hidden;
}
.splw-main-wrapper.weather-map .lw-leaflet-tile-loaded {
visibility: inherit;
}
.splw-main-wrapper.weather-map .lw-leaflet-zoom-box {
width: 0;
height: 0;
-moz-box-sizing: border-box;
box-sizing: border-box;
z-index: 800;
} .splw-main-wrapper.weather-map .lw-leaflet-overlay-pane svg {
-moz-user-select: none;
}
.splw-main-wrapper.weather-map .lw-leaflet-pane {
z-index: 400;
}
.splw-main-wrapper.weather-map .lw-leaflet-tile-pane {
z-index: 200;
}
.splw-main-wrapper.weather-map .lw-leaflet-overlay-pane {
z-index: 400;
}
.splw-main-wrapper.weather-map .lw-leaflet-shadow-pane {
z-index: 500;
}
.splw-main-wrapper.weather-map .lw-leaflet-marker-pane {
z-index: 600;
}
.splw-main-wrapper.weather-map .lw-leaflet-tooltip-pane {
z-index: 650;
}
.splw-main-wrapper.weather-map .lw-leaflet-popup-pane {
z-index: 700;
}
.splw-main-wrapper.weather-map .lw-leaflet-map-pane canvas {
z-index: 100;
}
.splw-main-wrapper.weather-map .lw-leaflet-map-pane svg {
z-index: 200;
}
.splw-main-wrapper.weather-map .lw-leaflet-vml-shape {
width: 1px;
height: 1px;
}
.splw-main-wrapper.weather-map .lvml {
behavior: url(#default#VML);
display: inline-block;
position: absolute;
} .splw-main-wrapper.weather-map .lw-leaflet-control {
position: relative;
z-index: 800;
pointer-events: visiblePainted; pointer-events: auto;
}
.splw-main-wrapper.weather-map .lw-leaflet-top,
.splw-main-wrapper.weather-map .lw-leaflet-bottom {
position: absolute;
z-index: 1000;
pointer-events: none;
}
.splw-main-wrapper.weather-map .lw-leaflet-top {
top: 0;
}
.splw-main-wrapper.weather-map .lw-leaflet-right {
right: 0;
}
.splw-main-wrapper.weather-map .lw-leaflet-bottom {
bottom: 0;
}
.splw-main-wrapper.weather-map .lw-leaflet-left {
left: 0;
}
.splw-main-wrapper.weather-map .lw-leaflet-control {
float: left;
clear: both;
}
.splw-main-wrapper.weather-map .lw-leaflet-right .lw-leaflet-control {
float: right;
}
.splw-main-wrapper.weather-map .lw-leaflet-top .lw-leaflet-control {
margin-top: 10px;
}
.splw-main-wrapper.weather-map .lw-leaflet-bottom .lw-leaflet-control {
margin-bottom: 10px;
}
.splw-main-wrapper.weather-map .lw-leaflet-left .lw-leaflet-control {
margin-left: 10px;
}
.splw-main-wrapper.weather-map .lw-leaflet-right .lw-leaflet-control {
margin-right: 10px;
} .splw-main-wrapper.weather-map .lw-leaflet-fade-anim .lw-leaflet-tile {
will-change: opacity;
}
.splw-main-wrapper.weather-map .lw-leaflet-fade-anim .lw-leaflet-popup {
opacity: 0;
-webkit-transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
-o-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.splw-main-wrapper.weather-map .lw-leaflet-fade-anim .lw-leaflet-map-pane .lw-leaflet-popup {
opacity: 1;
}
.splw-main-wrapper.weather-map .lw-leaflet-zoom-animated {
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
}
.splw-main-wrapper.weather-map .lw-leaflet-zoom-anim .lw-leaflet-zoom-animated {
will-change: transform;
}
.splw-main-wrapper.weather-map .lw-leaflet-zoom-anim .lw-leaflet-zoom-animated {
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
-moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
-o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
}
.splw-main-wrapper.weather-map .lw-leaflet-zoom-anim .lw-leaflet-tile,
.splw-main-wrapper.weather-map .lw-leaflet-pan-anim .lw-leaflet-tile {
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}
.splw-main-wrapper.weather-map .lw-leaflet-zoom-anim .lw-leaflet-zoom-hide {
visibility: hidden;
} .splw-main-wrapper.weather-map .lw-leaflet-interactive {
cursor: pointer;
}
.splw-main-wrapper.weather-map .lw-leaflet-grab {
cursor: -webkit-grab;
cursor: -moz-grab;
}
.splw-main-wrapper.weather-map .lw-leaflet-crosshair,
.splw-main-wrapper.weather-map .lw-leaflet-crosshair .lw-leaflet-interactive {
cursor: crosshair;
}
.splw-main-wrapper.weather-map .lw-leaflet-popup-pane,
.splw-main-wrapper.weather-map .lw-leaflet-control {
cursor: auto;
}
.splw-main-wrapper.weather-map .lw-leaflet-dragging .lw-leaflet-grab,
.splw-main-wrapper.weather-map .lw-leaflet-dragging .lw-leaflet-grab .lw-leaflet-interactive,
.splw-main-wrapper.weather-map .lw-leaflet-dragging .lw-leaflet-marker-draggable {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
} .splw-main-wrapper.weather-map .lw-leaflet-marker-icon,
.splw-main-wrapper.weather-map .lw-leaflet-marker-shadow,
.splw-main-wrapper.weather-map .lw-leaflet-image-layer,
.splw-main-wrapper.weather-map .lw-leaflet-pane>svg path,
.splw-main-wrapper.weather-map .lw-leaflet-tile-container {
pointer-events: none;
}
.splw-main-wrapper.weather-map .lw-leaflet-marker-icon.lw-leaflet-interactive,
.splw-main-wrapper.weather-map .lw-leaflet-image-layer.lw-leaflet-interactive,
.splw-main-wrapper.weather-map .lw-leaflet-pane>svg path.lw-leaflet-interactive {
pointer-events: visiblePainted; pointer-events: auto;
height: auto !important;
width: auto !important;
} .splw-main-wrapper.weather-map .lw-leaflet-container {
background: #ddd;
outline: 0;
}
.splw-main-wrapper.weather-map .lw-leaflet-container a {
color: #0078A8;
}
.splw-main-wrapper.weather-map .lw-leaflet-container a.lw-leaflet-active {
outline: 2px solid orange;
}
.splw-main-wrapper.weather-map .lw-leaflet-zoom-box {
border: 2px dotted #38f;
background: rgba(255, 255, 255, 0.5);
} .splw-main-wrapper.weather-map .lw-leaflet-container {
font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
} .splw-main-wrapper.weather-map .lw-leaflet-bar {
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
border-radius: 4px;
}
.splw-main-wrapper.weather-map .lw-leaflet-bar a,
.splw-main-wrapper.weather-map .lw-leaflet-bar a:hover {
background-color: #fff;
border-bottom: 1px solid #ccc;
width: 26px;
height: 26px;
line-height: 26px;
display: block;
text-align: center;
text-decoration: none;
color: black;
}
.splw-main-wrapper.weather-map .lw-leaflet-bar a,
.splw-lw-leaflet-control-layers-toggle {
background-position: 50% 50%;
background-repeat: no-repeat;
display: block;
}
.splw-main-wrapper.weather-map .lw-leaflet-bar a:hover {
background-color: #f4f4f4;
}
.splw-main-wrapper.weather-map .lw-leaflet-bar a:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.splw-main-wrapper.weather-map .lw-leaflet-bar a:last-child {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom: none;
}
.splw-main-wrapper.weather-map .lw-leaflet-bar a.lw-leaflet-disabled {
cursor: default;
background-color: #f4f4f4;
color: #bbb;
}
.splw-main-wrapper.weather-map .lw-leaflet-touch .lw-leaflet-bar a {
width: 30px;
height: 30px;
line-height: 30px;
text-decoration: none;
}
.splw-main-wrapper.weather-map .lw-leaflet-touch .lw-leaflet-bar a:first-child {
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.splw-main-wrapper.weather-map .lw-leaflet-touch .lw-leaflet-bar a:last-child {
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
} .splw-main-wrapper.weather-map .lw-leaflet-control-zoom-in,
.splw-main-wrapper.weather-map .lw-leaflet-control-zoom-out {
font: bold 18px 'Lucida Console', Monaco, monospace;
text-indent: 1px;
}
.splw-main-wrapper.weather-map .lw-leaflet-touch .lw-leaflet-control-zoom-in,
.splw-main-wrapper.weather-map .lw-leaflet-touch .lw-leaflet-control-zoom-out {
font-size: 22px;
} .splw-lw-leaflet-control-layers {
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
background: #fff;
border-radius: 5px;
}
.splw-lw-leaflet-control-layers-toggle {
background-image: url(//www.urbancitypodcast.com/wp-content/plugins/location-weather-pro/assets/images/layers.png);
width: 36px;
height: 36px;
}
.lw-leaflet-retina .splw-lw-leaflet-control-layers-toggle {
background-image: url(//www.urbancitypodcast.com/wp-content/plugins/location-weather-pro/assets/images/layers-2x.png);
background-size: 26px 26px;
}
.lw-leaflet-touch .splw-lw-leaflet-control-layers-toggle {
width: 28px;
height: 28px;
}
.splw-lw-leaflet-control-layers .splw-lw-leaflet-control-layers-list,
.splw-lw-leaflet-control-layers-expanded .splw-lw-leaflet-control-layers-toggle {
display: none;
}
.splw-lw-leaflet-control-layers-expanded .splw-lw-leaflet-control-layers-list {
display: block;
position: relative;
}
.splw-lw-leaflet-control-layers-expanded {
padding: 6px 10px 6px 6px;
color: #333;
background: #fff;
}
.splw-lw-leaflet-control-layers-scrollbar {
overflow-y: scroll;
overflow-x: hidden;
padding-right: 5px;
}
.splw-lw-leaflet-control-layers-selector {
margin-top: 2px;
position: relative;
top: 1px;
}
.splw-lw-leaflet-control-layers label {
display: block;
}
.splw-lw-leaflet-control-layers label:last-child{
display: flex;
justify-content: flex-start;
margin-top: 4px;
font-weight: 600;
font-size: 15px;
margin-left: 15px;
}
.splw-lw-leaflet-control-layers-overlays label.splw-active {
background-color: #f2f2f2;
}
.splw-lw-leaflet-control-layers label:not(:last-child) input{
display: none;
}
.splw-lw-leaflet-control-layers label:not(:last-child){
padding: 2px 10px;
border-radius: 4px;
}
.splw-map-control-layers-separator {
height: 0;
border-top: 1px solid #ddd;
margin: 5px -10px 5px -6px;
display: none;
}
.lw-leaflet-top.lw-leaflet-right .splw-lw-leaflet-control-layers {
font-family: 'Space Grotesk', Arial, sans-serif;
color: #48484a;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 12px;
background: #fff;
padding: 8pt;
-webkit-border-radius: 4pt;
border-radius: 4pt;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
border: none;
} .splw-main-wrapper.weather-map .lw-leaflet-default-icon-path {
background-image: url(//www.urbancitypodcast.com/wp-content/plugins/location-weather-pro/assets/css/images/marker-icon.png);
} .splw-main-wrapper.weather-map .lw-leaflet-container .lw-leaflet-control-attribution {
background: #fff;
background: rgba(255, 255, 255, 0.7);
margin: 0;
}
.splw-main-wrapper.weather-map .lw-leaflet-control-attribution,
.splw-main-wrapper.weather-map .lw-leaflet-control-scale-line {
padding: 0 5px;
color: #333;
}
.splw-main-wrapper.weather-map .lw-leaflet-control-attribution a {
text-decoration: none;
}
.splw-main-wrapper.weather-map .lw-leaflet-control-attribution a:hover {
text-decoration: underline;
}
.splw-main-wrapper.weather-map .lw-leaflet-container .lw-leaflet-control-attribution,
.splw-main-wrapper.weather-map .lw-leaflet-container .lw-leaflet-control-scale {
font-size: 11px;
}
.splw-main-wrapper.weather-map .lw-leaflet-left .lw-leaflet-control-scale {
margin-left: 5px;
}
.splw-main-wrapper.weather-map .lw-leaflet-bottom .lw-leaflet-control-scale {
margin-bottom: 5px;
}
.splw-main-wrapper.weather-map .lw-leaflet-control-scale-line {
border: 2px solid #777;
border-top: none;
line-height: 1.1;
padding: 2px 5px 1px;
font-size: 11px;
white-space: nowrap;
overflow: hidden;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
background: rgba(255, 255, 255, 0.5);
}
.splw-main-wrapper.weather-map .lw-leaflet-control-scale-line:not(:first-child) {
border-top: 2px solid #777;
border-bottom: none;
margin-top: -2px;
}
.splw-main-wrapper.weather-map .lw-leaflet-control-scale-line:not(:first-child):not(:last-child) {
border-bottom: 2px solid #777;
}
.splw-main-wrapper.weather-map .lw-leaflet-touch .lw-leaflet-control-attribution,
.splw-main-wrapper.weather-map .lw-leaflet-touch .splw-lw-leaflet-control-layers,
.splw-main-wrapper.weather-map .lw-leaflet-touch .lw-leaflet-bar {
box-shadow: none;
}
.splw-main-wrapper.weather-map .lw-leaflet-touch .lw-leaflet-control-attribution{
display: none;
}
.splw-main-wrapper.weather-map .lw-leaflet-touch .splw-lw-leaflet-control-layers,
.splw-main-wrapper.weather-map .lw-leaflet-touch .lw-leaflet-bar {
border: 2px solid rgba(0, 0, 0, 0.2);
background-clip: padding-box;
}
.lw-leaflet-touch .splw-lw-leaflet-control-layers .splw-lw-leaflet-control-layers-overlays{
width: 130px;
font-size: 14px;
text-align: left;
line-height: 1.5;
} .splw-main-wrapper.weather-map .lw-leaflet-popup {
position: absolute;
text-align: center;
margin-bottom: 20px;
}
.splw-main-wrapper.weather-map .lw-leaflet-popup-content-wrapper {
padding: 1px;
text-align: left;
border-radius: 6px;
}
.splw-main-wrapper.weather-map .lw-leaflet-popup-content {
margin: 13px 19px;
line-height: 1.4;
}
.splw-main-wrapper.weather-map .lw-leaflet-popup-content p {
margin: 18px 0;
}
.splw-main-wrapper.weather-map .lw-leaflet-popup-tip-container {
width: 40px;
height: 20px;
position: absolute;
left: 50%;
margin-left: -20px;
overflow: hidden;
pointer-events: none;
}
.splw-main-wrapper.weather-map .lw-leaflet-popup-tip {
width: 17px;
height: 17px;
padding: 1px;
margin: -10px auto 0;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.splw-main-wrapper.weather-map .lw-leaflet-popup-content-wrapper,
.splw-main-wrapper.weather-map .lw-leaflet-popup-tip {
background: white;
color: #333;
box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
}
.splw-main-wrapper.weather-map .lw-leaflet-container a.lw-leaflet-popup-close-button {
position: absolute;
top: 0;
right: 0;
padding: 4px 4px 0 0;
border: none;
text-align: center;
width: 18px;
height: 14px;
font: 16px/14px Tahoma, Verdana, sans-serif;
color: #c3c3c3;
text-decoration: none;
font-weight: bold;
background: transparent;
}
.splw-main-wrapper.weather-map .lw-leaflet-container a.lw-leaflet-popup-close-button:hover {
color: #999;
}
.splw-main-wrapper.weather-map .lw-leaflet-popup-scrolled {
overflow: auto;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
}
.splw-main-wrapper.weather-map .lw-leaflet-oldie .lw-leaflet-popup-content-wrapper {
zoom: 1;
}
.splw-main-wrapper.weather-map .lw-leaflet-oldie .lw-leaflet-popup-tip {
width: 24px;
margin: 0 auto;
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}
.splw-main-wrapper.weather-map .lw-leaflet-oldie .lw-leaflet-popup-tip-container {
margin-top: -1px;
}
.splw-main-wrapper.weather-map .lw-leaflet-oldie .lw-leaflet-control-zoom,
.splw-main-wrapper.weather-map .lw-leaflet-oldie .splw-lw-leaflet-control-layers,
.splw-main-wrapper.weather-map .lw-leaflet-oldie .lw-leaflet-popup-content-wrapper,
.splw-main-wrapper.weather-map .lw-leaflet-oldie .lw-leaflet-popup-tip {
border: 1px solid #999;
} .splw-main-wrapper.weather-map .lw-leaflet-div-icon {
background: #fff;
border: 1px solid #666;
}  .splw-main-wrapper.weather-map .lw-leaflet-tooltip {
position: absolute;
padding: 6px;
background-color: #fff;
border: 1px solid #fff;
border-radius: 3px;
color: #222;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.splw-main-wrapper.weather-map .lw-leaflet-tooltip.lw-leaflet-clickable {
cursor: pointer;
pointer-events: auto;
}
.splw-main-wrapper.weather-map .lw-leaflet-tooltip-top:before,
.splw-main-wrapper.weather-map .lw-leaflet-tooltip-bottom:before,
.splw-main-wrapper.weather-map .lw-leaflet-tooltip-left:before,
.splw-main-wrapper.weather-map .lw-leaflet-tooltip-right:before {
position: absolute;
pointer-events: none;
border: 6px solid transparent;
background: transparent;
content: "";
} .splw-main-wrapper.weather-map .lw-leaflet-tooltip-bottom {
margin-top: 6px;
}
.splw-main-wrapper.weather-map .lw-leaflet-tooltip-top {
margin-top: -6px;
}
.splw-main-wrapper.weather-map .lw-leaflet-tooltip-bottom:before,
.splw-main-wrapper.weather-map .lw-leaflet-tooltip-top:before {
left: 50%;
margin-left: -6px;
}
.splw-main-wrapper.weather-map .lw-leaflet-tooltip-top:before {
bottom: 0;
margin-bottom: -12px;
border-top-color: #fff;
}
.splw-main-wrapper.weather-map .lw-leaflet-tooltip-bottom:before {
top: 0;
margin-top: -12px;
margin-left: -6px;
border-bottom-color: #fff;
}
.splw-main-wrapper.weather-map .lw-leaflet-tooltip-left {
margin-left: -6px;
}
.splw-main-wrapper.weather-map .lw-leaflet-tooltip-right {
margin-left: 6px;
}
.splw-main-wrapper.weather-map .lw-leaflet-tooltip-left:before,
.splw-main-wrapper.weather-map .lw-leaflet-tooltip-right:before {
top: 50%;
margin-top: -6px;
}
.splw-main-wrapper.weather-map .lw-leaflet-tooltip-left:before {
right: 0;
margin-right: -12px;
border-left-color: #fff;
}
.splw-main-wrapper.weather-map .lw-leaflet-tooltip-right:before {
left: 0;
margin-left: -12px;
border-right-color: #fff;
}
.splw-owm-icon { text-align: center;
background-color: rgb(255 255 255 / 80%);
border-radius: 4px;
border: 1px solid #cccccc;
display: flex;
align-items: center;
gap: 8px;
padding-right: 8px;
padding-left: 4px;
white-space: nowrap;
}
.splw-owm-icon-temp {
color: #444444;
font-weight: bold; }
.splw-owm-popup-name {
font-size: 16px;
font-weight: bold;
}
.splw-main-wrapper.weather-map .splw-owm-popup-name a:link,
.splw-main-wrapper.weather-map .splw-owm-popup-name a:active,
.splw-main-wrapper.weather-map .splw-owm-popup-name a:visited {
color: black;
text-decoration: none;
}
.splw-main-wrapper.weather-map .splw-owm-popup-name a:hover {
color: red;
text-decoration: none;
}
.splw-owm-popup-description {
font-size: 13;
font-weight: bold;
}
.splw-owm-popup-main img {
vertical-align: middle;
width: 40px;
}
.splw-owm-popup-main span {
padding-left: 0.5em;
font-size: 14px;
}
.splw-owm-popup-temp {
font-weight: bold;
font-size: 2em;
}
.splw-owm-popup-timestamp {
color: gray;
padding-top: 0.5em;
}
.splw-main-wrapper.weather-map #splw-map {
width: 100%;
height: 100%;
z-index: 10;
}
.splw-main-wrapper.weather-map .bold {
font-weight: bold;
}
.splw-lw-leaflet-control-layers-base{
display: none;
}
.splw-map-layercontrol-header {
font-size: larger;
font-weight: bold;
display: none;
position: relative;
}
.splw-main-wrapper.weather-map .lw-leaflet-languageselector-title {
font-size: larger;
font-weight: bold;
display: block;
position: relative;
}
.splw-main-wrapper.weather-map .lw-leaflet-languageselector-float-left {
float: left;
}
.splw-main-wrapper.weather-map .lw-leaflet-languageselector-mleft {
margin-left: 7px;
}
.splw-main-wrapper.weather-map .lw-leaflet-languageselector-langdiv {
cursor: pointer;
}
.splw-main-wrapper.weather-map .lw-leaflet-languageselector-clearfloat {
clear: all;
}@font-face {
font-family: 'splw-fontello';
src: url(//www.urbancitypodcast.com/wp-content/plugins/location-weather-pro/assets/font/fontello.eot?37815653);
src: url(//www.urbancitypodcast.com/wp-content/plugins/location-weather-pro/assets/font/fontello.eot?37815653#iefix) format('embedded-opentype'),
url(//www.urbancitypodcast.com/wp-content/plugins/location-weather-pro/assets/font/fontello.woff2?37815653) format('woff2'),
url(//www.urbancitypodcast.com/wp-content/plugins/location-weather-pro/assets/font/fontello.woff?37815653) format('woff'),
url(//www.urbancitypodcast.com/wp-content/plugins/location-weather-pro/assets/font/fontello.ttf?37815653) format('truetype'),
url(//www.urbancitypodcast.com/wp-content/plugins/location-weather-pro/assets/font/fontello.svg?37815653#fontello) format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}   [class^="splw-icon-"]:before,
[class*=" splw-icon-"]:before {
font-family: "splw-fontello";
font-style: normal;
font-weight: normal;
speak: never;
display: inline-block;
text-decoration: inherit;
width: 1em;
text-align: center;  font-variant: normal;
text-transform: none; line-height: 1em;     -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;  }
.splw-icon-api-settings:before {
content: '\e803';
} .splw-icon-lw-icon:before {
content: '\e809';
} .splw-icon-style-settings:before {
content: '\e80c';
} .splw-icon-external-link:before {
content: '\e80d';
} .splw-icon-humidity-1:before {
content: '\e81a';
} .splw-icon-pressure-1:before {
content: '\e8e4';
} .splw-icon-wind-gust-1:before {
content: '\e81c';
} .splw-icon-uv-index-1:before {
content: '\e81d';
} .splw-icon-dew-point-1:before {
content: '\e81e';
} .splw-icon-precipitation-1:before {
content: '\e81f';
} .splw-icon-rain-chance-1:before {
content: '\e820';
} .splw-icon-clouds-1:before {
content: '\e821';
} .splw-icon-snow-1:before {
content: '\e822';
} .splw-icon-visibility-1:before {
content: '\e823';
} .splw-icon-air-pollution-1:before {
content: '\e824';
} .splw-icon-sunrise-1:before {
content: '\e825';
} .splw-icon-sunset-1:before {
content: '\e826';
} .splw-icon-new-moon-1:before {
content: '\e82b';
} .splw-icon-moonrise-1:before {
content: '\e82c';
} .splw-icon-moonset-1:before {
content: '\e82d';
} .splw-icon-temperature-1:before {
content: '\e82e';
} .splw-icon-humidity-2:before {
content: '\e82f';
} .splw-icon-pressure-2:before {
content: '\e8e3';
} .splw-icon-wind-gust-2:before {
content: '\e831';
} .splw-icon-uv-index-2:before {
content: '\e832';
} .splw-icon-dew-point-2:before {
content: '\e833';
} .splw-icon-precipitation-2:before {
content: '\e834';
} .splw-icon-rain-chance-2:before {
content: '\e835';
} .splw-icon-clouds-2:before {
content: '\e836';
} .splw-icon-snow-2:before {
content: '\e837';
} .splw-icon-visibility-2:before {
content: '\e838';
} .splw-icon-air-pollution-2:before {
content: '\e839';
} .splw-icon-sunrise-2:before {
content: '\e83a';
} .splw-icon-sunset-2:before {
content: '\e83b';
} .splw-icon-moonrise-2:before {
content: '\e83c';
} .splw-icon-moonset-2:before {
content: '\e83d';
} .splw-icon-temperature-2:before {
content: '\e83e';
} .splw-icon-pressure-3:before {
content: '\e840';
} .splw-icon-wind-gust-3:before {
content: '\e841';
} .splw-icon-uv-index-3:before {
content: '\e842';
} .splw-icon-dew-point-3:before {
content: '\e843';
} .splw-icon-rain-chance-3:before {
content: '\e845';
} .splw-icon-clouds-3:before {
content: '\e846';
} .splw-icon-snow-3:before {
content: '\e847';
} .splw-icon-visibility-3:before {
content: '\e848';
} .splw-icon-air-pollution-3:before {
content: '\e849';
} .splw-icon-sunrise-3:before {
content: '\e84a';
} .splw-icon-sunset-3:before {
content: '\e84b';
} .splw-icon-moonrise-3:before {
content: '\e84c';
} .splw-icon-moonset-3:before {
content: '\e84d';
} .splw-icon-temperature-3:before {
content: '\e84e';
} .splw-icon-humidity-4:before {
content: '\e84f';
} .splw-icon-uv-index-4:before {
content: '\e850';
} .splw-icon-wind-4:before {
content: '\e851';
} .splw-icon-wind-gust-4:before {
content: '\e852';
} .splw-icon-visibility-4:before {
content: '\e853';
} .splw-icon-sunset-4:before {
content: '\e854';
} .splw-icon-sunrise-4:before {
content: '\e855';
} .splw-icon-temperature-4:before {
content: '\e856';
} .splw-icon-snow-4:before {
content: '\e857';
} .splw-icon-rain-chance-4:before {
content: '\e858';
} .splw-icon-pressure-4:before {
content: '\e859';
} .splw-icon-precipitation-4:before {
content: '\e85a';
} .splw-icon-moonset-4:before {
content: '\e85b';
} .splw-icon-moonrise-4:before {
content: '\e85c';
} .splw-icon-dew-point-4:before {
content: '\e85d';
} .splw-icon-clouds-4:before {
content: '\e85e';
} .splw-icon-alert-4:before {
content: '\e85f';
} .splw-icon-air-pollution-4:before {
content: '\e860';
} .splw-icon-wind-5:before {
content: '\e861';
} .splw-icon-uv-index-5:before {
content: '\e862';
} .splw-icon-sunrise-5:before {
content: '\e863';
} .splw-icon-sunset-5:before {
content: '\e864';
} .splw-icon-snow-5:before {
content: '\e865';
} .splw-icon-visibility-5:before {
content: '\e866';
} .splw-icon-alert-5:before {
content: '\e867';
} .splw-icon-clouds-5:before {
content: '\e868';
} .splw-icon-moonset-5:before {
content: '\e869';
} .splw-icon-precipitation-5:before {
content: '\e86a';
} .splw-icon-wind-gust-5:before {
content: '\e86b';
} .splw-icon-rain-chance-5:before {
content: '\e86c';
} .splw-icon-temperature-5:before {
content: '\e86d';
} .splw-icon-pressure-5:before {
content: '\e86e';
} .splw-icon-dew-point-5:before {
content: '\e86f';
} .splw-icon-moonrise-5:before {
content: '\e870';
} .splw-icon-humidity-5:before {
content: '\e871';
} .splw-icon-air-pollution-5:before {
content: '\e872';
} .splw-icon-wind-1:before {
content: '\e873';
} .splw-icon-wind-3:before {
content: '\e874';
} .splw-icon-wind-2:before {
content: '\e875';
} .splw-icon-humidity-3:before {
content: '\e876';
} .splw-icon-precipitation-3:before {
content: '\e877';
} .splw-icon-first-quarter-moon-2:before {
content: '\e878';
} .splw-icon-full-moon-1:before {
content: '\e879';
} .splw-icon-third-quarter-moon-1:before {
content: '\e87a';
} .splw-icon-additional-data:before {
content: '\e87b';
} .splw-icon-additional-data-style:before {
content: '\e87c';
} .splw-icon-footer:before {
content: '\e87d';
} .splw-icon-current-weather:before {
content: '\e87e';
} .splw-icon-forecast-data:before {
content: '\e87f';
} .splw-icon-regional-weather:before {
content: '\e880';
} .splw-icon-display-icon:before {
content: '\e881';
} .splw-icon-style:before {
content: '\e882';
} .splw-icon-weather-settings:before {
content: '\e883';
} .splw-icon-api-sett:before {
content: '\e884';
} .splw-icon-code:before {
content: '\e885';
} .splw-icon-advanced:before {
content: '\e886';
} .splw-icon-key-01:before {
content: '\e887';
} .splw-icon-weather-map:before {
content: '\e888';
} .splw-icon-control-layer:before {
content: '\e889';
} .splw-icon-map-preferences:before {
content: '\e88a';
} .splw-icon-popup-weather:before {
content: '\e88b';
}
.splw-icon-fill-02n:before {
content: '\e88c';
} .splw-icon-fill-01d:before {
content: '\E8BC';
} .splw-icon-fill-01n:before {
content: '\e88e';
} .splw-icon-angle:before {
content: '\e88f';
} .splw-icon-fill-09dn:before {
content: '\e890';
} .splw-icon-fill-03n:before {
content: '\e891';
} .splw-icon-light-02d:before {
content: '\e892';
} .splw-icon-chevron:before {
content: '\e893';
} .splw-icon-fill-50dn:before {
content: '\e894';
} .splw-icon-fill-10n:before {
content: '\e895';
} .splw-icon-light-04dn:before {
content: '\e896';
} .splw-icon-light-10n:before {
content: '\e897';
} .splw-icon-light-02n:before {
content: '\e898';
} .splw-icon-location-icon:before {
content: '\e899';
} .splw-icon-fill-03d:before {
content: '\e89a';
} .splw-icon-fill-13dn:before {
content: '\e89b';
} .splw-icon-light-01d:before {
content: '\e89c';
} .splw-icon-m-01n:before {
content: '\e89d';
} .splw-icon-light-10d:before {
content: '\e89e';
} .splw-icon-m-03dn:before {
content: '\e89f';
} .splw-icon-fill-04dn:before {
content: '\e8a0';
} .splw-icon-light-03d:before {
content: '\e8a1';
} .splw-icon-light-01n:before {
content: '\e8a2';
} .splw-icon-arrow:before {
content: '\e8a3';
} .splw-icon-light-13dn:before {
content: '\e8a4';
} .splw-icon-m-10n:before {
content: '\e8a5';
} .splw-icon-m-04dn:before {
content: '\e8a6';
} .splw-icon-m-09dn:before {
content: '\e8a7';
} .splw-icon-m-02d:before {
content: '\e8a8';
} .splw-icon-m-10d:before {
content: '\e8a9';
} .splw-icon-m-02n:before {
content: '\e8aa';
} .splw-icon-m-11d:before {
content: '\e8ab';
} .splw-icon-sunset:before {
content: '\e8ac';
} .splw-icon-m-50dn:before {
content: '\e8ad';
} .splw-icon-light-09dn:before {
content: '\e8ae';
} .splw-icon-fill-10d:before {
content: '\e8af';
} .splw-icon-m-13dn:before {
content: '\e8b0';
} .splw-icon-light-03n:before {
content: '\e8b1';
} .splw-icon-light-50dn:before {
content: '\e8b2';
} .splw-icon-sunrise:before {
content: '\e8b3';
} .splw-icon-fill-02d:before {
content: '\e8b4';
} .splw-icon-m-01d:before {
content: '\e8b5';
} .splw-icon-m-11n:before {
content: '\e8b6';
} .splw-icon-moonrise:before {
content: '\e8b7';
} .splw-icon-light-11dn:before {
content: '\e8b8';
} .splw-icon-moonset:before {
content: '\e8b9';
} .splw-icon-fill-11dn:before {
content: '\e8ba';
} .splw-icon-location-icon-1:before {
content: '\e8bb';
} .splw-icon-search-icon:before {
content: '\e800';
}
.splw-icon-daylight:before {
content: '\e801';
} .splw-icon-time-duration:before {
content: '\e802';
} .splw-icon-moonset-8:before {
content: '\e804';
} .splw-icon-moon-age:before {
content: '\e805';
} .splw-icon-sunrise-8:before {
content: '\e806';
} .splw-icon-moon-phase-8:before {
content: '\e807';
} .splw-icon-sunset-8:before {
content: '\e808';
} .splw-icon-moonrise-8:before {
content: '\e80b';
} .splw-icon-golden-hour:before {
content: '\e80e';
} .splw-icon-solar-noon:before {
content: '\e8ab';
} .splw-icon-night-end:before {
content: '\e80a';
}.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 { 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; }
.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; 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; 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; 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;
} 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 { 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;
} .splw-license-notice {
background: #ffebee;
color: #444;
padding: 18px 16px;
border: 1px solid #d0919f;
border-radius: 4px;
font-size: 18px;
line-height: 28px;
} .splw-pro-wrapper.weather-status-01d,
.splw-pro-wrapper.weather-status-01n {
background-image: url(//www.urbancitypodcast.com/wp-content/plugins/location-weather-pro/assets/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(//www.urbancitypodcast.com/wp-content/plugins/location-weather-pro/assets/weather-images/clouds.webp);
}
.splw-pro-wrapper.weather-status-10d,
.splw-pro-wrapper.weather-status-10n {
background-image: url(//www.urbancitypodcast.com/wp-content/plugins/location-weather-pro/assets/weather-images/rain.webp);
}
.splw-pro-wrapper.weather-status-11d,
.splw-pro-wrapper.weather-status-11n {
background-image: url(//www.urbancitypodcast.com/wp-content/plugins/location-weather-pro/assets/weather-images/thunderstorm.webp);
}
.splw-pro-wrapper.weather-status-09d,
.splw-pro-wrapper.weather-status-09n {
background-image: url(//www.urbancitypodcast.com/wp-content/plugins/location-weather-pro/assets/weather-images/drizzle.webp);
}
.splw-pro-wrapper.weather-status-50d,
.splw-pro-wrapper.weather-status-50n {
background-image: url(//www.urbancitypodcast.com/wp-content/plugins/location-weather-pro/assets/weather-images/atmosphere.webp);
}
.splw-pro-wrapper.weather-status-13d,
.splw-pro-wrapper.weather-status-13n {
background-image: url(//www.urbancitypodcast.com/wp-content/plugins/location-weather-pro/assets/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 .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-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 .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;  }
.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 .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 .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); 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%);
} .entry-content ul.splw-tabs,
.splw-tabs {
display: flex; 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; }
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 { opacity: 1;
margin-bottom: 0;
}
[data-tab-content] {
visibility: hidden;
position: absolute;
}
.active[data-tab-content] {
visibility: visible;
position: static;
} .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;
} .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; border-radius: 4px; 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; 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-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 .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 { 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 .splw-weather-details div:not(.icons_splw) span.details-icon {
display: inline-flex;
margin-right: 2px; }
.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;
} .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.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;
} .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-hourly-content .lw-days,
#lw-daily-content .lw-hourly-forecast-time {
display: none;
} .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;
} .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;
} .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;
} .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; 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-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; }
.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;
} 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;
} .lw-national-weather-alerts {
display: inline-block;
padding: 7px 14px;
background-color: transparent; color: #fff; border: none;
border-radius: 5px; cursor: pointer;
text-align: center;
text-decoration: none;
font-size: 14px;
font-weight: 600;
border: 1px solid;
line-height: 1.2;
} .lw-national-weather-alerts:hover {
background-color: #fff;
color: #1e73be;  }
.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; scrollbar-width: none; -ms-overflow-style: none; }
.lw-wind-charts::-webkit-scrollbar {
display: none; }
.lw-wind-chart-item {
flex: 0 0 auto; min-width: 90px; display: flex;
align-items: flex-start;
flex-direction: column;
gap: 15px;
}
.lw-wind-chart-item i.splw-icon-wind-2 {
font-size: 20px;
} @media (max-width: 480px) { .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%;
} .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-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; }
.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 {  text-transform: capitalize;
line-height: 21px;
line-height: 1.5;
}
.splw-forecast__precipitation {
font-size: 13px; 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;
} .splw-main-wrapper .splw-details-tabs { 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; text-align: center;
font-weight: bold;
color: #666;
transition: background 0.3s ease, color 0.3s ease;
position: relative;
}
.splw-tab-nav__item.active { color: #000000; }
.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;
} .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; }
.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; 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; 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; }
.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;
} .splw-more-details-section {
display: flex;
gap: 16px;
} .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; }
.splw-others-units .splw-others-unit-item .value {
font-size: 16px;
font-weight: bold;
}  @media (max-width: 1020px) {
.splw-main-wrapper .splw-others-units {
grid-template-columns: repeat(3, 1fr);
}
} .splw-main-wrapper .splw-thermometer {
display: flex;
flex-direction: column;
align-items: center;
font-family: Helvetica, Arial, sans-serif; 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;
} .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;
} .splw-accordion-item {
border-top: 1px solid #ddd;
overflow: hidden;
background: #fff;
} .splw-accordion-item:first-child {
border-top: none;
} 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;
} 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;
} 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;
} .splw-main-wrapper.accordion-one button.splw-accordion-header span:is(.splw-rain, .splw-snow, .splw-precipitation) {
flex: 0 0 130px;
} button.splw-accordion-header .splw-toggle {
flex: 0 0 50px;
text-align: center;
padding-right: 8px;
} button.splw-accordion-header:hover {
background: #e0e0e0;
} .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);
} .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; 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;
} .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;
} .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;
} .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;
} .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;
} .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:is(.accordion-two) .splw-forecast-grid div:is(.splw-temp-header, .splw-temp-values, .splw-feel-values) {
min-width: 115px;
} .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;
} .splw-main-wrapper:is(.accordion-two, .accordion-three, .accordion-four) .splw-weather-accordion::-webkit-scrollbar-thumb {
background-color: transparent;
border-radius: 4px;
} .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;
} .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;
} .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; 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;
}
.lw-hourly-forecast-time{
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
} @media (max-width: 1024px) {
.grid-view .splw-hourly-content .splw-forecast {
flex: 1 1 calc(25% - 20px); }
} @media (max-width: 768px) {
.grid-view .splw-hourly-content .splw-forecast {
flex: 1 1 calc(50% - 20px); }
} @media (max-width: 480px) {
.grid-view .splw-hourly-content .splw-forecast {
flex: 1 1 100%; }
}
.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;
}
} .grid-one .splw-daily-content {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 16px;
padding: 20px 0;
box-sizing: border-box;
} .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); 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;
} .grid-one .splw-icon img {
width: 56px;
height: 48px;
} .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 { 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;
}
.splw-popup-modal .splw-forecast-temperature-details+.splw-forecast-details {
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; border: 1px solid rgba(204, 204, 204, 1);
width: calc((100% - 45px) / 4);
line-height: 1.4;
} .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;
} .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%); }
.splw-grid-item .uv-indicator {
position: absolute;
top: -1px;
width: 10px;
height: 10px;
background: rgb(229, 224, 224);
border-radius: 10px; }
.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%; line-height: 1;
}
.splw-grid-item div:is(.splw-clouds, .splw-visibility, .splw-uv-index) {
height: 100%; line-height: 1;
}
.splw-grid-item .splw-icon-pressure {
justify-content: flex-start;
}  .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; }
.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;
}  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;
} @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; }
.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;
} .splw-pro-location-edit .splw-icon-search-icon {
opacity: 1;
transform: rotate(0deg) scale(1);
visibility: visible;
} .splw-pro-location-edit .splw-icon-location-icon-1 {
opacity: 0;
transform: rotate(-45deg) scale(1);
visibility: hidden;
margin: 0;
} .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;
}