/* PL-1480  */
.asset-body .inline-asset {
  clear: both;
}
#asset-content .clearfix::after {
  clear: both;
}
.tsArticleRegion {
    clear:both; 
    margin-bottom:20px;
}
.asset .articleRelatedSiblings {
    clear:both; 
    margin-bottom:20px;
}
.asset #tncms-region-article_instory_top, 
.asset #tncms-region-article_instory_middle, 
.asset #tncms-region-article_instory_bottom, 
.asset #tncms-region-article_bottom_content{
    clear:both; 
}
/* PL-1480 */

/* alternative absolute position sticky share bar, to fix compatibility issue with magnite in firefox */
#share-left-container { position:absolute;height:100%;font-size:26px;  }
#share-left-container li.social-share-link.copy { margin-bottom:4px; }
#share-left-container .share-left-sticky-wrapper { position:sticky;top:100px; color: var(--accent-color); }
#share-left-container .share-left-sticky-wrapper button { font-size:22px; padding:0; }
#share-left-container .share-left-sticky-wrapper button.copy svg { margin:10px 10px 10px 8px; }
@media only screen and (min-width: 767px) and (max-width: 808px){ 
    #share-left-container { left: -40px; }
}
@media only screen and (min-width: 808px) and (max-width: 822px){ 
    #share-left-container { left:-66px; }
}
@media only screen and (min-width: 822px) and (max-width: 990px){ 
    #share-left-container { left:-72px; }
}
@media only screen and (min-width: 990px){ 
    #share-left-container { left:-108px; }
}
@media only screen and (min-width: 1200px){ 
    #share-left-container { left:-115px; }
}
/* end share bar */

