.first-view-video:after, .imageframe-default:after{content:''; display:block; padding-top:56.25%;}
.first-view{margin-bottom:0 !important; position:relative;}
.imageframe-photo, .detail-author, .detail-program{position:relative;}
.imageframe-photo > span, .detail-author > span, .detail-program > span{position:absolute; top:5px; left:0;}
.imageframe-photo > ul > li, .detail-author > ul > li, .detail-program > ul > li{float:left; margin:5px 5px 0 0;}
.imageframe-photo > ul > li:not(:last-child):after, .detail-author > ul > li:not(:last-child):after, 
.detail-program > ul > li:not(:last-child):after{content:','; display:inline;}
.imageframe-default{position:relative;}
.imageframe-default:before{height:100%;}
.imageframe-default img{position:absolute; top:0; left:0; width:100%; height:100%;}

.imageframe-info{width:100%; padding:10px; background-color:rgba(0,0,0,0.1); font-size:12px; line-height:140%;}
.imageframe-caption{padding-bottom:5px; border-bottom:1px dashed rgba(0,0,0,0.1);}
.imageframe-photo > ul{margin-left:56px;}
.first-view-video > .video-frame{position:absolute; top:0; left:0; width:100%; height:100%;}
.detail-advertorial{margin-bottom:4px; color:#212121; text-transform:uppercase; font-weight:bold;}
.detail-title{font-weight:900; color:#212121; font-size:26px; line-height:130%;}
.breadcrumb, .detail-date{margin-top:8px;}
.detail-author, .detail-program{margin-top:3px;}
.detail-author > ul{margin-left:44px;}
.detail-program > ul{margin-left:70px;}

.first-view .imageframe-info{position:absolute; opacity:0; bottom:0; left:0; color:#FFF; -webkit-backdrop-filter:blur(7px); backdrop-filter:blur(7px);}
.first-view .imageframe-caption{padding-bottom:5px; border-bottom:1px dashed rgba(255,255,255,0.3);}

.detail-content > *{margin:var(--section-space) 0;}
.detail-content{font-size:18px; line-height:150%; color:#424242;}
.detail-content > ul, .detail-content > ol{padding-left:20px;}
.detail-content > ul{list-style:square;}
.detail-content > ol{list-style:decimal;}
.detail-content > ul > li, .detail-content > ol > li{padding:2px 0;}

.imageframe-stories > span, .imageframe-presenter > span{position:relative;}
.imageframe-stories > span:after, .imageframe-presenter > span:after{content:''; display:block;}
.imageframe-stories > span > *, .imageframe-presenter > span > *{position:absolute; top:0; left:0; width:100%;}
.imageframe-stories{background-color:#000;}
.imageframe-stories > span{width:300px;}
.imageframe-stories > span:after{padding-top:177.77%;}
.imageframe-presenter > span{width:100%; max-width:500px;}
.imageframe-presenter > span:after{padding-top:100%;}

@media screen and (min-width:0px) and (max-width:1023px){
  .first-view{margin:0 !important;}
}

@media screen and (min-width:1024px){
  .detail-title{font-size:32px;}
}

.breadcrumb{margin-bottom:0;}