:root{
    --content-font-droidserif:'Droid Serif',serif;
    --content-font-roboto:'Roboto',sans-serif;
}
.ie-breaking-story {margin-bottom: 25px;}
.ie-breaking-story .ie-stories-blocks{background-color: #0b122b;}
.ie-breaking-story .ie-stories-blocks.with-thumbnail{background-color: #000;position: relative;}
.ie-breaking-story img{display: block;width: 100%;}
.ie-breaking-article{padding: 35px;text-align: center;}
.breaking-slug{background-color: #dc0505;color: #fff;display: inline-block; font-size: 13px;line-height: 18px;font-weight: 700;text-transform: uppercase;font-family: 'Roboto',sans-serif;padding: 4px 10px;margin-bottom: 10px;}
.breaking-slug a {color: inherit;}
.ie-breaking-story__title{color:#fff;font-family: var(--content-font-droidserif);}
.ie-breaking-story__title a {color: inherit;}
.ie-breaking-article p{color:#fff;font-size: 17px;line-height: 26px;font-family: var(--content-font-droidserif);margin-top: 15px;}
.breaking-thumbnail{position: relative;}
.with-thumbnail .ie-breaking-story__title{font-size: 32px;font-weight: 400;line-height: 44px;}
.with-thumbnail .ie-breaking-article{text-align: left;}
.with-thumbnail .ie-breaking-article p {font-size: 14px;}
.o-breaking-stories,.breaking-bg-full{position: relative;}
.breaking-bg-full img{display: block;width: 100%;height:auto;}
.o-breaking-article{position: absolute;z-index: 2;}
.o-breaking-article__title{color:#fff;font-weight: 400;font-family: var(--content-font-droidserif);margin-bottom: 15px;}
.o-breaking-article__title a {color: inherit;}
.o-breaking-article p{color:rgba(255, 255, 255, 0.8); font-size: 14px;line-height: 19px;font-family: var(--content-font-droidserif);}
.o-breaking-block__list{list-style-type: none;margin-top: 30px;}
.o-breaking-block__list li{color:#fff;font-size: 16px;line-height: 22px;font-family: var(--content-font-droidserif);margin-top: 15px;position: relative;padding-left: 20px;}
.o-breaking-block__list li a {color: inherit;}
.o-breaking-block__list li:before{content: "";position: absolute;top: 5px;left:0;background-color: #dc0505;width: 9px;height: 9px;}
.breaking-article{background:#000;clear:both; content:""; display: table; margin-bottom: 20px;}
.breaking-article .breaking-article-slug{background-color: #dc0505; color: #fff; display: inline-block;  font-size: 13px; line-height: 18px; font-weight: 700;  text-transform: uppercase; font-family: 'Roboto',sans-serif; padding: 4px 10px; margin-bottom: 10px;}
.breaking-article .breaking-article-slug a{color:#a32020;text-decoration:none}
.breaking-article h1,.breaking-article h2{clear:both;padding:0;}
.breaking-article h1 a, .breaking-article h2 a{color:#fff;font-family:var(--content-font-droidserif);font-weight:400;text-decoration:none}
.breaking-article h1 a:hover, .breaking-article h2 a:hover{color:#fff}
.breaking-article .lead-pic.img-with-no-content{ width: 100%;}
.breaking-article .lead-pic a img{display:block; width:100%; max-height: 435px;}
.breaking-article .para-description p{color:rgba(255, 255, 255, 0.8);font-family:var(--content-font-droidserif);font-weight:400;padding:0 0 10px}
.breaking-article .para-description p a{background:url(../images/breking-bullet.jpg) 0 8px no-repeat;color:#336f99;clear:both;display:block;margin:5px 0;padding:0 0 0 20px}
.breaking-article .para-description p a:hover{color:#a32020}
.breaking-article .para-description .other-article{clear:both;overflow:hidden;padding:0 0 10px}.breaking-article .para-description .other-article ul{list-style:none}
.breaking-article .para-description .other-article ul li{background:url(../images/dots.jpg) 0 8px no-repeat;clear:both;padding:0 0 5px 12px;line-height:16px;overflow:hidden}.breaking-article .para-description .other-article ul li a{color:#444;font-family:'Roboto Condensed',sans-serif;font-size:14px;font-weight:700;line-height:18px}.breaking-article .para-description .other-article ul li a:hover{color:#a32020}
.breaking-article .article-stories{border-top: 1px solid #474747;float:left;margin:0;margin-top: 20px;overflow:hidden;width:100%}
.breaking-article .article-stories ul{list-style:none;}
.breaking-article .article-stories ul li{display:inline;float:left;}
.breaking-article .article-stories ul li a{color:#fff;font-family:var(--content-font-droidserif);font-weight:400;text-decoration:none}
.breaking-article .article-stories ul li a img{background:#fff;display:block;height:60px;text-decoration:none;width:108px;float: right; margin-left: 10px;}
.breaking-article .article-stories ul li .home-main-title{padding-right: 123px;display: block;}
/* premium icon*/
.premium_bg_black.datawall_icons{ background: url('../images/ie-premium-lock-white.svg') no-repeat;width: 10px;height: 12px; top:0;}
.ie-breaking-story .content_wall .paywall_icons, .o-breaking-block .content_wall .paywall_icons{background-size: 100%;}
.breaking-article .article-stories .content_wall .paywall_icons{top:4px; background-size: 100%; width: 15px; height: 15px; }
.ie-breaking-story .ie-stories-blocks:not(.with-thumbnail) .content_wall .paywall_icons{ background-size: 100%;}
.breaking-article .breaking-article-heading.content_wall .paywall_icons { left: 10px;}

@media screen and (min-width: 768px) {
	.ie-breaking-story__title{font-size: 44px;line-height: 60px;}
	.with-thumbnail {display: flex;}
	.with-thumbnail .ie-breaking-article p {line-height: 22px;}
	.ie-breaking-story .ie-stories-blocks.with-thumbnail{height: 350px;overflow: hidden;}
	.ie-stories-blocks.with-thumbnail:before { background-image: linear-gradient(270deg,transparent,rgba(0,0,0,0.8),#000); top: 0; content: ""; display: block; height: 100%; left: 0; position: absolute; z-index: 1; width: 100%; }
	.breaking-thumbnail { width: 100%;}
	.with-thumbnail .ie-breaking-article{order: -1;width: 50%; padding: 30px 10px 30px 25px;z-index:2;position: absolute;}
	.o-breaking-stories{ height:435px; overflow:hidden; }
	.ie-breaking-story ,.o-breaking-block{margin-bottom: 25px;}
	.o-breaking-article__title{ font-size: 32px; line-height: 44px; }
	.o-breaking-article{top:50%; transform: translateY(-50%); padding: 30px 40px; width: 55%;}
	.ie-breaking-story .content_wall .paywall_icons,.o-breaking-block .content_wall .paywall_icons{ width: 25px; height: 20px; }
	.breaking-bg-full a:before {background-image: linear-gradient(270deg,transparent,rgba(0,0,0,.8),#000);top: 0;content: "";display: block;height: 100%;left: 0;right: 0;position: absolute;width: 100%; z-index: 0;}
	.breaking-article { padding: 30px;}
	.breaking-article .breaking-article-heading, .breaking-article .breaking-article-heading a{ font-size: 48px; line-height: 61px; }
	.breaking-article .f-large , .breaking-article .f-large a{ font-size: 50px; line-height: 63px; }
	.breaking-article .f-medium , .breaking-article .f-medium a{font-size: 38px;line-height:50px;}
	.breaking-article .f-small ,.breaking-article .f-small a{font-size: 28px;line-height:40px;}
	.breaking-article h1,.breaking-article h2{margin-bottom: 20px;}
	.breaking-article .lead-pic{float:left;width:67%}
	.breaking-article .lead-pic.img-with-no-content {height: 335px;overflow: hidden;}
	.breaking-article .para-description{float:right;margin:0 0 0 2.6%;width:30.4%}
	.breaking-article .para-description p{ font-size: 14px; line-height: 22px; }
	.breaking-article .article-stories ul{margin:20px -15px 0; display: flex;}
	.breaking-article .article-stories ul li{padding:0 15px;width:33.33%; position: relative;}
	.breaking-article .article-stories ul li a { font-size: 14px; line-height: 19px; }
	.breaking-article .article-stories ul li:not(:first-child)::after { content: ""; background-color: #474747; height: 100%; width: 1px; position: absolute; top: 0; left: 0;}
	.ie-breaking-story .ie-stories-blocks:not(.with-thumbnail) .content_wall .paywall_icons{ width: 30px; height: 25px; top:2px}
	.ie-breaking-story .content_wall .paywall_icons, .o-breaking-block .content_wall .paywall_icons, .breaking-article .content_wall .paywall_icons{top:0;}
	.breaking-article .breaking-article-heading.content_wall .paywall_icons,.breaking-article .f-large.content_wall .paywall_icons,.breaking-article .f-medium.content_wall .paywall_icons,.breaking-article .f-m.content_wall .paywall_icons{ background-size: 100%;}
	.breaking-article .breaking-article-heading.content_wall .paywall_icons, .breaking-article .f-large.content_wall .paywall_icons { width: 32px; height: 26px;}
	.breaking-article .f-medium.content_wall .paywall_icons { width: 26px; height: 22px;}
}

@media screen and (max-width: 767px) {
	.ie-breaking-story,.o-breaking-block {margin: 0 -20px 20px;}
	.o-breaking-block { background: #000;}
	.o-breaking-stories { padding-top: 105px; }
	.ie-breaking-article {padding: 20px;}
	.ie-breaking-article p{margin-top: 10px; font-size: 14px;line-height: 22px;}
	.ie-breaking-story__title{font-size: 36px;line-height: 48px;}
	.with-thumbnail .ie-breaking-story__title,.o-breaking-article__title {font-size: 24px;line-height: 32px;}
	.with-thumbnail .ie-breaking-article p {line-height: 19px;display: none;}
	.o-breaking-article p{font-size: 13px;line-height: 18px;}
	.o-breaking-block__list {margin-top: 20px;}
	.o-breaking-block__list li {font-size: 14px;line-height: 19px;margin-top: 10px;}
	.ie-stories-blocks.with-thumbnail {position:relative;padding-top:105px; }
	.ie-stories-blocks.with-thumbnail:after {background-image: linear-gradient(to bottom,rgba(0,0,0,.95) 40%,rgba(0,0,0,0) 100%);top: 0;content: "";display: block;height: 100%;left: 0;position: absolute;width: 100%;z-index: 1;}
	.with-thumbnail .ie-breaking-article { top:0; position:absolute; z-index:2; }
	.o-breaking-stories:before { background-image: linear-gradient(to bottom, rgba(0,0,0,0.95) 40%,rgba(0,0,0,0) 100%); top:0;content: "";display: block;height: 100%;left: 0;position: absolute;width: 100%;z-index: 1;}
	
	.breaking-slug {font-size: 12px;}
	.o-breaking-article{top:0;padding:20px; position: absolute;z-index: 2; }
	.breaking-bg-full.ie_mobile_bg img { height: 100%; max-height: 100%; }
	.ie_mobile_bg + .o-breaking-article{ position: absolute;}
	.breaking-article{ margin-left: -20px; margin-right: -20px; padding-top: 20px; padding-bottom: 20px; }
	.breaking-article h1, .breaking-article h2 {margin-bottom: 15px;padding-left: 20px;padding-right: 20px;}
	.breaking-article .breaking-article-slug { font-size:12px; margin-left: 20px;}
	.para-description {padding-left: 20px;padding-right: 20px;  border-bottom: 1px solid rgba(255, 255, 255, 0.4); }
	.breaking-article .para-description p { font-size: 13px; margin-top: 10px;line-height: 20px;}
	.breaking-article .article-stories ul li:first-child { border: none; padding-top: 5px;}
	.breaking-article .article-stories ul li {border-top: solid 1px rgba(255, 255, 255, 0.4);padding-top: 10px;margin-top: 10px;}
	.breaking-article .article-stories ul li a { font-size: 15px; line-height: 20px; }
	.breaking-article .article-stories{border-top: 0;margin-top: 0; padding-left: 20px;padding-right: 20px;}
	.breaking-article .breaking-article-heading , .breaking-article .breaking-article-heading a{ font-size: 24px; line-height: 32px; }
	.breaking-article .f-large , .breaking-article .f-large a{ font-size: 26px; line-height: 34px; }
	.breaking-article .f-medium , .breaking-article .f-medium a {font-size: 22px;line-height: 28px;}
	.breaking-article .f-small ,  .breaking-article .f-small a {font-size: 18px;line-height: 22px;}
	.breaking-bg-full img, .breaking-article .lead-pic a img { height: auto;max-height: inherit;}
	.breaking-article .breaking-article-heading.content_wall .paywall_icons { top:1px}
	.o-breaking-block .content_wall .paywall_icons, .ie-breaking-story .with-thumbnail .content_wall .paywall_icons { top: 2px}
	.ie-breaking-story .ie-stories-blocks:not(.with-thumbnail) .content_wall .paywall_icons{ width: 28px; height: 22px;}
}