/*article styles*/
 .tsArticle{
     display:flex;
}
 .tsArticle .asset-body {
     width: min(690px,calc(100% - 60px));
     max-width:none;
     margin:0 auto 
}
.asset-below {
    width: min(690px,calc(100% - 60px));
    max-width:none;
    padding: 0;
    margin-left: 105px;
}
.inArticleLeaderboard {
    margin-left:-70px !important;
}
@media only screen and (max-width: 1200px){
    .container.has-wallpaper, .has-wallpaper .container, .container {
        /* this fixed width is causing container to expand outside the viewport on smaller devices */
        /* width: 1170px;*/ 
    }
}
@media only screen and (max-width: 768px){
     .asset-below {
         width: 100%;
         margin-left: 0;
         padding: 0 15px;
     }
     .inArticleLeaderboard {
         margin-left:0 !important;
     }
     .container.has-wallpaper, .has-wallpaper .container, .container {
        width: 100%;
    }
    
}
 .articleMainArt {
     width: min(960px,calc(100%));
     max-width:none;
     margin: 0 auto;
}
 .asset #asset-content {
     padding:0 105px;
}
 @media only screen and (min-width: 1086px){
     .asset #tncms-region-article_instory_top, .asset #tncms-region-article_instory_middle, .asset #tncms-region-article_instory_bottom, .asset .articleRelatedSiblings, .asset #tncms-region-article_bottom_content, .asset .related-sidebar {
         position: relative;
         width: 755px;
         right: 65px;
    }
}
 .tsArticleSidebar {
     width: 320px;
     float:left;
     margin-left:20px;
     display: grid;
     grid-template-columns: 100%;
}
 .tsArticleSidebar.tsArticleSidebarSmall {
     grid-template-rows: 100%;
}
 .tsArticleSidebar.tsArticleSidebarMedium {
     grid-template-rows: 50% 50%;
}
 .tsArticleSidebar.tsArticleSidebarLarge {
     grid-template-rows: 50% 25% 25%;
}
 .hasSidebar .asset-body {
     float:left 
}
/* Need to add styling to account for mobile. Rail would be hidden in that case */
 @media only screen and (max-width: 1085px){
     .tsArticleSidebar{
         display:none;
    }
}
 .ymbii .block-title *{
    text-transform: uppercase;
    font-size: 12px !important
}
 .ymbii article{
    margin-left: 16px
}
 .ymbii .card-headline h3.tnt-headline{
    font-size: 18px
}
 .ymbii .icon-warning-updated {
    margin-right: 4px
}
 .ymbii .card-container{
    grid-template-columns: auto 140px;
}
 .ymbii article{
    padding-bottom: 15px
}
 .ymbii article:last-of-type{
    padding-bottom: 0
}
 .asset .articleRelatedSiblings .relatedHeader {
     margin-bottom: 5px;
     border-bottom: 2px solid #000;
     padding-bottom: 5px;
     font-weight: 800;
     color: #333;
     text-transform: uppercase;
     font-size: 12px 
}
 .asset .articleRelatedSiblings .relatedItem .label-flag-section a {
    font-size: 0.625rem;
    line-height: 0;
}
 .asset .articleRelatedSiblings .relatedItem a{
     font-family: var(--font-daily-sans);
     color: var(--body-text-color);
     font-size: 18px;
     line-height: 1.5rem 
}
.asset .articleRelatedSiblings .relatedItem{
     padding-top: 16px;
     padding-bottom: 16px;
     border-bottom: 1px solid #d8d8d8;
}
 .asset .articleRelatedSiblings .relatedItem:last-of-type{
     border-bottom: 0;
     padding-bottom: 0 
}
 .asset .share-container.headline-right{
     position: relative;
     float: none !important;
     display: none 
}
 .asset .asset-body .social-share-links li a{
     font-size:20px 
}
 article.asset .social-share-links *{
     color: var(--accent-color) 
}
 .asset .asset-body .social-share-links .social-share-link{
     opacity: 1 
}
 .asset .tnt-byline {
     color: #333;
}
 .asset .tnt-byline a{
     font-weight: 700 
}
 .asset .tnt-date {
     color: #333;
}
 .asset .tnt-update-recent {
     font-size: 14px;
     color: #333 !important;
}
 .asset .asset-body p {
     font-size: 1.125rem;
     color: #333;
     line-height: 1.5rem;
     font-family:var(--font-daily-text) 
}
 @media (min-width: 768px) {
     .asset .asset-body p {
         font-size: 1.25rem;
         line-height: 1.75rem;
         margin-bottom: 16px;
    }
}
.asset .asset-body p > a, #staticpage-content a{
     color: var(--link-color);
}
.asset .asset-body p > em > a{
     color: var(--link-color);
}
 .asset .asset-body .caption *{
     font-family: var(--font-daily-sans) 
}
 .asset .asset-body .caption p{
     font-size: smaller ;
     line-height: normal;
     font-weight: normal 
}
 .asset .asset-body .caption-text{
     padding: 10px 0;
     display: block 
}
 .asset .asset-body .credit{
     font-size: smaller 
}
 .asset .asset-tags * {
     font-size: 2px;
     background: none;
     padding: 0 
}
 .asset .asset-tags a{
     color: var(--accent-color);
     border-radius: 0;
     background: none !important 
}
 .asset .asset-tags a:hover{
     text-decoration: underline 
}
 .asset .asset-tags li:after{
     content: ',';
     padding: 0 !important 
}
 .asset .asset-tags li:last-of-type:after{
     content: '' 
}
 .asset .asset-tags li {
     padding: 0 !important;
     margin-right: 3px 
}
 .asset .asset-tags h4 {
     margin-top: 3px !important;
     color: #222 
}
 .asset .asset-tags h4:after{
     content: ':' 
}
 .asset p.tncms-inline-link a{
     font-size: 20px 
}
 .asset-header {
     width: min(960px,calc(100%));
     max-width:none;
     margin: 0 auto;
}
 .asset-header .type-of-work {
     border: 1px solid #333;
     border-radius: 2px;
     color: #333;
     padding: 3px 5px;
     font-weight: 800;
     letter-spacing: .5px;
     text-transform: uppercase;
     margin-bottom: 0;
     height: auto !important;
     line-height: 12px 
}
 .asset-header .type-of-work .the-type, #oldArticleTooltip .the-type{
     margin:0;
     color: #333;
     font-size: .625rem;
}
 .asset-header .type-of-work .popover h4, #oldArticleTooltip h4{
     font-size: 28px;
     margin-bottom: 8px;
     letter-spacing: -.25px;
     line-height: 32px;
     font-weight: 700;
     font-family: var(--font-daily-serif);
     color: var(--body-text-color); 
}
 .asset-header .type-of-work .popover p, #oldArticleTooltip p{
     font-size: 18px;
     letter-spacing: .1px;
     line-height: 24px;
     margin-bottom: 8px;
     font-family: var(--font-daily-serif);
     color: var(--body-text-color);
}
#oldArticleTooltip {
     width: 342px;
     max-width: 342px;
     left: -20px;
     top:20px;
     position:relative;
     color: var(--body-text-color);
}
#oldArticleTooltip .arrow{
    top: -10px;
    left: 10%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: none;
}
#oldArticleTooltip a.close{
    color: var(--accent-color);
    font-size: 12px;
    font-weight:bold;
    margin-bottom:5px;
    opacity:unset;
}
 @media only screen and (max-width: 767px)
 {
     #oldArticleTooltip {
         width: 342px;
         max-width: 342px;
         left: -10px;
         top:20px;
         position:relative;
         color: var(--body-text-color);
    }
    #oldArticleTooltip .arrow{
        top: -10px;
        left: 5%;
        margin-left: -11px;
        border-top-width: 0;
        border-bottom-color: none;
    }
 
 }

 .asset-header .type-of-work .popover.bottom.show{
     width: 342px;
     max-width: 342px;
     left: -20px 
}
@media only screen and (max-width: 767px) {
    .asset-header .type-of-work .popover.bottom.show{
     width: 250px;
    }
}
 .asset-header .type-of-work .popover .popover-actions a{
     font-size: 12px;
     color: #0070bf;
     letter-spacing: .4px;
     line-height: 12px;
     font-weight: 700;
     opacity: 1;
     float: none;
     font-family: var(--font-daily-sans);
     text-decoration: none 
}
 .asset-header .type-of-work .popover .popover-actions{
     display: flex;
     justify-content: flex-end;
     column-gap: 20px;
     margin-top: 20px 
}
 .asset-header .has-work span:before, .asset-header .has-work span:after{
     transform-origin: top right;
     transform: skewX(-45deg);
     position: absolute;
     background-color: var(--icon-alert-light);
     content: "";
     left: -45px;
     height: 100%;
     z-index: -1;
     right: 0;
     top: 0;
}
 .asset-header .has-work span:after{
     transform-origin: bottom right;
     transform: skewX(45deg);
     top: auto;
     bottom: 0;
}
 .asset-header .has-work span{
     position: relative;
     text-transform: uppercase;
     padding: 4px 15px 2px 4px;
     display: inline-block;
     vertical-align: middle;
     position: relative;
     font-size: .625rem;
     overflow: hidden;
     z-index: 1;
     letter-spacing: .5px;
     height: 21px;
     line-height: .75rem;
     color: #fff;
     font-family:var(--font-daily-sans);
     font-weight: 800;
     font-size: .625rem;
}
 .asset-header .has-work span{
     line-height: 14px;
}
 .asset-header .has-work *{
     border-radius: 0 !important 
}
 .asset-header .card-label-flags span:before, .asset-header .card-label-flags span:after{
     transform-origin: top right;
     transform: skewX(-45deg);
     position: absolute;
     background-color: var(--accent-color);
     content: "";
     left: -45px;
     height: 100%;
     z-index: -1;
     right: 0;
     top: 0;
}
.asset-header .card-label-flags span.label-flag-special:before, .asset-header .card-label-flags span.label-flag-special:after {
     background-color: #B40404;
}
 .asset-header .card-label-flags span:after{
     transform-origin: bottom right;
     transform: skewX(45deg);
     top: auto;
     bottom: 0;
}
 .asset-header .card-label-flags span{
     position: relative;
     text-transform: uppercase;
     padding: 4px 15px 4px 4px ;
     display: inline-block;
     vertical-align: middle;
     position: relative;
     font-size: .625rem;
     overflow: hidden;
     z-index: 1;
     letter-spacing: .5px;
     height: 24px;
     line-height: .75rem;
     color: #fff;
     font-family:var(--font-daily-sans);
     font-weight: 800;
     font-size: .625rem !important;
}
 .asset-header .card-label-flags span{
     line-height: 14px;
}
 .asset-header .card-label-flags *{
     border-radius: 0 !important;
    color: #fff;
}
 .asset-header .card-label-flags *:hover{
    color: #fff;
}
 .asset-header .text-muted{
    color: #333
}
 .asset-header .label-flag-graphic:before{
     display: none 
}
 .asset-header .label-flag-graphic:after{
     display: none 
}
 .asset-header h1{
     font-size: 44px;
     line-height: 48px;
     word-spacing:-.5px;
     letter-spacing:-0.25px;
     font-weight: 600;
     color:#000 
}
 @media screen and (max-width: 767px) {
     .asset-header h1{
         font-size: 1.875rem;
         line-height: 1.2;
    }
}
 .asset-header .asset-summary{
     display: flex;
     flex-direction: column 
}
 .asset-header .asset-summary p{
     font-size: 14px;
     line-height: 1.47;
     margin:16px 0;
     clear: both;
     color: #686868;
}
 .asset-header .meta{
     margin-top: 26px;
}
 .asset-header .shareIcons {
     margin-top: 26px;
}
 .asset-header .shareIcons .tnt-inverse{
     color: var(--accent-color) 
}
 .asset-header .shareIcons a{
     font-size: 24px 
}
 .asset-header .shareIcons .social-share-link{
     opacity: 1;
     padding: 0 
}
 .asset-header .shareIcons .tnt-inverse:hover{
     color: var(--accent-color2) 
}
 .asset-header .shareIcons .tnt-svg.tnt-stack-1x{
     margin: 0 
}
 .asset-header .shareIcons .tnt-stack{
     width: 25px;
     height: 20px 
}
 .asset-header .social-share-links{
     display: flex;
     column-gap: 15px;
     margin-bottom: 32px;
     height: 35px;
}
 .asset-header .social-share-links button{
     padding: 0;
     font-size: 24px;
     border: 0 
}
 .asset-header .datesToRead{
     display: flex;
     column-gap: 10px;
     font-size: 14px;
     align-items: center 
}
 .assetMeta .dates .old-asset{
     display: flex;
     align-items: center;
     column-gap: 7px 
}
 .assetMeta .dates .old-asset svg{
     font-size: 12px 
}
 .asset-header .time-to-read-wrapper{
     display: flex;
     align-items: center 
}
 .asset-header .datesToRead .timeToRead{
     position: relative;
     display:flex 
}
 .asset-header .datesToRead .timeToRead:before{
     content: "";
     border-left: 1px solid #d8d8d8;
     height: 16px;
     align-self: center;
     padding-left: 10px;
}
 .asset-header .assetUpdated{
     border-top: 1px solid #d8d8d8;
     font-size: 14px !important;
    /* display: flex;
     align-items: center*/
     display: inline-block;
     padding-top: 5px;
     margin-top: 5px 
}
 .asset-header .icon-updated{
     margin-bottom: -1px 
}
 .asset-header .assetUpdated *{
     font-size: 14px 
}
 .asset-header .asset-byline{
     font-size: 14px;
     color:#333;
}
 .asset-header .asset-byline *{
     font-size: 14px;
     color:#333;
     text-decoration: none 
}
 .asset-header .asset-byline a{
    color:var(--accent-color);
}
 .asset-header .authorTitle{
     font-size: 14px;
     color: #333;
     font-weight: normal;
     margin-left: 5px 
}
 .asset-header .authorList{
     font-size: 14px 
}
 .asset-header .tnt-date{
     font-size: 14px 
}
 .asset-header .has-avatar{
     display: grid;
     grid-template-columns: 55px auto;
     gap:2px 10px 
}
 .asset-header .has-avatar .avatar-box{
     grid-row:span 3 
}
 .asset-header .assetConversations *{
     color:var(--accent-color);
     font-size: 12px;
     cursor: pointer;
}
 .asset-header .assetConversations {
     margin-bottom: 28px;
}
 .asset-header .assetConversations .cm *{
     font-size: 18px !important;
     margin-bottom: -3px 
}
 .asset-header .avatar-box{
     width: 48px;
     height: 48px;
     min-width: 48px;
     min-height: 48px;
     border-radius: 50% !important;
     overflow: hidden;
     border: 1px solid rgba(0,0,0,.15);
     margin-right: 15px 
}
 .asset-header .authorList br{
     display: none 
}

