// Website Article Page
.website_article {
    background-color: var(--white);

    h1, h2, h3 {
        color: $primary;
    }

    h1 {
        font-weight: bold;
    }

    h3 {
        font-style: italic;
    }

    .titled_author {
        position: relative;
        cursor: pointer;
        display: inline-block;
        color: $primary;

        a {
            color: $secondary;
        }

        .details {
            background-color: $white;
            color: $secondary;
            position: absolute;
            padding: 1em;
            z-index: 10000;
            border: 1px solid $primary;
            min-width: 20vw !important;
            box-shadow: 2px 4px 19px -1px rgba($black, 0.53);
            font-size: 0.75rem !important;

            b {
                font-size: 1.3rem !important;
                margin-bottom: 1em;
            }

            .orcid {
                font-size: 0.75rem !important;
                margin-top: 2em !important;
                margin-bottom: 2em !important;
            }
        }

        &:hover {
            color: $primary;
        }
    }

    .article-header {
        .article-title {
            font-size: 1.8rem;
        }
    }

    .article-share-view {
        border-top: 1px solid $accent;
        border-bottom: 1px solid $accent;
    }

    .article-content {
        margin-top: 2em;

        a {
            text-decoration: dotted !important;
        }
    }

    .equation {
        padding: 2em;
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        font-size: 0.9rem;
        font-style: italic;

        .index {
            float: right;
        }
    }

    .aaside-item {
        margin-bottom: 1em;
    }

    .info-row {
        display: flex;
        flex-direction: row;
        justify-content: start;
        gap: 0.5em;
        align-items: center;

        .label {
            text-transform: capitalize;
            font-weight: bolder;

            &::after {
                content: ":";
            }
        }
    }
}