audio{
    margin-top: 15px;
}
.menu--main.nav.navbar-nav li.Stories a:hover, 
.menu--main.nav.navbar-nav li.Stories a {
    color: #27ad06;
}
header .menu li.Stories a:after,
header .menu li.Stories a:hover:after
{
width: calc( 100% - 24px);
opacity:1;
}
.story-detail-inner
{
margin-top:93px;
}
.story-detail-inner .detail-wrap
{
 display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        margin-bottom: 75px;
}
.story-detail-inner .content-section
{
width: calc(100% - 333px);
margin-right:50px;
}
.story-detail-inner .right-wrap
{
background-color:#f2f2f2;
width:283px;
padding: 30px 30px;
    padding-top: 23px;
margin-top: 7px;
}
.story-detail-inner .datetype-wrap  span
{
    color: #27ad06;
    font-size: .8125rem;
    font-family: 'Quattrocento Sans', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}
.story-detail-inner .datetype-wrap .itemtype
{
    border-right: 1px solid #27ad06;
    padding-right: 5px;
    margin-right: 1px;
}
.story-detail-inner .story-title
{
    font-size: 2.25rem;
    color: #666;
    font-weight: 400;
    font-family: 'Abhaya Libre', serif;
    line-height: 2.5rem;
        margin-top: 18px;
            margin-bottom: 21px;
}
.story-detail-inner .story-img
{
background-color:#f2f2f2;
margin-bottom: 28px;
}
.story-detail-inner .story-img img
{
margin:0 auto;
}
.story-detail-inner .description,
.story-detail-inner .description p
{
font-size: 1.125rem;
    color: #666;
    font-weight: 400;
    font-family: 'Quattrocento Sans', sans-serif;

}
.story-detail-inner .description img
{
max-width:100%;
}
.story-detail-inner .source 
{
margin-top: 18px;
}
.story-detail-inner .source  span
{
font-size: .875rem;
    color: #666;
}
.story-detail-inner .source  a:hover
{
    color:#333333;
}
.story-detail-inner .source  a
{
font-size: .875rem;
color:#27ad06;
    font-weight: 400;
    font-family: 'Quattrocento Sans', sans-serif;
}

.story-detail-inner .right-wrap .section-title
{
    color: #666;
    font-weight: 400;
    font-family: 'Abhaya Libre', serif;
    font-size:1.375rem;
    position:relative;
    padding-bottom:3px;
    margin-bottom: 13px
}
.story-detail-inner .right-wrap .section-title:after
{
    content: "";
    position: absolute;
    bottom: 0;
    width: 66px;
    left: 0;
    right: 0;
        background: #27ad06;
    height: 3px;
}
.story-detail-inner  .similar-list .title,
.story-detail-inner  .similar-list .title a
{
    font-family: 'Quattrocento Sans', sans-serif;
    font-weight: 700;
        font-size:1rem;
            color: #666;
}
.story-detail-inner  .similar-list .title a
{
    display:block;
}
.story-detail-inner  .similar-list .title a:hover
{
      color: #27ad06;
}
.story-detail-inner  .similar-list .image
{
    margin-top: 12px;
}
.story-detail-inner  .similar-list 
{
border-bottom:1px solid #e6e6e6;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.story-detail-inner  .similar-list:last-child
{
border-bottom:0;
}
.story-detail-inner  .similar-list .content,
.story-detail-inner  .similar-list .content a
{
    font-family: 'Quattrocento Sans', sans-serif;
    font-weight: 400;
        font-size:.875rem;
            color: #333;
}
.story-detail-inner  .similar-list .content a:hover
{
    color: #27ad06;
}
.story-detail-inner  .similar-list .readmore-wrap 
{
    margin-top: 8px;
}
.story-detail-inner  .similar-list .readmore-wrap a
{
    font-family: 'Quattrocento Sans', sans-serif;
    font-weight: 400;
    font-size: .875rem;
    color: #27ad06;
    position: relative;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    padding-left: 25px;

}
.story-detail-inner  .similar-list .readmore-wrap a:before {
    content: "";
    width: 20px;
    height: 1px;
    display: block;
    background: #ccc;
    position: absolute;
    left: 0;
    top: calc( 50% - 1px );
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.story-detail-inner  .similar-list .readmore-wrap a:after {
    content: "";
    width: 0px;
    height: 1px;
    display: block;
    position: absolute;
    background: #ccc;
    right: 0;
    top: calc( 50% - 1px );
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.story-detail-inner .similar-list .content
{
margin-top:15px;
}
.story-detail-inner  .similar-list .readmore-wrap a:hover {
    padding-left: 0;
    padding-right: 25px;
}
.story-detail-inner  .similar-list .readmore-wrap a:hover:before {
    width: 0px;
}
.story-detail-inner  .similar-list .readmore-wrap a:hover:after {
    width: 20px;
}
.readmore-wrap a,
.readmore-wrap a:focus,
a,
a:focus
{
    outline:none;
}
html.touchevents  .story-detail-inner  .similar-list .readmore-wrap a
{
padding-left:0;
padding-right:0;
}
html.touchevents  .story-detail-inner  .similar-list .readmore-wrap a:after,
html.touchevents  .story-detail-inner  .similar-list .readmore-wrap a:before
{
display:none;
}
/*Story Page Style when sidemenu is not present*/
.discussion-detail.no-side-menu .story-detail-inner .content-section{
    margin:0 auto;
}
/***********************************************/

@media only screen and (min-width : 768px) and (max-width : 991px) 
{
header .menu li.Stories a:after,
header .menu li.Stories a:hover:after
{
width: calc( 100% - 10px);
opacity:1;
}


}
@media only screen and (max-width : 767px) 
{
.story-detail-inner .right-wrap
{
padding:20px;
margin-top:25px;
margin-bottom:40px;
overflow: hidden;
}
.story-detail-inner .similar-list {
    padding-bottom: 11px;
    margin-bottom: 8px;
}
.story-detail-inner .detail-wrap
{
display:block;
}
.story-detail-inner .content-section
{
width:100%;
}
.story-detail-inner .right-wrap
{
width:100%;
}
.story-detail-inner .similar-list .image
{
max-width:100px;
float:left;
    margin-top: 4px;
}
.story-detail-inner .similar-list .title
{
float:left;
width:calc(100% - 110px);
margin-left:10px;
    min-height: 66px;
}
.story-detail-inner .similar-list .readmore-wrap
{
    padding-left: 110px;

}
.story-detail-inner .similar-list
{
clear:both;
overflow: hidden;
}
.story-detail-inner
{
margin-top:30px;
}
.story-detail-inner .datetype-wrap span
{
    font-size: .75rem;
}
.story-detail-inner .story-title
{
    font-size: 1.25rem;
    line-height: 1.5rem;
        margin-top: 7px;
}
.story-detail-inner .description, 
.story-detail-inner .description p
{
    font-size: .875rem;
}
}