.asset-header .avatar-box a {
    height: 100%;
}
.asset-header .avatar-box a img {
    object-fit: cover;
    height:100%;
}



/*byline for most cases*/
 .authorList{
     display: flex !important;
     align-items: center;
     margin-bottom: 10px;
     justify-content: flex-start;
     flex-wrap: wrap 
}
 .authorList .asset-byline{
     display: flex !important;
     align-items: center;
     column-gap: 5px 
}
 .authorList .avatar-box{
     margin-right: 5px 
}
 .authorList .author:not(:first-of-type){
     margin-left: 5px 
}
 .authorList .author[data-last="true"]{
     margin-right: 5px 
}
 .authorList .tsPublication{
     margin-right: 5px;
     font-weight:500 
}
 .authorList.stacked{
     flex-direction: column;
     justify-items: flex-start;
     gap:5px 
}
 .authorList.stacked > span{
     margin-right: auto !important;
     margin-left:0 !important 
}
 .assetMetaAvatar .avatar-box{
     margin-bottom: -30px 
}
 .assetMetaAvatar .datesToRead{
     margin-left: 60px 
}
 .assetMetaAvatar .assetUpdated{
     margin-left: 60px 
}
 .assetMetaAvatar .authorList{
     margin-bottom: 0 
}
 .asset-header .authorList.list .asset-byline{
     display:inline 
}
 .asset-summary p:empty{
     display: none 
}
 .asset .asset-tags {
     display: flex;
     column-gap: 10px;
     margin-bottom: 20px 
}
 .asset .asset-tags h4{
     margin: 0 !important;
     font-size: 1rem 
}
 .asset .asset-tags .list-inline{
     margin-bottom: 0;
     line-height: 1.25 
}
 .asset .asset-tags .list-inline *{
     font-size: 1rem;
     font-weight: normal;
     margin-left: 5px;
     margin-right: -3px;
}
 .authorList,.datesToRead,.assetUpdated {
    letter-spacing: .4px
}
 .articleKeyFacts, .tncms-inline-relcontent-info {
     margin-bottom: 48px;
     margin-top: 48px;
     border: none;
     padding: 0;
     clear:none;
}
 .articleKeyFacts h4, .tncms-inline-relcontent-info h4 {
     font-size: 12px;
     letter-spacing: .6px;
     font-weight: 700;
     text-transform: uppercase;
     color: #333;
     display: block;
     padding: 8px 8px 8px 0;
     margin-bottom: 0 
}
 .articleKeyFacts ul, .tncms-inline-relcontent-info ul {
     border-top: 2px solid #333;
     border-bottom: 1px solid #d8d8d8;
     padding: 0 0 16px 18px;
}
 .articleKeyFacts li, .tncms-inline-relcontent-info li {
     padding: 12px 0 0;
     list-style: square;
     font-size: 1.3rem;
     font-weight: 400;
     line-height: 1.4;
     font-family: var(--font-daily-text);
}
.articleKeyFacts a, .tncms-inline-relcontent-info a {   
	color: var(--accent-color3) !important;
	font-weight: 700;
}

 #asset-below .asset-author{
     border-top:1px solid #ddd;
     padding: 16px 0 
}
 #asset-below .asset-author:last-of-type{
     border-bottom: 1px solid #ddd;
     margin-bottom: 20px 
}
 #asset-below .authorCard{
     display: flex;
     align-items: center 
}
 #asset-below .authorCard .card-image{
     min-width: 60px;
     margin-right: 15px 
}
 #asset-below .authorCard .card-image img{
     width: 60px;
     height: 60px;
     min-width: 60px;
     min-height: 60px;
     display: flex;
     border: 1px solid rgba(0,0,0,.15);
     border-radius: 50%;
     overflow: hidden;
     justify-content: center;
     align-items: center;
     object-fit: cover;
}
 #asset-below .authorCard .card-image.no-img{
     background-image:linear-gradient(to bottom, #626262, #333);
     display:grid;
     width:60px;
     margin-right: 16px;
     min-width: 60px;
     border-radius: 50%;
     border: 1px solid rgba(0,0,0,.15);
     height: 60px;
     overflow: hidden;
     justify-content:center;
     align-items:center 
}
 #asset-below .authorCard .card-image.no-img .initials{
     display:inline-block;
     color:#fff;
     font-family:Merriweather Sans,Helvetica,Roboto,Arial,sans-serif;
     font-size:1.5rem;
}
 #asset-below .author-tagline {
     margin-bottom: 0;
     font-style: italic;
     font-family:var(--font-daily-sans);
     font-size: .875rem;
     line-height: 1.25rem;
}
 #asset-below .author-tagline a{
     color: var(--accent-color) 
}
 #asset-below .author-tagline a{font-style: normal }
 #asset-below .author-tagline p{
     margin-bottom: 0;
     font-style: italic;
     font-family:var(--font-daily-sans);
     font-size: .875rem;
     line-height: 1.25rem;
}
 #asset-below .author-tagline p a{
     color: var(--accent-color) 
}
#asset-below .author-tagline a{font-weight: bold}
#asset-below .author-tagline a[href^="mailto:"]{font-style: italic;}
 #asset-below .articleFeedbackCTA{
     margin-bottom:20px 
}
 #asset-below .articleFeedbackCTA .trustBarMiddle{
     text-align: center 
}
 #asset-below .articleFeedbackCTA .trustBarMiddle a{
     white-space: nowrap
}
 #asset-below .articleFeedbackCTA a{
     color: var(--body-text-color) 
}

 #asset-below .shareIcons {
     margin-top: 26px;
}
 #asset-below .shareIcons .tnt-inverse{
     color: var(--accent-color) 
}
 #asset-below .shareIcons a{
     font-size: 24px 
}
 #asset-below .shareIcons .social-share-link{
     opacity: 1;
     padding: 0 
}
 #asset-below .shareIcons .tnt-inverse:hover{
     color: var(--accent-color2) 
}
 #asset-below .shareIcons .tnt-svg.tnt-stack-1x{
     margin: 0 
}
 #asset-below .shareIcons .tnt-stack{
     width: 25px;
     height: 20px 
}
 #asset-below .social-share-links{
     display: flex;
     column-gap: 15px;
     margin-bottom: 32px 
}
 #asset-below .social-share-links button{
     padding: 0;
     font-size: 24px;
     border: 0 
}
 #asset-below .articleFeedbackCTA {
     padding: .8rem 0;
     border: 1px solid #ddd;
     border-top-width: 1px;
     border-right-width: 1px;
     border-bottom-width: 1px;
     border-left-width: 1px;
     border-width: 1px 0;
     margin-left: 0;
     margin-right: 0;
     display: flex;
     column-gap: 10px 
}

