.colorbar {
    width: 50px;
    height: 8px;
    background-color: #ffffff;
    border-style: none;
    margin: 16px auto 16px 0;
}
.primary-content p, .primary-content p em, html .primary-content h2, html .primary-content h3, html .primary-content h4, html .primary-content h5, html .primary-content h6, .primary-content ol, .primary-content ul, .primary-content blockquote{
    box-sizing: border-box;
    flex: 0 1 83.33333333%;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    max-width: 83.33333333%;
    padding: 0;
}
/* Spacer Ramp for the P's & H's */
.primary-content p {
    margin-top: 8px;
    margin-bottom: 8px;
}
.primary-content p:empty { 
    margin: initial; 
}
.primary-content h2, .primary-content h3, .primary-content h4, .primary-content h5, .primary-content h6 {
    margin-top: 12px;
    margin-bottom: 4px;
}
.primary-content media-image + h2, .primary-content media-image + h3 , .primary-content media-image + h4, .primary-content media-image + h5, .primary-content media-image + h6 {
    margin-top: 0;
}
@media all and (min-width: 960px) {
    .primary-content p {
        margin-top: 12px;
        margin-bottom: 12px;
    }
    .primary-content h2, .primary-content h3, .primary-content h4, .primary-content h5, .primary-content h6 {
        margin-top: 16px;
        margin-bottom: 8px;
    }
}

/* Position Lists */
.primary-content ol, .primary-content ul {
    padding-left: 24px;
}

.primary-content blockquote {
    margin-top: 0;
    margin-bottom: 0;
}

.primary-content blockquote p {
    font-style: italic;
    max-width: 100%;
    margin-left: 8.33333333%;
}
.story-topper.column {
    margin-left: 0;
    min-height: 110px;
    padding-left: 8.3333%;
    padding-top: 5px;
}
.primary-content media-image[is-lede]  {
    display: block;
    margin-bottom: -30px;
    transition: all 250ms ease-out;
}
.story-topper.lede {
    background-color: #ffffff;
    z-index: 10;
}
.story-topper h1 {
    padding-top: 15px;
}
.story-topper.lede h1 {
    padding-right: 20px; 
}
.story-topper h2.subhead {
    color: rgba(0, 0, 0, 0.60);
    font-weight: 400;
    line-height: 1.3;
    margin-top: 16px;
    margin-right: initial;
    margin-bottom: 8px;
    margin-left: initial;
    max-width: 100%;
}
.primary-content story-byline {
    display: block;
    min-height: 14px;
}
.primary-content story-byline .authors, .primary-content story-byline .credit {
    text-transform: uppercase;
}
.primary-content story-byline .authors {
    color: #444444;
    font-family: 'Unify Sans', Helvetica, Arial, sans-serif;
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1200 - 320)));
    font-weight: 600;
}
.primary-content story-byline .emphasis .authors {
    font-weight: 900;
}
.primary-content story-byline .credit {
    color: #444;
    font-family: 'Unify Sans', Helvetica, Arial, sans-serif;
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1200 - 320)));
    font-weight: 400;
    font-style: normal;
    line-height: 1.2;
}
.primary-content story-timestamp {
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1200 - 320)));
    line-height: 1.29;
    color: #666666;
}
.primary-content story-timestamp .updated{
    font-family: 'Unify Serif', Georgia, TimesNewRoman, "Times New Roman", Times, serif;
    color: #666666;
    font-weight: bold;
}
.primary-content story-highlights ul { 
    max-width: 100%;
}
 .primary-content story-highlights li {
    margin-bottom: 8px;
}  
.primary-content media-oembed {
    display: block;
    max-width: 83.33333333%;
    overflow-x: hidden;
    padding: 0;
}

/* Inform-specific hack to make it overlay right */
.primary-content media-oembed[provider-name="Inform, Inc."] {
    position: relative;
    overflow: visible;
    z-index: 2;
}

.primary-content media-oembed div.oembed-container {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center;
}

.primary-content media-oembed iframe {
    max-width: 100%;
}

partner-sponsor-logo.partner-placement-mobile {
    margin: 20px 0 0;
    padding-left: 8.3333%;
}

/* Branded Content */
.sponsor-story .colorbar {
    background-color: #222;
}
.sponsor-story .story-topper h1 {
    color: #7a7a7a;
}

/* Start Taboola Recommendations Styling */
.trc_rbox_header {
    padding-bottom: 19px !important;
}
.trc_spotlight_item {
    margin-bottom: 20px !important;
}
.trc_related_container .logoDiv a span {
        color: #666666 !important;   
}
.thumbnails-e .video-title,
.thumbnails-e .syndicatedItem .video-title {
    font-size: 14px;
    line-height: 1.29;
    color: #222222;
    font-weight: 600;
    text-transform: capitalize;
}
.thumbnails-e .syndicatedItem .branding {
    margin-top: 4px;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.17;
    color: #666666;
}
.trc_adc_wrapper {
    display: none !important;
}
.trc_mobile_disclosure_link span {
    display:none !important;
}
.trc_mobile_disclosure_link span:after {
    content: "Sponsored";
    position: relative;
    right: 58px;
    font-size: 11px;
}
/* End Taboola Recommendations Styling */

/* Start Truncated Article Styling */
.truncated-section {
    max-height: 1700px;
    display: block;
    overflow: hidden;
    position: relative;
    background: #ffffff;
    padding-bottom: 25px;
    border-bottom: 20px solid #ffffff;
}    
.truncated-section:after {
    position: absolute;
    bottom: 0;
    height: 162px;
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3) 34%, #ffffff 63%, #ffffff), -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7) 36%, #ffffff);
    background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3) 34%, #ffffff 63%, #ffffff), -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7) 36%, #ffffff);
    background-image: -o-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3) 34%, #ffffff 63%, #ffffff), -o-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7) 36%, #ffffff);
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3) 34%, #ffffff 63%, #ffffff), linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7) 36%, #ffffff);
    width: 100%;
    content: "";
}
story-readmore-expand {
    left: 8.33333333%;
    z-index: 10;
    position: absolute;
    top: 1670px;
    width: 83.33333333%;
}
/* End Truncated Article Styling */

/* Video */

/* Apply video slotted styles from video-player.html, slotted styles not applied on page load */
video.video {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1;
}
video.uw-video::-webkit-media-controls, video.uw-video::-webkit-media-controls-panel-container, video.uw-video::-webkit-media-controls-start-playback-button {
    display: none !important;
    -webkit-appearance: none !important;
}
.primary-content #videoWrap{
    width:  100%;
}

video-playlist {
    width: 100%;
}
/* End Video */

media-oembed {
    z-index: 0;
}
@media all and (max-width: 640px) {
    .primary-content #videoWrap{
        margin-top: 16px;
    }
}
/* M1 and M3 modules span 10/12 columns on grid when viewport is above 640 */
@media all and (min-width: 640px) {
    
    .primary-content media-image {
        width:  83.33333333%; /* 10 columns */
        margin: 16px 8.33333333%; /* 1 column margin */
    }
    .primary-content #videoWrap{
        width:  83.33333333%; /* 10 columns */
        margin: 12px 8.33333333% 16px;
    }
    /* lede stays at 12 columns */
    .primary-content media-image[is-lede]  {
        width: 100%;
        margin: 0 auto;
    }
}
@media all and (min-width: 960px) {
    .primary-content video-wrap[placement="video-story-inline"],
    .primary-content media-image {
        margin-top: 24px;
        margin-bottom: 24px;
    }
}