body{padding-top:var(--body-padding); padding-bottom:var(--body-padding);}
.footer-all{padding-bottom:calc(var(--body-padding) + 10px) !important;}
.desktop-only{display:none !important; visibility:hidden; content-visibility:hidden;}
.sticky-bottom{position:fixed; bottom:var(--body-padding); left:0; width:100%; height:var(--body-padding); line-height:0;}
.sticky-bottom > .sticky-bottom-close{position:absolute; top:0; right:0; z-index:2; width:35px; height:25px; font-size:16px;}

.base-container{margin-left:var(--section-space); margin-right:var(--section-space);}

.menu-bottom, header{position:fixed; z-index:99; left:0; width:100%; background-color:var(--font-link-primary);
display:grid; grid-template-columns:repeat(auto-fit, minmax(var(--body-padding),1fr));} 

menu{display:none;}
.menu-bottom{bottom:0;}
.menu-bottom-link, .menu-bottom-link:focus{color:#FFF;}
.menu-bottom-link{height:var(--body-padding); border-left:1px solid rgba(0,0,0,0.15);}
.menu-bottom-link:first-child{border-left:0;}
.menu-bottom-curr{color:var(--font-link-tertiary) !important;}
.mbl-icon{font-size:14px; height:14px; font-weight:normal;}
.mbl-name{font-size:10px; margin-top:4px;}

header{top:0;}
.header-button{padding:0 7px; height:var(--body-padding);}
.header-logo{padding-left:var(--section-space);}
.header-live{padding-right:var(--section-space);}
.header-curr .live-button{background-color:var(--font-link-secondary);}

@media screen and (max-width:359px){
  .header-curr .live-button span{display:none;}
}

@media screen and (orientation:landscape) and (max-height:415px){
  .video-frame-box{z-index:101 !important; top:0 !important;}
}

.article-list-container .vlt-duration{bottom:5px; left:-105px;}

.video-player{margin:0;}
.video-frame-box{position:fixed; z-index:95; top:calc(var(--body-padding) + var(--subdomain-height));}