#asset-below .articleFeedbackCTA .trustBarLeft, #asset-below .articleFeedbackCTA .trustBarMiddle, #asset-below .articleFeedbackCTA .trustBarRight {padding: 0}
#asset-below .articleFeedbackCTA a{text-transform: uppercase;font-weight: 900;font-size: 12px;letter-spacing: .3px;}
#asset-below .articleFeedbackCTA a:hover{text-decoration: underline}
#asset-below .articleFeedbackCTA a span{margin-right: 5px}
#asset-below .articleFeedbackCTA a span.business-name{margin-right: 5px;font-style:italic}
#asset-below .articleFeedbackCTA .trustBarRight{text-align:right;}


 @media only screen and (max-width: 767px){
     #asset-below .articleFeedbackCTA a{
         display: grid;
         grid-template-columns: 28px auto;
         justify-content: flex-start;
         align-items:  flex-start;
         font-size: 9px;
    }
     #asset-below .articleFeedbackCTA a span{
         display: block !important;
         margin-bottom: 0; 
    }
     #asset-below .articleFeedbackCTA .trustBarMiddle a{
         white-space: normal;
         text-align: left;
    }
}
#asset-below .asset-disclaimer {
     padding: .8rem 0;
     border: 1px solid #ddd;
     border-top-width: 1px;
     border-right-width: 1px;
     border-bottom-width: 1px;
     border-left-width: 1px;
     border-width: 1px 0 0;
     margin-left: 0;
     margin-right: 0;
     display: flex;
     column-gap: 10px;
     margin-top: 10px;
     font-size: 10px;
 }
 #asset-below .articleFeedbackCTA:before{
     display: none 
}
 #asset-below .articleFeedbackCTA:after{
     display: none 
}
 #asset-below .articleFeedbackCTA .col-xs-6{
     padding: 0 
}
 .asset-comments{
     margin-top: 48px 
}
 .asset-comments .block-title{
     font-weight: bold 
}
 .asset-header .has-sponsor{
     display: grid;
     grid-template-columns:max-content auto;
     column-gap: 15px 
}
 .asset-header .sponsor-box{
     grid-row: span 4;
}
 .asset-header .sponsor-box img{
     max-height: 24px;
     width: auto !important 
}
/*cover art presentation fixes for avatar box*/
 div[class*="tnt-cover-art"] .has-avatar .avatar-box img{
     max-width: 48px;
     position: relative;
     animation: none 
}
 div[class*="tnt-cover-art"] .has-avatar{
     display: inline-grid;
     margin-left: -48px 
}
 div[class*="tnt-cover-art"] .meta{
     margin-left: auto !important;
     margin-right: auto !important 
}
 .asset .tn-mediaplayer-widget {
    /*grid-template-columns: 1fr !important;
    grid-row-gap: 10px !important;
    grid-template-areas:
        "player" 
        "text"
        "list" !important;
    */
    display: flex;
    flex-direction: column;
}
 .asset .tn-mediaplayer-widget .photo-carousel{
     margin-bottom: 10px 
}

