@import url("https://unpkg.com/emoji.css/dist/emoji.min.css");
.discussion-holder {
    background:var(--bg-grey)
}
.discussion-page-title {
    font-size:1.8rem
}
.discussion-item .byline {
    position:relative;
    /*z-index:10;*/
}
.comment {
    /*border-bottom: 1px solid #a0a0a0;*/
}
.replies {
    font-size: 1.3rem;
}

/*TODO: move into oembed css */
/*This fixes the display of the overly large wikipedia entry*/
.oembedall-container #content {
    position: relative;
    max-height:320px;
    max-width:420px;
    box-shadow:0 4px 32px -12px rgba(0,0,0,0.3);
    border-radius:4px;
    border:1px solid #cecece;
    overflow:hidden;
    padding: 1.6rem;
}
.oembedall-container .nav-link {
    opacity:0;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
}


.discussion-item .right-col {
    /*margin:-1.25rem -.25rem -2.25rem 0;*/
    flex-grow:1;
}


.tag-color {
    width:12px;
    height:12px;
    background-color:#c9c9c9;
    border:1px solid #989898;
    border-radius:1.5px;
    margin-right:.5rem;
    margin-left:.75rem
}
.tag {
    display:flex;
    align-items:center;
}


.discussion-title.is_stuck {
    background:transparent !important;
    z-index:1010;
    border:none;
    opacity:0;
    -webkit-animation: fadeInTitle 0.3s forwards 0.4s;
    -o-animation: fadeInTitle 0.3s forwards 0.4s;
    animation: fadeInTitle 0.3s forwards 0.4s;
}

@-webkit-keyframes fadeInTitle {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }

}

@-o-keyframes fadeInTitle {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }

}

@-moz-keyframes fadeInTitle {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }

}

@keyframes fadeInTitle {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }

}



.quoted-reply {
    position:relative;
}
.dismiss-quote {
    position:absolute;
    top: 10px;
    right:10px;
}