.flex-article .wrap-thumb .normal-ratio {padding-bottom: 59%}

.hot-tags{display:flex}
.hot-tags li{font-size:14px;margin-right:8px;font-family:Manrope;font-weight:700;line-height:1;display:flex;align-items:center;white-space:nowrap}
.hot-tags li:before{content:"";width:5px;height:5px;background-color:var(--darkred);display:inline-block;margin-right:5px;border-radius:100%}

.status{padding:0 10px;font-size:15px;font-weight:600;display:flex}
.status .item{font-weight:800}
.stat{display:flex;margin-left:8px;align-items:center;font-weight:400;letter-spacing:-.5px}
.stat.up{color:#53b21d}
.stat:after{content:"\2191";width:16px;height:16px;font-size:11px;line-height:1;display:flex;align-items:center;justify-content:center;margin-left:8px;border-radius:50%;color:#fff}
.stat.up:after{background-color:#53b21d}


/* HERO */
.topstories-l-2.top-stories{margin:0 auto;padding:2rem 0}
.topstories-l-2.top-stories .column.br:after,.topstories-l-2.top-stories sep{opacity:.2}
.topstories-l-2.top-stories .roboto.o-head{border-left:3px solid var(--darkred);padding-left:1.2rem;margin-top:10px;letter-spacing:-.55px}
.topstories-l-2 .inner-header-row{background-color:rgba(255,255,255,.1)}
.topstories-l-2 .inner-header-row .hot-tags li{color:#fff}
.topstories-l-2 .inner-header-row .hot-tags li:before{background-color:var(--darkred)}
.topstories-l-2 .inner-header-row .status{color:#fff}
.topstories-l-2 .border-article .vinieta,.topstories-l-2 .lborder-article .vinieta{color:var(--darkred)}
.topstories-l-2 .border-article .thumb-holder,.topstories-l-2 .lborder-article{border-color:var(--darkred)}

.topstories-l-5  .flex-article .mask-header {margin-right: -180px;position: relative;margin-top:2rem}
.topstories-l-5 .o-head.roboto-condensed {margin-left: 5px}

.entheto{background-color:#871687;display:flex;align-items:center;height:100%}
.enheto-image{width:45%;line-height:0;margin-top:-20px}
.entheto .mask-title{width:55%;padding:2rem;padding-right:0}
.enheto-image.full-image-en.thumb-holder{margin:0;height:100%}


.home-section{border-top:1px solid #ddd;padding:3rem 0 4rem;margin-bottom:0}
.home-section:first-child{border:none}
.border-article .thumb-holder{border-top:2px solid var(--darkred)}
.section-name{font-weight:900;font-size:3.6rem;line-height:1;text-transform:uppercase;-webkit-text-stroke:#000;-webkit-text-stroke-width:1px;letter-spacing:2px}
.wrap-header-elements .section-link{margin-top:3rem;border-bottom:1px solid #ddd;padding-bottom:5px;font-size:14px}
.wrap-header-elements .section-link a{color:#464646;font-weight:600}


/* breaking */
.breaking-news{clear:both;background-color:#FFEA4E;padding:10px 0;margin:-20px 0 0}
.breaking-wrapper {display: flex;justify-content: center;align-items: center}
.breaking-tag{font-style:italic;font-size:20px;color:var(--darkred);font-weight:800;font-family:Roboto}
.breaking-news-head{font-family:Roboto;font-style:italic;font-size:20px}


.home-section.podcast{border:none;padding-top:0}
.wrap-podcast{position:relative;line-height:1;left:50%;margin-left:-50vw;margin-right:-50vw;max-width:100vw;position:relative;right:50%;width:100vw}
.mirrorgr-podcast-row{position:relative;background:var(--fulldarkred);padding:4rem 0 3rem}
.mirrorgr-podcast-inner{max-width:1290px;margin:0 auto}
.wrap-podcast-cover{line-height:1;max-width:270px;margin:0 auto;margin-right:4rem}
.wrap-podcast-cover img{box-shadow:5px 5px 6px #00000029}
.podcast-flex{align-items:center}
.podcast-label,.podcast-label:hover,.podcast-label:visited{color:#fff;font-size:15px;border-bottom:1px solid;letter-spacing:1.2px;line-height:19px;margin-bottom:12px}
.podcast-show{position:relative;display:block;margin:12px 0;color:#fff;font-size:35px;line-height:1.1;font-weight:900}
.podcast-show a,.podcast-show:hover,.podcast-show:visited{color:#fff}
.podcast-anchor{letter-spacing:.88px;color:#fff;font-size:11px;line-height:14px}
.subscribe-area{position:relative;display:block;margin-top:3rem;background-color:#e9c9b5;max-width:130px;box-shadow:0 3px 6px #00000029}
.subscribe-label{color:#89002c;transition:all .3s ease;font-size:13px;letter-spacing:.65px;line-height:16px;display:flex;align-items:center;justify-content:center;width:100%;text-align:center;padding:8px;font-weight:600;position:relative}
.subscribe-area .dashicons{transition:all .3s ease}
.subscribe-options{padding:0 5px;height:0;overflow:hidden;position:absolute;z-index:1;left:0;right:0;background:#e9c9b5}
.subscribe-options li{display:block;width:calc(100%/3);padding:6px}
.subscribe-options li a{line-height:0;display:flex;height:100%;text-align:center;align-items:center;justify-content:center}
.podcast-title{display:inherit;position:relative;font-size:22px;color:#fff;line-height:29px;font-weight:800}
.podcast-title a{color:#fff}
.wrap-podcast_chosen a{display:initial}
.wrap-podcast_chosen{max-width:365px;margin-bottom:3rem}
.subscribe-options li svg path{fill:#89002C!important}
.mirrorgr-podcast-inner{max-width:calc(1600px - 80px);margin:0 auto;padding-left:180px}
@media (min-width:1100px){
.podcast-title{border-bottom:2px solid transparent;transition:all .2s ease}
.podcast-title:hover{border-bottom:2px solid #fff}
.subscribe-area:hover .subscribe-options{height:50px;display:flex}
.subscribe-area:hover{cursor:pointer}
.subscribe-area:hover .subscribe-label{background-color:#cfaa92}
.subscribe-area:hover .dashicons{transform:rotate(180deg)}
}
.custom-audio{display:flex;align-items:center}
.custom-audio__btn{border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background-color:#e9c9b5}
.custom-audio__btn:hover{background-color:var(--semidarkgray);cursor:pointer}
.player__waveform-container{position:relative}
.waveform.waveform--progress{position:absolute;top:0;left:0;overflow:hidden;width:0;height:100%;z-index:2}
.waveform.waveform--scrubber{position:absolute;top:0;left:0;overflow:hidden;width:100%;height:100%;z-index:3}
#waveform svg path{stroke:#FFF!important}
.waveform.waveform--progress svg path{stroke:#f2e4d8!important}
.custom-audio__time{color:#000}
.custom-audio__wave{position:relative;width:calc(100% - 50px);display:block;cursor:pointer;padding-left:10px}
.controller-icon{background-image:url(../../imgs/playButton.svg);width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:16px}
.custom-audio.playing .controller-icon{background-image:url(../../imgs/pauseButton.png);background-size:30px}
.custom-audio audio{opacity:0;height:0;overflow:hidden}


.home-section.blogs{border:none;padding-top:0}
.wrap-blogs{position:relative;line-height:1;left:50%;margin-left:-50vw;margin-right:-50vw;max-width:100vw;position:relative;right:50%;width:100vw;background-color:#f6f9f8}
.wrap-blogs{padding:3rem 0}
.author-image{border: 1px solid #ddd;width:50px;background-color:#f4f4f4;height:50px;overflow:hidden;border-radius:100%}

.blogger-name:after{content:"";height:2px;display:block;width:50px;background-color:var(--darkpurple);margin-top:10px;margin-bottom:12px}
.wrap-blogs .post-description{margin-top:10px}
.blogger-name{text-transform:uppercase}
.column-col{position:relative;padding-left:60px;padding-top:30px}
.column-col .section-name{margin-bottom:12px;position:relative;border-left:5px solid var(--darkred);line-height:1;padding-bottom:0;padding-left:10px}
.column-col:before{content:"";background-color:#f3e6b7;height:200px;width:100%;position:absolute;top:0;right:0}
.column-col .wrap-thumb{margin-bottom:10px}
.column-col .border-article{margin-bottom:20px;border-bottom:1px solid #ddd;padding-bottom:20px}




.topstories{padding-bottom:4rem}
.mustread-block{background-color:#a82323;padding:2rem 2rem}
.mustread-block .lborder-article{border-color:#fff}
.mustread-block .inner-header-title{background-color:#ffea4e;display:inline-block;padding:2px 8px}
.mustread-block .column.mr_4, .mustread-block .column.mr_3, .mustread-block .column.mr_3, .mustread-block .column.mr_1 {margin-bottom: 15px}



.o-head.roboto-condensed{letter-spacing:-1.5px;font-size:42px;word-spacing:-1px}
.o-head.roboto-condensed{background-color:var(--darkred);color:#fff;display:inline;padding:5px;box-decoration-break:clone;-webkit-box-decoration-break:clone;outline:5px solid var(--darkred);margin-left:-15px;padding-left:10px;padding-bottom:0;padding-right:10px}


.wrap-tv{padding:3rem 0;line-height:1;left:50%;margin-left:-50vw;margin-right:-50vw;max-width:100vw;position:relative;right:50%;width:100vw;background-color:#000}
.wrap-tv sep{opacity:.3}
.video-article .wrap-thumb:after{content:"";position:absolute;bottom:10px;right:10px;background-image:url(https://s2-prod.mirror.co.uk/@trinitymirrordigital/dragonfly/acf77f4…/img/mirror/video.svg);height:50px;z-index:2;width:50px;background-repeat:no-repeat;background-size:100%}

/* LIVEBLOG */
.liveblog{background-color:#f4f4f4;height:100%;position:relative}
.liveblog .live-header{background-color:var(--darkred);color:#fff;padding:10px;line-height:1;margin-bottom:15px}
.blinker{width:20px;height:20px;border-radius:100%;background-color:#fff}
.wrap-header-items{width:calc(100% - 20px);padding-left:15px}
.liveblog-wrapper{overflow-y:scroll;position:absolute;bottom:0;top:120px}
.liveblog-wrapper::-webkit-scrollbar{width:5px}
.liveblog-wrapper::-webkit-scrollbar-track{-webkit-box-shadow:none;border-radius:0}
.liveblog-wrapper::-webkit-scrollbar-thumb{border-radius:0;background-color:var(--darkred);-webkit-box-shadow:none}
.liveblog-wrapper{scrollbar-color:var(--darkred) #f4f4f4;scrollbar-width:thin}

.inner-widget-wrapper{padding:2rem;}

@media screen and (max-width:1023px) {
.mirrorgr-podcast-row{padding:16px}
.mirrorgr-podcast-inner{width:1000%;padding:0 15px;max-width:100%}
.podcast-col{text-align:center}
.subscribe-area{margin:2rem auto 0}
.wrap-podcast-cover{margin:0 auto}
.wrap-podcast_chosen{max-width:365px;margin-bottom:2rem;text-align:center}
.custom-audio{display:none} 
}


@media screen and (max-width:767px) {
.breaking-wrapper{align-items:flex-start}
.breaking-x-l{margin-right:8px}
.breaking-news-head{font-size:15px}
.breaking-dot{width:11px;height:11px;display:block;background-color:var(--darkred);border-radius:100%;margin-top:2px}
.inner-header-title,.section-name{font-size:2.5rem}
.home-section{padding-bottom:3rem}
.mustread-block{padding:2rem 1.6rem;left:50%;margin-left:-50vw;margin-right:-50vw;max-width:100vw;position:relative;right:50%;width:100vw}
.mustread-block .column:last-child{margin-bottom:0!important}
.column-col{padding-left:2rem}
.flex-article .wrap-thumb .normal-ratio,.normal-ratio{padding-bottom:66.25%}
.topstories-l-5 .flex-article .mask-header{margin:0}
.topstories-l-2 .flex-article .wrap-thumb .normal-ratio{padding-bottom:70%}
.o-head.roboto-condensed{font-size:26px;padding-left:5px}
.flex-article .tile-content .post-description{display:none}
.inner-widget-wrapper{padding:1.6rem;left:50%;margin-left:-50vw;margin-right:-50vw;max-width:100vw;position:relative;right:50%;width:100vw}
.inner-widget-wrapper article.lborder-article,.inner-widget-wrapper article.lborder-article .tile-content,.mustread-block article.lborder-article,.mustread-block article.lborder-article .tile-content{margin:0;height:100%}
.mustread-block .column.mr_1 article.border-article {margin-bottom: 0}
.wrap-blogs{padding:2rem 0}  
.blogger-name:after {margin-top: 8px;margin-bottom: 8px}
.blog-article {
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
    margin-bottom: 15px;
}.blog-article:last-child {
    margin-bottom: 0;
    border-bottom: 0;
    padding-bottom: 0;
}  
  
}