@media screen and (min-width: 768px) {
    .tn-mediaplayer-widget {
        display: flex;
        flex-direction: column;
    }
    

}

.sr-in-article-game {
    margin-bottom: 16px;
}

/* article mobile fixes */
 @media only screen and (max-width: 1085px){
     .asset #asset-content{
         padding: 0 !important 
    }
     .articleMainArt .caption{
         padding:10px 30px 0 
    }
}
 @media only screen and (max-width: 1085px){
     .asset #asset-content{
         padding: 0 !important 
    }
     .asset #tncms-region-article_instory_top, .asset #tncms-region-article_instory_middle, .asset #tncms-region-article_instory_bottom, .asset #tncms-region-article_bottom_content, .asset .articleRelatedSiblings, .asset .related-sidebar {
         right: 30px;
         width: min(775px,calc(100% + 60px));
         position:relative 
    }
}
 .sb-opened{
     margin-bottom: 20px 
}
 .asset .asset-body .caption-text p{
     font-size: 14px !important 
}
/* article share defaults */
 .share-container.content-below {
     display:none;
     height:0 
}
 #share-left-affix{
     position: absolute !important;
     left: 0 !important;
     margin-left: -130px;
}
 #share-left-affix.affix{
     margin-left: -130px !important;
     top: 100px;
     position: sticky !important;
}
 #share-left-affix.affix-bottom{
     bottom:0 !important;
     top: auto !important 
}
 #share-left-affix .social-share-links button {
     padding: 0;
     font-size: 24px;
}
 #share-left-affix .social-share-links button .tnt-stack{
     width: 40px 
}
 .asset .asset-body{
     position: relative !important 
}
/* hide weird long urls */
 .asset .asset-content p {
     overflow-wrap: break-word;
}
 .asset .related-sidebar{
    margin-bottom: 40px
}
 .asset .related-sidebar .relatedHeader{
    font-size:1.333rem;
    border-bottom: 2px solid #000;
    padding-bottom: 10px;
    margin-bottom: 1rem;
    font-weight: 800;
    color: #333;
    text-transform: uppercase;
    color: #333;
    margin-top: 0;
    font-size: 1rem;
}

