figure.bd-comic {
  margin: 1.25em 0 0;
}

figure.bd-comic:not(.bd-has-transcript) details.bd-transcript {
  display: none;
}

details.bd-transcript {
  margin-top: 0;
  margin-left:7%;
}
@media (max-width: 768px) {
    details.bd-transcript {
        margin-left:12%;
    }
}

details.bd-transcript > summary {
  list-style: none;
}

details.bd-transcript .bd-transcript__hide { display: none; }
details.bd-transcript[open] .bd-transcript__show { display: none; }
details.bd-transcript[open] .bd-transcript__hide { display: inline; }

.bd-transcript{
    margin-bottom:30px;
}

.bd-transcript__text {
  margin-top: 1rem;
  margin-left:1rem;
  padding: 2rem 2rem 1rem;
  width:100%;
  max-width:720px;
  border-left: 3px solid #bd3a48;
  background: #fafafa;
}

.bd-transcript__text h3{
    font-size:1.1rem;
    font-weight:700;
}
.bd-transcript__text h4{
    font-size:1rem;
    font-weight:500;
    color:#bd3a48;
}

.bd-transcription span{
    position:relative;
    font-size:1.45rem;
    font-weight:300;
    text-transform:uppercase;
    color:#212529;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset:4px;
    border:none;
    background:none;
    list-style: none;
}
@media (max-width: 768px) {
    .bd-transcription span {
        font-size: 1rem;
    }
}
.bd-transcription .bd-transcript__summary i{
       display:inline-block;
       background:#f2f2f2;
       width:46px;
       height:46px;
       border-radius:50%;
       vertical-align:middle;
       margin-left:20px;
       position:relative;
       transition: all 0.5s ease;
       font-style:normal;
   }
  
   @media(max-width:768px){
       .bd-transcription .bd-transcript__summary i{
           width:26px;
           height:26px;
           display:block;
           position:absolute;
       }
   }
   
   .bd-transcription .bd-transcript__summary i{
       margin-left:0;
       margin-right:20px;
   }
    @media (max-width: 768px) {
        .bd-transcription .bd-transcript__summary i{
         margin-left:-36px;
        }
    }    
  .bd-transcription .bd-transcript__summary i::after{
       display:block;
       position:absolute;
       margin-left:50%;
       margin-top:50%;
       transform:translate(-50%,-50%);
       content:'+';
       font-family:inherit;
       font-weight:200;
       font-size:2rem;
   }
   @media(max-width:400px){
       .bd-transcription .bd-transcript__summary i::after{
         font-size:1.6rem;  
       }
   }
   details.bd-transcript[open] i::after{
       content:'—';
       font-size:1.5rem;
       padding-top:1px;
   }
   @media(max-width:400px){
       details.bd-transcript[open] i::after{
         font-size:0.8rem;  
       }
   }