.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;
}