/* handling external images embedded in articles */
.asset .asset-body figure img {
    max-width:100%;
}
@media only screen and (max-width: 767px){
    .articlePublication img{
        height: 40px;
        margin-bottom:10px;
    }
}
@media only screen and (min-width: 768px){
    .metaPrimary {
        display:flex;
    }
    .articlePublication {
        display:flex;
        flex-basis: 250px;
        align-items: center;
        justify-content: center;
        border-right: 1px solid #d8d8d8;
        margin-right:10px;
        padding-right:10px;
    }
    .dateInfo {
        flex: 1
    }
}

/* PL-1467 */


#article-body ol:not(.list-inline) li:not(.card-date),
#article-body ul:not(.list-inline) li:not(.card-date) {
     font-size: 1.125rem;
     color: #333;
     line-height: 1.5rem;
     font-family:var(--font-daily-text);
}

#article-body .subscriber-only ol:not(.list-inline) li:not(.card-date),
#article-body .subscriber-only ul:not(.list-inline) li:not(.card-date) {
    font-size: 1.125rem;
    color: #333;
    line-height: 1.5rem;
    font-family: var(--font-daily-text);
}

@media (min-width: 768px) {
#article-body ol:not(.list-inline) li:not(.card-date),
#article-body ul:not(.list-inline) li:not(.card-date) {
         font-size: 1.25rem;
         color: #333;
         line-height: 1.75rem;
         font-family:var(--font-daily-text);
         margin-bottom: 16px;
    }

