:root {
    --gitalk-github-color: #000;
}

/* Footer */
#footer-under-gitalk {
    text-align: center;
    max-width: var(--global-content-width);
    width: var(--global-content-width);
    align-self: center;
    padding: 2.5rem 0.9375rem 2.5rem;
    margin: 1.5rem auto 0
}

#footer-under-gitalk>div {
    padding-top: 2.5rem;
    border-top: var(--global-border) var(--border-color);
}

/* Gitalk */
#gitalk-container {
    max-width: var(--global-content-width);
    width: var(--global-content-width);
    margin: 0.5rem auto 1.25rem;
    padding: 0 0.9375rem;
}

#gitalk-container .gt-container {
    font-size: 1rem;
}

#gitalk-container .gt-header-controls {
    margin-top: 1.5rem;
}

#gitalk-container .gt-header-controls-tip {
    color: var(--theme-color);
}

#gitalk-container .gt-header {
    margin-top: 3rem;
}

#gitalk-container .gt-link {
    color: var(--theme-color);
    border-bottom: var(--global-border-weak) var(--theme-color);
}

#gitalk-container .gt-btn-login {
    background-color: var(--theme-color);
    border: var(--global-border) var(--theme-color);
}

#gitalk-container .gt-btn-preview {
    color: var(--theme-color);
    border: var(--global-border) var(--theme-color);
}

#gitalk-container .gt-btn-public {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}

#gitalk-container .gt-container .gt-comment-username {
    color: var(--heading-color);
    font-weight: var(--global-font-weight-semibold);
}

#gitalk-container .gt-container .gt-comment-username:hover {
    text-decoration: none;
}

#gitalk-container .gt-container .gt-ico-github .gt-svg svg {
    fill: var(--theme-color);
}

#gitalk-container .gt-container .gt-svg svg {
    fill: var(--theme-color);
}

#gitalk-container .gt-container a.is--active {
    color: var(--theme-color) !important;
}

#gitalk-container .gt-container a.is--active:before {
    background: var(--theme-color) !important;
}

#gitalk-container .gt-avatar,
#gitalk-container .gt-avatar>img {
    border-radius: var(--global-avatar-border-radius);
}

#gitalk-container .gt-container a {
    color: inherit;
    transition-duration: var(--global-transition-duration);
}

#gitalk-container .gt-container a:hover {
    color: var(--theme-color);
}

#gitalk-container .gt-popup .gt-action {
    color: inherit;
}

#gitalk-container .gt-popup .gt-action:hover {
    color: var(--theme-color);
}

#gitalk-container .gt-container .gt-comment-content {
    border-radius: var(--global-el-border-radius);
    background: var(--zebra-bg);
    border: var(--global-border) var(--border-color-strong);
}

#gitalk-container .gt-container .gt-comment.gt-comment-admin .gt-comment-content {
    background: var(--global-theme-color-blur);
}

#gitalk-container .gt-container .gt-comment-content:hover {
    box-shadow: none;
}

#gitalk-container .gt-container .gt-header-preview {
    border-radius: var(--global-el-border-radius);
    color: inherit;
    height: 4.5rem;
}

#gitalk-container .gt-container .gt-header-textarea {
    border-radius: var(--global-el-border-radius);
    color: inherit;
}

#gitalk-container .gt-popup {
    border-radius: var(--global-icon-border-radius);
}

#gitalk-container .gt-container .gt-comment-content .gt-comment-body {
    color: inherit !important;
}

#gitalk-container .gt-container .gt-popup {
    background-color: var(--zebra-bg);
    border-color: var(--border-color-strong);
}

#gitalk-container .gt-container .gt-popup .gt-copyright {
    border-color: var(--border-color);
}

#gitalk-container .gt-container .gt-popup .gt-copyright .gt-version {
    color: var(--em-color);
}

#gitalk-container .gt-container .gt-btn-preview {
    background-color: var(--bg-color);
}

#gitalk-container .gt-container {

    .gt-header-textarea,
    .gt-header-preview {
        background-color: var(--zebra-bg);
        border: var(--global-border) var(--border-color-strong);
    }
}

#gitalk-container .gt-container .gt-meta {
    border-bottom: var(--global-border) var(--border-color);
    margin-top: 0;
    padding-top: 0;
}

#gitalk-container .gt-comments .markdown-body,
#gitalk-container .gt-header .markdown-body {
    font-family: var(--global-font);
}

#gitalk-container  .gt-comments-null {
    display: none;
}