/* IE, Edge */
#uh-search input[type=text]::-ms-clear {display: none;}

/* Fix scrollbar for early UH flush to avoid shift after content (and scrollbar) load */
.desktop body {overflow-y: scroll;}

#app div:focus {outline: none;}

/** For covering expanding MAST ad */
#atomic .YDC-Header {z-index: 2000 !important;}

/** For covering Overlay layout temporaily*/
#atomic #YDC-Overlay-Stack {z-index: 3000 !important;}

/** For profile Login panel z-index */
#atomic #UH-0-Header #uh-right {z-index: 2;}

/* Stream summary padding fix in Stream Text */
#YDC-Stream .Ov\(h\).Pend\(14\%\),.StreamMegaItem .Ov\(h\).Pend\(14\%\){padding-right:44px!important;}

/* Stream ad money icon */
#YDC-Stream i svg,.StreamAd i svg{width:13px;height:13px;fill:#979ba7!important;}

/* Stream for Topic page */
#atomic .TopicList li[class^="Stream"] > div > div{border-bottom:1px solid #e6e6e6;padding:16px;padding-right:30px;}
#atomic .TopicList li.StreamMegaItem .Cf div.Pos\(a\).T\(14px\){margin-right:16px;}
#atomic .TopicList li.StreamMegaItem .Cf div:first-child.Ov\(h\) > p{max-width:868px;}

@media only screen and (max-width: 768px) {
    /** shared style of ads and normal content item */
    #atomic .TopicList li[class^="Stream"] .Cf div:nth-child(2).Ov\(h\) > div{color:#b9bdc5;font-size:14px;position:absolute;top:86px;}
    /** mobile ads */
    #atomic .TopicList li.StreamAd .Cf{background-color:#fafaff;margin-top:0;}
    #atomic .TopicList li.StreamAd .Cf > div > a{top:85px;left:194px;color:#b9bdc5!important;max-width:143px;max-height:20px;overflow:hidden;}
    #atomic .TopicList li.StreamAd .Cf > div > div > a:nth-child(2){top:-67px;left:207px;position:absolute;}
    #atomic .TopicList li.StreamAd .Cf > div.Ov\(h\){padding-right:20px;}
    /** text only */
    #atomic .TopicList li.StreamMegaItem .Cf div:first-child.Ov\(h\){height:72px;padding-right:0!important;}
    #atomic .TopicList li.StreamMegaItem .Cf div:first-child.Ov\(h\) > div{color:#b9bdc5;font-size:14px;position:absolute;top:72px;}
    /** with image */
    #atomic .TopicList li.StreamMegaItem .Cf div:nth-child(2).Ov\(h\){padding-left:0;padding-right:0;}
}

/* Navigation: second tier nav item */
#atomic .nr-applet-nav-item.nr-subnav-link{font-size:15px!important;}
#atomic .nr-secondtier-nav-item.Hblue a:nth-child(n){color:#0f69ff;}
.video-social-wrapper .tdv2-applet-canvass .My\(13px\).Bd{background-color:#FFF;}

/* @vzmi/tdv2-applet-abu-chatbox has default Pb(25px), news-video site ignores it */
.video-social-wrapper .tdv2-applet-abu-chatbox.Pb\(25px\).Pos\(r\){padding-bottom:0!important;}
.fallback-image-dark{background-image:url(https://s.yimg.com/dh/ap/default/161211/bg_dark.jpg);}
.fallback-image-warm{background-image:url(https://s.yimg.com/dh/ap/default/161211/bg_warm.jpg);}
.fallback-image-cool{background-image:url(https://s.yimg.com/dh/ap/default/161211/bg_cool.jpg);}

/* for lib under smartcontent */
.archive .scroll-bound{-webkit-overflow-scrolling:touch;}
.archive .native-indicator .scroll-bound,.archive .native-indicator .scroll-content{margin:0!important;}
.archive .SelectBox{top:0!important;}
.archive .SelectBox-Pick{top:0!important;padding:4px 25px 4px 10px !important;}
.archive .SelectBox-Pick svg{vertical-align:middle!important;margin-right:4px;}
.archive .SelectBox-Text{font-weight:400;}

/* tdv2-dev-info */
.tdv2-dev-info{z-index:3000!important;}
/* Modal */
.CompanionSlot{width:100px!important;}
.YDC-Height-Container{padding-bottom:10px;}
/* AS6 ad */
div#sb_rel_defaultdestAS6,div#sb_rel_modaldestAS6-9,div#sb_rel_modaldestAS6-6,div#sb_rel_defaultdestAS6 iframe,div#sb_rel_modaldestAS6-9 iframe,div#sb_rel_modaldestAS6-6 iframe{width:100%!important;}

/* Modal customize */
div.YDC-Bottom1-Stack{background-color:#fff;padding:0 48px;}
/* The follow css is hidden for testing modal view with only one comment */
/* div.RList,div.RCarousel,div#modalAS6-6-sizer{padding:0 352px 0 0;} */
div.YDC-Bottom1,div.YDC-Bottom{background-color:#fff!important;padding:0!important;}
div.YDC-Bottom1{padding:0 0 100px!important;}
div.modalRight{z-index:100;}
div[data-test-locator="article"]{border-top:0!important;}
article header.canvas-header,article div.auth-attr{display:none;}
div.YDC-CONTENT0-Stack header.canvas-header, div.YDC-CONTENT1-Stack header.canvas-header{padding-top:35px;border-top:1px solid #979ba7;}
div[data-test-locator="article"] .Maw\(635px\){max-width:730px!important;min-width:454px!important;margin:0 395px 0 50px !important;}

/* Topic navigation */
.flex-container::before, .flex-container::after { content: ''; width: 100%; order: 1; }
.flex-item:nth-child(n + 4) { order: 1; }
.flex-item:nth-child(n + 7) { order: 2; }

/* lightbox container style */
#myLightboxContainer {
    background-color: rgba(0, 0, 0, 0.6);
    height: 100%;
}
.article20 div#YDC-UH-Stack {
    border: 0;
    margin: 0;
    margin-bottom: 20px;
}
.article20 #ybar-inner-wrap {
    background: white;
}

.topic-desc::before {content: ''; float: right; height:100%; margin-bottom: -24px; }
.topic-btn::before{ content: '...'; left: -10px; color: #232A31; transform: translateX(-100%);}