#article-body .subscriber-only ol:not(.list-inline) li:not(.card-date),
#article-body .subscriber-only ul:not(.list-inline) li:not(.card-date) {
         font-size: 1.25rem;
         color: #333;
         line-height: 1.75rem;
         font-family:var(--font-daily-text);
         margin-bottom: 16px;
    }
 }

/* END PL-1467 */

#article-body>p>a, 
#article-body>div.subscriber-preview>p>a, 
#article-body>div.subscriber-only>p>a,
#article-body ul > li > p > a,
.asset-body div.asset-tagline > p > a
{
    border-bottom: 1px solid #d8d8d8;
    color: #0550c8; 
    text-decoration: none;
    transition: background-color .25s linear;
}
#article-body>p>a:hover, 
#article-body>div.subscriber-preview>p>a:hover, 
#article-body>div.subscriber-only>p>a:hover,
#article-body ul > li > p > a:hover,
.asset-body div.asset-tagline > p > a:hover {
    background-color: #d8d8d8
}

/* gallery captions */
.asset #asset-video-primary .tn-mediaplayer-widget .tn-mediaplayer-description.collapsed.truncate {
    height: auto !important;
    min-height: auto !important;
}
#asset-video-primary .caption-toggle {display:none !important;}


/*** TNM-1124 override star specific pullquote markup styles */
	.asset-body div.graphic_pullquote {
		margin: 28px 0 36px !important;
	}
	.asset-body  p.graphic_pullquote_text {
		margin: 0  !important;
		font-size: 32px  !important;
		line-height: 1.3em  !important;
		padding:  22px 0 28px  !important;
		color: #e1343a  !important;
		text-rendering: optimizeLegibility  !important;
		font-style: normal  !important;
		-moz-osx-font-smoothing: grayscale  !important;
		text-align: center  !important;
		font-weight: 800  !important;
		letter-spacing: 0.5px  !important;
	}
	.asset-body  div.graphic_pullquote_line {
		width:  72px  !important;
		height:  1px  !important;
		margin:  0 auto  !important;
		background-color: #bbb  !important;
	}

@media (min-width: 526px) {
    .asset-body  p.graphic_pullquote_text {
		font-size: 40px !important;
		padding:  26px 0 32px !important;
	}
    .asset-body div.graphic_pullquote {
		margin: 32px 0 44px !important;
	}
    .asset-body div.graphic_pullquote_line {
      width:  88px !important;
	}
}
@media (min-width: 592px) {
    .asset-body p.graphic_pullquote_text {
      font-size: 46px !important;
      padding:  30px 0 36px !important; 
	}
    .asset-body div.graphic_pullquote {
      margin: 36px 0 48px !important; 
	}
    .asset-body  div.graphic_pullquote_line {
      width:  104px !important;
	}
}
	  
	  
	  
/*** TNM-1124 override blox pullquote markup styles */
  
	.asset-body aside.tncms-inline-relcontent-quote {
		clear: none; /* remove large gap in article */
		margin: 28px 0 36px;
		padding:0;
	}
  
	.asset-body aside.tncms-inline-relcontent-quote blockquote {
		margin: 0;	
		padding: 0;	
		margin: 0;
		border: 0;
	}
	.asset-body aside.tncms-inline-relcontent-quote blockquote p
	{
		padding: 22px 0 28px;
		font-size: 32px !important;
		color: #e1343a;
		line-height: 1.3em;
		text-rendering: optimizeLegibility;
		font-style: normal;
		-moz-osx-font-smoothing: grayscale;
		text-align: center;
		font-weight: 800;
		letter-spacing: 0.5px;
		margin-bottom:0;
	}
	
	.asset-body aside.tncms-inline-relcontent-quote blockquote span  {
		font-size: 32px !important;
		color: #e1343a;
		line-height: 1.3em;
		text-rendering: optimizeLegibility;
		font-style: normal;
		-moz-osx-font-smoothing: grayscale;
		text-align: center;
		font-weight: 800;
		letter-spacing: 0.5px;
	}
  
	aside.tncms-inline-relcontent.tncms-inline-relcontent-quote::before,
	aside.tncms-inline-relcontent.tncms-inline-relcontent-quote::after  {
		display: block;
		content: "";
		border-top: 1px solid #bbb;
		width: 72px;
		margin: 0 auto;
	}
  
  @media (min-width: 526px) {
		.asset-body aside.tncms-inline-relcontent-quote {
			margin: 32px 0 44px;
		}

		.asset-body aside.tncms-inline-relcontent-quote blockquote {
			padding:  0;
		}
		.asset-body aside.tncms-inline-relcontent-quote blockquote p {
			padding:  26px 0 32px;
			font-size: 40px !important;
		}
		
		.asset-body aside.tncms-inline-relcontent-quote blockquote span {
			font-size: 40px !important;
		}

		aside.tncms-inline-relcontent.tncms-inline-relcontent-quote::before,
		aside.tncms-inline-relcontent.tncms-inline-relcontent-quote::after  {
			width: 88px;
		}
  }
  
  @media (min-width: 592px) {
	  .asset-body aside.tncms-inline-relcontent-quote {
			margin: 36px 0 48px;
		}

		.asset-body aside.tncms-inline-relcontent-quote blockquote {
			padding:  0;
		}
		.asset-body aside.tncms-inline-relcontent-quote blockquote p
		{
			padding:  30px 0 36px;
			font-size: 46px !important;
		}
		.asset-body aside.tncms-inline-relcontent-quote blockquote span {
			font-size: 46px !important;
		}

		aside.tncms-inline-relcontent.tncms-inline-relcontent-quote::before,
		aside.tncms-inline-relcontent.tncms-inline-relcontent-quote::after  {
			width: 104px;
		}
  }
.tncms-inline-relcontent {clear:right;}
.video-responsive {width:100%}

  /* START for community bylines on dailies site */
.asset-header .tnt-byline{
     font-weight: bold 
}
.asset-header .tnt-byline .leadin, .asset-header .tnt-byline .bylinepub{
     font-weight: normal; 
}
/* END for community bylines on dailies site */

/* START for migrated AEM articles on dailies site */
.asset-header .tnt-byline.aem {
     font-weight: normal; 
}
/* END for migrated AEM articles on dailies site */

/* TSP-213 */
.ovx-vertical-bg { 
    background: #F8F8F8 !important; 
}
/* END TSP-213 */

/* TSP-333 */
.oovvuu-embed-player .ovx-v2-multi-embed.ov-p-4 {
    padding: 0  !important;
} 

.ovx-meta.ov-w-full.ov-flex.ov-flex-col.ov-space-y-4.ov-mb-4.ov-whitespace-pre-wrap {
    margin-bottom: 15px !important;
}

.ovx-meta.ov-w-full .ovx-meta-title {
    font-family: var(--font-daily-sans) !important;
    font-size: 16px !important;
    line-height: 20px !important;
    padding-bottom: 5px !important;
    color:#333 !important;
    border-bottom: 2px solid #000 !important;
    width: 100% !important;
    font-weight: 700 !important;
}
/* END TSP-333 */